#account-dialog { box-sizing:border-box; width:min(440px,calc(100% - 24px)); max-width:calc(100% - 24px); max-height:calc(100dvh - 24px); margin:auto; padding:20px; border:1px solid #45717a; border-radius:var(--radius-panel); background:var(--panel-fill); color:var(--text); overflow:auto; letter-spacing:0; }
#account-dialog::backdrop { background:rgba(0,8,10,.94); }
#account-dialog * { box-sizing:border-box; min-width:0; letter-spacing:0; }
#account-dialog [hidden] { display:none !important; }
#account-dialog h2 { font-size:28px; margin:8px 0 16px; text-align:center; }
#account-dialog .account-logo { display:block; width:160px; height:auto; margin:0 auto 12px; }
#account-dialog .account-tabs { display:flex; gap:8px; margin-bottom:16px; }
#account-dialog button { min-height:44px; padding:8px 12px; font:inherit; font-size:16px; font-weight:700; line-height:1.2; color:#f4f8f9; background:#25383e; border:1px solid #57717a; border-radius:4px; width:100%; white-space:normal; }
#account-dialog button[aria-pressed=true], #account-submit { background:#176e66; }
#account-dialog button:disabled { opacity:.5; }
#account-dialog label { display:grid; gap:5px; margin-bottom:12px; font-size:14px; line-height:1.3; color:var(--muted); }
#account-dialog input { width:100%; min-height:44px; padding:8px; font:inherit; font-size:16px; line-height:1.3; color:#f4f8f9; background:#071013; border:1px solid #688088; border-radius:3px; }
#account-dialog #account-status { font-size:14px; line-height:1.4; overflow-wrap:anywhere; margin:12px 0; }
#account-dialog .account-actions { display:grid; gap:8px; }
#account-dialog :focus-visible { outline:2px solid #4ee2c0; outline-offset:2px; }
#account-settings-button { min-height:44px; }
#account-dialog #account-delete { border-color:#b96570; background:#44222a; }
#account-dialog #account-submit { --angular-fill-top:var(--action-teal-top); --angular-fill-bottom:var(--action-teal-bottom); --angular-edge:var(--action-teal-edge); font-size:18px; }
#account-dialog :is(#account-proceed, #account-logout, #account-delete) { --angular-edge:#a04d58; --angular-edge-focus:#ef8792; --angular-fill-top:#5a2930; --angular-fill-bottom:#241116; }
#account-dialog[data-account-view="manage"] #account-submit { --angular-edge:#688da2; --angular-edge-focus:#a4c9da; --angular-fill-top:#2c4b5e; --angular-fill-bottom:#122633; background:#25383e; }
#account-dialog.is-startup[data-account-view="manage"] #account-proceed { --angular-edge:var(--action-teal-edge); --angular-edge-focus:#91eedc; --angular-fill-top:var(--action-teal-top); --angular-fill-bottom:var(--action-teal-bottom); background:#176e66; }
.profile-account-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(88px,.6fr); align-items:center; gap:8px; min-width:0; }
.profile-account-controls > * { min-width:0; width:100%; box-sizing:border-box; }
#account-dialog.ui-window--adapted label { margin-bottom:0; }
#account-dialog .account-password-control { display:grid; grid-template-columns:minmax(0,1fr) 64px; gap:8px; }
#account-dialog #account-password-toggle { width:64px; }
#account-dialog #account-password-hint { font-size:12px; font-weight:400; }
#account-dialog.is-startup #account-guest-field { margin-top:4px; }
#account-dialog.is-startup #account-proceed { margin-top:4px; }
#account-dialog.is-startup .account-logo { width:144px; margin-bottom:16px; }
#account-dialog.is-startup #account-title { overflow-wrap:anywhere; }
@media(max-height:550px) { #account-dialog { padding:12px; } #account-dialog .account-logo { display:none; } #account-dialog h2 { margin:0 0 8px; } }