/* BONO v6 visual system. Inter v4.1 is served locally; see fonts/Inter-LICENSE.txt. */
@media(max-width:600px){
  .ws-workspace .ws-context-metadata{width:calc(100% - 50px);min-width:0;flex-shrink:1;flex-wrap:wrap}
  .ws-workspace .ws-inspection-context>div:nth-child(2){min-width:0;flex:1}
}
@font-face{font-family:"Bono Inter";src:url("/fonts/InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --v6-ink:#202722;--v6-muted:#69756a;--v6-accent:#34664f;--v6-accent-soft:#e8f0e9;
  --v6-surface:#fff;--v6-canvas:#f5f7f4;--v6-line:#e3e9e1;--v6-sidebar:#f0f4ee;
  --v6-shadow:0 1px 2px #263e2c04,0 5px 20px #263e2c04;
  font-family:"Bono Inter","Segoe UI",sans-serif;font-feature-settings:"cv11","ss01","calt";
  font-optical-sizing:auto;
}
html[data-theme="light"]{--ink:var(--v6-ink);--muted:var(--v6-muted);--line:var(--v6-line);--bg:var(--v6-canvas);--green:var(--v6-accent);--red:var(--v6-accent);--navy:#202c23;--shadow:0 15px 45px #263e2c0d;color-scheme:light}
html body,body :is(button,input,select,textarea){font-family:"Bono Inter","Segoe UI",sans-serif}
html[data-theme="light"] body{background:var(--v6-canvas);color:var(--v6-ink);font-size:13px;letter-spacing:-.015em}
html[data-theme="light"] .app-shell{background:var(--v6-canvas)}
html[data-theme="light"] .sidebar{
  width:244px;padding:26px 14px 12px;background:var(--v6-sidebar);color:#687368;
  border-right:1px solid #dfe6dc;box-shadow:none;
}
html[data-theme="light"] .brand{padding:0 12px;margin:0 0 28px;gap:10px;color:#202c23;font-size:29px;letter-spacing:-1.6px;font-weight:820}
html[data-theme="light"] .brand-caption{margin-top:7px;font-size:8px;letter-spacing:2.1px;color:#758073;font-weight:550}
html[data-theme="light"] .brand-mark{display:grid;width:29px;height:29px;gap:3px;transform:none;flex-shrink:0}
html[data-theme="light"] .brand-mark i{background:#34664f;border-radius:3px}
html[data-theme="light"] .brand-mark i:nth-child(2){background:#a8b9a4;border-radius:3px 10px 3px 3px}
html[data-theme="light"] .brand-mark i:nth-child(3){background:#c4d2bd;border-radius:3px 3px 3px 10px}
html[data-theme="light"] .workspace-id{background:#ffffff80;border:1px solid #dfe6d9;border-radius:10px;padding:12px 11px;margin-bottom:19px;min-height:62px;box-shadow:0 2px 3px #263e2c03;gap:9px}
html[data-theme="light"] .workspace-monogram{background:#e2ebde;border:0;color:#3e5c3e;border-radius:7px;width:29px;height:29px;font-size:13px}
html[data-theme="light"] .workspace-id strong{font-size:12px;color:#344032;font-weight:640;letter-spacing:-.025em}
html[data-theme="light"] .workspace-id small{font-size:10px;color:#7b8576;line-height:1.5;margin-top:4px}
html[data-theme="light"] .workspace-chevron{font-size:16px;color:#93a18b}
html[data-theme="light"] .sidebar #navigation{padding-right:3px;scrollbar-width:thin;scrollbar-color:#cbd8c3 transparent;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
html[data-theme="light"] .nav-item{min-height:36px;padding:9px 11px;margin-bottom:3px;gap:11px;font-size:12px;font-weight:480;color:#626e60;border-radius:7px;line-height:1.45;transition:background .16s,color .16s}
html[data-theme="light"] .nav-item svg{width:16px;height:16px;stroke-width:1.7;color:#82917c;flex-shrink:0}
html[data-theme="light"] .nav-item:hover{background:#e5ecdf;color:#263d28;transform:none}
html[data-theme="light"] .nav-item.active{background:#dee9d9;color:#2b4933;font-weight:640;box-shadow:inset 0 0 0 1px #d4e1ce}
html[data-theme="light"] .nav-item.active:before{display:none}
html[data-theme="light"] .nav-item.active svg{color:#416646}
html[data-theme="light"] :is(.nav-count,.nav-badge){background:#d4dfcd;border:0;color:#4c6a46;font-size:10px;font-weight:550;padding:1px 6px;border-radius:4px;min-width:19px;text-align:center}
.nav-section{margin-top:13px}
.nav-section>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;padding:9px 10px 8px;font-size:10px;font-weight:600;letter-spacing:.04em;color:#7b8974;user-select:none;min-height:34px}
.nav-section>summary::-webkit-details-marker{display:none}
.nav-section>summary:after{content:"";width:5px;height:5px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(-45deg);transition:transform .16s;opacity:.6;margin-right:3px}
.nav-section[open]>summary:after{transform:rotate(45deg)}
.nav-section>summary:hover{color:#304c34}
.nav-section-links{padding-top:2px}
html[data-theme="light"] .sidebar-bottom{padding-top:14px;margin-top:auto;background:var(--v6-sidebar);border:0;flex-shrink:0}
html[data-theme="light"] .sidebar-assistant{padding:11px 12px;background:linear-gradient(115deg,#e2ecdb,#edf2e6);border:1px solid #d8e3d0;border-radius:10px;color:#385638;gap:10px;box-shadow:none}
html[data-theme="light"] .assistant-mini-icon{width:25px;height:25px;display:grid;place-items:center;border:1px solid #c8d9bd;border-radius:7px;background:#f7fbf1;color:#587949;font-size:16px}
html[data-theme="light"] .sidebar-assistant>span:nth-child(2){font-size:11px;font-weight:600}
html[data-theme="light"] .sidebar-assistant small{color:#7b8d72;font-size:9px;margin-top:4px;line-height:1.4;font-weight:400}
html[data-theme="light"] .sidebar-user{padding:14px 7px 2px;gap:9px;font-size:11px;color:#54604f;border:0}
html[data-theme="light"] .sidebar-user>span:nth-child(2){min-width:0;flex:1;overflow:hidden}
html[data-theme="light"] #sidebar-user-name{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:530}
html[data-theme="light"] .sidebar-user small{color:#8a9381;font-size:9px;margin-top:4px}
html[data-theme="light"] :is(.avatar,.topbar-avatar){background:#dfe8d8;color:#55714a;border:1px solid #d5dfce;font-weight:570}
html[data-theme="light"] .avatar{width:31px;height:31px;font-size:10px;flex-shrink:0}
html[data-theme="light"] .main-shell{margin-left:244px;width:calc(100% - 244px);background:var(--v6-canvas)}
html[data-theme="light"] .topbar{height:69px;min-height:69px;padding:0 32px;gap:16px;background:#ffffffd9;backdrop-filter:blur(14px);border-bottom:1px solid var(--v6-line);box-shadow:0 1px 0 #ffffff;position:sticky;z-index:30}
html[data-theme="light"] .environment-select{width:128px;max-width:128px;flex:0 0 128px;font-size:11px;font-weight:500;border-radius:7px;background:#f7f9f5;border:1px solid #e4e9e0;padding:8px 10px;color:#66715e;height:34px}
html[data-theme="light"] .unit-control{min-width:110px;gap:8px;margin:0 4px}
html[data-theme="light"] .unit-control svg{color:#728369;width:17px;height:17px}
html[data-theme="light"] .unit-control select{font-size:11px;color:#485841;font-weight:630;padding:3px 12px 9px 0;max-width:170px}
html[data-theme="light"] .unit-caption{left:25px;bottom:-5px;font-size:7px;color:#8b9882;letter-spacing:.09em}
html[data-theme="light"] .global-search-wrap{height:35px;max-width:360px;margin-left:4px;background:#f5f8f2;border:1px solid #e4eadd;border-radius:8px;gap:8px;padding:0 11px;min-width:110px}
html[data-theme="light"] .global-search-wrap input{font-size:11px;color:#41513b;letter-spacing:-.01em}
html[data-theme="light"] .global-search-wrap input::placeholder{color:#99a08f}
html[data-theme="light"] .global-search-wrap svg{color:#8a977d;width:14px;height:14px}
html[data-theme="light"] .global-search-wrap kbd{color:#98a18e;border-color:#e3e9dc;border-radius:4px;font-size:8px;padding:3px 5px}
html[data-theme="light"] .topbar-end{gap:12px;flex-shrink:0}
html[data-theme="light"] .local-status{font-size:10px;color:#89947e}
html[data-theme="light"] .local-status i{background:#729f6c;box-shadow:0 0 0 3px #e8f1df}
html[data-theme="light"] .topbar-date{font-size:10px;color:#949c89}
html[data-theme="light"] .topbar-divider{height:17px;background:#e5ebdd}
html[data-theme="light"] :is(.theme-toggle,.logout-button){width:28px;height:28px;background:transparent;border:0;color:#8b977d}
html[data-theme="light"] .topbar-avatar{width:29px;height:29px;font-size:10px}
html[data-theme="light"] .search-results{background:#fff;box-shadow:0 12px 50px #31483016;border:1px solid #dde5d7;border-radius:12px;top:43px;padding:7px}
html[data-theme="light"] .search-result{border-radius:7px;padding:12px;gap:10px}
html[data-theme="light"] .search-result:hover{background:#f0f5eb}
html[data-theme="light"] .search-result strong{color:#3b4f34;font-size:12px}
html[data-theme="light"] .search-result small{color:#8a977d;font-size:10px}
html[data-theme="light"] main{padding:31px 32px 20px;max-width:1900px;color:var(--v6-ink);margin:0 auto}
html[data-theme="light"] .page-heading{margin-bottom:23px;align-items:flex-end;gap:20px}
:where(html[data-theme="light"]) h1{font-size:30px;font-weight:600;letter-spacing:-1.25px;line-height:1.18;color:#263c28;margin-bottom:9px}
html[data-theme="light"] .eyebrow{font-size:10px;font-weight:500;letter-spacing:.08em;color:#899680;margin-bottom:13px}
html[data-theme="light"] .page-heading p{font-size:12px;line-height:1.7;color:#88927e;max-width:780px}
html[data-theme="light"] :is(.btn,.bi-button,.ws-button,.dh-button,.ops-button,.biz-button,.fin-button,.com-btn){border-radius:7px;min-height:35px;font-size:12px;font-weight:520;gap:7px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
html[data-theme="light"] :is(.btn-primary,.btn-navy,.bi-primary,.ws-primary,.dh-primary,.biz-primary,.fin-primary,.com-btn.primary){background:#263e2b;border-color:#263e2b;color:#fff;box-shadow:0 2px 3px #263e2c0b}
html[data-theme="light"] :is(.btn-primary,.btn-navy,.bi-primary,.ws-primary,.dh-primary,.biz-primary,.fin-primary,.com-btn.primary):hover:not(:disabled){background:#35583a;border-color:#35583a;box-shadow:0 3px 8px #263e2c0e;transform:translateY(-1px)}
html[data-theme="light"] :is(.btn-secondary,.bi-button:not(.bi-primary),.dh-button:not(.dh-primary),.ws-button:not(.ws-primary)){background:#fff;border-color:#dfe7d9;color:#677660}
html[data-theme="light"] .btn-ghost{color:#7b8871;background:transparent}
html[data-theme="light"] .icon-button{border-radius:7px;background:#fff;border-color:#e1e8db;color:#829575;min-height:31px}
html[data-theme="light"] .mobile-toggle{display:none}
html[data-theme="light"] :is(.btn,.icon-button) svg{width:15px;height:15px}
html[data-theme="light"] :is(.text-button,.text-link,.header-link){color:#446740;font-size:12px;font-weight:550}
html[data-theme="light"] :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #547b4a;outline-offset:3px}
html[data-theme="light"] :is(input,select,textarea):focus-visible{outline-offset:2px}
html[data-theme="light"] :is(.card,.workspace-bar,.command-panel,.ops-card,.dh-panel,.ws-panel,.bi-panel,.biz-panel,.fin-panel,.com-panel){border-radius:12px;border-color:var(--v6-line);box-shadow:var(--v6-shadow);background:#fff;color:var(--v6-ink)}
html[data-theme="light"] :is(.summary-card,.kpi-card){padding:21px 23px;border-color:#e2e9db}
html[data-theme="light"] :is(.summary-card>span,.kpi-top){color:#819073;font-size:11px}
html[data-theme="light"] :is(.summary-card strong,.kpi-value){font-size:27px;color:#2c402b;font-weight:590;letter-spacing:-1px;font-variant-numeric:tabular-nums}
html[data-theme="light"] :is(.summary-card small,.kpi-foot){color:#94a085;font-size:10px;line-height:1.6}
html[data-theme="light"] :is(.table-card,.table-scroll,.table-toolbar){border-color:#e5eade;background:#fff}
html[data-theme="light"] .table-toolbar{padding:18px 20px;gap:10px}
html[data-theme="light"] :is(.table-search,.table-filter){height:35px;background:#fff;border-color:#e0e7d8;border-radius:7px;color:#788a6c;font-size:12px}
html[data-theme="light"] .table-search input{font-size:12px;color:#536f45}
html[data-theme="light"] .table-search input::placeholder{color:#a0ab94}
html[data-theme="light"] :is(.table-scroll,.table-wrap,.bi-table-wrap,.dh-table-wrap,.ws-table-wrap) th{background:#f8faf5;color:#8a977d;font-size:10px;font-weight:550;letter-spacing:.025em;padding-top:13px;padding-bottom:13px;border-color:#e7eddf}
html[data-theme="light"] :is(.table-scroll,.table-wrap) td{color:#637459;font-size:12px;padding-top:17px;padding-bottom:17px;border-color:#edf1e6}
html[data-theme="light"] :is(.table-scroll,.table-wrap) td strong{font-size:12px;color:#3d5836;font-weight:570}
html[data-theme="light"] :is(.table-scroll,.table-wrap) td small{font-size:10px;color:#95a387}
html[data-theme="light"] tbody tr:hover{background:#f7faf3}
html[data-theme="light"] .mini-avatar{background:#e9f0e2;border:1px solid #e0e9d7;color:#637f50;border-radius:8px}
html[data-theme="light"] .table-foot{background:#fafbf7;border-color:#e5ecdb;font-size:10px;color:#94a087;padding:13px 20px}
html[data-theme="light"] :is(.table-count,.table-empty){font-size:11px;color:#8c9a7e}
html[data-theme="light"] :is(.validation-banner,.bi-validation,.dh-validation,.ws-validation,.cm-validation){background:transparent;border:0;border-left:2px solid #d7e2cc;border-radius:0;color:#94a286;font-size:9px;letter-spacing:.04em;padding:4px 10px;margin-bottom:18px;line-height:1.5}
html[data-theme="light"] :is(.modal,.bi-dialog,.dh-dialog,.ws-dialog,.biz-dialog,.fin-dialog,.com-dialog){border-radius:15px;border:1px solid #e1e8da;box-shadow:0 20px 70px #263e2c25;background:#fff}
html[data-theme="light"] :is(.modal-backdrop,.bi-overlay,.dh-overlay,.ws-overlay,.biz-overlay,.fin-overlay,.com-overlay){background:#1c2b2352;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
html[data-theme="light"] :is(.modal-head,.bi-dialog>header,.dh-dialog>header,.ws-dialog>header){border-color:#e6ecdf;background:#fbfcf8}
html[data-theme="light"] .modal-head{padding:25px 28px 22px}
html[data-theme="light"] .modal-head h2{font-size:23px;letter-spacing:-.7px;color:#2c452c;font-weight:570}
html[data-theme="light"] .modal-body{padding:24px 28px}
html[data-theme="light"] .field label{font-size:11px;color:#7c8b70;font-weight:480;margin-bottom:7px}
html[data-theme="light"] .field :is(input,select,textarea){min-height:39px;background:#fff;border:1px solid #dce6d2;border-radius:7px;font-size:13px;color:#385330;padding:10px 12px;box-shadow:0 1px 2px #263e2c03}
html[data-theme="light"] .field :is(input,textarea)::placeholder{color:#a3b094}
html[data-theme="light"] .field :is(input,select,textarea):focus{border-color:#83a46d;box-shadow:0 0 0 3px #ebf4e4}
html[data-theme="light"] .modal-footer{background:#f8fbf3;border-color:#e4ecda;padding:17px 28px;border-radius:0 0 15px 15px}
html[data-theme="light"] .detail-summary{background:#f8fbf3;border-color:#e4ecda;border-radius:10px;color:#7d936d}
html[data-theme="light"] :is(.profile-fields,.order-detail-grid){background:#f4f7ef;border:1px solid #e1ead7;border-radius:10px;padding:19px;gap:18px}
html[data-theme="light"] :is(.profile-fields,.order-detail-grid) span{font-size:11px;font-weight:450;color:#687762;margin-bottom:7px}
html[data-theme="light"] :is(.profile-fields,.order-detail-grid) strong{font-size:13px;line-height:1.55;font-weight:530;color:#34472c;overflow-wrap:anywhere}
html[data-theme="light"] .profile-top{gap:13px;margin-bottom:23px}
html[data-theme="light"] .profile-avatar{background:#e9f0e2;color:#58784a;border:1px solid #e1ead8;border-radius:12px}
html[data-theme="light"] .profile-top h3{color:#2f432b;font-size:15px;font-weight:600;margin-bottom:5px}
html[data-theme="light"] .profile-top p{color:#687762;font-size:11px;line-height:1.5}
html[data-theme="light"] :is(.profile-section h3,.form-section-head h3){color:#405938;font-size:14px;font-weight:550}
html[data-theme="light"] .profile-line{border-color:#e6eddf;padding:14px 0}
html[data-theme="light"] .profile-line strong{color:#3f5936;font-size:12px}
html[data-theme="light"] .profile-line small{color:#687762;font-size:11px;line-height:1.6}
html[data-theme="light"] .notes-box{background:#f6f9f0;border-color:#e2ecd5;border-radius:8px;color:#607254;font-size:12px;padding:15px}
html[data-theme="light"] .toast{border:1px solid #dce7d1;background:#fff;color:#405b35;box-shadow:0 8px 35px #263e2c17;border-radius:10px;font-size:12px}
html[data-theme="light"] .app-footer{padding:6px 32px 20px;color:#a4b098;font-size:9px;margin-top:4px}
html[data-theme="light"] .app-footer i{color:#c2cdb7;margin:0 6px}
html[data-theme="light"] .auth-root{background:#f1f5ed}
html[data-theme="light"] .auth-card{border:1px solid #dde7d3;border-radius:18px;box-shadow:0 20px 60px #36452c0b;background:#fff}
html[data-theme="light"] :is(.auth-loading,.initial-loading){color:#90a280}
html[data-theme="light"] .spinner{border-color:#e1ead9;border-top-color:#5d8250}
/* Bring the independent operation modules into the same visual rhythm. */
html[data-theme="light"] :is(.bs-workspace,.fn-workspace){--bs-line:var(--v6-line);--bs-soft:#f8faf5;--bs-ink:var(--v6-ink);--bs-muted:#687762;--fn-line:var(--v6-line);--fn-soft:#f8faf5;--fn-ink:var(--v6-ink);--fn-muted:#687762}
html[data-theme="light"] :is(.bs-heading,.fn-heading,.ops-heading,.ws-heading,.bi-heading){margin-bottom:22px;gap:20px}
html[data-theme="light"] :is(.bs-heading,.fn-heading,.ops-heading,.ws-heading,.bi-heading,.page-heading) h1{font-size:30px;font-weight:600;letter-spacing:-1.1px;line-height:1.2;color:#263b29;margin-bottom:10px}
html[data-theme="light"] :is(.bs-heading,.fn-heading,.ops-heading,.ws-heading,.bi-heading) p{font-size:12px;line-height:1.75;color:#687762}
html[data-theme="light"] :is(.bs-unit,.fn-unit,.ops-unit,.ws-unit,.bi-unit){font-size:10px;color:#78836e;margin-bottom:13px}
html[data-theme="light"] :is(.bs-button,.fn-button,.ops-button){border-radius:7px;min-height:35px;padding:8px 12px;font-size:12px;line-height:1.4;border-color:#dfe7d8;color:#586f4e}
html[data-theme="light"] :is(.bs-primary,.fn-primary,.ops-primary){background:#263e2b;border-color:#263e2b;color:#fff;box-shadow:0 2px 3px #263e2c0b}
html[data-theme="light"] :is(.bs-primary,.fn-primary,.ops-primary):hover:not(:disabled){background:#35583a;border-color:#35583a;transform:translateY(-1px)}
html[data-theme="light"] :is(.bs-panel,.fn-panel,.ops-panel){border-radius:12px;border-color:var(--v6-line);box-shadow:var(--v6-shadow)}
html[data-theme="light"] :is(.bs-metrics,.fn-metrics,.ops-metrics,.ws-metrics,.net-summary){border-radius:10px;border-color:#dfe8d7;background:#fff;box-shadow:var(--v6-shadow);margin-bottom:22px}
html[data-theme="light"] :is(.bs-metric,.fn-metrics>div,.ops-metric,.ws-metric,.net-summary>div){padding:19px 22px;border-color:#e5ebdf}
html[data-theme="light"] :is(.bs-metric,.fn-metrics>div,.ops-metric,.ws-metric,.net-summary>div)>span{font-size:11px;color:#6d7c62;margin-bottom:8px}
html[data-theme="light"] :is(.bs-metric,.fn-metrics>div,.ops-metric,.ws-metric,.net-summary>div)>strong{font-size:26px;color:#30432c;font-weight:590;letter-spacing:-.9px;line-height:1.2}
html[data-theme="light"] :is(.bs-metric,.fn-metrics>div,.ops-metric,.ws-metric)>small{font-size:10px;color:#78866e;line-height:1.65;margin-top:7px}
html[data-theme="light"] :is(.bs-toolbar,.fn-toolbar,.ops-toolbar){border-radius:10px;border-color:#e2ead9;padding:15px 17px;gap:12px;box-shadow:0 1px 2px #263e2c02}
html[data-theme="light"] :is(.bs-tabs,.fn-tabs,.bi-view-switch){background:#eff4e9;border-color:#e5eddc;border-radius:7px;padding:3px}
html[data-theme="light"] :is(.bs-tabs,.fn-tabs,.bi-view-switch) button{color:#73836a;font-size:11px;padding:8px 12px;border-radius:5px}
html[data-theme="light"] :is(.bs-tabs,.fn-tabs,.bi-view-switch) button.active{background:#fff;color:#355530;box-shadow:0 1px 3px #314b2610}
html[data-theme="light"] :is(.bs-dialog,.fn-dialog){border:1px solid #e0e8d7;border-radius:14px;background:#fff;box-shadow:0 20px 70px #263e2c25}
html[data-theme="light"] :is(.bs-overlay,.fn-overlay,.com-backdrop){background:#1c2b2352;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
html[data-theme="light"] :is(.bs-drawer,.fn-drawer){border-radius:0;border-width:0 0 0 1px}
html[data-theme="light"] :is(.bs-dialog,.fn-dialog,.com-dialog)>header{background:#f9fbf5;border-bottom-color:#e5ecdd}
html[data-theme="light"] :is(.bs-dialog,.fn-dialog,.com-dialog)>header h2{color:#2d442d;letter-spacing:-.7px;font-weight:570}
html[data-theme="light"] :is(.bs-field,.fn-field){font-size:12px;color:#6c7e60}
html[data-theme="light"] :is(.bs-field,.fn-field) :is(input,select,textarea){font-size:13px;border-color:#dce6d2;background:#fff;border-radius:7px;color:#3c5434}
html[data-theme="light"] :is(.bs-table,.fn-table) th{color:#7b8b70;background:#f8faf4;font-size:10px;letter-spacing:.01em;border-color:#e4ecda}
html[data-theme="light"] :is(.bs-table,.fn-table) td{font-size:12px;border-color:#eaf0e2;color:#536e46}
html[data-theme="light"] :is(.bs-table,.fn-table) td strong{font-size:12px;color:#3a5531}
html[data-theme="light"] :is(.bs-table,.fn-table) td small{font-size:10px;color:#7c8d6f}
html[data-theme="light"] :is(.com-search,.bs-search,.fn-search){border-color:#e0e8d7;border-radius:7px;background:#fff}
/* Secondary text stays readable on pale surfaces. */
html[data-theme="light"] :is(.page-heading p,.eyebrow,.bs-unit,.fn-unit,.ops-unit,.ws-unit,.bi-unit,.sidebar-user small,.workspace-id small){color:#64735b}
html[data-theme="light"] :is(.summary-card small,.summary-card>span,.kpi-top,.kpi-foot,.table-foot,.table-count,.table-empty,.validation-banner,.bi-validation,.dh-validation,.ws-validation,.cm-validation,.local-status,.topbar-date,.unit-caption){color:#64735b}
html[data-theme="light"] :is(.table-scroll,.table-wrap) td small{color:#64735b}
html[data-theme="light"] :is(.table-scroll,.table-wrap,.bs-table,.fn-table) th{color:#64735b}
html[data-theme="light"] :is(.global-search-wrap input,.table-search input)::placeholder{color:#64735b}
html[data-theme="light"] :is(.field label,.bs-field,.fn-field){color:#64735b;font-size:12px}
html[data-theme="light"] .unit-caption{font-size:8px;letter-spacing:.07em}
@media(min-width:1700px){html[data-theme="light"] main{padding:36px 45px 24px}html[data-theme="light"] .topbar{padding:0 45px}}
@media(max-width:1250px){html[data-theme="light"] .topbar{padding:0 25px;gap:12px}html[data-theme="light"] .topbar-date,html[data-theme="light"] .topbar-divider{display:none}html[data-theme="light"] main{padding:27px 25px 20px}html[data-theme="light"] .local-status{font-size:9px}html[data-theme="light"] .global-search-wrap{max-width:290px}}
@media(max-width:1100px){html[data-theme="light"] .local-status{display:none}html[data-theme="light"] .topbar-end{gap:7px}html[data-theme="light"] .global-search-wrap{margin-left:0}html[data-theme="light"] .unit-control select{max-width:135px}}
@media(max-width:980px){
  html[data-theme="light"] .sidebar{width:244px;transform:translateX(-100%);visibility:hidden;pointer-events:none;transition:transform .2s;box-shadow:20px 0 60px #263e2c16;z-index:60}
  html[data-theme="light"] body.menu-open .sidebar{transform:translateX(0);visibility:visible;pointer-events:auto}
  html[data-theme="light"] .main-shell{margin-left:0;width:100%}
  html[data-theme="light"] .mobile-toggle{display:grid;width:30px;height:30px;background:transparent;border:0;flex-shrink:0;color:#809671}
  html[data-theme="light"] .topbar{padding:0 22px;gap:12px}
  html[data-theme="light"] main{padding:25px 22px 18px}
}
@media(max-width:720px){
  html[data-theme="light"] .topbar{height:61px;min-height:61px;gap:10px;padding:0 16px}
  html[data-theme="light"] .environment-select{width:105px;max-width:105px;flex-basis:105px;font-size:10px;padding:6px;height:31px}
  html[data-theme="light"] .unit-control{flex:1;min-width:0;margin:0;gap:0}
  html[data-theme="light"] .unit-control #unit-icon,html[data-theme="light"] .unit-caption{display:none}
  html[data-theme="light"] .unit-control select{max-width:100%;width:100%;font-size:10px;min-width:0;padding:5px 0;font-weight:620}
  html[data-theme="light"] .global-search-wrap{max-width:29px;flex:0 0 29px;min-width:29px;height:29px;border:0;background:transparent;padding:5px;position:static}
  html[data-theme="light"] .global-search-wrap input{position:absolute;opacity:0;width:28px;height:28px;right:85px;cursor:pointer;padding:0}
  html[data-theme="light"] .global-search-wrap kbd{display:none}
  html[data-theme="light"] .global-search-wrap:focus-within{position:absolute;left:14px;right:14px;top:10px;background:#fff;max-width:none;min-width:0;height:40px;z-index:40;padding:0 12px;border:1px solid #d9e5cf;box-shadow:0 4px 12px #263e2c12}
  html[data-theme="light"] .global-search-wrap:focus-within input{position:static;opacity:1;width:100%;height:auto;font-size:12px;padding:8px 0;cursor:text}
  html[data-theme="light"] .global-search-wrap:focus-within .search-results{left:0;right:0;top:44px;max-height:65vh}
  html[data-theme="light"] .topbar-end{gap:5px}
  html[data-theme="light"] .logout-button{display:none}
  html[data-theme="light"] .theme-toggle{width:27px;height:27px}
  html[data-theme="light"] .topbar-avatar{width:27px;height:27px}
  html[data-theme="light"] main{padding:23px 17px 18px}
  :where(html[data-theme="light"]) h1{font-size:27px;letter-spacing:-1px}
  html[data-theme="light"] .page-heading{align-items:flex-start;gap:16px;margin-bottom:22px}
  html[data-theme="light"] .page-heading p{font-size:12px}
  html[data-theme="light"] .eyebrow{font-size:9px;margin-bottom:10px}
  html[data-theme="light"] :is(.validation-banner,.bi-validation,.dh-validation,.ws-validation,.cm-validation){font-size:8px;margin-bottom:15px;padding:3px 8px}
  html[data-theme="light"] .app-footer{padding:5px 17px 17px;flex-wrap:wrap;gap:5px;font-size:8px}
  html[data-theme="light"] :is(.modal-head,.modal-body){padding:21px}
  html[data-theme="light"] .modal-footer{padding:15px 21px}
  html[data-theme="light"] .sidebar-user{padding-bottom:5px}
  html[data-theme="light"] :is(.bs-heading,.fn-heading,.ops-heading,.ws-heading,.bi-heading,.page-heading) h1{font-size:27px}
  html[data-theme="light"] :is(.bs-metric,.fn-metrics>div,.ops-metric,.ws-metric,.net-summary>div){padding:16px}
  html[data-theme="light"] :is(.bs-metric,.fn-metrics>div,.ops-metric,.ws-metric,.net-summary>div)>strong{font-size:23px}
}
@media(max-width:420px){html[data-theme="light"] .topbar{padding:0 12px;gap:6px}html[data-theme="light"] .environment-select{width:105px;max-width:105px;flex-basis:105px}html[data-theme="light"] .topbar-end{gap:1px}html[data-theme="light"] .theme-toggle{width:24px}html[data-theme="light"] .global-search-wrap input{right:70px}}
html[data-theme="dark"]{--v6-ink:#e0e9df;--v6-muted:#91a08a;--v6-accent:#a4c59a;--v6-accent-soft:#27342a;--v6-surface:#18241d;--v6-canvas:#121b15;--v6-line:#304032;--v6-sidebar:#17211a}
html[data-theme="dark"] .nav-section>summary{color:#899d80}
html[data-theme="dark"] .nav-section>summary:hover{color:#c2d8b7}
@media(prefers-reduced-motion:reduce){.nav-section>summary:after,html[data-theme="light"] .sidebar{transition:none}html[data-theme="light"] :is(.btn-primary,.btn-navy,.bi-primary,.ws-primary,.dh-primary,.biz-primary,.fin-primary,.com-btn.primary):hover{transform:none}}
