/* === Tema Futurista (Antipapista) === */
/* Usamos exactamente los mismos colores que styles.css */
:root{
  --c-prim:#4492CB;         /* rgb(68,147,201)  */
  --c-sec:#E4509A;          /* rgb(226,83,154)  */
  --c-acc:#2FA9B4;          /* rgb(47,169,180)  */
  --c-bg:#f6f8fc;           /* Mismo que styles.css */
  --c-panel:#fff;           /* Panels blancos como las cards */
  --c-text:#0b1220;         /* Mismo texto que styles.css */
  --c-muted:#6b7280;        /* Mismo muted que styles.css */
  --radius-xl:14px;         /* Mismo border-radius que cards */
  --shadow-soft:0 8px 32px rgba(68, 146, 203, 0.12);
  --border-soft:1px solid rgba(68, 146, 203, 0.15);
}

/* Mantenemos el pattern background de styles.css */
.bg-pattern{
  background-image:linear-gradient(0deg,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);
  background-size:24px 24px;
}

/* Navbar y offcanvas - siguiendo styles.css */
.navbar { background:#ffffffcc; backdrop-filter:blur(6px); border-bottom:1px solid #e5e7eb; }
.dropdown-menu { background:#ffffffcc; backdrop-filter:blur(6px); border:1px solid #e5e7eb; }
.dropdown-menu .dropdown-item:hover { background: rgba(68,146,203,.1); }

/* === Sidebar Futurista === */
.dashboard-sidebar{
  background: var(--c-panel);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-soft);
  border: var(--border-soft);
}

.text-sidebar-muted{ color: var(--c-muted); letter-spacing:.08em; }

.sidebar-list .list-group-item{
  background: transparent;
  border: 1px solid #e5e7eb;
  color: var(--c-text);
  border-radius: 12px;
  margin-bottom:.5rem;
  display:flex; align-items:center;
  transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
}

.sidebar-list .list-group-item:hover{
  background: rgba(68,146,203,.05);
  transform: translateX(2px);
  border-color: rgba(68,146,203,.2);
}

.sidebar-list .list-group-item.active{
  background: rgba(68,146,203,.08);
  border-color: var(--c-prim);
  color: var(--c-prim);
  font-weight: 500;
}

/* Chevron más sutil */
.sidebar-list .bi-chevron-right { opacity:.6; }

/* Scrollbar discreto (WebKit) */
.dashboard-sidebar::-webkit-scrollbar{ width:8px; }
.dashboard-sidebar::-webkit-scrollbar-thumb{
  background: #d1d5db;
  border-radius: 8px;
}
.dashboard-sidebar::-webkit-scrollbar-track{ background: transparent; }

/* Preferencia de usuario: reduce animaciones */
@media (prefers-reduced-motion: reduce) {
  .sidebar-list .list-group-item{ transition:none; }
}

/* Cards con tema coherente - siguiendo styles.css */
.card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(68, 146, 203, 0.12);
}

/* Offcanvas theming - siguiendo styles.css */
.offcanvas {
  background: #ffffffcc;
  backdrop-filter: blur(6px);
  border-right: 1px solid #e5e7eb;
}