/* SOCIAL LAB ACADEMY · diseño maestro, ámbito limitado a los dashboards.
   No altera Bootstrap, rutas, formularios ni datos. */
:root { --academy-coral:#ff4545; --academy-ink:#243047; --academy-muted:#747d91; --academy-border:#edf0f5; }
/* Marco consistente en TODOS los paneles Blade tradicionales */
.rbt-dashboard-area.academy-unified-area { padding:24px 0 56px !important; background:#f8f9fc !important; }
.academy-unified-area > .container { width: min(1480px, calc(100% - 40px)); max-width:1480px !important; margin-inline:auto; }
@media(min-width:992px){
 .academy-unified-area > .container > .academy-unified-row { display:grid !important; grid-template-columns:230px minmax(0,1fr) !important; gap:24px !important; --bs-gutter-x:0px; --bs-gutter-y:0px; align-items:start !important; margin:0 !important; }
 .academy-unified-area > .container > .academy-unified-row > :first-child { grid-column:1; width:230px !important; max-width:230px !important; flex:none !important; padding:0 !important; min-width:0 !important; }
 .academy-unified-area > .container > .academy-unified-row > :nth-child(2) { grid-column:2; width:100% !important; max-width:100% !important; flex:none !important; padding:0 !important; min-width:0 !important; }
}
@media(max-width:991px){
 .academy-unified-area > .container { width:calc(100% - 28px); }
 .academy-unified-area > .container > .academy-unified-row { margin-inline:0 !important; row-gap:18px; }
 .academy-unified-area > .container > .academy-unified-row > :first-child, .academy-unified-area > .container > .academy-unified-row > :nth-child(2){ width:100% !important; max-width:100% !important; min-width:0; padding:0 !important; }
}
/* Menú lateral consistente en TODAS las secciones, incluso en resumen v2 */
.academy-unified-area .rbt-default-sidebar, .sla-v2 .sla-side .rbt-default-sidebar { background:#fff !important; background-image:none !important; border:1px solid var(--academy-border) !important; border-radius:16px !important; box-shadow:0 8px 28px rgba(27,42,65,.055) !important; max-width:100% !important; min-width:0 !important; overflow:hidden !important; }
.academy-unified-area .rbt-default-sidebar:before, .academy-unified-area .rbt-default-sidebar:after, .sla-v2 .sla-side .rbt-default-sidebar:before, .sla-v2 .sla-side .rbt-default-sidebar:after { display:none !important; }
.academy-unified-area .rbt-default-sidebar .inner, .sla-v2 .sla-side .rbt-default-sidebar .inner { padding:18px 12px !important; background:#fff !important; background-image:none !important; }
.academy-unified-area .rbt-default-sidebar-wrapper, .sla-v2 .sla-side .rbt-default-sidebar-wrapper { background:#fff !important; }
.academy-unified-area .rbt-default-sidebar .section-title, .sla-v2 .sla-side .rbt-default-sidebar .section-title { margin:19px 5px 9px !important; }
.academy-unified-area .rbt-default-sidebar .section-title:first-child, .sla-v2 .sla-side .rbt-default-sidebar .section-title:first-child {margin-top:0 !important;}
.academy-unified-area .rbt-default-sidebar .rbt-title-style-2, .sla-v2 .sla-side .rbt-default-sidebar .rbt-title-style-2 { font-size:13px !important; line-height:1.45 !important; overflow-wrap:anywhere; margin:0 !important; color:var(--academy-ink) !important; }
.academy-unified-area .dashboard-mainmenu li, .sla-v2 .dashboard-mainmenu li {margin:2px 0 !important;}
.academy-unified-area .dashboard-mainmenu li a, .academy-unified-area .dashboard-mainmenu li > span, .sla-v2 .dashboard-mainmenu li a, .sla-v2 .dashboard-mainmenu li > span {display:flex !important; gap:9px !important; align-items:center !important; padding:10px 11px !important; min-height:41px; border-radius:9px !important; background:transparent !important; color:#414b60 !important; font-size:12px !important; font-weight:600 !important; line-height:1.35 !important; white-space:normal !important; overflow-wrap:normal !important; word-break:normal !important; text-align:left !important;}
.academy-unified-area .dashboard-mainmenu li a span, .sla-v2 .dashboard-mainmenu li a span {font-size:inherit !important; line-height:inherit !important; white-space:normal !important; word-break:normal !important;}
.academy-unified-area .dashboard-mainmenu li a i, .sla-v2 .dashboard-mainmenu li a i {flex:0 0 18px !important; width:18px !important; font-size:16px !important; color:var(--academy-coral) !important;}
.academy-unified-area .dashboard-mainmenu li a:hover, .academy-unified-area .dashboard-mainmenu li a.active, .sla-v2 .dashboard-mainmenu li a:hover, .sla-v2 .dashboard-mainmenu li a.active {background:#fff0f1 !important; color:#e93840 !important;}
.academy-unified-area .rbt-default-sidebar button[type=submit], .sla-v2 .sla-side button[type=submit] {display:flex !important; justify-content:center !important; align-items:center !important; width:100% !important; min-height:40px; padding:10px !important; line-height:1.35 !important; white-space:nowrap !important; font-size:12px !important; border-radius:10px !important;}
/* Contenido limpio; no tocar las tablas ni la grilla interna de Bootstrap */
.academy-unified-area > .container > .academy-unified-row > :nth-child(2) > .rbt-shadow-box, .academy-unified-area .rbt-dashboard-content, .academy-unified-area .academy-instructor-course-card {border-radius:15px !important; border-color:var(--academy-border) !important; box-shadow:0 7px 22px rgba(25,38,60,.045) !important;}
.academy-unified-area .rbt-dashboard-content {margin-bottom:18px !important;}
.academy-unified-area .academy-instructor-courses-head {gap:14px; align-items:center; flex-wrap:wrap;}
.academy-unified-area .academy-instructor-courses-head h3 {font-size:23px !important; line-height:1.3 !important;}
.academy-unified-area .academy-instructor-course-card {border-radius:14px !important;}
.academy-unified-area .academy-instructor-course-card h4 {font-size:16px !important; line-height:1.4 !important;}
.academy-unified-area .academy-course-card-image img {max-height:220px; object-fit:cover;}
/* El resumen v2 ya usa su propia grilla, pero comparte ancho, sidebar y colores */
.sla-v2 .sla-shell {grid-template-columns:230px minmax(0,1fr) !important; max-width:1480px !important;}
.sla-v2 .sla-side {min-width:0 !important;}
.sla-v2 .sla-metric, .sla-v2 .sla-panel {border-color:var(--academy-border) !important;}
@media(max-width:991px){.sla-v2 .sla-shell{grid-template-columns:minmax(0,1fr) !important;}}


/* SOCIAL LEARN UNIFIED SIDEBAR COLORS V1 */
/* Únicamente navegación de dashboards. */

.academy-unified-area .rbt-default-sidebar,
.sla-v2 .sla-side .rbt-default-sidebar {
    --academy-coral: #9D17FF;
}

.academy-unified-area .dashboard-mainmenu li a i,
.sla-v2 .sla-side .dashboard-mainmenu li a i {
    color: #9D17FF !important;
}

.academy-unified-area .dashboard-mainmenu li a:hover,
.academy-unified-area .dashboard-mainmenu li a.active,
.sla-v2 .sla-side .dashboard-mainmenu li a:hover,
.sla-v2 .sla-side .dashboard-mainmenu li a.active {
    background: #EAF2FF !important;
    color: #367FE8 !important;
}

.academy-unified-area .dashboard-mainmenu li a:hover i,
.academy-unified-area .dashboard-mainmenu li a.active i,
.sla-v2 .sla-side .dashboard-mainmenu li a:hover i,
.sla-v2 .sla-side .dashboard-mainmenu li a.active i {
    color: #367FE8 !important;
}

/* Estados seleccionados en modo oscuro. */
body.active-dark-mode .academy-unified-area
.dashboard-mainmenu li a:hover,
body.active-dark-mode .academy-unified-area
.dashboard-mainmenu li a.active,
body.active-dark-mode .sla-v2 .sla-side
.dashboard-mainmenu li a:hover,
body.active-dark-mode .sla-v2 .sla-side
.dashboard-mainmenu li a.active {
    background: #263B60 !important;
    color: #A9CAFF !important;
}