.stock-free{--stock-tone:#92caff;--stock-bg:#12324f;--stock-border:#427bb2}
.stock-zero{--stock-tone:#ff9298;--stock-bg:#3b1d28;--stock-border:#a94b59}.stock-low{--stock-tone:#ffdb83;--stock-bg:#382e19;--stock-border:#a98a3c}.stock-ok{--stock-tone:#91e4b3;--stock-bg:#153428;--stock-border:#438d62}
.stock-level{display:inline-block;padding:3px 8px;border-radius:6px;background:var(--stock-bg);color:var(--stock-tone);border:1px solid var(--stock-border);white-space:nowrap;font-variant-numeric:tabular-nums}.component-locations li[class*="stock-"]{border-left:3px solid var(--stock-border);padding-left:8px}.component-locations small[class*="stock-"]{color:var(--stock-tone)}
.stock-legend{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0;color:#b6c8d3;font-size:12px}.stock-legend a{color:#bfeafa;text-decoration:underline}
.box-tile.stock-free,.box-tile.stock-zero,.box-tile.stock-low,.box-tile.stock-ok{background:var(--stock-bg);border-color:var(--stock-border);color:var(--stock-tone)}.box-tile[class*="stock-"] strong,.box-tile[class*="stock-"] small{color:var(--stock-tone)}.box-tile[class*="stock-"].selected{outline:2px solid #d6f8ff;outline-offset:1px}
#assembly g[class*="stock-"] path{stroke:var(--stock-border)}#assembly g[class*="stock-"] path:nth-of-type(1),#assembly g[class*="stock-"] path:nth-of-type(2),#assembly g[class*="stock-"] path:nth-of-type(4){fill:var(--stock-bg)}#assembly g[class*="stock-"] path:nth-of-type(3){fill:var(--stock-border)}#assembly g[class*="stock-"] text{fill:var(--stock-tone)}

.box-row.stock-zero,.box-row.stock-low,.box-row.stock-ok{border-left:4px solid var(--stock-border);background:var(--stock-bg)}.box-row[class*="stock-"] .box-row-main span,.box-row[class*="stock-"] .section-description{color:var(--stock-tone)}