:root{font-family:Tahoma,"Segoe UI",sans-serif;color:#172b3a;background:#f3f7f7;font-synthesis:none;font-optical-sizing:auto;--ink:#172b3a;--muted:#647783;--brand:#126b66;--brand-dark:#0c514d;--line:#e2ebeb;--paper:#fff;--soft:#e8f3f1;--warning:#946313;--danger:#a13737}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(145deg,#edf5f4,#f7f9fc 60%);min-height:100vh}.shell{width:min(1080px,100% - 32px);margin:auto;padding:22px 0 18px;min-height:100vh;display:flex;flex-direction:column}.topbar,.account-bar,.page-heading,.brand{display:flex;align-items:center}.topbar,.page-heading{justify-content:space-between}.brand{gap:10px;color:var(--ink);text-decoration:none;font-size:1.15rem;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:1.2rem}.account-bar{gap:10px}.account-bar select{max-width:240px}.login-panel{flex:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:42px;padding:8vh 4vw}.welcome-copy h1,.page-heading h1{margin:.25rem 0 .75rem;font-size:clamp(1.8rem,4vw,3rem);line-height:1.35}.welcome-copy>p:last-child{color:var(--muted);font-size:1.05rem;max-width:32rem;line-height:1.9}.eyebrow{color:var(--brand);font-size:.85rem;font-weight:700;margin:0}.login-card,.device-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 40px #1b3c3b0b}.login-card{padding:clamp(22px,4vw,38px);display:flex;flex-direction:column;gap:10px}.login-card label{font-size:.9rem;font-weight:700;margin-top:8px}.login-card input,.account-bar select{height:48px;padding:0 13px;border:1px solid #ccd9d8;border-radius:11px;background:#fff;color:var(--ink);font:inherit}.primary-button,.icon-button,.switch-button{font:inherit;cursor:pointer;border:0;border-radius:11px;min-height:44px;padding:0 17px}.primary-button{background:var(--brand);color:#fff;font-weight:700;margin-top:12px}.primary-button:hover,.switch-button:hover{background:var(--brand-dark)}.icon-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.login-help,.privacy-note{font-size:.78rem;line-height:1.8;color:var(--muted)}.notice{min-height:1.4em;color:var(--danger);margin:.25rem 0}.page-heading{margin:38px 0 12px}.summary{display:flex;gap:12px;margin:10px 0 24px}.summary-card{background:var(--soft);border-radius:14px;padding:13px 18px;min-width:125px;color:var(--brand-dark)}.summary-card strong{font-size:1.35rem;margin-left:6px}.device-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}.device-card{padding:20px}.device-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.device-name{font-weight:800;font-size:1.08rem;margin:0 0 5px}.device-meta{font-size:.82rem;color:var(--muted);line-height:1.8;margin:0}.status{white-space:nowrap;font-size:.78rem;font-weight:700;border-radius:999px;padding:6px 10px;background:#edf1f2;color:#566771}.status.online{background:#e3f5ee;color:#1b7655}.status.offline{background:#f5eaea;color:#9d4444}.state-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:18px 0;display:flex;justify-content:space-between;align-items:center}.state-label{color:var(--muted);font-size:.9rem}.state-value{font-weight:800}.controls{display:flex;gap:10px}.switch-button{flex:1;background:var(--brand);color:#fff;font-weight:700}.switch-button.secondary{background:#e8efef;color:var(--ink)}.switch-button.secondary:hover{background:#dbe7e6}.switch-button:disabled,.primary-button:disabled{opacity:.55;cursor:wait}.staged-message{padding:12px;border-radius:12px;background:#fcf3dd;color:var(--warning);font-size:.86rem}.empty-state{padding:30px;text-align:center;border:1px dashed #bdcecd;border-radius:18px;color:var(--muted);line-height:1.9}footer{display:flex;justify-content:space-between;color:#89979d;font-size:.75rem;margin-top:auto;padding-top:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #83c3bf;outline-offset:3px}@media(max-width:700px){.shell{width:min(100% - 24px,520px);padding-top:14px}.login-panel{grid-template-columns:1fr;gap:20px;padding:7vh 0}.welcome-copy h1{font-size:1.85rem}.welcome-copy>p:last-child{font-size:.94rem}.page-heading{margin-top:26px}.summary{display:grid;grid-template-columns:1fr 1fr}.summary-card{min-width:0;padding:12px}.account-bar select{max-width:165px}.device-card{padding:17px}}

[hidden]{display:none!important}