:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#edf4fa;background:#061520;font-size:16px;line-height:1.6}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:980px;padding:24px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid #304555;padding:12px 0 28px;margin-bottom:48px}a{color:#a9d9ff;text-underline-offset:4px}.brand{font-size:22px;font-weight:800;letter-spacing:1px;text-decoration:none;color:#fff}.brand strong{color:#55b6ff}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:800;color:#4ce0d0}h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:12px 0 24px}h2{font-size:24px;line-height:1.3;overflow-wrap:anywhere}p{max-width:75ch}.intro{font-size:19px;color:#b8cbd9}.card,.device-list li{padding:24px;border:1px solid #304555;border-radius:18px;background:#0c2030;margin:24px 0}form{display:grid;gap:20px}label{display:grid;gap:8px;font-weight:700}input{min-width:0;width:100%;font:inherit;padding:13px;border:1px solid #608296;border-radius:8px;background:#061520;color:#fff}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:12px 20px;border-radius:10px;border:1px solid #5ca9df;background:#126bae;color:#fff;font:inherit;font-weight:700;text-decoration:none;white-space:normal;text-align:center;line-height:1.4;cursor:pointer}.secondary{background:transparent;border-color:#608296}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #54dfd2;outline-offset:4px}.actions{display:flex;flex-wrap:wrap;gap:12px}.device-list{list-style:none;padding:0}.device-list li{display:flex;align-items:center;justify-content:space-between;gap:24px}.device-list h3{margin:0 0 8px;font-size:19px;overflow-wrap:anywhere}.device-list p{margin:6px 0;color:#b8cbd9}.device-list small{display:block;color:#b8cbd9}.device-list button{flex-shrink:0}dl{display:flex;gap:24px;flex-wrap:wrap}dt{color:#b8cbd9}dd{margin:4px 0;font-weight:700}.current{color:#4ce0d0!important}#status{min-height:26px}#status.error,#remove-error{color:#ffb0b0}footer{border-top:1px solid #304555;margin-top:48px;padding:24px 0}dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #608296;border-radius:16px;padding:28px;background:#0c2030;color:#edf4fa}dialog::backdrop{background:#000a}@media(max-width:600px){main{padding:18px}header{margin-bottom:32px}.card,.device-list li{padding:20px}.device-list li{align-items:stretch;flex-direction:column;gap:16px}.actions{flex-direction:column}.actions>*{width:100%}dialog{padding:22px}}


/* Compact ownership-first device management, including narrow mobile screens. */
.owner-email,.device-owner{overflow-wrap:anywhere}.owner-email{margin-top:4px;color:#b8cbd9}#account-name{margin-bottom:4px}.device-list li{margin:12px 0;padding:18px;align-items:flex-start}.device-list li>div:first-child{flex:1;min-width:0}.device-list h3{font-size:18px;margin-bottom:4px}.device-list p,.device-list small{font-size:14px;line-height:1.5}.device-list .device-owner{color:#edf4fa}.device-actions{display:flex;gap:8px;flex-wrap:wrap}.device-actions button{font-size:14px;min-height:44px;padding:8px 12px}.current{display:inline-block;border:1px solid #27635f;border-radius:6px;padding:2px 8px}.device-help{margin:12px 0;color:#b8cbd9}.device-help summary{cursor:pointer;color:#a9d9ff;min-height:44px;padding:8px 0}#name-error{color:#ffb0b0}.hint{font-size:14px;color:#b8cbd9}@media(max-width:600px){.device-list li{padding:16px;gap:12px}.device-actions{display:grid;grid-template-columns:1fr 1fr}.device-list .device-actions button{width:100%}.card{padding:18px}.intro{font-size:16px}header{margin-bottom:24px}h1{font-size:32px}}