.screen-lock-badge{grid-column:7;width:46px;height:52px;align-self:center;border:1px solid #f06b8270;background:#e85d7518;border-radius:12px;color:#ff8295;cursor:pointer;display:grid;place-items:center}.screen-lock-badge svg{width:25px;height:25px}.screen-lock-badge[hidden]{display:none}.lock-loading .page-container{visibility:hidden}.screen-lock-overlay{position:fixed;inset:0;z-index:10000;background:#070810c9;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:16px}.screen-lock-overlay[hidden]{display:none}.screen-lock-dialog{position:relative;width:410px;max-height:calc(100dvh - 24px);overflow:auto;text-align:center;padding:24px 34px 22px;border:1px solid rgba(var(--uv-rgb),0.314);border-radius:24px;background:radial-gradient(ellipse at 50% 0,rgba(var(--uv-rgb),0.11),transparent 55%),linear-gradient(145deg,#232330,#141720);box-shadow:0 25px 100px #0009;color:var(--text)}.lock-close{position:absolute;right:14px;top:12px;width:44px;height:44px;background:#ffffff05;border:1px solid #ffffff15;border-radius:50%;color:var(--dim);font-size:28px;cursor:pointer}.lock-emblem{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(var(--uv-rgb),0.314);border-radius:18px;background:rgba(var(--uv-rgb),0.078);color:#bd94ff;margin:0 auto 12px}.lock-emblem svg{width:30px;height:30px}.screen-lock-dialog>small,.screen-security>small{color:#b8a1d8;font-size:10px;letter-spacing:.1em}.screen-lock-dialog h2{font-size:27px;font-weight:500;margin:8px 0}.screen-lock-dialog>p{font-size:14px;line-height:1.5;color:#bdb7ca;margin:7px 0}.lock-pin-dots{height:30px;display:flex;align-items:center;justify-content:center;gap:13px;margin:15px 0 0}.lock-pin-dots i{width:12px;height:12px;border:1px solid #bda0e5;border-radius:50%;background:rgba(var(--uv-rgb),0.035)}.lock-pin-dots i.filled{background:#c39aff;box-shadow:0 0 12px rgba(var(--uv-rgb),0.333)}.screen-lock-dialog .lock-error{min-height:20px;color:#ff9daf;font-size:13px;margin:6px 0}.lock-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:7px 0 14px}.lock-keypad button{height:51px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff04;color:var(--text);font:inherit;font-size:24px;cursor:pointer}.lock-keypad button:hover{background:rgba(var(--uv-rgb),0.141);border-color:rgba(var(--uv-rgb),0.502)}.lock-keypad button[data-lock-digit=clear]{font-size:16px}.lock-primary,.lock-secondary{display:block;width:100%;min-height:50px;padding:12px;border:1px solid rgba(var(--uv-rgb),0.439);border-radius:11px;background:rgba(var(--uv-rgb),0.141);color:#f3eaff;font:inherit;font-size:16px;cursor:pointer}.lock-secondary{background:#ffffff04;border-color:#ffffff19;margin-top:10px;color:#cec6da}.lock-primary:disabled{opacity:.5}.screen-lock-dialog .lock-help{display:block;font-size:11px;letter-spacing:0;line-height:1.6;color:#938b9f;margin-top:12px}.lock-warning{padding-top:34px}.lock-warning .lock-emblem{color:#ff869a;background:#e85d7514;border-color:#e85d7540}.lock-warning>p{margin:18px 0 24px}.lock-readonly-note{grid-column:1/-1;border:1px solid rgba(var(--uv-rgb),0.251);border-radius:10px;padding:12px 16px;color:#ceb0f2;background:rgba(var(--uv-rgb),0.051);font-size:14px}.lock-data-preview{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lock-data-preview>*{min-width:0;grid-column:auto!important}.panel-locked [data-aquarium-mode],.panel-locked #aqScheduleForm,.panel-locked [data-presence-toggle],.panel-locked #panelOverlay [data-control],.panel-locked #panelOverlay [data-light-target],.panel-locked #panelOverlay [data-climate-target]{opacity:.55}.panel-locked .nav-dock [data-page]:not([data-page=home]):not([data-page=media]):not([data-page=weather]):not([data-page=aquarium]){opacity:.5}.panel-locked .nav-dock [data-page]:not([data-page=home]):not([data-page=media]):not([data-page=weather]):not([data-page=aquarium]) span::after{content:' · slot';font-size:10px}.panel-locked #settingsDrawer .setting-field,.panel-locked #settingsDrawer .setting-switch{opacity:.5}
#securityGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);grid-template-rows:minmax(0,1fr);gap:18px;height:calc(100% - 100px);padding:14px 0 0}.house-security{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:12px;overflow:auto;min-height:0;padding-bottom:12px}.house-security .security-hero{grid-column:1/-1;padding:22px}.house-security .security-controls{grid-column:1/-1;background:none;padding:0;border:0}.house-security .security-controls button{min-height:56px;font-size:17px}.house-security .security-evidence{grid-template-columns:repeat(3,1fr)}.house-security .security-evidence small{font-size:11px}.house-security .security-evidence b{font-size:15px;overflow-wrap:anywhere}.house-security .security-warning{display:block}.house-security .security-warning span{display:block;margin-top:9px;font-size:13px;line-height:1.5}.screen-security{border:1px solid rgba(var(--uv-rgb),0.208);border-radius:16px;background:radial-gradient(ellipse at 90% 0,rgba(var(--uv-rgb),0.086),transparent 60%),linear-gradient(145deg,#242330,#171922);padding:24px;overflow:auto}.screen-security .lock-emblem{margin:0 0 17px}.screen-security h2{font-size:27px;font-weight:500;margin:8px 0}.screen-security>p{font-size:15px;color:#bfb7ce;line-height:1.6}.screen-lock-state{display:inline-block;color:#74ddd1;background:#63dbe30b;border:1px solid #63dbe330;border-radius:18px;padding:7px 12px;font-size:13px}.lock-recovery-note{margin:20px 0;padding-top:16px;border-top:1px solid #ffffff12;font-size:14px;color:#c9bed7}.lock-recovery-note p{font-size:13px;line-height:1.6;color:var(--dim)}.screen-security>small:last-child{font-size:11px;letter-spacing:0;line-height:1.6;display:block;color:var(--dim)}.screen-lock-overlay button:focus-visible,.screen-security button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media(max-height:680px){.screen-lock-dialog{padding:15px 28px}.screen-lock-dialog .lock-emblem{width:40px;height:40px;margin-bottom:6px}.screen-lock-dialog h2{font-size:23px}.lock-keypad button{height:44px}.lock-pin-dots{margin-top:7px}.lock-keypad{gap:6px;margin-bottom:10px}}@media(max-width:800px){#securityGrid{grid-template-columns:1fr;grid-template-rows:auto auto;overflow:auto}.house-security{overflow:visible}.screen-security{overflow:visible}.lock-data-preview{grid-template-columns:1fr}}
.panel-locked [data-page-id="aquarium"] .page-heading>span::after{content:'Alleen bekijken · kinderslot actief';display:block;font-size:11px;color:#c5a6ed;margin-top:3px}

/* Climate peek has its own read-only layout, independent of the full page. */
.lock-climate-preview{margin-top:16px;min-width:0;color:var(--text)}
.lock-climate-rooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lock-climate-room,.lock-climate-thermostat{min-width:0;padding:18px 20px;border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(145deg,#242936,#191d28)}
.lock-climate-room{border-top:3px solid var(--room-accent)}
.lock-climate-preview h3{margin:0;font-size:20px;font-weight:600;overflow-wrap:anywhere}
.lock-climate-temperature{display:flex;align-items:baseline;gap:6px;margin:12px 0 16px;font-size:clamp(32px,4vw,52px);line-height:1.15;font-variant-numeric:tabular-nums}
.lock-climate-temperature small{font-size:21px;color:var(--dim)}
.lock-climate-preview dl{margin:0;display:grid;gap:10px}
.lock-climate-preview dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.lock-climate-preview dt{color:var(--dim);font-size:14px}
.lock-climate-preview dd{margin:0;font-size:17px;font-weight:600;white-space:nowrap}
.lock-climate-preview .lock-climate-section-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:20px 0 12px;font-size:18px}
.lock-climate-section-title span{font-size:13px;font-weight:400;color:var(--dim)}
.lock-climate-thermostats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lock-climate-thermostat header{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.lock-climate-status{color:var(--cyan);font-size:13px;border:1px solid #63dbe330;background:#63dbe308;border-radius:20px;padding:6px 10px}
.lock-climate-thermostat dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.lock-climate-thermostat dl>div{display:block}
.lock-climate-thermostat dd{font-size:28px;margin-top:5px}
.lock-climate-thermostat footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:12px;margin-top:15px;font-size:13px}
.lock-climate-thermostat footer b{color:#ceb0f2;font-weight:500}
.lock-climate-thermostat footer span{color:var(--dim)}
@media(max-width:720px){.lock-climate-rooms,.lock-climate-thermostats{grid-template-columns:1fr}.lock-climate-room{padding:16px}.lock-climate-temperature{font-size:40px}.lock-climate-room dl{grid-template-columns:repeat(2,minmax(0,1fr))}.lock-climate-room dl>div{display:block}}