#sf-root{max-width:1500px;margin:0 auto;padding:8px 4px;color:var(--text-main,#f3f3f5)}#sf-root h2{font-size:27px;margin:6px 0}#sf-root p{line-height:1.5}.sf-header{display:flex;justify-content:space-between;align-items:start;gap:20px}.sf-header p{margin:8px 0}.sf-eyebrow{font-size:11px;letter-spacing:1.7px;color:#ffa99e;font-weight:750}.sf-buttons{display:flex;gap:8px;flex-wrap:wrap}.sf-sync,.sf-foot{font-size:12px;color:var(--text-muted,#bfc2ca)}.sf-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.sf-kpi{padding:18px;border:1px solid var(--border-subtle,#44464d);border-radius:12px;background:var(--bg-elevated,#27282c);text-align:left;cursor:pointer}.sf-kpi b{font-size:29px;display:block;color:#ffa99e}.sf-kpi span{font-size:13px}.sf-filters{display:flex;gap:12px;align-items:end;margin-bottom:15px}.sf-filters label,.sf-editor label{font-size:12px;font-weight:650;display:flex;flex-direction:column;gap:6px}.sf-search{flex:1}.sf-filters input,.sf-filters select,.sf-editor input,.sf-editor select,.sf-editor textarea{width:100%;min-height:40px;border:1px solid var(--border-subtle,#44464d);border-radius:8px;padding:9px;font:inherit;background:var(--bg-elevated,#27282c);color:var(--text-main,#f3f3f5)}.sf-filters select{max-width:380px}.sf-old{font-size:12px}.sf-old input{width:auto}.sf-group{margin-top:24px}.sf-group h3{font-size:17px;margin:12px 0}.sf-group h3 small{margin-left:9px;color:var(--text-muted,#bfc2ca)}.sf-row{display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,1.25fr) auto;gap:20px;align-items:start;background:var(--bg-elevated,#27282c);border:1px solid var(--border-subtle,#44464d);padding:18px;margin:9px 0;border-radius:12px}.sf-row h4{margin:9px 0 5px;font-size:17px}.sf-row p{margin:7px 0;font-size:13px}.sf-product{max-height:4.5em;overflow:hidden}.sf-row small{font-size:11px;color:var(--text-muted,#bfc2ca)}.sf-badge{display:inline-block;font-size:11px;padding:4px 8px;border-radius:5px;background:#edf0f5;color:#3d4b5e;font-weight:650}.sf-question,.sf-delivery,.sf-review{background:#ffebda;color:#914809}.sf-quote{background:#e2f0ea;color:#226649}.sf-declined,.sf-closed{background:#edf0f2;color:#67717b}.sf-price{font-weight:650}.sf-row>.btn{white-space:nowrap;margin-top:8px}.sf-note{padding:14px;background:var(--bg-elevated-soft,#303136);border-left:3px solid #8192a5;margin:15px 0;font-size:13px;line-height:1.5}.sf-alert{padding:12px;border-radius:8px;background:#fff0df;color:#8c4f0e}.sf-dialog{border:0;border-radius:15px;width:min(1040px,94vw);max-height:90vh;padding:24px;color:var(--text-main,#f3f3f5);box-shadow:0 20px 70px #0004}.sf-dialog::backdrop{background:#15223588}.sf-dialog header{display:flex;justify-content:space-between;gap:15px}.sf-dialog h2{margin:5px 0 15px}.sf-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sf-facts>div{background:var(--bg-elevated-soft,#303136);padding:12px;border-radius:8px}.sf-facts b{font-size:12px;color:var(--text-muted,#bfc2ca)}.sf-facts p{font-size:13px;line-height:1.5;margin-bottom:0}.sf-editor{margin:20px 0;padding:14px;border:1px solid var(--border-subtle,#44464d);border-radius:8px}.sf-editor summary,.sf-source summary{cursor:pointer}.sf-editor form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.sf-wide{grid-column:1/-1}.sf-source{border-top:1px solid var(--border-subtle,#44464d);padding:14px 0;font-size:13px}.sf-source summary{line-height:1.7;overflow-wrap:anywhere}.sf-source pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 inherit;max-height:500px;overflow:auto;background:var(--bg-elevated-soft,#303136);padding:14px}.sf-files{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.sf-files .btn{font-size:12px;overflow-wrap:anywhere;max-width:100%}@media(max-width:800px){.sf-header{display:block}.sf-buttons{margin:14px 0}.sf-kpis{grid-template-columns:1fr 1fr}.sf-filters{display:grid;grid-template-columns:1fr}.sf-filters select{max-width:100%}.sf-row{grid-template-columns:1fr;gap:8px}.sf-row>.btn{justify-self:start}.sf-facts,.sf-editor form{grid-template-columns:1fr}.sf-dialog{padding:15px}.sf-row p{overflow-wrap:anywhere}}

/* Match the application palette and keep controls readable inside the dialog. */
#sf-root *,#sf-dialog *{box-sizing:border-box}
#sf-dialog{background:var(--bg-elevated,#27282c);font:inherit}
#sf-root .sf-kpi{color:var(--text-main,#f3f3f5);font:inherit}
#sf-root :is(input,select),#sf-dialog :is(input,select,textarea){background:var(--bg,#202124);color:var(--text-main,#f3f3f5);border-color:var(--border-subtle,#44464d);box-shadow:none}
#sf-root input::placeholder{color:var(--text-muted,#bfc2ca)}
#sf-root .btn,#sf-dialog .btn{display:inline-flex;justify-content:center;align-items:center;align-self:start;min-height:38px;height:auto;width:auto;padding:9px 13px;border-radius:8px;border:1px solid #64666e;background:#35363b;color:#f5f5f7;box-shadow:none;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;text-decoration:none;flex-shrink:0}
#sf-root .btn:hover,#sf-dialog .btn:hover{background:#484a52}
#sf-dialog .btn.primary{background:#a42e39;border-color:#c74651}
#sf-root :is(button,input,select,summary):focus-visible,#sf-dialog :is(button,input,select,textarea,a,summary):focus-visible{outline:2px solid #ffa99e;outline-offset:3px}
#sf-dialog header{align-items:start}
#sf-dialog .sf-source pre{font-family:inherit;font-size:12px;line-height:1.6}