.account-shell{min-height:100dvh;display:flex;flex-direction:column;max-width:640px;margin:0 auto;padding:0 16px calc(24px + env(safe-area-inset-bottom,0px))}
.account-top{display:flex;flex-direction:column;gap:4px;padding:calc(12px + env(safe-area-inset-top,0px)) 0 12px}
.account-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--brand);font-weight:600;text-decoration:none}
.account-back span[aria-hidden]{font-size:22px;line-height:1}
.account-top h1{margin:0;font-size:26px;line-height:1.15;font-weight:600;color:var(--text-hi)}
.account-main{display:flex;flex-direction:column;gap:14px}
.account-view{display:flex;flex-direction:column;gap:14px}
.account-view[hidden]{display:none}
.account-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px}
.account-card h2{margin:0 0 6px;font:600 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-lo)}
.account-profile{display:flex;align-items:center;gap:14px}
.account-monogram{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:600;font-size:17px}
.account-profile-text{flex:1;min-width:0;display:flex;flex-direction:column}
.account-profile-text strong{font-size:17px;color:var(--text-hi)}
.account-profile-text span{color:var(--text-mid);overflow:hidden;text-overflow:ellipsis}
.account-button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--brand);background:transparent;color:var(--brand);font-weight:600}
.account-button.primary{background:var(--brand);color:var(--on-brand)}
.account-button:disabled{opacity:.55}
.account-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:15px;color:var(--text-hi)}
.account-choice+.account-choice{border-top:1px solid var(--border)}
.account-choice input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;border:2px solid var(--text-mid);border-radius:50%;background:transparent;display:grid;place-content:center}
.account-choice input:checked{border-color:var(--brand)}
.account-choice input:checked::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand)}
.account-choice input:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.account-select-label select{width:100%;min-height:44px;margin-top:4px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-hi);padding:0 10px;font:inherit}
.account-select-label select:disabled{opacity:.55}
.account-status{margin:6px 0 0;color:var(--text-mid);min-height:1em}
.account-status:empty{display:none}
.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-row h2{margin:0}
.account-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:180px;padding:3px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border)}
.account-segment button{min-height:38px;border:0;border-radius:8px;background:transparent;color:var(--text-mid);font-weight:600}
.account-segment button[aria-pressed="true"]{background:var(--sunk);color:var(--text-hi)}
.account-store-list{display:flex;flex-direction:column}
.account-store{display:flex;align-items:center;gap:12px;min-height:60px}
.account-store+.account-store{border-top:1px solid var(--border)}
.account-store-thumb{width:52px;height:36px;border-radius:6px;object-fit:cover;flex:none}
.account-store-text{flex:1;min-width:0;display:flex;flex-direction:column}
.account-store-text strong{color:var(--text-hi);font-size:15px}
.account-store-text small{color:var(--text-mid);font-size:13px}
.account-links{display:flex;flex-direction:column;padding-top:4px;padding-bottom:4px}
.account-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;color:var(--text-hi);text-decoration:none}
.account-links a+a{border-top:1px solid var(--border)}
.account-links a span:first-child{display:flex;flex-direction:column}
.account-links small{color:var(--text-mid);font-size:13px}
.account-links a>span[aria-hidden]{color:var(--text-lo);font-size:20px}
.account-signout{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:14px;border:1px solid color-mix(in srgb,var(--danger) 50%,transparent);color:var(--danger);font-weight:600;text-decoration:none}
.account-intro{margin:0;color:var(--text-mid)}
.account-health-list{display:flex;flex-direction:column;gap:10px}
.account-health{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--border)}
.account-health span:last-child{display:flex;flex-direction:column}
.account-health small{color:var(--text-mid)}
.health-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--pending);box-sizing:border-box}
[data-health="online"] .health-dot,.health-dot[data-health="online"]{background:var(--live)}
[data-health="degraded"] .health-dot,.health-dot[data-health="degraded"]{background:#e0a23c}
[data-health="offline"] .health-dot,.health-dot[data-health="offline"]{background:var(--danger)}
[data-health="unknown"] .health-dot,.health-dot[data-health="unknown"]{background:transparent;border:1.5px solid var(--text-lo)}
.account-share-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.account-share-form label{display:flex;flex-direction:column;gap:6px;color:var(--text-mid)}
.account-share-form input[type=email]{min-height:44px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-hi);padding:0 12px;font:inherit}
.account-people{display:flex;flex-direction:column;margin-top:12px}
.account-person{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px}
.account-person+.account-person{border-top:1px solid var(--border)}
.account-person span{display:flex;flex-direction:column;min-width:0}
.account-person small{color:var(--text-mid)}
.account-person button{min-height:36px;border:0;background:transparent;color:var(--danger);font-weight:600}
.account-view .export-library{margin:0}
@media (min-width:900px){.account-shell{padding-top:12px}}