/* sidebar-coordinador.css — Colores del módulo Coordinador */

/* ── Scroll vertical del sidebar ── */
.sidebar {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  position: sticky !important;
  top: 0 !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.25) transparent;
}
.sidebar::-webkit-scrollbar       { width: 4px; }
.sidebar::-webkit-scrollbar-track { background: transparent; }
.sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.3); border-radius: 4px; }

/* ── Prácticas PPP — Azul ── */
.sidebar-group.g-practicas { background: rgba(59,130,246,.10); border-left: 3px solid #3b82f6; border-radius:10px; }
.sidebar-group.g-practicas .sg-label { color: #93c5fd; }
.sidebar-group.g-practicas a { color: #ffffff; }
.sidebar-group.g-practicas a:hover  { background: rgba(59,130,246,.30); color: #ffffff; }
.sidebar-group.g-practicas a.active { background: rgba(59,130,246,.40); color: #ffffff; font-weight: 600; }

/* ── Vinculación — Verde ── */
.sidebar-group.g-vinculacion { background: rgba(16,185,129,.09); border-left: 3px solid #10b981; border-radius:10px; }
.sidebar-group.g-vinculacion .sg-label { color: #34d399; }
.sidebar-group.g-vinculacion a { color: #ffffff; }
.sidebar-group.g-vinculacion a:hover  { background: rgba(16,185,129,.30); color: #ffffff; }
.sidebar-group.g-vinculacion a.active { background: rgba(16,185,129,.40); color: #ffffff; font-weight: 600; }

/* ── Titulación — Naranja ── */
.sidebar-group.g-titulacion { background: rgba(249,115,22,.09); border-left: 3px solid #f97316; border-radius:10px; }
.sidebar-group.g-titulacion .sg-label { color: #fdba74; }
.sidebar-group.g-titulacion a { color: #ffffff; }
.sidebar-group.g-titulacion a:hover  { background: rgba(249,115,22,.30); color: #ffffff; }
.sidebar-group.g-titulacion a.active { background: rgba(249,115,22,.40); color: #ffffff; font-weight: 600; }

/* ── Reportes — Violeta ── */
.sidebar-group.g-reportes { background: rgba(139,92,246,.09); border-left: 3px solid #8b5cf6; border-radius:10px; }
.sidebar-group.g-reportes .sg-label { color: #c4b5fd; }
.sidebar-group.g-reportes a { color: #ffffff; }
.sidebar-group.g-reportes a:hover  { background: rgba(139,92,246,.30); color: #ffffff; }
.sidebar-group.g-reportes a.active { background: rgba(139,92,246,.40); color: #ffffff; font-weight: 600; }