/* Menú compacto: mantiene los accesos y libera 174 px para el aula. */
.sidebar-size-toggle{position:sticky;top:57px;z-index:5;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:34px;margin:0 0 15px;padding:7px 9px;border:1px solid #3a6a62;border-radius:7px;background:#183b34;color:#a9f2dd;cursor:pointer;font-size:11px;font-weight:600;flex-shrink:0}
.sidebar-size-toggle:hover{background:#225447;border-color:#66ac96;color:#e0fff2}
.sidebar-size-toggle .icon{width:18px;height:18px;flex-shrink:0}
.sidebar-size-toggle .size-icon{transition:transform .18s ease}
@media(min-width:651px){
  .sidebar{transition:width .2s ease,transform .2s ease,visibility .2s ease}
  body.sidebar-compact:not(.sidebar-collapsed){--side:72px}
  .sidebar-compact .sidebar{width:72px;padding:12px 9px 18px;scrollbar-width:thin;scroll-padding-top:100px}
  .sidebar-compact .sidebar .brand{justify-content:center;gap:0;padding:0 0 12px;min-height:54px;letter-spacing:0}
  .sidebar-compact .brand-word{display:none}
  .sidebar-compact .brand-icon{width:35px;height:37px;border-radius:10px;font-size:17px}
  .sidebar-compact .sidebar-size-toggle{top:54px;min-height:31px;padding:6px;margin-bottom:10px;border-radius:6px}
  .sidebar-compact .sidebar-size-toggle>span{display:none}
  .sidebar-compact .sidebar-size-toggle .size-icon{transform:rotate(180deg)}
  .sidebar-compact .course-label{display:none}
  .sidebar-compact .sidebar nav{gap:3px}
  .sidebar-compact .sidebar nav>a{justify-content:center;gap:0;padding:8px 6px;min-height:36px;font-size:0;line-height:1;border-radius:7px}
  .sidebar-compact .sidebar nav>a .icon{width:18px;height:18px}
  .sidebar-compact .sidebar nav>a .nav-dot{display:none}
  .sidebar-compact .sidebar nav>a .nav-num{width:28px;height:26px;font-size:0;line-height:1}
  .sidebar-compact .sidebar nav>a[data-page="lab-clientes"] .nav-num:before{content:'C';font:600 12px 'Space Grotesk',sans-serif}
  .sidebar-compact .sidebar nav>a[data-page="lab-pedidos"] .nav-num:before{content:'P';font:600 12px 'Space Grotesk',sans-serif}
  .sidebar-compact .nav-label{display:flex;align-items:center;justify-content:center;min-height:25px;margin-top:8px;padding:6px 0 3px;border-top:1px solid #2e4358;font-size:0;line-height:1}
  .sidebar-compact .nav-label:before{content:attr(data-compact-label);font:600 7px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:1px;color:#85a9c9}
  .sidebar-compact .sidebar-step-list{gap:2px;margin-top:2px}
  .sidebar-compact .sidebar-lesson{position:relative;justify-content:center;gap:0;min-height:36px;padding:4px;border-radius:7px}
  .sidebar-compact .nav-step-text{display:none}
  .sidebar-compact .nav-step-index{width:27px;height:27px;font-size:10px;border-radius:7px}
  .sidebar-compact .nav-step-done{position:absolute;top:1px;right:1px;font-size:10px;line-height:1;color:#9cf6d8}
  .sidebar-compact .side-progress{margin-top:12px;padding:15px 1px 0}
  .sidebar-compact .side-progress>div:first-child{justify-content:center}
  .sidebar-compact .side-progress>div:first-child>span,.sidebar-compact .side-progress>small{display:none}
  .sidebar-compact .side-progress strong{font-size:10px;white-space:nowrap;letter-spacing:-.4px}
  .sidebar-compact .progress-track{height:3px;margin:9px 2px}
  .sidebar-compact .side-bottom{display:none}
  .sidebar-compact .sidebar a:focus-visible,.sidebar-compact .sidebar button:focus-visible{outline-offset:1px}
}
@media(max-width:650px){.sidebar-size-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar-size-toggle .size-icon,.sidebar{transition:none!important}}