/* ============================================
   sidebar-module.css — v5.46.1
   Componente sidebar modular reutilizable
   Nomenclatura: hl-mod-sidebar-*
   Doc: Notion 04.2.4
   ============================================ */

/* Container */
.hl-mod-sidebar { background: transparent; }

/* Header: título uppercase del módulo */
.hl-mod-sidebar-header {
  padding: 0 0 12px;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6b7280;
  letter-spacing: 0.5px;
}

/* Nav container */
.hl-mod-sidebar-nav { display: flex; flex-direction: column; gap: 0; }

/* Item base */
.hl-mod-sidebar-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 12px;
  color: #6b7280;
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 400;
  border-left: 3px solid transparent;
}

/* Hover */
.hl-mod-sidebar-item:hover:not(.disabled):not(.active) { color: #333; }

/* Activo */
.hl-mod-sidebar-item.active {
  color: #2563eb;
  font-weight: 600;
  border-left-color: #2563eb;
  background: transparent;
}

.hl-mod-sidebar-item.active .hl-mod-sidebar-badge {
  background: #2563eb;
  color: #fff;
}

/* Deshabilitado */
.hl-mod-sidebar-item.disabled {
  color: #c0c5cc;
  pointer-events: none;
}

.hl-mod-sidebar-item.disabled .hl-mod-sidebar-pronto { color: #c0c5cc; }

/* Badge contador */
.hl-mod-sidebar-badge {
  background: #0d6efd;
  color: white;
  border-radius: 10px;
  font-size: 0.75rem;
  padding: 1px 8px;
  margin-left: auto;
}

/* Badge "Pronto" */
.hl-mod-sidebar-pronto {
  font-size: 0.7rem;
  color: #adb5bd;
  margin-left: auto;
}

.hl-mod-sidebar-pronto i { font-size: 0.6rem; }

/* ============================================
   Submenú colapsable v5.49.0
   ============================================ */

/* Chevron rotación */
.hl-mod-sidebar-chevron {
  font-size: 0.7rem;
  transition: transform 0.2s ease;
}

[aria-expanded="true"] .hl-mod-sidebar-chevron {
  transform: rotate(180deg);
}

/* Subnav: items indentados */
.hl-mod-sidebar-subnav {
  padding-left: 12px;
  border-left: 2px solid #e5e7eb;
  margin-left: 12px;
}

.hl-mod-sidebar-subnav .hl-mod-sidebar-item {
  font-size: 0.82rem;
  padding: 8px 12px;
}