/* =============================================================
   sidebar-auditor.css
   CSS exclusivo del módulo Auditor CACES — grupos con color.
   Incluir con:
   <link rel="stylesheet" href="<?=BASE_URL?>/assets/css/sidebar-auditor.css">
   ============================================================= */

/* ══════════════════════════════════════════════
   SIDEBAR — Grupos con color por sección
   ══════════════════════════════════════════════ */
.sidebar-group {
  margin: 6px 0 2px;
  border-radius: 10px;
  overflow: hidden;
}

.sg-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 8px 14px 2px;
  display: block;
}

/* Links dentro del grupo */
.sidebar-group a {
  margin: 0 !important;
  border-radius: 0 !important;
  padding-left: 14px;
}
.sidebar-group a:last-child {
  border-radius: 0 0 8px 8px !important;
}

/* Separador */
.sidebar-sep {
  height: 1px;
  background: rgba(255,255,255,.07);
  margin: 10px 8px;
}

/* ── Audit / Monitoreo — Violeta ── */
.sidebar-group.g-auditoria {
  background: rgba(199, 146, 234, .08);
  border-left: 3px solid #c792ea;
}
.sidebar-group.g-auditoria .sg-label      { color: #c792ea; }
.sidebar-group.g-auditoria a:hover,
.sidebar-group.g-auditoria a.active       { background: rgba(199,146,234,.18); color: #d9b0f5; }

/* ── Reportes — Amarillo ── */
.sidebar-group.g-reportes {
  background: rgba(247, 185, 62, .08);
  border-left: 3px solid #f7b93e;
}
.sidebar-group.g-reportes .sg-label       { color: #f7b93e; }
.sidebar-group.g-reportes a:hover,
.sidebar-group.g-reportes a.active        { background: rgba(247,185,62,.18); color: #f7b93e; }

/* ── Cuenta — Neutro ── */
.sidebar-group.g-cuenta {
  background: rgba(161, 161, 170, .07);
  border-left: 3px solid #71717a;
}
.sidebar-group.g-cuenta .sg-label         { color: #a1a1aa; }
.sidebar-group.g-cuenta a:hover,
.sidebar-group.g-cuenta a.active          { background: rgba(161,161,170,.14); color: #e4e4e7; }
