#account-panel[hidden]{display:none!important}#account-panel{position:fixed;inset:0;z-index:21000;display:grid;place-items:center;padding:12px;box-sizing:border-box}.account-shade{position:absolute;inset:0;background:rgba(0,0,0,.65)}.account-dialog{position:relative;width:min(100%,560px);max-height:min(90dvh,780px);display:flex;flex-direction:column;background:var(--panel,var(--surface,#142035));color:var(--text,#eef4fb);border:1px solid var(--border,#4a5260);border-radius:14px;box-shadow:0 22px 60px #0008;overflow:hidden}.account-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border,#4a5260)}.account-dialog header button{width:34px;min-height:34px}.account-body{overflow:auto;overscroll-behavior:contain;padding:14px;display:grid;gap:14px}.account-body h3{font-size:1rem;margin:0 0 10px}.account-body form{display:grid;gap:9px}.account-body input,.account-body select{width:100%;min-height:40px;box-sizing:border-box;padding:9px;border-radius:8px;background:var(--input-bg,var(--panel,#142035));color:inherit;border:1px solid var(--border,#596577)}.account-body label{display:grid;gap:4px}.account-body details{border:1px solid var(--border,#596577);border-radius:10px;padding:10px}.account-body summary{cursor:pointer;padding:3px}.account-body details form{padding-top:12px}.account-user{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border,#596577)}.account-user small{color:var(--muted,#a2b0c4)}#account-open{min-height:34px}@media(max-width:600px){#account-panel{align-items:end;padding:0}.account-dialog{width:100%;max-height:92dvh;border-radius:14px 14px 0 0;padding-bottom:env(safe-area-inset-bottom)}}

#account-projects{border-top:1px solid var(--border,#596577);padding-top:14px}#account-projects .share-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}#account-projects .share-controls select{width:auto;min-width:92px}#share-add{margin-top:12px;padding:12px;background:var(--panel-2,var(--panel,#142035));border:1px solid var(--border,#596577);border-radius:10px}#share-members .account-user>div:first-child{min-width:0;overflow-wrap:anywhere}#share-members .account-user small{display:block}@media(max-width:580px){#share-members .account-user{align-items:flex-start;flex-direction:column}#share-members .share-controls{width:100%}}
/* Session controls use the existing account panel's solid theme surfaces. */
.account-device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.account-device-row>div{flex:1 1 220px;min-width:0}
.account-device-row small{display:block;overflow-wrap:anywhere}
.account-device-row button{flex:0 0 auto}

.account-security-event{align-items:flex-start}.account-security-event>div{min-width:0;flex:1}.account-security-event small{display:block;overflow-wrap:anywhere}

/* Trusted devices share the session card but remain visually separate from live sessions. */
.account-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 8px}.account-section-label h4{margin:0;font-size:.92rem}.account-section-label small{display:block;color:var(--muted,#a2b0c4);margin-top:2px}.account-trusted-heading{margin-top:18px;padding-top:14px;border-top:1px solid var(--border,#596577)}.account-trusted-heading button{flex:0 0 auto}.account-session-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.account-session-actions button{flex:1 1 180px}
@media(max-width:600px){.account-section-label{align-items:flex-start;flex-direction:column}.account-trusted-heading button{width:100%}}