:root { --v2-cyan:#36f7ea; --v2-green:#22e59d; --v2-pink:#ff4f7d; --v2-amber:#f2c75c; --v2-blue:#6ca9ff; --v2-violet:#a884ff; }
html, body { min-width:0; }
body { min-height:100dvh; height:100dvh; padding:6px; overflow:hidden; align-items:stretch; }
.terminal-frame { width:100%; height:calc(100dvh - 12px); max-width:1920px; border-radius:20px; border-width:1px; border-bottom-width:6px; contain:layout paint; }
.terminal-frame::after { mix-blend-mode:normal; opacity:.42; }
.sidebar { flex-basis:46px; }
.main { min-height:0; }
.head { padding:clamp(10px,.9vw,16px) clamp(10px,.95vw,18px) 9px; }
.top { align-items:center; margin-bottom:8px; }
.kick { font-size:clamp(8px,.5vw,10px); letter-spacing:.18em; }
h1 { font-size:clamp(25px,1.85vw,36px); }
.upd { display:inline-block; max-width:42vw; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.actions { gap:7px; }
.btn { min-height:34px; padding:0 13px; font-size:clamp(8px,.52vw,10px); }
.filters { display:grid; grid-template-columns:minmax(220px,.82fr) minmax(370px,1.35fr) minmax(210px,.72fr) minmax(300px,1fr); grid-template-areas:"ex symbols tf lenses" "health health health health"; gap:6px 9px; align-items:end; }