.account-dialog { width:min(620px,calc(100vw - 28px)); max-height:90vh; overflow:auto; border:1px solid var(--border,#ddd); border-radius:20px; padding:28px; color:var(--text,#172235); background:var(--panel-solid,#fff); box-shadow:0 24px 90px #0005; }
.account-dialog::backdrop { background:#07132699; backdrop-filter:blur(4px); }
.account-dialog h2 { margin:0 0 10px; font-size:24px; }
.account-dialog h3 { margin:24px 0 12px; }
.account-dialog p { line-height:1.6; }
.account-dialog label { display:block; margin:14px 0 5px; }
.account-dialog input { width:100%; box-sizing:border-box; padding:12px; border:1px solid var(--border,#ccc); border-radius:8px; background:var(--bg1,#fff); color:inherit; }
.account-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.account-dialog button { cursor:pointer; }
.account-dialog button:disabled { cursor:wait; opacity:.6; }
.account-message { padding:10px 0; min-height:24px; color:var(--muted,#506075); }
.account-trip { padding:15px 0; border-bottom:1px solid var(--border,#ddd); }
.account-trip b { display:block; overflow-wrap:anywhere; }
.account-trip small { display:block; margin-top:6px; }
.account-close { float:right; border:0; background:transparent; color:inherit; font-size:26px; padding:0 8px; }
.account-banner { border:1px solid var(--border,#ddd); border-radius:12px; padding:14px; margin:16px 0; }
.account-dialog [hidden] { display:none !important; }
#account-open { margin-top:8px; }