.stock-eyebrow { font-size: 11px; font-weight: 750; letter-spacing: 2px; color: var(--brand); display:block; margin-bottom:9px }
.stock-heading select { min-width: 200px }
.stock-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:22px }
.stock-metric { border-radius:26px; justify-content:flex-start; gap:16px; background:var(--panel); padding:20px; text-align:left; box-shadow:var(--shadow) }
.stock-metric strong { display:block; font-size:30px; line-height:1.2 }
.stock-metric small { display:block; color:var(--muted); font-weight:500; margin-top:4px }
.stock-symbol,.stock-product-icon { background:var(--brand-light,#fff3d3); color:var(--brand); border-radius:19px; height:50px; width:50px; display:grid; place-items:center; flex-shrink:0 }
.stock-metric.attention .stock-symbol { background:#ffe5df }
.stock-note { display:flex; align-items:center; gap:12px; padding:14px 18px; border-radius:18px; background:#fff5df; font-size:13px; color:#795423; margin-bottom:22px }
.stock-tabs { display:flex; gap:7px; margin:8px 0 22px; flex-wrap:wrap }
.stock-tabs button { background:transparent; border:0 }
.stock-tabs .active { background:var(--brand); color:#fff }
.stock-team { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:18px }
.stock-person { padding:24px; border-radius:30px; display:flex; flex-direction:column; gap:18px }
.stock-person-head { display:flex; align-items:center; gap:13px }
.stock-person-head h2 { font-size:22px; margin-top:3px }
.stock-person-head small { color:var(--muted) }
.stock-avatar { display:grid; place-items:center; width:50px; height:50px; flex:0 0 50px; border-radius:50%; background:var(--brand-light,#fff3d3); color:var(--brand); font-size:22px; font-weight:700 }
.stock-person-head .stock-icon-button { margin-left:auto }
.stock-icon-button { padding:8px; min-width:40px; min-height:40px; border-color:transparent }
.stock-icon-button .icon { width:20px; height:20px }
.stock-person.vacant { border:1px dashed #b9a782 }
.stock-progress { display:grid; gap:5px }
.stock-progress span { font-size:12px; color:var(--muted) }
.stock-progress progress { width:100%; height:7px; border:0; border-radius:10px; overflow:hidden; background:#ebe5d8 }
.stock-progress progress::-webkit-progress-bar { background:#ebe5d8 }
.stock-progress progress::-webkit-progress-value { background:var(--brand); border-radius:10px }
.stock-person-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:space-between }
.stock-person-meta small { color:var(--muted) }
.pill.stock-neutral { background:#efece4; color:#635d52 }
.stock-card-actions { display:flex; gap:7px; margin-top:auto; flex-wrap:wrap }
.stock-card-actions button { padding:10px 14px; font-size:13px }
.stock-help { font-size:12px; color:var(--muted); line-height:1.6; margin:20px 0 10px }
.stock-toolbar { display:flex; align-items:end; gap:12px; margin-bottom:18px; flex-wrap:wrap }
.stock-toolbar label { flex:1; min-width:170px }
.stock-toolbar .stock-search { flex:2; min-width:230px }
.stock-product-list { display:grid; gap:10px }
.stock-product { display:flex; align-items:center; gap:18px; padding:16px 20px; border-radius:24px }
.stock-product-name { flex:1; min-width:170px }
.stock-product-name small,.stock-frequency { display:block; color:var(--muted); font-size:11px; margin-top:3px }
.stock-product-name .invalid { color:var(--red) }
.stock-quantity { display:grid; gap:3px; min-width:150px; text-align:right }
.stock-quantity strong { font-size:21px }
.stock-quantity small { font-size:12px; color:var(--muted); font-weight:400 }
.stock-quantity b { font-size:12px }
.stock-status { display:grid; justify-items:start; gap:6px; min-width:120px }
.stock-product-actions { display:flex; gap:5px; align-items:center }
dialog.stock-dialog { width:min(850px,96vw); max-width:96vw }
.stock-report-list { display:grid; gap:0 }
.stock-count-row { display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); padding:13px 0 }
.stock-count-row strong { color:var(--ink); font-size:15px }
.stock-count-row small { display:block; font-size:11px; margin-top:4px }
.stock-count-row input { max-width:140px; font-size:18px; text-align:right }
.stock-report-footer { position:sticky; bottom:0; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 0; background:var(--panel); border-top:1px solid var(--line) }
.stock-report-footer span { font-size:13px; color:var(--muted) }
.stock-report-help { font-size:12px }
.stock-history { display:grid; gap:12px }
.stock-history details { padding:18px; border-radius:20px }
.stock-history summary { cursor:pointer; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap }
.stock-history p { margin:14px 0; font-size:13px }
.stock-history-line { display:flex; justify-content:space-between; gap:20px; padding:9px 0; border-bottom:1px solid var(--line); font-size:13px }
@media(min-width:901px) { .sidebar { overflow-y:auto; gap:18px; border-radius:50px } .sidebar nav { gap:4px } .nav-button { min-height:47px; padding:10px 15px } }
@media(max-width:1100px) { .stock-metrics { grid-template-columns:repeat(2,minmax(0,1fr)) } .stock-product { flex-wrap:wrap } .stock-product-name { flex-basis:40% } }
@media(max-width:680px) { .stock-team { grid-template-columns:1fr } .stock-heading h1 { font-size:30px } .stock-heading .actions { width:100% } .stock-heading select { min-width:0 } .stock-metric { padding:14px; gap:10px; border-radius:22px } .stock-metric strong { font-size:25px } .stock-metric small { font-size:10px } .stock-symbol { width:35px; height:42px; border-radius:14px } .stock-metrics { gap:9px } .stock-person { padding:20px } .stock-product { gap:12px; padding:16px } .stock-product-icon { width:38px; height:42px } .stock-product-name { flex-basis:calc(100% - 55px); min-width:0 } .stock-quantity { text-align:left; flex:1; min-width:110px } .stock-quantity strong { font-size:18px } .stock-status { min-width:110px } .stock-product-actions { width:100%; justify-content:flex-end } .stock-count-row { gap:12px } .stock-count-row input { width:100px; flex-shrink:0 } .stock-count-row strong { font-size:14px } .stock-report-footer { flex-wrap:wrap } .stock-report-footer button { flex:1 } }