/* styles.css */
:root{color-scheme:dark;--bg:#021322;--surface:#041e32;--line:#07517a;--text:#eef5ff;--muted:#8db4d7;--gold:#ffc36b;--blue:#6cc5ff;--green:#00dcb0;--red:#ff626b;--sidebar:196px;--header:56px;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-size:13px;line-height:1.45;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(244,247,251,.97)),radial-gradient(circle at 15% 0,#ffffff 0,#f4f7fb 38%,#edf3f8 70%,#e7eef6 100%);background-attachment:fixed;font-variant-numeric:tabular-nums}button,input,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #72bfff;outline-offset:3px}button{transition:background .15s,color .15s,border-color .15s}::selection{background:#d7ebff;color:#12324d}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#e6eef6}::-webkit-scrollbar-thumb{background:#245474;border-radius:5px}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;color:#b3d6f4}.icon-button:hover{background:#124061}.gold{color:var(--gold)}.blue{color:var(--blue)}.green,.positive{color:var(--green)}.red,.negative{color:var(--red)}.dot{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:50%;flex-shrink:0}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);z-index:30;background:linear-gradient(100deg,#031727,#00111f);border-right:1px solid #09334e;display:flex;flex-direction:column;padding:0 13px 15px}.brand{display:flex;align-items:center;color:#ffc46e;font-size:25px;font-weight:750;letter-spacing:1px;height:56px;flex-shrink:0;gap:7px}.brand:before{content:"";width:4px;height:23px;background:#ffc46e;border-radius:1px}.sidebar nav{display:grid;gap:3px;padding-top:3px}.nav-item{height:40px;width:100%;display:flex;align-items:center;gap:14px;padding:0 11px;border:1px solid transparent;border-radius:7px;text-align:left;font-size:14px;color:#c0d9ee;white-space:nowrap}.nav-item>.icon{width:17px;height:17px}.nav-item.active{border-color:#896b35;background:linear-gradient(100deg,#1e292d,#071c2c);box-shadow:inset 4px 0 #ffc570;color:#fac06b}.nav-item.active>.icon{width:15px;height:15px}.nav-item:hover{background:#0b2d46}.nav-count{margin-left:auto;min-width:19px;height:21px;line-height:21px;text-align:center;font-size:12px;font-weight:500;background:#084677;color:#b5dfff;border-radius:4px}.nav-count.warning{background:#8d3e29;color:#fff}.nav-caption{font-size:12px;color:#8ebbe2;margin:20px 9px 7px;letter-spacing:1px}.sidebar-footer{font-size:10px;color:#729ac0;white-space:nowrap;margin-top:auto;padding:15px 7px 0}.topbar{position:fixed;left:var(--sidebar);right:0;top:0;height:var(--header);z-index:25;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid #0b4167;background:linear-gradient(105deg,#03192a,#07335b 57%,#031a2c)}.workspace-title{font-size:22px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.workspace-caption{font-size:12px;letter-spacing:1px;margin-left:18px;color:#a4c9e7;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.connection-status{display:flex;align-items:center;gap:7px;font-size:11px;line-height:28px;padding:0 10px;border-radius:18px;border:1px solid #006960;background:#00322f99;color:#04d8b6;white-space:nowrap}.connection-status .dot{width:8px;height:8px;box-shadow:0 0 5px #05dab846}.last-sync{font-size:11px;color:#8eb9dc;white-space:nowrap}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#1263a5,#084378);font-size:20px;color:#8ed1ff}.mobile-menu{display:none}.main-content{margin-left:var(--sidebar);padding:56px 23px 2px 24px}.page-heading{height:74px;display:flex;justify-content:space-between;align-items:center;gap:18px}.heading-copy{min-width:0}.heading-copy h1{font-size:26px;line-height:34px;font-weight:700;letter-spacing:1px}.heading-copy p{font-size:12px;color:#94bcdc;line-height:19px;letter-spacing:.4px;white-space:nowrap}.page-filters{display:flex;align-items:center;gap:9px;flex-shrink:0}.page-filters select,.page-filters input,.filter-control{height:40px;border:1px solid #07527b;border-radius:8px;background:linear-gradient(#052640,#031e33);color:#cee1f1;padding:0 12px;font-size:12px;outline-offset:3px}.page-filters select{padding-right:8px}.page-filters input{width:122px;padding:0 10px}.page-filters select:first-of-type{width:141px}.page-filters select:last-of-type{width:111px}#sync-button{height:40px;border-radius:8px;background:linear-gradient(#ffd087,#e6a64f);color:#112a3f;padding:0 15px;font-size:13px;font-weight:650;display:flex;align-items:center;gap:7px;white-space:nowrap;box-shadow:inset 0 1px #ffe5b2}#sync-button:hover{background:#ffd28a}#sync-button .icon{width:16px;height:16px}.metrics-grid{display:grid;grid-template-columns:1fr 1.04fr .96fr 1.01fr 1.05fr;gap:10px}.metric-card{height:114px;border:1px solid #07527c;border-radius:9px;min-width:0;position:relative;overflow:hidden;padding:11px 15px;background:radial-gradient(ellipse at 86% 0,#0a3b5c80,transparent 70%),linear-gradient(115deg,#05253b,#011c30);box-shadow:inset 0 1px 0 #2a5e7b22;text-align:left}.metric-top{display:flex;align-items:center;gap:13px;color:#b8d5ee;font-size:13px;line-height:34px;white-space:nowrap}.metric-icon{width:35px;height:35px;border-radius:8px;display:inline-grid;place-items:center;background:linear-gradient(140deg,#0b4a76,#083757);color:#65baff;flex-shrink:0;box-shadow:inset 0 1px 1px #4e93c222}.metric-icon .icon{width:22px;height:22px}.metric-value{font-size:35px;line-height:39px;font-weight:700;letter-spacing:1px;white-space:nowrap;margin-top:1px}.metric-value small{font-size:19px;font-weight:650;margin-left:9px}.metric-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#96bddd;font-size:11px;line-height:18px;white-space:nowrap}.trend{font-weight:650;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.trend .icon{width:12px;height:12px;fill:currentColor;stroke:none}.trend .down{transform:rotate(180deg)}.api-label{display:inline-flex;align-items:center;gap:6px;color:var(--green);white-space:nowrap}.api-label i{display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor;flex-shrink:0}.metric-bottom .negative{font-size:11px}.operating-grid{display:grid;grid-template-columns:1.87fr 1fr 1.45fr;gap:10px;margin-top:11px}.panel{border:1px solid #07527d;border-radius:10px;min-width:0;background:radial-gradient(ellipse at 80% -10%,#073555aa,transparent 70%),linear-gradient(115deg,#03243b,#011c30);box-shadow:inset 0 1px 0 #2e5c7b19}.operating-grid>.panel{height:272px;padding:11px;position:relative}.panel-heading{display:flex;align-items:center;gap:10px;min-height:24px;white-space:nowrap;min-width:0}.panel-heading h2{font-size:16px;line-height:24px;font-weight:650;display:flex;align-items:center;gap:10px;white-space:nowrap}.panel-heading h2>.icon{width:20px;height:20px}.api-badge{display:inline-block;font-size:10px;padding:2px 7px;color:#39e2c5;border:1px solid #006d61;border-radius:4px;background:#003c37a0;line-height:15px;white-space:nowrap}.more-button{margin-left:auto;color:#6ac7ff;display:flex;align-items:center;gap:5px;font-size:11px;padding:0;white-space:nowrap}.more-button:hover{color:#d5f1ff}.more-button .icon{width:13px;height:13px}.panel-subtitle{font-size:11px;line-height:18px;color:#95bddc;margin-top:2px;white-space:nowrap}.deadline-table{border-collapse:collapse;width:100%;table-layout:fixed;margin-top:7px;text-align:left;font-size:11px;white-space:nowrap}.deadline-table th{font-size:10px;font-weight:400;color:#8fbbdc;height:29px;background:#103c5caa;padding:0 10px}.deadline-table th:first-child{border-radius:6px 0 0 6px;width:31%}.deadline-table th:nth-child(2){width:19%}.deadline-table th:nth-child(3){width:20%}.deadline-table th:nth-child(4){width:17%}.deadline-table th:last-child{width:13%;border-radius:0 6px 6px 0}.deadline-table td{height:48px;padding:4px 10px;border-bottom:1px solid #104366}.deadline-table th:last-child,.deadline-table td:last-child{text-align:center;padding-left:0;padding-right:0}.deadline-order{display:flex;flex-direction:column;gap:1px;overflow:hidden}.deadline-order strong{font-weight:500;font-size:12px;line-height:17px}.deadline-order small{font-size:10px;line-height:16px;color:#99bedc;overflow:hidden;text-overflow:ellipsis}.countdown{display:flex;flex-direction:column;gap:1px}.countdown strong{font-size:12px;font-weight:650;line-height:17px}.countdown small{font-size:10px;line-height:15px;color:#8cb5d7}.status-tag{display:inline-block;font-size:11px;padding:5px 9px;border-radius:5px;border:1px solid #117cb2;color:#8dd3ff;background:#003d64a0;white-space:nowrap}.status-tag.warning{color:#ffc25f;border-color:#ad591d;background:#69361c66}.status-tag.success{color:#19ddba;border-color:#008e78;background:#004c4288}.status-tag.info{color:#88d6ff;border-color:#0872a8;background:#003b6180}.action-button{border:1px solid #0585cd;background:linear-gradient(#074775,#00355c);border-radius:6px;padding:6px 9px;color:#a4ddff;min-width:68px;font-size:11px;line-height:17px;white-space:nowrap}.action-button:hover{background:#0c6094}.warning-note{position:absolute;left:11px;right:11px;bottom:4px;height:28px;border:1px solid #bf8637;border-radius:6px;background:#312e1d55;color:#efb75f;display:flex;align-items:center;gap:6px;padding:0 11px;font-size:10px;white-space:nowrap;overflow:hidden}.warning-note>.icon{width:17px;height:17px;flex-shrink:0}.fulfillment-panel .panel-heading{gap:8px}.fulfillment-panel .panel-heading h2{gap:8px}.tiny-select{font-size:11px;padding:3px 7px;border-radius:5px;border:1px solid #124e74;background:#03243b;color:#9cc8eb;max-width:76px;margin-left:auto}.fulfillment-content{display:flex;align-items:center;gap:8px;margin-top:16px;height:161px}.donut-wrap{position:relative;width:151px;height:161px;flex:0 0 151px;display:flex;align-items:center;justify-content:center}.donut-chart{width:163px;height:163px;overflow:visible}.donut-center{position:absolute;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:23px}.donut-center strong{font-size:28px;line-height:31px;font-weight:700;letter-spacing:1px}.donut-center span{font-size:12px;color:#a0c2df}.chart-legend{flex:1;display:grid;gap:10px;min-width:0;padding:0 6px 0 1px}.chart-legend button{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;line-height:17px;padding:0;border-radius:3px;white-space:nowrap}.chart-legend button:hover{background:#0c3756}.legend-label{display:flex;align-items:center;gap:7px;color:#a6c8e4}.legend-label i{width:10px;height:10px;display:inline-block;border-radius:50%;flex-shrink:0}.chart-legend strong{font-size:12px;font-weight:650}.panel-note{font-size:10px;line-height:17px;color:#8bb3d3;margin-top:8px;white-space:nowrap}.alerts-panel .panel-heading{margin:0 3px 7px}.alerts-panel .panel-heading h2{gap:9px}.alerts-panel .api-badge{margin-left:7px}.alert-list{display:grid;gap:6px}.alert-row{height:49px;border:1px solid #104e73;border-radius:9px;display:flex;align-items:center;gap:20px;padding:5px 10px;background:linear-gradient(105deg,#0b324c,#052740);text-align:left;width:100%}.alert-row:hover{background:#0a3d5e;border-color:#2b7eaa}.alert-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,#154a6c,#103651);color:#d8efff;box-shadow:inset 0 1px 1px #6a9bbb20}.alert-icon>.icon{width:23px;height:23px}.alert-copy{display:grid;min-width:0;line-height:18px}.alert-copy strong{font-weight:600;font-size:12px;white-space:nowrap}.alert-copy small{font-size:10px;color:#9dc0df;white-space:nowrap}.alert-row>b{margin-left:auto;color:#ffc16a;font-size:23px;line-height:29px;font-weight:650}.alert-row>.icon:last-child{width:13px;height:13px;color:#c2def3;margin-left:-6px}.lower-grid{display:grid;grid-template-columns:1.42fr 1fr 1.69fr;gap:10px;margin-top:10px}.lower-grid>.panel{height:205px;padding:11px 12px 8px}.lower-grid .panel-heading{gap:12px}.lower-grid .panel-heading h2{gap:9px}.trend-summary{margin-left:auto;color:var(--green);font-size:11px;white-space:nowrap}.trend-panel .panel-subtitle{margin-top:3px}.trend-chart{display:block;width:100%;height:139px;margin-top:4px;overflow:visible}.trend-chart text{font-family:inherit;font-size:10px;fill:#a6c6e3}.trend-chart .chart-grid{stroke:#155173;stroke-width:1;stroke-dasharray:2 2}.trend-chart .chart-line{fill:none;stroke:#3b96ff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.trend-chart .chart-dot{fill:#2c91ff;stroke:#b2e2ff;stroke-width:1.4}.trend-chart .chart-value{font-size:12px;fill:#b8dbf9}.sync-panel .panel-heading{gap:9px}.sync-panel .panel-heading h2{gap:7px}.sync-panel .api-badge{font-size:9px;padding:2px 6px}.sync-panel .more-button{font-size:10px;color:#70a4ca}.sync-table{width:100%;border-collapse:collapse;margin-top:8px;table-layout:fixed;font-size:11px;text-align:left}.sync-table th{height:27px;padding:0 8px;color:#80afd3;font-size:10px;font-weight:400;border-bottom:1px solid #155277}.sync-table td{height:28px;padding:0 8px;border-bottom:1px solid #114767}.sync-table th:first-child{width:41%}.sync-table th:nth-child(2){width:31%}.sync-table th:last-child,.sync-table td:last-child{text-align:right;color:#9cc4e6}.sync-table .dot{width:9px;height:9px;margin-right:7px;box-shadow:0 0 0 3px #00dcb017,0 0 7px #00dcb066;vertical-align:middle}.sync-table td:nth-child(2){color:var(--green)}.finance-panel{padding:8px 8px 4px!important}.finance-panel .panel-heading{padding:0 7px 4px;gap:12px}.finance-panel .tiny-select{padding-top:3px;padding-bottom:3px;max-width:70px}.finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 8px}.finance-card{height:78px;min-width:0;position:relative;display:flex;align-items:flex-start;gap:14px;padding:8px 9px 5px;border:1px solid #0c456a;border-radius:8px;text-align:left;background:linear-gradient(110deg,#052b45,#022239);overflow:hidden}.finance-card:hover{background:#0a3b5b;border-color:#377fa7}.finance-icon{width:39px;height:40px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:linear-gradient(130deg,#084c81,#07345b);color:#48a3ff}.finance-icon>.icon{width:25px;height:25px;stroke-width:1.8}.finance-copy{min-width:0;flex:1}.finance-copy>label,.finance-copy>.finance-label{font-size:11px;color:#aacde8;line-height:17px;white-space:nowrap;display:block}.finance-copy>.amount,.finance-copy>strong{display:block;font-size:19px;font-weight:650;line-height:24px;letter-spacing:.3px;white-space:nowrap}.finance-foot{font-size:9px;color:#7faed2;line-height:16px;display:flex;gap:10px;justify-content:space-between;align-items:center;white-space:nowrap}.finance-foot .trend{font-size:11px;gap:3px}.finance-card .finance-icon.gold{color:#ffc565;background:#55503c}.finance-card .finance-icon.red{color:#ff797d;background:linear-gradient(135deg,#623841,#492b37)}.finance-card .finance-icon.green{color:#25dfad;background:linear-gradient(135deg,#075e4b,#03483e)}.finance-card .finance-icon.blue{color:#4d9fff;background:linear-gradient(135deg,#0a4c87,#08376d)}.finance-card .finance-icon.amber{color:#ffc76d;background:#474b3c}.finance-card:nth-child(2),.finance-card:nth-child(4){border-left-color:#ba794b}.finance-card:first-child{border-left-color:#d5b16c}.orders-panel{height:188px;padding:7px 11px 0;margin-top:9px;overflow:hidden}.orders-panel .panel-heading{height:23px;gap:13px}.orders-panel .panel-heading h2{gap:9px;font-size:16px}.orders-panel .panel-heading h2>.icon{width:17px;height:17px}.orders-panel .api-badge{font-size:9px;line-height:14px;padding:1px 6px}.orders-panel .more-button{font-size:9px;color:#85bfe6;gap:8px;padding-right:5px}.orders-panel .panel-subtitle{font-size:10px;line-height:18px;margin-top:0}.table-scroll{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:10px;line-height:15px;text-align:left;white-space:nowrap;margin-top:2px}.orders-table th{height:24px;color:#95b9d7;font-size:10px;font-weight:400;background:#103e5cbb;padding:2px 12px}.orders-table th:first-child{border-radius:6px 0 0 6px}.orders-table th:last-child{border-radius:0 6px 6px 0}.orders-table td{height:22px;border-bottom:1px solid #104263;padding:1px 12px;color:#d8e8f6;overflow:hidden;text-overflow:ellipsis}.orders-table tr:last-child td{border-bottom:0}.orders-table tbody tr:hover{background:#0b3b5c77}.orders-table th:nth-child(1){width:7.7%}.orders-table th:nth-child(2){width:9.3%}.orders-table th:nth-child(3){width:10.8%}.orders-table th:nth-child(4){width:42.6%}.orders-table th:nth-child(5){width:6.6%}.orders-table th:nth-child(6){width:7.6%}.orders-table th:nth-child(7){width:7.8%}.orders-table th:nth-child(8){width:7.6%}.product-cell{display:flex;align-items:center;gap:11px;min-width:0}.product-cell img{width:21px;height:18px;object-fit:contain;background:#fff;border-radius:3px;flex-shrink:0}.product-cell>span{overflow:hidden;text-overflow:ellipsis}.orders-table .status-tag{font-size:9px;line-height:14px;padding:0 7px;border-radius:4px;border:0}.orders-table .action-button{height:18px;min-width:89px;width:100%;max-width:92px;font-size:10px;line-height:14px;padding:0 10px;border-radius:5px}.status-tag.pending,.status-tag.preparing{color:#77cbff;background:#074775}.status-tag.shipped,.status-tag.ready{color:#22dfb5;background:#006052}.status-tag.packing{color:#ffce6a;background:#785422}.status-tag.canceled{color:#c0cee0;background:#33475c}.empty-state{padding:22px!important;color:#95bad8!important;text-align:center}.sidebar-scrim{position:fixed;inset:0;background:#0009;z-index:29}
.drawer-overlay{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:#0009;backdrop-filter:blur(3px)}.detail-drawer{width:min(760px,100%);height:100dvh;display:flex;flex-direction:column;border-left:1px solid #2b668c;background:linear-gradient(135deg,#082d48,#021b2e);box-shadow:-15px 0 50px #0005;animation:drawer-in .2s ease-out}.drawer-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 26px;border-bottom:1px solid #1c4c6e}.drawer-header p{font-size:11px;color:#83b3d6;margin-bottom:4px}.drawer-header h2{font-size:24px}.drawer-header .icon-button{background:#103e5d}.drawer-body{padding:24px 26px;overflow-y:auto;flex:1;min-height:0}.drawer-footer{padding:14px 26px;border-top:1px solid #174562;display:flex;align-items:center;gap:8px;font-size:11px;color:#8fb7d5}.drawer-footer .dot{background:#3d9eff;width:7px;height:7px}.drawer-open{overflow:hidden}.demo-note,.detail-note{font-size:12px;padding:12px 14px;border-radius:6px;border:1px solid #1f577b;background:#0c3652;color:#9bc4e4;line-height:1.8;margin-bottom:20px}.detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.detail-stat{border:1px solid #205273;background:#0a304a;border-radius:8px;padding:16px}.detail-stat span,.detail-stat label{display:block;font-size:12px;color:#94bad9;margin-bottom:5px}.detail-stat strong{font-size:24px;color:#ffc36b;font-weight:650}.detail-table-wrap{overflow:auto;margin:15px 0 22px}.detail-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.detail-table th{background:#103c59;color:#9fc6e3;padding:10px 12px;font-weight:500}.detail-table td{padding:12px;border-bottom:1px solid #1d4b6b}.detail-table tbody tr[data-order],.detail-table tbody tr[data-store]{cursor:pointer}.detail-table tr:hover{background:#0d3753}.detail-section-title,.drawer-body h3{font-size:16px;margin:20px 0 11px}.drawer-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.drawer-toolbar input{flex:1;min-width:150px}.drawer-toolbar select{max-width:160px}input,select{color:var(--text);border:1px solid #275b80;background:#07263d;border-radius:6px;padding:9px 11px;min-width:0}input::placeholder{color:#79a1c1}.primary-button{padding:9px 15px;border:1px solid #2f96d3;background:#08679f;color:#d9efff;border-radius:6px;font-size:12px;display:inline-flex;align-items:center;gap:7px}.primary-button:hover{background:#0983bd}.secondary-button{padding:9px 12px;border:1px solid #2b6387;background:#113c59;color:#b7d9f0;border-radius:6px;font-size:12px;display:inline-flex;align-items:center;gap:7px}.secondary-button:hover{background:#1b5275}.primary-button .icon,.secondary-button .icon{width:16px;height:16px}.detail-list{margin:0 0 23px}.detail-list>div,.detail-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #1a4866}.detail-list dt{color:#8eb4d3}.detail-list dd{margin:0;text-align:right}.form-error{color:#ff8388;font-size:12px;margin-bottom:8px}.settings-form>label{display:grid;gap:7px;font-size:12px;color:#9ac1df;margin-bottom:18px}.settings-form label.switch-label{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid #1e4d6c}.settings-form input[type=checkbox]{width:17px;height:17px;accent-color:#2c9de5}.form-help{font-size:11px;color:#87adca;margin-top:12px}.toast{position:fixed;bottom:26px;left:calc(50% + 60px);transform:translateX(-50%);background:#0d3a56;border:1px solid #3980ab;color:#ddf1ff;box-shadow:0 8px 30px #0005;z-index:80;border-radius:7px;padding:12px 21px;max-width:calc(100vw - 30px);width:max-content;font-size:12px}.muted{color:var(--muted)}@keyframes drawer-in{from{transform:translateX(25px);opacity:.6}to{transform:translateX(0);opacity:1}}@media(min-width:1800px){.main-content{max-width:1740px;margin-right:auto}.operating-grid>.panel{height:292px}.fulfillment-content{margin-top:23px}.lower-grid>.panel{height:220px}.trend-chart{height:151px}.finance-card{height:85px}.orders-panel{height:204px}.orders-table td{height:25px}}
@media(max-width:1500px){:root{--sidebar:184px}.main-content{padding-left:18px;padding-right:18px}.topbar{padding-left:20px;padding-right:20px}.workspace-title{font-size:21px}.workspace-caption{font-size:11px;margin-left:14px}.topbar-actions{gap:13px}.metric-card{padding-left:12px;padding-right:12px}.metric-top{font-size:12px;gap:10px}.metric-value{font-size:32px}.metric-bottom{font-size:10px;gap:3px}.metric-bottom .negative{font-size:10px}.api-label{gap:4px}.metric-top .metric-icon{width:32px;height:34px}.metric-bottom .trend{font-size:10px}.heading-copy h1{font-size:25px}.heading-copy p{font-size:11px;letter-spacing:0}.page-filters{gap:7px}.page-filters select:first-of-type{width:125px}.page-filters input{width:117px}.page-filters select:last-of-type{width:104px}.page-filters select,.page-filters input{font-size:11px;padding-left:8px}.panel-heading{gap:7px}.panel-heading h2{font-size:14px;gap:7px}.api-badge{font-size:9px;padding:2px 5px}.more-button{font-size:10px}.fulfillment-panel .panel-heading{flex-wrap:wrap;row-gap:3px}.fulfillment-panel .tiny-select{margin-left:auto}.donut-wrap{width:132px;flex-basis:132px}.donut-chart{width:145px;height:145px}.fulfillment-content{gap:3px;margin-top:12px}.chart-legend{padding-right:0}.chart-legend button{font-size:10px}.chart-legend strong{font-size:11px}.panel-note{font-size:9px}.alert-row{gap:13px}.alert-copy strong{font-size:11px}.alert-copy small{font-size:9px}.deadline-table th,.deadline-table td{padding-left:6px;padding-right:6px}.deadline-table{font-size:10px}.deadline-order strong{font-size:11px}.deadline-order small{font-size:9px}.action-button{min-width:55px;padding-left:5px;padding-right:5px;font-size:10px}.status-tag{font-size:10px;padding-left:7px;padding-right:7px}.warning-note{font-size:9px;padding-left:6px;gap:4px}.finance-card{padding-left:7px;gap:9px}.finance-icon{width:33px;height:37px}.finance-copy>.amount,.finance-copy>strong{font-size:17px}.finance-copy>label,.finance-copy>.finance-label{font-size:10px}.finance-foot{font-size:8px;gap:5px}.finance-foot .trend{font-size:10px}.lower-grid .panel-heading{gap:7px}.sync-panel .api-badge{font-size:8px;padding:2px 4px}.sync-panel .more-button{font-size:9px}.sync-table td,.sync-table th{padding-left:5px;padding-right:5px}.orders-table{font-size:9px}.orders-table th,.orders-table td{padding-left:8px;padding-right:8px}}
@media(max-width:1250px){:root{--sidebar:172px}.brand{font-size:23px}.nav-item{font-size:13px;gap:10px;padding-left:9px;padding-right:9px}.sidebar{padding-left:11px;padding-right:11px}.sidebar-footer{font-size:9px;padding-left:0}.workspace-caption{display:none}.page-heading{height:auto;min-height:100px;align-items:flex-start;flex-direction:column;justify-content:center;gap:9px}.page-filters{align-self:flex-end}.page-filters select,.page-filters input,#sync-button{height:34px}.heading-copy h1{font-size:25px;line-height:31px}.heading-copy p{font-size:11px}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.metric-card{padding:10px;height:127px}.metric-top{gap:7px;font-size:11px;line-height:28px}.metric-top .metric-icon{width:27px;height:29px}.metric-top .metric-icon .icon{width:19px;height:19px}.metric-value{font-size:29px;margin-top:6px;line-height:36px}.metric-value small{font-size:16px;margin-left:5px}.metric-bottom{flex-wrap:wrap;line-height:16px;row-gap:1px}.operating-grid{grid-template-columns:1.65fr 1fr;gap:10px}.operating-grid>.panel{height:272px}.alerts-panel{grid-column:1/-1;height:auto!important}.alerts-panel .alert-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.alert-row{height:53px}.alert-copy strong{font-size:12px}.alert-copy small{font-size:10px}.fulfillment-panel .panel-heading{flex-wrap:nowrap}.donut-wrap{width:151px;flex-basis:151px}.donut-chart{width:163px;height:163px}.chart-legend button{font-size:11px}.panel-note{font-size:10px}.lower-grid{grid-template-columns:1.42fr 1fr}.finance-panel{grid-column:1/-1;height:auto!important}.finance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.finance-card{height:81px;gap:13px;padding-left:10px}.finance-icon{width:39px;height:40px}.finance-copy>label,.finance-copy>.finance-label{font-size:11px}.finance-copy>.amount,.finance-copy>strong{font-size:20px}.finance-foot{font-size:10px;justify-content:flex-start;gap:18px}.finance-foot .trend{font-size:12px}.orders-panel{height:auto;min-height:188px}.orders-table{min-width:1000px}.panel-heading h2{font-size:15px}.orders-panel .more-button{font-size:8px}.deadline-table{font-size:11px}.deadline-order strong{font-size:11px}.deadline-order small{font-size:10px}.warning-note{font-size:9px}.sync-panel .api-badge{font-size:9px}.sync-panel .more-button{font-size:10px}}
@media(max-width:950px){.topbar-actions .last-sync{display:none}.connection-status{font-size:10px;gap:5px;padding-left:8px;padding-right:8px}.topbar-actions{gap:10px}.workspace-title{font-size:20px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-card{height:114px}.metric-top{font-size:12px;line-height:30px}.metric-value{font-size:31px;margin-top:2px;line-height:36px}.metric-bottom{font-size:10px;line-height:17px}.metric-card:nth-child(4),.metric-card:nth-child(5){grid-column:auto}.operating-grid{grid-template-columns:1fr}.operating-grid>.panel{height:272px}.alerts-panel{grid-column:auto}.fulfillment-content{justify-content:center;gap:25px;max-width:370px;margin:16px auto 0}.chart-legend{max-width:145px}.fulfillment-panel .panel-note{text-align:center}.fulfillment-panel .panel-heading{gap:10px}.fulfillment-panel .panel-heading h2{font-size:16px}.alerts-panel .alert-list{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-row{gap:9px}.alert-icon{width:31px;height:33px}.alert-row>b{font-size:20px}.alert-copy small{font-size:9px}.lower-grid{grid-template-columns:1fr}.lower-grid>.panel{height:220px}.trend-chart{height:151px}.sync-table td{height:31px}.sync-panel .api-badge{font-size:10px}.sync-panel .more-button{font-size:11px}.finance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.finance-card{gap:8px;padding-left:7px}.finance-copy>.amount,.finance-copy>strong{font-size:17px}.finance-icon{width:32px;height:36px}.finance-foot{gap:5px;font-size:9px}.finance-foot .trend{font-size:10px}.orders-panel .more-button{display:none}.orders-panel{padding-bottom:3px}.page-filters{width:100%;justify-content:flex-end;gap:6px}.page-filters select:first-of-type{width:122px}.page-filters select:last-of-type{width:101px}.page-filters input{width:116px}#sync-button{padding-left:10px;padding-right:10px;font-size:11px}}
@media(max-width:650px){:root{--sidebar:196px}.sidebar{transform:translateX(-100%);transition:transform .2s ease-out}.sidebar.open{transform:translateX(0)}.topbar{left:0;padding:0 12px;gap:9px}.mobile-menu{display:grid;width:27px;height:34px;margin-left:-2px}.workspace-title{font-size:18px;letter-spacing:0}.topbar-actions{gap:9px}.connection-status{font-size:9px;line-height:25px;padding:0 7px;gap:4px}.connection-status .dot{width:6px;height:6px}.avatar{width:29px;height:29px;font-size:17px}.main-content{margin-left:0;padding:56px 11px 12px}.page-heading{min-height:139px;gap:10px}.heading-copy h1{font-size:25px;line-height:33px;letter-spacing:.5px}.heading-copy p{font-size:10px;white-space:normal;line-height:17px;max-width:360px}.page-filters{display:grid;grid-template-columns:1.1fr 1fr;gap:7px;align-self:auto}.page-filters select,.page-filters input,#sync-button{height:33px;width:100%!important;font-size:11px}.page-filters select{padding-left:9px}.page-filters input{padding-left:9px}.page-filters select:last-of-type{width:100%}#sync-button{justify-content:center}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{height:117px;padding:10px 11px}.metric-card:last-child{grid-column:1/-1;height:105px}.metric-top{font-size:12px;gap:9px;line-height:30px}.metric-top .metric-icon{width:30px;height:30px}.metric-value{font-size:31px;line-height:36px;margin-top:2px}.metric-value small{font-size:16px}.metric-bottom{font-size:9px;line-height:16px;gap:2px}.metric-bottom .trend{font-size:10px}.metric-bottom .negative{font-size:9px}.metric-card:last-child .metric-value{margin-top:0;font-size:29px;line-height:32px}.metric-card:last-child .metric-bottom{flex-wrap:nowrap}.operating-grid{margin-top:10px;gap:10px}.operating-grid>.panel{height:272px;padding:10px 9px}.panel-heading{gap:6px;flex-wrap:wrap;row-gap:3px}.panel-heading h2{font-size:15px;gap:7px}.panel-heading h2>.icon{width:18px;height:18px}.api-badge{font-size:9px;padding:1px 5px;line-height:15px}.panel-subtitle{font-size:10px;white-space:normal;line-height:16px}.more-button{font-size:9px}.deadline-panel .panel-heading{gap:6px;flex-wrap:nowrap}.deadline-panel .panel-heading h2{font-size:14px;gap:5px}.deadline-panel .more-button{font-size:8px;gap:2px}.deadline-panel .more-button .icon{width:10px}.deadline-panel .api-badge{font-size:8px;padding:1px 4px}.deadline-table{font-size:9px;margin-top:9px}.deadline-table th,.deadline-table td{padding-left:3px;padding-right:3px}.deadline-table th{font-size:8px;height:29px}.deadline-table th:first-child{width:31%}.deadline-table th:nth-child(2){width:18%}.deadline-table th:nth-child(3){width:19%}.deadline-table th:nth-child(4){width:16%}.deadline-table th:last-child{width:16%}.deadline-order strong{font-size:9px;line-height:16px}.deadline-order small{font-size:8px;line-height:14px}.countdown strong{font-size:10px;line-height:17px}.countdown small{font-size:8px;line-height:14px}.status-tag{padding:4px 4px;font-size:8px}.deadline-table .action-button{min-width:46px;font-size:9px;padding:5px 3px}.warning-note{left:9px;right:9px;padding:3px 6px;font-size:8px;height:31px;white-space:normal;line-height:12px;bottom:5px;gap:4px}.warning-note .icon{width:14px;height:14px}.fulfillment-panel .panel-heading{flex-wrap:nowrap;gap:7px}.fulfillment-panel .panel-heading h2{font-size:15px}.tiny-select{font-size:10px;padding:3px 4px;max-width:60px}.fulfillment-content{gap:18px;margin-top:15px;height:162px}.donut-wrap{width:155px;flex-basis:155px}.donut-chart{width:164px;height:164px}.chart-legend{padding-right:8px;gap:12px}.chart-legend button{font-size:11px}.donut-center strong{font-size:27px}.panel-note{font-size:9px!important;margin-top:8px}.alerts-panel .panel-heading{flex-wrap:nowrap;margin-bottom:8px}.alerts-panel .alert-list{grid-template-columns:1fr;gap:6px}.alerts-panel{padding-bottom:10px!important}.alert-row{height:49px;gap:16px}.alert-icon{width:35px;height:35px}.alert-copy strong{font-size:12px}.alert-copy small{font-size:10px}.alert-row>b{font-size:23px}.lower-grid{gap:10px;margin-top:10px}.lower-grid>.panel{padding:10px}.trend-panel .panel-heading{flex-wrap:nowrap;gap:7px}.trend-panel .panel-heading h2{font-size:14px;gap:6px}.trend-panel .api-badge{font-size:8px;padding:1px 4px}.trend-summary{font-size:10px}.trend-chart{height:150px;margin-top:5px}.sync-panel .panel-heading{flex-wrap:nowrap;gap:8px}.sync-panel .panel-heading h2{font-size:15px}.sync-panel .api-badge{font-size:8px;padding:2px 4px}.sync-panel .more-button{font-size:9px}.sync-table{font-size:12px}.sync-table th{font-size:11px}.finance-panel .panel-heading{padding-left:3px;padding-right:3px;gap:7px;flex-wrap:nowrap}.finance-panel .panel-heading h2{font-size:15px}.finance-panel .api-badge{font-size:9px}.finance-panel .finance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.finance-card{height:82px;padding:8px 7px 5px;gap:9px}.finance-icon{width:32px;height:36px}.finance-icon>.icon{width:22px;height:22px}.finance-copy>label,.finance-copy>.finance-label{font-size:10px}.finance-copy>.amount,.finance-copy>strong{font-size:18px;line-height:26px}.finance-foot{font-size:8px;gap:4px;justify-content:space-between}.finance-foot .trend{font-size:10px}.orders-panel{margin-top:10px;height:auto;min-height:190px;padding:8px 9px 4px}.orders-panel .panel-heading{flex-wrap:nowrap;gap:8px}.orders-panel .panel-heading h2{font-size:15px}.orders-panel .api-badge{font-size:8px}.orders-panel .panel-subtitle{font-size:9px;line-height:17px}.orders-table{font-size:10px}.orders-table td{height:24px}.drawer-header{padding:19px 16px}.drawer-body{padding:20px 16px}.drawer-header h2{font-size:22px}.drawer-footer{padding:12px 16px;font-size:10px}.toast{left:50%;font-size:11px;padding:10px 14px}.detail-stats{gap:9px}.detail-stat{padding:13px}.detail-stat strong{font-size:21px}.detail-table{font-size:11px}.detail-table td,.detail-table th{padding:10px}.drawer-toolbar input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}/* Shared markup and control details. */
.metric-value{display:block}.metric-card:hover{border-color:#1980b3}.metric-top .hourglass-glyph,.alert-icon .hourglass-glyph{font-size:23px;line-height:1}.api-label.danger{color:#ff626b}.api-label.danger i{width:5px;height:auto;background:none;font-style:normal}.api-label.danger i:before{content:"!"}.countdown strong{color:var(--green)}.countdown.warning strong{color:var(--gold)}.more-button>.icon{transform:rotate(90deg);width:11px;height:11px;fill:currentColor;stroke:none}.filter-control{display:flex;align-items:center;gap:7px;padding:0 10px;flex-shrink:0;width:111px}.page-filters>.filter-control:first-child{width:141px}.page-filters>.filter-control.date-control{width:122px}.filter-control>.icon{width:15px;height:15px;color:#9ac9ec}.page-filters .filter-control select,.page-filters .filter-control input{height:100%;width:100%;border:0;border-radius:0;background:none;padding:0;font-size:12px;outline-offset:4px}.page-filters .filter-control option{background:#06243b;color:#cee1f1}.page-filters .date-control{position:relative}.date-control input{position:absolute;inset:0;opacity:0;cursor:pointer}.date-control input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;opacity:0;cursor:pointer}.date-control:after{content:attr(data-date);font-size:12px;color:#cee1f1;white-space:nowrap;pointer-events:none}.finance-foot{position:absolute;bottom:5px;left:9px;right:9px}.finance-foot>b{font-size:11px}.finance-card:nth-child(2) .finance-icon{color:#ffc565;background:#55503c}.finance-card:nth-child(3) .finance-icon,.finance-card:nth-child(4) .finance-icon{color:#ff797d;background:linear-gradient(135deg,#623841,#492b37)}.finance-card:nth-child(5) .finance-icon{color:#25dfad;background:linear-gradient(135deg,#075e4b,#03483e)}.finance-card:nth-child(6) .finance-icon{color:#ffc76d;background:#474b3c}.finance-card:nth-child(6) .finance-foot>b{color:#ffcb71}.chart-grid-line{stroke:#155173;stroke-width:1;stroke-dasharray:2 2}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #00dcb017,0 0 7px #00dcb055;margin-right:7px;vertical-align:middle}.sync-state{color:var(--green);white-space:nowrap}.table-link{font-size:inherit;display:flex;align-items:center;padding:0}.table-link:hover{color:#72caff}.legend-dot{width:9px;height:9px;display:inline-block;border-radius:50%;margin-right:8px}.status-tag.muted{color:#b1c6db;background:#2c4357;border-color:#415d75}.drawer-notice{font-size:12px;padding:12px 14px;border-radius:6px;border:1px solid #1f577b;background:#0c3652;color:#9bc4e4;line-height:1.8;margin:0 0 20px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}.detail-item{padding:14px 16px;border:1px solid #1e4e6f;border-radius:7px;background:#092d46;overflow-wrap:anywhere}.detail-item>span{display:block;color:#91bad8;font-size:11px;margin-bottom:7px}.detail-item>strong{font-size:14px;font-weight:550}.drawer-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:21px}.drawer-table-wrap{overflow:auto;margin:16px 0 22px}.drawer-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.drawer-table th{background:#103c59;color:#9fc6e3;padding:10px 12px;font-weight:500}.drawer-table td{padding:12px;border-bottom:1px solid #1d4b6b}.drawer-table tr:hover{background:#0d3753}.drawer-table .status-tag{font-size:10px;padding:3px 7px}.drawer-table .action-button{min-width:50px;font-size:10px;padding:4px 8px}.drawer-stat{padding:18px;border:1px solid #205273;background:#0a304a;border-radius:8px;margin-bottom:15px}.drawer-stat>span{display:block;font-size:12px;color:#94bad9;margin-bottom:6px}.drawer-stat>strong{display:block;font-size:26px;color:var(--gold);font-weight:650}.drawer-stat>p{font-size:12px;line-height:1.8;color:#a0bed8;margin-top:10px}.field{display:grid;gap:6px;font-size:11px;color:#96bdd9;min-width:0}.drawer-toolbar .field{flex:1}.drawer-toolbar .field input{min-width:180px}.drawer-toolbar .secondary-button{align-self:flex-end}.timeline{display:grid;gap:15px}.timeline-item{padding:13px 16px;border:1px solid #1c4d6d;border-radius:6px;background:#0a2d46}.demo-badge{padding:2px 6px;background:#144764;color:#a8d6f6;border-radius:4px;font-size:10px}
@media(max-width:1500px){.page-filters>.filter-control:first-child{width:125px}.page-filters>.filter-control.date-control{width:117px}.filter-control{width:104px;padding:0 8px;gap:5px}.page-filters .filter-control select,.date-control:after{font-size:11px}.finance-foot>b{font-size:10px}}
@media(max-width:1250px){.filter-control{height:34px}.page-filters .filter-control select,.page-filters .filter-control input{height:100%}}
@media(max-width:950px){.page-filters>.filter-control:first-child{width:122px}.page-filters>.filter-control.date-control{width:116px}.filter-control{width:101px}}
@media(max-width:650px){.page-filters>.filter-control,.page-filters>.filter-control:first-child,.page-filters>.filter-control.date-control{width:100%;height:33px}.page-filters .filter-control select,.page-filters .filter-control input{height:100%}.finance-foot{left:7px;right:7px;bottom:6px}.finance-foot>b{font-size:10px}.detail-grid{gap:9px}.detail-item{padding:12px}.detail-item>strong{font-size:12px}.drawer-table{font-size:11px}.drawer-table th,.drawer-table td{padding:10px}.drawer-toolbar .field{flex-basis:100%}.drawer-toolbar .field input{min-width:0}.drawer-toolbar select{max-width:none}.drawer-table .empty-state{max-width:330px;white-space:normal}}/* Geometry and type measured from the replacement reference. */
@media(min-width:1501px){.main-content{padding-left:25px}.operating-grid{grid-template-columns:610fr 326fr 472fr}.lower-grid{grid-template-columns:486fr 344fr 578fr}.metric-bottom{font-size:12px}.metric-bottom .negative{font-size:12px}.deadline-table{font-size:12px}.deadline-order strong{font-size:12px}.deadline-order small{font-size:11px}.countdown small{font-size:11px}.deadline-table th{font-size:11px}.panel-subtitle{font-size:12px}.chart-legend button{font-size:12px}.chart-legend strong{font-size:13px}.alert-copy strong{font-size:13px}.alert-copy small{font-size:11px}.sync-table{font-size:12px}.sync-table th{font-size:11px}.finance-copy>.amount{font-size:20px}.finance-label{font-size:12px!important}.finance-foot{font-size:10px}.finance-foot>b{font-size:12px}.orders-table{font-size:11px}.orders-table th{font-size:11px}.orders-panel .panel-subtitle{font-size:11px}.orders-panel .more-button{font-size:10px}.donut-wrap{width:145px;flex-basis:145px}.donut-chart{width:160px;height:160px}.fulfillment-content{gap:12px}}
.finance-grid{margin-top:2px}.orders-panel{margin-top:8px;height:189px}.orders-panel .panel-subtitle{line-height:17px}.orders-table{margin-top:1px}.finance-card:nth-child(6) .finance-foot{gap:3px}.finance-card:nth-child(6) .finance-foot>span{font-size:9px}
@media(max-width:1250px){.orders-panel{height:auto}.orders-table{margin-top:2px}}
@media(max-width:650px){.orders-panel{margin-top:10px}.finance-card:nth-child(6) .finance-foot>span{font-size:8px}}@media(max-width:650px){.deadline-panel .table-scroll{overflow-x:auto;scrollbar-width:thin}.deadline-table{min-width:570px;font-size:12px}.deadline-table th{font-size:11px;padding-left:8px;padding-right:8px}.deadline-table td{padding-left:8px;padding-right:8px}.deadline-order strong{font-size:12px;line-height:17px}.deadline-order small{font-size:11px;line-height:16px}.countdown strong{font-size:12px;line-height:17px}.countdown small{font-size:11px;line-height:15px}.deadline-table .status-tag{font-size:11px;padding:4px 6px}.deadline-table .action-button{font-size:11px;min-width:67px;padding:5px 7px}}
/* NEXORA V10: isolate long Ozon tables inside their original dashboard cards.
   Intentionally no change to grid columns, card coordinates, site theme, or APIs. */
#dashboard .deadline-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#dashboard .deadline-panel > .panel-heading,
#dashboard .deadline-panel > .panel-subtitle {
  flex: 0 0 auto;
}
#dashboard .deadline-panel > .table-scroll {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  margin-top: 7px;
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
#dashboard .deadline-panel .deadline-table {
  margin-top: 0;
}
#dashboard .deadline-panel .deadline-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #103c5c;
}
#dashboard .deadline-panel > .warning-note {
  position: static;
  inset: auto;
  flex: 0 0 28px;
  width: 100%;
  min-height: 28px;
  margin-top: 6px;
}
/* Keep the latest order rows inside the existing compact order card. */
#dashboard .orders-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#dashboard .orders-panel > .panel-heading,
#dashboard .orders-panel > .panel-subtitle {
  flex: 0 0 auto;
}
#dashboard .orders-panel > .table-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
}
#dashboard .orders-panel .orders-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #103e5c;
}
/* A store list longer than the original preview should scroll within its card. */
#dashboard .sync-panel {
  overflow: auto;
  overscroll-behavior: contain;
}
#dashboard .alerts-panel {
  overflow: hidden;
}
/* V12 global dashboard date-range control; preserve the existing panel layout. */
.nx-range-control{display:flex;align-items:center;gap:5px;min-width:280px;max-width:340px}
.nx-range-control input[type=date]{min-width:0;width:128px;max-width:135px;font:inherit;color:inherit;background:transparent;border:0;outline-offset:2px}
.nx-range-control .nx-range-divider{font-size:12px;color:#89a9ca;white-space:nowrap}
.metric-card .metric-bottom span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:850px){.nx-range-control{max-width:100%;min-width:250px}}
/* Override the legacy single hidden date input (which used :after to draw one date). */
#dashboard .page-filters>.filter-control.nx-range-control{position:relative;width:302px!important;min-width:302px;max-width:302px;padding:0 9px;gap:5px}
#dashboard .nx-range-control:after{display:none!important;content:none!important}
#dashboard .nx-range-control input[type=date]{position:static!important;inset:auto!important;opacity:1!important;cursor:pointer;width:126px!important;min-width:0!important;height:35px!important;flex:1 1 0;padding:0!important;background:transparent!important;color:#cce4f8!important;font-size:11px!important}
#dashboard .nx-range-control input[type=date]::-webkit-calendar-picker-indicator{position:static!important;opacity:.8!important;width:14px!important;height:14px!important;filter:invert(.7)}
#dashboard .nx-range-control .nx-range-divider{display:block;flex:0 0 auto;font-size:11px;color:#86bad9}
#dashboard .page-heading{min-height:74px;height:auto;padding-block:11px;flex-wrap:wrap}
@media(max-width:650px){#dashboard .page-filters>.filter-control.nx-range-control{width:100%!important;min-width:0!important;max-width:none!important}#dashboard .nx-range-control input[type=date]{width:calc(50% - 20px)!important}}
@media(max-width:900px){#dashboard .page-filters{flex-wrap:wrap;justify-content:flex-end;gap:6px}#dashboard .page-heading{align-items:flex-start}}
@media(max-width:650px){#dashboard .page-filters{width:100%;justify-content:stretch}#dashboard .page-filters>.filter-control{flex:1 1 125px}}

/* V13: user-friendly global date range picker. Keeps existing dashboard geometry. */
#dashboard .nx-date-filter{flex:0 0 auto;width:290px;max-width:100%;height:40px}
#dashboard .nx-date-trigger{height:40px;width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;border:1px solid #20618a;border-radius:8px;background:linear-gradient(130deg,#092d49,#041c32);color:#e0f1ff;font:12px 'Segoe UI','Microsoft YaHei',sans-serif;white-space:nowrap;cursor:pointer;transition:border-color .16s,box-shadow .16s}
#dashboard .nx-date-trigger:hover,#dashboard .nx-date-trigger[aria-expanded=true]{border-color:#62b6ed;box-shadow:0 0 0 2px #2174a333}
#dashboard .nx-date-trigger .icon{width:17px;height:17px;flex-shrink:0;color:#71bff0}
#dashboard .nx-date-trigger span{display:flex;gap:7px;align-items:center;min-width:0;font-variant-numeric:tabular-nums;font-weight:600}
#dashboard .nx-date-trigger span i{font-style:normal;color:#a3c7df;font-weight:400}
#dashboard .nx-date-trigger b{color:#a3c7df;font-size:14px;font-weight:400}
#dashboard .nx-date-trigger:disabled{opacity:.5;cursor:not-allowed}
.nx-date-popover{display:flex;flex-direction:column;position:fixed;z-index:2200;width:588px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 18px);overflow:hidden;color:#e6f5ff;background:linear-gradient(155deg,#093251,#031c30);border:1px solid #3077a3;border-radius:12px;box-shadow:0 22px 58px #000a;padding:16px;font:12px 'Segoe UI','Microsoft YaHei',sans-serif;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#3077a3 #052139}
.nx-date-popover *{box-sizing:border-box}
.nx-date-popover button,.nx-date-popover select{font-family:inherit;cursor:pointer}
.nx-date-popover button:focus-visible,.nx-date-popover select:focus-visible,#dashboard .nx-date-trigger:focus-visible{outline:2px solid #83ceff;outline-offset:2px}
.nx-cal-header,.nx-cal-footer,.nx-cal-nav{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.nx-cal-header strong{display:block;font-size:16px;color:#f2f8ff;margin-bottom:4px}
.nx-cal-header small{display:block;color:#a4c9e3;font-size:11px}
.nx-cal-close{width:28px;height:28px;border-radius:6px;font-size:22px;color:#afcce3}
.nx-cal-close:hover,.nx-cal-nav button:hover{background:#1a5478}
.nx-cal-presets{flex-shrink:0;display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 12px}
.nx-cal-presets button{padding:6px 10px;border:1px solid #285c7b;border-radius:7px;background:#0a3955;color:#c9e5f9;font-size:11px;min-height:30px}
.nx-cal-presets button:hover{background:#105077;border-color:#67b7e3}
.nx-cal-nav{margin-bottom:3px;color:#a4c9e3;font-size:11px}
.nx-cal-nav button{font-size:24px;width:32px;height:30px;line-height:25px;border-radius:7px;color:#d7eaf7}
.nx-cal-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3077a3 #052139}
.nx-cal-month{min-width:0}.nx-cal-month h4{text-align:center;font-size:13px;color:#dbf0ff;font-weight:700;margin:9px 0 11px}
.nx-cal-week,.nx-cal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.nx-cal-week span{height:25px;color:#a4c9e3;font-size:11px}
.nx-cal-blank{height:31px}
.nx-cal-day{height:31px;min-width:0;border:0;border-radius:7px;color:#cee7fa;font-size:12px;background:transparent}
.nx-cal-day:hover{background:#15597d;color:#fff}
.nx-cal-day.is-range{background:#164b6f;border-radius:0;color:#d8f3ff}
.nx-cal-day.is-start,.nx-cal-day.is-end{background:linear-gradient(130deg,#facd80,#e3a54a);color:#061e30;font-weight:750}
.nx-cal-day.is-today:not(.is-start):not(.is-end){outline:1px solid #69b8e4;outline-offset:-2px}
.nx-cal-day:disabled{opacity:.3;cursor:not-allowed;background:transparent}
.nx-cal-footer{border-top:1px solid #2a5877;margin-top:15px;padding-top:12px}
.nx-cal-selection{display:flex;gap:15px;color:#a4c9e3;font-size:11px;flex-wrap:wrap}
.nx-cal-selection b{display:block;color:#e6f4ff;font-size:12px;margin-top:2px;font-variant-numeric:tabular-nums}
.nx-cal-footer-actions{display:flex;align-items:center;gap:12px}
.nx-cal-clear{color:#c9e5f9;font-size:12px;padding:8px 3px}
.nx-cal-clear:hover{color:#ffd18b}
.nx-cal-confirm{padding:10px 22px;min-height:38px;border:0;border-radius:8px;background:linear-gradient(120deg,#ffd18b,#f4b55e);color:#09253a;font-weight:700;white-space:nowrap}
.nx-cal-confirm:hover{background:#ffdd9b}.nx-cal-confirm:disabled{opacity:.45;cursor:not-allowed}
.nx-cal-time{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:9px;border-top:1px solid #2a5877;margin-top:14px;padding-top:12px;color:#c9e5f9}
.nx-cal-time>span{margin-right:4px;font-weight:600}.nx-cal-time>i{font-style:normal;color:#a4c9e3}
.nx-cal-time label{display:flex;gap:6px;align-items:center;color:#a4c9e3;font-size:11px}
.nx-cal-time select{background:#0a3955;color:#e6f5ff;border:1px solid #3077a3;border-radius:6px;padding:6px;min-height:34px;font-size:13px;font-variant-numeric:tabular-nums}
.nx-cal-time small{margin-left:auto;font-size:11px;color:#a4c9e3}
@media(max-width:1100px){#dashboard .nx-date-filter{width:275px}}
@media(max-width:650px){#dashboard .nx-date-filter{flex:1 1 100%;width:100%}.nx-date-popover{padding:12px}.nx-cal-months{gap:10px}.nx-cal-month h4{font-size:12px}.nx-cal-day{height:32px;font-size:11px}.nx-cal-selection{gap:8px}.nx-cal-confirm{padding:10px 15px}.nx-cal-footer-actions{gap:8px}}
@media(max-width:450px){.nx-cal-months{grid-template-columns:1fr}.nx-cal-day{height:38px;font-size:13px}.nx-cal-week span{height:25px}.nx-cal-blank{height:38px}.nx-cal-presets button{min-height:36px;padding:6px 9px}.nx-cal-close{width:36px;height:36px}.nx-cal-nav button{width:40px;height:36px}.nx-cal-footer{padding-bottom:4px}.nx-cal-selection b{font-size:11px}.nx-cal-time small{width:100%;margin-left:0}}

/* pages.css */
/* Shared shell for the two reference-led management pages. */
body.route-orders{--sidebar:156px;--header:56px}body.route-stores{--sidebar:166px;--header:54px}body.subpage{background:radial-gradient(ellipse at 49% -10%,#05243e,#001728 45%,#001321 87%);font-size:13px}body.subpage .topbar{left:0;padding:0 20px;background:linear-gradient(110deg,#001523,#05243e 44%,#001422);border-bottom:1px solid #16415e;height:var(--header)}.suite-brand{font-size:25px;letter-spacing:.8px;font-weight:800;color:#ffcb79;line-height:1;white-space:nowrap}.suite-brand-divider{height:24px;border-right:1px solid #26465a;margin:0 16px 0 19px}.suite-brand-caption{font-size:14px;color:#d0e3f9;white-space:nowrap}.suite-profile{display:flex;align-items:center;gap:26px;margin-left:auto}.suite-bell{position:relative;color:#bedbf2}.suite-bell i{width:9px;height:9px;position:absolute;right:2px;top:0;border-radius:50%;background:#ff4251}.suite-user{display:flex;gap:11px;align-items:center;padding:0;text-align:left}.suite-user>span:last-of-type{display:grid;line-height:17px}.suite-user strong{font-weight:550;font-size:12px}.suite-user small{font-size:12px;color:#9eb8d0}.suite-user>.icon{width:13px;height:13px;transform:rotate(90deg);margin-left:5px}.suite-order-profile{display:none}body.subpage .sidebar{top:var(--header);padding:10px 8px 14px;background:linear-gradient(110deg,#001423,#00192b);border-right:1px solid #12405d}body.subpage .sidebar nav{padding:0;gap:3px}body.subpage .nav-item{height:38px;padding:0 10px;gap:13px;font-size:14px;border-radius:7px}body.subpage .nav-item>.icon{width:19px;height:19px}body.subpage .nav-item.active{background:linear-gradient(105deg,#272c28,#0a2336);border-color:transparent;box-shadow:inset 3px 0 #ffce6e;color:#ffd47b}body.subpage .nav-count{height:21px;line-height:21px;font-size:11px;background:#0b3554;min-width:21px}body.route-stores .sidebar nav{gap:5px}body.route-stores .nav-item{height:40px}body.subpage .main-content{margin-left:var(--sidebar);padding:var(--header) 0 0;max-width:none;min-height:100dvh}.suite-sidebar-footer{margin-top:auto;border-top:1px solid #12374e;padding:13px 5px 0;display:flex;align-items:center;justify-content:space-between;gap:4px;color:#8cb5d4;font-size:11px;white-space:nowrap}.suite-sidebar-footer .icon-button{width:24px;height:24px}.suite-sidebar-footer .icon{width:17px;height:17px}.suite-loading{padding:30px;font-size:14px;color:#a4c8e4}body.subpage .sidebar-scrim{top:var(--header);z-index:29}body.subpage .drawer-overlay{z-index:100}body.subpage .toast{z-index:160}body.subpage .icon-definitions{position:absolute}body.route-stores .topbar{padding-left:24px;padding-right:24px}
@media(max-width:1150px){body.route-stores{--sidebar:156px}.suite-profile{gap:17px}}
@media(max-width:700px){body.subpage{--sidebar:166px}body.subpage .topbar{padding:0 12px;gap:9px}body.subpage .mobile-menu{display:grid;width:28px;height:32px;margin-left:-4px}body.subpage .suite-brand{font-size:21px;letter-spacing:.3px}.suite-brand-divider{height:19px;margin:0 1px 0 3px}.suite-brand-caption{font-size:11px;white-space:normal;line-height:16px;max-width:116px}.suite-profile{gap:4px}.suite-bell{display:none}.suite-user>.icon,.suite-user>span:last-of-type{display:none}.suite-user .avatar{width:28px;height:28px;font-size:17px}.suite-order-profile{display:none}body.subpage .sidebar{transform:translateX(-100%)}body.subpage .sidebar.open{transform:translateX(0)}body.subpage .main-content{margin-left:0}body.subpage .toast{left:50%;max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){body.subpage *,body.subpage *:before,body.subpage *:after{animation:none!important;transition:none!important}}

/* orders.css */
/* Order center: measured to the supplied 1536 x 1024 reference. */
body.route-orders{background:radial-gradient(ellipse at 67% 0,#042c48 0,#011b2b 39%,#001522 100%)}
.route-orders #dashboard{padding:0;min-width:0}.oc-layout{display:grid;grid-template-columns:minmax(0,1fr) 342px;min-height:calc(100dvh - 56px);font-size:12px;color:#edf5ff}.oc-main{padding:0 14px;min-width:0}.oc-heading{height:69px;display:flex;align-items:center;justify-content:space-between;gap:12px}.oc-heading-copy{display:flex;align-items:baseline;gap:18px;min-width:0}.oc-heading h1{font-size:28px;font-weight:700;white-space:nowrap;line-height:40px}.oc-heading p{font-size:13px;color:#aacbe5;white-space:nowrap}.oc-heading-controls{display:flex;gap:10px;align-items:center;flex-shrink:0}.oc-control,.oc-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid #13547a;border-radius:6px;background:linear-gradient(#031e31,#001522);color:#e4f2ff;font-size:12px;white-space:nowrap}.oc-button:hover,.oc-control:hover{border-color:#3799cd;background:#083652}.oc-button .icon,.oc-control .icon{width:16px;height:16px}.oc-heading-controls select{width:178px;padding:0 14px}.oc-heading-date{position:relative;font-size:12px;padding:0 12px}.oc-heading-date>.icon{color:#27a6ff}.oc-heading-date input{position:absolute;opacity:0;inset:0;width:100%;cursor:pointer}.oc-refresh{width:38px;padding:0}.oc-metrics{display:grid;grid-template-columns:1.3fr 1fr 1.02fr 1.1fr 1.17fr 1.16fr;gap:11px}.oc-metric{height:117px;padding:13px 12px 10px;border:1px solid #084362;border-radius:8px;background:radial-gradient(ellipse at 80% 0,#07345477,transparent 80%),linear-gradient(115deg,#042438,#001523);position:relative;overflow:hidden}.oc-metric:first-child{border-color:#0877ad}.oc-metric-top{display:flex;align-items:center;gap:14px;color:#aacde7;font-size:12px;line-height:35px}.oc-metric-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:linear-gradient(130deg,#075b9f,#05375c);color:#53b6ff}.oc-metric-icon .icon{width:24px;height:24px;stroke-width:1.7}.oc-metric-icon.gold{color:#ffca69;background:linear-gradient(130deg,#7a653e,#3d382b)}.oc-metric-icon.purple{color:#a14cfa;background:linear-gradient(130deg,#4e227c,#261543)}.oc-metric-icon.green{color:#00d5a2;background:linear-gradient(130deg,#065344,#02392f)}.oc-metric-icon.red{color:#ff5a63;background:linear-gradient(130deg,#732e3c,#3b1e2c)}.oc-metric-value{font-size:23px;line-height:34px;font-weight:700;display:block;padding-left:49px;white-space:nowrap}.oc-metric:first-child .oc-metric-value{padding-left:49px}.oc-metric-foot{display:flex;align-items:center;justify-content:center;gap:10px;color:#a6c9e3;font-size:11px;margin-top:5px;white-space:nowrap}.oc-trend{font-weight:650;font-size:14px;color:#00ecb7}.oc-trend.down{color:#ff5b62}.oc-trend.purple{color:#ad62fa}.oc-mini-bars{position:absolute;right:15px;bottom:18px;display:flex;align-items:flex-end;gap:3px;height:45px}.oc-mini-bars i{width:5px;height:var(--h);background:linear-gradient(#2da7ff,#072d51);border-radius:2px 2px 0 0}.oc-metric:first-child .oc-metric-foot{justify-content:flex-start}.oc-tabs{display:flex;gap:9px;height:57px;align-items:flex-end;padding:0 8px 0;margin-top:6px;overflow-x:auto}.oc-tab{height:40px;flex-shrink:0;padding:0 16px;border:1px solid #0c4b6e;border-radius:7px;background:linear-gradient(#021d30,#001421);font-size:12px;color:#d9ecfd;white-space:nowrap}.oc-tab:hover{border-color:#328bbd}.oc-tab.active{color:#80d5ff;border-color:#49acff;background:linear-gradient(#06355a,#022139);box-shadow:inset 0 0 8px #1685df66,0 0 9px #1788df66}.oc-filter-box{height:60px;border:1px solid #074565;border-radius:9px;background:linear-gradient(110deg,#042236,#021a2a);display:flex;align-items:center;gap:8px;padding:7px;margin-top:8px}.oc-search{position:relative;min-width:155px;flex:1}.oc-search input{width:100%;height:39px;padding:0 12px 0 36px;border:1px solid #125273;border-radius:7px;color:#e5f4ff;background:#001a2c;outline-offset:2px;font-size:11px}.oc-search>.icon{position:absolute;left:10px;top:12px;width:17px;height:17px;color:#b3d4ef}.oc-search input::placeholder{color:#84aaca}.oc-filter-box select{height:39px;width:105px;padding:0 10px;border:1px solid #125273;border-radius:7px;color:#eff7ff;background:#001a2c;font-size:12px}.oc-filter-box select[data-oc-filter=country]{width:113px}.oc-date-range{height:40px;border:1px solid #125273;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 10px;gap:9px;color:#94bddb;white-space:nowrap;position:relative;font-size:12px}.oc-date-range input{width:70px;min-width:0;border:0;background:transparent;color:#a4cae4;font-size:11px;padding:0;outline:none}.oc-date-range input::-webkit-calendar-picker-indicator{display:none}.oc-date-range .icon{width:16px;height:16px}.oc-filter-box .oc-button{height:40px;min-width:64px;padding:0 15px}.oc-button.gold{color:#092438;border-color:#f7cb83;background:linear-gradient(#ffd285,#f5b75e);font-weight:650}.oc-button.gold:hover{background:#ffd993}.oc-table-wrap{margin-top:13px;border:1px solid #0b4b6f;border-radius:9px;overflow:visible;background:#001c2e;position:relative}.oc-table-scroll{overflow-x:auto;border-radius:9px}.oc-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:12px;white-space:nowrap}.oc-table th{height:42px;background:linear-gradient(#03283e,#021d30);font-weight:450;color:#b8d9f4;border-bottom:1px solid #21506b;padding:0 10px}.oc-table th:first-child{width:39px;padding:0 14px}.oc-table th:nth-child(2){width:143px}.oc-table th:nth-child(3){width:198px}.oc-table th:nth-child(4){width:114px}.oc-table th:nth-child(5){width:76px}.oc-table th:nth-child(6){width:163px}.oc-table th:nth-child(7){width:128px}.oc-table th:nth-child(8){width:94px}.oc-table th:last-child{width:52px;text-align:center}.oc-table td{height:80px;padding:6px 8px;border-bottom:1px solid #09334a;vertical-align:middle}.oc-table td:first-child{padding:0 14px}.oc-table tbody tr:last-child td{border-bottom:0}.oc-table tbody tr:nth-child(even){background:#03243866}.oc-table tbody tr:hover{background:#07334a}.oc-table tbody tr.oc-selected{background:linear-gradient(100deg,#27303288,#0b2b4155);outline:1px solid #476173;outline-offset:-1px;box-shadow:inset 1px 0 #e6b765}.oc-table tr[data-oc-row]{cursor:pointer}.oc-check{appearance:none;width:15px;height:15px;border:1px solid #9ec6e4;border-radius:3px;background:#032238;vertical-align:middle;display:inline-grid;place-items:center;cursor:pointer;margin:0}.oc-check:checked{background:#156ca4;border-color:#5cbaff}.oc-check:checked:after{content:'✓';font-size:11px;color:#fff}.oc-selected .oc-check{border-color:#e1b563}.oc-order-id{font-size:12px;line-height:19px;color:#eef5ff;letter-spacing:.1px}.oc-order-date{color:#a6c8e2;font-size:11px;line-height:18px}.oc-store-line{display:flex;align-items:center;gap:9px;line-height:25px;font-size:10px;color:#d1e8fc;white-space:nowrap}.oc-store-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:4px;flex-shrink:0;background:linear-gradient(130deg,#102e47,#04182c);color:#fff;font-size:20px;font-weight:650;box-shadow:inset 0 0 0 1px #1b4261}.oc-store-icon .icon{width:19px;height:19px;stroke-width:2}.oc-store-icon.home{background:linear-gradient(130deg,#00bcf2,#0476d1)}.oc-store-icon.tech{background:linear-gradient(130deg,#6565ff,#3730b7)}.oc-store-icon.fashion{background:linear-gradient(130deg,#ff596e,#d41c3d)}.oc-store-icon.life{background:linear-gradient(130deg,#00d0a5,#00a886)}.oc-product{display:flex;align-items:center;gap:12px;white-space:normal}.oc-product img{width:64px;height:65px;object-fit:contain;background:#f6f6f5;border-radius:5px;flex-shrink:0}.oc-product-copy{min-width:0;font-size:11px;line-height:17px}.oc-product-copy strong{font-size:11px;line-height:16px;font-weight:450;display:block;color:#f3f7ff;margin-bottom:3px}.oc-product-copy span{display:block;color:#a8cbe9}.oc-buyer{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.oc-russia{width:20px;height:14px;background:linear-gradient(to bottom,#fff 0 33.333%,#073cf0 33.333% 66.666%,#ed1746 66.666%);display:inline-block;box-shadow:0 0 1px #72a5cb;flex-shrink:0}.oc-price{font-size:12px;display:block;line-height:23px}.oc-count{font-size:11px;display:block;text-align:center;color:#b6d3e9}.oc-procurement{font-size:11px;color:#a7c9e3;line-height:20px}.oc-link-chip{border:1px solid #0d4b72;border-radius:4px;background:#00192a;max-width:100%;height:22px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#b6e5ff;font-size:9px;white-space:nowrap;overflow:hidden}.oc-link-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-link-chip .icon{width:13px;height:13px;color:#65c7ff}.oc-procurement-cost{font-size:10px;margin-top:7px;display:flex;gap:7px}.oc-procurement-cost b{color:#ffc464;font-weight:650}.oc-add-link{width:100%;height:32px;padding:0 6px;font-size:10px;border:1px solid #154567;border-radius:5px;background:linear-gradient(#0b2f47,#052236);color:#d9efff;text-align:center}.oc-shipping{border:1px solid #103c58;border-radius:5px;background:linear-gradient(120deg,#113044aa,#061d2f);padding:6px 8px;min-height:61px;font-size:10px;line-height:20px;color:#dbeeff}.oc-shipping-number{display:flex;align-items:center;justify-content:space-between;gap:5px;white-space:nowrap;border-top:1px solid #31556b66}.oc-shipping-number button{padding:0}.oc-shipping-number .icon{height:14px;width:14px}.oc-add-shipping{height:28px;padding:0 5px;border:1px solid #155478;border-radius:5px;background:#052b45;color:#daefff;font-size:10px}.oc-status{font-size:11px;display:inline-flex;padding:5px 13px;min-width:62px;justify-content:center;border-radius:6px;white-space:nowrap;line-height:17px;background:linear-gradient(#06386d,#002a52);color:#54baff}.oc-status.shipped{color:#07d2a4;background:#004c3fa6}.oc-status.purchase{color:#ffbf4d;background:#55320b9c}.oc-status.cancelled{color:#ff7f8e;background:#482333}.oc-row-menu-button{padding:10px 7px;letter-spacing:2px;font-size:15px;color:#b4d9f3}.oc-pagination{height:32px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#abcce5;white-space:nowrap}.oc-pagination button,.oc-pagination select{height:25px;min-width:25px;border:1px solid #135478;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;background:#021a2c;color:#d8ecff;font-size:11px}.oc-pagination select{min-width:62px}.oc-pagination button.active{background:#075087;border-color:#208cd2}.oc-pagination .icon{height:13px;width:13px}.oc-detail{border:1px solid #0b4f75;border-radius:12px 12px 0 0;padding:0 18px;background:radial-gradient(ellipse at 80% 0,#03304950,transparent 70%),#001725;min-width:0;align-self:stretch}.oc-detail-head{height:51px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #174862}.oc-detail-head h2{font-size:18px;font-weight:650}.oc-detail-close{display:grid;place-items:center;padding:3px;color:#c1def2}.oc-detail-close .icon{width:18px;height:18px}.oc-detail-summary{padding:13px 0 12px;border-bottom:1px solid #174862}.oc-detail-state{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.oc-detail-state .oc-status{min-width:73px;padding:5px 8px}.oc-mark-shipped{height:32px;padding:0 10px;border:1px solid #e3b25c;background:linear-gradient(#54452b,#332e20);border-radius:6px;color:#ffd27b;display:flex;align-items:center;gap:6px;font-size:11px}.oc-mark-shipped .icon{height:15px;width:15px}.oc-detail-order-id{font-size:16px;font-weight:650;display:flex;gap:9px;align-items:center;line-height:24px}.oc-copy{padding:0;color:#a8d4f4;display:inline-flex;gap:3px;align-items:center;font-size:10px}.oc-copy .icon{width:14px;height:14px}.oc-detail-time{font-size:11px;color:#9dc4e1;margin-top:4px;line-height:20px}.oc-detail-summary .oc-store-line{font-size:12px;margin-top:6px;line-height:27px;gap:11px}.oc-detail-section{padding:10px 0 11px;border-bottom:1px solid #164760}.oc-detail-section h3{font-size:13px;font-weight:650;display:flex;align-items:center;gap:8px;margin-bottom:10px;line-height:18px}.oc-detail-section h3>.icon{width:17px;height:17px;color:#71caff}.oc-detail-section h3.gold>.icon{color:#ffc66e}.oc-buyer-details{font-size:11px;color:#b9d8ee;line-height:23px}.oc-buyer-details .oc-buyer{font-size:12px;color:#eff7ff;margin-bottom:0}.oc-buyer-details .oc-copy{margin-left:auto}.oc-buyer-details .oc-russia{width:20px;height:14px}.oc-detail-product{display:flex;align-items:flex-start;gap:12px}.oc-detail-product img{width:65px;height:65px;object-fit:contain;background:#f8f8f7;border-radius:4px}.oc-detail-product-info{font-size:11px;line-height:20px;flex:1;min-width:0}.oc-detail-product-name{font-size:11px;white-space:nowrap;line-height:17px;color:#f0f7ff;margin:1px 0 3px}.oc-detail-product-sku{display:flex;align-items:center;justify-content:space-between;color:#a7cce8}.oc-detail-product-sku strong{color:#ffc65d;font-size:13px;font-weight:700}.oc-detail-product-variant{display:flex;align-items:center;justify-content:space-between;color:#9bbfdb}.oc-field-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#9dc3df;font-size:11px}.oc-field-row:last-child{margin-bottom:0}.oc-field-row>label{width:59px;flex-shrink:0;white-space:nowrap}.oc-field-row input,.oc-field-row select,.oc-field-row textarea{background:#001a2a;color:#e3f2ff;border:1px solid #155576;border-radius:5px;min-width:0;outline-offset:2px;font-size:11px;padding:5px 8px;line-height:17px;flex:1;width:100%;height:29px}.oc-field-row input::placeholder,.oc-field-row textarea::placeholder{color:#729cba}.oc-field-row input[type=number]{appearance:textfield}.oc-field-row input::-webkit-inner-spin-button{appearance:none}.oc-field-row input.oc-cost-input{color:#ffca6a;max-width:95px}.oc-field-row>label.oc-inline-label{width:auto;margin-left:10px}.oc-field-row select.oc-purchase-state{width:74px;flex:none;padding:0 5px}.oc-field-row textarea{height:51px;resize:vertical;min-height:51px;line-height:20px;align-self:flex-start}.oc-field-row.oc-notes>label{align-self:flex-start;padding-top:5px}.oc-detail-procurement{padding-bottom:10px}.oc-field-link{position:relative;flex:1;min-width:0}.oc-field-link input{width:100%;padding-right:25px;font-size:9px}.oc-field-link button{position:absolute;right:5px;top:6px;padding:0;color:#5dc4ff}.oc-field-link .icon{width:14px;height:14px}.oc-detail-shipping .oc-field-row>label{width:96px}.oc-detail-shipping .oc-field-row input,.oc-detail-shipping .oc-field-row select{height:29px}.oc-detail-shipping .oc-field-row{margin-bottom:7px}.oc-detail-shipping input[type=datetime-local]{font-size:10px;padding-right:3px}.oc-timeline{padding-top:10px;border-bottom:none}.oc-timeline h3{margin-bottom:12px}.oc-timeline-items{padding-left:9px}.oc-timeline-item{position:relative;padding:0 0 11px 21px;border-left:1px solid #44738f;min-height:31px;display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:19px;color:#b1d2eb}.oc-timeline-item:before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#2a5674;border:3px solid #07283d;left:-9px;top:0;box-sizing:content-box}.oc-timeline-item.complete:before{background:#00d9a9;box-shadow:0 0 0 2px #006b6255}.oc-timeline-item.purchased:before{background:#43b5ff;box-shadow:0 0 0 2px #125a7e55}.oc-timeline-item.current:before{background:#45b9ff;border:3px solid #054773;outline:1px solid #6ecbff}.oc-timeline-item:last-child{border-color:transparent;padding-top:3px}.oc-timeline-item b{font-weight:450;min-width:70px;color:#dceeff}.oc-timeline-item.current b{color:#6bccff;font-weight:600}.oc-timeline-item small{font-size:10px;display:block;color:#9cc5e4;line-height:19px;white-space:nowrap}.oc-timeline-item .oc-timeline-text{min-width:0}.oc-empty{height:566px;text-align:center;color:#97c2e3;line-height:2;white-space:normal}.oc-empty strong{display:block;color:#d7ebfb;font-size:15px;font-weight:500}.oc-row-menu{position:fixed;z-index:90;min-width:140px;background:#06273c;border:1px solid #286084;border-radius:6px;padding:4px;box-shadow:0 10px 25px #0007}.oc-row-menu button{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:3px;font-size:12px}.oc-row-menu button:hover{background:#124d70}.oc-bulkbar{position:absolute;top:0;left:0;right:0;height:41px;z-index:5;background:#073a58;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:8px 8px 0 0;color:#cbe9fd}.oc-bulkbar button{padding:4px 10px;border:1px solid #227eac;border-radius:4px;font-size:11px;background:#075078}.oc-layout.oc-detail-hidden{grid-template-columns:minmax(0,1fr)}.oc-layout.oc-detail-hidden .oc-detail{display:none}.oc-layout.oc-detail-hidden .oc-table th:nth-child(3){width:26%}.oc-saved-indicator{font-size:9px;color:#66c9b6;min-height:13px;line-height:13px;text-align:right;margin-top:-5px}.oc-demo-note{font-size:10px;color:#6e9dbe;margin-top:7px;padding-bottom:6px}
@media(min-width:1500px){.oc-heading-copy p{font-size:13px}.oc-heading-controls{gap:10px}.oc-heading-date{padding:0 10px}.oc-heading-controls select{width:178px}}
@media(max-width:1450px) and (min-width:701px){.oc-layout{grid-template-columns:minmax(0,1fr) 320px}.oc-heading-copy p{display:none}.oc-heading-controls select{width:142px}.oc-main{padding:0 12px}.oc-metrics{gap:8px}.oc-metric{padding:11px 8px}.oc-metric-top{gap:8px;font-size:11px}.oc-metric-icon{width:31px;height:31px}.oc-metric-value{padding-left:39px;font-size:22px}.oc-metric:first-child .oc-metric-value{padding-left:39px}.oc-metric-foot{gap:6px;font-size:10px}.oc-trend{font-size:12px}.oc-tabs{gap:7px;padding:0 5px}.oc-tab{padding:0 12px}.oc-filter-box{gap:6px}.oc-filter-box select{width:86px;padding-left:7px;font-size:11px}.oc-filter-box select[data-oc-filter=country]{width:94px}.oc-filter-box .oc-button{padding:0 10px;min-width:55px}.oc-date-range{padding:0 6px;gap:5px}.oc-date-range input{width:60px;font-size:10px}.oc-table{min-width:980px}.oc-detail{padding:0 14px}.oc-detail-product-name{font-size:10px}}
@media(max-width:1100px) and (min-width:701px){.oc-layout{grid-template-columns:minmax(0,1fr) 302px}.oc-heading-controls select{width:126px}.oc-heading h1{font-size:24px}.oc-heading-copy{gap:0}.oc-heading-controls{gap:6px}.oc-heading-date{font-size:10px;padding:0 6px;gap:5px}.oc-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.oc-metric{height:106px}.oc-metric-foot{justify-content:flex-start;margin-top:0}.oc-metric-value{line-height:29px}.oc-tabs{margin-top:4px}.oc-filter-box{height:auto;flex-wrap:wrap;padding:7px}.oc-search{flex-basis:45%}.oc-filter-box select{flex:1}.oc-filter-box select[data-oc-filter=country]{width:auto}.oc-date-range{flex:1}.oc-table-wrap{margin-top:10px}.oc-table{min-width:980px}.oc-detail-order-id{font-size:14px}.oc-detail-product{gap:9px}.oc-detail-product img{width:56px;height:60px}.oc-detail-product-name{white-space:normal;line-height:15px}.oc-field-row>label{width:54px}.oc-field-row>label.oc-inline-label{margin-left:3px}.oc-field-row input.oc-cost-input{max-width:77px}.oc-field-row{gap:5px}.oc-detail-shipping .oc-field-row>label{width:82px}}
@media(max-width:700px){.oc-layout{display:block;min-height:calc(100dvh - 56px);font-size:12px}.oc-main{padding:0 12px}.oc-heading{height:auto;min-height:105px;align-items:flex-start;flex-direction:column;gap:8px;padding:14px 0 10px}.oc-heading h1{font-size:25px;line-height:30px}.oc-heading-copy{display:block}.oc-heading p{display:none}.oc-heading-controls{width:100%;gap:6px;justify-content:space-between}.oc-heading-controls select{width:43%;font-size:11px}.oc-heading-date{flex:1;padding:0 7px;font-size:10px;gap:4px}.oc-refresh{width:35px;min-height:38px}.oc-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oc-metric{height:104px;padding:10px}.oc-metric-top{font-size:12px;gap:10px;line-height:29px}.oc-metric-icon{width:31px;height:31px}.oc-metric-icon .icon{width:21px;height:21px}.oc-metric-value,.oc-metric:first-child .oc-metric-value{padding-left:41px;line-height:29px;font-size:24px}.oc-metric-foot{margin-top:0;gap:8px;font-size:11px;justify-content:flex-start}.oc-trend{font-size:13px}.oc-mini-bars{display:none}.oc-tabs{height:54px;margin-top:4px;gap:7px;padding:0 1px 4px}.oc-tab{height:37px;font-size:12px;padding:0 14px}.oc-filter-box{height:auto;flex-wrap:wrap;padding:8px;gap:7px;margin-top:5px}.oc-search{flex-basis:100%}.oc-filter-box select{width:calc((100% - 14px)/3);flex:1;font-size:11px;padding-left:6px;height:37px}.oc-filter-box select[data-oc-filter=country]{width:calc((100% - 14px)/3)}.oc-date-range{flex:1;height:37px;font-size:11px;gap:5px;padding:0 5px;min-width:156px}.oc-date-range input{width:58px;font-size:10px}.oc-filter-box .oc-button{height:37px;min-height:37px;min-width:48px;padding:0 12px}.oc-table-wrap{margin-top:11px}.oc-table{min-width:1000px;font-size:12px}.oc-table td{height:82px}.oc-table th{font-size:12px}.oc-pagination{height:auto;padding:12px 0;gap:5px;white-space:normal;flex-wrap:wrap}.oc-pagination .oc-page-total{width:100%;text-align:center;margin-bottom:3px}.oc-detail{position:fixed;inset:56px 0 0 auto;width:min(360px,100%);z-index:65;overflow-y:auto;padding:0 18px 12px;border-radius:10px 0 0 0;box-shadow:-15px 15px 50px #000b}.oc-layout:not(.oc-mobile-detail-open) .oc-detail{display:none}.oc-layout.oc-detail-hidden .oc-detail{display:none}.oc-detail-product-name{font-size:11px}.oc-detail-summary{padding-bottom:12px}.oc-detail-section{padding-top:11px;padding-bottom:12px}.oc-detail-time,.oc-buyer-details,.oc-field-row,.oc-field-row input,.oc-field-row select,.oc-field-row textarea{font-size:12px}.oc-field-link input{font-size:10px}.oc-timeline-item{font-size:12px}.oc-timeline-item small{font-size:11px}.oc-empty{height:360px}.oc-demo-note{font-size:11px}}

/* Bounded screenshot QA corrections. */
.route-orders #dashboard{padding:56px 0 0}
.oc-check{padding:0!important;min-width:15px;min-height:15px;width:15px;height:15px;line-height:1;box-sizing:border-box}
.oc-product-copy strong,.oc-buyer,.oc-store-line,.oc-order-date{font-size:12px}
.oc-product-copy{font-size:12px;line-height:17px}
.oc-product-copy strong{line-height:17px}
.oc-procurement,.oc-procurement-cost,.oc-shipping,.oc-shipping-number,.oc-add-shipping,.oc-add-link{font-size:11px}
.oc-table .oc-store-line{gap:8px;font-size:11px}
.oc-table .oc-product{gap:10px}
.oc-table .oc-product img{width:64px}
.oc-table .oc-order-date{font-size:12px}
@media(min-width:701px){.oc-table th:nth-child(2){width:151px}.oc-table th:nth-child(3){width:202px}.oc-table th:nth-child(4){width:110px}.oc-table th:nth-child(5){width:72px}.oc-table th:nth-child(6){width:159px}.oc-table .oc-store-line{font-size:12px}}
@media(max-width:700px){.oc-filter-box{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;height:auto;padding:8px}.oc-search{grid-column:span 6;min-width:0}.oc-filter-box select,.oc-filter-box select[data-oc-filter=country]{grid-column:span 2;width:100%;min-width:100px;max-width:100%;height:38px;padding:0 8px;font-size:12px}.oc-date-range{grid-column:span 6;min-width:0;width:100%;height:38px;justify-content:space-between;padding:0 12px}.oc-date-range input{width:calc(50% - 23px);font-size:12px}.oc-filter-box .oc-button{grid-column:span 3;width:100%;height:38px;font-size:12px}.oc-table .oc-store-line{font-size:12px}.oc-product-copy strong,.oc-buyer{font-size:12px}}
@media(max-width:360px){.oc-filter-box select,.oc-filter-box select[data-oc-filter=country]{grid-column:span 3;min-width:0}.oc-filter-box select[data-oc-filter=country]{grid-column:span 6}}

/* Order-local destination uses the existing detail and table surfaces. */
.oc-destination-summary{display:block;color:#8fc2de;max-width:145px;font-size:11px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}
.oc-destination-method{font-size:12px;line-height:1.7;color:#a6c9e2;margin:0 0 5px;overflow-wrap:anywhere}
.oc-destination-address{font-size:13px;line-height:1.8;color:#edf6ff;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 10px;user-select:text}
.oc-destination-unmapped{font-size:12px;line-height:1.7;color:#d3b17a;margin:8px 0}
.oc-destination .oc-button{height:29px;min-height:29px;padding:0 10px;font-size:12px}
.oc-destination-config{display:inline-block;border:0;background:none;color:#6cc5ff;font:inherit;font-size:12px;cursor:pointer;padding:5px 0;margin-left:9px;text-align:left}
.oc-destination-config:focus-visible{outline:2px solid #6cc5ff;outline-offset:3px}
@media(max-width:700px){.oc-destination-address{font-size:13px}.oc-destination-config{margin-left:0;display:block;margin-top:4px}}

/* procurement-page.css */
/* Procurement reuses the established management palette and independent route. */
.pc-page{padding:18px 20px 12px;min-width:0;color:#eef5ff;font-size:13px;font-variant-numeric:tabular-nums;--pc-line:#155172;--pc-muted:#a9cce6;--pc-surface:#031e31}
.pc-page button,.pc-page input,.pc-page select,.pc-page textarea{font:inherit}.pc-page button{cursor:pointer}.pc-page button:disabled{cursor:default;opacity:.48}.pc-page :focus-visible{outline:2px solid #6cc5ff;outline-offset:3px}.pc-page ::selection{background:#11659a;color:#fff}.pc-page input,.pc-page textarea{caret-color:#8dd7ff}.pc-page ::-webkit-scrollbar{height:7px;width:7px}.pc-page ::-webkit-scrollbar-thumb{background:#245a7a;border-radius:4px}.pc-page ::-webkit-scrollbar-track{background:#021624}
.pc-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.pc-heading h1{font-size:26px;line-height:34px;margin:0 0 5px;font-weight:700}.pc-heading p{margin:0;color:var(--pc-muted);line-height:1.7}.pc-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 12px;border:1px solid #21658c;border-radius:6px;color:#dcefff;background:#042940;white-space:nowrap}.pc-button:hover:not(:disabled){background:#104264;border-color:#4a9ac5}.pc-button .icon{width:17px;height:17px}.pc-primary{background:#0069c6;border-color:#178cda;color:#fff;font-weight:600}.pc-primary:hover:not(:disabled){background:#087eda}.pc-text-button{display:inline-flex;align-items:center;gap:3px;padding:4px 0;border:0;background:none;color:#80cfff;white-space:nowrap}.pc-text-button:hover{color:#c2ebff;text-decoration:underline;text-underline-offset:3px}.pc-text-button .icon{width:14px;height:14px}
.pc-workspace{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:14px;align-items:start}.pc-queue{min-width:0;border:1px solid var(--pc-line);border-radius:9px;background:var(--pc-surface);overflow:hidden}.pc-tabs{display:flex;gap:4px;align-items:center;overflow-x:auto;padding:11px 10px 0;border-bottom:1px solid var(--pc-line)}.pc-tabs button{display:flex;align-items:center;gap:7px;min-height:39px;padding:7px 10px 11px;border:0;border-bottom:2px solid transparent;background:none;color:#b8d4e9;white-space:nowrap}.pc-tabs button.active{border-bottom-color:#ffc36b;color:#ffce7d}.pc-tabs button:hover{color:#fff}.pc-tabs span{display:inline-block;padding:1px 5px;background:#153c57;border-radius:4px;min-width:21px;text-align:center;font-size:11px;color:#d8ecff}
.pc-filters{display:flex;align-items:center;gap:8px;padding:13px 11px;border-bottom:1px solid var(--pc-line)}.pc-search{display:flex;align-items:center;gap:7px;flex:1;min-width:130px;background:#001827;border:1px solid #1a5272;border-radius:6px;padding:0 9px}.pc-search .icon{color:#a9cce6;width:17px;height:17px;flex-shrink:0}.pc-search input{width:100%;min-width:0;border:0;background:none;color:#eef5ff;min-height:35px;outline-offset:5px}.pc-page input::placeholder,.pc-page textarea::placeholder{color:#96b9d1;opacity:1}.pc-filters select{background:#001827;border:1px solid #1a5272;border-radius:6px;color:#dcefff;min-height:36px;width:139px;min-width:0;padding:0 7px}.pc-filters>.pc-button{padding:6px 10px}
.pc-table-wrap{overflow-x:auto}.pc-table{border-collapse:collapse;width:100%;min-width:600px;text-align:left;table-layout:fixed}.pc-table th{padding:12px 10px;background:#0a2a40;color:#b7d8ef;font-size:12px;font-weight:500}.pc-table th:first-child{width:39%}.pc-table th:nth-child(2){width:20%}.pc-table th:nth-child(3){width:25%}.pc-table th:last-child{width:16%}.pc-table td{border-top:1px solid #16415c;padding:12px 10px;vertical-align:top;line-height:1.6;overflow-wrap:anywhere}.pc-table tr.selected{background:#153649}.pc-table tr:hover{background:#0b2b41}.pc-order{display:flex;align-items:center;gap:6px;flex-wrap:wrap;text-align:left;color:#edf7ff;font-weight:600;background:none;border:0;padding:0;margin:0 0 3px;overflow-wrap:anywhere;max-width:100%}.pc-order:hover{color:#83d4ff;text-decoration:underline}.pc-meta{display:block;color:var(--pc-muted);font-size:11px;line-height:1.8}.pc-product{display:flex;align-items:center;gap:9px;margin-top:10px;min-width:0}.pc-product img{width:43px;height:43px;border-radius:4px;object-fit:contain;background:#f3f7fa;flex-shrink:0}.pc-product>div{min-width:0;flex:1}.pc-product b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:500;line-height:1.6}.pc-product span{display:block;color:var(--pc-muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere}.pc-status{display:inline-block;color:#ffd087;background:#573b12;padding:2px 8px;border-radius:4px;font-size:12px}.pc-status.done{background:#004d40;color:#35e1b6}.pc-cost{display:block;color:#ffd087;font-size:14px;font-weight:600;margin-top:6px}.pc-logistics,.pc-tracking{display:block;font-size:12px;line-height:1.7}.pc-tracking{margin-top:5px;color:#bcd8ee}.pc-matched{color:#48e4ba}.pc-unmatched{color:#e5bf81}.pc-unsaved{color:#ffcf85;font-size:10px;font-weight:400}.pc-empty{text-align:center;height:270px;vertical-align:middle!important;color:var(--pc-muted)}.pc-empty strong{display:block;color:#e1f2ff;font-size:14px;margin-bottom:8px}.pc-empty span{display:block;font-size:12px}.pc-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--pc-line);padding:10px 12px;color:#abcce4;font-size:12px}.pc-pagination>div{display:flex;align-items:center;gap:9px}.pc-pagination .pc-button{font-size:12px;min-height:29px;padding:3px 9px}
.pc-editor{min-width:0;border:1px solid var(--pc-line);border-radius:9px;background:#011b2c;position:sticky;top:69px;overflow:hidden}.pc-editor-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--pc-line)}.pc-editor h2{font-size:17px;line-height:24px;font-weight:650;margin:0}.pc-editor-header p{font-size:12px;margin:5px 0 0;color:var(--pc-muted);overflow-wrap:anywhere}.pc-editor-scroll{padding:0 14px 13px;max-height:calc(100dvh - 164px);overflow-y:auto}.pc-order-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:13px 0;border-bottom:1px solid var(--pc-line)}.pc-order-summary strong{font-size:17px;color:#ffd087;font-weight:650}.pc-order-summary small{grid-column:1/-1;color:var(--pc-muted);font-size:11px}.pc-destination,.pc-products{padding:15px 0;border-bottom:1px solid var(--pc-line)}.pc-editor h3{font-size:13px;font-weight:600;margin:0;display:flex;align-items:center;gap:7px;line-height:22px}.pc-editor h3>.icon{width:17px;height:17px;color:#78c9ff}.pc-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.pc-destination p{color:var(--pc-muted);font-size:12px;line-height:1.7;margin:5px 0;overflow-wrap:anywhere}.pc-destination address{font-style:normal;white-space:pre-wrap;font-size:13px;line-height:1.9;margin:9px 0;color:#eff7ff;overflow-wrap:anywhere;user-select:text}.pc-destination p.pc-address-warning{color:#e5bf81;margin:8px 0}.pc-destination>.pc-button{font-size:12px;min-height:29px;padding:3px 10px}.pc-products .pc-product{align-items:flex-start}.pc-products .pc-product img{width:46px;height:46px}.pc-editor form{padding-top:14px}.pc-editor fieldset{border:0;padding:0;margin:0;min-width:0}.pc-editor legend{font-size:14px;font-weight:650;padding:0;margin:0 0 12px;color:#ffce7d}.pc-editor label{display:block;color:#c2dbed;font-size:12px;line-height:1.6;margin-bottom:11px}.pc-editor input,.pc-editor select,.pc-editor textarea{display:block;width:100%;max-width:100%;min-width:0;margin-top:5px;background:#001726;border:1px solid #205773;border-radius:5px;color:#eef5ff;padding:7px 8px;font-size:13px;line-height:1.5}.pc-editor input,.pc-editor select{min-height:35px}.pc-editor input[type=datetime-local]{color-scheme:dark}.pc-editor input[type=number]{color:#ffd087}.pc-editor textarea{resize:vertical;min-height:62px;max-height:230px}.pc-field-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.pc-shipping-title{padding-top:12px;margin:1px 0 12px!important;border-top:1px solid var(--pc-line)}.pc-save-status{min-height:24px;font-size:12px;line-height:1.7;color:var(--pc-muted);overflow-wrap:anywhere}.pc-save-status.success{color:#48e4ba}.pc-save-status.error{color:#ff8991}.pc-save-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.pc-save-actions .pc-button{font-size:12px}.pc-footnote{font-size:11px;line-height:1.8;margin:10px 0 0;color:var(--pc-muted)}.pc-editor-empty{min-height:250px;padding:36px 22px;color:var(--pc-muted);text-align:center;line-height:1.8}.pc-editor-empty>.icon{width:31px;height:31px;color:#75c8ff;margin-bottom:12px}.pc-editor-empty h2{font-size:15px;color:#e4f3ff}.pc-editor-empty p{font-size:12px;margin:10px 0 0}
@media(max-width:1350px){.pc-page{padding:15px 14px 12px}.pc-workspace{grid-template-columns:minmax(0,1fr) 335px;gap:10px}.pc-filters{flex-wrap:wrap}.pc-search{flex-basis:calc(100% - 158px)}.pc-filters>.pc-button{flex:1}.pc-heading p{font-size:12px}.pc-table{min-width:570px}.pc-table td,.pc-table th{padding-left:8px;padding-right:8px}}
@media(max-width:1050px){.pc-workspace{grid-template-columns:minmax(0,1fr)}.pc-editor{position:static}.pc-editor-scroll{max-height:none;overflow:visible}.pc-editor-empty{min-height:140px;padding:22px}.pc-editor form{max-width:760px}.pc-filters{flex-wrap:nowrap}.pc-search{flex-basis:auto}.pc-filters>.pc-button{flex:0}.pc-table{min-width:600px}}
@media(max-width:700px){.pc-page{padding:15px 12px 12px;font-size:13px}.pc-heading{align-items:flex-start;gap:10px;margin-bottom:14px}.pc-heading h1{font-size:25px;line-height:32px}.pc-heading p{font-size:12px;line-height:1.7;max-width:30ch}.pc-heading>.pc-button{padding:6px 9px;font-size:12px;min-height:36px;margin-top:3px}.pc-heading>.pc-button>.icon{display:none}.pc-tabs{padding:8px 6px 0;gap:1px}.pc-tabs button{font-size:12px;padding:8px 7px 10px;min-height:42px;gap:5px}.pc-tabs span{font-size:10px;min-width:18px}.pc-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.pc-search{grid-column:1/-1;min-width:0}.pc-search input{min-height:38px}.pc-filters select{width:100%;grid-column:1/-1;min-height:38px}.pc-filters>.pc-button{min-height:38px;font-size:13px}.pc-pagination{font-size:12px;gap:8px;padding:10px}.pc-pagination>div{gap:7px}.pc-pagination .pc-button{min-height:34px;padding:4px 8px}.pc-editor-header{padding:12px}.pc-editor-scroll{padding:0 12px 14px}.pc-editor input,.pc-editor select{min-height:39px}.pc-editor label{font-size:12px}.pc-editor input,.pc-editor select,.pc-editor textarea{font-size:14px}.pc-save-actions .pc-button{min-height:39px;font-size:13px}.pc-footnote{font-size:11px}.pc-product b,.pc-logistics,.pc-tracking{font-size:12px}.pc-page .pc-meta{font-size:11px}.pc-field-pair{gap:8px}}
@media(prefers-reduced-motion:reduce){.pc-page *{scroll-behavior:auto!important}}

/* stores.css */
/* Store management follows the supplied 1536 x 1024 reference. */
body.route-stores{background:radial-gradient(ellipse at 56% -18%,#07345c 0%,#011729 38%,#00121f 77%)}
.sm-page{--sm-line:#075077;--sm-muted:#9bc0e0;--sm-gold:#ffcd76;--sm-green:#00ddb1;--sm-blue:#55bcff;min-width:0;color:#edf5ff;font-size:13px;line-height:1.45}
.sm-page button,.sm-page input,.sm-page select,.sm-page textarea{font:inherit}
.sm-page button{color:inherit;cursor:pointer;white-space:nowrap}
.sm-page button:hover{filter:brightness(1.13)}
.sm-page button:disabled{cursor:wait;opacity:.65}
.sm-page input,.sm-page select,.sm-page textarea{background:#011a2b;color:#f0f5ff;border:1px solid #0b4e76;border-radius:5px;min-width:0;outline-offset:2px}
.sm-page input::placeholder,.sm-page textarea::placeholder{color:#8bb1d0}
.sm-page input:focus-visible,.sm-page select:focus-visible,.sm-page textarea:focus-visible,.sm-page button:focus-visible,.sm-page tr:focus-visible{outline:2px solid #50bfff;outline-offset:2px}
.sm-page select{appearance:auto;padding:0 9px;color-scheme:dark;cursor:pointer}
.sm-page textarea{resize:vertical;padding:8px 10px}
.sm-page .icon{width:18px;height:18px;stroke-width:1.65;vertical-align:middle}
.sm-green{color:var(--sm-green)!important}.sm-red{color:#ff5667!important}.sm-gold{color:var(--sm-gold)!important}.sm-cyan{color:#83e7ff!important}
.sm-heading{height:73px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 17px 0 18px}
.sm-heading>div:first-child{display:flex;align-items:center;gap:15px;min-width:0}
.sm-heading h1{font-size:27px;line-height:1.2;letter-spacing:-.5px;white-space:nowrap;font-weight:700}
.sm-heading p{font-size:12px;color:#b6d4ee;white-space:nowrap;padding-top:6px}
.sm-heading-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}
.sm-button{height:39px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid #07557f!important;border-radius:6px;background:linear-gradient(120deg,#031e32,#011727);font-size:13px}
.sm-heading-actions .sm-button:first-child{width:129px}.sm-heading-actions .sm-button:nth-child(2){width:174px}
.sm-heading-actions .sm-add-button{width:159px;margin-left:-1px;background:linear-gradient(125deg,#ffdb89,#ffc859);border-color:#dbaa4e!important;color:#181b20;font-weight:600}
.sm-add-button>span{font-size:23px;font-weight:400;line-height:1;margin-top:-2px}
.sm-layout{display:grid;grid-template-columns:minmax(0,1fr) 432px;align-items:start;min-width:0}
.sm-list-column{padding:0 16px 17px 18px;min-width:0}
.sm-detail-column{padding-right:16px;min-width:0}
.sm-stat-clip{overflow:hidden;height:112px}
.sm-stats{display:grid;grid-template-columns:174px 172px 172px 244px 180px;gap:10px;height:112px}
.sm-stat{height:112px;display:flex;gap:18px;padding:13px 13px;border:1px solid #06456a;border-radius:7px;background:linear-gradient(120deg,#032337,#011726);position:relative;overflow:hidden}
.sm-stat-icon{display:flex;justify-content:center;align-items:center;width:43px;height:43px;flex-shrink:0;border-radius:8px;background:linear-gradient(140deg,#0d537e,#023657);color:#64c9ff;margin-top:0}
.sm-stat-icon>.icon{width:24px;height:24px;stroke-width:2}
.sm-stat-icon.sm-gold{background:linear-gradient(140deg,#343832,#1d2a2d)}
.sm-stat-icon.sm-green{background:linear-gradient(140deg,#004c48,#003437)}
.sm-stat-icon.sm-green>.icon{padding:3px;width:27px;height:27px;border-radius:50%;background:#00d7a2;stroke:#003c37;stroke-width:2.8}
.sm-stat-icon.sm-red{background:linear-gradient(140deg,#4d2335,#251e30)}
.sm-stat-icon.sm-red>.icon{padding:3px;width:27px;height:27px;border-radius:50%;background:#ff536c;stroke:#4c2235;stroke-width:2.8}
.sm-stat>div{min-width:0;padding-top:3px;z-index:1}
.sm-stat>div>span{display:block;color:#afccea;font-size:12px;white-space:nowrap}
.sm-stat strong{font-size:26px;line-height:35px;font-weight:650;display:block}
.sm-stat strong>em{font-style:normal;font-size:20px}
.sm-stat small{display:block;white-space:nowrap;color:#a5c8e8;font-size:12px}
.sm-stat small>b{font-weight:500}
.sm-stat-orders{gap:18px;padding-left:13px}.sm-stat-orders .sm-bars{right:14px;bottom:33px;gap:5px}.sm-stat-orders .sm-bars>i{width:6px}
.sm-stat-sales{padding-left:8px;gap:8px}.sm-stat-sales .sm-stat-icon{width:25px;height:31px}.sm-stat-sales .sm-stat-icon>.icon{width:20px;height:20px}.sm-stat-sales strong{font-size:16px;line-height:32px}.sm-stat-sales .sm-spark{width:90px;right:3px;bottom:13px;opacity:.7}
.sm-bars{position:absolute;display:flex;align-items:flex-end;gap:4px;height:52px;right:6px;bottom:13px}
.sm-bars>i{display:block;width:5px;background:linear-gradient(0deg,#07508b,#007eff);box-shadow:0 3px 8px #005db54d}
.sm-spark{position:absolute;width:76px;height:34px;right:8px;bottom:9px;overflow:visible}
.sm-filters{display:flex;align-items:center;gap:8px;margin-top:13px;height:59px;padding:9px 10px;border:1px solid #075077;background:#001827;border-radius:7px;min-width:0}
.sm-search{height:37px;border:1px solid #075077;border-radius:5px;display:flex;align-items:center;padding:0 10px;gap:7px;flex:1 1 285px;min-width:130px;color:#afcfed}
.sm-search>.icon{width:18px;height:18px;flex-shrink:0}
.sm-search input{height:100%;border:0;background:none!important;padding:0!important;width:100%;font-size:12px;outline-offset:2px!important}
.sm-filters>select{height:37px;width:116px;flex-shrink:0;padding:0 9px;font-size:12px}
.sm-filters>select:nth-of-type(3){width:108px}.sm-filters>select:nth-of-type(4){width:130px}
.sm-view-switch{height:41px;display:flex;gap:1px;align-items:center;border-radius:6px;padding:2px 3px;background:#00111e;border:1px solid #063f60}
.sm-view-switch>button{height:35px;width:36px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:5px;color:#c1d7e9;background:#001624}
.sm-view-switch>button.active{background:linear-gradient(130deg,#0067ce,#004d92);border-color:#0ea7ef;box-shadow:0 0 13px #0074c755;color:white}
.sm-view-switch .icon{width:20px;height:20px}
.sm-results{margin-top:9px;position:relative}
.sm-table-scroll{border:1px solid #064c74;border-radius:7px;overflow:visible}
.sm-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px;color:#f0f5ff;text-align:left}
.sm-col-check{width:5%}.sm-col-store{width:18%}.sm-col-type{width:8%}.sm-col-group{width:9.5%}.sm-col-auth{width:11%}.sm-col-sync{width:10%}.sm-col-orders{width:9%}.sm-col-sales{width:11.5%}.sm-col-todo{width:8%}.sm-col-action{width:5%}
.sm-table th{height:38px;font-size:12px;font-weight:400;color:#aecdeb;background:#001b2e;padding:0 5px;white-space:nowrap;border-bottom:1px solid #07547e}
.sm-table th:first-child{border-radius:7px 0 0 0}.sm-table th:last-child{border-radius:0 7px 0 0}
.sm-table td{height:54px;border-bottom:1px solid #082b43;padding:4px 5px;vertical-align:middle;white-space:nowrap;background:#001626}
.sm-table tr:nth-child(even)>td{background:#042035}
.sm-table tbody tr:last-child>td{border-bottom:0}
.sm-table tbody tr:last-child>td:first-child{border-radius:0 0 0 7px}.sm-table tbody tr:last-child>td:last-child{border-radius:0 0 7px 0}
.sm-table tbody tr{cursor:pointer;outline-offset:-2px}
.sm-table tbody tr:hover>td{background:#0b2c43}
.sm-table tbody tr.sm-selected>td{background:linear-gradient(#0b2b43,#072137);border-top:1px solid #0b5c8c;border-bottom:1px solid #0b5c8c}
.sm-table tbody tr.sm-selected>td:first-child{border-left:1px solid #00b1ed;border-radius:5px 0 0 5px}
.sm-table tbody tr.sm-selected>td:last-child{border-right:1px solid #0b5c8c;border-radius:0 5px 5px 0}
.sm-table td:first-child,.sm-table th:first-child{text-align:center;padding-left:3px;padding-right:1px}
.sm-page input[type=checkbox]{appearance:none;width:16px;height:16px;padding:0!important;margin:0;vertical-align:middle;border:1px solid #9dbbd2;border-radius:3px;background:#02243a;cursor:pointer;position:relative;box-shadow:inset 0 0 4px #00101d}
.sm-page input[type=checkbox]:checked{background:#007bc3;border-color:#50c1ff}
.sm-page input[type=checkbox]:checked:after{content:'';width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;position:absolute;left:3px;top:3px;transform:rotate(-45deg)}
.sm-store-name{display:flex;align-items:center;gap:12px;min-width:0}
.sm-store-name>span:last-child{min-width:0;display:block}
.sm-store-name strong{display:block;font-size:12px;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sm-table td small{display:block;font-size:11px;line-height:18px;color:#8db6d7;white-space:nowrap}
.sm-store-name small{margin-top:1px;color:#a5c7e4!important}
.sm-logo{display:inline-flex;align-items:center;justify-content:center;width:38px;height:39px;border-radius:7px;flex-shrink:0;background:linear-gradient(130deg,#073455,#00172c);border:1px solid #165271;color:#fff;box-shadow:inset 0 0 10px #134c6833}
.sm-logo>b{font-size:28px;font-weight:650;line-height:1}
.sm-logo>.icon{width:27px;height:27px;stroke-width:1.8;filter:drop-shadow(0 2px 3px #ffffff35)}
.sm-logo>svg:not(.icon){width:29px;height:25px}
.sm-logo-official{background:linear-gradient(120deg,#172335,#081229);border-color:#35406b}
.sm-logo-home{background:linear-gradient(125deg,#00c8e9,#008bcd);border-color:#13c4f5}
.sm-logo-tech{background:linear-gradient(125deg,#697bff,#4631fc);border-color:#6875ff;box-shadow:inset 0 0 12px #a2bbff66}
.sm-logo-fashion{background:linear-gradient(125deg,#ff2b46,#fe4655);border-color:#ff5e68}
.sm-logo-lifestyle,.sm-logo-plant{background:linear-gradient(125deg,#00d9ab,#00ae86);border-color:#02e1ae;box-shadow:inset 0 0 9px #28f5cc55}
.sm-logo-velora{background:linear-gradient(125deg,#6656f7,#4636e2);border-color:#6350f1}
.sm-logo-kavero{background:linear-gradient(125deg,#0e4a72,#05304b);border-color:#14557a}
.sm-logo-glasses,.sm-logo-charger,.sm-logo-scooter{background:linear-gradient(125deg,#0d4f86,#07406a);border-color:#125686}
.sm-logo-other{background:linear-gradient(125deg,#02b9f1,#0091d2);border-color:#1caff0}
.sm-type{display:inline-block;font-size:12px;padding:4px 7px;background:#032a46;border-radius:5px;color:#a7d1ee}
.sm-group{display:inline-block;font-size:12px;padding:4px 9px;border:1px solid #145075;border-radius:20px;background:#03263f;color:#c8e1f7;line-height:18px}
.sm-selected .sm-group{border-color:#0088ce;background:#063656}
.sm-auth{color:#00d5a9;display:flex;align-items:center;gap:5px;font-size:12px;line-height:20px}
.sm-auth>.icon{width:13px;height:13px;padding:1px;background:#00dca5;stroke:#c0ffe9;stroke-width:2.5;border-radius:3px;box-shadow:0 0 8px #00dea65e}
.sm-auth-error{color:#ff5868}.sm-auth-error>.icon{background:#c8253c;stroke:#ffa0ac;box-shadow:none}
.sm-table td .sm-expiry{color:#00d3b4;font-size:11px}
.sm-number{text-align:center}.sm-todo{display:inline-block;min-width:29px;line-height:29px;text-align:center;background:#2a1b2b;border-radius:4px;color:#ff5763;font-size:14px}
.sm-sort-mark{font-size:10px;color:#9bc3df;margin-left:3px}
.sm-menu-cell{position:relative;text-align:center}
.sm-row-menu{font-size:21px;letter-spacing:1px;padding:3px 7px;font-weight:700;color:#9cc8ea!important;line-height:1}
.sm-row-popover{position:absolute;right:7px;top:40px;width:112px;z-index:12;border:1px solid #13618a;border-radius:6px;background:#06283f;box-shadow:0 8px 30px #0008;padding:4px}
.sm-row-popover>button{width:100%;display:block;text-align:left;padding:8px;font-size:12px;border-radius:3px}
.sm-row-popover>button:hover{background:#0e4566}
.sm-detail{background:linear-gradient(120deg,#011929,#001422);border:1px solid #085177;border-radius:8px;overflow:hidden;min-width:0;position:relative}
.sm-detail-close{display:none}
.sm-detail-top{height:136px;padding:20px 15px 0 21px;position:relative}
.sm-profile{display:flex;gap:18px;align-items:flex-start}
.sm-logo-large{width:60px;height:61px;border-radius:11px}
.sm-logo-large>b{font-size:38px}
.sm-logo-large>.icon{width:39px;height:39px}
.sm-profile>div{min-width:0;flex:1}
.sm-profile h2{font-size:18px;line-height:24px;font-weight:650;white-space:nowrap;display:flex;align-items:center;gap:10px}
.sm-profile h2>button{padding:0;color:#8abfdf;display:flex}
.sm-profile h2 .icon{width:13px;height:13px}
.sm-profile p{margin-top:3px;font-size:12px;display:flex;align-items:center;gap:7px}
.sm-status-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#00e2ac;box-shadow:0 0 0 3px #00d9ac16,0 0 9px #00d9ac55;flex-shrink:0}
.sm-error-dot{background:#ff5262;box-shadow:0 0 0 3px #ff52621a}
.sm-profile-tags{display:flex;gap:9px;align-items:center;margin-top:11px;white-space:nowrap}
.sm-profile-tags>span{font-size:12px;padding:4px 8px;background:#1a2e3c;border-radius:4px}
.sm-profile-tags>small{font-size:11px;color:#a4c6e2;margin-left:4px}
.sm-profile-tags>button{font-size:11px;color:#00c4ff!important;padding:0 0 0 1px}
.sm-ozon-link{position:absolute;right:17px;bottom:12px;font-size:12px;color:#00c8ff!important;display:flex;align-items:center;gap:5px}
.sm-ozon-link .icon{width:13px;height:13px}
.sm-tabs{height:45px;display:flex;align-items:center;justify-content:space-between;gap:2px;padding:0 12px;border-bottom:1px solid #0a557c;white-space:nowrap}
.sm-tabs>button{padding:9px 11px;font-size:12px;border-radius:7px;color:#a8cae7}
.sm-tabs>button.active{background:linear-gradient(130deg,#07457c,#00305f);box-shadow:inset 0 -2px #048ddb,0 4px 15px #0078b91a;color:#f5f9ff}
.sm-settings-section{padding:10px 15px 17px;border-bottom:1px solid #085077;min-height:276px}
.sm-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;height:32px;margin-bottom:7px}
.sm-section-heading h3{font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px;white-space:nowrap}
.sm-section-heading h3>.icon{width:16px;height:16px;color:#83c8f5;fill:#1f659333}
.sm-save-button{height:31px;min-width:86px;border:1px solid #047ed2!important;border-radius:5px;background:linear-gradient(120deg,#0080d9,#0064be);font-size:12px;font-weight:550}
.sm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px}
.sm-field{font-size:12px;color:#a6c8e5;display:flex;flex-direction:column;gap:4px;min-width:0}
.sm-field input,.sm-field select{height:34px;width:100%;padding:0 10px;font-size:12px;background:linear-gradient(110deg,#001b2e,#021b2b)}
.sm-field textarea{height:54px;width:100%;font-size:12px;line-height:18px;min-height:54px;background:linear-gradient(110deg,#001b2e,#021b2b)}
.sm-field-wide{grid-column:1/-1}
.sm-form-hint{font-size:12px;color:#9abdd8;line-height:1.8}
.sm-field input[readonly]{color:#7fa9c7}
.sm-toggle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:7px 0;gap:12px;min-height:44px}
.sm-toggle>span{font-size:13px;color:#deedfa}.sm-toggle small{display:block;font-size:11px;margin-top:3px;color:#91b5d0}
.sm-overview{padding:13px 15px 16px;border-bottom:1px solid #075077;min-height:247px}
.sm-overview .sm-section-heading{height:27px;margin-bottom:8px}
.sm-overview .sm-section-heading h3{gap:5px;font-size:13px}
.sm-overview .sm-section-heading h3>span{font-weight:400;font-size:12px;margin-left:-3px}
.sm-overview .sm-section-heading>button{font-size:12px;color:#b1d4ed;display:flex;align-items:center;gap:4px;padding:0;white-space:nowrap}
.sm-overview .sm-section-heading>button>.icon{width:10px;height:13px}
.sm-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sm-overview-card{height:86px;padding:9px 8px;border:1px solid #083f60;border-radius:6px;position:relative;display:flex;gap:10px;overflow:hidden;background:linear-gradient(130deg,#032338,#001826)}
.sm-mini-icon{height:34px;width:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#063b63;border-radius:6px;color:#51baff}
.sm-mini-icon .icon{width:20px;height:20px}
.sm-mini-icon.sm-gold{background:#27302b}.sm-mini-icon.sm-red{background:#452033}
.sm-overview-card>div{min-width:0;z-index:1}
.sm-overview-card>div>span{font-size:11px;color:#9fc3df;white-space:nowrap;display:block}
.sm-overview-card strong{font-size:17px;line-height:25px;display:block;font-weight:650;white-space:nowrap}
.sm-overview-card b{display:block;font-size:11px;line-height:20px;font-weight:550;white-space:nowrap}
.sm-overview-card .sm-bars{gap:4px;bottom:13px;right:9px}.sm-overview-card .sm-bars>i{width:5px}
.sm-overview-card .sm-spark{width:67px;height:28px;bottom:12px;right:10px}
.sm-quick{padding:13px 15px 19px;min-height:173px}
.sm-quick h3{font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px;margin-bottom:11px}
.sm-quick h3>.icon{width:15px;height:15px;color:#83c6f0}
.sm-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sm-quick-grid>button{height:49px;border:1px solid #08577d;border-radius:6px;background:linear-gradient(120deg,#032942,#001b2c);font-size:13px;font-weight:550;display:flex;align-items:center;justify-content:center;gap:12px}
.sm-quick-grid>.sm-primary,.sm-primary{background:linear-gradient(125deg,#0066ee,#0052c6)!important;border:1px solid #007cec!important;color:#fff!important}
.sm-quick-grid .icon{width:21px;height:21px}
.sm-store-card{border:1px solid #0a476a!important;border-radius:7px;padding:16px;background:#032136;text-align:left;min-width:0}
.sm-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sm-store-card.sm-selected{border-color:#078bc2!important;background:#07324d}
.sm-card-meta{display:flex;justify-content:space-between;gap:10px;margin-top:13px;font-size:12px;color:#a0c5e1}
.sm-card-meta b{color:white;font-weight:500;margin-left:4px}
.sm-empty{padding:45px 20px;text-align:center;border:1px solid #08486b;background:#011c2e;border-radius:6px;color:#9bc3df}
.sm-empty>.icon{display:block;width:28px;height:28px;margin:0 auto 12px}
.sm-empty>strong{font-weight:550;font-size:16px;display:block;color:#dceefb}.sm-empty>p{margin:8px 0 20px}
.sm-dialog-backdrop{position:fixed;z-index:160;inset:0;background:#00101dbd;display:flex;align-items:center;justify-content:center;padding:20px}
.sm-dialog{width:520px;max-width:100%;max-height:calc(100dvh - 40px);overflow:auto;padding:22px;background:linear-gradient(120deg,#07273d,#011928);border:1px solid #14628b;border-radius:10px;box-shadow:0 24px 80px #0008;position:relative}
.sm-dialog>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.sm-dialog>header>h2{font-size:20px;font-weight:650}.sm-dialog>header>button{padding:4px;color:#9ec7e6}
.sm-dialog form>.sm-button{margin-top:20px}.sm-dialog .sm-field input,.sm-dialog .sm-field select{height:39px}
.sm-group-list{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}
.sm-group-list>span{display:flex;align-items:center;gap:12px;padding:6px 10px;border:1px solid #145477;border-radius:5px;background:#0a344c}
.sm-group-list button{padding:0;display:flex;color:#8fb8d6}
.sm-group-list button>.icon{width:13px;height:13px}
.sm-group-add{display:flex;gap:10px;align-items:flex-end;margin-bottom:13px}
.sm-group-add>.sm-field{flex:1}.sm-group-add>.sm-button{margin-top:0!important;height:39px}
.sm-log-subtitle{color:#b0d2eb;margin-bottom:20px}
.sm-log-line{display:flex;align-items:flex-start;gap:15px;padding:13px 0;border-top:1px solid #103f5b}
.sm-log-line>.sm-status-dot{margin-top:4px}.sm-log-line strong{font-size:13px;display:block}.sm-log-line small{display:block;font-size:12px;color:#9ac1dd;margin-top:7px;line-height:1.8}
.sm-dialog>p.sm-form-hint{margin:10px 0 17px}.sm-dialog>.sm-button{margin-top:20px}
.sm-toast{position:fixed;z-index:200;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:12px 20px;border:1px solid #14618b;border-radius:7px;background:#082d44;color:#e6f5ff;font-size:13px;box-shadow:0 10px 30px #0006}
@media(min-width:1700px){.sm-layout{grid-template-columns:minmax(0,1fr) 450px}.sm-stats{grid-template-columns:repeat(3,minmax(140px,1fr)) minmax(210px,1.35fr) minmax(165px,1fr)}.sm-stat-sales{padding-left:13px}.sm-stat-sales strong{font-size:22px}.sm-heading p{font-size:13px}.sm-table{font-size:13px}.sm-store-name strong{font-size:13px}}
@media(max-width:1450px){.sm-heading-actions{gap:10px}.sm-heading p{font-size:11px}.sm-heading>div:first-child{gap:10px}.sm-filters>select{width:105px}.sm-filters>select:nth-of-type(3){width:97px}.sm-filters>select:nth-of-type(4){width:115px}.sm-search{min-width:120px}.sm-layout{grid-template-columns:minmax(0,1fr) 400px}.sm-detail-top{padding-left:16px}.sm-profile{gap:13px}.sm-profile h2{font-size:17px}.sm-profile-tags{gap:7px}.sm-profile-tags>span{padding:4px 6px}.sm-profile-tags>small{font-size:10px;margin-left:1px}.sm-tabs>button{padding:9px 8px}.sm-store-name{gap:8px}.sm-table th{font-size:11px}.sm-table-scroll{overflow-x:auto}.sm-table{min-width:860px}}
@media(max-width:1260px){.sm-heading{height:auto;min-height:85px;gap:10px}.sm-heading>div:first-child{display:block}.sm-heading h1{font-size:25px}.sm-heading p{margin-top:3px;font-size:11px;padding:0}.sm-heading-actions{gap:8px}.sm-heading-actions .sm-button:first-child{width:105px}.sm-heading-actions .sm-button:nth-child(2){width:140px}.sm-heading-actions .sm-add-button{width:125px}.sm-heading-actions .sm-button{padding:0 10px;font-size:12px}.sm-layout{grid-template-columns:minmax(0,1fr) 365px}.sm-list-column{padding-left:14px;padding-right:12px}.sm-detail-column{padding-right:12px}.sm-filters{height:auto;flex-wrap:wrap;padding:9px;gap:7px}.sm-search{flex-basis:100%}.sm-filters>select{flex:1;min-width:80px;width:95px}.sm-filters>select:nth-of-type(3){width:90px}.sm-filters>select:nth-of-type(4){width:115px;flex-grow:1.25}.sm-view-switch{height:37px}.sm-view-switch>button{width:31px;height:31px}.sm-profile{gap:10px}.sm-logo-large{width:50px;height:53px}.sm-profile h2{font-size:16px;gap:6px}.sm-profile-tags{gap:5px}.sm-profile-tags>small{font-size:10px}.sm-profile-tags>span{font-size:11px;padding:4px 5px}.sm-profile-tags>button{font-size:10px}.sm-detail-top{padding:17px 12px 0;height:128px}.sm-tabs{height:43px;padding:0 7px;gap:1px}.sm-tabs>button{padding:8px 6px;font-size:11px}.sm-settings-section,.sm-overview,.sm-quick{padding-left:12px;padding-right:12px}.sm-form-grid{gap:10px}.sm-field,.sm-field input,.sm-field select{font-size:11px}.sm-field input,.sm-field select{padding:0 7px}.sm-section-heading h3{font-size:12px}.sm-overview .sm-section-heading h3{font-size:12px}.sm-overview .sm-section-heading h3>span{font-size:11px}.sm-overview .sm-section-heading>button{font-size:11px}.sm-overview-card{gap:7px;padding:9px 6px}.sm-overview-card>div>span{font-size:10px}.sm-overview-card strong{font-size:15px}.sm-overview-card .sm-spark{width:54px;right:5px}.sm-mini-icon{width:25px;height:30px}.sm-mini-icon>.icon{width:18px;height:18px}.sm-quick-grid>button{font-size:11px;gap:8px}.sm-quick-grid .icon{width:18px;height:18px}}
@media(max-width:1040px){.sm-heading{min-height:105px;align-items:flex-start;padding-top:16px;position:relative;display:block}.sm-heading p{margin-top:5px}.sm-heading-actions{position:absolute;right:14px;bottom:10px}.sm-heading-actions .sm-button{height:31px}.sm-layout{display:block}.sm-list-column{padding:0 14px 20px}.sm-stat-clip{overflow-x:auto;scrollbar-width:thin}.sm-stats{grid-template-columns:repeat(3,minmax(150px,1fr)) 220px 180px;min-width:900px}.sm-filters{flex-wrap:nowrap}.sm-search{flex:1 1 200px}.sm-filters>select{flex:none;width:105px}.sm-filters>select:nth-of-type(4){flex:none}.sm-table{min-width:880px}.sm-table-scroll{overflow-x:auto}.sm-detail-column{padding:0}.sm-detail{display:none}.sm-detail.sm-detail-open{display:block;position:fixed;z-index:100;right:0;top:54px;bottom:0;width:425px;max-width:100%;overflow:auto;border-radius:8px 0 0 0;box-shadow:-25px 0 80px #0009}.sm-detail-close{display:flex;position:absolute;right:9px;top:6px;z-index:2;padding:3px;color:#aacce5}.sm-detail-close>.icon{width:16px;height:16px}.sm-detail-top{height:136px;padding:22px 16px 0}.sm-profile{gap:16px}.sm-profile h2{font-size:18px}.sm-logo-large{height:60px;width:60px}.sm-profile-tags{gap:8px}.sm-profile-tags>span{font-size:12px;padding:4px 7px}.sm-profile-tags>small{font-size:11px}.sm-tabs{padding:0 10px;height:45px}.sm-tabs>button{font-size:12px;padding:9px}.sm-settings-section,.sm-overview,.sm-quick{padding-left:16px;padding-right:16px}.sm-field,.sm-field input,.sm-field select{font-size:12px}.sm-overview-card>div>span{font-size:11px}.sm-overview-card strong{font-size:17px}.sm-overview-card{gap:10px}.sm-overview-card .sm-spark{width:65px}.sm-mini-icon{width:30px;height:34px}.sm-overview-card .sm-bars{right:10px}.sm-quick-grid>button{font-size:13px}.sm-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.sm-heading{height:auto;min-height:142px;padding:18px 12px 0}.sm-heading h1{font-size:25px}.sm-heading p{font-size:10px;white-space:normal;max-width:100%;line-height:18px;margin-top:6px}.sm-heading-actions{left:12px;right:12px;bottom:12px;gap:7px}.sm-heading-actions .sm-button:first-child{width:auto;flex:1}.sm-heading-actions .sm-button:nth-child(2){width:auto;flex:1.2}.sm-heading-actions .sm-add-button{width:auto;flex:1}.sm-heading-actions .sm-button{height:36px;font-size:11px;padding:0 8px;gap:6px}.sm-heading-actions .sm-button>.icon{width:15px;height:15px}.sm-heading-actions .sm-add-button>span{font-size:19px}.sm-list-column{padding:0 12px 16px}.sm-stat-clip{height:103px}.sm-stats{height:102px;grid-template-columns:151px 151px 151px 211px 180px;gap:8px;min-width:0;width:max-content}.sm-stat{height:101px;padding:11px;gap:12px}.sm-stat-icon{width:37px;height:39px}.sm-stat-icon>.icon{width:22px;height:22px}.sm-stat strong{font-size:25px;line-height:32px}.sm-stat>div>span,.sm-stat small{font-size:11px}.sm-filters{margin-top:11px;flex-wrap:wrap;gap:7px;padding:8px}.sm-search{flex-basis:100%;height:36px}.sm-search input{font-size:12px}.sm-filters>select{width:calc((100% - 14px)/3)!important;min-width:0;flex:none!important;height:34px;font-size:11px;padding:0 7px}.sm-filters>select:nth-of-type(4){width:calc(100% - 87px)!important}.sm-view-switch{height:35px;width:80px;flex-shrink:0}.sm-view-switch>button{height:29px;width:34px}.sm-table{min-width:880px}.sm-table th{height:37px;font-size:11px}.sm-table td{height:57px;font-size:12px}.sm-table td small{font-size:11px}.sm-results{margin-top:9px}.sm-table-scroll{scrollbar-width:thin}.sm-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sm-store-card{padding:12px}.sm-store-card .sm-store-name{gap:7px}.sm-store-card .sm-logo{height:33px;width:32px}.sm-store-card .sm-store-name strong{font-size:11px}.sm-store-card .sm-store-name small{font-size:9px}.sm-card-meta{font-size:10px;display:block;margin-top:10px}.sm-card-meta>span{display:block;margin-top:6px}.sm-dialog{padding:18px}.sm-dialog-backdrop{padding:12px}.sm-dialog .sm-form-grid{gap:12px}.sm-dialog .sm-field{font-size:12px}.sm-dialog .sm-field input,.sm-dialog .sm-field select{font-size:12px}.sm-group-list{gap:8px}.sm-detail.sm-detail-open{top:54px;width:425px}.sm-profile h2{font-size:17px}.sm-detail-top{padding-left:14px;padding-right:14px}.sm-profile{gap:13px}.sm-logo-large{width:55px;height:58px}.sm-profile-tags{gap:6px}.sm-profile-tags>span{font-size:11px;padding:4px 6px}.sm-profile-tags>small{font-size:10px}.sm-tabs>button{padding:9px 7px;font-size:11px}.sm-field,.sm-field input,.sm-field select{font-size:11px}.sm-form-grid{gap:11px 12px}.sm-overview-card>div>span{font-size:10px}.sm-overview-card strong{font-size:16px}.sm-quick-grid>button{font-size:12px}.sm-overview .sm-section-heading h3{font-size:12px}.sm-overview .sm-section-heading h3>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sm-page *{transition:none!important;animation:none!important}}

@media(min-width:1041px) and (max-width:1699px){.sm-stat-sales{padding-left:6px;gap:4px}.sm-stat-sales .sm-stat-icon{width:24px;flex-shrink:0}.sm-stat-sales strong{font-size:14px;letter-spacing:-.2px;line-height:32px}}
/* V4: store currency & explicit local-delete controls; inherited page layout unchanged */
.sm-row-popover{width:128px}
.sm-row-popover>.sm-menu-danger,.sm-delete-link{color:#ff929b}
.sm-row-popover>.sm-menu-danger:hover,.sm-delete-link:hover{background:#40212d;color:#ffd8dc}
.sm-delete-link{display:block;margin:12px 0 0 auto;padding:7px 10px;border-radius:4px;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.sm-delete-warning{border:1px solid #964451;border-radius:6px;background:#371e2b;padding:13px 14px;margin-bottom:16px;font-size:13px;line-height:1.8}
.sm-delete-warning>strong{color:#ffd4d7;font-size:15px}
.sm-delete-warning>p{margin:7px 0 0;color:#f0c4c8}
.sm-delete-confirm{display:flex;align-items:center;gap:9px;margin-top:12px;color:#f4ced1;font-size:12px;line-height:1.4}
.sm-delete-confirm>input{accent-color:#cc3048;width:16px;height:16px;flex:none}
.sm-dialog form>.sm-delete-submit{background:#9b253a;border-color:#c94758!important;color:white}
.sm-dialog form>.sm-delete-submit:disabled{opacity:.5;cursor:wait}

/* Address mappings are part of the existing logistics form. */
.sm-destination-rules{min-width:0;margin:4px 0 0;padding:12px 0 0;border:0;border-top:1px solid #17445f}
.sm-destination-rules legend{color:#dfedff;font-size:13px;font-weight:600;padding:0 7px 0 0}
.sm-destination-rules>.sm-form-hint{margin:4px 0 12px}
.sm-destination-rule{padding:11px;margin-bottom:10px;background:#052237;border:1px solid #16445f;border-radius:5px;min-width:0}
.sm-destination-rule label{display:flex;flex-direction:column;gap:5px;color:#a9cde4;font-size:12px;line-height:1.5;margin:0 0 9px;min-width:0}
.sm-destination-rule label:last-child{margin-bottom:0}
.sm-destination-rule input,.sm-destination-rule select,.sm-destination-rule textarea{width:100%;min-width:0;background:#001b2c;border:1px solid #155271;border-radius:4px;padding:7px 9px;color:#edf5ff;font:inherit;font-size:12px;line-height:1.6}
.sm-destination-rule textarea{resize:vertical;min-height:68px}
.sm-destination-rule [hidden]{display:none!important}
.sm-rule-top{display:flex;gap:8px;align-items:flex-start}.sm-rule-top>label{flex:1}.sm-rule-top>button{background:transparent;color:#c0d8e9;border:0;cursor:pointer;padding:3px}.sm-rule-top>button .icon{width:16px;height:16px}
.sm-destination-rules>.sm-button{font-size:12px;display:inline-flex;align-items:center;gap:6px}.sm-destination-rules>.sm-button .icon{width:15px;height:15px}
.sm-destination-rule input:focus-visible,.sm-destination-rule select:focus-visible,.sm-destination-rule textarea:focus-visible{outline:2px solid #58b6ee;outline-offset:1px}
.sm-detail button:disabled{cursor:not-allowed;opacity:.5}

/* live.css */
/* Login overlay appears only before local admin authentication. Original page geometry is unchanged. */
#nx-login-overlay {position:fixed;inset:0;background:rgba(1,10,21,.92);z-index:99999;display:grid;place-items:center;color:#e7f1ff;font:14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif;padding:18px;}
#nx-login-overlay[hidden] {display:none!important}
#nx-login-overlay form{background:linear-gradient(140deg,#091b30,#061322);border:1px solid #28527e;border-radius:17px;width:min(420px,100%);padding:30px;box-shadow:0 20px 65px #0007;display:grid;gap:12px}
.nx-login-brand{color:#edc275;font-size:24px;font-weight:800;letter-spacing:.04em}#nx-login-overlay h2{margin:0;font-size:23px}#nx-login-overlay p{margin:0 0 8px;color:#a8c3dc}
#nx-login-overlay label{font-weight:700}#nx-login-overlay input{background:#081c31;color:white;border:1px solid #37658d;border-radius:7px;padding:12px}
#nx-login-overlay button{background:#e8b96d;color:#101e2f;border:none;border-radius:8px;padding:12px;font-weight:800;cursor:pointer}
#nx-login-overlay small{color:#9bb3cd}.nx-login-error{color:#ff9898!important;min-height:1em}
#nx-data-status{position:fixed;right:16px;bottom:16px;z-index:8001;display:flex;align-items:center;gap:12px;max-width:min(560px,calc(100vw - 32px));padding:12px 14px;border:1px solid #9b773d;border-radius:8px;background:#142333;color:#f1d6a3;font:12px/1.5 'Segoe UI','Microsoft YaHei',sans-serif;box-shadow:0 8px 24px #0005}
#nx-data-status[hidden]{display:none!important}#nx-data-status button{flex:none;border:1px solid #477092;border-radius:5px;padding:6px 10px;background:#14314e;color:#eff6ff;font:inherit;cursor:pointer}#nx-data-status button:focus-visible{outline:2px solid #f1c777;outline-offset:3px}
/* V9 accounts. Authentication layer does not change existing dashboard geometry. */
#nx-login-overlay {background:radial-gradient(circle at 70% 5%,rgba(33,93,146,.35),transparent 50%),linear-gradient(140deg,#020b16,#051a30 65%,#071e35)}
#nx-login-overlay form {border-color:#37628e;padding:36px;box-shadow:0 24px 90px #000b}
#nx-account-bar{position:fixed;right:16px;bottom:16px;z-index:8000;display:flex;gap:8px;align-items:center;background:#071c30ed;border:1px solid #365d80;border-radius:12px;padding:8px 12px;color:#eaf4ff;font:13px/1.35 'Segoe UI','Microsoft YaHei',sans-serif;box-shadow:0 8px 25px #0008}
#nx-account-bar[hidden]{display:none!important}#nx-account-bar small{color:#a2bcd2;margin-left:3px}
#nx-account-bar button,.nx-manager-window button{border:1px solid #477092;background:#14314e;color:#eff6ff;border-radius:7px;padding:7px 10px;cursor:pointer;font:inherit}
#nx-account-bar button:hover,.nx-manager-window button:hover{background:#225078}
#nx-user-manager{position:fixed;inset:0;background:#010913d9;z-index:90000;display:grid;place-items:center;padding:15px;font:13px/1.5 'Segoe UI','Microsoft YaHei',sans-serif;color:#ddecff}
.nx-manager-window{width:min(900px,100%);max-height:90vh;display:flex;flex-direction:column;background:#071a2d;border:1px solid #355b81;border-radius:15px;box-shadow:0 22px 72px #000b;overflow:hidden}
.nx-manager-window>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #254665}.nx-manager-window>header strong{display:block;font-size:18px}.nx-manager-window>header small{color:#94adc5;display:block}.nx-manager-window>header button{font-size:23px;min-width:38px}
.nx-manager-body{padding:18px 20px;overflow:auto}.nx-manager-section{margin:0 0 22px}.nx-manager-section h3{font-size:15px;margin:0 0 10px}.nx-manager-section p{color:#92adc5;margin:0 0 12px}
.nx-manager-create{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.nx-manager-create label{display:grid;gap:5px;flex:1;min-width:145px}
.nx-manager-window input,.nx-manager-window select{background:#0b253f;color:#fff;border:1px solid #476e91;border-radius:6px;padding:9px;min-width:0;font:inherit}
.nx-manager-table{display:grid;gap:8px}.nx-manager-user{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px;background:#0a243e;border:1px solid #234461;border-radius:9px}.nx-manager-user b{display:block}.nx-manager-user small{display:block;color:#96b1ca}.nx-manager-user>div:last-child{display:flex;flex-wrap:wrap;gap:7px}.nx-manager-assign select{max-width:160px}.nx-manager-message{color:#ff9e9e}
/* V12 optional self-registration requires administrator approval. */
#nx-login-overlay .nx-auth-toggle{background:transparent;border:1px solid #466d91;color:#badaf4;padding:9px;font-weight:600}
#nx-login-overlay .nx-auth-toggle:hover{background:#163250}
#nx-login-overlay .nx-login-info{color:#67e0ad!important;min-height:0}

/* Keep account controls in the shared header so they never cover page actions. */
.topbar-actions #nx-account-bar{position:static;z-index:auto;flex:0 0 auto;right:auto;bottom:auto;margin-left:4px;gap:7px;border:0;border-left:1px solid #22445d;border-radius:0;padding:0 0 0 10px;background:transparent;box-shadow:none;font-size:11px;line-height:1.4;max-width:340px}
.topbar-actions #nx-account-bar>span{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-actions #nx-account-bar small{display:block;margin-left:0;font-size:10px}
.topbar-actions #nx-account-bar button{font-size:11px;padding:5px 8px;border-color:#245575;border-radius:5px;white-space:nowrap;background:#07304b}
.topbar-actions:has(#nx-account-bar:not([hidden]))>.avatar{display:none}
@media(max-width:1100px){.topbar-actions #nx-account-bar>span{display:none}.topbar-actions #nx-account-bar{max-width:none;gap:5px;padding-left:6px}}
@media(max-width:700px){.topbar-actions #nx-account-bar{margin-left:0;border:0;padding:0;gap:4px}.topbar-actions #nx-account-bar button{font-size:10px;padding:5px 6px}.topbar-actions #nx-account-bar small{display:none}}
.nx-manager-user.nx-store-access{align-items:flex-start}
.nx-manager-assign>label{display:flex;align-items:center;gap:7px;font-size:12px;color:#b8d6ec}
.nx-manager-user>.nx-store-shares{flex-basis:100%;display:flex;flex-wrap:wrap;gap:9px 16px;border:0;border-top:1px solid #254863;min-width:0;margin:0;padding:10px 0 0}
.nx-store-shares legend{font-size:12px;color:#a9c8df;padding:0 8px 0 0}
.nx-store-shares>label{display:inline-flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere;font-size:12px;cursor:pointer}
.nx-store-shares input[type=checkbox]{width:15px;height:15px;padding:0;margin:0;min-width:15px;accent-color:#2199ed}
.nx-store-shares input:disabled{opacity:.45}.nx-store-shares small{font-size:12px}
@media(max-width:700px){.nx-manager-assign{width:100%}.nx-manager-assign>label{flex:1}.nx-manager-assign select{max-width:none;width:100%}.nx-manager-window .nx-store-access{padding:10px}.nx-manager-user>.nx-store-shares{gap:11px}}

/* A fresh device reads its authenticated server snapshot before showing empty metrics. */
body.nx-data-loading #dashboard{visibility:hidden;pointer-events:none}
#nx-data-status.nx-initial{position:fixed;left:calc(50% + 64px);right:auto;top:115px;bottom:auto;transform:translateX(-50%);max-width:min(580px,calc(100vw - 180px));padding:20px 24px;border-color:#245575;color:#badaf4;background:#071c30;box-shadow:none}
#nx-data-status.nx-initial span{overflow-wrap:anywhere}
@media(max-width:700px){#nx-data-status.nx-initial{left:16px;right:16px;top:100px;transform:none;max-width:none;padding:18px;align-items:flex-start}}

/* sidebar-unified.css */
/* Single navigation layout for home / stores / orders.
   Deliberately scoped to the sidebar and shell: business pages are not restyled. */
body.route-home, body.route-stores, body.route-orders { --sidebar: 196px; --header: 56px; }
#sidebar.nx-sidebar-unified,
body.subpage #sidebar.nx-sidebar-unified {
  top: 0; bottom: 0; width: var(--sidebar); min-width: var(--sidebar);
  display: flex; flex-direction: column;
  padding: 0 11px 13px;
  background: linear-gradient(160deg, #031727 0%, #061a2b 66%, #041523 100%);
  border-right: 1px solid #12405d;
  z-index: 31;
}
#sidebar.nx-sidebar-unified .brand,
body.subpage #sidebar.nx-sidebar-unified .brand {
  height: var(--header); min-height: var(--header); display: flex;
  align-items: center; padding: 0 7px; font-size: 24px;
  font-weight: 800; color: #f3bf72; letter-spacing: 1px;
  white-space: nowrap;
}
#sidebar.nx-sidebar-unified nav,
body.subpage #sidebar.nx-sidebar-unified nav {
  display: block; flex: 1; min-height: 0;
  overflow-y: auto; overflow-x: hidden;
  padding: 11px 2px 14px 0;
  scrollbar-width: thin;
  scrollbar-color: #214968 transparent;
}
#sidebar.nx-sidebar-unified .nav-item,
body.subpage #sidebar.nx-sidebar-unified .nav-item {
  display: flex; align-items: center; width: 100%; height: 39px;
  margin: 0 0 3px; padding: 0 10px; gap: 12px;
  border: 1px solid transparent; border-radius: 8px;
  background: transparent; color: #bcd4eb;
  text-align: left; font-size: 13px; font-weight: 500;
  transition: background .15s ease, color .15s ease;
}
#sidebar.nx-sidebar-unified .nav-item > .icon,
body.subpage #sidebar.nx-sidebar-unified .nav-item > .icon {
  width: 18px; height: 18px; flex-shrink: 0;
}
#sidebar.nx-sidebar-unified .nav-item:hover,
body.subpage #sidebar.nx-sidebar-unified .nav-item:hover {
  background: #103047; color: #f2f7ff;
}
#sidebar.nx-sidebar-unified .nav-item.active,
body.subpage #sidebar.nx-sidebar-unified .nav-item.active {
  background: linear-gradient(105deg, #2a2c2b, #112534);
  border-color: rgba(232, 183, 107, .32);
  box-shadow: inset 3px 0 #eebb6d;
  color: #ffd184; font-weight: 700;
}
#sidebar.nx-sidebar-unified .nav-item.active > .icon { width: 18px; height: 18px; }
#sidebar.nx-sidebar-unified .nav-caption,
body.subpage #sidebar.nx-sidebar-unified .nav-caption {
  margin: 13px 8px 7px;
  color: #82a8c7; font-size: 11px; line-height: 15px;
  letter-spacing: .5px;
}
#sidebar.nx-sidebar-unified .nav-count,
body.subpage #sidebar.nx-sidebar-unified .nav-count {
  margin-left: auto; padding: 0 5px;
  border-radius: 5px; height: 19px; min-width: 19px; line-height: 19px;
  background: #153856; color: #b8dbfc; font-size: 11px; text-align: center;
}
#sidebar.nx-sidebar-unified .sidebar-footer,
body.subpage #sidebar.nx-sidebar-unified .sidebar-footer {
  margin-top: auto; padding: 12px 6px 2px;
  border-top: 1px solid #1a3b54; color: #789ab8;
  font-size: 10px; white-space: nowrap;
}
/* Route page layout remains unique, but shell width/position stays identical. */
body.subpage .topbar {
  left: var(--sidebar); right: 0; top: 0;
  height: var(--header); padding: 0 25px;
  background: linear-gradient(105deg, #03192a, #07335b 57%, #031a2c);
}
body.subpage .main-content { margin-left: var(--sidebar); padding-top: var(--header); }
body.subpage .sidebar-scrim { top: 0; }
@media (max-width: 700px) {
  #sidebar.nx-sidebar-unified,
  body.subpage #sidebar.nx-sidebar-unified {
    transform: translateX(-100%);
    width: 212px; min-width: 212px;
  }
  #sidebar.nx-sidebar-unified.open,
  body.subpage #sidebar.nx-sidebar-unified.open { transform: translateX(0); }
  body.subpage .topbar { left: 0; padding: 0 12px; }
  body.subpage .main-content { margin-left: 0; }
  body.subpage .sidebar-scrim { top: 0; }
}
/* Route-independent layout for the listing parent and its nested records link. */
#sidebar.nx-sidebar-unified .nx-nav-group{width:100%;min-width:0;margin:0;padding:0}
#sidebar.nx-sidebar-unified .nx-nav-parent-row{position:relative;display:flex;align-items:stretch;min-width:0}
#sidebar.nx-sidebar-unified .nx-nav-group>.nx-nav-parent-row>.nav-item{height:39px;margin:0 0 3px;padding:0 40px 0 10px;font-size:13px;gap:12px}
#sidebar.nx-sidebar-unified .nx-nav-toggle{position:absolute;right:3px;top:2px;bottom:auto;display:grid;place-items:center;width:34px;height:35px;padding:0;border:0;border-radius:6px;background:transparent;color:#9dbed6;cursor:pointer}
#sidebar.nx-sidebar-unified .nx-nav-toggle:hover{background:#174c6b;color:#ffce7d}
#sidebar.nx-sidebar-unified .nx-nav-toggle:focus-visible{outline:2px solid #65baf0;outline-offset:-2px}
#sidebar.nx-sidebar-unified .nx-nav-toggle>.icon{width:13px;height:13px;transition:transform .16s}
#sidebar.nx-sidebar-unified .nx-nav-group.is-expanded>.nx-nav-parent-row>.nx-nav-toggle>.icon{transform:rotate(90deg)}
#sidebar.nx-sidebar-unified .nx-nav-group.has-active-child>.nx-nav-parent-row>.nx-nav-toggle{color:#ffce7d}
#sidebar.nx-sidebar-unified .nx-nav-submenu{display:block;margin:0;padding:0}
#sidebar.nx-sidebar-unified .nx-nav-submenu[hidden]{display:none!important}
#sidebar.nx-sidebar-unified .nx-nav-submenu>.nav-item.nx-nav-child{position:relative;height:33px;margin:0 0 5px;padding:0 10px 0 40px;gap:12px;font-size:12px;font-weight:500;color:#9bbad4}
#sidebar.nx-sidebar-unified .nx-nav-submenu>.nav-item.nx-nav-child:before{content:"";position:absolute;left:24px;top:-4px;bottom:15px;width:8px;border-left:1px solid #36556d;border-bottom:1px solid #36556d;border-radius:0 0 0 3px}
#sidebar.nx-sidebar-unified .nx-nav-submenu>.nav-item.nx-nav-child>.icon{width:14px;height:14px}
#sidebar.nx-sidebar-unified .nx-nav-submenu>.nav-item.nx-nav-child:hover{color:#f2f7ff;background:#103047}
#sidebar.nx-sidebar-unified .nx-nav-submenu>.nav-item.nx-nav-child.active{color:#ffd184;font-weight:700}
#sidebar.nx-sidebar-unified .nx-nav-parent-row>.nav-item.has-active-child{color:#e8d1a5;background:#10283a}
#sidebar.nx-sidebar-unified .nx-nav-parent-row>.nav-item.has-active-child:hover{color:#ffe2ad;background:#17405a}
@media(max-width:700px){#sidebar.nx-sidebar-unified .nx-nav-toggle{right:1px;width:40px}#sidebar.nx-sidebar-unified .nx-nav-group>.nx-nav-parent-row>.nav-item{padding-right:43px}}
@media(prefers-reduced-motion:reduce){#sidebar.nx-sidebar-unified .nx-nav-toggle>.icon{transition:none}}

/* data-pages.css */
/* V11 real-data detail pages. Scoped styles do not modify the existing homepage. */
.nxdata-page{color:#d9eaf8;padding:14px 20px 30px;min-width:0}
.nxdata-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.nxdata-heading h1{font-size:23px;margin:0 0 5px;color:#f4f9fd;font-weight:700}
.nxdata-heading p{font-size:12px;line-height:1.6;color:#84a9c3;margin:0}
.nxdata-controls{display:flex;gap:8px;flex-wrap:wrap}
.nxdata-controls select,.nxdata-panel-heading input{background:#032238;color:#d9efff;border:1px solid #225271;border-radius:6px;height:36px;padding:0 10px;max-width:100%;font:inherit}
.nxdata-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.nxdata-stat,.nxdata-panel{background:#032036;border:1px solid #16516e;border-radius:8px}
.nxdata-stat{padding:16px 18px;min-width:0;display:flex;flex-direction:column;gap:9px}
.nxdata-stat>span{color:#9fc4d9;font-size:12px}.nxdata-stat strong{color:#54baff;font-size:23px;overflow-wrap:anywhere}.nxdata-stat small{color:#7fa5ba;font-size:11px}
.nxdata-panel{padding:15px 18px;margin-bottom:12px;min-width:0}
.nxdata-panel h2{margin:0 0 13px;color:#e9f5ff;font-size:15px}
.nxdata-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.nxdata-panel-heading h2{margin:0}
.nxdata-table-wrap{overflow:auto;max-height:60vh;max-width:100%}
.nxdata-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.nxdata-table thead{position:sticky;top:0;background:#06314b;z-index:1}
.nxdata-table th,.nxdata-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #1a4760;vertical-align:middle}
.nxdata-table th{color:#a4c5db;font-weight:600}.nxdata-table td{color:#daedfa}.nxdata-table tr:hover td{background:#052940}
.nxdata-product{display:flex;align-items:center;gap:9px;min-width:210px;max-width:320px;white-space:normal}.nxdata-product img,.nxdata-noimg{width:38px;height:38px;object-fit:contain;flex:none;border-radius:4px;background:#16405b}.nxdata-noimg{display:grid;place-items:center}
.nxdata-note{margin:11px 0 0;font-size:11px;color:#88abc1;line-height:1.65}
.nxdata-empty{text-align:center!important;padding:40px 18px!important;color:#8fb0c9!important}
.nxdata-tags{display:flex;gap:9px;flex-wrap:wrap}.nxdata-tags span{padding:9px 13px;border:1px solid #1e607d;border-radius:6px;color:#cee7fa;background:#062a40}
.nxdata-graph{display:flex;align-items:stretch;gap:3px;height:220px;overflow-x:auto;padding:10px 0}.nxdata-bar-col{display:flex;flex:1 0 20px;max-width:58px;min-width:14px;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;color:#89a8c1}.nxdata-bar-bg{height:155px;width:65%;display:flex;align-items:flex-end;border-radius:4px;background:#082c49;overflow:hidden}.nxdata-bar-bg>div{width:100%;background:linear-gradient(0deg,#1577cc,#43b7fe);min-height:0}.nxdata-bar-col small{font-size:10px}.nxdata-bar-col span{font-size:10px;color:#dcefff}
.nxdata-empty-panel{min-height:160px;display:flex;flex-direction:column;justify-content:center}.nxdata-empty-panel p{color:#93b4c8;line-height:1.7}
@media(max-width:1000px){.nxdata-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.nxdata-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.nxdata-page{padding:12px}.nxdata-stat{padding:12px}.nxdata-stat strong{font-size:19px}.nxdata-panel{padding:12px}.nxdata-panel-heading{align-items:stretch;flex-direction:column}}

/* listing.css */
/* Listing and its history share the same dark work surface as the system. */
body.route-listing,body.route-listing-records{--sidebar:196px;--header:56px;background:radial-gradient(ellipse at 49% -10%,#05243e,#001728 45%,#001321 87%)}
body.route-listing #dashboard,body.route-listing-records #dashboard{padding:calc(var(--header) + 10px) 10px 56px;margin-left:var(--sidebar);min-height:100dvh;color:#e2effa;background:transparent;color-scheme:dark;font-size:12px}
.il-page,.lr-page,.il-modal{--il-blue:#62b9ff;--il-line:#19516f;--il-muted:#a4c7e0;--il-text:#e2effa;--il-surface:#04263d;--il-field:#031d30;--il-head:#0c3652;min-width:0;font-size:12px;line-height:1.5;color:#e2effa}
.il-page *, .lr-page *{box-sizing:border-box}
.il-page ::selection,.lr-page ::selection,.il-modal ::selection{background:#15547a;color:#dcecf9}
.il-page input,.il-page select,.il-page textarea,.lr-page input,.lr-page select,.il-modal input,.il-modal select,.il-modal textarea{font:inherit;color:#e2effa;background:var(--il-field);border:1px solid #245875;border-radius:5px;outline-offset:2px;min-width:0;caret-color:#72c3ff}
.il-page input::placeholder,.il-page textarea::placeholder,.lr-page input::placeholder{color:#9abbd5;opacity:1}
.il-page select,.lr-page select,.il-modal select{appearance:auto;padding:0 9px}
.il-page input[type=checkbox],.lr-page input[type=checkbox],.il-modal input[type=checkbox]{width:13px;height:13px;margin:0;accent-color:#3897ff;cursor:pointer;vertical-align:middle;flex-shrink:0}
.il-page button,.lr-page button,.il-modal button{font:inherit}
.il-page button:disabled,.lr-page button:disabled,.il-modal button:disabled{cursor:not-allowed;opacity:.45}
.il-page :focus-visible,.lr-page :focus-visible,.il-modal :focus-visible{outline:2px solid #1379e6;outline-offset:3px}
.il-button{height:29px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 11px;border:1px solid #276b96;border-radius:5px;white-space:nowrap;color:#72c3ff;background:var(--il-surface);font-size:11px;line-height:1.2;flex-shrink:0}
.il-button:hover:not(:disabled){background:#0c3b5b;border-color:#69bfff}
.il-button .icon{width:13px;height:13px;stroke-width:1.4}
.il-button.il-primary{background:#3794fc;border-color:#3794fc;color:#fff}
.il-button.il-primary:hover:not(:disabled){background:#147eea}
.il-tabbar{height:36px;border:1px solid #19516f;background:var(--il-surface);border-radius:7px 7px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;margin-bottom:13px;box-shadow:0 2px 9px #00000024}
.il-tabbar>span{height:36px;display:flex;align-items:center;border-bottom:2px solid #3897ff;font-weight:500;font-size:12px}
.il-tab-actions{display:flex;gap:12px;align-items:center}
.il-tab-actions small{font-size:11px;color:#a4c7e0}
.il-tab-actions>.il-button{height:23px;border-color:#245875;font-size:11px}
.il-panel{border:1px solid var(--il-line);background:var(--il-surface);border-radius:0 0 8px 8px;box-shadow:0 2px 9px #00000024;min-width:0}
.il-panel-heading{height:35px;border-bottom:1px solid #19516f;display:flex;align-items:center;gap:10px;padding:0 13px}
.il-panel-heading h2{font-size:12px;line-height:1.1;font-weight:600;white-space:nowrap;border-left:2px solid #2e8cff;padding-left:5px;color:#e3f1fc}
.il-panel-heading>p{font-size:11px;color:#eeb979;white-space:nowrap}
.il-select-all{margin-left:auto;font-size:11px;color:#b3cee3;display:flex;gap:5px;align-items:center;cursor:pointer}
.il-store-grid{padding:10px 13px 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:8px 10px;min-height:204px}
.il-store-cell{min-width:0;background:#062b44;border:1px solid #164663;border-radius:5px;min-height:33px;padding:8px 10px;color:#d9eaf8}
.il-store-cell.is-selected{background:#0c3b5b;border-color:#479fdd}
.il-store-name{display:flex;align-items:center;gap:7px;font-size:12px;line-height:16px;cursor:pointer}
.il-store-details{margin-top:7px;padding-top:5px;border-top:1px solid #236084}
.il-store-details>p{color:#a4c7e0;font-size:11px;margin-bottom:6px;line-height:15px;overflow-wrap:anywhere}
.il-store-details>p span{margin-left:10px;color:#edb47d}
.il-warehouse-line{display:flex;gap:7px;align-items:center;min-width:0}
.il-warehouse-line select{min-width:0;flex:1;height:25px;font-size:11px;padding:0 5px;color:#c3dcee;border-color:#245875}
.il-warehouse-line>.il-button{width:17px;height:23px;padding:0;border:0;color:#a4c7e0;background:transparent}
.il-warehouse-line>.il-button .icon{width:12px;height:12px}
.il-stepper{display:flex;height:25px;border:1px solid #245875;border-radius:5px;overflow:hidden;flex-shrink:0}
.il-stepper .il-button{border:0;border-radius:0;background:#0a3551;color:#bdd8ed;padding:0;width:22px;height:23px;font-size:13px}
.il-stepper input{width:30px;border:0;border-left:1px solid #245875;border-right:1px solid #245875;border-radius:0;text-align:center;font-size:11px;appearance:textfield}
.il-stepper input::-webkit-inner-spin-button{appearance:none}
.il-empty-store{grid-column:1/-1;align-self:center;text-align:center;padding:20px;color:#abc9df}
.il-empty-store>.icon{display:block;width:26px;height:26px;margin:0 auto 7px;color:#82b8df}
.il-empty-store strong{font-size:13px;display:block;font-weight:500;color:#e0effa}
.il-empty-store p{margin:5px 0 10px;font-size:11px}
.il-editor-layout{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(280px,1fr);gap:13px;margin-top:16px;align-items:stretch}
.il-product-panel{display:flex;flex-direction:column;min-height:380px}
.il-product-panel .il-panel-heading{padding-right:12px;gap:8px;height:auto;min-height:37px;flex-wrap:wrap;padding-block:5px}
.il-editor-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:1;flex-wrap:wrap}
.il-editor-tools .il-button{font-size:11px;height:24px;padding:0 8px;gap:4px}
.il-editor-tools .il-button .icon{width:11px;height:11px}
.il-textarea-wrap{position:relative;flex:1;display:flex;padding:12px 13px 16px;min-height:330px}
.il-textarea-wrap textarea{color-scheme:dark;display:block;border:1px solid #338cc2;resize:vertical;width:100%;height:100%;min-height:310px;padding:9px 11px 27px;font-size:12px;line-height:1.7;border-radius:6px;background:var(--il-field);box-shadow:none;max-width:100%;color:#e2effa}
.il-textarea-wrap>span{position:absolute;bottom:23px;right:25px;font-size:11px;color:#a4c7e0;pointer-events:none;background:var(--il-surface);padding:0 5px}
.il-format-panel ul{list-style:disc;margin:13px 17px 13px 30px;padding:0;color:#bad4e8;font-size:11px;line-height:1.8}
.il-format-panel li{margin:0 0 7px;padding-left:2px;overflow-wrap:anywhere}
.il-format-note{margin:12px 15px 17px;font-size:11px;color:#a4c7e0;line-height:1.7;border-top:1px solid #19516f;padding-top:10px}
.il-message{margin:12px 4px 5px;min-height:18px;color:#ffc18b;font-size:11px}.il-message:not(.is-visible){visibility:hidden}
.il-bottom-bar{position:fixed;left:var(--sidebar);right:0;bottom:0;background:var(--il-surface);border-top:1px solid #19516f;box-shadow:0 -3px 14px #00000024;z-index:20;min-height:49px;padding:9px 14px;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.il-bottom-bar .il-primary{box-shadow:0 3px 9px #147df535}
.il-bottom-hint{margin-right:auto;font-size:11px;color:#a4c7e0;max-width:60%;overflow-wrap:anywhere}
.il-clear-switch{display:flex;align-items:center;gap:6px;font-size:11px;color:#bdd5e7;white-space:nowrap}
.il-clear-switch>span:last-child{color:#1688ff}
.il-clear-switch input[type=checkbox]{appearance:none;width:32px;height:18px;border:0;border-radius:12px;background:#aab7c7;position:relative;transition:background .15s;cursor:pointer}
.il-clear-switch input:before{content:'';width:14px;height:14px;border-radius:50%;position:absolute;left:2px;top:2px;background:#e2effa;transition:transform .15s;box-shadow:0 1px 3px #233c5a20}
.il-clear-switch input:checked{background:#2e91f7}
.il-clear-switch input:checked:before{transform:translateX(14px)}
.lr-page{display:flex;flex-direction:column;gap:12px;min-height:calc(100dvh - var(--header) - 20px)}
.lr-filter-panel{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto auto auto;gap:10px;align-items:center;padding:14px 15px;border:1px solid #19516f;border-radius:9px;box-shadow:0 2px 7px #00000024;background:var(--il-surface)}
.lr-filter-panel>select,.lr-filter-panel>input{height:31px;padding:0 11px;font-size:12px;width:100%}
.lr-filter-panel>.il-button:last-of-type{border-color:transparent;padding:0 6px;gap:1px}
.lr-filter-panel>.il-button:last-of-type .icon{height:11px;width:11px;transform:rotate(90deg);order:1}
.lr-expanded-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:15px;padding:9px 0 2px;border-top:1px solid #19516f;margin-top:3px}
.lr-expanded-filters>label{display:flex;gap:7px;align-items:center;font-size:11px;color:#b5d0e5}
.lr-expanded-filters input,.lr-expanded-filters select{height:29px;padding:0 9px}
.lr-table-panel{border:1px solid #19516f;border-radius:1px;background:var(--il-surface);display:flex;flex-direction:column;flex:1;min-width:0}
.lr-toolbar{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;flex-wrap:wrap}
.lr-batch-actions{display:flex;gap:8px;flex-wrap:wrap}
.lr-batch-actions .il-button{height:29px;font-size:11px;padding:0 10px}
.lr-retention{display:flex;align-items:center;gap:6px;border:1px solid #245875;border-radius:30px;padding:5px 11px;font-size:11px;color:#a4c7e0;line-height:1.25}
.lr-retention .icon{width:12px;height:12px;color:#d29b76}.lr-retention>span{margin-left:10px}.lr-retention b{font-weight:500;color:#72c3ff}
.lr-table-scroll{overflow-x:auto;overscroll-behavior:contain;scrollbar-color:#2b617f #031d30;flex:1;min-width:0}
.il-page ::-webkit-scrollbar-track,.lr-page ::-webkit-scrollbar-track,.il-modal ::-webkit-scrollbar-track{background:#031d30}
.il-page ::-webkit-scrollbar-thumb,.lr-page ::-webkit-scrollbar-thumb,.il-modal ::-webkit-scrollbar-thumb{background:#2b617f}
.lr-table{width:100%;min-width:1210px;table-layout:fixed;border-collapse:collapse;font-size:11px;color:#dcecf9}
.lr-table th{height:40px;background:#0b3551;color:#dcecf9;font-size:11px;text-align:left;font-weight:600;padding:0 10px;border-bottom:1px solid #245875}
.lr-table th:first-child{width:30px;padding-left:12px}.lr-table th:nth-child(2){width:159px}.lr-table th:nth-child(3){width:34%}.lr-table th:nth-child(4){width:170px}.lr-table th:nth-child(5){width:156px}.lr-table th:nth-child(6){width:87px}.lr-table th:nth-child(7){width:81px}.lr-table th:nth-child(8){width:100px}.lr-table th:last-child{width:93px}
.lr-table td{padding:15px 10px;height:112px;border-bottom:1px solid #194965;vertical-align:middle;overflow-wrap:anywhere}
.lr-table td:first-child{padding-left:12px;padding-right:0}
.lr-table tbody tr:nth-child(odd){background:#0b3551}.lr-table tbody tr:nth-child(even){background:#04263d}.lr-table tbody tr:hover{background:#0c3e5c}
.lr-upload-info{font-size:11px}.lr-upload-info p{line-height:1.6}.lr-upload-info span,.lr-product p span,.lr-settings p>span{color:#a4c7e0}
.lr-product{display:flex;align-items:center;gap:9px;min-width:0}.lr-product>button{width:54px;height:54px;flex-shrink:0;padding:0;overflow:hidden;border-radius:4px;background:var(--il-surface)}.lr-product>button img{width:100%;height:100%;object-fit:contain}.lr-product>div{min-width:0}
.lr-product-name{color:#72c3ff;text-align:left;padding:0;display:block;font-size:11px;line-height:1.55;max-width:100%;overflow-wrap:anywhere}.lr-product-name:hover{text-decoration:underline}.lr-product p{font-size:11px;line-height:1.65}
.lr-copy{padding:0 1px;vertical-align:middle;color:#a4c7e0}.lr-copy .icon{width:12px;height:12px}
.lr-no-image{width:54px;height:54px;border:1px solid #245875;background:var(--il-surface);display:grid;place-items:center;color:#82a9c7;border-radius:4px;flex-shrink:0}.lr-no-image .icon{width:24px;height:24px}
.lr-image-set{display:flex;align-items:center;gap:4px}.lr-image-set>button{padding:0;width:35px;height:35px;flex-shrink:0;background:var(--il-surface);border:1px solid #245875;border-radius:5px;overflow:hidden}.lr-image-set img{width:100%;height:100%;object-fit:cover}.lr-image-set>.lr-image-more{border:0;background:#356481;color:#fff;width:24px;height:24px;border-radius:50%;font-size:11px;margin-left:-7px}
.lr-muted{font-size:11px;color:#a4c7e0}.lr-settings p{line-height:1.55;font-size:11px}.lr-settings>button{padding:3px 0 0;color:#72baff;font-size:11px}
.lr-method{font-size:11px;color:#ffbf89;border:1px solid #805238;background:#402b20;border-radius:2px;padding:3px 6px;display:inline-flex;white-space:nowrap}.lr-status{font-size:11px;padding:3px 7px;border:1px solid #245875;border-radius:2px;display:inline-block;white-space:nowrap}.lr-status.success{background:#073a30;border-color:#18775f;color:#29e0ad}.lr-status.failed{background:#452d1b;border-color:#825936;color:#ffc47b}.lr-status.pending{background:#0c3b5b;color:#83c8ff;border-color:#286690}
.lr-progress{font-size:11px;display:block;color:#83c8ff;margin-top:10px;padding:0}.lr-record-message{font-size:11px;color:#c6b5a5;max-height:112px}.lr-row-actions .il-button{height:23px;font-size:11px;padding:0 7px;width:76px;margin-bottom:4px}.lr-row-actions .il-button:last-child{margin-bottom:0}
.lr-empty{display:flex;min-height:370px;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px;padding:40px;color:#abc9df;background:var(--il-surface)}.lr-empty>.icon{width:36px;height:36px;margin-bottom:5px;stroke-width:1.25}.lr-empty strong{font-size:14px;color:#dcecf9;font-weight:500}.lr-empty p{font-size:12px;margin-bottom:9px;max-width:400px;line-height:1.8}
.lr-pagination{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--il-surface);min-height:44px;padding:8px 13px;color:#b2cee2;font-size:11px;border-top:1px solid #245875}.lr-pagination>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lr-pagination select{height:26px;width:84px;border-color:#245875;font-size:11px}.lr-pagination .il-button{width:25px;height:25px;min-width:25px;padding:0;border-color:#245875;background:#0a3551;color:#b5d0e5}.lr-pagination .il-button[aria-current=page]{background:#3895fe;color:#fff;border-color:#3895fe}.lr-pagination label{display:flex;gap:6px;align-items:center;margin-left:6px}.lr-pagination input{width:35px;height:25px;text-align:center;border-color:#245875;font-size:11px;appearance:textfield}.lr-pagination input::-webkit-inner-spin-button{appearance:none}
.lr-error{margin:0 12px 10px;border:1px solid #805b39;background:#392d23;color:#ffd1a6;font-size:12px;padding:10px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.il-modal-backdrop{position:fixed;inset:0;z-index:90;background:#000d19c7;display:flex;align-items:center;justify-content:center;padding:24px;color:#dcecf9;color-scheme:dark}
.il-modal{border:1px solid var(--il-line);width:510px;max-width:100%;max-height:90dvh;background:var(--il-surface);border-radius:10px;box-shadow:0 15px 50px #00000066;display:flex;flex-direction:column;font-size:13px;line-height:1.6;overflow:hidden}
.il-modal-wide{width:840px}.il-modal>header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #19516f;gap:15px}.il-modal>header h2{font-size:17px;font-weight:600;color:#e2effa}.il-modal>header .il-button{border:0;width:28px;padding:0;color:#a4c7e0}.il-modal>header .icon{width:18px;height:18px}.il-modal-body{overflow:auto;padding:20px;overscroll-behavior:contain}.il-modal>footer{display:flex;justify-content:flex-end;gap:9px;padding:12px 20px;border-top:1px solid #19516f;flex-wrap:wrap}.il-modal .il-button{height:32px;font-size:12px}
.il-dialog-help{color:#a4c7e0;font-size:12px;line-height:1.7;margin:0 0 17px}.il-modal form>label,.il-form-grid>label,.il-copy-field{display:grid;gap:6px;font-size:12px;color:#bdd5e7;margin-bottom:15px}.il-modal input:not([type=checkbox]),.il-modal select{height:34px;padding:0 9px;width:100%}.il-modal textarea{padding:9px;width:100%;resize:vertical;min-height:100px;line-height:1.6}.il-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.il-form-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.il-modal .il-confirm-check{display:flex;gap:7px;align-items:center;margin-top:20px;font-size:12px;color:#b5d0e5}
.il-modal-error{background:#402c26;border:1px solid #80543c;padding:9px 11px;color:#ffd0ad;font-size:12px;line-height:1.8;margin-top:13px;overflow-wrap:anywhere}.il-validation-list{margin:0;padding:0 0 0 20px;color:#ffc49b;font-size:12px;line-height:1.9}.il-inline-empty{padding:25px 12px;color:#abc9df;font-size:12px;line-height:1.8;text-align:center}.il-inline-empty .icon{display:block;margin:0 auto 10px;width:26px;height:26px;color:#82b8df}
.il-picker-list{max-height:350px;overflow:auto;border:1px solid #245875;border-radius:5px}.il-picker-list>label{display:flex;gap:9px;align-items:center;padding:11px;border-bottom:1px solid #19516f;cursor:pointer}.il-picker-list>label:last-child{border-bottom:0}.il-picker-list strong{display:block;font-size:12px;font-weight:500;color:#dfedf8}.il-picker-list small{font-size:11px;color:#a4c7e0;display:block;margin-top:4px}
.il-preview-summary{display:flex;gap:30px;background:#082f4b;border-radius:5px;padding:12px;margin-bottom:14px;font-size:12px;color:#bdd5e7}.il-preview-summary b{color:#72c3ff;font-size:17px;margin-left:5px}.il-preview-table{overflow:auto}.il-preview-table table{width:100%;min-width:450px;border-collapse:collapse;font-size:12px}.il-preview-table th{background:#0b3551;color:#c7dfef;text-align:left;font-weight:500;padding:8px}.il-preview-table td{padding:9px 8px;border-bottom:1px solid #19516f;overflow-wrap:anywhere;max-width:260px}.il-preview-errors,.il-preview-warnings{font-size:12px;line-height:1.8;margin-top:18px;color:#ffc7a5}.il-preview-warnings{color:#f2cf83}.il-preview-errors ul,.il-preview-warnings ul{padding-left:18px;margin:7px 0}.il-confirm-note{font-size:12px;background:#073a56;color:#b7dcf5;padding:10px;margin-top:15px}.il-detail-list{margin:0}.il-detail-list>div{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:9px 0;border-bottom:1px solid #19516f;font-size:12px}.il-detail-list dt{color:#a4c7e0}.il-detail-list dd{margin:0;color:#dcecf9;overflow-wrap:anywhere}.il-more-actions{display:grid;gap:10px}.il-more-actions .il-button{justify-content:flex-start;height:39px;color:#bcd8ed;border-color:#245875}.il-gallery{display:flex;overflow:auto;gap:15px;scroll-snap-type:x mandatory}.il-gallery figure{margin:0;flex:0 0 100%;text-align:center;scroll-snap-align:center}.il-gallery img{max-width:100%;height:45dvh;object-fit:contain}.il-gallery figcaption{font-size:12px;color:#a4c7e0;margin-top:7px}
@media(min-width:1700px){.il-product-panel{min-height:390px}.il-textarea-wrap textarea{min-height:330px}.lr-table td{height:115px}.lr-table th:nth-child(3){width:38%}}
@media(max-width:1250px){.il-store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.il-editor-layout{grid-template-columns:minmax(0,1fr) 280px;gap:10px}.il-editor-tools{gap:5px}.il-editor-tools .il-button{padding:0 6px}.il-panel-heading>p{white-space:normal;font-size:11px}.il-bottom-hint{max-width:45%}.lr-filter-panel{grid-template-columns:repeat(2,minmax(150px,1fr)) auto auto auto}.lr-filter-panel>select:first-child{grid-column:1}.lr-filter-panel>input:nth-child(2){grid-column:2}.lr-filter-panel>input:nth-child(3){grid-column:1}.lr-filter-panel>select:nth-child(4){grid-column:2}.lr-filter-panel>.il-button{grid-row:2}.lr-filter-panel>.il-button:nth-child(5){grid-column:3}.lr-filter-panel>.il-button:nth-child(6){grid-column:4}.lr-filter-panel>.il-button:nth-child(7){grid-column:5}.lr-retention{margin-left:auto;font-size:11px}}
@media(max-width:950px){.il-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.il-editor-layout{grid-template-columns:1fr}.il-format-panel ul{columns:2;column-gap:30px}.il-format-panel li{break-inside:avoid}.il-format-note{margin-top:0}.il-bottom-hint{display:none}.il-product-panel .il-panel-heading{min-height:63px}.il-editor-tools{flex-basis:100%;justify-content:flex-start}.il-bottom-bar{padding:8px 12px}.il-store-grid{padding-bottom:15px}.lr-retention{max-width:100%;flex-wrap:wrap;border-radius:5px;line-height:1.5}.lr-retention>span{margin-left:0}}
@media(max-width:700px){body.route-listing #dashboard,body.route-listing-records #dashboard{margin-left:0;padding:calc(var(--header) + 8px) 8px 85px}.il-tabbar{padding:0 10px;margin-bottom:10px}.il-tab-actions small{display:none}.il-panel-heading{padding:0 10px;gap:6px}.il-panel-heading>p{max-width:200px;line-height:1.3;font-size:11px}.il-store-grid{padding:10px;gap:7px;grid-template-columns:1fr 1fr;min-height:130px}.il-store-cell{padding:8px;min-height:34px}.il-store-name{font-size:12px}.il-store-details>p span{display:block;margin-left:0}.il-warehouse-line{flex-wrap:wrap;gap:4px}.il-warehouse-line select{flex-basis:calc(100% - 24px)}.il-stepper{margin-top:3px}.il-editor-layout{margin-top:12px}.il-product-panel .il-panel-heading{padding:8px 10px;min-height:90px}.il-editor-tools{gap:5px}.il-editor-tools .il-button{height:26px;font-size:11px;padding:0 6px}.il-editor-tools .icon{width:11px;height:11px}.il-textarea-wrap{padding:10px;min-height:310px}.il-textarea-wrap textarea{min-height:290px;font-size:12px}.il-textarea-wrap>span{bottom:18px;right:18px}.il-format-panel ul{columns:1;font-size:12px;margin-right:14px;line-height:1.8}.il-format-panel li{margin-bottom:5px}.il-bottom-bar{left:0;min-height:58px;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px}.il-bottom-bar>.il-button{height:31px;font-size:12px}.il-clear-switch{font-size:11px;gap:5px}.il-clear-switch input[type=checkbox]{width:30px;height:18px}.il-clear-switch input:checked:before{transform:translateX(12px)}.lr-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}.lr-filter-panel>input,.lr-filter-panel>select{font-size:12px;height:33px}.lr-filter-panel>input:nth-child(3),.lr-filter-panel>select:nth-child(4){grid-row:2}.lr-filter-panel>.il-button{grid-row:3!important;width:100%}.lr-filter-panel>.il-button:nth-child(5){grid-column:1}.lr-filter-panel>.il-button:nth-child(6){grid-column:2}.lr-filter-panel>.il-button:nth-child(7){grid-row:4!important;grid-column:1/-1;justify-content:flex-end;height:22px}.lr-expanded-filters{gap:10px;padding-top:10px}.lr-expanded-filters>label{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.lr-expanded-filters input{width:115px;font-size:12px}.lr-toolbar{padding:10px;gap:10px}.lr-batch-actions{gap:6px}.lr-batch-actions .il-button{font-size:11px;height:28px;padding:0 7px}.lr-retention{font-size:11px;width:100%;padding:6px;gap:5px}.lr-retention>span{display:block;width:100%;padding-left:17px}.lr-table{font-size:12px;min-width:1240px}.lr-table th{font-size:12px}.lr-table td{font-size:12px}.lr-pagination{padding:8px 10px;align-items:flex-start;font-size:11px;gap:7px;flex-direction:column;position:static}.lr-pagination>div{gap:5px;width:100%}.lr-pagination label{margin-left:auto}.lr-pagination .il-button{width:24px;min-width:24px}.lr-pagination select{width:74px;font-size:11px}.lr-empty{align-items:flex-start;text-align:left;padding:35px 20px;min-height:300px}.lr-empty p{max-width:310px}.il-modal-backdrop{padding:12px}.il-modal{max-height:90dvh}.il-modal>header{padding:12px 15px}.il-modal-body{padding:15px}.il-modal>footer{padding:12px 15px}.il-preview-summary{gap:15px;flex-wrap:wrap}.il-preview-summary span{font-size:11px}.il-preview-summary b{font-size:15px}.il-detail-list>div{grid-template-columns:74px 1fr;gap:10px}.lr-error{font-size:12px;align-items:flex-start;flex-direction:column}.il-gallery img{height:40dvh}}
@media(prefers-reduced-motion:reduce){.il-clear-switch input,.il-clear-switch input:before{transition:none}}
.il-store-grid{align-items:stretch}.lr-unpublished{display:block;font-size:11px;color:#a4c7e0;margin-top:4px}.il-preview-table td>small{display:block;color:#a4c7e0;font-size:11px;margin-bottom:3px}
.il-store-grid{align-content:start}.lr-record-message>div{max-height:78px;overflow:auto;scrollbar-width:thin;line-height:1.6}
/* Keep pagination below the scrollable record rows at every viewport size. */
body.route-listing-records #dashboard{padding-bottom:10px}.lr-page{height:calc(100dvh - var(--header) - 20px);min-height:520px}.lr-table-panel{min-height:0}.lr-table-scroll{flex:1 1 0;overflow:auto}.lr-table thead th{position:sticky;top:0;z-index:1}.lr-pagination{position:static;flex:0 0 auto}
@media(max-width:700px){body.route-listing-records #dashboard{padding-bottom:8px}.lr-page{height:calc(100dvh - var(--header) - 16px);min-height:650px}}

.il-warehouse-block{min-width:0}
.il-warehouse-status{display:block;margin-top:5px;color:#a4c7e0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.il-warehouse-status.is-error{color:#ff9ca6}
.il-warehouse-line select:disabled{cursor:wait;opacity:.8}
.il-warehouse-line select:disabled[aria-busy="false"]{cursor:not-allowed}
.il-preview-image{width:36px;height:36px;object-fit:contain;background:#0b3551;border-radius:4px}.il-preview-table a{display:inline-block}

/* finance-overview.css */
/* V14 finance overview: isolated screenshot-derived dark financial workspace. */
body.route-finance-overview{--sidebar:196px;--header:56px;background:#001522}
body.route-finance-overview #dashboard{padding:var(--header) 0 0;margin-left:var(--sidebar);min-width:0;background:radial-gradient(ellipse at 50% 0,#03283e 0,#001827 48%,#001421 100%)}
.fo-page{padding:13px 12px 12px 20px;color:#eef5ff;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;font-variant-numeric:tabular-nums;min-width:0}
.fo-page *,.fo-dialog *{box-sizing:border-box}
.fo-page button,.fo-page select,.fo-dialog button,.fo-dialog input{font:inherit}
.fo-page button,.fo-page select,.fo-dialog button{color:inherit}
.fo-page button,.fo-dialog button{cursor:pointer}
.fo-page button:focus-visible,.fo-page select:focus-visible,.fo-dialog button:focus-visible,.fo-dialog input:focus-visible{outline:2px solid #6fcaff;outline-offset:3px}
.fo-icon{width:20px;height:20px;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;vertical-align:middle}
.fo-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.fo-controls{display:flex;align-items:center;gap:10px;height:39px;margin-bottom:14px;min-width:0}
.fo-controls select,.fo-controls>button,.fo-presets button{height:39px;border:1px solid #07517a;border-radius:6px;background:linear-gradient(130deg,#001623,#002036);font-size:12px;white-space:nowrap}
.fo-controls select{width:100%;padding:0 13px;appearance:auto;cursor:pointer;color:#edf4ff}
.fo-controls option{background:#062238;color:#e8f5ff}
.fo-store-control{min-width:150px;flex:1 1 210px;max-width:237px}
.fo-currency-control{flex:0 0 147px;min-width:0}
.fo-date-control{display:flex;gap:11px;justify-content:space-between;align-items:center;padding:0 12px;flex:0 0 245px}
.fo-date-control .fo-icon{width:17px;height:17px}
.fo-date-control .fo-icon:last-child{width:15px;color:#7faccb}
.fo-presets{display:flex;gap:9px;flex:0 1 auto;min-width:0}
.fo-presets button{min-width:54px;padding:0 14px}
.fo-controls .is-active,.fo-segmented button.is-active,.fo-flow-tabs button.is-active{background:linear-gradient(120deg,#06467b,#075591);border-color:#54b8ff;box-shadow:inset 0 0 11px #168cf560,0 0 10px #007df029}
.fo-controls button:hover,.fo-controls select:hover,.fo-segmented button:hover,.fo-more:hover,.fo-flow-tabs button:hover{border-color:#3da5d5;background-color:#073951}
.fo-controls .fo-demo-toggle{margin-left:auto;padding:0 9px;font-size:11px;color:#91c5e5;flex-shrink:0;min-width:62px}
.fo-controls .fo-demo-toggle.is-demo{color:#ffd17d;border-color:#997b35;background:#302e1c;box-shadow:none}
.fo-data-notice{display:flex;align-items:center;gap:8px;border:1px solid #705a26;border-radius:5px;padding:7px 10px;color:#e8bf7b;background:#342c161f;font-size:11px;line-height:1.6;margin:0 0 10px}
.fo-data-notice .fo-icon{width:16px;height:16px}
.fo-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.fo-metric{height:166px;position:relative;padding:13px 13px 10px;border:1px solid #07567f;border-radius:9px;text-align:left;min-width:0;background:linear-gradient(125deg,#00243a,#001a2b);overflow:hidden;transition:border-color .15s,background .15s}
.fo-metric:hover{border-color:#258cba;background:linear-gradient(125deg,#043049,#002237)}
.fo-metric-heading{display:flex;gap:13px;align-items:center;min-height:43px}
.fo-metric-heading>span:last-child{min-width:0}
.fo-metric-heading strong{display:block;font-size:14px;line-height:21px;font-weight:650;white-space:nowrap}
.fo-metric-heading small{display:block;font-size:11px;line-height:16px;color:#a1c2dd;white-space:normal}
.fo-metric-icon{width:42px;height:42px;border-radius:7px;border:1px solid #2584b6;display:grid;place-items:center;background:linear-gradient(135deg,#064c79,#002e4c);box-shadow:inset 0 0 14px #007bd326,0 0 14px #0560a31b}
.fo-metric-icon .fo-icon{width:27px;height:27px}
.fo-tone-blue{color:#69bfff}
.fo-tone-gold{color:#ffc65c;background:linear-gradient(135deg,#555038,#333c32);border-color:#b28c2e}
.fo-tone-red{color:#ff626a;background:linear-gradient(135deg,#5b3c44,#402d3a);border-color:#a44953}
.fo-tone-green{color:#00e2a3;background:linear-gradient(135deg,#045d4e,#003d3b);border-color:#007d62}
.fo-metric-value{display:block;margin-top:9px;font-size:clamp(18px,1.49vw,24px);line-height:30px;letter-spacing:.1px;font-weight:700;white-space:nowrap;color:#dbe7ff}
.fo-metric-value.fo-unavailable{font-size:20px;letter-spacing:1px;color:#8faec7;line-height:30px}
.fo-metric-secondary{display:block;font-weight:600;font-size:15px;line-height:23px;color:#d4e4f7;white-space:nowrap}
.fo-secondary-label{font-size:11px;line-height:23px;font-weight:400;color:#79a4c3}
.fo-metric-foot{position:absolute;bottom:11px;left:13px;right:13px;display:flex;align-items:flex-end;justify-content:flex-end;font-size:12px;line-height:20px}
.fo-comparison,.fo-comparison-muted{margin-left:auto;display:block;text-align:right;font-weight:700}
.fo-comparison small,.fo-comparison-muted small{display:block;font-size:11px;font-weight:400;color:#9bbbd4;line-height:16px}
.fo-comparison-muted{color:#688ba8}
.fo-margin{color:#81c8ed;font-size:12px;flex:1}
.fo-margin b{display:block;font-size:18px;color:#00e2a3;font-weight:700}
.fo-green{color:#00e4ac!important}
.fo-red{color:#ff626b!important}
.fo-blue{color:#60c9ff!important}
.fo-gold{color:#ffc362!important}
.fo-top-grid,.fo-middle-grid,.fo-bottom-grid{display:grid;gap:10px;margin-top:10px;min-width:0}
.fo-top-grid{grid-template-columns:1.205fr 1fr;margin-top:12px}
.fo-top-grid>.fo-panel{height:248px}
.fo-middle-grid{grid-template-columns:29.1fr 70.9fr}
.fo-middle-grid>.fo-panel{height:192px}
.fo-bottom-grid{grid-template-columns:64fr 36fr}
.fo-bottom-grid>.fo-panel{height:252px}
.fo-panel{min-width:0;border:1px solid #07557d;border-radius:9px;background:linear-gradient(118deg,#002338,#001d31);padding:11px 13px;overflow:hidden}
.fo-panel-heading{display:flex;align-items:center;gap:10px;height:28px;margin:0;min-width:0}
.fo-panel-heading h2{display:flex;align-items:center;gap:10px;margin:0;font-size:17px;font-weight:650;line-height:25px;white-space:nowrap;min-width:0}
.fo-panel-heading h2>.fo-icon{width:20px;height:20px}
.fo-panel-heading>.fo-more,.fo-panel-heading>.fo-segmented{margin-left:auto}
.fo-segmented{display:flex;height:32px;border:1px solid #104a6a;border-radius:6px;overflow:visible;flex-shrink:0}
.fo-segmented button{height:30px;min-width:60px;display:block;padding:0 14px;white-space:nowrap;border:1px solid transparent;border-radius:6px;background:transparent;font-size:12px;color:#bad8f0}
.fo-segmented button.is-active{margin:-1px;height:32px}
.fo-chart-legend{display:flex;justify-content:center;align-items:center;gap:22px;height:24px;font-size:12px;color:#b8d9f0;white-space:nowrap}
.fo-chart-legend span{display:flex;gap:7px;align-items:center}
.fo-chart-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}
.fo-series-missing{opacity:.5}
.fo-trend-svg{display:block;width:100%;height:176px;overflow:visible}
.fo-page svg text{font-family:inherit;font-size:11px;fill:#bcdaf2}
.fo-chart-grid{stroke:#125070;stroke-width:.7;stroke-dasharray:2 2}
.fo-chart-axis{stroke:#3c7490;stroke-width:.8}
.fo-vertical{opacity:.7}
.fo-chart-empty{height:170px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;color:#739ab8;font-size:12px;line-height:1.7}
.fo-chart-empty>.fo-icon{width:36px;height:36px;color:#33749a;stroke-width:1}
.fo-chart-empty strong{font-size:13px;color:#abc8df;font-weight:500}
.fo-expense-content{display:grid;grid-template-columns:188px minmax(0,1fr);align-items:center;gap:21px;min-width:0;height:197px}
.fo-donut{width:184px;height:184px;display:grid;place-items:center;border-radius:50%;position:relative;box-shadow:0 0 0 1px #001a2e}
.fo-donut-empty{border:25px solid #0a3550;background:none!important;box-shadow:inset 0 0 0 1px #123d56}
.fo-donut-hole{position:absolute;inset:31px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:#002237;box-shadow:0 0 12px #00172524}
.fo-donut-empty .fo-donut-hole{inset:0;background:none;box-shadow:none}
.fo-donut-hole strong{font-size:17px;font-weight:700;white-space:nowrap}
.fo-donut-hole span{font-size:12px;color:#b2cce6}
.fo-expense-legend{display:flex;flex-direction:column;gap:14px;min-width:0}
.fo-expense-legend>button{display:grid;grid-template-columns:14px minmax(74px,1fr)42px minmax(95px,auto);align-items:center;gap:9px;border:0;padding:0;background:none;text-align:left;color:#daebfb;font-size:13px;white-space:nowrap}
.fo-expense-legend>button:hover{color:#fff}
.fo-expense-legend i{display:block;width:15px;height:15px;border-radius:50%}
.fo-expense-legend b{font-size:13px;font-weight:400;text-align:right;color:#cadcf0}
.fo-expense-legend em{font-style:normal;font-size:12px;text-align:right;color:#c0d5eb}
.fo-expense-legend .fo-legend-primary{font-weight:600;color:#f1f7ff}
.fo-empty-copy{font-size:12px;line-height:1.9;color:#88acc8;white-space:normal;margin:0}
.fo-more{border:1px solid #07527e;border-radius:6px;background:linear-gradient(130deg,#033654,#00243c);padding:7px 14px;font-size:12px;line-height:18px;color:#c1e1ff;white-space:nowrap}
.fo-store-legend{gap:12px;height:22px;font-size:11px}
.fo-store-legend i{width:10px;height:10px}
.fo-store-svg{width:100%;height:116px;display:block;overflow:visible}
.fo-store-svg text{font-size:11px!important}
.fo-store-empty{height:123px}
.fo-table-scroll{overflow-x:auto;overflow-y:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#1c567a #042336}
.fo-store-scroll{max-height:139px;margin-top:7px}
.fo-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px;color:#e5f0ff;white-space:nowrap;font-variant-numeric:tabular-nums}
.fo-table th{background:#0b3551;color:#a6cae6;font-size:12px;font-weight:400;height:33px;line-height:17px;padding:6px 10px;border-bottom:1px solid #134c6c;position:sticky;top:0;z-index:1}
.fo-table td{padding:7px 10px;height:34px;border-bottom:1px solid #0e405d;line-height:18px}
.fo-table tbody tr:hover{background:#06324a}
.fo-table tfoot td{height:35px;font-weight:700;background:#03283e;border-top:1px solid #16597b;border-bottom:0;position:sticky;bottom:0}
.fo-store-table{min-width:680px}
.fo-store-table th{font-size:12px}
.fo-store-table th:nth-child(n+3),.fo-store-table td:nth-child(n+3){text-align:right}
.fo-table-link{font-size:inherit;line-height:inherit;background:none;border:0;padding:0;color:#e5efff;text-align:left}
.fo-table-link:hover{color:#77ceff;text-decoration:underline;text-underline-offset:3px}
.fo-table-empty{text-align:center!important;color:#769dbb!important;white-space:normal!important;padding:25px 12px!important;font-size:12px;line-height:1.7}
.fo-flow-tabs{display:flex;align-items:center;gap:4px;margin-top:8px;margin-bottom:4px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.fo-flow-tabs button{font-size:12px;padding:5px 14px;height:30px;border:1px solid #134d6c;border-radius:6px;background:#032a42;color:#aacfe9;white-space:nowrap}
.fo-flow-scroll{max-height:165px}
.fo-flow-table{min-width:700px;font-size:11px}
.fo-flow-table th{font-size:11px;height:30px;padding:5px 10px}
.fo-flow-table td{height:27px;padding:4px 10px;line-height:18px}
.fo-flow-table th:nth-last-child(-n+2),.fo-flow-table td:nth-last-child(-n+2){text-align:right}
.fo-flow-table td:nth-child(5){max-width:140px;overflow:hidden;text-overflow:ellipsis}
.fo-settlement-panel{padding:11px 14px}
.fo-settlement-timeline{margin:9px 0 7px;padding-left:18px;position:relative}
.fo-settlement-timeline:before{content:"";position:absolute;left:9px;top:17px;bottom:20px;width:1px;background:#0c5d8e}
.fo-settlement-line{display:grid;grid-template-columns:minmax(78px,1fr)76px 87px 58px;align-items:center;gap:8px;height:36px;font-size:12px;position:relative;white-space:nowrap}
.fo-settlement-line>span{overflow:hidden;text-overflow:ellipsis}
.fo-settlement-line time{font-size:11px;color:#97b9d5}
.fo-settlement-line strong{font-size:12px;font-weight:500;text-align:right}
.fo-settlement-dot{position:absolute;left:-15px;top:12px;width:10px;height:10px;border:1px solid #7ed8f6;border-radius:50%;background:#2188ee;box-shadow:0 0 0 4px #2188ee66}
.fo-settlement-dot.fo-paid{background:#00c694;box-shadow:0 0 0 4px #00b38a4a;border-color:#5becbd}
.fo-settlement-dot.fo-pending{background:#ffc357;box-shadow:0 0 0 4px #9b7c367a;border-color:#ffe3a0}
.fo-settlement-badge{font-size:11px;font-weight:400;line-height:23px;border:1px solid currentColor;border-radius:6px;text-align:center;background:#03473799;opacity:.95}
.fo-settlement-badge.fo-blue{background:#063659}
.fo-settlement-badge.fo-gold{background:#51442066}
.fo-settlement-empty{height:116px;display:flex;align-items:center;justify-content:center;gap:15px;color:#80a7c5}
.fo-settlement-empty>.fo-icon{width:35px;height:35px;color:#417b9e;stroke-width:1.3}
.fo-settlement-empty strong{font-size:13px;font-weight:500;color:#b4cee4}
.fo-settlement-empty p{font-size:11px;line-height:1.9;margin:7px 0 0}
.fo-receivable{display:flex;align-items:center;gap:9px;height:42px;padding:0 8px;border:1px solid #9a7a31;border-radius:7px;background:#282c234a;color:#ffcc6c;font-size:12px;white-space:nowrap}
.fo-receivable>.fo-icon{width:19px;height:19px}
.fo-receivable strong{margin-left:auto;font-size:16px;color:#f1f7ff}
.fo-receivable button{background:none;border:0;padding:0;color:#c1d6e8;font-size:19px}
.fo-settlement-caption{font-size:11px;line-height:20px;margin:6px 0 0;color:#90b3cf}
.fo-page-caption{margin:9px 0 0;color:#668da9;font-size:11px;line-height:18px}
.fo-dialog{width:min(1080px,calc(100vw - 32px));max-height:85vh;max-width:none;border:1px solid #227aa7;border-radius:10px;background:#032338;color:#e6f4ff;padding:0;box-shadow:0 22px 90px #000b;font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-variant-numeric:tabular-nums}
.fo-dialog::backdrop{background:#000d19b0;backdrop-filter:blur(4px)}
.fo-dialog-inner>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #155372;padding:15px 20px;background:linear-gradient(110deg,#04304b,#052237)}
.fo-dialog-inner h2{font-size:19px;line-height:25px;margin:0}
.fo-dialog-inner>header>button{border:0;background:none;color:#b6d6eb;padding:0 5px;font-size:28px;line-height:25px}
.fo-dialog-content{padding:17px 20px;max-height:calc(85vh - 58px);overflow:auto}
.fo-demo-disclaimer{padding:9px 12px;margin:0 0 15px;border:1px solid #806830;background:#3b321e66;border-radius:6px;color:#e4c78a;font-size:12px;line-height:1.7}
.fo-dialog-explain{font-size:13px;line-height:1.9;color:#acd0e8;margin:0 0 15px}
.fo-dialog-total{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b344e;border:1px solid #1a5877;border-radius:6px;padding:12px 15px;margin-bottom:14px;color:#b0cde4;font-size:12px}
.fo-dialog-total strong{color:#f6ca7b;font-size:24px;white-space:nowrap}
.fo-detail-table-scroll{max-height:46vh}
.fo-dialog-caption{font-size:12px;line-height:1.8;color:#86acc9;margin:12px 0 0}
.fo-dialog-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fo-dialog-stats>div{border:1px solid #15506e;border-radius:7px;padding:13px;min-width:0}
.fo-dialog-stats span{font-size:12px;color:#8db5d1;display:block}
.fo-dialog-stats strong{font-size:21px;display:block;margin-top:8px;overflow-wrap:anywhere}
.fo-dialog-actions{display:flex;gap:10px;margin-top:17px}
.fo-dialog-actions button,.fo-date-form button{border:1px solid #1a81b2;border-radius:6px;background:#03456f;padding:9px 15px;color:#d6edff;font-size:12px}
.fo-profit-formula{display:flex;gap:12px;padding:15px;border:1px solid #175876;border-radius:7px}
.fo-profit-formula span{flex:1;font-size:12px;color:#83b7d5}
.fo-profit-formula b{display:block;margin-top:7px;color:#e9f5ff;font-size:20px}
.fo-data-requirements{font-size:13px;line-height:2;color:#a4c9e2;padding-left:18px}
.fo-date-form{display:grid;gap:14px;max-width:480px;margin:0 auto}
.fo-date-form label{font-size:12px;display:grid;gap:7px}
.fo-date-form input{height:38px;border:1px solid #216080;border-radius:6px;background:#05263e;padding:8px 12px;color:#e5f5ff;color-scheme:dark}
.fo-date-form p{font-size:12px;color:#ff8288;margin:0}
@media(max-width:1500px){
 .fo-controls{gap:8px}.fo-store-control{min-width:140px;flex-basis:180px}.fo-date-control{flex-basis:229px;padding:0 10px;gap:7px}.fo-currency-control{flex-basis:126px}.fo-presets{gap:7px}.fo-presets button{padding:0 11px;min-width:48px}.fo-metric{padding-left:11px;padding-right:11px}.fo-metric-heading{gap:9px}.fo-metric-heading strong{font-size:13px}.fo-metric-icon{width:39px;height:40px}.fo-metric-value{font-size:21px}.fo-metric-secondary{font-size:14px}.fo-metric-foot{left:11px;right:11px}.fo-expense-content{grid-template-columns:176px minmax(0,1fr);gap:16px}.fo-donut{width:176px;height:176px}.fo-expense-legend>button{grid-template-columns:12px minmax(65px,1fr)37px minmax(85px,auto);gap:7px;font-size:12px}.fo-expense-legend em{font-size:11px}.fo-expense-legend i{width:13px;height:13px}.fo-settlement-line{grid-template-columns:minmax(65px,1fr)70px 81px 52px;gap:6px;font-size:11px}.fo-settlement-line strong{font-size:11px}.fo-receivable{gap:6px;font-size:11px}.fo-receivable strong{font-size:14px}.fo-chart-legend{gap:17px;font-size:11px}.fo-store-legend{gap:8px}.fo-flow-tabs button{padding-left:10px;padding-right:10px}
}
@media(max-width:1250px){
 .fo-controls{height:auto;flex-wrap:wrap}.fo-store-control{flex:1 1 210px;max-width:none}.fo-date-control{flex:1 1 230px}.fo-currency-control{flex:0 0 150px}.fo-presets{order:4;flex:1 1 100%}.fo-presets button{flex:1}.fo-demo-toggle{order:3}.fo-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.fo-metric-value{font-size:25px}.fo-metric-heading strong{font-size:14px}.fo-top-grid{grid-template-columns:1.15fr 1fr}.fo-expense-content{grid-template-columns:148px minmax(0,1fr);gap:12px}.fo-donut{width:146px;height:146px}.fo-donut-hole{inset:25px}.fo-donut-hole strong{font-size:14px}.fo-expense-legend{gap:12px}.fo-expense-legend>button{grid-template-columns:12px minmax(72px,1fr)40px;gap:7px}.fo-expense-legend em{grid-column:2/4;text-align:left;padding-left:0;margin-top:-3px;font-size:11px}.fo-expense-legend>button{row-gap:3px}.fo-top-grid>.fo-panel{height:265px}.fo-trend-svg{height:187px}.fo-chart-legend{gap:12px;font-size:11px}.fo-series-missing{font-size:11px}.fo-bottom-grid{grid-template-columns:1fr}.fo-settlement-line{grid-template-columns:minmax(90px,1fr)120px 130px 76px;font-size:13px}.fo-settlement-line strong{font-size:13px}.fo-settlement-panel{max-height:252px}.fo-receivable{font-size:13px}.fo-receivable strong{font-size:17px}
}
@media(max-width:1050px){
 .fo-top-grid{grid-template-columns:1fr}.fo-top-grid>.fo-panel{height:255px}.fo-trend-svg{height:177px}.fo-expense-content{grid-template-columns:190px minmax(0,1fr);gap:24px}.fo-donut{width:184px;height:184px}.fo-donut-hole{inset:31px}.fo-donut-hole strong{font-size:17px}.fo-expense-legend>button{grid-template-columns:14px minmax(85px,1fr)48px minmax(100px,auto);row-gap:0;font-size:13px}.fo-expense-legend em{grid-column:auto;text-align:right;margin-top:0}.fo-expense-legend{gap:14px}.fo-middle-grid{grid-template-columns:1fr}.fo-middle-grid>.fo-panel{height:215px}.fo-store-svg{height:141px}.fo-store-scroll{max-height:160px}.fo-store-data{min-width:0}.fo-bottom-grid>.fo-panel{height:252px}
}
@media(max-width:700px){
 body.route-finance-overview #dashboard{margin-left:0}
 .fo-page{padding:12px}.fo-controls{gap:8px;margin-bottom:11px}.fo-store-control{flex:1 1 calc(100% - 86px)}.fo-date-control{flex:1 1 100%;order:2}.fo-currency-control{flex:1 1 160px;order:3}.fo-controls .fo-demo-toggle{order:3;height:39px;margin:0;flex:0 0 105px}.fo-presets{order:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fo-presets button{padding:0 8px;min-width:0;font-size:12px;height:35px}.fo-controls select{font-size:12px}.fo-date-control{font-size:12px}.fo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fo-metric{height:162px;padding:11px}.fo-metric-heading{gap:8px;min-height:43px}.fo-metric-icon{width:33px;height:36px;border-radius:6px}.fo-metric-icon .fo-icon{width:23px;height:23px}.fo-metric-heading strong{font-size:12px;line-height:19px}.fo-metric-heading small{font-size:11px;line-height:14px}.fo-metric-value{font-size:20px;line-height:29px;margin-top:8px;letter-spacing:0}.fo-metric-value.fo-unavailable{font-size:17px}.fo-metric-secondary{font-size:13px}.fo-secondary-label{font-size:11px}.fo-metric-foot{left:11px;right:11px;font-size:11px;bottom:10px}.fo-comparison small,.fo-comparison-muted small{font-size:11px}.fo-margin{font-size:11px}.fo-margin b{font-size:15px}.fo-panel{padding:11px 10px}.fo-panel-heading{height:28px;gap:7px}.fo-panel-heading h2{font-size:15px;gap:7px}.fo-panel-heading h2>.fo-icon{width:18px;height:18px}.fo-segmented{height:29px}.fo-segmented button{height:27px;min-width:43px;padding:0 8px;font-size:11px}.fo-segmented button.is-active{height:29px}.fo-chart-legend{font-size:11px;gap:10px;flex-wrap:wrap;height:auto;min-height:27px;row-gap:3px;margin-top:5px}.fo-chart-legend i{width:8px;height:8px}.fo-series-missing{font-size:11px}.fo-top-grid>.fo-panel{height:255px}.fo-trend-svg{height:174px;margin-top:1px}.fo-expense-content{grid-template-columns:146px minmax(0,1fr);gap:12px;height:196px}.fo-donut{width:144px;height:144px}.fo-donut-hole{inset:26px}.fo-donut-hole strong{font-size:13px}.fo-donut-hole span{font-size:11px}.fo-expense-legend{gap:10px}.fo-expense-legend>button{grid-template-columns:10px minmax(68px,1fr)35px;gap:6px;row-gap:2px;font-size:11px}.fo-expense-legend em{grid-column:2/4;font-size:11px;text-align:left}.fo-expense-legend b{font-size:11px}.fo-expense-legend i{width:11px;height:11px}.fo-more{font-size:11px;padding:6px 9px;line-height:17px}.fo-middle-grid>.fo-panel{height:215px}.fo-store-legend{height:24px;margin:0;gap:12px}.fo-store-svg{height:139px}.fo-bottom-grid>.fo-panel{height:254px}.fo-flow-tabs button{font-size:11px;padding:5px 10px}.fo-flow-scroll{max-height:165px}.fo-table th,.fo-table td{font-size:11px}.fo-settlement-line{grid-template-columns:minmax(69px,1fr)74px 79px 51px;gap:5px;font-size:11px}.fo-settlement-line strong{font-size:11px}.fo-settlement-line time{font-size:11px}.fo-settlement-badge{font-size:11px;line-height:21px}.fo-settlement-panel{padding:11px 10px}.fo-receivable{font-size:11px;gap:6px;padding:0 8px}.fo-receivable>.fo-icon{width:15px;height:15px}.fo-receivable strong{font-size:13px}.fo-settlement-caption{font-size:11px;line-height:18px}.fo-data-notice{align-items:flex-start;font-size:11px}.fo-data-notice .fo-icon{margin-top:3px}.fo-page-caption{line-height:1.8;font-size:11px}.fo-dialog{width:calc(100vw - 20px);max-height:90vh}.fo-dialog-inner>header{padding:14px}.fo-dialog-inner h2{font-size:17px}.fo-dialog-content{padding:14px;max-height:calc(90vh - 56px)}.fo-dialog-total{display:block;padding:11px}.fo-dialog-total strong{display:block;margin-top:8px;font-size:22px}.fo-dialog-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fo-dialog-stats>div{padding:10px}.fo-dialog-stats strong{font-size:17px}.fo-dialog-explain{font-size:12px}.fo-dialog-actions{flex-wrap:wrap}.fo-profit-formula{display:block;padding:12px}.fo-profit-formula span{display:block;margin-bottom:15px}.fo-profit-formula span:last-child{margin-bottom:0}.fo-detail-table-scroll{max-height:44vh}
}
@media(prefers-reduced-motion:reduce){.fo-metric{transition:none}}


/* Review fixes: reserve the footer row and preserve legible chart coordinates on phones. */
.fo-metric{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.fo-margin{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.fo-margin b{display:inline;font-size:17px}
@media(max-width:700px){.fo-margin{gap:4px}.fo-margin b{font-size:15px}.fo-trend-svg text{font-size:11px}}

/* Shared date controls in dense tables, white listing filters and shipment forms. */
#dashboard .oc-date-range{padding:0;border:0;display:block;min-width:230px}
#dashboard .oc-date-range .nx-date-trigger{height:38px}
#dashboard .oc-heading-date.nx-date-trigger{width:auto;min-width:230px}
#dashboard .nx-input-date-trigger{height:34px;font-size:11px;padding:0 8px}
#dashboard .lr-date-range{display:flex;align-items:center;gap:8px;min-width:0}
#dashboard .lr-date-range .nx-date-trigger{width:275px;max-width:100%}
#dashboard .nxdata-controls .nx-date-trigger{width:auto;min-width:255px}
#dashboard .fo-date-control.nx-date-trigger{width:auto;min-width:255px}
#dashboard input[data-nx-date-bound][hidden]{display:none!important}
@media(max-width:650px){#dashboard .nxdata-controls .nx-date-trigger,#dashboard .fo-date-control.nx-date-trigger{width:100%;min-width:0}#dashboard .lr-date-range{flex-wrap:wrap}#dashboard .lr-date-range .nx-date-trigger{width:100%}}
/* Store identity and collapsible listing navigation. */
.nx-store-avatar{--avatar-size:20px;position:relative;isolation:isolate;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 var(--avatar-size);width:var(--avatar-size)!important;height:var(--avatar-size)!important;min-width:var(--avatar-size);overflow:hidden;border:1px solid #25618b;border-radius:6px;background:#0b3a5b;color:#e6f3ff;vertical-align:middle;line-height:1}
.nx-avatar-16{--avatar-size:16px}.nx-avatar-18{--avatar-size:18px}.nx-avatar-20{--avatar-size:20px}.nx-avatar-22{--avatar-size:22px}.nx-avatar-24{--avatar-size:24px}.nx-avatar-36{--avatar-size:36px}.nx-avatar-40{--avatar-size:40px}.nx-avatar-62{--avatar-size:62px;border-radius:10px}
.nx-store-avatar .nx-avatar-fallback{display:block;font:700 calc(var(--avatar-size)*.5) 'Segoe UI','Microsoft YaHei',sans-serif;line-height:1;color:inherit}
.nx-store-avatar>img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;border:0!important;border-radius:inherit!important;object-fit:contain!important;background:#fff;opacity:0}
.nx-store-avatar.nx-avatar-loaded>img{opacity:1}.nx-store-avatar.nx-avatar-loaded>.nx-avatar-fallback{visibility:hidden}
.nx-store-label{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;vertical-align:middle}
.nx-store-label-name{min-width:0;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.il-store-name>.nx-store-label{color:inherit}.lr-upload-info .nx-store-label{max-width:145px;font-size:inherit}.nxdata-table .nx-store-label{max-width:180px}
.sm-avatar-editor{display:flex;align-items:flex-start;gap:13px;padding:13px;border:1px solid #19506f;border-radius:8px;background:#05283d}
.sm-avatar-editor>div:last-child{min-width:0;flex:1}.sm-avatar-editor strong{font-size:13px;color:#e4f2ff}.sm-avatar-editor p{color:#a3c6df;font-size:11px;line-height:1.7;margin:5px 0 8px}.sm-avatar-editor input[hidden]{display:none!important}
.sm-avatar-actions{display:flex;flex-wrap:wrap;gap:8px}.sm-avatar-actions .sm-button{font-size:11px;min-height:32px;padding:0 10px}.sm-avatar-editor .sm-avatar-status:empty{display:none}

/* Store-scoped accounting settings use the same dark surfaces as finance. */
.fo-settings-form{display:grid;gap:16px;min-width:0;font-size:12px;color:#bfd8eb}
.fo-settings-form label{display:grid;gap:7px;min-width:0;line-height:1.6}
.fo-settings-form input,.fo-settings-form select,.fo-settings-form textarea{box-sizing:border-box;min-width:0;width:100%;height:35px;border:1px solid #245f81;border-radius:5px;background:#031c2e;color:#e2f1fc;padding:7px 9px;font:inherit;color-scheme:dark}
.fo-settings-form textarea{height:70px;resize:vertical}
.fo-settings-form input::placeholder,.fo-settings-form textarea::placeholder{color:#8eafc8;opacity:1}
.fo-settings-form input[type=checkbox]{width:15px;height:15px;padding:0;accent-color:#349bff;vertical-align:middle}
.fo-settings-form label:has(>input[type=checkbox]){display:flex;align-items:center;gap:9px}
.fo-settings-form fieldset{min-width:0;border:1px solid #1a5272;border-radius:7px;padding:13px;margin:0}
.fo-settings-form legend{padding:0 7px;color:#e3f1fb;font-weight:600}
.fo-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fo-settings-grid>label{display:grid;gap:7px;min-width:0;color:#bfd8eb;font-size:12px}
.fo-settings-grid>label>select{width:100%;min-width:0;height:35px;padding:7px 9px;border:1px solid #245f81;border-radius:5px;background:#031c2e;color:#e2f1fc;font:inherit;color-scheme:dark}
.fo-settings-grid>p{align-self:center;margin:0;font-size:12px;line-height:1.7;color:#9cbfd8}
.fo-table td>small{display:block;white-space:normal;line-height:1.6;color:#96bbd4;margin-top:4px;max-width:380px;overflow-wrap:anywhere}
.fo-settings-rates,.fo-settings-costs{min-width:0;max-width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#245c7f #042238}
.fo-settings-rates table,.fo-settings-costs table{width:100%;min-width:650px;border-collapse:collapse}
.fo-settings-form th,.fo-settings-form td{padding:8px 6px;text-align:left;vertical-align:top;border-bottom:1px solid #19445e}
.fo-settings-form th{background:#0b344f;color:#b8d8ed;font-size:11px;font-weight:500;white-space:nowrap}
.fo-settings-form td input,.fo-settings-form td select{min-width:82px}
.fo-settings-form td input[type=date]{min-width:134px}
.fo-settings-form button{border:1px solid #2279a5;border-radius:5px;background:#064267;color:#d9efff;padding:7px 11px;font:inherit;min-height:33px;white-space:nowrap}
.fo-settings-form button:hover:not(:disabled){background:#0b527c;border-color:#5db5e8}
.fo-settings-form button:disabled{opacity:.55;cursor:wait}
.fo-settings-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.fo-settings-form button[type=submit]{background:#1678c6;border-color:#319de8;font-weight:600}
.fo-settings-form p{margin:0;line-height:1.8;color:#9cbfd8;overflow-wrap:anywhere}
.fo-settings-status{line-height:1.7;color:#87cfff;min-height:20px;overflow-wrap:anywhere}
.fo-settings-status.is-error{color:#ff8f91}
@media(max-width:700px){.fo-settings-grid{grid-template-columns:minmax(0,1fr)}.fo-settings-form{gap:13px}.fo-settings-form fieldset{padding:10px}.fo-settings-actions>button{flex:1}.fo-settings-rates table,.fo-settings-costs table{min-width:640px}}

/* Order-profit drilldown: embedded in existing financial overview (not a new menu). */
.fo-order-panel{margin:15px 0;min-width:0;height:auto!important;overflow:hidden}
.fo-order-intro,.fo-order-note{font-size:12px;line-height:1.75;color:#9fbfd5;margin:8px 0 14px}
.fo-order-alert{color:#ffb1b0}
.fo-order-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:15px 0}
.fo-order-totals>div{border:1px solid #19506e;background:#072a43;border-radius:7px;padding:13px;min-width:0}
.fo-order-totals small{display:block;font-size:11px;color:#9bbbd4;margin-bottom:7px}
.fo-order-totals strong{display:block;font-size:19px;color:#eaf6ff;overflow-wrap:anywhere}
.fo-order-controls,.fo-order-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#9ebed2;font-size:11px;margin-bottom:12px}
.fo-order-controls label{display:flex;align-items:center;gap:7px}
.fo-order-controls select,.fo-order-cost-form input,.fo-order-cost-form select{height:34px;background:#062a43;border:1px solid #256585;border-radius:5px;color:#e3f3ff;padding:6px 9px}
.fo-order-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#246485 #07273e}
.fo-order-table{min-width:770px;width:100%;border-collapse:collapse}
.fo-order-table td{vertical-align:middle;min-width:100px}
.fo-order-table td:first-child{white-space:nowrap}
.fo-order-table td:nth-child(2){min-width:220px}
.fo-order-table td small{max-width:280px;line-height:1.5;overflow-wrap:anywhere}
.fo-order-open{color:#72c8ff;text-decoration:underline;text-underline-offset:3px;background:none;border:none;font:inherit;cursor:pointer;text-align:left;padding:2px 0}
.fo-order-open:hover{color:#b0e0ff}
.fo-order-negative{color:#ff9696}
.fo-order-status{display:inline-block;white-space:nowrap;border-radius:5px;padding:4px 8px;font-size:11px}
.fo-order-estimated{color:#a3e3d2;background:#0d4a45}
.fo-order-pending{color:#ffda99;background:#61471e}
.fo-order-footer{margin-top:12px}
.fo-order-footer>div{display:flex;gap:7px}
.fo-order-footer button{border:1px solid #1e6181;border-radius:5px;background:#084568;color:#d7eeff;padding:7px 12px;cursor:pointer}
.fo-order-footer button:disabled{opacity:.4;cursor:default}
.fo-dialog-content h3{font-size:14px;margin:20px 0 9px;color:#eaf4ff}
.fo-order-cost-form{margin-top:6px}
@media(max-width:850px){.fo-order-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.fo-order-totals strong{font-size:16px}}

/* Before-delivery forecast and after-delivery booked profit states. */
.fo-order-booked{color:#a3e3d2;background:#0e4f46}
.fo-order-settings{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.fo-forecast-form{padding:12px 0;border-bottom:1px solid #22516b}
.fo-forecast-form input{height:34px;background:#062a43;border:1px solid #256585;border-radius:5px;color:#e3f3ff;padding:6px 9px;width:100%;max-width:230px}
.fo-forecast-form button{background:#075278;color:#eef7ff;border:1px solid #297798;border-radius:5px;padding:8px 12px;cursor:pointer}
.fo-forecast-form button:disabled{opacity:.5}
.fo-order-table{min-width:980px}

/* v4 采购模块：全程沿用第二套 NEXORA 深蓝色/青蓝/金色配色 */
.nxp-page{padding:18px 0 30px;min-width:0;color:var(--text)}
.nxp-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 17px}
.nxp-header h1{font-size:24px;color:var(--text)}.nxp-header span{font-size:12px;color:var(--muted)}
.nxp-stats{display:flex;gap:18px}.nxp-stats span{display:flex;gap:7px;align-items:baseline}.nxp-stats b{color:var(--gold);font-size:18px}
.nxp-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:10px;margin-bottom:9px;flex-wrap:wrap}
.nxp-tabs{display:flex;gap:4px;flex-wrap:wrap}.nxp-tabs button{padding:11px 14px;color:#abcbe1;border-bottom:2px solid transparent;white-space:nowrap}.nxp-tabs button.active{color:var(--gold);border-color:var(--gold);background:#0b344c99}.nxp-tabs button:hover{color:#fff}
.nxp-actions{display:flex;gap:9px;align-items:center;margin-bottom:6px}.nxp-actions input{background:#05243a;border:1px solid #145072;color:#e6f4ff;border-radius:6px;padding:8px 10px;width:220px;max-width:48vw}.nxp-actions button,.nxp-button{border:1px solid #1376ac;background:#084468;color:#d3f0ff;border-radius:5px;padding:7px 10px;white-space:nowrap}.nxp-actions button:hover,.nxp-button:hover{background:#10628f}.nxp-button.nxp-primary{background:linear-gradient(#f8c779,#d6a050);color:#122a38;border-color:#d2a153;font-weight:650}
.nxp-message{min-height:22px;color:#6ad9c8;font-size:12px;margin-bottom:4px}.nxp-message.nxp-error{color:#ff9b9f}.nxp-inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;color:#9fc6e2;font-size:12px;margin-bottom:8px}
.nxp-table-wrap{width:100%;overflow:hidden;border:1px solid #0b5176;border-radius:8px;background:linear-gradient(135deg,#05243b,#02192b)}.nxp-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11.5px;line-height:1.4}.nxp-table th{text-align:left;color:#99cae9;font-weight:600;background:#0b3856;padding:10px 5px;white-space:nowrap;border-bottom:1px solid #12628b}.nxp-table td{padding:7px 5px;border-bottom:1px solid #12405b;vertical-align:middle;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e6f1f8}.nxp-table tr:hover td{background:#1241604d}.nxp-table tbody tr:last-child td{border-bottom:0}.nxp-table td small{display:block;overflow:hidden;text-overflow:ellipsis;color:#8eb7d0;font-size:10px;line-height:1.65}.nxp-table td a{color:var(--blue)}.nxp-table .nxp-mono{font-family:Consolas,"Segoe UI",monospace;font-size:11px}.nxp-table .nxp-cost{color:var(--gold);font-weight:600}
.nxp-table td:first-child,.nxp-table th:first-child{padding-left:10px}.nxp-product{display:flex;gap:5px;align-items:center;min-width:0;width:100%}.nxp-product>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.nxp-image{flex:0 0 29px;width:29px;height:34px;padding:0;border:1px solid #19618a;border-radius:4px;background:#fff;overflow:hidden}.nxp-image img{width:100%;height:100%;object-fit:contain}.nxp-no-image{font-size:9px;line-height:1.3;color:#7799ab;width:29px;flex:0 0 29px;white-space:normal}.nxp-status{color:#a7d8f2}.nxp-status.nxp-receiving{color:var(--gold)}.nxp-status.nxp-done{color:var(--green)}.nxp-inline-input{width:100%;min-width:0;border:1px solid #1e6383;border-radius:4px;background:#03283f;color:#e7f6ff;padding:6px 5px;font-size:11px}.nxp-inline-input::placeholder{color:#78a0b7}.nxp-inline-input[readonly]{background:transparent;border-color:transparent}.nxp-text-action{color:var(--blue);font-size:11px}.nxp-empty{padding:36px 10px!important;text-align:center;color:#92b9d6!important}.nxp-loading{padding:30px;text-align:center;color:var(--muted)}
/* Each purchase stays in one TABLE ROW; related data is grouped into cells. */
.nxp-table:has(.nxp-inline-input) th:nth-child(1){width:11%}.nxp-table:has(.nxp-inline-input) th:nth-child(2){width:10%}.nxp-table:has(.nxp-inline-input) th:nth-child(3){width:14%}.nxp-table:has(.nxp-inline-input) th:nth-child(4){width:9%}.nxp-table:has(.nxp-inline-input) th:nth-child(5){width:9%}.nxp-table:has(.nxp-inline-input) th:nth-child(6){width:8%}.nxp-table:has(.nxp-inline-input) th:nth-child(7){width:9%}.nxp-table:has(.nxp-inline-input) th:nth-child(8){width:10%}.nxp-table:has(.nxp-inline-input) th:nth-child(9){width:10%}.nxp-table:has(.nxp-inline-input) th:nth-child(10){width:7%}.nxp-table:has(.nxp-inline-input) th:nth-child(11){width:3%}
.nxp-table:not(:has(.nxp-inline-input)) td:has(.nxp-receipt-form){overflow:visible}.nxp-receipt-form{display:flex;gap:4px;align-items:center}.nxp-receipt-form input{width:40px;background:#03283f;color:#fff;border:1px solid #1e6383;border-radius:4px;padding:5px 2px}.nxp-receipt-form .nxp-button{font-size:10px;padding:5px 6px}.nxp-table input[type=checkbox]{accent-color:#e4b45d}
.nxp-modal-backdrop{position:fixed;inset:0;background:#001021dc;z-index:90;display:grid;place-items:center;padding:12px}.nxp-modal{width:min(780px,97vw);max-height:90dvh;overflow:auto;border:1px solid #2275a2;border-radius:10px;background:linear-gradient(120deg,#082c45,#03192b);box-shadow:0 25px 75px #000c;padding:22px}.nxp-modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.nxp-modal h2{font-size:19px}.nxp-modal header button{font-size:30px;color:#a9cbdd}.nxp-modal-context{color:#94bcd8;font-size:12px;margin:8px 0 15px}.nxp-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.nxp-form-grid label{display:flex;flex-direction:column;gap:5px;color:#bbdcf1;font-size:12px}.nxp-form-grid input{height:36px;border:1px solid #28668b;background:#032237;color:#fff;border-radius:5px;padding:7px}.nxp-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.nxp-form-actions button{padding:9px 16px}.nxp-zoom-img{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain}
@media(max-width:1150px){.nxp-header{align-items:flex-start;flex-direction:column}.nxp-table{font-size:10px}.nxp-table th,.nxp-table td{padding:6px 3px}.nxp-inline-input{font-size:10px}.nxp-table td:first-child,.nxp-table th:first-child{padding-left:4px}}
@media(max-width:700px){.nxp-stats{gap:12px}.nxp-toolbar{align-items:stretch}.nxp-actions{width:100%}.nxp-actions input{width:100%;max-width:none;flex:1}.nxp-form-grid{grid-template-columns:1fr 1fr}.nxp-table th{font-size:9px}.nxp-table{font-size:9px}.nxp-table .nxp-product .nxp-image{display:none}}
/* PROCUREMENT v3.1: first screenshot structure + second ERP navy palette.
   Scoped to .nxp-v31: other NEXORA pages retain their original styling. */
.nxp-v31{padding:12px 12px 28px;color:#e8f3fb;min-width:0;font-size:12px}
.nxp-v31 .nxp-header{margin:0 0 13px;min-height:54px;align-items:center}
.nxp-v31 .nxp-header h1{font-size:24px;line-height:1.25;color:#f2f9ff;margin:0 0 3px;font-weight:700}
.nxp-v31 .nxp-header span{font-size:11px;color:#8dafc7}
.nxp-v31 .nxp-export{font-size:11px;color:#a8d1ed;background:#07283e;border:1px solid #245878;border-radius:5px;padding:8px 11px;cursor:pointer}
.nxp-v31 .nxp-export:hover{border-color:#6ac7ff;color:#fff}
.nxp-v31 .nxp-dashboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #174460;border-radius:8px;background:linear-gradient(120deg,#0b2b43,#041a2a);margin-bottom:13px;overflow:hidden}
.nxp-v31 .nxp-stat-card{padding:13px 14px 10px;min-width:0;min-height:94px;border-right:1px solid #174660}
.nxp-v31 .nxp-stat-card:last-child{border-right:0}
.nxp-v31 .nxp-stat-caption{color:#aecce0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxp-v31 .nxp-stat-card strong{font-size:24px;line-height:30px;display:block;margin-top:6px;color:#edf7ff;font-weight:750}
.nxp-v31 .nxp-stat-description{margin-top:3px;color:#7da9c5;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxp-v31 .nxp-main-tabs{border:1px solid #174660;border-radius:7px;background:#08253a;margin-bottom:12px;min-height:45px;padding:0 7px;display:flex;gap:3px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.nxp-v31 .nxp-main-tabs button{font-size:12px;padding:12px 12px 10px;border-bottom:2px solid transparent;min-width:max-content;color:#a8c5d9;background:transparent}
.nxp-v31 .nxp-main-tabs button.active{color:#ffca79;border-bottom-color:#f4bb68;background:#11384b}
.nxp-v31 .nxp-main-tabs button:hover{color:#fff}
.nxp-v31 .nxp-filter-panel{border:1px solid #174660;background:#09263d;border-radius:7px;padding:9px 11px;margin-bottom:12px}
.nxp-v31 .nxp-actions{margin:0;display:flex;align-items:center;gap:9px}
.nxp-v31 .nxp-actions input{background:#041c2f;border:1px solid #215b7d;color:#eef9ff;border-radius:5px;height:35px;padding:0 10px;font-size:11px;width:clamp(220px,37%,465px);max-width:none}
.nxp-v31 .nxp-actions input::placeholder{color:#719db8}
.nxp-v31 .nxp-actions .nxp-search-button{background:#13639a;color:white;border-color:#2e8bbf;height:35px;min-width:64px;font-size:11px;padding:0 12px}
.nxp-v31 .nxp-reset{background:#0b2a3f;border:1px solid #275878;color:#b5d1e3;border-radius:5px;height:35px;padding:0 12px;font-size:11px}
.nxp-v31 .nxp-message{min-height:0;margin:0;font-size:11px}
.nxp-v31 .nxp-message:not(:empty){margin:0 0 9px;padding:8px 10px;background:#0b3a43;border:1px solid #24726d;border-radius:5px}
.nxp-v31 .nxp-message.nxp-error:not(:empty){background:#3c1d2d;border-color:#954357;color:#ffb3ba}
.nxp-v31 .nxp-content-panel{background:#062238;border:1px solid #174660;border-radius:8px;overflow:hidden}
.nxp-v31 .nxp-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 13px 9px}
.nxp-v31 .nxp-panel-heading h2{color:#f3f9ff;font-size:15px;line-height:1.3;margin:0 0 3px}
.nxp-v31 .nxp-panel-heading p{font-size:10px;color:#82aac4;margin:0}
.nxp-v31 .nxp-body{padding:0 10px 12px}
.nxp-v31 .nxp-demand-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:38px}
.nxp-v31 .nxp-demand-tabs button{padding:6px 5px;background:transparent;color:#92b7ce;border-bottom:2px solid transparent;font-size:11px}
.nxp-v31 .nxp-demand-tabs button.active{font-weight:650;color:#7fd1ff;border-color:#439de0}
.nxp-v31 .nxp-inline-actions{margin:0 0 9px;min-height:32px;font-size:10px}
.nxp-v31 .nxp-inline-actions .nxp-primary{color:#183146;font-size:11px}
.nxp-v31 .nxp-table-wrap{border:1px solid #21526d;border-radius:6px;overflow:hidden;background:#062239}
.nxp-v31 .nxp-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px;line-height:1.38}
.nxp-v31 .nxp-table th{height:37px;padding:8px 6px;line-height:1.25;color:#b6d6e8;background:#0b3550;font-weight:600;font-size:10px;border-bottom:1px solid #1a5270;white-space:nowrap;text-align:left}
.nxp-v31 .nxp-table td{height:57px;padding:7px 6px;border-bottom:1px solid #16415c;color:#e7f1f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.nxp-v31 .nxp-table tbody tr:nth-child(even){background:#0b2c4266}
.nxp-v31 .nxp-table tbody tr:hover{background:#123d58}
.nxp-v31 .nxp-table td small{font-size:9.5px;color:#87aeca;line-height:1.5}
.nxp-v31 .nxp-table .nxp-mono{font-size:10px}
.nxp-v31 .nxp-table .nxp-order-cell strong{font-size:10px;color:#bde8ff;display:block;overflow:hidden;text-overflow:ellipsis}
.nxp-v31 .nxp-date{font-size:10px;color:#aec9dc}
.nxp-v31 .nxp-table .nxp-name-text{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;line-height:1.6;color:#f1f8ff;font-weight:600}
.nxp-v31 .nxp-table .nxp-name-col{overflow:hidden}
.nxp-v31 .nxp-thumb-col{text-align:center}
.nxp-v31 .nxp-thumb-col .nxp-image{display:inline-block;vertical-align:middle;width:39px;height:43px;flex:none;border-radius:5px;border-color:#365b78;background:#fff;padding:0;cursor:zoom-in}
.nxp-v31 .nxp-thumb-col .nxp-image img{width:100%;height:100%;object-fit:contain}
.nxp-v31 .nxp-thumb-col .nxp-no-image{display:inline-grid;place-items:center;width:39px;height:43px;background:#123952;border:1px dashed #4c718b;border-radius:5px;color:#aecbda;font-size:9px;line-height:1.1}
.nxp-v31 .nxp-number{text-align:center;font-variant-numeric:tabular-nums}
.nxp-v31 .nxp-zero{color:#ee929c!important}.nxp-v31 .nxp-positive{color:#3cd7b7!important}
.nxp-v31 .nxp-row-action{font-size:10px;padding:7px 8px;border-radius:4px}
.nxp-v31 .nxp-status{display:inline-flex;max-width:100%;border-radius:4px;padding:5px 7px;font-size:9.5px;border:1px solid #6e54304d;background:#4a361e80;color:#f7c774;white-space:nowrap}
.nxp-v31 .nxp-status.nxp-waiting{color:#ffc97a;background:#553a1980;border-color:#7b5c33}
.nxp-v31 .nxp-status.nxp-done{color:#55d2ad;background:#104a4270;border-color:#256b5d}
.nxp-v31 .nxp-status.nxp-receiving{color:#78c3ff;background:#183f5c;border-color:#345f79}
.nxp-v31 .nxp-dash{color:#6d90a6}
.nxp-v31 .nxp-table th:first-child,.nxp-v31 .nxp-table td:first-child{padding-left:8px}
/* exact 11-column purchase demand presentation for laptop/desktop; no horizontal bar at >= 1120px */
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(1){width:3.4%}
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(2){width:13.3%}
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(3){width:7.6%}
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(4){width:10.5%}
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(5){width:6.6%}
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(6){width:18.3%}
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(7){width:7.0%}
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(8){width:7.3%}
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(9){width:11.7%}
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(10){width:8.9%}
.nxp-v31 .nxp-table:has(.nxp-select-col) th:nth-child(11){width:5.4%}
.nxp-v31 .nxp-history-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
.nxp-v31 .nxp-history-summary>div{padding:12px;border:1px solid #1e5573;border-radius:6px;background:#0a2c45}
.nxp-v31 .nxp-history-summary span{display:block;color:#a9c7dd;font-size:11px}
.nxp-v31 .nxp-history-summary strong{display:block;font-size:17px;margin-top:4px;color:#ffca79}
.nxp-v31 .nxp-secondary-title{font-size:13px;margin:15px 0 10px;color:#cde8fa}
.nxp-v31 .nxp-table .nxp-inline-input{font-size:10px}
@media(max-width:1150px){
 .nxp-v31 .nxp-stat-card{padding:11px 8px}.nxp-v31 .nxp-stat-description{font-size:9px}
 .nxp-v31 .nxp-table:has(.nxp-select-col){font-size:9.5px}.nxp-v31 .nxp-table:has(.nxp-select-col) th,.nxp-v31 .nxp-table:has(.nxp-select-col) td{padding-left:4px;padding-right:3px}
 .nxp-v31 .nxp-row-action{padding:6px 4px;font-size:9px}
}
@media(max-width:850px){
 .nxp-v31{padding:10px 5px}.nxp-v31 .nxp-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nxp-v31 .nxp-stat-card:nth-child(2n){border-right:0}.nxp-v31 .nxp-stat-card{border-bottom:1px solid #174660}
 .nxp-v31 .nxp-table-wrap{overflow-x:auto}.nxp-v31 .nxp-table:has(.nxp-select-col){min-width:960px}
 .nxp-v31 .nxp-actions input{width:100%;min-width:0;flex:1}.nxp-v31 .nxp-history-summary{grid-template-columns:1fr}
}

/* SKU auto-grouped procurement demand page, bigger tabs and linked-order viewer */
.nxp-v31 .nxp-main-tabs{min-height:58px;gap:8px;padding:4px 12px;align-items:center}
.nxp-v31 .nxp-main-tabs button{font-size:15px;font-weight:650;padding:13px 18px 12px;min-height:49px;line-height:21px;transition:background .15s ease}
.nxp-v31 .nxp-main-tabs button.active{font-weight:750;border-bottom-width:3px}
.nxp-v31 .nxp-demand-tabs{gap:13px;min-height:46px}
.nxp-v31 .nxp-demand-tabs button{font-size:13px;padding:9px 10px}
.nxp-v31 .nxp-group-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:#a6cae2;font-size:12px;padding:7px 3px 12px}
.nxp-v31 .nxp-group-summary b{color:#ffc676;font-size:14px}
.nxp-v31 .nxp-order-pop{display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:100%;border:0;background:transparent;color:#bde8ff;cursor:pointer;padding:3px 1px;text-align:left}
.nxp-v31 .nxp-order-pop strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.nxp-v31 .nxp-order-pop small{display:block;color:#65cfff;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.nxp-v31 .nxp-order-pop:hover strong,.nxp-v31 .nxp-order-pop:focus-visible strong{color:#fff}
.nxp-v31 .nxp-qty-strong{color:#ffd184!important;font-size:15px;font-weight:750}
.nxp-v31 .nxp-qty-strong small{font-size:10px;font-weight:400;line-height:1.3}
.nxp-v31 .nxp-group-row .nxp-row-action{font-size:11px;padding:7px 8px;white-space:nowrap}
.nxp-v31 .nxp-table:has(.nxp-group-row) th:nth-child(1){width:14%}
.nxp-v31 .nxp-table:has(.nxp-group-row) th:nth-child(2){width:9%}
.nxp-v31 .nxp-table:has(.nxp-group-row) th:nth-child(3){width:10.5%}
.nxp-v31 .nxp-table:has(.nxp-group-row) th:nth-child(4){width:6.5%}
.nxp-v31 .nxp-table:has(.nxp-group-row) th:nth-child(5){width:20%}
.nxp-v31 .nxp-table:has(.nxp-group-row) th:nth-child(6){width:7%}
.nxp-v31 .nxp-table:has(.nxp-group-row) th:nth-child(7){width:8%}
.nxp-v31 .nxp-table:has(.nxp-group-row) th:nth-child(8){width:10%}
.nxp-v31 .nxp-table:has(.nxp-group-row) th:nth-child(9){width:8%}
.nxp-v31 .nxp-table:has(.nxp-group-row) th:nth-child(10){width:7%}
.nxp-v31 .nxp-modal:has(.nxp-linked-wrap){width:min(760px,94vw)}
.nxp-v31 .nxp-linked-wrap{max-height:min(65vh,520px);overflow-y:auto;padding:0 2px 10px}
.nxp-v31 .nxp-linked-wrap>p{font-size:12px;color:#9ec7df;margin:8px 0 12px}
.nxp-v31 .nxp-linked-wrap .nxp-table{table-layout:auto}
.nxp-v31 .nxp-linked-wrap .nxp-table td{white-space:normal;word-break:break-all}
@media(max-width:1280px){.nxp-v31 .nxp-main-tabs button{font-size:14px;padding:12px 13px}.nxp-v31 .nxp-group-row .nxp-row-action{font-size:10px;padding:7px 4px}}
@media(max-width:850px){.nxp-v31 .nxp-main-tabs{overflow-x:auto}.nxp-v31 .nxp-table:has(.nxp-group-row){min-width:990px}.nxp-v31 .nxp-table-wrap:has(.nxp-group-row){overflow-x:auto}}

/* NEXORA 2026-11-11 procurement: six live counters as primary navigation.
   Scoped to procurement to preserve the seven-item global sidebar. */
.nxp-cards-v1{padding-top:12px}
.nxp-cards-v1 .nxp-nav-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 22px}
.nxp-cards-v1 .nxp-nav-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;min-width:0;min-height:140px;padding:18px 17px 15px;overflow:hidden;color:#e9f5ff;border:1px solid #1472ad;border-radius:11px;background:linear-gradient(137deg,#0a3455 0%,#062943 60%,#031b31 100%);box-shadow:inset 0 1px 0 #2b7bab35,0 5px 18px #00112045;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.nxp-cards-v1 .nxp-nav-card:after{content:'';position:absolute;width:90px;height:75px;right:-36px;bottom:-52px;transform:rotate(-37deg);border-top:1px solid #1c82c4;background:linear-gradient(#0b406c55,transparent);pointer-events:none}
.nxp-cards-v1 .nxp-nav-card:hover{transform:translateY(-2px);border-color:#53bfff;box-shadow:0 7px 20px #001b3488}
.nxp-cards-v1 .nxp-nav-card.active{border-color:#ffc46c;background:linear-gradient(130deg,#3e3b30 0%,#162b3a 64%,#09253c 100%);box-shadow:0 0 0 1px #f3b85855,0 0 19px #e7a64640,inset 0 0 22px #bd8b2925}
.nxp-cards-v1 .nxp-nav-card.active:after{border-color:#e9ae58;background:#c38d2b22}
.nxp-cards-v1 .nxp-card-icon{display:inline-grid;place-items:center;flex:none;width:39px;height:39px;border-radius:10px;color:#83ccff;background:linear-gradient(150deg,#145a8f,#063b67);box-shadow:inset 0 1px 0 #5294c144}
.nxp-cards-v1 .nxp-nav-card.active .nxp-card-icon{color:#ffd184;background:linear-gradient(130deg,#956a28,#5a462e)}
.nxp-cards-v1 .nxp-card-icon svg{width:25px;height:25px}
.nxp-cards-v1 .nxp-card-body{display:grid;gap:5px;min-width:0;padding-right:33px}
.nxp-cards-v1 .nxp-card-label{font-size:17px;font-weight:740;line-height:23px;white-space:nowrap;letter-spacing:.1px}
.nxp-cards-v1 .nxp-card-desc{color:#9bbbd5;font-size:11px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.nxp-cards-v1 .nxp-nav-card.active .nxp-card-desc{color:#e8cda0}
.nxp-cards-v1 .nxp-card-count{position:absolute;top:59px;right:15px;padding-left:12px;border-left:1px solid #377295a1;color:#f7d29a;font-size:28px;font-weight:760;line-height:32px;white-space:nowrap;font-variant-numeric:tabular-nums}
.nxp-cards-v1 .nxp-nav-card:not(.active) .nxp-card-count{color:#f0f6ff}
.nxp-cards-v1 .nxp-content-panel{border-radius:12px;border-color:#145b83;background:radial-gradient(ellipse at 90% 0,#0b3659aa,transparent 68%),linear-gradient(130deg,#062b45,#021c32);box-shadow:inset 0 1px 0 #3072a033}
.nxp-cards-v1 .nxp-panel-heading{padding:20px 19px 9px}
.nxp-cards-v1 .nxp-panel-heading h2{font-size:21px;font-weight:750;line-height:27px;color:#f2f8ff}
.nxp-cards-v1 .nxp-body{padding:0 14px 18px}
.nxp-cards-v1 .nxp-demand-tabs{min-height:51px;gap:15px;margin-bottom:8px}
.nxp-cards-v1 .nxp-demand-tabs button{font-size:13px;padding:12px 8px 11px;border-bottom-width:3px;color:#abcbe3}
.nxp-cards-v1 .nxp-demand-tabs button.active{color:#60d9ff;border-color:#29c2f4}
.nxp-cards-v1 .nxp-table-wrap{border-radius:9px;border-color:#1c628c}
.nxp-cards-v1 .nxp-table th{height:48px;background:#0e3a59;font-size:11px;color:#d3e9f9;padding:11px 9px}
.nxp-cards-v1 .nxp-table td{height:74px;padding:10px 9px;font-size:11px}
.nxp-cards-v1 .nxp-table .nxp-name-text{font-size:12px}
.nxp-cards-v1 .nxp-thumb-col .nxp-image{width:50px;height:54px}
.nxp-cards-v1 .nxp-thumb-col .nxp-no-image{width:50px;height:54px}
.nxp-cards-v1 .nxp-qty-strong{font-size:19px}
.nxp-cards-v1 .nxp-row-action{background:linear-gradient(#106aa6,#085181);color:#eaf8ff;border:1px solid #198ccd;border-radius:7px;padding:9px 10px;font-size:11px}
.nxp-cards-v1 .nxp-row-action:hover{background:#167ab9}
@media(max-width:1530px){.nxp-cards-v1 .nxp-nav-cards{gap:9px}.nxp-cards-v1 .nxp-nav-card{min-height:132px;padding:15px 11px}.nxp-cards-v1 .nxp-card-label{font-size:14px}.nxp-cards-v1 .nxp-card-count{font-size:23px;right:9px;top:56px}}
@media(max-width:1230px){.nxp-cards-v1 .nxp-nav-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.nxp-cards-v1 .nxp-nav-card{min-height:120px}}
@media(max-width:700px){.nxp-cards-v1 .nxp-nav-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nxp-cards-v1 .nxp-nav-card{min-height:115px;padding:11px 10px}.nxp-cards-v1 .nxp-card-label{font-size:13px}.nxp-cards-v1 .nxp-card-desc{font-size:10px}.nxp-cards-v1 .nxp-card-count{top:54px;font-size:22px;right:8px}.nxp-cards-v1 .nxp-table-wrap{overflow-x:auto}.nxp-cards-v1 .nxp-table:has(.nxp-group-row){min-width:990px}}


/* NEXORA_PROC_ACTION_COLUMN_FIX_20261111 */
/* Give the last purchase-order column enough space for its admin correction button. */
.nxp-v31.nxp-cards-v1 .nxp-table-wrap:has(.nxp-inline-input) {
  overflow-x: auto;
  overscroll-behavior-x: contain;
}
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) {
  min-width: 1220px;
  table-layout: fixed;
}
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(1) { width: 10%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(2) { width: 10%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(3) { width: 12.5%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(4) { width: 9%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(5) { width: 9%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(6) { width: 8%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(7) { width: 8%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(8) { width: 10%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(9) { width: 10%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(10) { width: 7%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:nth-child(11) { width: 6.5%; }
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:last-child,
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) td:last-child {
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  white-space: nowrap;
  position: sticky;
  right: 0;
  z-index: 1;
  background: #082b43;
  box-shadow: inset 1px 0 #1c5678;
}
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) th:last-child {
  z-index: 2;
  background: #0e3a59;
}
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) tr:hover td:last-child {
  background: #124160;
}
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) .nxp-text-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 52px;
  min-height: 29px;
  padding: 5px 8px;
  border: 1px solid #1b6d96;
  border-radius: 5px;
  color: #a8deff;
  background: #073652;
  white-space: nowrap;
}
.nxp-v31.nxp-cards-v1 .nxp-table:has(.nxp-inline-input) .nxp-text-action:hover {
  background: #0b4e75;
}


/* 2026-11-11 白色背景 + 采购订单数量/规格强化 */
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.78) 0,rgba(255,255,255,0) 32%),linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,0) 38%);z-index:-1}
.main-content{background:transparent}
.nxp-v31 .nxp-content-panel{box-shadow:0 12px 30px rgba(9,33,53,.12)}
.nxp-v31 .nxp-spec-emphasis{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 9px;border-radius:999px;background:linear-gradient(90deg,rgba(255,202,121,.16),rgba(255,202,121,.05));border:1px solid rgba(255,202,121,.32);font-size:12px;color:#ffe5b0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nxp-v31 .nxp-spec-emphasis b{font-size:13px;font-weight:800;color:#ffd887}
.nxp-v31 .nxp-qty-line{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap;margin-top:6px;color:#b8d3e7;font-size:11px;line-height:1.3}
.nxp-v31 .nxp-qty-emphasis{display:inline-block;font-size:22px;font-weight:900;line-height:1;color:#ffd27c;text-shadow:0 0 12px rgba(255,190,87,.18)}
.nxp-v31 .nxp-unit-price{font-size:12px;color:#dceaf6}
.nxp-v31 .nxp-table td:nth-child(3){overflow:visible}
.nxp-v31 .nxp-table td:nth-child(4){overflow:visible}
.nxp-v31 .nxp-table td:nth-child(4) .nxp-image{box-shadow:0 2px 8px rgba(0,0,0,.18)}