/* Hallmark · shape: app screen · genre: modern-minimal · theme: brand · redesign: full · copy: verbatim · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V3 · weakest: V, existing module geometry and wiring retained */
#stock-live{border:1px solid var(--color-rule);border-radius:14px;padding:20px;margin:20px 0 var(--space-lg);background:var(--color-paper-2);color:var(--color-ink)}#stock-live h3{margin:0 0 var(--space-xs);font-size:18px}#stock-live p{font-size:12px;color:var(--color-muted);line-height:1.6}#stock-live .sl-heading{display:flex;justify-content:space-between;align-items:start;gap:var(--space-sm);flex-wrap:wrap}#sl-mode{font-size:12px;color:var(--color-success);padding:var(--space-xs);background:var(--color-paper-2);border-radius:8px}#stock-live .sl-error{color:var(--color-error)}#stock-live .sl-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-sm);margin:var(--space-md) 0}#stock-live button,#stock-live input,#stock-live select{font:inherit;color:var(--color-accent-ink);background:var(--color-accent);border:1px solid var(--color-rule);border-radius:8px;padding:var(--space-sm)}#stock-live button{cursor:pointer}#stock-live button:hover{border-color:var(--color-rule)}#stock-live button:focus-visible,#stock-live input:focus-visible,#stock-live select:focus-visible{outline:2px solid var(--color-rule);outline-offset:2px}#stock-live button:disabled{opacity:.55;cursor:not-allowed;background:var(--color-paper-2);color:var(--color-muted)}#stock-live .sl-branch-card{text-align:left;display:grid;gap:var(--space-xs)}#stock-live .sl-branch-card span{font-size:20px;font-weight:700}#stock-live .sl-branch-card small{font-size:12px;color:var(--color-muted)}#stock-live .sl-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}#stock-live label{display:grid;gap:var(--space-xs);font-size:12px;min-width:170px;flex:1}#stock-live .sl-scroll{overflow:auto;border:1px solid var(--color-rule);border-radius:10px;max-height:560px}#stock-live table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}#stock-live th{position:static;top:0;background:var(--color-paper-2);text-align:left;color:var(--color-muted);position:static}#stock-live td,#stock-live th{padding:var(--space-sm);border-bottom:1px solid var(--color-rule)}#stock-live td small{display:block;font-size:12px;color:var(--color-success);margin-top:var(--space-2xs)}#stock-live .sl-badge{display:inline-block;border-radius:20px;padding:var(--space-2xs) var(--space-xs);font-size:12px;font-weight:700}#stock-live .sl-out{background:var(--color-paper-2);color:var(--color-error)}#stock-live .sl-low{background:var(--color-paper-2);color:var(--color-warning)}#stock-live .sl-safe{background:var(--color-paper-2);color:var(--color-success)}#stock-live .sl-unset,#stock-live .sl-unknown{background:var(--color-paper-2);color:var(--color-ink)}#stock-live .sl-pagination{display:flex;gap:var(--space-sm);align-items:center;justify-content:end;margin-top:var(--space-sm);flex-wrap:wrap}#stock-live .sl-pagination span{margin-right:auto;font-size:12px}#stock-live .sl-help{margin-bottom:0}@media(max-width:600px){#stock-live{padding:var(--space-md)}#stock-live .sl-branches{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#stock-live .sl-filters{display:grid;grid-template-columns:minmax(0,1fr)}#stock-live label{min-width:0}}
