/* Presentation only: existing routes, fields, status colors and actions remain native. */
@media screen {
 html:root #app #page[data-screen^="expenses"] .fin-route-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch;height:auto;min-height:0;overflow:visible;padding:6px;margin:0 0 22px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface)}
 html:root #app #page[data-screen^="expenses"] .fin-route-tabs>.tab{display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;height:auto;margin:0;padding:12px 16px;border:1px solid transparent;border-radius:8px;white-space:normal;line-height:1.4;text-align:center;text-decoration:none;color:var(--admin-muted);background:transparent;font-size:13px;font-weight:650}
 html:root #app #page[data-screen^="expenses"] .fin-route-tabs>.tab:is(:hover,:focus-visible){background:var(--admin-soft);color:var(--admin-text)}
 html:root #app #page[data-screen^="expenses"] .fin-route-tabs>.tab.active{background:var(--admin-accent-soft);border-color:var(--admin-accent);color:var(--admin-accent)}
 html:root #app #page[data-screen^="expenses"] .fin-route-tabs>.tab::before,html:root #app #page[data-screen^="expenses"] .fin-route-tabs>.tab::after{display:none}
 @media(max-width:600px){html:root #app #page[data-screen^="expenses"] .fin-route-tabs{grid-template-columns:minmax(0,1fr)}html:root #app #page[data-screen^="expenses"] .fin-route-tabs>.tab{min-height:42px;padding:10px 14px}}
}
html:has(#page[data-screen="settings"]){background:#f5f7fa}
html[data-theme="dark"]:has(#page[data-screen="settings"]){background:#0d1825}
@media screen {
html:root body:has(#page:is([data-screen="settings"],[data-screen="calculator"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"])) {
 --admin-bg:#f5f7fa;--admin-surface:#fff;--admin-soft:#f0f4f7;--admin-input:#fff;
 --admin-line:#dce4ec;--admin-text:#172b38;--admin-muted:#677b8d;
 --admin-accent:#a45b35;--admin-accent-hover:#884628;--admin-accent-soft:#f5ebe3;--admin-primary-ink:#fff;
 --admin-green:#19765a;--admin-green-soft:#e8f5ef;--admin-red:#b74153;--admin-red-soft:#fbedef;--admin-amber:#95651f;--admin-amber-soft:#faf1de;
 --studio-font:Manrope,"Segoe UI",sans-serif;--studio-bg:var(--admin-bg);--studio-surface:var(--admin-surface);--studio-surface-2:var(--admin-soft);--studio-input:var(--admin-input);
 --studio-line:var(--admin-line);--studio-text:var(--admin-text);--studio-muted:var(--admin-muted);--studio-accent:var(--admin-accent);--studio-accent-soft:var(--admin-accent-soft);--studio-primary-start:var(--admin-accent);--studio-primary-end:var(--admin-accent-hover);
 --studio-green:var(--admin-green);--studio-green-soft:var(--admin-green-soft);--studio-red:var(--admin-red);--studio-red-soft:var(--admin-red-soft);--studio-gold:var(--admin-amber);--studio-gold-soft:var(--admin-amber-soft);
 --ds-bg:var(--admin-bg);--ds-surface:var(--admin-surface);--ds-surface-alt:var(--admin-soft);--ds-line:var(--admin-line);--ds-text:var(--admin-text);--ds-muted:var(--admin-muted);--ds-accent:var(--admin-accent);--ds-accent-hover:var(--admin-accent-hover);--ds-accent-soft:var(--admin-accent-soft);--ds-positive:var(--admin-green);--ds-positive-soft:var(--admin-green-soft);--ds-negative:var(--admin-red);--ds-negative-soft:var(--admin-red-soft);--ds-warning:var(--admin-amber);--ds-warning-soft:var(--admin-amber-soft);--ds-radius:12px;--ds-shadow:none;
 --ui-bg:var(--admin-bg);--ui-panel:var(--admin-surface);--ui-soft:var(--admin-soft);--ui-ink:var(--admin-text);--ui-muted:var(--admin-muted);--ui-line:var(--admin-line);--ui-accent:var(--admin-accent);--ui-tint:var(--admin-accent-soft);
 --theme-bg:var(--admin-bg);--theme-panel:var(--admin-surface);--theme-raised:var(--admin-soft);--theme-input:var(--admin-input);--ink:var(--admin-text);--muted:var(--admin-muted);--line:var(--admin-line);--border:var(--admin-line);--surface:var(--admin-surface);--surface-soft:var(--admin-soft);--teal:var(--admin-accent);--light:var(--admin-accent-soft);--focus:var(--admin-accent);--focus-ring:var(--admin-accent);
 background:var(--admin-bg);color:var(--admin-text);font-family:Manrope,"Segoe UI",sans-serif;
}
html:root[data-theme="dark"] body:has(#page:is([data-screen="settings"],[data-screen="calculator"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"])) {
 --admin-bg:#0d1825;--admin-surface:#152536;--admin-soft:#112031;--admin-input:#102032;--admin-line:#304154;--admin-text:#ecf0f5;--admin-muted:#a4b2c3;
 --admin-accent:#dea57e;--admin-accent-hover:#efbb95;--admin-accent-soft:#342e2e;--admin-primary-ink:#152536;--admin-green:#77d7b6;--admin-green-soft:#193a32;--admin-red:#f093a0;--admin-red-soft:#3d2631;--admin-amber:#ebc17c;--admin-amber-soft:#3b3122;
}
html:root body:has(#page:is([data-screen="settings"],[data-screen="calculator"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"])) #app :is(.main,.content) {background:var(--admin-bg)}
html:root #app #page:is([data-screen="settings"],[data-screen="calculator"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) {font-family:Manrope,"Segoe UI",sans-serif;color:var(--admin-text)}
html:root #app #page:is([data-screen="settings"],[data-screen="calculator"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(h1,h2,h3,h4,button,input,select,textarea,summary) {font-family:Manrope,"Segoe UI",sans-serif}
html:root #app #page:is([data-screen="settings"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.page-heading,.sc-heading) {min-height:0;padding:0;margin:0 0 16px;gap:12px;align-items:center}
html:root #app #page:is([data-screen="settings"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.page-heading,.sc-heading) h1 {font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:0}
html:root #app #page:is([data-screen="settings"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.page-heading,.sc-heading) p {font-size:12px;line-height:1.6;margin:5px 0 0;color:var(--admin-muted)}
html:root #app #page:is([data-screen="settings"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.panel,.card,.stat,.metric,.commission-metric,.commissions-filter,.commissions-panel) {border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface);box-shadow:none}
html:root #app #page:is([data-screen="settings"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.panel-head,.panel-header) {padding:15px 18px;border-color:var(--admin-line)}
html:root #app #page:is([data-screen="settings"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.panel-head,.panel-header) :is(h2,h3) {font-size:14px;line-height:1.4;letter-spacing:-.2px}
html:root #app #page:is([data-screen="settings"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(button.primary,a.primary,.sc-button-primary) {background:var(--admin-accent);border-color:var(--admin-accent);color:var(--admin-primary-ink);box-shadow:none}
html:root #app #page:is([data-screen="settings"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(button.primary,a.primary,.sc-button-primary):hover:not(:disabled) {background:var(--admin-accent-hover);border-color:var(--admin-accent-hover)}
html:root #app #page:is([data-screen="settings"],[data-screen="calculator"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,.select-trigger,.period-picker>summary) {background:var(--admin-input);color:var(--admin-text);border-color:var(--admin-line);border-radius:8px;box-shadow:none}
html:root #app #page:is([data-screen="settings"],[data-screen="calculator"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(button,a,input,select,textarea,summary):focus-visible {outline-color:var(--admin-accent)}
html:root #app #page:is([data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.fin-kpis,.commissions-metrics,.fin-seller-summary) {gap:12px;margin-bottom:16px}
html:root #app #page:is([data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.fin-kpis .stat,.commission-metric) {padding:16px;min-height:108px}
html:root #app #page:is([data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.fin-kpis .stat-value,.commission-metric>strong) {font-size:25px;line-height:1.3;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
html:root #app #page:is([data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.fin-kpis .purple .stat-value,.fin-dot.purple,.fin-seller-amount>strong) {color:var(--admin-accent)}
html:root #app #page:is([data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.fin-route-tabs,.fin-datebar,.fin-list-filter,.fin-selection) {border-color:var(--admin-line);border-radius:10px;background:var(--admin-surface);box-shadow:none}
html:root #app #page:is([data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.fin-route-tabs .tab.active,.fin-gold-avatar) {background:var(--admin-accent-soft);color:var(--admin-accent);border-color:var(--admin-accent)}
html:root #app #page:is([data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.fin-table,.data-table,.expense-table) thead th {background:var(--admin-soft);color:var(--admin-muted);font-size:10px;font-weight:650;border-color:var(--admin-line)}
html:root #app #page:is([data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.fin-table,.data-table,.expense-table) td {border-color:var(--admin-line);font-size:12px;line-height:1.6}
html:root #app #page:is([data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) .fin-seller-card {padding:16px;border-radius:12px;background:var(--admin-surface);border-color:var(--admin-line)}
html:root #app #page[data-screen="sellers"] .sc-team-grid {gap:12px}
html:root #app #page[data-screen="sellers"] .sc-seller {padding:18px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface);box-shadow:none}
html:root #app #page[data-screen="sellers"] .sc-seller.is-leader {border-color:color-mix(in srgb,var(--admin-accent) 55%,var(--admin-line))}
html:root #app #page[data-screen="sellers"] .sc-team-hero {padding:18px;border:1px solid color-mix(in srgb,var(--admin-accent) 45%,var(--admin-line));border-radius:12px;background:color-mix(in srgb,var(--admin-accent-soft) 50%,var(--admin-surface));box-shadow:none}
html:root #app #page[data-screen="sellers"] :is(.sc-team-trophy,.sc-avatar) {background:var(--admin-accent-soft);color:var(--admin-accent);border-color:var(--admin-line)}
html:root #app #page[data-screen="sellers"] .sc-seller-actions .sc-button {border-color:var(--admin-line);background:var(--admin-soft);color:var(--admin-text);border-radius:8px}
html:root #app #page[data-screen="sellers"] .sc-seller-actions [data-action="modal-permissions"] {background:var(--admin-accent-soft);color:var(--admin-accent);border-color:color-mix(in srgb,var(--admin-accent) 30%,var(--admin-line))}
html:root #app #page[data-screen="settings"] .studio-settings-grid {gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
html:root #app #page[data-screen="settings"] .studio-settings-grid>.panel {min-width:0;margin:0;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface);overflow:hidden}
html:root #app #page[data-screen="settings"] .studio-settings-grid>.panel>.panel-header {margin:0;padding:17px 18px;border-bottom:1px solid var(--admin-line);background:var(--admin-soft)}
@media(max-width:800px){html:root #app #page[data-screen="settings"] .studio-settings-grid{grid-template-columns:minmax(0,1fr)}}
html:root #app #page[data-screen="settings"] .studio-theme-option {border:1px solid var(--admin-line);border-radius:10px;background:var(--admin-soft);color:var(--admin-text);box-shadow:none}
html:root #app #page[data-screen="settings"] .studio-theme-option.active {border-color:var(--admin-accent);background:var(--admin-accent-soft)}
html:root #app #page[data-screen="settings"] .studio-settings-grid>.panel :is(input,.select-trigger,button) {border-radius:8px}
html:root #app #page:is([data-screen="card-machines"],[data-screen="card-rates"]) :is(.studio-machines-layout,.machine-catalog) {gap:12px}
html:root #app #page:is([data-screen="card-machines"],[data-screen="card-rates"]) .machine-card {padding:18px;border-radius:12px;background:var(--admin-surface);border-color:var(--admin-line);box-shadow:none}
html:root #app #page:is([data-screen="card-machines"],[data-screen="card-rates"]) .machine-identity h3 {font-size:16px}
html:root #app #page:is([data-screen="card-machines"],[data-screen="card-rates"]) .studio-machine-symbol {background:var(--admin-accent-soft);border-color:var(--admin-line);color:var(--admin-accent)}
html:root #app #page:is([data-screen="card-machines"],[data-screen="card-rates"]) :is(.studio-machine-rate,.studio-machine-debit) {background:var(--admin-soft);border-color:var(--admin-line);color:var(--admin-text);border-radius:8px;box-shadow:none}
html:root #app #page:is([data-screen="card-machines"],[data-screen="card-rates"]) :is(.studio-machine-rate,.studio-machine-debit):hover {background:var(--admin-accent-soft);border-color:var(--admin-accent)}
html:root #app #page:is([data-screen="card-machines"],[data-screen="card-rates"]) .studio-machine-simulator {border-radius:12px;background:var(--admin-surface);border-color:var(--admin-line);box-shadow:none}
html:root dialog#modal:has(:is(#permissions-form[data-seller-layout="sidebar"],#card-machine-form[data-machine-layout="grid"],#user-form,#commission-form,#pix-account-form)) {font-family:Manrope,"Segoe UI",sans-serif;color:var(--admin-text,var(--studio-text));background:var(--admin-surface,var(--studio-surface));border-color:var(--admin-line,var(--studio-line));box-shadow:none}
html:root dialog#modal:has(:is(#permissions-form[data-seller-layout="sidebar"],#card-machine-form[data-machine-layout="grid"]))>.modal-header {min-height:65px;padding-block:15px;background:var(--admin-surface);border-color:var(--admin-line)}
html:root dialog#modal:has(:is(#permissions-form[data-seller-layout="sidebar"],#card-machine-form[data-machine-layout="grid"]))>.modal-header h2 {font-family:Manrope,"Segoe UI",sans-serif;font-size:21px;letter-spacing:-.4px}
html:root dialog#modal #permissions-form[data-seller-layout="sidebar"] :is(.workspace-steps,.actions) {background:var(--admin-soft);border-color:var(--admin-line);box-shadow:none}
html:root dialog#modal #permissions-form[data-seller-layout="sidebar"] :is(.permission-grid label,[data-seller-access]>p:first-child) {background:var(--admin-surface);border-color:var(--admin-line);border-radius:10px}
html:root dialog#modal #permissions-form[data-seller-layout="sidebar"] .workspace-steps [aria-current="step"] {color:var(--admin-accent);background:var(--admin-accent-soft);border-color:var(--admin-accent)}
html:root dialog#modal #card-machine-form[data-machine-layout="grid"] :is(.machine-editor-brand,.brand-rate-editor,.rate-edit-cell) {background:var(--admin-surface);border-color:var(--admin-line);border-radius:10px}
html:root dialog#modal:has(:is(#permissions-form[data-seller-layout="sidebar"],#card-machine-form[data-machine-layout="grid"])) :is(input:not([type="checkbox"]):not([type="radio"]),.select-trigger) {font-family:Manrope,"Segoe UI",sans-serif;background:var(--admin-input);color:var(--admin-text);border-color:var(--admin-line);border-radius:8px}
html:root dialog#modal:has(:is(#permissions-form[data-seller-layout="sidebar"],#card-machine-form[data-machine-layout="grid"])) button.primary {background:var(--admin-accent);border-color:var(--admin-accent);color:var(--admin-primary-ink)}
@media(max-width:760px){
 html:root #app #page:is([data-screen="settings"],[data-screen="suppliers"],[data-screen="sellers"],[data-screen="card-machines"],[data-screen="card-rates"],[data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.page-heading,.sc-heading) h1{font-size:22px}
 html:root #app #page:is([data-screen="commissions"],[data-screen="closing"],[data-screen^="expenses"]) :is(.fin-kpis .stat-value,.commission-metric>strong){font-size:22px}
 html:root #app #page[data-screen="sellers"] :is(.sc-seller,.sc-team-hero){padding:14px}
}
}
/* Self-contained host cards: the native theme is linked by the host without settings-navigation.css. */
#settings-actions .settings-links-section{min-width:0;font-family:Manrope,"Segoe UI",sans-serif}
#settings-actions .settings-navigation.settings-navigation-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;width:100%;min-width:0;margin:0 0 24px;padding:0}
#settings-actions .settings-navigation-tiles>.settings-navigation-card{display:flex;align-items:flex-start;gap:14px;min-width:0;min-height:112px;width:100%;box-sizing:border-box;margin:0;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;box-shadow:none;transition:border-color .15s,background .15s}
#settings-actions .settings-navigation-tiles>.settings-navigation-card:hover{border-color:var(--accent);background:var(--surface-raised)}
#settings-actions .settings-navigation-tiles>.settings-navigation-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#settings-actions .settings-navigation-tiles .settings-navigation-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:10px;background:var(--accent-soft);color:var(--accent)}
#settings-actions .settings-navigation-tiles .settings-navigation-copy{display:block;flex:1 1 auto;min-width:0}
#settings-actions .settings-navigation-tiles .settings-navigation-copy>strong{display:block;color:var(--text);font-size:14px;font-weight:700;line-height:1.5;overflow-wrap:break-word}
#settings-actions .settings-navigation-tiles .settings-navigation-copy>small{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.6;overflow-wrap:break-word}
#settings-actions .settings-navigation-tiles .settings-navigation-arrow{display:grid;place-items:center;align-self:center;flex:0 0 26px;width:26px;height:26px;margin-left:auto;border-radius:7px;background:var(--surface-soft);color:var(--accent)}
#settings-actions .settings-navigation-tiles svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#settings-actions .settings-navigation-tiles .settings-navigation-arrow>svg{width:16px;height:16px}
#settings-actions .settings-operation-heading{display:flex;align-items:center;gap:12px;margin:0 0 17px;color:var(--muted);font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.25px}
#settings-actions .settings-operation-heading::after{content:"";height:1px;min-width:20px;flex:1;background:var(--border)}
@media(max-width:1000px){#settings-actions .settings-navigation.settings-navigation-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#settings-actions .settings-navigation.settings-navigation-tiles{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:20px}#settings-actions .settings-navigation-tiles>.settings-navigation-card{min-height:102px;padding:16px}#settings-actions .settings-operation-heading{font-size:10px;gap:9px}}
@media(prefers-reduced-motion:reduce){#settings-actions .settings-navigation-tiles>.settings-navigation-card{transition:none}}

/* The closing and its origin detail retain the original controls and immutable report. */
@media screen {
html:root #app #page[data-screen="closing"] :is(.fin-closing-grid,.fin-closing-kpis,.fin-section-gap){gap:12px}
html:root #app #page[data-screen="closing"] .fin-net-card{padding:22px;border-radius:12px;border-color:color-mix(in srgb,var(--admin-accent) 40%,var(--admin-line));background:color-mix(in srgb,var(--admin-accent-soft) 45%,var(--admin-surface));box-shadow:none}
html:root #app #page[data-screen="closing"] .fin-net-card h2{font-size:32px;line-height:1.3;letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:var(--admin-text)}
html:root #app #page[data-screen="closing"] .fin-net-card[data-result="negative"] h2{color:var(--admin-red)}
html:root #app #page[data-screen="closing"] :is(.fin-net-card>p,.fin-closing-footer>p,.fin-closed-banner){font-size:12px;line-height:1.6;color:var(--admin-muted)}
html:root #app #page[data-screen="closing"] :is(.fin-net-card .eyebrow,.closing-card-open){color:var(--admin-accent)}
html:root #app #page[data-screen="closing"] :is(.closing-card-shell,.fin-calculation,.fin-allocation,.fin-closing-checklist,.fin-history-disclosure){border-color:var(--admin-line);border-radius:12px;box-shadow:none}
html:root #app #page[data-screen="closing"] .closing-card-shell>.metric{height:100%;border-radius:12px;background:var(--admin-surface)}
html:root #app #page[data-screen="closing"] .closing-card-shell .metric-value{font-size:23px;line-height:1.4;font-variant-numeric:tabular-nums}
html:root #app #page[data-screen="closing"] .fin-allocation .fin-row-icon{background:var(--admin-accent-soft);color:var(--admin-accent)}
html:root #app #page[data-screen="closing"] :is(.fin-calculation-total,.fin-closing-footer,.fin-net-footer){border-color:var(--admin-line)}
html:root #app #page[data-screen="closing"] .fin-history-disclosure>summary{font-size:12px;padding:14px 18px;color:var(--admin-text)}
html:root #app #page[data-screen="closing"] .closing-origin-detail{display:grid;gap:12px}
html:root #app #page[data-screen="closing"] .closing-origin-context{margin:0;font-size:12px;line-height:1.6;color:var(--admin-muted)}
html:root #app #page[data-screen="closing"] :is(.closing-origin-total,.closing-origin-panel){padding:16px 18px;margin:0;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface);box-shadow:none}
html:root #app #page[data-screen="closing"] .closing-origin-total>strong{font-size:21px;font-variant-numeric:tabular-nums;color:var(--admin-text)}
html:root #app #page[data-screen="closing"] .closing-origin-total>span{font-size:12px;color:var(--admin-muted)}
html:root #app #page[data-screen="closing"] .closing-origin-panel>h2{font-size:14px;line-height:1.4;margin:0 0 12px;color:var(--admin-text)}
html:root #app #page[data-screen="closing"] .closing-origin-equation{gap:12px}
html:root #app #page[data-screen="closing"] .closing-origin-table th{background:var(--admin-soft);color:var(--admin-muted);border-color:var(--admin-line);font-size:10px}
html:root #app #page[data-screen="closing"] .closing-origin-table td{color:var(--admin-text);border-color:var(--admin-line);font-size:12px;line-height:1.6}
html:root body:has(#page[data-screen="closing"]) dialog#modal:has(:is(#fin-settings-form,#fin-close-form,#fin-withdrawal-form)){font-family:Manrope,"Segoe UI",sans-serif;background:var(--admin-surface);color:var(--admin-text);border:1px solid var(--admin-line);border-radius:12px}
html:root body:has(#page[data-screen="closing"]) dialog#modal:has(:is(#fin-settings-form,#fin-close-form,#fin-withdrawal-form)) :is(.modal-header,.actions,.finance-partner-row){border-color:var(--admin-line);background:var(--admin-surface)}
html:root body:has(#page[data-screen="closing"]) dialog#modal .finance-modal-summary{background:var(--admin-soft);color:var(--admin-text);border:1px solid var(--admin-line);border-radius:10px}
html:root body:has(#page[data-screen="closing"]) dialog#modal :is(input:not([type="checkbox"]),textarea,.select-trigger){font-family:Manrope,"Segoe UI",sans-serif;background:var(--admin-input);border-color:var(--admin-line);color:var(--admin-text);border-radius:8px}
html:root body:has(#page[data-screen="closing"]) dialog#modal button.primary{background:var(--admin-accent);border-color:var(--admin-accent);color:var(--admin-primary-ink)}
@media(max-width:760px){html:root #app #page[data-screen="closing"] .fin-net-card{padding:17px}html:root #app #page[data-screen="closing"] .fin-net-card h2{font-size:27px}html:root #app #page[data-screen="closing"] :is(.closing-origin-total,.closing-origin-panel){padding:13px}}
}

/* Supplier contacts keep their native table, entry links and create/edit form. */
@media screen {
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-eyebrow{color:var(--admin-muted);letter-spacing:1.3px}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-panel{border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface);box-shadow:none;margin-bottom:16px}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-panel-heading{padding:15px 18px;border-color:var(--admin-line)}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-panel-heading h2{font-size:14px;line-height:1.4;color:var(--admin-text)}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-panel-heading p{font-size:11px;line-height:1.6;color:var(--admin-muted)}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-panel-body{padding:18px}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-table th{background:var(--admin-soft);color:var(--admin-muted);border-color:var(--admin-line);font-size:10px}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-table td{color:var(--admin-text);border-color:var(--admin-line);font-size:12px}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-table tr:hover td{background:var(--admin-soft)}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-avatar{border-color:color-mix(in srgb,var(--admin-accent) 30%,var(--admin-line));border-radius:10px;background:var(--admin-accent-soft);color:var(--admin-accent)}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-entry-count{border:1px solid color-mix(in srgb,var(--admin-accent) 25%,var(--admin-line));border-radius:7px;background:var(--admin-accent-soft);color:var(--admin-accent)}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-icon-button{border-color:var(--admin-line);border-radius:8px;background:var(--admin-soft);color:var(--admin-muted)}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-icon-button:hover{border-color:var(--admin-accent);background:var(--admin-accent-soft);color:var(--admin-accent)}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-button.primary{background:var(--admin-accent);color:var(--admin-primary-ink);border-color:var(--admin-accent);box-shadow:none}
html:root #app #page[data-screen="suppliers"] .studio-suppliers .sc-button.primary:hover{background:var(--admin-accent-hover);border-color:var(--admin-accent-hover)}
html:root dialog#modal:has(#supplier-form){width:min(620px,calc(100vw - 32px));font-family:Manrope,"Segoe UI",sans-serif;background:var(--admin-surface,var(--studio-surface));color:var(--admin-text,var(--studio-text));border:1px solid var(--admin-line,var(--studio-line));border-radius:12px;box-shadow:none}
html:root dialog#modal:has(#supplier-form)>.modal-header{padding:16px 20px;min-height:0;background:var(--admin-surface,var(--studio-surface));border-color:var(--admin-line,var(--studio-line))}
html:root dialog#modal:has(#supplier-form)>.modal-header h2{font-family:Manrope,"Segoe UI",sans-serif;font-size:20px;line-height:1.4;letter-spacing:-.4px}
html:root dialog#modal #supplier-form{padding:20px}
html:root dialog#modal #supplier-form .fields{gap:16px}
html:root dialog#modal #supplier-form .field{font-size:12px;color:var(--admin-muted,var(--studio-muted));gap:7px}
html:root dialog#modal #supplier-form input{font-family:Manrope,"Segoe UI",sans-serif;background:var(--admin-input,var(--studio-input));color:var(--admin-text,var(--studio-text));border-color:var(--admin-line,var(--studio-line));border-radius:8px;min-height:42px}
html:root dialog#modal #supplier-form>.actions{border-color:var(--admin-line,var(--studio-line));margin-top:18px;padding-top:16px}
html:root dialog#modal #supplier-form .footer-note{font-size:11px;line-height:1.6;color:var(--admin-muted,var(--studio-muted))}
html:root dialog#modal #supplier-form button.primary{background:var(--admin-accent,var(--studio-accent));border-color:var(--admin-accent,var(--studio-accent));color:var(--admin-primary-ink,var(--sale-primary-ink,#fff));box-shadow:none}
html:root dialog#modal #supplier-form :is(button,input):focus-visible{outline-color:var(--admin-accent,var(--studio-accent))}
@media(max-width:600px){html:root #app #page[data-screen="suppliers"] .studio-suppliers :is(.sc-panel-heading,.sc-panel-body){padding:13px}html:root dialog#modal:has(#supplier-form){width:calc(100vw - 20px)}html:root dialog#modal #supplier-form{padding:15px}html:root dialog#modal #supplier-form .fields{grid-template-columns:minmax(0,1fr);gap:13px}}
}