.metricsDesign{--ink:#f3f6f5;--muted:#acb9c5;--edge:#2c3a42;--surface:#141c20;--lime:#d0fa63;background:#0c1215;color:var(--ink);color-scheme:dark;font-family:Inter,system-ui,sans-serif}
.metricsDesign [hidden]{display:none!important}.metricsDesign .srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.metricsDesign .portalShell{max-width:none;margin:0;padding:30px 30px 50px 260px;min-height:100vh}.metricsDesign .portalHeader{border:0;padding:0;margin:0;min-height:40px}.metricsDesign .brandRow{position:fixed;left:20px;top:24px;width:190px;z-index:10;display:block}.metricsLogo{display:block;width:185px;height:auto;background:white;border-radius:8px;padding:9px}.metricsDesign .brandRow h1{display:none}.metricsDesign #pageSubtitle{font-size:11px;margin-top:12px;color:var(--muted);overflow-wrap:anywhere}.metricsDesign .portalNav{margin-left:auto}.metricsDesign .portalNav a,.metricsDesign .portalNav button{font-size:12px}
.metricsDesign .pageHero{background:none;border:0;box-shadow:none;padding:0;margin:4px 0 22px}.metricsDesign .pageHero h2{font-size:44px;letter-spacing:-1.5px;margin:10px 0 0}.metricsDesign .pageHero p{color:var(--muted);margin:0;font-size:14px}.metricsDesign .tabBar{position:fixed;left:0;top:0;bottom:0;width:230px;padding:165px 16px 30px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;background:#10191d;border:0;border-right:1px solid var(--edge);border-radius:0;z-index:5;overflow:auto}.metricsDesign .tabButton{background:transparent;color:var(--muted);text-align:left;padding:13px 15px;border:0;border-radius:7px;flex:none;font-weight:500}.metricsDesign .tabButton.active{background:#c9f46122;color:var(--lime)}
.metricsDesign button,.metricsDesign .navButton,.metricsDesign input,.metricsDesign select,.metricsDesign textarea{background:#172126;color:var(--ink);border:1px solid #34444e;border-radius:6px}.metricsDesign button{cursor:pointer}.metricsDesign button:hover{border-color:var(--lime)}.metricsDesign button:focus-visible,.metricsDesign input:focus-visible,.metricsDesign select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.metricsDesign .primary{background:var(--lime);color:#18220a}.metricsDesign .helperText{color:var(--muted)}
.metricsDesign .tabPanel{background:none;padding:0;border:0}.metricsDesign .metricsControls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:28px}.metricsDesign label>span{color:var(--muted);font-size:12px}.metricsDesign .metricsControls select{min-width:170px}.metricsDesign .metricsControls button,.metricsDesign .metricsControls select{min-height:42px}.metricsDesign .weekRangePicker{background:#131d22;border:1px solid var(--edge);border-radius:6px}.metricsDesign .weekRangePicker button{border:0;background:transparent;color:var(--ink)}.metricsDesign #askMetricsBtn{margin-left:auto;border-color:var(--lime)}
.metricsDesign .metricsLinesHero{display:block;margin:0}.metricsDesign .metricsLinesHero article{display:block;background:none;border:0;box-shadow:none;padding:0}.performanceGrid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px}.performanceGrid h3{font-size:17px;margin:0 0 18px}.productionBlock{padding-right:28px;border-right:1px solid var(--edge)}.productionNumbers{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:20px;margin-bottom:22px}.productionNumbers>div+div{border-left:1px solid var(--edge);padding-left:20px}.metricsDesign .productionNumbers strong{font-size:44px;line-height:1.05;font-weight:750;color:var(--ink);display:block}.metricsDesign .productionNumbers>div:first-child strong{font-size:82px}.productionNumbers span{font-size:15px;color:var(--muted)}.statusRail{height:18px;display:flex;border-radius:5px;overflow:hidden;background:#26333b}.statusRail span{min-width:0}.statusLegend{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 20px;font-size:12px}.statusLegend b{display:block;font-weight:500;font-size:14px;margin-top:3px}.statusLegend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.planChart{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;height:185px;text-align:center;border-bottom:1px solid #6d787c;padding-bottom:0}.planColumn{display:flex;height:100%;flex-direction:column;justify-content:end;align-items:center}.planBar{background:linear-gradient(#dcff8e,#b7f143);width:70%;min-height:0;max-height:125px}.planColumn small{color:var(--muted)}.planLabels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:center;margin:9px 0;font-size:12px}.planScope{color:var(--muted);font-size:11px;margin:0}.planPremium{display:flex;justify-content:space-between;font-size:13px;margin-top:12px}.planPremium b{color:var(--lime)}
.metricsDesign .metricsSummaryGrid{display:flex;gap:24px;align-items:center;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:22px 0;margin:24px 0}.metricsDesign .metricsSummaryGrid h3{font-size:16px;margin:0;white-space:nowrap}.metricsDesign .metricsSummaryGrid article{background:none;border:0;border-radius:0;box-shadow:none;flex:1;padding:0}.metricsDesign .metricsSummaryGrid strong{font-size:20px;color:var(--ink);display:block;margin-top:4px}.metricsDesign .metricsSummaryGrid span{font-size:12px;color:var(--muted)}
.orderBookTools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 14px}.orderBookTools h2{font-size:26px;margin:0 12px 0 0}.orderBookTools .orderSearch{flex:1;min-width:200px}.orderBookTools input,.orderBookTools select{width:100%;padding:10px 12px;min-height:42px}.orderBookTools #orderCount{font-size:12px;color:var(--muted)}.metricsDesign #paymentFilterNote{font-size:12px;color:var(--muted)}.metricsDesign .metricsColorLegend{background:none;border:0;color:var(--muted);font-size:11px;padding:8px 0;gap:12px}.metricsDesign .metricsColorLegend strong{display:none}
.metricsDesign .metricsOverviewTableShell{background:none;border:1px solid var(--edge);border-radius:7px;overflow:auto}.metricsDesign .metricsOverviewTableShell table{width:100%;min-width:950px;border-collapse:collapse;table-layout:auto}.metricsDesign .metricsOverviewTableShell th{background:#121b20;color:var(--muted);font-size:11px;padding:12px 10px;text-align:left;font-weight:500;position:static}.metricsDesign .metricsOverviewTableShell td{background:none!important;color:var(--ink)!important;border-bottom:1px solid var(--edge);padding:13px 10px;font-size:12px;vertical-align:top;position:static;white-space:normal}.metricsDesign .metricOrderSummaryRow{background:#10191c}.metricsDesign .metricOrderSummaryRow:hover{background:#172227}.metricsDesign .orderIdentity strong{display:block;font-size:13px}.metricsDesign .orderIdentity small{display:block;color:var(--muted);margin-top:4px}.metricsDesign .metricOrderStatus{display:inline-block;font-size:11px;border-radius:5px;padding:4px 8px;white-space:normal;background:#66501a;color:#ffe58d}.metricsDesign .metricStatusActivated{background:#194833;color:#92edb5}.metricsDesign .metricStatusCancelled{background:#65322f;color:#ffb1a5}.metricsDesign .metricExpandPrompt{color:#d7b9ff;background:#403059;border-radius:5px;padding:5px;display:inline-block;font-size:11px}.metricsDesign .orderWarnings{color:#ffc94a;font-size:11px;display:block;margin-top:5px}.metricsDesign .orderPayment{color:#b5ef85!important}.metricsDesign .orderPayment small{color:var(--muted)}.metricsDesign .orderDetailWrap{padding:16px;border-left:3px solid var(--lime);background:#182226;border-radius:5px}.metricsDesign .orderLine{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--edge)}.metricsDesign .orderLine:last-child{border:0}.metricsDesign .orderLine strong{font-size:12px}.metricsDesign .orderLine small{display:block;color:var(--muted);margin-top:4px}.metricsDesign .orderQuality{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:var(--muted)}.metricsDesign .metricExpandButton{background:none;color:var(--lime);border:1px solid var(--edge);border-radius:6px;font-size:22px;width:32px;height:32px}.metricsDesign .orderEscalate{font-size:11px;margin-top:10px;padding:6px}.orderPagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:18px 0;font-size:12px;color:var(--muted)}.orderPagination button{padding:7px 12px}.orderPagination span:first-child{margin-right:auto}
.metricsDesign .paySummaryGrid article,.metricsDesign .businessCard,.metricsDesign .authCard,.metricsDesign .readOnlyMetricControl,.metricsDesign .metricsTableShell{background:var(--surface);color:var(--ink);border-color:var(--edge)}.metricsDesign .authScreen{background:#0c1215}.metricsDesign .metricsChatLauncher{background:var(--lime);color:#142000;bottom:24px}.metricsDesign .metricsChat{color:#172b4d}.metricsDesign .metricsChat button,.metricsDesign .metricsChat input,.metricsDesign .metricsChat select,.metricsDesign .metricsChat textarea{color:#172b4d;background:white}.metricsDesign .metricsChat header button{color:white;background:#ffffff14}.metricsDesign .metricsChatComposer button[type=submit]{color:white;background:#1458e4}.metricsBottomNav,#metricsMenuBtn,#viewOrdersBtn{display:none}
@media(max-width:1100px) and (min-width:761px){.metricsDesign .portalShell{padding-left:215px;padding-right:20px}.metricsDesign .tabBar{width:195px}.metricsDesign .brandRow{width:160px}.metricsLogo{width:155px}.performanceGrid{grid-template-columns:1fr}.productionBlock{border:0;padding:0}.metricsDesign .metricsSummaryGrid{gap:14px;flex-wrap:wrap}}
@media(max-width:760px){.metricsDesign .portalShell{padding:18px 16px 110px}.metricsDesign .portalHeader{display:flex;align-items:center;margin-bottom:24px}.metricsDesign .brandRow{position:static;width:auto}.metricsLogo{width:150px;padding:7px}.metricsDesign #pageSubtitle{display:none}.metricsDesign .portalNav{gap:6px}.metricsDesign .portalNav>a,.metricsDesign #signOutBtn{font-size:10px;padding:7px}.metricsDesign #metricsMenuBtn{display:block;font-size:20px;padding:6px 10px}.metricsDesign .pageHero h2{font-size:32px;margin:0}.metricsDesign .pageHero>p{display:none}.metricsDesign .tabBar{display:none;top:83px;bottom:76px;left:12px;width:calc(100% - 24px);padding:18px;z-index:1100;border:1px solid var(--edge);border-radius:12px}.metricsDesign.metricsMenuOpen .tabBar{display:flex}.metricsDesign .metricsControls{gap:10px;margin-bottom:22px}.metricsDesign .metricsControls>label:first-child,.metricsDesign .metricsControls>label:nth-child(2){width:100%}.metricsDesign .metricsControls>label>span{display:none}.metricsDesign .metricsControls select,.metricsDesign .weekRangePicker{width:100%}.metricsDesign #askMetricsBtn{display:none}.metricsDesign .metricsActionButton{font-size:11px;padding:8px}.performanceGrid{display:block}.productionBlock{padding:0;border:0}.productionBlock>h3{display:none}.productionNumbers{gap:12px}.metricsDesign .productionNumbers strong{font-size:34px}.metricsDesign .productionNumbers>div:first-child strong{font-size:56px}.productionNumbers>div+div{padding-left:12px}.productionNumbers span{font-size:12px}.statusLegend{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 26px}.statusLegend b{font-size:13px}.planBlock{border-top:1px solid var(--edge);padding-top:18px}.planChart{height:160px}.planPremium{border:1px solid var(--edge);border-radius:6px;padding:10px}.metricsDesign .metricsSummaryGrid{display:block;padding:16px 0;margin:18px 0}.metricsDesign .metricsSummaryGrid h3{margin-bottom:12px}.metricsDesign .metricsSummaryGrid article{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--edge);padding:10px 0}.metricsDesign .metricsSummaryGrid strong{font-size:16px;margin:0}.metricsDesign .metricsSummaryGrid span{font-size:14px}.metricsDesign #viewOrdersBtn{display:block;width:100%;border-color:var(--lime);padding:12px;background:none;margin:16px 0}.metricsBottomNav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#10181c;border-top:1px solid var(--edge);z-index:1002}.metricsBottomNav button{border:0;background:none;font-size:22px;padding:4px;color:var(--muted)}.metricsBottomNav span{display:block;font-size:11px}.metricsBottomNav button.active{color:var(--lime)}.metricsDesign .metricsChatLauncher{bottom:calc(88px + env(safe-area-inset-bottom));right:16px;font-size:12px;padding:13px}.metricsDesign .metricsChat{bottom:calc(148px + env(safe-area-inset-bottom));height:calc(100dvh - 170px - env(safe-area-inset-bottom))}
.metricsDesign[data-mobile-view=overview] #metricsOrderBook{display:none}.metricsDesign[data-mobile-view=orders] #metricsLinesHero,.metricsDesign[data-mobile-view=orders] #metricsSummaryGrid,.metricsDesign[data-mobile-view=orders] #viewOrdersBtn{display:none}.orderBookTools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.orderBookTools h2{grid-column:1/-1;font-size:24px}.orderBookTools .orderSearch{grid-column:1/-1}.orderBookTools select{font-size:11px;min-width:0}.orderBookTools label{min-width:0}.metricsDesign .metricsColorLegend{display:none}.metricsDesign .metricsOverviewTableShell{border:0;overflow:visible;background:none}.metricsDesign .metricsOverviewTableShell table,.metricsDesign .metricsOverviewTableShell tbody{display:block;min-width:0;width:100%}.metricsDesign .metricsOverviewTableShell thead{display:none}.metricsDesign .metricsOverviewTableShell .metricOrderSummaryRow{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--edge);border-radius:9px;margin:12px 0 0;padding:12px;gap:10px}.metricsDesign .metricsOverviewTableShell td{border:0;padding:0;font-size:12px;min-width:0;overflow-wrap:anywhere}.metricsDesign .orderIdentity{grid-column:1}.metricsDesign .orderIdentity strong{font-size:17px}.metricsDesign .orderIdentity small{font-size:13px}.metricsDesign .orderStatus{grid-column:2;grid-row:1;justify-self:end}.metricsDesign .orderSelect{grid-column:1/-1}.metricsDesign .orderSelect:has(input){margin-bottom:2px}.metricsDesign .orderSelect:not(:has(input)){display:none}.metricsDesign .orderSale:before{content:'Sold ';color:var(--muted)}.metricsDesign .orderActivation:before{content:'Activated ';color:var(--muted)}.metricsDesign .orderNumber:before{content:'Order ID ';color:var(--muted);display:block}.metricsDesign .orderToggle{grid-column:1/-1}.metricsDesign .orderToggle button{display:inline-block;margin:0 10px 0 0}.metricsDesign .metricOrderLineRow{display:block;margin:0 0 12px;border:1px solid var(--edge);border-top:0;padding:12px;border-radius:0 0 9px 9px}.metricsDesign .metricOrderLineRow>td{display:block}.metricsDesign .orderLine{grid-template-columns:1fr 1fr;gap:9px}.metricsDesign .orderDetailWrap{padding:10px}.orderPagination{justify-content:center;flex-wrap:wrap}.orderPagination span:first-child{width:100%;text-align:center}.metricsDesign .authScreen~.metricsBottomNav{display:grid}.metricsDesign.authLocked .metricsBottomNav,.metricsDesign.authChecking .metricsBottomNav{display:none}}
.metricsDesign .metricsLinesHero span{text-transform:none;letter-spacing:normal}
.metricsDesign .metricsLinesHero .planScope{color:var(--muted);font-size:12px}
.metricsDesign .qualityInfo{display:inline-block;padding:0 3px;min-height:0;background:none;border:0;font-size:13px;line-height:1}
.metricsDesign .orderQuality{grid-column:1/-1}
.metricsDesign .metricsOverviewTableShell tbody tr,.metricsDesign .metricsOverviewTableShell tbody td{background:var(--surface)!important;color:var(--ink)}
.metricsDesign .metricsOverviewTableShell tbody td{font-weight:400}
.metricsDesign .productionNumbers span,.metricsDesign .planScope{font-weight:400}
.metricsDesign .metricsOverviewTableShell table,.metricsDesign .metricsOverviewTableShell tbody{background:transparent!important}
.metricsDesign .metricsOverviewTableShell .metricsTable thead th{background:#121b20;color:var(--muted);box-shadow:none}
@media(max-width:760px){.metricsDesign .metricsOverviewTableShell{max-height:none}}
.metricsDesign .portalShell{width:100%;box-sizing:border-box;min-width:0}
.metricsDesign .metricsChatLauncher{width:54px;height:54px;min-width:54px;padding:0;display:grid;place-items:center;border-radius:50%}
.metricsDesign{font:14px/1.45 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--muted:#b1bdc4}
.metricsDesign .axisIcon{display:block;width:22px;height:22px;flex:none}
.metricsDesign .portalShell{width:calc(100% - 230px);max-width:1600px;margin:0 0 0 max(230px,calc(230px + (100% - 1830px)/2));padding:28px 30px 48px;position:relative}
.metricsDesign .portalHeader{position:absolute;top:28px;right:30px;min-height:0;margin:0}
.metricsDesign .brandRow{top:24px}.metricsLogo{width:180px;padding:6px;border-radius:5px;background:#f5f7f8}
.metricsDesign #pageSubtitle{display:none}.metricsDesign .portalNav{gap:8px;margin:0}
.metricsDesign .pageHero{padding:0 190px 0 0;margin:0 0 20px}.metricsDesign .pageHero h2{font-size:34px;line-height:1.2;letter-spacing:-.8px;margin:0 0 5px}.metricsDesign .pageHero p{font-size:12px}.metricsDesign .pageHero>p:first-child{display:none}
.metricsDesign .tabBar{padding-top:115px;gap:5px}.metricsDesign .tabButton{font-size:14px;min-height:44px;padding:12px 14px}
.metricsDesign button,.metricsDesign input,.metricsDesign select,.metricsDesign textarea{font-family:inherit;font-size:14px;line-height:1.4;box-shadow:none;letter-spacing:normal;text-transform:none}
.metricsDesign button:disabled{opacity:.5;cursor:default}.metricsDesign input[type=checkbox]{width:18px;height:18px;accent-color:var(--lime);margin:0;cursor:pointer}
.metricsDesign .metricsControls{margin:0 0 12px}.metricsDesign .metricsControls>label{display:grid;gap:5px;margin:0;min-width:0}.metricsDesign label>span{font-size:12px;font-weight:500;text-transform:none;letter-spacing:normal}
.metricsDesign .metricsControls select{min-width:180px;padding:8px 30px 8px 12px}.metricsDesign .weekRangePicker{min-width:280px}.metricsDesign .weekRangePicker button{padding:6px 10px;font-size:14px}
.metricsDesign .metricsScope{margin:0 0 24px;border-left:2px solid var(--lime);padding:2px 0 2px 10px;font-size:12px;color:var(--muted)}.metricsScope strong{font-weight:500;color:var(--ink)}.metricsScope small{display:block;font-size:12px;margin-top:4px}
.performanceGrid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:28px}.performanceGrid h3{font-size:18px;margin-bottom:16px}.productionBlock{min-width:0}
.productionNumbers{display:flex;align-items:center;gap:24px;margin:24px 0;flex-wrap:wrap}.productionNumbers>div+div{padding-left:24px}.metricsDesign .productionNumbers strong{font-size:clamp(32px,2.8vw,44px);font-weight:650}.metricsDesign .productionNumbers>div:first-child strong{font-size:clamp(48px,4vw,68px)}.productionNumbers span{font-size:14px;display:block;margin-top:4px}
.statusRail{height:16px}.statusLegend{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 0}.statusLegend b{font-size:14px;margin-top:5px}
.planChart{grid-template-columns:repeat(4,minmax(0,1fr));height:176px;gap:16px}.planColumn{font-size:14px;gap:2px}.planColumn small{font-size:12px}.planBar{background:var(--lime);width:clamp(26px,4vw,64px);max-width:85%;margin-top:6px}.planLabels{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;font-size:12px}.planPremium{font-size:14px}.planPremium b{color:var(--ink)}
.metricsDesign .metricsSummaryGrid{display:grid;grid-template-columns:1.2fr repeat(5,minmax(0,1fr));gap:20px;padding:20px 0}.metricsDesign .metricsSummaryGrid h3{white-space:normal}.metricsDesign .metricsSummaryGrid span{font-weight:400;text-transform:none;letter-spacing:normal}.metricsDesign .qualityInfo{display:inline-flex;align-items:center;justify-content:center;width:24px;min-height:24px;padding:0;font-size:14px;vertical-align:middle}
.orderBookTools{display:grid;grid-template-columns:auto minmax(200px,1fr) minmax(155px,.45fr) minmax(210px,.6fr) auto;gap:12px;margin:20px 0 10px}.orderBookTools h2{font-size:24px;margin:0;white-space:nowrap}.orderBookTools label{min-width:0}.metricsDesign .orderBookTools input,.metricsDesign .orderBookTools select{width:100%;min-height:44px;font-size:14px;padding:10px}.orderBookTools #orderCount{white-space:nowrap}
.metricsDesign #paymentFilterNote{font-size:12px;line-height:1.5;margin:8px 0 14px}.metricsDesign .metricsColorLegend{display:none}
.metricsDesign .metricsOverviewTableShell{border:0;border-radius:0;max-height:none;scrollbar-gutter:auto}.metricsDesign .metricsOverviewTableShell table{min-width:1150px}
.metricsDesign .metricsOverviewTableShell .metricsTable thead th{font-size:12px;padding:12px 10px;font-weight:500;border:0;border-bottom:1px solid var(--edge);letter-spacing:normal;text-transform:none}
.metricsDesign .metricsOverviewTableShell .metricsTable tbody td{background:transparent!important;color:var(--ink);border:0;border-bottom:1px solid var(--edge);padding:14px 10px;font-size:14px;line-height:1.45;font-weight:400;vertical-align:top}
.metricsDesign .metricsOverviewTableShell tbody tr{background:transparent!important}.metricsDesign .metricsOverviewTableShell .metricOrderSummaryRow:hover{background:#19242a!important}
.orderIdentity{min-width:145px}.metricsDesign .orderIdentity strong{font-size:14px;font-weight:650}.metricsDesign .orderIdentity small{font-size:12px;margin-top:3px}.orderSale,.orderActivation{min-width:115px}.orderNumber{max-width:190px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.metricsDesign .metricOrderStatus,.metricsDesign .metricExpandPrompt{font-size:12px;line-height:1.4;font-weight:600;padding:4px 8px}.orderWarnings{font-size:12px}
.metricsDesign .orderPayment{min-width:135px;color:var(--ink)!important}.orderPayment small{display:block;font-size:12px;line-height:1.45}.paymentPaid{color:#a2edba}
.metricsDesign .metricExpandButton{background:none;color:var(--ink);border:0;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 5px;width:auto;height:auto;white-space:nowrap;font-size:14px}.metricExpandButton .axisIcon{width:16px;height:16px;transition:transform .12s}.metricExpandButton[aria-expanded=true] .axisIcon{transform:rotate(90deg)}
.metricsDesign .orderMenuButton{display:grid;place-items:center;width:40px;height:44px;min-height:44px;padding:0;border:0;background:transparent}.orderActionMenu{position:fixed;z-index:1200;width:188px;padding:4px;background:#1d2a30;border:1px solid #4c5f69;border-radius:7px}.metricsDesign .orderActionMenu button{width:100%;min-height:44px;border:0;background:none;text-align:left;font-size:14px}
.metricsDesign .orderDetailWrap{padding:16px 20px;border-left-width:2px;background:#141f24;border-radius:0}.metricsDesign .orderLine{grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(100px,1fr));gap:12px;padding:14px 0;font-size:14px}.metricsDesign .orderLine strong{font-size:14px;font-weight:600}.metricsDesign .orderLine small{font-size:12px;margin-top:3px}.metricsDesign .orderQuality{gap:8px 18px;font-size:12px;margin:0}
.orderPagination{gap:12px}.orderPagination button{min-height:44px}.mobileDisclosure,.mobilePlanSummary,.mobileFieldLabel{display:none}
.metricsDesign .metricsChatLauncher{width:50px;height:50px;min-width:50px;min-height:50px;padding:0;border:0;box-shadow:none}
@media(min-width:761px) and (max-width:1200px){.orderBookTools{grid-template-columns:1fr 1fr 1fr}.orderBookTools h2,.orderBookTools #orderCount{grid-column:1/-1}.productionNumbers{gap:14px}.productionNumbers>div+div{padding-left:14px}.metricsDesign .productionNumbers strong{font-size:30px}.metricsDesign .productionNumbers>div:first-child strong{font-size:48px}.statusLegend{grid-template-columns:1fr 1fr}.metricsDesign .metricsSummaryGrid{grid-template-columns:repeat(5,1fr);gap:12px}.metricsDesign .metricsSummaryGrid h3{grid-column:1/-1}}
@media(max-width:760px){
 .metricsDesign .portalShell{width:100%;max-width:none;margin:0;padding:16px 16px calc(84px + env(safe-area-inset-bottom));min-width:0}
 .metricsDesign .portalHeader{position:static;justify-content:space-between;margin:0 0 18px}.metricsDesign .brandRow{position:static;width:128px}.metricsLogo{width:128px;padding:4px}.metricsDesign .portalNav{gap:4px}.metricsDesign .portalNav>a,.metricsDesign #signOutBtn{font-size:12px;padding:0 8px;min-height:40px}.metricsDesign #metricsMenuBtn{display:grid;place-items:center;width:40px;height:40px;padding:0}
 .metricsDesign .pageHero{margin:0 0 16px;padding:0}.metricsDesign .pageHero h2{font-size:28px;letter-spacing:-.5px}.metricsDesign .tabBar{top:76px;bottom:calc(60px + env(safe-area-inset-bottom))}
 .metricsDesign .metricsControls{gap:10px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px}.metricsDesign .metricsControls>label:first-child{grid-column:1/-1}.metricsDesign .metricsControls>label:nth-child(2){grid-column:1}.metricsDesign .metricsControls select,.metricsDesign .weekRangePicker{width:100%;min-width:0;max-width:100%}.metricsDesign .metricsControls select{padding:8px 26px 8px 10px}.metricsDesign .metricsControls button{padding:6px 10px}.metricsDesign #pendingBackorderControl,.metricsDesign #textSelectedPendingsBtn{grid-column:1/-1}.metricsDesign .metricsScope{margin-bottom:20px}
 .performanceGrid{display:block}.productionNumbers{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin:14px 0 20px}.productionNumbers>div+div{padding-left:12px}.metricsDesign .productionNumbers strong{font-size:32px}.metricsDesign .productionNumbers>div:first-child strong{font-size:48px}.productionNumbers span{font-size:12px}.statusLegend{grid-template-columns:1fr 1fr;margin:14px 0 22px}.planBar{width:42px}.planChart{height:170px}
 .metricsDesign .metricsSummaryGrid{display:block;padding:16px 0;margin:20px 0}.metricsDesign .metricsSummaryGrid article{padding:8px 0}.metricsDesign .metricsSummaryGrid article:last-child{border:0}.metricsDesign .metricsSummaryGrid strong{font-size:16px}.metricsDesign .metricsSummaryGrid span{font-size:14px}
 .metricsBottomNav{height:calc(58px + env(safe-area-inset-bottom));padding:4px 8px calc(4px + env(safe-area-inset-bottom))}.metricsDesign .metricsBottomNav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:0;font-weight:500}.metricsBottomNav .axisIcon{width:20px;height:20px}.metricsBottomNav span{font-size:12px}
 .metricsDesign .metricsChatLauncher{bottom:calc(70px + env(safe-area-inset-bottom));right:16px}.metricsDesign .metricsChat{bottom:calc(130px + env(safe-area-inset-bottom));height:calc(100dvh - 150px - env(safe-area-inset-bottom))}
 .orderBookTools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:12px 0}.orderBookTools h2{display:none}.orderBookTools #orderCount{grid-column:1/-1}.orderBookTools .orderSearch{min-width:0;grid-column:1/-1}.metricsDesign .orderBookTools select{font-size:14px;text-overflow:ellipsis;padding:10px 24px 10px 8px;min-width:0;max-width:100%}
 .metricsDesign .metricsOverviewTableShell table{min-width:0}.metricsDesign .metricsOverviewTableShell .metricOrderSummaryRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 84px 36px;padding:10px 12px;gap:7px 8px;background:#151e22!important}
 .metricsDesign .metricsOverviewTableShell .metricsTable tbody td{border:0;padding:0;font-size:14px;line-height:1.4;min-width:0;max-width:none}
 .metricsDesign .orderIdentity{grid-column:1/3;grid-row:1}.metricsDesign .orderIdentity strong{font-size:15px}.metricsDesign .orderIdentity small{font-size:12px;margin-top:2px}.metricsDesign .hasSelection .orderIdentity{padding-left:27px!important}
 .metricsDesign .orderSelect{grid-column:1;grid-row:1;z-index:1;align-self:start;justify-self:start;margin-top:3px;width:24px;height:32px}.orderSelect:not(:has(input)){display:none}
 .metricsDesign .orderStatus{grid-column:3;grid-row:1;align-self:start;justify-self:end;text-align:right}.metricsDesign .metricOrderStatus,.metricsDesign .metricExpandPrompt{font-size:12px;padding:3px 6px;line-height:1.3}.orderWarnings{font-size:12px}
 .metricsDesign .orderActions{grid-column:4;grid-row:1;align-self:start;margin-top:-4px}.metricsDesign .orderMenuButton{width:36px;min-height:40px;height:40px}
 .metricsDesign .orderLines{display:contents}.mobilePlanSummary{display:block;grid-column:1/-1;grid-row:2}.metricsDesign .orderLines .metricExpandButton{grid-column:1/-1;grid-row:6;justify-self:start;min-height:44px;padding:2px 0;color:var(--lime)}.desktopLineCount{display:none}.mobileDisclosure{display:inline}.metricsDesign .orderPlan{display:none}
 .metricsDesign .orderSale{grid-column:1/3;grid-row:3}.metricsDesign .orderActivation{grid-column:3/-1;grid-row:3}.metricsDesign .orderSale:before,.metricsDesign .orderActivation:before,.metricsDesign .orderNumber:before{content:none}.mobileFieldLabel{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-bottom:1px}
 .metricsDesign .orderNumber{grid-column:1/3;grid-row:4}.metricsDesign .orderPayment{grid-column:3/-1;grid-row:4;min-width:0;font-size:14px}
 .metricsDesign .metricOrderLineRow{padding:10px;background:#151e22!important}.metricsDesign .orderLine{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px;font-size:14px}.metricsDesign .orderDetailWrap{padding:8px 10px}.metricsDesign .orderLine .orderPayment{grid-column:auto;grid-row:auto}.orderQuality{gap:6px 12px}
 .orderPagination{gap:8px}.orderPagination span:first-child{margin:0}
}
.metricsDesign .metricExpandButton[aria-expanded=true]{transform:none}
.metricsDesign .orderRep{min-width:145px}
.metricsStickyHeader{position:fixed;top:0;z-index:30;overflow:hidden;background:#121b20;pointer-events:none;border-bottom:1px solid var(--edge)}
.metricsStickyTrack{display:flex;height:100%;align-items:stretch}
.metricsDesign .weekRangePicker{position:relative;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;min-width:340px;padding:5px;border-radius:12px;background:#172226;border-color:#465750}
.metricsDesign .weekRangePicker input[type=date]{position:absolute;left:50px;bottom:0;pointer-events:none}
.metricsDesign .weekRangePicker button{min-height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.metricsDesign .weekRangePicker button:hover{background:#26352c;color:var(--lime)}
.metricsDesign .weekRangeCenter{display:flex;align-items:center;gap:10px;padding:0 8px;position:relative;border-left:1px solid var(--edge);border-right:1px solid var(--edge)}
.metricsDesign .weekRangeCenter button{flex:1;padding:8px 0;font-weight:600;white-space:nowrap;font-size:14px}
.metricsDesign .weekRangeCenter button:after{content:'';position:absolute;inset:0}
.metricsDesign .weekCalendar{width:20px;height:20px;color:var(--lime)}
.metricsDesign .weekDropdownChevron{width:13px;height:13px;transform:rotate(90deg);color:var(--muted)}
.metricsDesign .previousWeekIcon{transform:rotate(180deg)}
@media(min-width:761px){
 .metricsDesign .orderBookTools{grid-template-columns:minmax(0,1fr) 170px 155px 190px;align-items:center}
 .metricsDesign .orderBookTools h2{grid-column:1/4;grid-row:1}
 .metricsDesign .orderBookTools .orderSearch{grid-column:1;grid-row:2;min-width:0}
 .metricsDesign .orderBookTools .metricsRepControl{grid-column:2;grid-row:2}
 .metricsDesign .orderBookTools .orderStatusControl{grid-column:3;grid-row:2}
 .metricsDesign .orderBookTools .orderPayoutControl{grid-column:4;grid-row:2}
 .metricsDesign .orderBookTools #orderCount{grid-column:4;grid-row:1;justify-self:end}
 .metricsDesign .orderBookTools .metricsRepControl>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
@media(min-width:761px) and (max-width:1050px){
 .metricsDesign .orderBookTools{grid-template-columns:repeat(3,minmax(0,1fr))}
 .metricsDesign .orderBookTools h2{grid-column:1/3}
 .metricsDesign .orderBookTools #orderCount{grid-column:3}
 .metricsDesign .orderBookTools .orderSearch{grid-column:1/-1;grid-row:2}
 .metricsDesign .orderBookTools .metricsRepControl{grid-column:1;grid-row:3}
 .metricsDesign .orderBookTools .orderStatusControl{grid-column:2;grid-row:3}
 .metricsDesign .orderBookTools .orderPayoutControl{grid-column:3;grid-row:3}
}
@media(max-width:760px){
 .metricsDesign .metricsControls .weekRangePicker{min-width:0;grid-template-columns:36px minmax(0,1fr) 36px}
 .metricsDesign .weekRangeCenter{gap:6px;padding:0 6px}
 .metricsDesign .metricsControls .weekRangeCenter button{font-size:13px;padding:8px 0}
 .metricsDesign .weekCalendar{width:18px;height:18px}
 .metricsDesign .weekDropdownChevron{width:10px;height:10px}
}
.metricsStickyTrack>span{box-sizing:border-box;flex:none;padding:12px 10px;font-size:12px;font-weight:500;color:var(--muted);display:flex;align-items:center}
@media(min-width:761px){.metricsDesign .metricsOverviewTableShell table{min-width:1300px}}
@media(max-width:760px){
 .metricsDesign .metricsOverviewTableShell .metricsTable tbody .orderRep{grid-column:1/3;grid-row:2;font-size:12px;color:var(--muted);min-width:0}
 .metricsDesign .hasSelection .orderRep{padding-left:27px!important}
 .metricsDesign .mobilePlanSummary{grid-row:3}
 .metricsDesign .orderSale,.metricsDesign .orderActivation{grid-row:4}
 .metricsDesign .orderNumber,.metricsDesign .orderPayment{grid-row:5}
 .metricsDesign .orderLine .orderPayment{grid-row:auto}
}
@media(max-width:760px){
 .metricsDesign .metricsOverviewTableShell .metricOrderSummaryRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 84px 36px}
 .metricsDesign .metricsOverviewTableShell .metricsTable tbody .orderRep{grid-column:1;grid-row:1;font-size:14px;color:var(--muted)}
 .metricsDesign .orderIdentity{grid-column:2;grid-row:1}
 .metricsDesign .hasSelection .orderIdentity{padding-left:0!important}
 .metricsDesign .orderIdentity strong{font-size:14px}
 .metricsDesign .mobilePlanSummary{grid-row:2}
 .metricsDesign .orderSale,.metricsDesign .orderActivation{grid-row:3}
 .metricsDesign .orderNumber,.metricsDesign .orderPayment{grid-row:4}
 .metricsDesign .orderLine .orderPayment{grid-row:auto}
 .metricsDesign .orderLines .metricExpandButton{grid-row:5}
}
@media(max-width:760px){
 .metricsDesign .metricsOverviewTableShell .metricOrderSummaryRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px}
 .metricsDesign .orderActions{grid-column:3;grid-row:1}
 .metricsDesign .orderStatus{grid-column:1/-1;grid-row:2;justify-self:start;text-align:left}
 .metricsDesign .mobilePlanSummary{grid-row:3}
 .metricsDesign .orderSale{grid-column:1;grid-row:4}
 .metricsDesign .orderActivation{grid-column:2/-1;grid-row:4}
 .metricsDesign .orderNumber{grid-column:1;grid-row:5}
 .metricsDesign .orderPayment{grid-column:2/-1;grid-row:5}
 .metricsDesign .orderLine .orderPayment{grid-column:auto;grid-row:auto}
 .metricsDesign .orderLines .metricExpandButton{grid-row:6}
}