:root{--original-blue:#087bd2}
html,body{background:#020b18;color:#fff}
body{background-image:url('/space-bg.jpeg');background-size:cover;background-position:center;background-attachment:fixed}
.login-screen,.install-screen,.device-modal,.app-shell{width:min(100%,480px);margin:auto;background:url('/space-bg.jpeg') center/cover fixed;color:#fff}
.login-screen{display:block;padding:calc(28px + env(safe-area-inset-top)) 28px calc(20px + env(safe-area-inset-bottom));overflow:auto}
.login-screen:before,.ambient{display:none}
.login-card{width:100%;min-height:calc(100dvh - 48px);padding:0 8px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;display:flex;flex-direction:column}
.login-logo{width:min(76vw,310px);height:min(76vw,310px);margin:8px auto 28px;object-fit:contain}
.login-heading{display:none}
.login-card label{margin:0 0 20px;color:#fff;font-size:20px;letter-spacing:0;font-weight:800;gap:3px}
.login-card input{height:54px;border:0;border-bottom:2px solid rgba(255,255,255,.38);border-radius:0;background:transparent;color:#fff;padding:0 4px;font-size:20px}
.login-card input:focus{border-color:#37b9ff;box-shadow:none}
.login-button{width:84%;height:70px;margin:38px auto 0;border:4px solid #d5d9dc;border-radius:36px;background:linear-gradient(#50bff5,#0b67b8);font-size:22px;box-shadow:inset 0 3px 4px rgba(255,255,255,.65),0 7px 0 #30343a,0 10px 24px rgba(0,0,0,.45)}
.login-card>small{display:none}
.login-error{margin:4px 0 0;background:rgba(135,10,32,.6);color:#fff}
.device-modal{padding:24px;background-image:url('/space-bg.jpeg')}
.device-card{background:rgba(0,12,31,.72);border:1px solid rgba(255,255,255,.2);color:#fff}
.device-card>span,.device-card p,.device-card label{color:#fff}.device-card input{background:rgba(0,0,0,.3);color:#fff;border-color:#42aee8}
.app-shell{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(270px + env(safe-area-inset-bottom));box-shadow:0 0 42px rgba(0,0,0,.5)}
.topbar{height:42px;position:relative;padding:0;background:transparent;box-shadow:none;display:block}
.topbar img,.topbar>div{display:none}.icon-button{position:absolute;right:0;top:0;border-color:rgba(255,255,255,.45);background:rgba(0,28,55,.7)}
.content{padding:6px 0;width:100%}
.operator{min-height:40px;margin:0 48px 14px 0;padding:6px 10px;border:0;border-radius:10px;background:rgba(0,21,48,.45);color:#fff;box-shadow:none}
.operator small,.operator time{color:#c6ddf0}.operator b{color:#fff}
.data-card{padding:0;margin:0;background:transparent;border:0;box-shadow:none;color:#fff}
.data-card .section-title{display:none}
.data-grid{display:grid;grid-template-columns:1fr;gap:0}
.data-item,.data-item.wide{grid-column:1;min-height:50px;padding:4px 0;border:0;border-radius:0;background:transparent;display:grid;grid-template-columns:118px 1fr;align-items:center}
.data-item small{margin:0;color:#fff;font-size:19px;font-weight:900;letter-spacing:0;text-transform:capitalize}
.data-item small:after{content:':'}.data-item strong{color:#51c4ff;font-size:19px;font-weight:900}.data-item.accent{background:transparent}.data-item.accent strong{color:#51c4ff}
.notice{border-width:2px;background:rgba(0,0,0,.7)!important;color:#fff!important}.notice small,.notice b{color:#fff}
.scan-card{position:fixed;z-index:50;left:50%;right:auto;bottom:calc(76px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),456px);margin:0;padding:12px;background:rgba(0,13,34,.86);border:1px solid rgba(255,255,255,.25);border-radius:18px;box-shadow:0 -8px 32px rgba(0,0,0,.48);display:flex;flex-direction:column}
.scan-card .section-title{display:grid;grid-template-columns:1fr 1fr;gap:10px;order:2;margin:10px 0 0}.scan-card .section-title>div{display:none}
.camera-button,.mic-button{width:100%;height:54px;min-width:0;border:3px solid #d6d9db;border-radius:27px;background:linear-gradient(#55c5f5,#0964b1);color:#fff;font-size:10px;box-shadow:inset 0 2px 3px rgba(255,255,255,.65),0 4px 0 #30343a}
.mic-button:before{color:#fff}.code-field{display:block;order:1}.code-field>span{display:block;text-align:center;color:#fff;font-size:17px;letter-spacing:.02em;margin:0 0 8px}
.code-field>div{display:grid;grid-template-columns:minmax(0,1fr) 112px;border:0;border-bottom:2px solid rgba(255,255,255,.45);border-radius:0;background:transparent;box-shadow:none!important}
.code-field input{height:58px;background:transparent;color:#fff;font-size:18px}.code-field button{height:50px;align-self:center;border:3px solid #d6d9db;border-radius:25px;background:linear-gradient(#55c5f5,#0964b1);box-shadow:inset 0 2px 3px rgba(255,255,255,.65),0 4px 0 #30343a}
.actions.single{position:fixed;z-index:51;left:50%;right:auto;bottom:calc(9px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),456px);margin:0}
.actions.single .secondary{height:58px;border:3px solid #d6d9db;border-radius:29px;background:linear-gradient(#55c5f5,#0964b1);color:#fff;box-shadow:inset 0 2px 3px rgba(255,255,255,.65),0 5px 0 #30343a;font-size:0}.actions.single .secondary:after{content:'NUEVA CONSULTA';font-size:13px}
.install-card{background:rgba(0,15,37,.9)}
@media(max-height:720px){.data-item,.data-item.wide{min-height:42px}.data-item small,.data-item strong{font-size:16px}.app-shell{padding-top:8px}.operator{margin-bottom:6px}}
