/* YOKA · topbar móvil + drawer off-canvas compartidos por el portal (dashboard.html) y el panel (panel_admin.html).
   Patrón: en ≤800px el sidebar (.yk-drawer) sale de pantalla y se abre con la hamburguesa del .yk-mbar sobre un velo
   (.yk-overlay). Cada página conserva sus propias clases (.sidebar / .sb) para el resto de su estilo. */
.yk-mbar{display:none;background:var(--bg2,#0d0d18);border-bottom:1px solid var(--border,rgba(255,255,255,.08));padding:0 22px;height:52px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200;}
.yk-mbar-btn{background:none;border:none;color:#fff;padding:6px;display:flex;align-items:center;cursor:pointer;}
.yk-mbar-title{flex:1;min-width:0;text-align:center;font-weight:600;font-size:15px;letter-spacing:.3px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;}
.yk-mbar-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--red,#dc143c),var(--red2,#7a0010));border:2px solid var(--red,#dc143c);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:#fff;flex-shrink:0;}
.yk-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:99;}
/* Hamburguesa de ESCRITORIO (colapsa/expande el sidebar), compartida por el portal y el panel: mismo tamaño, borde y
   comportamiento (yokaDrawer.toggleSidebar); el estado se recuerda en localStorage cs_sb_collapsed. En móvil no existe. */
.yk-menu-btn{background:rgba(255,255,255,.05);border:1px solid var(--border,rgba(255,255,255,.07));border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;padding:0;transition:all .2s;}
.yk-menu-btn:hover{border-color:rgba(255,255,255,.2);}
@media(max-width:800px){
  body .yk-drawer{transform:translateX(-100%);transition:transform .3s;top:52px;height:calc(100vh - 52px);height:calc(100dvh - 52px);z-index:100;}
  body .yk-drawer.open{transform:translateX(0);}
  .yk-overlay.open{display:block;}
  .yk-mbar{display:flex;}
  .yk-menu-btn{display:none;}
  body .yk-drawer .yk-drawer-brand{display:none !important;}
  body .yk-drawer .ni{min-height:50px;padding:12px 16px;gap:12px;border-radius:12px;}
  body .yk-drawer .ni-lbl{font-size:15px;}
}