/* ============================================================================
   LIF UI — capa del rediseño.
   FASE 2: Top bar UNIFICADO (la nav se inyecta DENTRO del .main-header → 1 barra).
   INERTE salvo body.lif-topnav-on (flag ?nav=top). Usa tokens de dashboard-style.css.
   ============================================================================ */

.lif-topnav{ display:none; }

/* ---- items (chips translúcidos para leerse sobre el gradiente del header) ---- */
.lif-topnav .tn-fold{ position:relative; }
.lif-topnav a,
.lif-topnav .tn-fold > button{
  display:inline-flex; align-items:center; gap:.45rem;
  margin:0 2px; padding:8px 12px; border-radius:9px;
  font-family:inherit; font-weight:700; font-size:.88rem; line-height:1;
  text-decoration:none; border:0; cursor:pointer; white-space:nowrap;
  color:#eaf6fb; background:rgba(2,18,38,.26);
  transition:background .15s, color .15s;
}
.lif-topnav a > i, .lif-topnav .tn-fold > button > i{ font-size:.92em; opacity:.9; }
.lif-topnav .tn-fold > button > .fa-chevron-down{ font-size:.62em; opacity:.7; }
.lif-topnav a:hover, .lif-topnav .tn-fold > button:hover{ background:rgba(2,18,38,.5); color:#fff; }
.lif-topnav a.active{ background:rgba(2,18,38,.62); color:#fff; }
.lif-topnav .tn-logout{ background:rgba(120,22,22,.40); color:#ffd7d7; }
.lif-topnav .tn-logout:hover{ background:rgba(150,28,28,.62); color:#fff; }

/* ---- dropdowns (panel oscuro debajo; 1 o 2 columnas) ---- */
.lif-topnav .tn-menu{
  position:absolute; top:calc(100% + 8px); left:0; min-width:210px;
  display:none; gap:1px;
  background:#0c1a2e; border:1px solid var(--line); border-radius:12px;
  padding:7px; box-shadow:0 18px 44px rgba(0,0,0,.5); z-index:1400;
}
.lif-topnav .tn-fold.open .tn-menu{ display:flex; flex-direction:column; }
.lif-topnav .tn-fold.open .tn-menu.cols2{ display:grid; grid-template-columns:1fr 1fr; min-width:410px; }
.lif-topnav .tn-menu a{
  margin:0; padding:9px 11px; border-radius:8px;
  color:var(--text-soft); background:none; font-weight:500; font-size:.86rem;
}
.lif-topnav .tn-menu a:hover{ background:rgba(var(--primary-rgb),.14); color:#fff; }

/* ============ Desktop: una sola barra (header + nav inline) ============ */
@media (min-width:992px){
  body.lif-topnav-on .main-header{
    display:flex; align-items:center; gap:.6rem;
    height:auto; min-height:60px; padding-top:7px; padding-bottom:7px;
  }
  body.lif-topnav-on .main-header .header-left{ display:none; }
  body.lif-topnav-on .main-header .brand{
    justify-self:auto; flex-direction:row; align-items:center; gap:8px; margin:0; padding:4px 8px;
  }
  body.lif-topnav-on .main-header .brand .brand-tag{ display:none; }   /* slim: solo el lockup LIF POKER */
  body.lif-topnav-on .lif-topnav{
    display:flex; align-items:center; gap:3px; flex:1 1 auto; min-height:0; margin:0 .5rem;
  }
  body.lif-topnav-on #side-menu{ display:none !important; }
  body.lif-topnav-on #toggle-menu-btn{ display:none !important; }
  /* FIX: recuperar el espacio que el sidebar le reservaba al contenido */
  body.lif-topnav-on #main-content{ margin-left:0 !important; }
}

/* ============ Mobile: queda el drawer + hamburguesa de siempre ============ */
@media (max-width:991.98px){
  body.lif-topnav-on .lif-topnav{ display:none; }
}