/* Menú lateral compacto: libera ancho real para todos los módulos. */
@media (min-width:861px){
  :root{--cecotec-sidebar-compact:72px;--cecotec-sidebar-open:248px}
  .sidebar{
    width:var(--cecotec-sidebar-compact)!important;
    padding:28px 10px 20px!important;
    overflow:hidden;
    transition:width .18s ease,padding .18s ease,box-shadow .18s ease!important;
  }
  .sidebar:hover,.sidebar.sidebar-pinned{
    width:var(--cecotec-sidebar-open)!important;
    padding:28px 18px 20px!important;
    box-shadow:12px 0 30px rgba(0,0,0,.14);
  }
  .main-shell{margin-left:var(--cecotec-sidebar-compact)!important;transition:margin-left .18s ease}
  .brand{padding-left:7px!important;padding-right:7px!important;gap:12px!important;white-space:nowrap}
  .brand-mark{flex:0 0 37px}
  .brand>div,.nav-group>small,.sidebar-foot p{
    opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s ease;white-space:nowrap;
  }
  .sidebar:hover .brand>div,.sidebar.sidebar-pinned .brand>div,
  .sidebar:hover .nav-group>small,.sidebar.sidebar-pinned .nav-group>small,
  .sidebar:hover .sidebar-foot p,.sidebar.sidebar-pinned .sidebar-foot p{opacity:1;visibility:visible}
  .sidebar nav{padding-right:0!important;overflow-x:hidden}
  .sidebar nav button{
    min-width:52px;padding-left:15px!important;padding-right:13px!important;white-space:nowrap;overflow:hidden;
  }
  .sidebar nav button span{flex:0 0 21px}
  .sidebar-foot{padding-left:12px!important;white-space:nowrap}
  .sidebar-pin{
    position:absolute;top:10px;right:9px;z-index:2;width:27px;height:27px;border:1px solid #ffffff24;
    border-radius:8px;background:#ffffff0d;color:#d8d4d0;display:grid;place-items:center;font-size:13px;
    opacity:0;pointer-events:none;transition:opacity .12s ease;
  }
  .sidebar:hover .sidebar-pin,.sidebar.sidebar-pinned .sidebar-pin{opacity:1;pointer-events:auto}
  .sidebar.sidebar-pinned .sidebar-pin{background:#fff;color:#181716}
}
@media (max-width:860px){
  .sidebar-pin{display:none!important}
}