:root{--orange:#faa61b;--orange-deep:#e8950f;--teal:#15677b;--charcoal:#383839;--text:#222226;--text-soft:#54555a;--text-muted:#6f7074;--bg:#f5f5f5;--border:#e3e8ef;--border-strong:#dce2ed;--gap-inline:8px;--gap-block:20px;--gap-nested:16px;--nested-indent:20px;color:var(--text);background:var(--bg);accent-color:var(--orange);font-family:Segoe UI,system-ui,sans-serif}body{margin:0}.app-band{background:var(--teal);height:10px}main{max-width:960px;margin:0 auto;padding:32px}header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.header-actions{gap:var(--gap-inline);flex-wrap:wrap;justify-content:flex-end;display:flex}h1,h2{color:var(--charcoal);margin:0}button,select,input,textarea{font:inherit;border:1px solid #c8d0df;border-radius:6px;padding:8px 10px}button{background:var(--orange);color:var(--charcoal);border-color:var(--orange);cursor:pointer;font-weight:600}button:hover:not(:disabled){background:var(--orange-deep);border-color:var(--orange-deep)}button:disabled{opacity:.55;cursor:not-allowed}.flow-picker,.form-card,.compile,.status{border:1px solid var(--border-strong);background:#fff;border-radius:10px;margin-top:24px;padding:20px;box-shadow:0 2px 8px #1f2f4614}.flow-picker label,.control-label,.setting-title,.setting-array-title{color:var(--charcoal);margin:0;font-weight:600;display:block}.setting-title{font-size:1.05rem}.setting-array-title{font-size:1rem}.flow-picker select,.setting-field-control select,.setting-field-control input:not([type=checkbox]):not([type=radio]),.setting-field-control textarea{width:100%;margin:0;display:block}.setting-field-boolean .setting-field-control .checkbox label{align-items:center;gap:var(--gap-inline);cursor:pointer;color:var(--charcoal);font-weight:600;display:inline-flex}.setting-field-boolean .setting-field-control input[type=checkbox]{flex-shrink:0;width:auto;margin:0}.flow-picker>*+*,.setting-field>*+*,.setting-array>*+*,.setting-object-nested>*+*,.setting-nested-field>*+*{margin-top:var(--gap-inline)}.setting-block{padding-bottom:var(--gap-block);margin-bottom:var(--gap-block);border-bottom:1px solid var(--border)}.setting-block:last-child,.setting-object-root>.setting-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.setting-object-nested{padding:0 0 0 var(--nested-indent);border:0;border-left:3px solid var(--teal);margin:0}.setting-object-fields>.setting-nested-field+.setting-nested-field{margin-top:var(--gap-nested)}.field-description,.help-block{color:var(--text-muted);margin:0;font-size:.92rem}.error{color:#b42318}.required{display:none}.status{color:var(--text-soft)}.status-error{color:#8f1d1d;border-color:#f0b8b8}.flow-empty{color:var(--text-muted);margin:8px 0 0}.success{border-color:#9ad0b4}.compile.error{border-color:#f0b8b8}.setting-array-items>.array-item-card+.array-item-card{margin-top:var(--gap-inline)}.array-item-card{gap:var(--gap-inline);border:1px solid var(--border);background:var(--bg);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:10px 12px;display:grid}.array-item-content>.setting-field,.array-item-content>.field{margin:0}.array-item-content>.setting-field+.setting-field,.array-item-content>.field+.field{margin-top:var(--gap-inline)}.array-item-toolbar{flex-direction:column;gap:4px;display:flex}.array-toolbar-btn{width:28px;min-width:28px;height:28px;color:var(--charcoal);background:#fff;border:1px solid #c8d0df;padding:0;font-size:.95rem;font-weight:700;line-height:1}.array-toolbar-btn:hover:not(:disabled){background:var(--orange);border-color:var(--orange);color:var(--charcoal)}.setting-array-add{margin-top:var(--gap-inline)}.form-card button[type=submit]{margin-top:var(--gap-block)}.field-hidden{display:none}.field,.setting-field{margin:0}fieldset{border:0;margin:0;padding:0}legend.setting-title{margin-bottom:var(--gap-inline);padding:0}.webhook-key-readonly input,.webhook-key-readonly textarea{box-shadow:none;color:var(--charcoal);cursor:default;background:0 0;border:none;padding:0;font-weight:600}.webhook-key-readonly input:focus,.webhook-key-readonly textarea:focus{outline:none}.app-nav{gap:var(--gap-inline);margin:var(--gap-block) 0;display:flex}.app-nav button{border-color:var(--border-strong);color:var(--charcoal);background:#fff}.app-nav button.active{background:var(--orange);border-color:var(--orange)}.sp-target-controls{gap:var(--gap-block);flex-direction:column;display:flex}.global-catalog-actions h3{margin-top:0}.section-header{margin-bottom:var(--gap-block)}
