:root{
  color-scheme:light;
  --ink:#1d1d1f;
  --muted:#6e6e73;
  --line:rgba(60,60,67,.14);
  --surface:rgba(255,255,255,.72);
  --bg:#edf3fb;
  --primary:#007aff;
  --primary2:#006ee6;
  --ok:#28a745;
  --warn:#e18100;
  --bad:#e0352b;
  --glass:rgba(255,255,255,.58);
  --glass-strong:rgba(255,255,255,.78);
  --glass-line:rgba(255,255,255,.72);
  --shadow:0 18px 55px rgba(45,64,94,.12),inset 0 1px 0 rgba(255,255,255,.72);
}

[hidden]{display:none!important}
*{scrollbar-color:rgba(86,99,119,.38) transparent}
body{background:radial-gradient(circle at 9% 8%,rgba(115,181,255,.42) 0,transparent 28%),radial-gradient(circle at 88% 15%,rgba(194,151,255,.3) 0,transparent 30%),radial-gradient(circle at 68% 92%,rgba(110,221,191,.28) 0,transparent 30%),linear-gradient(135deg,#edf5ff 0%,#f8f4ff 48%,#edf8f4 100%);background-attachment:fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","PingFang SC","Microsoft YaHei UI",system-ui,sans-serif;letter-spacing:-.008em}
button{border-radius:12px;font-weight:600;box-shadow:none}
button:hover{transform:none;filter:brightness(.985)}
.primary,.mini-action:not(.secondary){background:linear-gradient(180deg,#1687ff,#0072ed);color:#fff;box-shadow:0 5px 14px rgba(0,122,255,.22),inset 0 1px 0 rgba(255,255,255,.24)}
.primary:hover,.mini-action:not(.secondary):hover{background:linear-gradient(180deg,#0c7ef4,#0069dc)}
.secondary,.ghost-dark{border:1px solid rgba(255,255,255,.68);background:rgba(255,255,255,.52);color:#34343a;box-shadow:0 3px 10px rgba(54,72,102,.08),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:saturate(170%) blur(18px)}
input,select,textarea{color:#1d1d1f;accent-color:#007aff}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(0,122,255,.68)!important;box-shadow:0 0 0 3px rgba(0,122,255,.14),inset 0 1px 2px rgba(0,0,0,.03)}

.topbar,body.workspace-mode .topbar{height:94px;padding:13px 26px;border-bottom:1px solid rgba(255,255,255,.68);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.53));color:#1d1d1f;box-shadow:0 10px 30px rgba(55,73,104,.08);backdrop-filter:saturate(190%) blur(28px)}
.brand-block{display:flex;align-items:center;gap:20px;min-width:0}
.brand-copy{min-width:0}
.topbar-logo{display:block;width:130px;height:auto;object-fit:contain;opacity:.88}
.topbar h1,body.workspace-mode .topbar h1{margin:3px 0 1px;color:#1d1d1f;font-size:20px;letter-spacing:-.035em}
.topbar p,body.workspace-mode .topbar p{color:#77777d;font-size:10px}
.eyebrow{color:#85858b;font-size:8px;letter-spacing:.16em}
.workspace-context{min-height:23px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.54);color:#3a3a3c;font-size:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(14px)}
.current-user{border-color:rgba(60,60,67,.12)}
.current-user span{color:#77777d}
.top-actions .ghost{border:1px solid rgba(255,255,255,.68);background:rgba(255,255,255,.5);color:#34343a;box-shadow:inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(18px)}
.top-actions .primary{background:linear-gradient(180deg,#1687ff,#0072ed);color:#fff}

body.workspace-mode main{height:calc(100vh - 94px);padding:12px;gap:12px}
.panel{border:1px solid var(--glass-line);border-radius:22px;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:saturate(175%) blur(28px)}
body.workspace-mode .tabs{border-color:rgba(255,255,255,.7);background:rgba(244,247,253,.48);backdrop-filter:saturate(175%) blur(24px)}
body.workspace-mode .nav-section{color:#888890;font-size:9px;letter-spacing:.09em}
body.workspace-mode .tab{color:#56565c;font-weight:550}
body.workspace-mode .tab:hover{background:rgba(255,255,255,.48);color:#1d1d1f}
body.workspace-mode .tab.active{border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.76);color:#006ee6;box-shadow:0 8px 18px rgba(60,79,112,.11),inset 0 1px 0 #fff}
body.workspace-mode .tab.active:after{content:'•';top:7px;color:#007aff;font-size:15px}
body.workspace-mode .nav-safety{border:1px solid rgba(255,255,255,.58);background:rgba(255,255,255,.38);color:#5e5e64}
body.workspace-mode .tab-page{background:rgba(255,255,255,.6)}

.section-head span,.result-head span,.ops-card-head>div>span{color:#77777d;letter-spacing:.08em}
.section-head h2,.result-head h2{color:#1d1d1f;letter-spacing:-.025em}
.ops-card,.picker,.inline-card,.detail,.result-table-wrap{border:1px solid rgba(255,255,255,.74);border-radius:16px;background:rgba(255,255,255,.62);box-shadow:0 8px 22px rgba(55,74,105,.07),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:saturate(160%) blur(20px)}
.ops-card-head,.picker-head{border-color:rgba(60,60,67,.09);background:rgba(255,255,255,.38)}
.ops-card-head h3{color:#1d1d1f;letter-spacing:-.015em}
.summary,.dashboard-stat,.stat,.inventory-risk-stat,.decision-brief-stat,.data-readiness-stat,.inventory-health-stat,.risk-task-stat{border-color:rgba(255,255,255,.66);border-radius:14px;background:rgba(255,255,255,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
.dashboard-stat b,.stat b,.inventory-risk-stat b,.decision-brief-stat b{color:#1d1d1f}
th{background:rgba(239,244,251,.72);color:#66666c;font-weight:600;backdrop-filter:blur(14px)}
td{border-color:rgba(60,60,67,.08)}
tbody tr:hover,tbody tr.active{background:rgba(222,237,255,.44)}
.choice:hover{background:rgba(230,240,255,.52)}
.choice.selected{border-color:rgba(0,122,255,.24);background:rgba(0,122,255,.1);color:#0058bd}
.badge,.ordering-decision,.purchase-reconciliation,.inventory-policy-tag,.decision-priority{border-radius:999px}
.warning,.workflow-tip,.inventory-policy-notice,.decision-brief-notice,.data-readiness-notice,.order-readiness,.risk-task-notice,.ai-inventory-notice{border-width:0;border-radius:14px}
.modal-backdrop{background:rgba(38,45,57,.28);backdrop-filter:blur(16px)}
.modal-card{border:1px solid rgba(255,255,255,.82);border-radius:24px;background:rgba(250,252,255,.82);box-shadow:0 38px 110px rgba(45,57,82,.25),inset 0 1px 0 #fff;backdrop-filter:saturate(180%) blur(32px)}
.modal-head,.modal-actions{border-color:rgba(60,60,67,.1)}
.modal-actions{background:rgba(241,245,251,.62)}
.operations-view-switch,.integration-view-switch,.finance-view-switch{border-color:rgba(255,255,255,.68);background:rgba(235,241,249,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(18px)}
.operations-view-switch button.active,.integration-view-switch button.active,.finance-view-switch button.active{border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.78);color:#006ee6;box-shadow:0 6px 16px rgba(54,75,109,.1),inset 0 1px 0 #fff}
.operations-view-switch button.active span,.integration-view-switch button.active span,.finance-view-switch button.active span{color:#74747b}
.finance-process-note{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:0 2px;color:#6e6e73;font-size:11px}.finance-process-note b{color:#1d1d1f;font-size:11px}.finance-process-guide article,.finance-process-guide article.active{border-color:#e5e5e7;background:#f5f5f7;color:#515154;box-shadow:none;cursor:default}.finance-process-guide article>span,.finance-process-guide article.active>span{border-color:#d2d2d7;background:#fff;color:#6e6e73}.finance-process-guide article:hover{transform:none}.finance-process-guide b{color:#1d1d1f}.finance-process-guide small{color:#6e6e73;opacity:1}
#operationsTab .operations-view-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.supplychain-view-switch{grid-template-columns:repeat(5,minmax(0,1fr))}
.finance-daily-grid .finance-issues-card:only-child{grid-column:1/-1}
.platform-overview-card{border-color:rgba(255,255,255,.74);background:rgba(255,255,255,.58);box-shadow:0 8px 22px rgba(55,74,105,.07)}
.platform-overview-status{background:rgba(239,244,251,.66)}
body.workspace-mode .dashboard-hero{border:1px solid rgba(255,255,255,.76);background:rgba(255,255,255,.58);color:#1d1d1f;box-shadow:0 12px 30px rgba(55,74,105,.09),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:saturate(165%) blur(22px)}
body.workspace-mode .dashboard-hero span{color:#74747b}
body.workspace-mode .dashboard-hero p{color:#6e6e73}
body.workspace-mode .dashboard-hero .primary{background:rgba(45,45,48,.92);color:#fff;box-shadow:0 5px 14px rgba(45,45,48,.15)}
body.workspace-mode .dashboard-hero .secondary{border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.52);color:#34343a;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)}
.dashboard-priority-panel{border-color:rgba(255,255,255,.74);background:rgba(255,255,255,.5);box-shadow:0 9px 24px rgba(55,74,105,.07),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:saturate(160%) blur(20px)}
.dashboard-priority-card{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.78)}
.dashboard-priority-card.critical{border-color:rgba(255,59,48,.18);background:rgba(255,235,232,.62)}
.dashboard-priority-card.warning{border-color:rgba(255,149,0,.2);background:rgba(255,246,224,.66)}

.finance-data-hero{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;padding:24px 26px;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:rgba(255,255,255,.6);box-shadow:0 10px 28px rgba(55,74,105,.08),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:saturate(165%) blur(22px)}
.finance-data-hero span{color:#77777d;font-size:10px;font-weight:650;letter-spacing:.13em}
.finance-data-hero h2{margin:5px 0 7px;color:#1d1d1f;font-size:25px;letter-spacing:-.035em}
.finance-data-hero p{max-width:760px;margin:0;color:#6e6e73;font-size:12px;line-height:1.65}
.finance-area-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:6px;border:1px solid rgba(255,255,255,.74);border-radius:17px;background:rgba(235,241,249,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(18px)}
.finance-area-switch button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 15px;border:1px solid transparent;border-radius:12px;background:transparent;color:#5d5d63;text-align:left}
.finance-area-switch button b{font-size:13px;font-weight:650}
.finance-area-switch button span{color:#85858b;font-size:10px;font-weight:500}
.finance-area-switch button.active{border-color:rgba(255,255,255,.88);background:rgba(39,39,42,.94);color:#fff;box-shadow:0 7px 18px rgba(39,39,42,.16),inset 0 1px 0 rgba(255,255,255,.16)}
.finance-area-switch button.active span{color:rgba(255,255,255,.68)}
.finance-area-panel{display:block;animation:finance-area-enter .18s ease-out}
.finance-area-panel[hidden]{display:none!important}
.finance-price-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.finance-price-rule-grid article{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:15px 16px;border:1px solid rgba(210,210,215,.78);border-radius:15px;background:rgba(255,255,255,.62);box-shadow:0 6px 20px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.88)}
.finance-price-rule-grid article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#1d1d1f;color:#fff;font-size:10px;font-weight:700}
.finance-price-rule-grid article div{display:grid;gap:4px}.finance-price-rule-grid b{color:#1d1d1f;font-size:12px}.finance-price-rule-grid small{color:#77777d;font-size:10px;line-height:1.55}
.finance-bom-price-form{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:16px}
.finance-bom-price-form .finance-direct-cost-note{grid-column:span 2}
.finance-price-decision{display:flex;align-items:center;min-height:38px;box-sizing:border-box;padding:8px 11px;border:1px solid rgba(174,174,178,.48);border-radius:10px;background:rgba(245,245,247,.82);color:#6e6e73;font-size:10px;font-weight:650;line-height:1.4}
.finance-price-decision.selected{border-color:rgba(48,209,88,.24);background:rgba(236,253,243,.76);color:#18794e}
.finance-price-decision.fallback{border-color:rgba(255,159,10,.28);background:rgba(255,250,235,.84);color:#9a5b00}
.finance-bom-price-table{max-height:540px}.finance-bom-price-table table{min-width:1260px}.finance-bom-price-table td{vertical-align:top}
.finance-bom-price-area>.dashboard-stats{margin:14px 0}.finance-daily-grid-single{grid-template-columns:1fr}
.finance-bom-import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.finance-bom-import-actions>span{color:var(--muted);font-size:13px}.finance-bom-import .finance-control-list{margin-top:14px}
.supply-bom-workspace{grid-column:1/-1;min-width:0;animation:finance-area-enter .18s ease-out}.supply-bom-title{margin-bottom:14px}.supply-bom-rule-grid{margin-bottom:14px}.supply-bom-filter-card{margin-bottom:14px}.supply-bom-filter-card .supply-bom-toolbar{display:flex;align-items:end;gap:10px;margin:0;flex-wrap:wrap}.supply-bom-filter-card .supply-bom-toolbar>div{min-width:190px}.supply-bom-filter-card .supply-bom-toolbar label{min-width:150px;flex:1 1 160px}.supply-bom-filter-card .supply-bom-toolbar input{width:100%;box-sizing:border-box}.supply-bom-workspace>.dashboard-stats{margin:14px 0}.supply-bom-display-switch{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:0 2px}.supply-bom-display-switch button{border:1px solid rgba(174,174,178,.48);background:rgba(245,245,247,.82);color:#6e6e73;border-radius:10px;padding:8px 13px;font-weight:650;box-shadow:none}.supply-bom-display-switch button.active{border-color:#1d1d1f;background:#1d1d1f;color:#fff}.supply-bom-display-switch small{margin-left:auto;color:#86868b}.supply-bom-table{margin-top:8px;max-height:640px}.supply-bom-table table{min-width:1760px}.supply-bom-table th{white-space:nowrap}.supply-bom-table td{vertical-align:top}.supply-bom-check{width:42px;text-align:center}.supply-bom-check input{width:17px;height:17px}.supply-bom-product{min-width:230px}.supply-bom-product b,.supply-bom-product small,.supply-bom-table td>small{display:block}.supply-bom-cell-input,.supply-bom-table select{width:100%;min-width:130px;height:34px;box-sizing:border-box;padding:6px 9px;border:1px solid rgba(174,174,178,.55);border-radius:9px;background:rgba(255,255,255,.9);color:var(--text);font:inherit}.supply-bom-cell-input:focus,.supply-bom-table select:focus{outline:none;border-color:#6e6e73;box-shadow:0 0 0 3px rgba(0,0,0,.06)}.supply-bom-cell-stack{display:grid;gap:6px;min-width:155px}.supply-bom-price-cell{display:grid;grid-template-columns:minmax(110px,1fr) 66px;gap:6px;min-width:190px}.supply-bom-price-cell input:last-child{min-width:0}.supply-bom-finance-cost{display:grid;gap:2px;min-height:24px;padding:5px 7px;border-radius:8px;background:rgba(245,245,247,.9);color:#6e6e73;font-size:10px}.supply-bom-finance-cost b{color:#1d1d1f;font-size:11px}.supply-bom-table .supply-bom-save-row{position:sticky;right:8px;white-space:nowrap}
.finance-cost-disclosure{margin:0 0 12px;border:1px solid rgba(210,210,215,.88);border-radius:15px;background:rgba(255,255,255,.66);box-shadow:0 5px 18px rgba(15,23,42,.045);overflow:hidden}
.finance-cost-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;cursor:pointer;list-style:none;user-select:none;transition:background .16s ease}
.finance-cost-disclosure>summary::-webkit-details-marker{display:none}
.finance-cost-disclosure>summary:hover{background:rgba(245,245,247,.82)}
.finance-cost-disclosure>summary span{display:grid;gap:4px}
.finance-cost-disclosure>summary b{color:#1d1d1f;font-size:14px;font-weight:650}
.finance-cost-disclosure>summary small{color:#86868b;font-size:11px;font-weight:500}
.finance-cost-disclosure>summary em{flex:0 0 auto;color:#6e6e73;font-size:11px;font-style:normal;font-weight:600}
.finance-cost-disclosure>summary em:after{content:'点击展开'}
.finance-cost-disclosure[open]>summary{border-bottom:1px solid rgba(210,210,215,.72);background:rgba(248,248,250,.78)}
.finance-cost-disclosure[open]>summary em:after{content:'收起'}
.finance-cost-disclosure>.ops-card{margin:12px;border-radius:12px;box-shadow:none}
.finance-close-card{margin-top:14px;border-color:rgba(29,29,31,.14)!important;background:rgba(255,255,255,.76)!important}
.finance-close-actions{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;align-items:end;padding:14px 16px;border-top:1px solid rgba(210,210,215,.7)}
.finance-close-actions label{display:grid;gap:6px;color:#6e6e73;font-size:11px;font-weight:600}
.finance-close-actions input{width:100%;box-sizing:border-box;border:1px solid rgba(174,174,178,.72);border-radius:10px;padding:9px 11px;background:rgba(255,255,255,.9)}
.finance-close-footnote{margin:0;padding:0 16px 15px;color:#86868b;font-size:10px;line-height:1.55}
.finance-ledger-legacy{display:none!important}.finance-consolidated-workspace{display:grid;gap:14px}.finance-consolidated-toolbar{display:flex;justify-content:flex-end;align-items:end;gap:10px;padding:14px 16px;border:1px solid rgba(210,210,215,.72);border-radius:14px;background:rgba(255,255,255,.72)}.finance-consolidated-toolbar label{display:grid;gap:5px;margin-right:auto;color:#6e6e73;font-size:11px;font-weight:600}.finance-consolidated-toolbar input{border:1px solid rgba(174,174,178,.72);border-radius:10px;padding:9px 11px;background:#fff}.finance-consolidated-workspace>.preview-status{margin:0}.finance-consolidated-workspace>.finance-control-list{padding:0}.finance-consolidated-workspace>.finance-control-list:empty{display:none}
.finance-overseas-control{margin-bottom:14px}
.finance-overseas-control p{margin:10px 0 0;color:#6e6e73;font-size:11px;line-height:1.6}
@keyframes finance-area-enter{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}

.login-shell{position:relative;top:24px;width:min(1160px,calc(100% - 48px));min-height:calc(100vh - 48px);margin:0 auto;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:30px;background:rgba(255,255,255,.44);box-shadow:0 34px 100px rgba(51,70,105,.2),inset 0 1px 0 rgba(255,255,255,.85);backdrop-filter:saturate(185%) blur(34px)}
.login-brand{position:relative;margin:0;padding:clamp(52px,7vw,86px);border-radius:0;background:radial-gradient(circle at 18% 18%,rgba(91,169,255,.36) 0,transparent 34%),radial-gradient(circle at 80% 15%,rgba(188,150,255,.28) 0,transparent 38%),linear-gradient(145deg,rgba(238,247,255,.72),rgba(241,238,255,.58) 52%,rgba(230,250,244,.58));color:#1d1d1f}
.brand-logo{display:block;width:min(205px,62%);height:auto;margin-bottom:clamp(50px,7vh,78px);filter:none;opacity:.9}
.login-brand>div>span{color:#74747b;font-size:10px;letter-spacing:.18em}
.login-brand h1{max-width:590px;margin:12px 0 18px;color:#1d1d1f;font-size:clamp(36px,4vw,52px);font-weight:650;line-height:1.12;letter-spacing:-.045em}
.login-brand p{max-width:550px;margin:0;color:#5f5f66;font-size:15px;line-height:1.8}
.brand-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.brand-points b{padding:8px 11px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.38);color:#45454b;font-size:11px;font-weight:550;box-shadow:inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(14px)}
.security-note{max-width:550px;margin-top:52px;padding:15px 17px;border:1px solid rgba(255,255,255,.7);border-radius:15px;background:rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(16px)}
.security-note span{color:#65656b}
.login-card{padding:8vh clamp(40px,6vw,82px);border-left:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.68);backdrop-filter:saturate(175%) blur(30px)}
.login-card form{gap:16px;max-width:400px}
.login-card form>span{color:#77777d;font-size:10px;letter-spacing:.16em}
.login-card h2{margin:-3px 0 0;color:#1d1d1f;font-size:31px;line-height:1.2;letter-spacing:-.035em}
.login-card p{color:#6e6e73}
.login-card label{color:#45454b;font-size:12px;font-weight:600}
.login-card input{border:1px solid rgba(60,60,67,.14);border-radius:13px;padding:13px 14px;background:rgba(255,255,255,.56);box-shadow:inset 0 1px 2px rgba(44,54,72,.04)}
.login-card input:focus{border-color:rgba(0,122,255,.66);box-shadow:0 0 0 3px rgba(0,122,255,.14);background:rgba(255,255,255,.88)}
.login-card button{border-radius:13px;background:linear-gradient(180deg,#1687ff,#0072ed);color:#fff;box-shadow:0 6px 16px rgba(0,122,255,.22),inset 0 1px 0 rgba(255,255,255,.25)}
.login-card button:hover{background:linear-gradient(180deg,#0c7ef4,#0069dc)}
.login-card .text-button{background:transparent;color:#6e6e73;box-shadow:none}
.loading-panel i{border-color:rgba(60,60,67,.18);border-top-color:#007aff}

@media(max-width:1180px){.topbar,body.workspace-mode .topbar{height:auto;min-height:94px}.topbar-logo{width:116px}body.workspace-mode main{height:auto;min-height:calc(100vh - 94px)}}
@media(max-width:1100px){.finance-bom-price-form{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-price-rule-grid{grid-template-columns:1fr}}
.supply-bom-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:4px 0 10px;color:var(--muted)}
.supply-bom-pager button{padding:7px 12px}
.supply-bom-table{margin-top:8px;max-height:680px}
.supply-bom-table th{position:sticky;top:0;z-index:4}
.supply-bom-group td{padding:0;background:#f5f5f7;border-top:1px solid #d2d2d7;border-bottom:1px solid #d2d2d7}
.supply-bom-group label{display:grid;grid-template-columns:24px auto auto minmax(260px,1fr) auto;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}
.supply-bom-group label>input{width:18px;height:18px}
.supply-bom-group label>small{color:var(--muted);text-align:right}
.supply-bom-group-type{display:inline-flex;padding:3px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;color:var(--muted)}
.supply-bom-group:has(input:checked) td{background:rgba(235,241,249,.88)}
.supply-bom-component td:first-child{background:#fafafa}
.supply-bom-component .supply-bom-product{padding-left:18px}
.supply-bom-component-empty td{padding:18px;color:var(--muted);text-align:center}
@media(max-width:1100px){.supplychain-view-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.supply-bom-filter-card .supply-bom-toolbar>div{width:100%;margin-right:0}.supply-bom-display-switch{flex-wrap:wrap}.supply-bom-display-switch small{width:100%;margin-left:0}.supply-bom-group label{grid-template-columns:24px auto auto 1fr}.supply-bom-group label>small{grid-column:2/-1;text-align:left}}
@media(max-width:900px){.login-shell{top:0;width:100%;min-height:100vh;margin:0;grid-template-columns:1fr;border:0;border-radius:0}.login-brand{min-height:330px;padding:52px 28px 42px}.brand-logo{width:160px;margin-bottom:34px}.security-note{margin-top:28px}.login-card{min-height:500px;padding:48px 28px;border-left:0;border-top:1px solid rgba(255,255,255,.72)}.topbar{padding:14px 18px}.topbar-logo{display:none}.brand-block{gap:0}.finance-area-switch{grid-template-columns:1fr}.finance-data-hero{padding:20px}.finance-area-switch button{padding:11px 13px}.finance-close-actions{grid-template-columns:1fr}.finance-consolidated-toolbar{align-items:stretch;flex-direction:column}.finance-consolidated-toolbar label{margin-right:0}}
@media(max-width:700px){.finance-bom-price-form{grid-template-columns:1fr}.finance-bom-price-form .finance-direct-cost-note{grid-column:auto}}
@media(max-width:700px){.supply-bom-filter-card .supply-bom-toolbar{align-items:stretch;flex-direction:column}.supply-bom-filter-card .supply-bom-toolbar label{width:100%;flex:none}.supply-bom-filter-card .supply-bom-toolbar button{width:100%}}

/* Product identity is always name-first; codes remain visible as exact ERP identifiers. */
.product-identity{display:grid;gap:2px;min-width:150px;line-height:1.35}
.product-identity-name{color:#1d1d1f;font-size:12px;font-weight:650;white-space:normal}
.product-identity-code{color:#86868b;font:500 10px/1.35 "SFMono-Regular",Consolas,monospace;letter-spacing:.01em;white-space:nowrap}
.product-identity-meta{color:#86868b;font-size:10px}
.inventory-watch-chip{grid-template-columns:minmax(110px,auto) auto 20px}
.inventory-watch-chip b{max-width:210px;overflow:hidden;color:#1d1d1f;font-family:inherit;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.inventory-watch-chip small{color:#86868b;font:500 9px "SFMono-Regular",Consolas,monospace}