/* SentryTrack 2.7.8 — panel lateral tipo ChatGPT: compacto por defecto,
   ampliable por botón, fijación opcional y drawer para pantallas pequeñas. */
.dashboard-body #application { --st-sidebar-rail:68px; --st-sidebar-wide:239px; --st-sidebar-width:var(--st-sidebar-rail); }
.dashboard-body #application[data-st-sidebar="expanded"]{ --st-sidebar-width:var(--st-sidebar-wide); }
.dashboard-body #application .sidebar{
  width:var(--st-sidebar-width)!important;flex:0 0 var(--st-sidebar-width)!important;
  min-width:0!important;max-width:var(--st-sidebar-width)!important;
  padding:10px 9px 8px!important;box-sizing:border-box!important;
  height:100dvh!important;max-height:100dvh!important;min-height:0!important;
  position:sticky!important;top:0!important;align-self:flex-start!important;
  display:flex!important;flex-direction:column!important;gap:0!important;
  overflow:hidden!important;transition:width .18s ease,flex-basis .18s ease,max-width .18s ease;
}
.dashboard-body #application .main-content{
  min-width:0!important;flex:1 1 0%!important;max-width:none!important;width:0!important;
  overflow-x:clip!important;transition:none!important;
}
.dashboard-body #application .sidebar .st-sidebar-header{
  flex:0 0 auto!important;min-width:0;width:100%;min-height:46px;
  display:flex;gap:5px;align-items:center;justify-content:flex-start;
  border-bottom:1px solid #2a3b51;padding:0 2px 9px;margin-bottom:6px;
}
.dashboard-body #application .sidebar .st-sidebar-control,.dashboard-body #application .st-mobile-sidebar-toggle{
  border:1px solid transparent;background:transparent;color:#bdd2ec;box-shadow:none;
  border-radius:10px;cursor:pointer;flex-shrink:0;line-height:1;
}
.dashboard-body #application .sidebar .st-sidebar-control:hover,
.dashboard-body #application .sidebar .st-sidebar-control:focus-visible,
.dashboard-body #application .st-mobile-sidebar-toggle:hover,
.dashboard-body #application .st-mobile-sidebar-toggle:focus-visible{
  background:#223957;border-color:#375778;outline:none;color:#fff;
}
.dashboard-body #application .sidebar .st-sidebar-control svg,
.dashboard-body #application .st-mobile-sidebar-toggle svg{
  display:block!important;width:22px!important;height:22px!important;
  max-width:22px!important;max-height:22px!important;flex:0 0 22px!important;
  stroke:currentColor!important;fill:none!important;
}
.dashboard-body #application .sidebar .st-sidebar-brand{
  display:flex!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;
  padding:0!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important;
  border:0!important;white-space:nowrap!important;overflow:hidden!important;
}
.dashboard-body #application .sidebar .st-sidebar-brand img{
  display:block!important;width:33px!important;height:33px!important;flex:0 0 33px!important;
  object-fit:contain!important;border:0!important;background:transparent!important;
}
.dashboard-body #application .sidebar .st-brand-title{
  display:block;color:#e6f0ff;font-size:12px;font-weight:800;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;
}
.dashboard-body #application .sidebar #st-sidebar-pin{display:flex!important;}
.dashboard-body #application .sidebar #st-sidebar-pin[aria-pressed="true"]{
  color:#fff;background:#244e88;border-color:#387ad0;
}
.dashboard-body #application .sidebar #navigation{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  min-height:0!important;max-height:100%!important;gap:4px!important;
  padding:0 1px 5px!important;overflow-y:auto!important;overflow-x:hidden!important;
  scrollbar-width:thin;scrollbar-color:#3b587d transparent;
}
.dashboard-body #application .sidebar .nav-item{
  display:flex!important;align-items:center!important;flex:0 0 auto!important;
  min-width:0!important;max-width:100%!important;width:100%;min-height:42px!important;
  padding:9px 12px!important;margin:0!important;gap:12px!important;
  border-radius:10px!important;font-size:12px!important;line-height:1.25!important;
  overflow:hidden!important;text-align:left!important;white-space:nowrap!important;position:relative!important;
}
.dashboard-body #application .sidebar .nav-item .ico{
  width:20px!important;height:20px!important;min-width:20px!important;
  max-width:20px!important;max-height:20px!important;flex:0 0 20px!important;
}
.dashboard-body #application .sidebar .nav-item .nav-label{
  display:block;flex:1 1 auto;min-width:0;white-space:nowrap!important;
  overflow:hidden;text-overflow:ellipsis;
}
.dashboard-body #application .sidebar .nav-inner-label{
  flex:0 0 auto;min-height:13px;padding:2px 0 0!important;margin:11px 9px 3px!important;
  font-size:9px!important;line-height:1.2;white-space:nowrap;overflow:hidden;
}
.dashboard-body #application .sidebar .st-settings-nav{
  flex:0 0 auto!important;margin:4px 0 0!important;padding:7px 1px 0!important;
  border-top:1px solid #2c3e57;display:block!important;
}
.dashboard-body #application .sidebar .sidebar-bottom{
  flex:0 0 auto!important;margin:0!important;padding:4px 3px 0!important;
  background:none!important;
}
.dashboard-body #application .sidebar .side-version{
  font-size:9px!important;line-height:1.3!important;white-space:nowrap!important;
  margin:0!important;padding:4px 1px!important;overflow:hidden;text-overflow:ellipsis;
  border-top:0!important;
}
/* Modo de íconos: sin nombres, títulos ni bloques grandes. */
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar .st-sidebar-header{
  flex-direction:column!important;gap:8px!important;min-height:91px!important;
}
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar .st-sidebar-brand{
  flex:0 0 35px!important;width:35px!important;height:35px!important;
  justify-content:center!important;
}
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar .st-brand-title,
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar #st-sidebar-pin,
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar .nav-label,
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar .sidebar-bottom{
  display:none!important;
}
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar .nav-item{
  justify-content:center!important;padding:9px 0!important;gap:0!important;
  height:42px!important;max-height:42px!important;
}
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar .nav-item .ico{
  width:22px!important;height:22px!important;flex-basis:22px!important;
}
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar .nav-inner-label{
  font-size:0!important;line-height:0!important;height:1px!important;min-height:1px!important;
  padding:0!important;margin:9px 9px 5px!important;border-bottom:1px solid #344b67;
}
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar .nav-inner-label:first-child{display:none!important;}
/* Conservar indicador de alertas/comisiones en el rail, sin etiquetas. */
.dashboard-body #application .sidebar .nav-count:not(.st-nav-has-items){display:none!important;}
.dashboard-body #application[data-st-sidebar="collapsed"] .sidebar .nav-count.st-nav-has-items{
 display:flex!important;align-items:center!important;justify-content:center!important;
 position:absolute!important;right:1px!important;top:1px!important;min-width:15px!important;
 width:auto;height:15px!important;padding:0 3px!important;margin:0!important;
 border-radius:9px!important;font-size:9px!important;line-height:15px!important;
 color:#fff!important;background:#dd4050!important;
}
/* Menú móvil = drawer; sólo un botón en cabecera cuando está cerrado. */
.dashboard-body .st-sidebar-backdrop{display:none;}
@media(max-width:740px){
 .dashboard-body #application{--st-sidebar-width:0px!important;}
 .dashboard-body #application[data-st-sidebar="expanded"]{--st-sidebar-width:0px!important;}
 .dashboard-body #application .sidebar{
   position:fixed!important;top:0!important;left:0!important;z-index:4100!important;
   width:min(260px,calc(100vw - 48px))!important;flex:0 0 auto!important;
   max-width:min(260px,calc(100vw - 48px))!important;
   height:100dvh!important;max-height:100dvh!important;
   transform:translateX(-105%)!important;transition:transform .18s ease!important;
   box-shadow:0 14px 32px #0008!important;
 }
 .dashboard-body #application[data-st-sidebar="expanded"] .sidebar{
   transform:translateX(0)!important;
 }
 .dashboard-body #application .main-content{width:100%!important;max-width:100%!important;flex:1 1 100%!important;}
 .dashboard-body #application #st-mobile-sidebar-toggle{display:inline-flex!important;flex:0 0 38px!important;}
 .dashboard-body #application .topbar{gap:9px!important;}
 .dashboard-body #application .sidebar .st-sidebar-header{flex-direction:row!important;min-height:46px!important;}
 .dashboard-body #application .sidebar .st-brand-title{display:block!important;}
 .dashboard-body #application .sidebar .nav-label{display:block!important;}
 .dashboard-body #application .sidebar .nav-count{display:inline-flex!important;}
 .dashboard-body #application .sidebar .sidebar-bottom{display:block!important;}
 .dashboard-body #application .sidebar .nav-inner-label{font-size:9px!important;line-height:1.2!important;height:auto!important;border:0!important;}
 .dashboard-body #application .sidebar .nav-item{justify-content:flex-start!important;padding:9px 12px!important;gap:12px!important;}
 .dashboard-body #application .sidebar #st-sidebar-pin{display:none!important;}
 .dashboard-body #application .st-sidebar-backdrop:not([hidden]){
    position:fixed;inset:0;z-index:4050;background:#020814b8;display:block;
 }
}
@media(max-height:620px){
 .dashboard-body #application .sidebar .nav-item{min-height:38px!important;height:38px!important;padding-top:7px!important;padding-bottom:7px!important;}
 .dashboard-body #application .sidebar .nav-inner-label{margin-top:6px!important;margin-bottom:3px!important;}
}
.theme-light #application .sidebar .st-sidebar-control{color:#1f4263;}
.theme-light #application .sidebar .st-brand-title{color:#143251;}
.theme-light #application .sidebar .st-sidebar-control:hover,.theme-light #application .sidebar .st-sidebar-control:focus-visible{background:#dcecfb;color:#103f70;border-color:#bbd7f5;}
@media(prefers-reduced-motion:reduce){.dashboard-body #application .sidebar{transition:none!important;}}
@media print{.dashboard-body #application .sidebar,.dashboard-body #application .st-sidebar-backdrop{display:none!important}.dashboard-body #application .main-content{max-width:100%!important}}