/* Low is independent of availability and faults. Keep marks in normal flow. */
:root { --st-low:#bf871d; --st-low-ink:#79520d; --st-low-bg:#fff0ca; }
[data-theme="workshop"] { --st-low:#d9ad59; --st-low-ink:#f0cd85; --st-low-bg:#493c26; }
.st-low-mark { display:inline-flex; align-items:center; flex:none; position:static; font-size:10px; line-height:1.4; font-weight:600; padding:1px 5px; border-radius:4px; color:var(--st-low-ink); background:var(--st-low-bg); white-space:nowrap; vertical-align:middle; }
.item-status-tag { display:inline-flex; align-items:center; flex:none; font-size:10px; line-height:1.4; font-weight:600; padding:1px 5px; border-radius:4px; white-space:nowrap; }
.item-status-tag-faulty { color:var(--danger-ink); background:color-mix(in oklab,var(--danger),transparent 84%); }
.item-status-separator { white-space:pre; }
.shelf-item-marks { display:inline-flex; align-items:center; flex-wrap:wrap; gap:4px; vertical-align:middle; }
.shelf-item-marks>.st-faulty-mark.st-faulty-mark { position:static; margin:0; transform:none; }
.card>.shelf-item-marks,.os-card>.shelf-item-marks { position:absolute; top:6px; right:6px; left:6px; justify-content:flex-end; pointer-events:none; }
.mini .shelf-item-marks { position:static; }
.ph-cell>.shelf-item-marks { position:absolute; top:5px; left:5px; right:30px; justify-content:flex-start; pointer-events:none; }
.organise-peek-row .shelf-item-marks { position:static; }
.item-sheet-actions:has([data-sheet-action="low"]) { grid-template-columns:repeat(6,minmax(0,1fr)); }
.ph-cell:has(>.shelf-item-marks)>.ph-status-dot { top:27px; }
.gear-result-pills .st-low-mark { align-self:center; }
.shelf-status-edit { border:0; background:none; color:var(--muted); font:inherit; font-size:12px; padding:5px 7px; cursor:pointer; }
.shelf-status-picker { width:min(420px,calc(100vw - 28px)); border:1px solid var(--line); border-radius:12px; padding:20px; color:var(--ink); background:var(--panel,var(--bg)); }
.shelf-status-picker::backdrop { background:rgb(20 25 28 / .3); }
.shelf-status-picker h2 { margin:0 0 8px; font-size:18px; }
.shelf-status-picker p { font-size:13px; color:var(--muted); }
.shelf-status-picker-row { display:flex; align-items:center; gap:8px; padding:9px 0; border-bottom:1px solid var(--line); }
.shelf-status-picker-row label { display:flex; align-items:center; gap:8px; flex:1; }
.shelf-status-picker-row .shelf-select-checkbox { position:relative; flex:0 0 44px; margin:0; cursor:pointer; }
.shelf-status-picker-row .shelf-select-checkbox:disabled { opacity:.45; cursor:not-allowed; }
.shelf-status-picker-row button { min-width:32px; min-height:32px; }
.shelf-status-picker footer { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; }
.shelf-status-picker [role="status"] { min-height:1.4em; }
.shelf-low-notice { display:flex; flex-wrap:wrap; align-items:center; gap:12px; max-width:calc(100vw - 28px); }
.shelf-low-notice button { font:inherit; color:inherit; text-decoration:underline; background:none; border:0; cursor:pointer; }