/* =============================================================
   CanalTv · estilos del admin (encima de Bootstrap 5.3)
   Los colores usan variables de Bootstrap para que el tema
   claro/oscuro cambie todo solo (data-bs-theme en <html>).
   ============================================================= */

/* Fuente base mínima 16px */
html, body { font-size: 16px; }
body { background: var(--bs-tertiary-bg); }

/* --- Login --- */
.login-page { background: #1f2933; }
.login-card { max-width: 420px; }

/* --- Menú lateral (escritorio) --- */
.sidebar {
  background: var(--bs-body-bg);
  border-right: 1px solid var(--bs-border-color);
  min-height: calc(100vh - 56px);
}

/* Enlaces del menú (escritorio y cel) */
.menu .nav-link {
  color: var(--bs-body-color);
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 4px;
}
.menu .nav-link:hover { background: var(--bs-secondary-bg); }
.menu .nav-link.active { background: var(--bs-primary); color: #ffffff; }

/* Selector de tema en la barra superior */
.theme-select { width: auto; }

/* --- Tarjetas de comercios y grupos --- */
.item-card.inactivo { opacity: 0.6; }
.item-card .card-title { font-size: 1.1rem; }
.item-meta { font-size: 0.95rem; color: var(--bs-secondary-color); }

/* Panel de sucursales (aparece debajo de la lista) */
.panel-sucursales { scroll-margin-top: 72px; }

/* Avisos flotantes */
.toast-container { z-index: 1090; }