/* One visual hierarchy across authorized sections: context, title, summary, content and actions. */
#app.interface-system{width:100%;max-width:1200px;margin-inline:auto;--interface-line:#dce7f0;--interface-muted:#536c83;--interface-surface:#fff;--interface-soft:#f6f9fc}
#app .interface-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-block:8px 22px;margin-bottom:24px;border-bottom:1px solid var(--interface-line)}
.interface-section-context{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:11px;font-weight:650;line-height:1.5}.interface-section-context span:first-child{color:#2462a0;background:#edf5ff;border-radius:7px;padding:4px 9px}.interface-section-context span+span{color:var(--interface-muted);font-weight:500}
#app .interface-section-heading h1{display:flex;align-items:center;gap:12px;font-size:clamp(23px,2.5vw,29px);font-weight:750;line-height:1.25;letter-spacing:-.025em;margin:0 0 10px;color:var(--ink)}
.interface-heading-icon{display:inline-flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;color:var(--section-accent,#2874c6);background:color-mix(in srgb,var(--section-accent,#2874c6) 9%,white);border:1px solid color-mix(in srgb,var(--section-accent,#2874c6) 17%,white);border-radius:12px}.interface-heading-icon svg{width:23px;height:23px}
#app .interface-section-heading p{max-width:720px;margin:0;color:var(--interface-muted);font-size:13px;line-height:1.75}.interface-system .welcome>.actions{padding-top:4px;flex-shrink:0;max-width:45%}
.sidebar #nav .nav-text{min-width:0;line-height:1.45}.sidebar #nav .interface-menu-help{display:block;margin-top:4px;font-size:11px;line-height:1.55;font-weight:400;color:#5f7489;white-space:normal;overflow-wrap:anywhere}.sidebar #nav button[data-menu-target]{align-items:start;min-height:44px;padding-block:8px}.sidebar #nav button[data-menu-target] .ico{margin-top:2px}.sidebar #nav button.active{box-shadow:inset 3px 0 0 #2874c6}
#app.interface-system :is(.card.section,.ops-card,.integration-card,.credit-client-card,.dossier-group,.factory-credit-item){border-color:var(--interface-line);border-radius:16px;box-shadow:0 4px 20px #173d6305;background:var(--interface-surface)}
#app.interface-system .section{padding:22px}#app.interface-system .section-head{gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:18px}#app.interface-system :is(.section h2,.section-head h2){font-size:18px;line-height:1.4;font-weight:700;margin-top:0;letter-spacing:-.015em}#app.interface-system :is(.section-sub,.section>p,.empty p){color:var(--interface-muted);font-size:13px;line-height:1.7}#app.interface-system .grid{gap:20px}
#app.interface-system .actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:9px}#app.interface-system .actions>.btn{flex:0 1 auto;max-width:100%;width:auto}#app.interface-system .btn{min-height:38px;border-radius:10px;font-size:12px;font-weight:650;line-height:1.45;letter-spacing:0;padding:9px 13px;white-space:normal;text-wrap:pretty}#app.interface-system .btn.small{min-height:36px;padding:7px 11px}#app.interface-system .btn svg{flex-shrink:0}
#app.interface-system :is(.pillnav,.credit-actions,.credit-resource-actions,.ops-toolbar){gap:9px;flex-wrap:wrap}#app.interface-system :is(.pillnav,.factory-credit-filters){margin-block:18px 22px}
#app.interface-system .field{min-width:0;gap:7px;margin-block:12px}#app.interface-system .field>label{font-size:12px;font-weight:650;line-height:1.5;color:#36546e}#app.interface-system .field :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){box-sizing:border-box;min-width:0;width:100%;min-height:42px;padding:10px 12px;border:1px solid #cbdbe8;border-radius:10px;font-size:13px;line-height:1.5;background:var(--interface-surface);color:var(--ink)}#app.interface-system .field :is(small,p){font-size:11px;line-height:1.6;color:var(--interface-muted)}
#app.interface-system :is(.tablewrap,.table-wrap,.table-scroll){max-width:100%;overflow-x:auto;border:1px solid var(--interface-line);border-radius:13px;overscroll-behavior-inline:contain;scrollbar-width:thin}#app.interface-system table{font-size:12px;line-height:1.6}#app.interface-system th{background:var(--interface-soft);color:#466179;font-weight:650;letter-spacing:.015em;font-size:11px;padding:13px 14px}#app.interface-system td{padding:14px;vertical-align:middle;border-color:var(--interface-line)}#app.interface-system td .actions{row-gap:7px}#app.interface-system .empty{padding:28px 22px;border:1px dashed #ccdae7;border-radius:14px;background:var(--interface-soft);line-height:1.7}
:is(#app,#modalRoot,#nav) :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #3f8cdf;outline-offset:3px}
#modalRoot .modal{border:1px solid #dbe6ef;border-radius:20px}#modalRoot .modal>h2{font-size:20px;line-height:1.4;margin-bottom:18px}#modalRoot .modal-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;padding-top:18px;margin-top:22px;border-top:1px solid var(--line,#dce7f0)}#modalRoot .modal-actions .btn{min-height:42px;border-radius:10px;font-size:13px;line-height:1.4}#modalRoot .field>label{font-size:12px;line-height:1.5}#modalRoot .field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-width:0;min-height:42px;border-radius:10px}
@media(min-width:761px){.menu-collapsed:not(.menu-open):not(.navigation-open) .sidebar #nav .interface-menu-help{display:none}.menu-collapsed:not(.menu-open):not(.navigation-open) .sidebar #nav button[data-menu-target]{min-height:46px;padding-block:8px}.menu-collapsed:not(.menu-open):not(.navigation-open) .sidebar #nav button.active{box-shadow:none}}
@media(max-width:760px){#app .interface-section-heading{gap:16px;flex-direction:column;margin-bottom:20px;padding-bottom:18px}#app .interface-section-heading h1{font-size:24px;gap:10px}.interface-heading-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}.interface-heading-icon svg{width:20px;height:20px}.interface-system .welcome>.actions{max-width:100%;width:100%;padding-top:0}#app.interface-system .section{padding:18px}#app.interface-system .btn,#app.interface-system .btn.small{min-height:44px;padding:10px 12px}#app.interface-system .actions{gap:10px}#app.interface-system .row{grid-template-columns:minmax(0,1fr)}#app.interface-system .field :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px;font-size:16px}#app.interface-system :is(.pillnav,.factory-credit-filters){gap:8px}#app.interface-system th,#app.interface-system td{padding:12px}#modalRoot .modal-actions .btn{min-height:44px}#modalRoot .field :is(input:not([type=checkbox]):not([type=radio]),select){font-size:16px}.sidebar #nav .interface-menu-help{display:none!important}.sidebar #nav button[data-menu-target]{min-height:48px}.interface-section-context{margin-bottom:10px}}
[data-theme=dark] #app.interface-system{--interface-line:#2b4058;--interface-muted:#b5c5d6;--interface-surface:#111c30;--interface-soft:#17253a}[data-theme=dark] .interface-section-context span:first-child{background:#173357;color:#b9d8ff}[data-theme=dark] .interface-heading-icon{background:#172e47;border-color:#2d4d68;color:#a5cfff}[data-theme=dark] .sidebar #nav .interface-menu-help{color:#b3c5d7}[data-theme=dark] #app.interface-system .field>label,[data-theme=dark] #app.interface-system th{color:#bdd2e6}[data-theme=dark] #app.interface-system .field :is(input,select,textarea){border-color:#39516c}[data-theme=dark] #modalRoot .modal{border-color:#314760}
@media(prefers-reduced-motion:reduce){#app.interface-system *,#nav *{scroll-behavior:auto!important}}

/* Compact outlined action buttons, with the same quiet surfaces as the home tiles. */
.sidebar #nav .interface-menu-help{display:none!important}
#app.interface-system .btn[data-action-tone],#modalRoot .btn[data-action-tone]{background:var(--interface-surface,var(--white,#fff))!important;color:var(--action-color,#2876c9)!important;border:1px solid color-mix(in srgb,var(--action-color,#2876c9) 32%,white)!important;box-shadow:none!important;filter:none}
#app.interface-system .btn,#app.interface-system .btn.small{min-height:34px;padding:7px 11px;font-size:12px;gap:6px}
#app.interface-system .btn svg,#modalRoot .btn svg{width:16px;height:16px}
#app.interface-system .btn[data-action-tone]:hover,#modalRoot .btn[data-action-tone]:hover{background:var(--action-bg,#f0f6fc)!important;border-color:var(--action-color,#2876c9)!important;box-shadow:0 3px 10px #173d630a!important}
#modalRoot .modal-actions .btn.primary{background:var(--action-color,#2876c9)!important;color:white!important}
#app.interface-system .btn.section-return{width:36px;height:36px;min-width:36px;min-height:36px;padding:8px}
@media(max-width:760px){#app.interface-system .btn,#app.interface-system .btn.small{min-height:44px;padding:9px 11px}.sidebar #nav button[data-menu-target]{min-height:48px;padding-block:9px}}
html[data-theme=dark] #app.interface-system .btn[data-action-tone],html[data-theme=dark] #modalRoot .btn[data-action-tone]{background:#142338!important;border-color:color-mix(in srgb,var(--action-color,#80b9f4) 45%,#233b53)!important;color:#d5e7fa!important}
html[data-theme=dark] #app.interface-system .btn[data-action-tone=danger],html[data-theme=dark] #modalRoot .btn[data-action-tone=danger]{color:#ffb6b6!important}
html[data-theme=dark] #modalRoot .modal-actions .btn.primary{background:#2365a8!important;color:white!important}