:root{font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;font-size:16px;color:#24354a;background:#e9eef3}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #bdcad6;border-radius:9px;background:white;color:#253b50;padding:10px 14px}button:hover{background:#e0eaf4}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2266ac;outline-offset:2px}.primary{background:#183c60;color:#fff;border-color:#183c60}.primary:hover{background:#28567f}.full{width:100%;margin-top:16px}input,select{min-height:46px;width:100%;padding:10px;border:1px solid #a7b8c7;border-radius:8px;color:#24354a;background:white}label{display:block;font-size:15px;margin:14px 0 7px}h1{font-size:23px;margin:6px 0}h2{font-size:20px}h3{font-size:18px;margin:0 0 10px}small,.small{font-size:13px}.muted{color:#56687b;font-size:14px;line-height:1.8}.error{color:#942c35;line-height:1.7}.login{max-width:440px;margin:8vh auto;padding:28px;background:white;border-radius:16px}.brand{width:60px;height:60px;border-radius:14px;background:#183c60;color:white;font-size:38px;text-align:center;line-height:60px;margin-bottom:24px}.app{max-width:640px;margin:auto;height:100dvh;background:#f6f8fb;display:flex;flex-direction:column;box-shadow:0 0 30px #1c334715}header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;padding-top:max(18px,env(safe-area-inset-top));background:#183c60;color:white}header small{color:#d9e5ef}header button{background:#315879;color:white;border-color:#69849d}.status{padding:10px 18px;background:#e7f2ed;color:#285b48;font-size:13px;line-height:1.6}.status.offline{background:#fff0d4;color:#754713}main{flex:1;overflow:auto;min-height:0;padding:16px}nav{display:flex;background:white;border-top:1px solid #d7e0e8;padding:7px 5px max(7px,env(safe-area-inset-bottom))}nav button{flex:1;border:0;font-size:22px;padding:6px;color:#5f7084}nav span{display:block;font-size:14px;margin-top:4px}nav .active{color:#183c60;background:#eaf0f6}.card{padding:17px;border:1px solid #d7e1ea;background:white;border-radius:12px;margin-bottom:14px}.stats{display:flex;gap:8px;margin-bottom:16px}.stat{flex:1;border:1px solid #dbe4ed;background:white;padding:12px 8px;border-radius:9px}.stat b{display:block;font-size:26px}.stat span{font-size:13px;color:#536579}.controls{display:flex;gap:7px;margin:12px 0}.controls button{flex:1;font-size:14px;padding:8px}.controls .selected{background:#183c60;color:white;border-color:#183c60}.roomgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room{min-height:114px;text-align:left;border-left:5px solid #26755b;background:#f3faf6;padding:12px;color:#214f3f}.room.occupied{border-left-color:#a64545;background:#fff6f4;color:#823838}.room.service{border-left-color:#687784;background:#eef0f4;color:#40505e}.room.alarm{border-left-color:#995900;background:#fff0d4;color:#754713}.room strong{font-size:24px}.room .state{float:right;font-size:14px;margin-top:6px}.room small{display:block;margin-top:12px;color:#536579}.tag{font-size:12px;background:#fff0c9;color:#795314;border:1px solid #e0c27c;border-radius:5px;padding:3px 6px}.row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e9eef3}.row:last-child{border:0}.row span{color:#5d6f82}.empty{text-align:center;padding:36px 12px;color:#627184;line-height:1.8}.shift-live{border-top:4px solid #285b83}.shift-total{display:flex;align-items:center;gap:24px;margin:12px 0}.shift-total strong{font-size:36px;color:#183c60}.shift-total small{font-size:16px}.shift-total span{font-size:14px;line-height:1.8;color:#536579}summary{cursor:pointer;min-height:44px;padding:12px 0;color:#234e76;font-weight:600}.shift-entry{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:12px 0;border-top:1px solid #e4eaf0;font-size:14px}.shift-entry span:last-child{text-align:right}.staying{color:#913b3b}.departed{color:#536579}dialog{width:min(430px,94vw);max-height:90dvh;overflow:auto;border:1px solid #d3dce4;border-radius:17px;padding:22px;color:#24354a}dialog::backdrop{background:#10283d70}@media(max-width:480px){.login{margin:0;min-height:100dvh;border-radius:0;padding:28px 22px}.row{font-size:14px}.shift-entry{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.login-language{display:flex;justify-content:flex-end;margin-bottom:12px}.language-picker{width:auto;min-width:106px;min-height:38px;padding:6px 9px;font-size:14px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}header>div:first-child{min-width:0}header h1{overflow-wrap:anywhere}.room{min-height:170px}.room .room-time{margin-top:10px;line-height:1.5}.room-time>span{display:block;font-size:12px;color:#586978}.room-time time{display:block;font-size:14px;font-variant-numeric:tabular-nums;white-space:normal}.room-time b{font-size:20px;font-variant-numeric:tabular-nums;font-weight:600}.room .state{max-width:65%;text-align:right;overflow-wrap:anywhere}html[lang=es] nav span{font-size:12px}html[lang=es] .stat span{font-size:12px}html[lang=es] .shift-total{gap:12px}@media(max-width:400px){.header-actions{gap:4px;max-width:116px}.header-actions button,.header-actions select{font-size:13px;min-height:34px}.roomgrid{gap:8px}.room{padding:10px}.shift-total strong{font-size:30px}}