/* OBX V1.10.4: interfaz compacta, colores planos, sin cambiar controles funcionales. */
:root{--obx-blue:#155ef4!important;--obx-navy:#010204!important;--obx-canvas:#f4f7fb!important}
html,body{overflow-x:hidden!important;max-width:100%;}
/* Nunca bloquear el desplazamiento después del acceso */
html:not(:has(.obx192-overlay:not([hidden]))),html:not(:has(.obx192-overlay:not([hidden]))) body{overflow-y:auto!important}
.sidebar{overflow-y:auto!important;overscroll-behavior:contain!important;background:#03060b!important;scrollbar-width:thin}
.nav-item{font-size:12px!important;padding:9px 11px!important;min-height:35px!important;gap:10px!important;margin-bottom:3px!important}
.sidebar .logo{width:135px!important;height:54px!important}.side-brand{margin:9px 5px 13px!important;gap:2px!important}.side-brand strong{font-size:13px!important}.side-brand small,.sidebar-bottom,.security-dot{font-size:10px!important}
.side-label{font-size:9px!important;margin:0 6px 8px!important}.side-divider{margin-bottom:15px!important}
.topbar{height:74px!important;min-height:74px!important;padding:12px 22px!important}
.topbar h1{font-size:20px!important;margin:4px 0 0!important}.eyebrow{font-size:9px!important;letter-spacing:.12em!important}
.content{padding:15px 22px!important;max-width:1700px!important}.heading{margin-bottom:12px!important}.heading h2{font-size:20px!important}.heading p{font-size:12px!important}
/* Header y tarjetas compactos sin modificar sus cifras */
#pageHome .obx-dashboard-hero,#pageHome .hero{min-height:100px!important;padding:14px 20px!important;margin-bottom:12px!important;border-radius:12px!important}
#pageHome .obx-dashboard-hero h2,#pageHome .hero h2{font-size:23px!important;line-height:1.1!important;margin:4px 0!important}
#pageHome .obx-dashboard-hero p,#pageHome .hero p{font-size:11.5px!important;line-height:1.3!important}
.stats{gap:10px!important;margin:12px 0!important}.stat{padding:13px 15px!important;min-height:116px!important;border-radius:11px!important}.stat strong{font-size:25px!important;margin:5px 0!important}.stat span,.stat small{font-size:10.5px!important}.stat:before{width:30px!important;height:30px!important;right:12px!important;top:10px!important}
.panel,.weekly-ranking{padding:15px 16px!important;border-radius:12px!important}.panelhead h3,.weekly-ranking h3{font-size:15px!important}.weekly-filters,.rules-form{gap:10px!important}
label{font-size:11px!important}button,input,select,textarea{font-size:12px!important}button.primary,.primary,.outline{padding:9px 12px!important;min-height:36px!important;font-size:12px!important}.toolbar select,.toolbar button{min-height:36px!important}
input,select,textarea{padding:8px 10px!important;min-height:35px!important}th,td{padding:8px 10px!important;font-size:11px!important}th{font-size:9px!important}.table-wrap,.portal-scroll{overflow-x:auto!important;max-width:100%!important}
/* Página inicial: negro puro en el panel izquierdo, sin gradiente de fondo */
.obx-login-v191.obx192-layout.login-page{background:#010102!important;padding:12px!important}
.obx192-layout .obx-login-hero{background:#000!important;border-color:#182335!important}
.obx192-layout .obx-login-grid{opacity:.17!important}.obx192-layout .obx-network-stage{opacity:.65!important}
.obx192-layout .obx-login-hero-inner{padding:clamp(15px,2vw,27px)!important}
.obx192-layout .obx-hero-brand{position:relative!important;z-index:2!important;max-width:30%!important;margin-bottom:8px!important}
.obx192-layout .obx-hero-brand-mark{font-size:clamp(35px,4vw,51px)!important;line-height:1!important}.obx192-layout .obx-hero-brand small{font-size:9px!important}
.obx192-layout .obx-network-stage{inset:11% 3% 18% 16%!important;pointer-events:none!important}
.obx192-layout .obx-hero-chip{font-size:10px!important;max-width:165px!important}.obx192-layout .obx-chip-one{top:22%!important;left:5%!important}.obx192-layout .obx-chip-two{top:31%!important;right:2%!important}.obx192-layout .obx-chip-three{bottom:37%!important;right:2%!important}
.obx192-layout .obx-hero-copy{padding-top:0!important;max-width:92%!important;position:relative!important;z-index:2!important}
.obx192-layout .obx-hero-kicker{font-size:9px!important;letter-spacing:.18em!important}
.obx192-layout .obx-hero-copy h2{font-size:clamp(26px,3vw,43px)!important;line-height:.98!important;max-width:100%!important;margin:9px 0!important}
.obx192-layout .obx-hero-copy>p:not(.obx-hero-kicker){font-size:11px!important;line-height:1.42!important;max-width:480px!important}
.obx192-layout .obx-hero-features{font-size:10px!important;margin-top:10px!important;gap:10px!important}
.obx192-layout .obx-login-card.obx192-welcome{padding:clamp(16px,2vw,28px)!important}.obx192-welcome-content{max-width:430px!important}.obx192-welcome-content .logo-login{height:43px!important;width:105px!important;margin-bottom:5px!important}
.obx192-welcome .obx192-label{font-size:9px!important;margin:0 0 7px!important}
.obx192-welcome h1{font-size:clamp(23px,2.3vw,34px)!important;line-height:1.08!important;margin:0 0 10px!important}
.obx192-welcome-description{font-size:11.5px!important;line-height:1.45!important;margin-bottom:16px!important}
.obx192-welcome .obx192-start{min-height:40px!important;font-size:12px!important;padding:9px 13px!important}
.obx192-feature-heading{font-size:9px!important;margin:14px 0 8px!important}.obx192-benefit{min-height:47px!important;padding:6px 9px!important;gap:9px!important}.obx192-benefit>.obx-ico:first-child{width:30px!important;height:30px!important;padding:6px!important}.obx192-benefit strong{font-size:11px!important}.obx192-benefit small{font-size:9px!important}
/* Diálogo sigue funcionando y puede desplazarse si el equipo tiene poca altura */
.obx192-dialog{overflow-y:auto!important;max-height:calc(100dvh - 24px)!important}.obx192-dialog h2{font-size:22px!important}.obx192-dialog-inner{padding:19px 24px!important}
/* Portal del empleado compacto */
.portal-main{max-width:1320px!important}.portal-card{padding:16px!important}.portal-card h1,.portal-card h2{font-size:19px!important}.portal-card p,.portal-tabs button{font-size:12px!important}.portal-tabs button{padding:9px 12px!important}.portal-scroll td,.portal-scroll th{padding:8px!important;font-size:11px!important}
@media(max-width:1050px){.content{padding:13px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.obx192-layout .obx-network-stage{opacity:.37!important}}
@media(max-width:860px){.obx-login-v191.obx192-layout.login-page{padding:8px!important}.obx192-layout .obx-login-hero-inner{min-height:160px!important}.obx192-layout .obx-hero-copy h2{font-size:23px!important}.obx192-layout .obx-hero-brand{max-width:100%!important}.obx192-layout .obx-network-stage{opacity:.16!important;inset:0 0 0 35%!important}.obx192-layout .obx-login-card.obx192-welcome{padding:18px!important}}
@media(max-width:650px){.stats{grid-template-columns:1fr!important}.topbar{height:auto!important;min-height:0!important}.obx192-welcome h1{font-size:25px!important}.obx192-layout .obx-hero-copy h2{font-size:21px!important}}