/* Tema del panel: SB-Admin + tokens del tótem */
:root {
  /* Bootstrap tokens (lo mínimo para que .btn-primary / .bg-primary funcionen con RGB) */
  --bs-body-bg: var(--bg-1);
  --bs-body-color: var(--text);
  --bs-link-color: var(--gold);
  --bs-link-hover-color: var(--gold);

  --bs-primary: var(--gold);
  --bs-primary-rgb: 255,201,58;
  --bs-secondary: var(--blue);
  --bs-secondary-rgb: 90,167,255;

  --bs-dark: var(--text);
  --bs-dark-rgb: 30,27,22;

  --bs-light: var(--muted);
  --bs-light-rgb: 255,241,230;

  --panel-card-bg: var(--muted);
}

body {
  background: linear-gradient(135deg, var(--bg-1), var(--bg-2));
  color: var(--text);
}

.panel-topbar {
  background: linear-gradient(135deg, var(--bg-2), var(--bg-3));
  border-bottom: 1px solid rgba(30,27,22, 0.12);
}

.panel-sidebar {
  background: rgba(255,241,230, 0.9);
  border-right: 1px solid rgba(30,27,22, 0.12);
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link {
  color: rgba(30,27,22, 0.78);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
  color: rgba(30,27,22, 0.55);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {
  background: rgba(255,201,58, 0.14);
  color: rgba(30,27,22, 0.92);
}
.sb-sidenav-dark .sb-sidenav-footer {
  background: rgba(30,27,22, 0.06);
  color: rgba(30,27,22, 0.75);
}

.panel-card {
  background: var(--panel-card-bg);
  border: 1px solid rgba(30,27,22, 0.12);
  border-radius: 14px;
}
.kpi-card .kpi-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(255,201,58, 0.18);
  color: rgba(30,27,22, 0.9);
}

.panel-badge {
  background: rgba(255,201,58, 0.22);
  color: rgba(30,27,22, 0.9);
  border: 1px solid rgba(30,27,22, 0.12);
}

.btn-primary {
  --bs-btn-bg: var(--gold);
  --bs-btn-border-color: var(--gold);
  --bs-btn-color: #1a1a1a;
  --bs-btn-hover-bg: var(--gold);
  --bs-btn-hover-border-color: var(--gold);
  --bs-btn-hover-color: #1a1a1a;
  --bs-btn-active-bg: var(--gold);
  --bs-btn-active-border-color: var(--gold);
  --bs-btn-active-color: #1a1a1a;
}

.table {
  color: rgba(30,27,22, 0.9);
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
  color: rgba(30,27,22, 0.9);
  background-color: rgba(255,201,58, 0.07);
}
.panel-table-wrap {
  border-radius: 12px;
  overflow: hidden;
}

.panel-auth {
  min-height: 100vh;
  background: linear-gradient(135deg, var(--bg-1), var(--bg-3));
}
.panel-subform {
  background: rgba(255,201,58, 0.08);
  border: 1px dashed rgba(30,27,22, 0.18);
  border-radius: 12px;
  padding: 12px;
}