/* UI v2 (beta) — navegação consolidada e extras sobre app.css */

.ui-version-banner{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
  padding:8px 24px;background:rgba(155,114,247,.12);
  border-bottom:1px solid rgba(155,114,247,.25);font-size:12px;
}
.ui-version-banner strong{color:var(--purple)}
.ui-version-links{display:flex;gap:8px;flex-wrap:wrap}
.ui-version-links a{
  padding:5px 12px;border-radius:8px;font-weight:700;font-size:11px;text-decoration:none;
  border:1px solid var(--border);color:var(--text);background:var(--bg3);
}
.ui-version-links a:hover{border-color:var(--blue);color:var(--blue)}
.ui-version-links a.primary{background:rgba(79,142,247,.15);border-color:rgba(79,142,247,.35);color:var(--blue)}

.nav-v2 .tab[data-mega]{min-width:120px;text-align:center}
.nav-v2 .tab .tab-hint{display:block;font-size:9px;font-weight:500;color:var(--muted);margin-top:2px}

.sub-nav{
  background:var(--bg3);border-bottom:1px solid var(--border);
  padding:6px 24px;display:none;gap:6px;flex-wrap:wrap;
}
.sub-nav.visible{display:flex}
.sub-tab{
  padding:8px 14px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;
  color:var(--muted);border:1px solid transparent;transition:all .15s;
}
.sub-tab:hover{color:var(--text);background:rgba(255,255,255,.04)}
.sub-tab.active{color:var(--cyan);border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.08)}

.sse-live{
  display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;
  color:var(--green);padding:2px 8px;border-radius:12px;
  background:rgba(0,212,160,.1);border:1px solid rgba(0,212,160,.2);
}
.sse-live.off{color:var(--muted);border-color:var(--border);background:var(--bg3)}
.sse-live .sse-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}

/* KPIs duplicados: primeira linha do dashboard (já no header) */
body.ui-v2 #page-dashboard .dash-kpi-compact{display:none}