/* =============================================================
   sidebar-tutor-empresa.css
   CSS exclusivo del módulo Tutor Empresa — grupos con color.
   Incluir con:
   <link rel="stylesheet" href="<?=BASE_URL?>/assets/css/sidebar-tutor-empresa.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;
}

/* ── Prácticas — Rosa/Fucsia ── */
.sidebar-group.g-practicas {
  background: rgba(236, 72, 153, .09);
  border-left: 3px solid #ec4899;
}
.sidebar-group.g-practicas .sg-label        { color: #ec4899; }
.sidebar-group.g-practicas a:hover,
.sidebar-group.g-practicas a.active         { background: rgba(236,72,153,.18); color: #db2777; }

/* ── Calificación — Naranja/Ámbar ── */
.sidebar-group.g-calificacion {
  background: rgba(245, 158, 11, .09);
  border-left: 3px solid #f59e0b;
}
.sidebar-group.g-calificacion .sg-label     { color: #f59e0b; }
.sidebar-group.g-calificacion a:hover,
.sidebar-group.g-calificacion a.active      { background: rgba(245,158,11,.18); color: #d97706; }

/* ── 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; }
