.filter-block { min-width:0; display:grid; gap:3px; }
.filter-exchanges { grid-area:ex; } .filter-symbols { grid-area:symbols; } .filter-timeframes { grid-area:tf; } .filter-lenses { grid-area:lenses; }
.filter-label { color:rgba(155,180,202,.62); font-size:7px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.group { min-width:0; gap:5px; overflow-x:auto; overflow-y:hidden; padding:1px 1px 3px; scrollbar-width:thin; scrollbar-color:rgba(54,247,234,.28) transparent; mask-image:none; }
.group::-webkit-scrollbar { height:4px; } .group::-webkit-scrollbar-thumb { border-radius:99px; background:rgba(54,247,234,.28); }
.chip,.lens { flex:0 0 auto; min-height:27px; max-width:145px; padding:0 9px; display:inline-flex; align-items:center; justify-content:center; overflow:hidden; text-overflow:ellipsis; font-size:clamp(8px,.49vw,10px); }
.health { grid-area:health; min-height:27px; padding:5px 9px; border:1px solid rgba(54,247,234,.13); border-radius:9px; background:linear-gradient(90deg,rgba(54,247,234,.065),rgba(168,132,255,.025)); font-size:8px; }
.market-pro-hub { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) minmax(155px,.72fr); gap:6px; margin-top:7px; }
.hub-card,.hub-actions { min-width:0; min-height:48px; position:relative; overflow:hidden; padding:7px 8px; border:1px solid rgba(255,255,255,.06); border-radius:10px; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)); }
.hub-card::after { content:""; position:absolute; right:-18px; bottom:-24px; width:68px; height:68px; border-radius:50%; background:radial-gradient(circle,rgba(54,247,234,.18),transparent 68%); pointer-events:none; }
.hub-card.risk::after { background:radial-gradient(circle,rgba(255,79,125,.18),transparent 68%); } .hub-card.funding::after { background:radial-gradient(circle,rgba(242,199,92,.16),transparent 68%); } .hub-card.setup::after { background:radial-gradient(circle,rgba(168,132,255,.18),transparent 68%); }
.hub-card span { display:block; color:var(--mut); font-size:7px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hub-card b { display:block; margin-top:2px; color:#fff; font-size:clamp(14px,.95vw,18px); line-height:1; }
.hub-card em { display:block; margin-top:2px; color:rgba(232,246,252,.5); font-size:7px; font-style:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hub-card.pulse b { color:var(--v2-cyan); } .risk-hot .hub-card.risk b,.risk-hot .hub-card.funding b { color:var(--v2-pink); }
