/* OBX kiosco V1.10.2: negro profundo, azul y verde semántico, sin animaciones. */
:root{--kp-blue:#247cff;--kp-teal:#25c9a3;--kp-navy:#081322;--kp-line:#304a68;--kp-card-shadow:0 12px 35px #0006}
body,main#kioskMain,body.kiosk-activation main#kioskMain{background:#040a12!important;color:#f5f9ff!important}
.kiosk-premium-header,.kiosk-toolbar,#kioskBox .kp-kiosk-grid>.card,.kp-activation-card{background:#0c1828!important;color:#f6faff!important;border:1px solid #28405b!important;box-shadow:0 14px 34px #0006!important}
.kp-header-brand h1,.kp-activation-card h2,.kp-section-title h2,.kp-activation-card form label,.card h2{color:#fff!important}
.kp-header-brand .muted,.kp-activation-subtitle,.kp-section-title p,.kp-activation-footer,#cameraModeInfo{color:#a8c0db!important}
.obx-kiosk-clock{background:#07111e!important;border:1px solid #28517d!important;color:#fff!important;min-width:330px}
.kp-clock-digits{font-size:clamp(43px,4.2vw,65px)!important;color:#fff!important;letter-spacing:-.05em}
.kp-clock-date{color:#c8daed!important}.kp-clock-ampm{color:#57adff!important}
.kiosk-toolbar #startCamera,.kp-authorize-button{background:linear-gradient(100deg,#1688ed,#2051ed)!important;color:#fff!important;border:1px solid #428fff!important;box-shadow:none!important}
.kiosk-toolbar button.outline,button.outline{background:#15253a!important;color:#f7faff!important;border-color:#3d6289!important}
.kp-activation-card{width:min(100%,540px)}
.kp-field input,input,select{background:#142237!important;border-color:#3c5e82!important;color:#fff!important}
.kp-activation-icon,.kp-title-icon{background:#102d4b!important;color:#61b8ff!important;border-color:#376ca1!important}
.status{background:#12253b!important;border:1px solid #315575!important;color:#fff!important}
.status.success{background:#0f302a!important;border-color:#1a956f!important;color:#8bf4cd!important}
.status.fail{background:#3d2025!important;border-color:#b94c5e!important;color:#ffd4da!important}
#camera{background:#020812!important}#qrPane{background:#0d2032!important;border-color:#345777!important}
.kiosk-toolbar{position:sticky;top:6px}
@media(max-width:900px){.kp-clock-digits{font-size:clamp(36px,6vw,54px)!important}.obx-kiosk-clock{min-width:0!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}