.account-shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:54px 0 80px}
.account-hero{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:26px}.account-hero h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.045em;margin:8px 0}.account-hero h1 span{color:var(--cyan)}.account-hero p{color:var(--muted);font-size:13px}.plan-chip{min-width:180px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:16px}.plan-chip small,.plan-chip span{display:block;color:var(--muted);font-size:10px}.plan-chip b{display:block;font-size:24px;margin:4px 0}
.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.account-card,.account-panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;box-shadow:var(--shadow)}.account-card{padding:22px}.account-card.accent{border-color:color-mix(in srgb,var(--cyan) 35%,var(--line))}.card-kicker{font-size:9px;color:var(--cyan);font-weight:900;letter-spacing:.16em}.account-card h2{font-size:30px;margin:10px 0 5px}.account-card h2 small{font-size:13px;color:var(--muted)}.account-card p{color:var(--muted);font-size:11px;line-height:1.6}.meter{height:7px;border-radius:999px;background:var(--panel2);overflow:hidden;margin-top:15px}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:width .3s}
.account-panel{margin-top:16px;padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font-size:23px;margin:7px 0 15px}.soon{font-size:9px;color:var(--cyan);border:1px solid var(--line);padding:5px 8px;border-radius:999px}.onboard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0 18px}.onboard-steps>div{display:flex;gap:11px;padding:14px;background:var(--panel2);border-radius:14px}.onboard-steps b{width:26px;height:26px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--cyan);font-size:10px}.onboard-steps strong,.onboard-steps small{display:block}.onboard-steps strong{font-size:12px}.onboard-steps small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}.device-list{display:grid;gap:9px}.device-row,.empty-state{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.device-row{display:flex;justify-content:space-between;gap:12px}.device-row small,.empty-state{color:var(--muted);font-size:11px}.subscription-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.subscription-row b{font-size:18px}.subscription-row p{color:var(--muted);font-size:11px}.account-status{margin-top:14px;color:var(--muted);font-size:11px}
@media(max-width:760px){.account-hero{display:block}.plan-chip{margin-top:16px}.account-grid,.onboard-steps{grid-template-columns:1fr}.subscription-row{align-items:flex-start;flex-direction:column}}.install-box{margin-top:16px;padding:16px;border:1px solid color-mix(in srgb,var(--cyan) 30%,var(--line));border-radius:16px;background:var(--panel2)}
.install-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.install-head b{font-size:13px}.install-head span,.install-box>small{font-size:10px;color:var(--muted)}
.install-box textarea{width:100%;resize:vertical;min-height:118px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--text);font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.install-box textarea:focus{border-color:var(--cyan)}
.install-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.install-box>small{display:block;line-height:1.55}
.panel-copy{color:var(--muted);font-size:11px;line-height:1.65;margin:-4px 0 14px}.connect-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.connect-row small{color:var(--muted);font-size:10px;line-height:1.5}.device-status{font-weight:800}.device-status.online{color:var(--cyan)}.device-status.offline{color:var(--muted)}

.device-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}
.device-card .device-row{padding:0;border:0;border-radius:0;background:transparent}
.device-access-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:13px 0 10px;padding-top:12px;border-top:1px solid var(--line)}
.device-access-head small{color:var(--muted);font-size:9px;text-align:right;line-height:1.45}
.device-scope{font-size:10px;font-weight:900;color:var(--cyan)}
.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.capability-toggle{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);cursor:pointer}
.capability-toggle span{min-width:0}.capability-toggle b,.capability-toggle small{display:block}.capability-toggle b{font-size:10px}.capability-toggle small{font-size:9px;color:var(--muted);line-height:1.4;margin-top:3px}
.capability-toggle input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--cyan);cursor:pointer}.capability-toggle input:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:760px){.permissions-grid{grid-template-columns:1fr}.device-access-head{align-items:flex-start;flex-direction:column}.device-access-head small{text-align:left}}