/**
 * Sección AdminSidebar (menú lateral oscuro del panel admin).
 * Vista: app/Views/Sections/AdminSidebar/admin-sidebar.php.
 */
.admin-sidebar {
  width: 250px;
  flex-shrink: 0;
  background: var(--color-neutral);
  color: rgba(255,255,255,0.85);
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.1rem;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}
.admin-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: #fff;
  font-weight: 800;
  font-size: 0.95rem;
  margin-bottom: 2rem;
  padding: 0 0.4rem;
}
.admin-sidebar-nav { display: flex; flex-direction: column; gap: 0.3rem; flex: 1; }
.admin-sidebar-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.9rem;
  border-radius: var(--radius-md);
  color: rgba(255,255,255,0.7);
  font-weight: 600;
  font-size: 0.88rem;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  transition: background var(--transition), color var(--transition);
}
.admin-sidebar-link svg { width: 18px; height: 18px; flex-shrink: 0; }
.admin-sidebar-link:hover { background: rgba(255,255,255,0.08); color: #fff; }
.admin-sidebar-link.is-active { background: var(--color-primary); color: #fff; }
.admin-sidebar-footer { display: flex; flex-direction: column; gap: 0.3rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); }
.admin-logout:hover { color: var(--color-danger); }

.admin-sidebar-backdrop { display: none; }

/* ---------- Responsive ---------- */
@media (max-width: 992px) {
  .admin-sidebar {
    position: fixed;
    left: 0; top: 0;
    z-index: 100;
    transform: translateX(-100%);
    transition: transform var(--transition);
  }
  .admin-sidebar.is-open { transform: translateX(0); }
  .admin-sidebar-toggle { display: inline-flex; }
  .admin-sidebar-backdrop {
    display: block;
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition);
  }
  .admin-sidebar-backdrop.is-visible { opacity: 1; pointer-events: auto; }
}