/* Shared light workspace theme. Status colors are reserved for business meaning. */
:root{
  color-scheme:light;
  --bg:#f5f6f8;--card:#fff;--ink:#20242a;--muted:#66717f;--line:#e3e7ed;
  --brand:#435f7c;--brand-2:#345471;--danger:#b53f45;--green:#267348;--amber:#98641e;
  --surface-soft:#f8f9fb;--surface-selected:#d5e4f5;--surface-group:#566b82;
  --table-head:#e8ecf1;--table-head-ink:#38495b;--batch-bg:#eeebe5;--batch-ink:#595349;
  --row-hover:#e5f0ff;--row-hover-line:#91b1d3;--row-selected:#d5e4f5;--row-selected-hover:#c5daf1;
  --focus:#356b9c;--product-ink:#171a1f;
}
body{color:var(--ink);background:var(--bg);line-height:1.5;letter-spacing:.01em}
body.modal-open{overflow:hidden}
button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
button:disabled{opacity:.46;cursor:not-allowed}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:5px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:var(--focus);box-shadow:0 0 0 3px #cfdef0}
input::placeholder,textarea::placeholder{color:#778290}
input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--brand);flex-shrink:0;cursor:pointer}
input,select,textarea{border-color:#dce1e8;border-radius:8px;transition:border-color .15s,box-shadow .15s}
label{color:#596575;font-weight:500}
.wrap{padding:14px 22px 18px}
.topbar{padding:5px 0 14px;gap:12px;position:relative;z-index:35}
.brand{color:#252d37;font-size:18px;letter-spacing:.025em;font-weight:700}
.account-menu{position:relative;flex-shrink:0}
.account-menu>summary{list-style:none;cursor:pointer;padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#586576;font-size:13px;white-space:nowrap}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary>span{margin-left:7px}
.account-menu[open]>summary{border-color:#b5c4d4;background:var(--surface-selected);color:var(--brand)}
.account-panel{position:absolute;right:0;top:calc(100% + 8px);width:258px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #26374b14;padding:14px;z-index:45}
.account-panel label{margin:0 0 7px;color:var(--ink)}
.account-panel select{font-size:14px}
.account-panel>.row{padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}
.account-panel .btn{flex:1}
.tabs-wrap{margin-bottom:12px}
.tabs{gap:4px;padding:0 0 8px;margin:0;border-bottom:1px solid var(--line)}
.tabs button{border:0;background:transparent;border-radius:7px;padding:9px 15px;color:#5d6877;font-weight:500;white-space:nowrap}
.tabs button:hover{background:#edf0f4;color:var(--ink)}
.tabs button.on{background:#dce7f3;color:#253f5b;border:0;box-shadow:inset 0 -3px #436484;font-weight:700}
.card{border-color:var(--line);border-radius:12px;box-shadow:0 1px 2px #22334b03;padding:16px;margin-bottom:12px}
.card h3,.modal h3,.erp-dialog h3,.erp-head h2{color:var(--ink);font-weight:650}
.btn{border-color:#dce2e9;border-radius:8px;font-weight:500;transition:background .14s,border-color .14s,box-shadow .14s}
.btn:hover{background:#e5edf6;border-color:#708ba8;color:#243f5d;box-shadow:0 0 0 1px #708ba826}
.btn.primary{background:#435f7c;border-color:#435f7c;box-shadow:0 1px 2px #243c5410;color:white}
.btn.primary:hover{background:#345471;border-color:#345471;color:white}
.btn.danger{color:var(--danger);background:#fff;border-color:#ead6d8}
.btn.danger:hover{background:#fcf1f2;border-color:#d8a9ad;color:#9e2c34}
.btn.sm{border-radius:6px}
.chip{color:#5c6979;border-color:var(--line);background:#fff;border-radius:8px;padding:6px 12px}
.chip:hover{background:#e5edf6;border-color:#708ba8;color:#243f5d}
.chip.on{background:#435f7c;border-color:#435f7c;color:#fff;font-weight:650}
.chip.on:hover{background:#324d69;border-color:#324d69;color:#fff}
.chip.bad.on{background:#fbecee;border-color:#e3bdc1;color:#a7333b}
.chips{gap:6px}
.export-bar{padding-top:12px;margin-top:12px;border-top:1px solid #edf0f4}
.export-bar input[type=checkbox]{width:16px;height:16px;flex:0 0 16px}
.export-bar label{width:auto;white-space:nowrap;gap:7px;margin:0 0 0 6px}
.export-bar .hint{margin:0}
.tag,.bike{background:#eff1f4;color:#66717f;border-radius:5px;white-space:nowrap;line-height:1.65;letter-spacing:0}
.tag.green,.tag.qc-ok{background:#eaf4ed;color:#267348}
.tag.amber{background:#fbf1df;color:#98641e}
.tag.red{background:#fbecee;color:#b53f45}
.order-list .tag.red{background:#f1f3f6;color:#687484}
.tag.qc-bad{background:#fbecee;color:#b53f45}
.tag.todo{background:#fbf5e9;color:#916628;border:1px solid #ebd9b5;border-radius:5px}
.product-name,.mobile-table .mobile-record .mobile-product{color:var(--product-ink);font-weight:700}
.product-name .muted,.mobile-product .muted{font-weight:400;color:#69717d}
.product-name .bike{font-weight:400}
.order-open{color:#435f7c;text-underline-offset:3px;text-decoration-color:#bcc9d6}
.order-open[data-quick-order]{color:var(--ink);text-decoration-style:dotted}
table{color:var(--ink)}
th{color:var(--table-head-ink);font-size:12px;background:var(--table-head);letter-spacing:.02em}
td{vertical-align:middle}
.order-list>table{table-layout:fixed}
.order-list th,.order-list td{white-space:normal;overflow-wrap:anywhere;padding:9px 6px}
.order-list .num{white-space:nowrap;font-variant-numeric:tabular-nums}
.order-list td.row{display:table-cell}
.order-list td.row>.btn{margin:2px 2px 2px 0;padding:4px 6px;white-space:nowrap}
.order-list tr:has(th)>th:nth-child(2){width:38px}
.order-list tr:has(th)>th:nth-child(3){width:12%}
.order-list tr:has(th)>th:nth-child(6){width:6%}
.order-list tr:has(th)>th:nth-child(7){width:16%}
.order-list tr:has(th)>th:nth-child(8){width:48px}
.order-list tr:has(th)>th:last-child{width:142px}
.order-list th.chk,.arrival-table th.chk{width:30px}
.arrival-table th,.arrival-table td{padding:10px 6px}
.arrival-table td>.tag{font-size:11px;padding:1px 5px}
.arrival-table .month-row .muted,.arrival-table .batch-row .muted{display:inline;float:right!important}
tr.month-row{background:var(--surface-group)}
tr.month-row td{background:var(--surface-group);border-top:1px solid #485f77;border-bottom:1px solid #485f77;color:#fff;font-size:13px;font-weight:700;letter-spacing:0}
tr.month-row .muted{color:#f1f5f9;font-weight:500!important}
tr.month-row input[type=checkbox]{accent-color:#244e77;outline:1px solid #c3cfdb;outline-offset:1px;border-radius:2px}
tr.batch-row td{background:var(--batch-bg);color:var(--batch-ink);border-top:1px solid #d1cabf;border-bottom:1px solid #ddd7cd;font-weight:650}
tr.batch-row .muted{color:#655e53}
.order-focus-row.is-current td{background:#eff3f8}
.order-focus-row.is-current td:first-child{box-shadow:inset 3px 0 #566b82}
tr:has(>.chk input.ord-row:checked)>td,tr:has(>.chk input.arr-row:checked)>td{background:var(--row-selected)}
tr:has(>.chk input.ord-row:checked)>td:first-child,tr:has(>.chk input.arr-row:checked)>td:first-child{box-shadow:inset 4px 0 #3b638c}
#order-amount-totals{background:#fff!important;border-color:var(--line);padding:14px 18px!important}
#order-amount-totals>.row{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;gap:18px!important;align-items:start}
#order-amount-totals>.row>div+div{border-left:1px solid var(--line);padding-left:20px}
#order-amount-totals strong{color:#202831!important;font-size:19px!important;font-weight:650;line-height:1.8}
#order-amount-totals>.hint{border-top:1px solid #edf0f4;padding-top:8px;font-size:11px}
.modal-bg,.erp-overlay{background:rgba(31,42,56,.32)}
.modal,.erp-dialog{border:1px solid #e5e9ef;box-shadow:0 16px 64px #1c30451f;border-radius:14px}
.modal h3,.erp-dialog h3{font-size:17px;letter-spacing:.01em}
.modal-actions,.erp-dialog .erp-form-actions{background:#fff;border-color:var(--line)}
.modal .hint{line-height:1.65}
.modal .err:empty{min-height:0;margin:0}
.modal .err:not(:empty){background:#fff3f3;padding:8px 10px;border-radius:6px;line-height:1.5}
.modal-actions .err{margin-bottom:8px}
.modal.batch .b-results{border-color:var(--line)}
.modal.batch .b-picked{border-top:1px solid var(--line);padding-top:12px}
.login{height:auto}
.login .card{padding:26px;border-radius:14px;box-shadow:0 8px 35px #22334b08}
.pimg,.thumb,.b-thumb{background:#f7f8fa;border-color:var(--line)}
.order-query{gap:10px;margin-top:14px}
.order-detail{border-color:#d7e0ea}
/* The ERP keeps its existing information architecture and personal column settings. */
.erp-desktop{border-color:var(--line);border-radius:10px;background:#fff}
.erp-rail{background:#f0f3f7;color:#556980;border-right:1px solid #dce3eb}
.erp-brand{color:#354b64}
.erp-group.active summary,.erp-group[open] summary,.erp-rail-settings:hover,.erp-rail-settings:focus-visible{background:#dee7f0;color:#304d6c}
.erp-rail-settings{border-color:#d9e1e9}
.erp-flyout,.erp-tab-more>div,.ref-menu{border-color:#dce3eb;box-shadow:0 8px 24px #22364c16}
.erp-flyout button,.erp-tab-more button,.ref-menu button,.ref-menu label{color:#4d6076}
.erp-flyout button:hover,.erp-flyout button.on,.erp-tab-more button:hover,.ref-menu button:hover{background:#edf2f7}
.erp-tabs,.erp-tab-more{background:#f7f9fb;border-color:var(--line)}
.erp-open-tab{border-color:var(--line)}
.erp-open-tab>button{color:#677588}
.erp-open-tab.active{box-shadow:inset 0 2px #627f9f}
.erp-open-tab.active>button{color:#3e5a78}
.erp-metric strong{color:#252f3b}
.erp-label{background:#edf2f7;color:#506984}
.erp-message{background:#edf2f7;color:#435f7c}
.erp-warning{background:#fcf7ed;color:#916628;border-color:#ecdfc2}
.erp-table th,.ref-grid th,.ref-grid thead .ref-select{background:var(--table-head);color:var(--table-head-ink);border-bottom-color:#aebccc}
.ref-filter{background:#f8f9fb;border-color:var(--line)}
.ref-filter input,.ref-filter select{border-color:#dce3eb;color:#4f6176}
.ref-collapse{background:#607b99}
.ref-stat{border-color:var(--line)}
.ref-stat b{color:#344e6d}
.ref-link,.ref-query-chips button,.ref-bulk-section h4,.ref-column-handle,.erp-menu-handle{color:#476480}
.ref-grid,.ref-detail,.ref-column-panels>section{border-color:var(--line)}
.ref-grid th,.ref-grid td{border-color:#edf0f4}
.ref-grid tbody tr:nth-child(even){background:#fafbfd}
.ref-grid tbody tr.ref-current,.ref-grid tbody tr.ref-selected,.erp-table tr.current{background:var(--row-selected)}
.ref-grid tbody tr.ref-current td:first-child,.ref-grid tbody tr.ref-selected td:first-child,.erp-table tr.current td:first-child{box-shadow:inset 4px 0 #3b638c}
.ref-grid .ref-cell-selected{outline-color:#8aa0ba;background:#e7eff8}
.ref-grid input[type=checkbox]{accent-color:#435f7c}
.ref-grid tfoot td,.ref-detail>header,.ref-detail-tabs button,.ref-cart-table th{background:#f6f8fb;color:#596b80}
.ref-detail-tabs [aria-selected=true]{color:#3e5b7b;box-shadow:inset 0 2px #728caa}
.ref-grid-footer,.ref-detail-tools,.ref-footnote,.ref-selected-summary,.ref-flow{color:#68788b}
.ref-splitter{background:#e2e8ef}.ref-splitter:hover,.ref-splitter:focus{background:#b4c4d7}
.ref-query-chips>span,.ref-bulk-nav button,.erp-menu-order li{background:#edf2f7;border-color:#d7e1ed;color:#4f657f}
.ref-dropdown summary:hover,.ref-dropdown[open] summary{background:#edf2f7}
.ref-flow>span,.ref-detail>header>span{color:#6b7c90}
@media(min-width:701px){
  html[data-density=comfortable] .order-list td,html[data-density=comfortable] .arrival-table td{padding-top:15px;padding-bottom:15px}
  html[data-density=comfortable] .ref-grid td{height:42px;padding-top:10px;padding-bottom:10px}
  .card.scroll:not(:has(.erp-shell)){padding:0 12px 12px}
  .order-list th,.arrival-table th{position:sticky;top:0;z-index:5;vertical-align:middle;white-space:nowrap;font-weight:700;box-shadow:inset 0 -2px #aebccc}
  .order-list .product-name,.arrival-table .product-name{font-size:13px}
}
@media(max-width:1000px) and (min-width:701px){
 .order-list{font-size:12px}.order-list th,.order-list td{font-size:12px}
 .order-list .num{white-space:normal;overflow-wrap:normal}.arrival-table .num{overflow-wrap:normal}
}
@media(max-width:700px){
 .wrap,.wrap:has(.erp-desktop),.wrap:has(.order-list){padding:0 12px calc(74px + env(safe-area-inset-bottom))}
 .topbar{flex-wrap:nowrap;padding:13px 2px 7px;gap:8px}
 .topbar .brand{font-size:16px;letter-spacing:0}
 .account-menu>summary{font-size:12px;padding:7px 9px}
 .account-panel{width:min(270px,calc(100vw - 28px));padding:14px}
 .account-panel select{font-size:16px}
 .mobile-page-title{padding:9px 2px 11px;font-size:19px;color:#222a34}
 .card{padding:12px;border-radius:12px;margin-bottom:10px;box-shadow:none}
 .btn,.btn.sm{min-height:40px}
 .mobile-factory-row>.btn{border-radius:8px;min-height:40px}
 .mobile-factory select{margin-bottom:8px;background:#e9f0f8;border-color:#9eb2c9;color:#304b68;font-weight:650;font-size:15px}
 .mobile-query summary,.mobile-tools>summary{color:#566c85}
 .mobile-tools>summary{padding:7px 2px}
 .mobile-tools[open]{border-top:1px solid #eef1f5}
 .mobile-tools .export-bar{border-top:0;padding-top:3px}
 .export-bar label{margin:0}
 .card.scroll:has(>.mobile-table){padding:0 8px 6px}
 .mobile-table tr.mobile-table-head{background:#fff}
 .mobile-table-head th:has(input[type=checkbox]){background:#fff;color:#637082;font-size:12px;min-height:40px}
 .mobile-table .month-row{background:var(--surface-group);border-radius:6px;padding:6px 2px;margin-top:3px}
 .mobile-table .month-row td,.mobile-table .batch-row td{border:0}
 .mobile-table .month-row .muted,.mobile-table .batch-row .muted{float:none!important;font-size:10px;margin-left:7px}
 .mobile-table .month-row td,.mobile-table .month-row .muted{color:#fff}
 .mobile-table .batch-row,.mobile-table .batch-row td{background:var(--batch-bg);color:var(--batch-ink)}
 .mobile-table .batch-row .muted{color:#655e53}
 .mobile-table .batch-row{border-left:3px solid #b2a899;border-radius:4px}
 .mobile-table tr.mobile-compact-record{background:#fff;padding:6px 0 8px;gap:0 5px;border-color:#e7ebf0}
 .mobile-table tr.mobile-compact-record>.mobile-product{color:#171a1f;font-weight:700;font-size:14px;letter-spacing:0}
 .mobile-table tr.mobile-compact-record>.mobile-product .muted{color:#727b87;font-size:12px;font-weight:400}
 .mobile-table tr.mobile-compact-record:not(.mobile-expanded)>[data-mobile-label="金额"]{color:#242b34;font-weight:650;font-variant-numeric:tabular-nums}
 .mobile-table tr.mobile-compact-record>.mobile-expand>.btn{color:#60758e}
 .mobile-table tr.mobile-compact-record.mobile-expanded{background:#eef2f7;box-shadow:inset 3px 0 #657d98;gap:2px 4px;padding:6px 0 8px}
 .mobile-table tr.mobile-compact-record:has(.chk input:checked){background:var(--row-selected);box-shadow:inset 4px 0 #3b638c}
 .mobile-table tr.mobile-compact-record:has(.chk input:checked)>td{background:none!important}
 .mobile-table tr.mobile-compact-record .tag{font-size:10px;white-space:nowrap;border-radius:4px}
 .mobile-table tr.mobile-compact-record .btn.danger{background:transparent}
 .mobile-table tr.mobile-compact-record>.chk{width:32px!important}
 .mobile-table tr.mobile-compact-record>.chk label{min-height:36px}
 html[data-density=comfortable] .mobile-table tr.mobile-compact-record{padding-top:13px;padding-bottom:15px;row-gap:4px}
 html[data-density=comfortable] .mobile-table tr.mobile-compact-record>.mobile-product{font-size:15px;line-height:22px}
 #order-amount-totals{padding:10px 12px!important}
 #order-amount-totals>.row{display:block}
 #order-amount-totals>.row>div,#order-amount-totals>.row>div+div{border:0;padding:2px 0}
 #order-amount-totals strong{font-size:15px!important;line-height:1.5}
 #order-amount-totals>.hint{font-size:10px;line-height:1.5}
 #mobile-bottom{background:rgba(255,255,255,.98);border-color:#dfe5ec;box-shadow:0 -2px 12px #23375105;padding:4px 8px calc(4px + env(safe-area-inset-bottom))}
 #mobile-bottom button{color:#7b8694;min-height:48px;gap:3px}
 #mobile-bottom button.on{color:#294d72;background:#dce7f3;border-radius:9px;box-shadow:inset 0 3px #54769a;font-weight:700}
 #mobile-bottom button>span{line-height:24px}
 #mobile-bottom svg{width:23px;height:23px}
 .mobile-grid{gap:14px 8px;padding:12px 0 6px}
 .mobile-tile{color:#394452;font-size:13px;gap:8px}
 .mobile-icon,.mobile-tile:nth-child(3n+2) .mobile-icon,.mobile-tile:nth-child(3n) .mobile-icon{background:#eef2f7;color:#5b7593;border:1px solid #e6ebf2;border-radius:13px;width:44px;height:44px}
 .mobile-tile:active .mobile-icon{background:#dfe8f2}
 .mobile-welcome{background:#edf2f7;color:#334b66;border:1px solid #dce5ef}
 .modal,.modal.batch{border-radius:16px 16px 0 0;padding:16px 14px calc(16px + env(safe-area-inset-bottom));max-height:92dvh}
 .modal-actions{bottom:calc(-16px - env(safe-area-inset-bottom));margin:12px -14px calc(-16px - env(safe-area-inset-bottom));padding:10px 14px calc(14px + env(safe-area-inset-bottom))}
 .modal input,.modal select,.modal textarea{font-size:16px}
 .modal .chip{border-radius:8px}
 .modal label{color:#596575;font-size:12px}
 .modal.batch #b-plist table,.modal.batch #b-plist tbody{display:block;width:100%;min-width:0}
 .modal.batch #b-plist tr:has(th){display:none}
 .modal.batch #b-plist tr:not(:has(th)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fafbfd;padding:10px;margin:8px 0}
 .modal.batch #b-plist td{display:block;min-width:0;padding:0;border:0;white-space:normal}
 .modal.batch #b-plist .b-field-name{grid-column:1/-1;grid-row:1}
 .modal.batch #b-plist td.b-field:before{content:attr(data-label);display:block;color:#66717f;font-size:11px;margin-bottom:3px}
 .modal.batch #b-plist td:first-child{display:none}
 .modal.batch #b-plist td:first-child:has(img){display:block;align-self:center}
 .modal.batch #b-plist td input{width:100%;min-width:0;font-size:16px;min-height:40px}
 .modal.batch #b-plist td:last-child{align-self:end;text-align:right}
 .modal.batch #b-plist td:last-child .btn{min-height:40px}
 .modal.batch .b-picked>.row{flex-wrap:wrap}
 .modal.batch .b-picked>.row>.hint{flex-basis:100%;margin:0!important;font-size:11px}
 .modal.batch #b-rlist table,.modal.batch #b-rlist tbody{display:block;width:100%;min-width:0}
 .modal.batch #b-rlist tr:has(th){display:none}
 .modal.batch #b-rlist tr:not(:has(th)){display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:2px 7px;padding:8px;border-bottom:1px solid var(--line)}
 .modal.batch #b-rlist td{display:block;min-width:0;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;grid-column:2}
 .modal.batch #b-rlist td:first-child{grid-column:1;grid-row:1/4}
 .modal.batch #b-rlist td:nth-child(2){font-size:11px;color:#687484}
 .modal.batch #b-rlist td:nth-child(3){font-weight:650;color:#20242a}
 .modal.batch #b-rlist td:last-child{grid-column:3;grid-row:1/4;align-self:center}
 .modal.batch #b-rlist .b-thumb{width:34px;height:34px}
 .modal.batch #b-rlist .num{text-align:left}
 .modal.batch .modal-actions .b-summary{flex-basis:100%;font-size:11px;line-height:1.4}
 .modal.batch #ba-list>.card{background:#fafbfd;border-radius:8px;padding:10px!important}
 .modal.batch #ba-list label{color:#252d37;line-height:1.6}
 .modal.batch #ba-list .row{gap:7px}
 .erp-desktop{border-radius:8px}
 .login .card{padding:22px;margin-top:22px}
}
/* Pointer feedback is intentionally different from structural month/batch bands. */
@media(min-width:701px) and (hover:hover) and (pointer:fine){
 :is(.order-focus-row,.arrival-table tr:has(.arr-row),.ref-grid tbody tr,.erp-table tbody tr[data-ref]):hover>td{
   background:var(--row-hover);box-shadow:inset 0 1px var(--row-hover-line),inset 0 -1px var(--row-hover-line)
 }
 :is(.order-focus-row,.arrival-table tr:has(.arr-row),.ref-grid tbody tr,.erp-table tbody tr[data-ref]):hover>td:first-child{
   box-shadow:inset 4px 0 #4b7eae,inset 0 1px var(--row-hover-line),inset 0 -1px var(--row-hover-line)
 }
 :is(.order-focus-row,.arrival-table tr):has(input.ord-row:checked,input.arr-row:checked):hover>td,
 .ref-grid tbody tr:is(.ref-selected,.ref-current):hover>td,.erp-table tbody tr.current:hover>td{background:var(--row-selected-hover)}
 .order-open:hover{color:#234f7d;background:#fff;border-radius:4px;box-shadow:0 0 0 2px #a2b9d2;text-decoration:underline}
 .erp-flyout button:hover,.erp-tab-more button:hover,.ref-menu button:hover,.ref-dropdown summary:hover{background:#dce9f7;color:#294c70}
 .erp-group summary:hover,.erp-rail-settings:hover{background:#d5e1ef;color:#294c70}
}
@media(min-width:701px){
 :is(.order-focus-row,.arrival-table tr:has(.arr-row)):has(:focus-visible)>td{background:var(--row-hover)}
 :is(.order-focus-row,.arrival-table tr:has(.arr-row)):has(:focus-visible)>td:first-child{box-shadow:inset 4px 0 var(--focus)}
}
@media(max-width:700px) and (hover:none){
 .mobile-table tr.mobile-compact-record:active:not(:has(input:checked)){background:#e5f0ff;box-shadow:inset 3px 0 #4b7eae}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* Summary: one scoped overview and one readable detail region on both devices. */
.summary-shell{flex:1;min-height:0;overflow:auto;padding:12px 2px 18px;scrollbar-gutter:stable}
.summary-overview{padding:14px 16px;margin-bottom:10px}
.summary-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.summary-heading h3{font-size:16px;margin:0}
.summary-filters{display:flex;align-items:end;gap:10px;margin-bottom:12px}
.summary-filters label{margin:0;min-width:0;font-size:12px}
.summary-filters select{display:block;margin-top:3px;min-width:160px;max-width:280px;padding:7px 9px;font-size:13px}
.summary-warning{font-size:12px;color:#855c19;background:#fcf6e9;border-left:3px solid #c99c49;padding:6px 9px;margin-bottom:10px}
.summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;gap:0}
.summary-metric{padding:0 16px;border-left:1px solid var(--line);min-width:0}
.summary-metric:first-child{padding-left:0;border-left:0}
.summary-metric span{display:block;font-size:12px;color:#5f6c7b;margin-bottom:5px}
.summary-metric strong{display:block;font-size:clamp(16px,1.7vw,24px);font-weight:700;color:#171a1f;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.summary-credit{font-size:11px;color:#697586;margin:8px 0}
.summary-definition summary,.summary-global summary{font-size:12px;color:#435f7c;cursor:pointer}
.summary-definition p{font-size:12px;color:#657180;margin:6px 0}
.summary-global{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
.summary-global[open]>summary{margin-bottom:8px}
.summary-views{display:flex;gap:6px;margin:0 0 8px}
.summary-views .btn{font-size:13px;padding:7px 16px}
.summary-panel{padding:12px!important;overflow:visible;margin-bottom:0}
.summary-panel[hidden]{display:none!important}
.summary-panel table{table-layout:fixed;width:100%}
.summary-panel th,.summary-panel td{white-space:normal;overflow-wrap:anywhere;padding:9px 8px;font-size:12px}
.summary-panel th{border-bottom:2px solid #aebccc}
.summary-panel td.num{font-variant-numeric:tabular-nums}
@media(hover:hover) and (pointer:fine){.summary-panel tr:has(td):hover td{background:var(--row-hover);box-shadow:inset 0 1px var(--row-hover-line),inset 0 -1px var(--row-hover-line)}}
@media(max-width:700px){
 .summary-shell{overflow:visible;padding:0;scrollbar-gutter:auto}
 .summary-overview{padding:12px}.summary-heading{gap:5px;margin-bottom:8px}.summary-heading .hint{font-size:11px}
 .summary-filters{flex-wrap:wrap;gap:8px;margin-bottom:8px}.summary-filters label{flex:1}.summary-filters select{width:100%;min-width:0;max-width:none;font-size:16px;min-height:40px}
 .summary-filters .btn{min-height:36px}
 .summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
 .summary-metric,.summary-metric:first-child{padding:10px 8px;border:0}.summary-metric:nth-child(even){border-left:1px solid var(--line)}.summary-metric:nth-child(n+3){border-top:1px solid var(--line)}
 .summary-metric span{font-size:11px;margin-bottom:4px}.summary-metric strong{font-size:16px}
 .summary-warning{font-size:11px}.summary-credit{font-size:10px}
 .summary-views{gap:5px}.summary-views .btn{flex:1;padding:8px 4px;font-size:13px;min-height:40px}
 .summary-panel{padding:10px!important}.summary-panel>div{font-size:13px}
 .summary-panel table,.summary-panel tbody{display:block}.summary-panel tr:has(th){display:none}
 .summary-panel tr:has(td){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;padding:10px 0;border-bottom:1px solid var(--line)}
 .summary-panel td{display:block;padding:0;border:0;text-align:left;font-size:12px;min-width:0}
 .summary-panel td:first-child{grid-column:1/-1;font-weight:700;font-size:14px;color:#171a1f}
 .summary-panel td:not(:first-child)::before{content:attr(data-summary-label);display:inline-block;color:#697586;font-size:10px;margin-right:5px}
 .summary-panel td.empty{grid-column:1/-1}.summary-panel tr:last-child{border-bottom:0}
}
/* SLG navigation hierarchy: brand, destinations, modules, documents. */
.nav-symbol{width:18px;height:18px;flex:none;display:block}
.topbar{padding:8px 2px 12px;min-height:62px}
.brand{display:flex;align-items:center;gap:11px;color:#1d2631}
.slg-mark{display:flex;position:relative;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#202c3a;color:#fff;font-size:19px;font-weight:750;letter-spacing:-1.2px;line-height:1;box-shadow:0 3px 8px #24364a12}
.slg-mark>span{position:absolute;bottom:6px;right:8px;width:8px;height:2px;background:#b9c9db;border-radius:2px}
.brand-copy{font-size:17px;line-height:1.2;letter-spacing:.08em}
.brand-subtitle{display:block;margin-top:5px;font-size:10px;font-weight:450;letter-spacing:.08em;color:#738092}
.tabs{padding:5px;gap:3px;margin-bottom:10px;background:#fff;border:1px solid #e0e6ed;border-radius:11px;box-shadow:0 2px 4px #22344b03;align-items:center}
.tabs button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:7px;font-size:13px;min-height:38px;color:#59687a}
.tabs button .nav-symbol{width:16px;height:16px;opacity:.9;pointer-events:none}.tabs button>span{pointer-events:none}
.tabs button.on{background:#314d6b;color:#fff;box-shadow:0 2px 4px #233c5820;font-weight:650}
.tabs button:hover:not(.on){background:#e9f0f8;color:#274764}
.erp-desktop{grid-template-columns:80px minmax(0,1fr);border-radius:12px 12px 0 0;border-color:#d9e2ec}
.erp-rail{padding:9px 6px;background:#edf2f8;border-right:1px solid #d9e2ec;gap:3px}
.erp-brand{display:flex;align-items:center;flex-direction:column;gap:4px;margin:0 0 9px;padding:8px 0 10px;font-size:10px;letter-spacing:.03em;border-bottom:1px solid #d5deea;color:#3f5874}
.rail-home-icon{width:34px;height:30px;display:grid;place-items:center}.rail-home-icon .nav-symbol{width:21px;height:21px}
.erp-group summary{position:relative;padding:7px 0;gap:4px;border-radius:9px;color:#5b6d82;transition:background .15s,color .15s}
.erp-group summary>span.rail-icon{display:grid;place-items:center;width:32px;height:28px;line-height:1;font-size:inherit}
.rail-icon .nav-symbol{width:22px;height:22px}.erp-group summary>span.rail-label{font-size:11px;line-height:14px;font-weight:550}
.erp-group.active summary,.erp-group[open] summary{background:#314d6b;color:#fff;box-shadow:0 3px 8px #243b5512}
.erp-group.active summary:before{content:'';position:absolute;left:-6px;width:3px;top:13px;bottom:13px;border-radius:0 3px 3px 0;background:#314d6b}
.erp-rail-settings{border-top:1px solid #d5deea;padding:12px 0 5px;font-size:10px;color:#536a83}
.erp-flyout{left:73px;border-radius:10px;padding:6px;box-shadow:0 10px 30px #22364c20}.erp-flyout button{border-radius:6px;margin:2px 0;padding:10px 12px}
.erp-tabs{padding:7px 8px 0;gap:4px;background:#eef2f7;border-bottom:1px solid #d9e2ec;min-height:44px}
.erp-open-tab{border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;align-items:center;background:#e6ecf3;margin-bottom:0}
.erp-open-tab>button{font-size:11px;padding:9px 10px;color:#67788b}
.erp-open-tab.active{background:#fff;border-color:#d9e2ec;box-shadow:inset 0 3px #496d94}.erp-open-tab.active>button{color:#273e58;font-weight:700}
.erp-open-tab .erp-tab-close{padding:0;margin-right:5px;width:22px;height:24px;border-radius:5px;color:#78899b;font-size:16px}.erp-tab-close:hover{background:#d4e1ef!important;color:#263e59!important}
.erp-tab-more{background:#eef2f7;border-left:1px solid #d9e2ec;padding:0 5px}.erp-tab-more summary{padding:9px 10px;color:#3f5772;font-size:12px}
.erp-group summary:focus-visible{outline:3px solid #648eb7;outline-offset:1px}
@media(hover:hover){.erp-group:not(.active):not([open]) summary:hover{background:#d8e5f2;color:#274664}.erp-open-tab:not(.active):hover{background:#d7e4f1}}
@media(max-width:700px){
 .topbar{padding:5px 1px 10px;min-height:52px}.slg-mark{width:34px;height:34px;border-radius:10px;font-size:18px}.brand-copy{font-size:16px}.brand-subtitle{font-size:9px;letter-spacing:.03em;margin-top:4px}.brand{gap:9px}
 .mobile-page-title{font-size:17px;padding:7px 2px 9px;border-top:1px solid #e0e6ed;margin-top:2px}
 .mobile-icon{border:1px solid #dce5ee;background:#edf2f8!important;color:#365577!important;border-radius:14px;box-shadow:0 2px 3px #253d5805}.mobile-tile{font-weight:550;color:#293746}.mobile-tile .mobile-icon svg{stroke-width:1.7}
 #mobile-bottom{padding-top:6px;border-top:1px solid #d8e1eb;box-shadow:0 -3px 12px #23374c08}#mobile-bottom button.on{color:#fff;background:#314d6b;box-shadow:none;border-radius:12px}
 .erp-desktop{grid-template-columns:58px minmax(0,1fr)}.erp-rail{padding:6px 3px;gap:2px}.erp-group summary{padding:6px 0;gap:2px}.erp-group summary>span.rail-label{font-size:10px}.rail-icon .nav-symbol{width:20px;height:20px}
 .erp-brand{font-size:9px;padding-bottom:7px;margin-bottom:4px}.erp-flyout{left:54px;width:min(230px,calc(100vw - 80px))}.erp-tabs{padding:5px 5px 0;min-height:42px}.erp-open-tab>button{padding:9px 7px}.erp-rail-settings{font-size:9px}
}

.erp-tab-more{position:sticky;right:0;flex-shrink:0;z-index:4;margin-left:auto;box-shadow:-5px 0 8px #eef2f7}