#stock{--stock-line:#e2e9f1;--stock-muted:#65748b;--stock-blue:#0878f9;max-width:1600px;margin:0 auto}
#stock .stockIntro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px 0 20px}
#stock .stockEyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--stock-muted);text-transform:uppercase}
#stock h2{margin:5px 0 7px;font-size:25px;letter-spacing:-.6px}
#stock .stockIntro p{margin:0;color:var(--stock-muted);font-size:13px;line-height:1.5}
#stock .stockActions{display:flex;gap:8px;flex-shrink:0}
#stock .stockActions button{min-height:40px;font-size:13px}
#stock .stockUpdated{margin-top:8px;font-size:12px;color:var(--stock-muted)}
#stock .stockNotice{padding:12px 15px;border-radius:12px;margin-bottom:16px;background:#fff4df;border:1px solid #edce91;color:#805316;line-height:1.5;font-size:13px}
#stock .stockMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
#stock .stockMetric{padding:18px 20px;border:1px solid var(--stock-line);border-radius:16px;background:white;min-width:0;box-shadow:0 3px 12px #16334d03}
#stock .stockMetric.primaryMetric{background:#edf5ff;border-color:#cce0fb}
#stock .stockMetric span{display:block;font-size:12px;color:var(--stock-muted);font-weight:600}
#stock .stockMetric strong{display:block;margin:8px 0 5px;font-size:32px;line-height:1.1;letter-spacing:-1px;color:#172d48;font-variant-numeric:tabular-nums}
#stock .primaryMetric strong{color:#086bdc}
#stock .stockMetric small{font-size:11px;color:var(--stock-muted)}
#stock .stockWorkspace{padding:0;overflow:hidden;border:1px solid var(--stock-line);border-radius:16px;background:#fff}
#stock .stockToolbar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) minmax(150px,.7fr);gap:12px;padding:18px 20px 12px}
#stock label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:var(--stock-muted);min-width:0}
#stock input,#stock select{width:100%;min-width:0;min-height:40px;border:1px solid #d8e1ed;border-radius:9px;background:#fff;color:#24364d;font:inherit;font-size:13px;padding:9px 11px}
#stock .stockFilterBar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:4px 20px 16px}
#stock .stockFilter{display:flex;gap:7px;align-items:center;min-height:34px;padding:7px 10px;border:1px solid var(--stock-line);border-radius:8px;background:#fff;color:#56667b;font-size:12px;white-space:nowrap}
#stock .stockFilter b{font-size:11px;background:#f0f3f7;padding:2px 5px;border-radius:5px}
#stock .stockFilter.selected{color:#075fbe;background:#ebf4ff;border-color:#bcd8fc}
#stock .stockFilter.selected b{background:#d5e7ff;color:#0655aa}
#stock .stockThreshold{margin-left:auto;flex-direction:row;align-items:center;gap:7px;white-space:nowrap}
#stock .stockThreshold input{width:68px;min-height:34px;padding:6px 8px}
#stock .stockResultsHead{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--stock-line);background:#fafbfd}
#stock .stockResultsHead b{font-size:13px}#stock .stockResultsHead small{display:block;margin-top:4px;font-size:11px;color:var(--stock-muted);line-height:1.5}
#stock .stockSort{flex-direction:row;align-items:center;white-space:nowrap}#stock .stockSort select{width:auto;max-width:220px;min-height:34px;padding:6px 8px}
#stock .stockTableWrap{overflow-x:auto}
#stock table{width:100%;border-collapse:collapse;table-layout:fixed}
#stock th{padding:11px 16px;text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:var(--stock-muted);background:#f7f9fc;border-top:1px solid var(--stock-line);border-bottom:1px solid var(--stock-line)}
#stock th:first-child{width:34%;text-align:left;padding-left:20px}#stock th:nth-child(2){width:19%;text-align:left}#stock th:last-child{width:16%;text-align:left}
#stock td{padding:14px 16px;border-bottom:1px solid #edf1f6;font-size:13px;vertical-align:middle;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#stock td:first-child{text-align:left;padding-left:20px}#stock td:nth-child(2),#stock td:last-child{text-align:left}
#stock .stockProduct{display:block;color:#23374f;font-weight:700;font-size:13px;line-height:1.45}
#stock .stockProductMeta{display:block;font-size:11px;color:var(--stock-muted);margin-top:5px;line-height:1.4}
#stock .stockGroupName{font-size:12px;color:var(--stock-muted);line-height:1.5}
#stock .stockQuantity{font-weight:700;font-size:14px}#stock .stockNegative{color:#c03743}#stock .stockAvailable{color:#086bdc}
#stock .stockBadge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 7px;white-space:nowrap;font-size:10px;font-weight:700;background:#edf7f2;color:#23734d}
#stock .stockBadge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
#stock .stockBadge.low{background:#fff4e4;color:#996018}#stock .stockBadge.negative{background:#fff0f1;color:#bb3441}#stock .stockBadge.zero{background:#f0f3f6;color:#758297}#stock .stockBadge.reserved{background:#edf0ff;color:#6157b1}
#stock .stockEmpty{text-align:center!important;padding:44px 20px!important;color:var(--stock-muted);line-height:1.7}
#stock .stockPager{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--stock-muted)}
#stock .stockPagerControls{display:flex;gap:7px;align-items:center}#stock .stockPager button{font-size:12px;padding:7px 11px;min-height:34px}
#stock .stockFootnote{margin:12px 2px;color:var(--stock-muted);font-size:11px;line-height:1.6}
#stock button:focus-visible,#stock input:focus-visible,#stock select:focus-visible{outline:2px solid #0878f9;outline-offset:2px}
@media(max-width:900px){#stock .stockToolbar{grid-template-columns:1fr 1fr}#stock .stockSearchLabel{grid-column:1/-1}#stock .stockThreshold{margin-left:0}#stock th,#stock td{padding-left:10px;padding-right:10px}#stock th:last-child{width:19%}}
@media(max-width:600px){#stock .stockIntro{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}#stock h2{font-size:23px}#stock .stockActions{width:100%}#stock .stockActions button{flex:1}#stock .stockMetrics{gap:8px;margin-bottom:14px}#stock .stockMetric{padding:13px 10px;border-radius:12px}#stock .stockMetric strong{font-size:25px}#stock .stockMetric span{font-size:10px}#stock .stockMetric small{font-size:9px}#stock .stockToolbar{padding:15px 12px 10px;gap:10px}#stock .stockFilterBar{padding:3px 12px 14px}#stock .stockFilter{font-size:11px;padding:7px 8px}#stock .stockThreshold{width:100%;margin-top:5px}#stock .stockResultsHead{padding:12px;flex-direction:column;align-items:stretch}#stock .stockSort{justify-content:space-between}#stock .stockSort select{max-width:75%}#stock table{min-width:650px}#stock .stockPager{padding:12px;flex-wrap:wrap}#stock .stockPagerControls{margin-left:auto}#stock .stockFootnote{font-size:10px}}

#stock .stockMobileMeta{display:none}
@media(max-width:600px){
 #stock table{min-width:0}
 #stock th:first-child{width:46%;padding-left:12px}
 #stock th:nth-child(2),#stock td:nth-child(2),#stock th:last-child,#stock td:last-child:not(:first-child){display:none}
 #stock th:nth-child(3),#stock th:nth-child(4),#stock th:nth-child(5){width:18%;padding:10px 4px;font-size:8px;letter-spacing:0}
 #stock td:first-child{padding:13px 8px 13px 12px}
 #stock td:nth-child(3),#stock td:nth-child(4),#stock td:nth-child(5){padding:13px 7px;font-size:14px}
 #stock .stockProduct{font-size:12px}#stock .stockProductMeta{font-size:10px}
 #stock .stockMobileMeta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:5px;font-size:10px;color:var(--stock-muted)}
 #stock .stockMobileMeta .stockBadge{font-size:9px;padding:4px 5px}
}

.stockNavBadge{display:inline-block;min-width:20px;padding:2px 5px;margin-left:3px;border-radius:12px;background:#d93243;color:#fff;font-size:11px;font-weight:800;text-align:center;line-height:17px}
.stockNavBadge[hidden]{display:none}.stockNavBadge.stale{background:#a46c13}.stockNavBadge.empty{background:#eaf0f7;color:#63748a}
#stock [hidden]{display:none!important}
#stock .stockSections{display:flex;gap:7px;padding:5px;margin-bottom:18px;background:#eaf0f8;border:1px solid #dfe7f1;border-radius:12px;width:fit-content;max-width:100%}
#stock .stockSections button{border:0;background:transparent;border-radius:8px;padding:11px 15px;font-size:13px;font-weight:700;color:#65748b}
#stock .stockSections button.selected{background:#fff;color:#1269ce;box-shadow:0 2px 6px #263e5d12}
#stock .stockSections b,#stock .stockMinimumTabs b{display:inline-block;padding:2px 6px;border-radius:5px;background:#e6effc;color:#1b60ad;font-size:11px;margin-left:5px}
#stock .stockMinimumHeader{padding:20px;margin-bottom:18px;background:#fff;border:1px solid var(--stock-line);border-radius:15px}
#stock .stockMinimumHeader h3{margin:0 0 7px;font-size:20px;letter-spacing:-.4px}
#stock .stockMinimumHeader p{margin:0;color:var(--stock-muted);font-size:12px;line-height:1.6}
#stock .stockMinimumTabs{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 12px}
#stock .stockMinimumTabs button{border:1px solid #dde5f0;border-radius:9px;background:#f8fafd;color:#5f7087;font-size:13px;font-weight:700;padding:12px 15px}
#stock .stockMinimumTabs button.selected{background:#edf5ff;border-color:#9cc6fb;color:#0765c8}
#stock #stockMinimumUpdated{font-size:11px;color:var(--stock-muted)}
#stock.minimumView .stockToolbar{grid-template-columns:minmax(220px,2fr) minmax(180px,1fr)}
#stock .stockMinimumNote{display:block;font-size:11px;margin-top:5px;color:var(--stock-muted)}
#stock .stockBadge.minimum{background:#fff2df;color:#9b5c0a}
@media(max-width:600px){#stock .stockSections{width:100%;gap:3px}#stock .stockSections button{padding:10px 7px;font-size:11px;flex:1}#stock .stockSections b{margin-left:2px}#stock .stockMinimumHeader{padding:16px 12px}#stock .stockMinimumHeader h3{font-size:18px}#stock .stockMinimumTabs{flex-direction:column;gap:7px}#stock .stockMinimumTabs button{text-align:left;display:flex;justify-content:space-between;align-items:center}#stock.minimumView .stockToolbar{grid-template-columns:1fr}#stock .stockMinimumNote{font-size:10px}}

/* Inline minimum editor keeps the compact stock row height unchanged. */
#stock button.stockMinimumEdit{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;min-height:24px;height:24px;min-width:38px;padding:2px 4px;border:0;border-radius:3px;background:transparent;color:inherit;font-size:13px;font-weight:600;line-height:20px;box-shadow:none;white-space:nowrap}
#stock button.stockMinimumEdit:hover,#stock button.stockMinimumEdit:focus-visible{background:#edf3ff;color:#0064ff}
#stock .stockMinimumPencil{font-size:12px;color:#6f7e91;line-height:1}

#stock .stockMinimumHeadingShort{display:none}
@media(max-width:600px){#stock .stockMinimumHeadingFull{display:none}#stock .stockMinimumHeadingShort{display:inline}}