@layer components{.btn{border-radius:var(--radius);height:32px;font-family:var(--fd);letter-spacing:.04em;white-space:nowrap;cursor:pointer;border:1px solid var(--lines);background:var(--raised);color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.btn-sm{height:26px;padding:0 9px;font-size:10.5px}.btn-lg{height:44px;padding:0 16px;font-size:12.5px}.btn-key{font-family:var(--fm);font-size:10px;font-weight:400}.btn-primary{border-color:var(--cy);background:var(--cy);color:var(--oncy)}.btn-primary:hover{border-color:var(--ink)}.btn-primary:active{background:var(--ink);color:var(--panel)}.btn-secondary:hover{border-color:var(--ink2)}.btn-secondary:active{background:var(--sunken)}.btn-quiet{color:var(--ink2);background:0 0;border-color:#0000}.btn-quiet:hover{background:var(--sunken);color:var(--ink)}.btn-quiet:active{background:var(--line)}.btn-hazard{border:2px solid var(--ink);background:var(--panel);color:var(--ink)}.btn-hazard:hover{background:repeating-linear-gradient(135deg, var(--line) 0 2px, var(--panel) 2px 6px)}.btn-hazard:active{background:var(--inv);color:var(--oninv)}.btn[aria-busy=true]{cursor:progress;border-style:dashed}.btn[data-disabled=true]{border:1px dashed var(--lines);color:var(--ink3);cursor:not-allowed;background:0 0}.btn-quiet[data-disabled=true]{border-color:#0000}.seg{border:1px solid var(--lines);border-radius:var(--radius);background:var(--raised);display:inline-flex;overflow:hidden}.seg-opt{border:0;border-left:1px solid var(--lines);height:30px;color:var(--ink2);font-family:var(--fd);cursor:pointer;white-space:nowrap;background:0 0;flex:auto;padding:0 12px;font-size:11px}.seg-sm .seg-opt{height:26px;padding:0 10px}.seg-opt:first-child{border-left:0}.seg-opt[aria-checked=true]{background:var(--sel);color:var(--ink);font-weight:700}.seg-opt[aria-disabled=true]{color:var(--ink3);cursor:not-allowed;text-decoration:line-through}.seg-opt:focus-visible{outline-offset:-3px}.tgl{border:1px solid var(--lines);border-radius:var(--radius);display:inline-flex;overflow:hidden}.tgl-opt{border:0;border-left:1px solid var(--lines);height:26px;color:var(--ink2);font-family:var(--fd);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:0 10px;font-size:11px;display:inline-flex}.tgl-opt:first-child{border-left:0}.tgl-opt[aria-pressed=true]{background:var(--sel);color:var(--ink);font-weight:700}.tgl-opt:focus-visible{outline-offset:-3px}.tgl-count{color:var(--ink3);font-size:10px;font-weight:400}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field-label{font-size:10px}.field-hint{color:var(--ink3);font-size:10.5px}.field-error{color:var(--ink);font-size:10.5px;font-weight:600}.field-error:before{content:"✕ ";font-family:var(--fm)}.input-wrap{border:1px solid var(--lines);border-radius:var(--radius);background:var(--raised);align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}.input-lg{height:40px}.input-wrap:focus-within{border:2px solid var(--cy);padding:0 9px}.input-invalid{border:1px dashed var(--ink)}.input-readonly{background:var(--sunken)}.input{min-width:0;color:var(--cy);text-align:right;background:0 0;border:0;outline:0;flex:auto;font-size:13px}.input-lg .input{font-size:16px}.input:focus-visible{outline:none}.input-readonly .input{color:var(--ink)}.input-area{border:1px solid var(--lines);border-radius:var(--radius);background:var(--raised);width:100%;color:var(--cy);font-family:var(--fb);text-align:left;resize:vertical;padding:8px 10px}.input-area:focus-visible{outline:2px solid var(--cy);outline-offset:0}.input-unit{font-family:var(--fm);color:var(--ink3);white-space:nowrap;font-size:10.5px}.filterbox{border:1px solid var(--lines);border-radius:var(--radius);background:var(--raised);align-items:center;gap:6px;max-width:100%;height:28px;padding:0 8px;display:flex}.filterbox:focus-within{border-color:var(--cy);outline:1px solid var(--cy)}.filterbox-input{min-width:0;color:var(--cy);background:0 0;border:0;outline:0;flex:1;font-size:11px}.filterbox-input::placeholder{color:var(--ink3)}.hazard{background:var(--inv);min-height:30px;color:var(--oninv);font-family:var(--fd);letter-spacing:.04em;flex:none;align-items:center;gap:10px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.hazard-hatch{background:var(--hazard);flex:none;width:20px;height:12px}.hazard-quiet{background:var(--sunken);color:var(--ink);border:1px solid var(--lines)}.hazard-quiet .hazard-hatch{background:var(--hatch-strong)}.state{flex-direction:column;gap:10px;padding:16px;display:flex}.state-title{font-size:13px;font-weight:700}.state-body{color:var(--ink2);max-width:60ch;font-size:12px}.state-filters{flex-wrap:wrap;gap:6px;display:flex}.state-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.state-kv{grid-template-columns:80px 1fr;gap:6px 12px;font-size:12px;display:grid}.state-kv dt{color:var(--ink2)}.state-denied{border:1px solid var(--ink);border-radius:var(--radius);background:var(--panel)}.state-empty{border:1px dashed var(--lines);border-radius:var(--radius)}.skel{flex-direction:column;gap:4px;display:flex}.skel-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);display:grid;overflow:hidden}.skel-cell{border-left:1px solid var(--line);flex-direction:column;justify-content:center;gap:6px;padding:0 12px;display:flex}.skel-stock{background:var(--sunken);border-left:0}.skel-bar{background:var(--line);border-radius:2px;height:8px}.skel-bar-sub{height:6px}.loading-note{color:var(--ink2);padding:8px 0;font-size:12px}.degraded{border:1px dashed var(--ink2);border-radius:var(--radius);background:var(--panel);align-items:baseline;gap:12px;padding:6px 12px;font-size:11.5px;display:flex}.degraded ul{flex-direction:column;gap:2px;display:flex}.fixture-banner{border-bottom:1px dashed var(--ink2);background:var(--sunken);color:var(--ink2);align-items:baseline;gap:12px;padding:6px 18px;font-size:11.5px;display:flex}.fixture-banner .t-label-strong{font-size:10.5px}.pnl{border:1px solid var(--line);border-radius:var(--radius);min-width:0}.pnl-panel{background:var(--panel)}.pnl-raised{background:var(--raised)}.pnl-sunken{background:var(--sunken)}.pnl-plain{background:0 0;border:0;border-radius:0}.pnl-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;min-height:38px;padding:8px 12px;display:flex}.pnl-plain>.pnl-head{padding-left:0;padding-right:0}.pnl-title{font-family:var(--fd);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-size:11.5px;font-weight:700}.pnl-meta{color:var(--ink2);text-align:right;margin-left:auto;font-size:11px}.pnl-actions{gap:6px;display:inline-flex}.pnl-meta+.pnl-actions{margin-left:0}.pnl-title+.pnl-actions{margin-left:auto}.sec-label{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.sec-label .t-label{font-weight:400}.sec-meta{color:var(--ink3);margin-left:auto;font-size:10.5px}.kv{flex-direction:column;display:flex}.kv-row{border-bottom:1px dotted var(--line);grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:baseline;gap:10px;padding:4px 0;display:grid}.kv-dense .kv-row{padding:2px 0}.kv-row dt{color:var(--ink2);font-size:11.5px}.kv-row dd{text-align:right;overflow-wrap:anywhere;min-width:0;font-size:11.5px}.clock-grid{gap:6px;display:grid}.clock-cell{flex-direction:column;min-width:0;display:flex}.clock-label{font-size:9px}.clock-value{overflow-wrap:anywhere;font-size:10.5px}}