body:has(#v-supplies.view.active) { background: radial-gradient(circle at 56% 28%,#08243c 0%,#020b19 42%,#010715 100%) fixed !important; }
body:has(#v-supplies.view.active) .shell-sidebar,
body:has(#v-supplies.view.active) .shell-topbar,
body:has(#v-supplies.view.active) .shell-mobnav { border-color:#12314b !important; }
body:has(#v-supplies.view.active) .shell-sidebar { background:linear-gradient(180deg,#041323 0%,#010715 100%) !important; }
body:has(#v-supplies.view.active) .shell-topbar,
body:has(#v-supplies.view.active) .shell-mobnav { background:#041020 !important; }
body:has(#v-supplies.view.active) .shell-brand,
body:has(#v-supplies.view.active) .shell-top-chip { color:#e7edf6 !important;background:#041020 !important;border-color:#0b2942 !important; }
#v-supplies { --sws-cyan:#23d7e6;--sws-green:#23dca2;--sws-amber:#f5ad29;--sws-red:#ff5b72;color:#e7edf6; }
#v-supplies .sws-head { align-items:flex-end;margin-bottom:18px; }
#v-supplies .sws-subtitle { margin-top:5px;color:#8fa0b8;font-size:13px; }
#v-supplies .sws-readonly { padding:4px 7px;border:1px solid rgba(35,215,230,.28);border-radius:7px;color:var(--sws-cyan);font-size:9px;letter-spacing:.08em; }
#v-supplies .sws-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px; }
#v-supplies .sws-panel { min-width:0;padding:18px;border:1px solid rgba(35,215,230,.22);border-radius:18px;background:rgba(5,15,28,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
#v-supplies .sws-actions { grid-column:1 / -1; }
#v-supplies .sws-kicker { color:var(--sws-cyan);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase; }
#v-supplies h2 { margin:3px 0 14px;font-size:17px; }
#v-supplies .sws-state { min-height:112px;display:grid;place-content:center;gap:7px;padding:18px;border:1px dashed rgba(148,163,184,.25);border-radius:14px;color:#8fa0b8;text-align:center;line-height:1.45; }
#v-supplies .sws-state::before { content:'◌';color:var(--sws-cyan);font-size:22px; }
#v-supplies .sws-state[data-state="empty"]::before { content:'✓';color:var(--sws-green); }
#v-supplies .sws-state[data-state="unavailable"]::before { content:'—';color:var(--sws-amber); }
#v-supplies .sws-state[data-state="error"]::before { content:'!';color:var(--sws-red); }
#v-supplies .sws-list { display:grid;gap:10px; }
#v-supplies .sws-card { min-width:0;padding:13px 14px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(9,20,35,.78); }
#v-supplies .sws-card.warn { border-color:rgba(245,173,41,.34); }
#v-supplies .sws-card-top { display:flex;align-items:flex-start;justify-content:space-between;gap:10px; }
#v-supplies .sws-title { min-width:0;font-size:14px;font-weight:700;line-height:1.35;overflow-wrap:anywhere; }
#v-supplies .sws-sub { margin-top:3px;color:#8fa0b8;font-size:11px;line-height:1.45;overflow-wrap:anywhere; }
#v-supplies .sws-badge { flex:0 0 auto;padding:4px 7px;border-radius:999px;background:rgba(35,215,230,.09);color:var(--sws-cyan);font-size:10px;font-weight:650; }
#v-supplies .sws-badge.warn { background:rgba(245,173,41,.1);color:var(--sws-amber); }
#v-supplies .sws-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px; }
#v-supplies .sws-metric { min-width:0;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.025); }
#v-supplies .sws-metric span { display:block;color:#8fa0b8;font-size:9px;text-transform:uppercase;letter-spacing:.06em; }
#v-supplies .sws-metric b { display:block;margin-top:3px;font-size:13px;overflow-wrap:anywhere; }
#v-supplies .sws-items { display:flex;flex-wrap:wrap;gap:6px;margin-top:10px; }
#v-supplies .sws-item { padding:5px 7px;border:1px solid rgba(35,215,230,.18);border-radius:8px;color:#b9c7d9;font-size:10px; }
#v-supplies .sws-foot { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:#8fa0b8;font-size:11px; }
#v-supplies .sws-product { appearance:none;border:0;padding:0;background:transparent;color:var(--sws-cyan);font:inherit;cursor:pointer; }
#v-supplies .sws-product:hover { text-decoration:underline; }
#v-supplies .sws-product:focus-visible { outline:2px solid var(--sws-cyan);outline-offset:4px;border-radius:2px; }
@media (max-width:900px) { #v-supplies .sws-grid { grid-template-columns:1fr; } #v-supplies .sws-actions { grid-column:auto; } }
@media (max-width:520px) { #v-supplies .sws-head { align-items:flex-start; } #v-supplies .sws-grid { gap:12px; } #v-supplies .sws-panel { padding:14px;border-radius:15px; } #v-supplies .sws-metrics { grid-template-columns:1fr 1fr; } }