/* ══════════════════════════════════════════════════════════════
   SVSK · Menú por secciones del panel y botón del manual
   ══════════════════════════════════════════════════════════════ */

/* La cinta de 36 pestañas en fila se oculta: la reemplaza la barra de
   secciones. Solo la de la barra PRINCIPAL (hijo directo): las pestañas
   internas de BANCOS o del carrito de cobro siguen visibles.
   (En MudBlazor 7 la cinta es .mud-tabs-tabbar, no .mud-tabs-toolbar.) */
.mud-tabs.svsk-sin-barra > .mud-tabs-tabbar { display: none !important; }

.svsk-secciones {
  margin: 0 0 10px; padding: 8px; border-radius: 14px;
  background: rgba(140, 150, 170, .06); border: 1px solid rgba(140, 150, 170, .16);
}
.svsk-sec-fila { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.svsk-sec {
  display: inline-flex; align-items: center; gap: 7px; padding: 9px 14px; border-radius: 10px;
  border: 1px solid transparent; background: transparent; color: var(--mud-palette-text-primary);
  font: 700 .9rem Inter, 'Segoe UI', sans-serif; cursor: pointer; transition: background .15s;
}
.svsk-sec:hover { background: rgba(212, 175, 55, .12); }
.svsk-sec.activa { background: #d4af37; color: #14110a; box-shadow: 0 4px 12px rgba(212, 175, 55, .35); }
.svsk-sec-ayuda { margin-left: auto; border-color: rgba(212, 175, 55, .5); }
.svsk-sub-fila {
  display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; padding-top: 8px;
  border-top: 1px dashed rgba(140, 150, 170, .28);
}
.svsk-sub {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
  border: 1px solid rgba(140, 150, 170, .32); background: transparent; color: var(--mud-palette-text-primary);
  font: 700 .78rem Inter, 'Segoe UI', sans-serif; letter-spacing: .02em; cursor: pointer;
}
.svsk-sub:hover { border-color: #d4af37; }
.svsk-sub.activa { background: rgba(212, 175, 55, .18); border-color: #d4af37; color: #8a6a12; }
.svsk-sec:focus-visible, .svsk-sub:focus-visible, .svsk-boton-manual:focus-visible { outline: 3px solid #d4af37; outline-offset: 2px; }

@media (max-width: 600px) {
  .svsk-sec { padding: 8px 10px; font-size: .82rem; }
  .svsk-sec-ayuda span { display: none; }
}

.svsk-boton-manual {
  position: fixed; right: 18px; bottom: 18px; z-index: 1300; width: 50px; height: 50px;
  border-radius: 50%; border: 0; background: #d4af37; color: #14110a;
  font: 900 1.5rem Inter, 'Segoe UI', sans-serif; box-shadow: 0 8px 20px rgba(0, 0, 0, .28); cursor: pointer;
}
.svsk-boton-manual:hover { filter: brightness(1.05); }

@media print { .svsk-secciones, .svsk-boton-manual { display: none !important; } }