#supply-poc{--sp-bg:light-dark(#f2f5f8,#141c28);--sp-panel:light-dark(#ffffff,#202b3a);--sp-ink:light-dark(#172c40,#edf3fa);--sp-muted:light-dark(#52657a,#b7c6d8);--sp-line:light-dark(#dce4ed,#3c4c60);--sp-brand:light-dark(#145c63,#8fd6d9);--sp-soft:light-dark(#e7f2f2,#203d45);--sp-red:light-dark(#a72b36,#ffa3a9);--sp-redbg:light-dark(#fff0f1,#432831);--sp-orange:light-dark(#865300,#f4cd85);--sp-orangebg:light-dark(#fff4df,#403622);--sp-green:light-dark(#266445,#9bd7b4);color:var(--sp-ink);background:var(--sp-bg);font:14px/1.5 system-ui,sans-serif;border:1px solid var(--sp-line);border-radius:14px;overflow:hidden;color-scheme:light dark}
#supply-poc *{box-sizing:border-box}#supply-poc [hidden]{display:none!important}#supply-poc .sp-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px 20px 24px;background:var(--sp-panel)}#supply-poc .sp-brand{display:block;font-size:20px;font-weight:600;letter-spacing:-.4px}#supply-poc .sp-sub{display:block;color:var(--sp-muted);margin-top:4px;font-size:12px}#supply-poc .sp-demo{display:inline-block;background:var(--sp-soft);color:var(--sp-brand);padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600}#supply-poc .sp-nav{display:flex;flex-wrap:wrap;gap:5px;padding:10px 24px;background:var(--sp-panel);border-block:1px solid var(--sp-line)}#supply-poc button{font:inherit;min-height:40px;border-radius:7px;border:1px solid var(--sp-line);padding:8px 12px;background:var(--sp-panel);color:var(--sp-ink)}#supply-poc .sp-nav button{border-color:transparent;color:var(--sp-muted)}#supply-poc button[aria-pressed=true],#supply-poc .sp-primary{background:var(--sp-brand);color:light-dark(#fff,#14222b)}#supply-poc main{padding:24px}#supply-poc h2{font-size:23px;line-height:1.25;font-weight:600;margin:5px 0}#supply-poc h3{font-size:15px;font-weight:600;margin:0 0 12px}#supply-poc p{margin:8px 0 14px}#supply-poc .sp-eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:600;color:var(--sp-brand)}#supply-poc .sp-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}#supply-poc .sp-meta,#supply-poc .sp-footer{font-size:12px;color:var(--sp-muted)}#supply-poc .sp-footer{margin-top:16px}#supply-poc .sp-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}#supply-poc .sp-metric{background:var(--sp-panel);padding:15px;border:1px solid var(--sp-line);border-radius:10px}#supply-poc .sp-number{display:block;font-size:28px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums}#supply-poc .sp-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}#supply-poc .sp-surface{background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:10px;padding:18px}#supply-poc .sp-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-top:8px!important;padding:12px!important}#supply-poc .sp-row[aria-pressed=true]{background:var(--sp-soft);color:var(--sp-ink);border-color:var(--sp-brand)}#supply-poc .sp-row strong{display:block;font-weight:600}#supply-poc .sp-row small{display:block;font-size:12px;color:var(--sp-muted)}#supply-poc .sp-row-right{text-align:right;white-space:nowrap}#supply-poc .sp-tag{display:inline-block;font-size:11px;padding:3px 7px;border-radius:5px;background:var(--sp-bg);color:var(--sp-muted)}#supply-poc .sp-critical{color:var(--sp-red);background:var(--sp-redbg)}#supply-poc .sp-watch{color:var(--sp-orange);background:var(--sp-orangebg)}#supply-poc .sp-ok{color:var(--sp-green)}#supply-poc .sp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-block:1px solid var(--sp-line);padding:14px 0;margin:14px 0}#supply-poc .sp-detail-grid small{display:block;color:var(--sp-muted);font-size:12px}#supply-poc .sp-detail-grid strong{font-size:18px;font-weight:600}#supply-poc .sp-note{padding:12px;background:var(--sp-bg);border-radius:7px;margin:12px 0}#supply-poc .sp-controls{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:18px}#supply-poc label{display:block;font-weight:500}#supply-poc output{display:block;font-size:24px;margin:6px 0;color:var(--sp-brand);font-weight:600}#supply-poc input{width:100%;accent-color:var(--sp-brand);min-height:32px}#supply-poc .sp-simrow{display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--sp-line)}#supply-poc .sp-track{height:8px;background:var(--sp-bg);border-radius:5px;overflow:hidden;margin:6px 0}#supply-poc .sp-bar{height:100%;background:var(--sp-brand)}#supply-poc .sp-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#supply-poc .sp-gap{margin-top:18px}#supply-poc .sp-chain{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--sp-brand);font-weight:500}#supply-poc .sp-action-status{margin-top:10px;color:var(--sp-brand);font-size:12px}
@media(max-width:700px){#supply-poc .sp-header{padding:18px;flex-wrap:wrap}#supply-poc main{padding:16px}#supply-poc .sp-nav{padding:8px 12px}#supply-poc .sp-columns,#supply-poc .sp-controls,#supply-poc .sp-data-grid{grid-template-columns:1fr}#supply-poc .sp-metrics{grid-template-columns:1fr 1fr}#supply-poc .sp-title{flex-wrap:wrap}#supply-poc .sp-simrow{grid-template-columns:1fr auto}#supply-poc .sp-simrow .sp-cover{grid-column:1/-1;grid-row:2}#supply-poc button{min-height:44px}#supply-poc h2{font-size:21px}}

html{color-scheme:light dark;background:light-dark(#f2f5f8,#141c28)}body{margin:0;padding:20px;font-family:system-ui,sans-serif}#supply-poc{max-width:1380px;margin:0 auto}#supply-poc .sp-item-name{min-width:0;overflow-wrap:anywhere}#supply-poc .sp-detail-title{margin-top:12px;font-size:18px}#supply-poc .sp-gap-small{margin-top:10px}#supply-poc .sp-backorder{display:grid;grid-template-columns:1.5fr 1fr auto;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--sp-line)}#supply-poc .sp-backorder:last-child{border-bottom:0}#supply-poc .sp-backorder h3{margin:4px 0}#supply-poc .sp-app-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--sp-line);padding-top:18px;margin-top:24px}#supply-poc .sp-app-footer>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#supply-poc button:disabled{opacity:.75}#supply-poc button{cursor:pointer}#supply-poc button:disabled{cursor:default}#supply-poc button:focus-visible{outline:3px solid var(--sp-brand);outline-offset:3px}#supply-poc .sp-simrow>div{min-width:0;overflow-wrap:anywhere}#supply-poc .sp-nav button{min-height:44px}
@media(max-width:700px){body{padding:8px}#supply-poc .sp-backorder{grid-template-columns:1fr}#supply-poc .sp-backorder button{justify-self:start}#supply-poc .sp-columns{grid-template-columns:minmax(0,1fr)}#supply-poc .sp-row{gap:8px}#supply-poc .sp-row-right{max-width:40%}}