/* Stock page. */
/* ---------- stock ---------- */
.alerts{display:flex;flex-wrap:wrap;gap:8px}
.al{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:13.5px;background:var(--bg)}
.al.out{background:var(--crit-soft);border-color:#F3CFCF}
.al.low{background:var(--warn-soft);border-color:#F6E3AE}
.al .st{color:var(--ink-2)}
.okline{display:flex;align-items:center;gap:8px;margin:0;color:var(--ink-2);font-size:14px}
.sm-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}
.sm-head{display:none}
.sm-p{display:flex;align-items:center;gap:10px;min-width:0}
.sm-p .nm{font-weight:600;font-size:14px;line-height:1.25}
.sub{font-size:12.5px;color:var(--ink-3)}
.sm-cells{grid-column:1/-1;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px}
.sm-c{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px 8px;border-radius:10px;background:var(--wash);font-variant-numeric:tabular-nums;min-width:0}
.sm-c b{font-size:15px;line-height:1}
.sm-c .sl{font-style:normal;font-stretch:75%;font-weight:700;font-size:12px;color:var(--ink-3);letter-spacing:.04em}
.sm-c .fl{font-style:normal;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1}
.sm-c.low{background:var(--warn-soft)}.sm-c.low b,.sm-c.low .fl{color:var(--warn-ink)}
.sm-c.out{background:var(--crit-soft)}.sm-c.out b,.sm-c.out .fl{color:var(--crit)}
.sm-c.na{background:none;color:var(--ink-3)}
.mt{display:block;width:100%;max-width:56px;height:4px;border-radius:2px;background:var(--s1-track);overflow:hidden}
.mt i{display:block;height:100%;background:var(--s1);border-radius:2px}
.sm-c.low .mt{background:var(--warn-track)}.sm-c.low .mt i{background:var(--warn)}
.sm-c.out .mt{background:var(--crit-track)}
.sm-t{grid-column:2;grid-row:1;text-align:right;font-variant-numeric:tabular-nums}
.sm-t b{font-size:17px}
.sm-t .sub{display:block}
.sm-st{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.sm-st .mt{max-width:none;flex:1;height:6px;border-radius:3px;background:var(--wash-2)}
.sm-st .mt i{background:var(--ink-2)}
@media (min-width:1000px){
  .sm-row{grid-template-columns:minmax(200px,1.25fr) minmax(0,3fr) 80px minmax(150px,1fr);gap:16px;padding:12px 16px}
  .sm-head{display:grid;background:var(--wash);border-top:1px solid var(--line);padding-block:8px;font-size:12px;font-weight:600;color:var(--ink-3)}
  .sm-head .sm-c{background:none;padding:0;font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--ink-2)}
  .sm-cells,.sm-st,.sm-t{grid-column:auto;grid-row:auto}
  .sm-c .sl{display:none}
  .sm-t .sub{font-size:12px}
}

/* ---------- Smart reorder / inventory intelligence ---------- */
.intel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:16px}
.intel-head .eyebrow{display:block;margin-bottom:5px;color:var(--accent)}
.intel-head p{margin:6px 0 0;max-width:68ch;color:var(--ink-2);font-size:14px}
.intel-method{align-items:flex-start}
.intel-method span{min-width:0}.intel-method small{color:var(--ink-3);white-space:nowrap}
.intel-section{margin-top:18px}
.intel-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}
.intel-section-head h3{margin:0;font-size:17px}.intel-section-head p{margin:3px 0 0;color:var(--ink-3);font-size:13px}
.intel-list{display:grid;gap:10px}
.intel-card{border:1px solid #EFD89C;border-radius:16px;background:linear-gradient(145deg,var(--warn-soft),var(--bg) 62%);padding:14px;min-width:0}
.intel-card.critical{border-color:#F0CACA;background:linear-gradient(145deg,var(--crit-soft),var(--bg) 62%)}
.intel-card-head{display:flex;align-items:flex-start;gap:10px}
.intel-name{min-width:0;flex:1}.intel-name>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.intel-name h4{font-size:15.5px;margin:0;line-height:1.25}
.intel-name p{margin:4px 0 0;color:var(--ink-2);font-size:12.5px}
.intel-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}
.intel-metrics>div{display:flex;flex-direction:column;gap:1px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.78);border:1px solid rgba(230,232,238,.8);min-width:0}
.intel-metrics span,.intel-action span{font-size:11.5px;color:var(--ink-3)}
.intel-metrics b{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.intel-vars{display:grid;gap:1px;margin-top:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}
.intel-vars>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 12px;padding:7px 9px;background:var(--bg);font-size:12.5px}
.intel-vars small{color:var(--ink-3)}.intel-vars b{font-variant-numeric:tabular-nums;color:var(--warn-ink)}
.intel-action{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(138,90,0,.14)}
.intel-card.critical .intel-action{border-color:rgba(208,59,59,.16)}
.intel-action>div{display:grid;line-height:1.2}.intel-action strong{font-size:24px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.intel-action small{color:var(--ink-3);font-size:11.5px;margin-top:3px}
.intel-action .btn{min-height:42px}
.intel-watch-grid{display:grid;gap:10px;margin-top:18px}
.intel-watch{padding:14px}.intel-watch .card-h{margin-bottom:8px}.intel-count{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:var(--wash);font-size:12px;font-weight:700}
.intel-watch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.intel-watch-row>span{display:flex;flex-direction:column;min-width:0}.intel-watch-row>span:last-child{text-align:right;align-items:flex-end;flex:none}
.intel-watch-row b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intel-watch-row strong{font-size:13px;font-variant-numeric:tabular-nums}.intel-watch-row small{font-size:11.5px;color:var(--ink-3)}
.intel-footnote{margin:14px 2px 0}.empty.compact{padding:22px 16px}
@media (min-width:700px){
  .intel-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .intel-watch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1000px){.intel-list{grid-template-columns:repeat(2,minmax(0,1fr))}}