/* OBX 1.10.5. Ajustes VISUALES exclusivamente: no endpoints ni identificadores. */
/* LOGIN: preservar espacios para iconos y texto; evitar superposición por reglas globales compactas. */
.obx192-form-shell .obx-login-field{position:relative!important;display:flex!important;align-items:center!important;min-height:44px!important}
.obx192-form-shell .obx-login-field>svg.obx-ico{position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;z-index:2!important;pointer-events:none!important}
.obx192-form-shell .obx-login-field>input{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;padding:9px 46px 9px 46px!important;font-size:13px!important;line-height:1.25!important;text-indent:0!important}
.obx192-form-shell .obx-login-field>input::placeholder{font-size:12px!important;opacity:.85!important}
.obx192-form-shell .obx-password-show{position:absolute!important;top:50%!important;right:6px!important;transform:translateY(-50%)!important;width:37px!important;min-width:37px!important;height:37px!important;min-height:37px!important;display:grid!important;place-items:center!important;padding:7px!important}
/* KIOSCO: cámara prioritaria, barra de control en columna derecha. */
body:has(#kioskBox:not(.hidden)) #kioskHeader .kp-header-brand .kp-overline,body:has(#kioskBox:not(.hidden)) #branchHeader{display:none!important}
body:has(#kioskBox:not(.hidden)) #kioskHeader{padding:9px 15px!important;min-height:75px!important;gap:12px!important}
body:has(#kioskBox:not(.hidden)) .kp-header-brand img{height:47px!important;max-height:47px!important;width:86px!important;object-fit:contain!important}
body:has(#kioskBox:not(.hidden)) .kp-header-brand h1{font-size:19px!important;margin:0!important}
body:has(#kioskBox:not(.hidden)) .kp-clock-date{font-size:10px!important;margin:0!important}
body:has(#kioskBox:not(.hidden)) .kp-clock-digits{font-size:clamp(36px,4vw,58px)!important}
body:has(#kioskBox:not(.hidden)) .obx-kiosk-clock{padding:5px 12px!important;min-width:230px!important}
#kioskBox>.kp-kiosk-grid{display:grid!important;grid-template-columns:minmax(0,1.85fr) minmax(290px,.75fr)!important;gap:14px!important;align-items:start!important}
#kioskBox>.kp-kiosk-grid>.card{min-width:0!important;margin-top:12px!important;padding:12px!important}
#kioskBox .kp-camera-card{grid-column:1!important;grid-row:1!important}
#kioskBox .kp-status-card{grid-column:2!important;grid-row:1!important}
#kioskBox .kp-camera-frame{width:100%!important;min-height:0!important}
#kioskBox .kp-camera-frame video{height:clamp(390px,61vh,780px)!important;min-height:390px!important;width:100%!important;object-fit:cover!important;max-height:none!important}
#kioskBox .kp-camera-guides:before{width:38%!important;height:72%!important;max-width:400px!important}
#kioskBox .kp-camera-guides span:nth-child(1){top:14%!important;left:29%!important}
#kioskBox .kp-camera-guides span:nth-child(2){top:14%!important;right:29%!important}
#kioskBox .kp-camera-guides span:nth-child(3){bottom:14%!important;left:29%!important}
#kioskBox .kp-camera-guides span:nth-child(4){bottom:14%!important;right:29%!important}
#kioskBox .kp-section-title{margin-bottom:7px!important;gap:8px!important}
#kioskBox .kp-section-title h2{font-size:16px!important;margin:0!important}
#kioskBox .kp-section-title p{font-size:11px!important}
#kioskBox .kp-title-icon{width:33px!important;height:33px!important;flex-basis:33px!important}
#kioskBox .kiosk-toolbar{position:static!important;top:auto!important;display:block!important;overflow:visible!important;margin:0 0 14px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#kioskBox .kiosk-toolbar>.actions{display:flex!important;flex-direction:column!important;gap:9px!important;width:100%!important;margin:0!important}
#kioskBox .kiosk-toolbar>.actions>button{display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:100%!important;min-width:0!important;min-height:45px!important;padding:10px!important;font-size:13px!important;white-space:normal!important}
#kioskBox #cameraModeInfo{font-size:10px!important;line-height:1.4!important;border:0!important;padding:8px 2px 0!important;margin:0!important}
#kioskBox .kp-status-heading{gap:8px!important;align-items:flex-start!important}
#kioskBox .kp-face-emblem{flex-basis:48px!important;width:48px!important;height:48px!important}
#kioskBox .kp-face-emblem svg{width:29px!important;height:29px!important}
#kioskBox .kp-status-card .status b{font-size:17px!important}
#kioskBox .kp-status-card .status p{font-size:11px!important;overflow-wrap:anywhere!important}
#kioskBox .kp-information{margin-top:11px!important;padding-top:9px!important}
#kioskBox .kp-information-title{font-size:12px!important}
#kioskBox .kp-info-row{padding:6px 0!important;gap:7px!important}
#kioskBox .kp-info-row p{font-size:10px!important}
@media(max-width:1050px){#kioskBox>.kp-kiosk-grid{grid-template-columns:minmax(0,1.55fr) minmax(255px,.8fr)!important}#kioskBox .kp-camera-frame video{height:clamp(360px,55vh,640px)!important;min-height:360px!important}}
@media(max-width:720px){#kioskBox>.kp-kiosk-grid{grid-template-columns:minmax(0,1fr)!important}#kioskBox .kp-camera-card,#kioskBox .kp-status-card{grid-column:1!important;grid-row:auto!important}#kioskBox .kp-camera-frame video{height:clamp(290px,49vh,520px)!important;min-height:290px!important}#kioskBox .kiosk-toolbar>.actions{flex-direction:row!important;flex-wrap:wrap!important}#kioskBox .kiosk-toolbar>.actions>button{flex:1 1 115px!important;width:auto!important}body:has(#kioskBox:not(.hidden)) #kioskHeader{flex-wrap:wrap!important}}
@media(max-height:620px) and (min-width:721px){#kioskBox .kp-camera-frame video{height:clamp(310px,62vh,600px)!important;min-height:310px!important}}