.layer-dock .account-menu-button { display: flex; width: 50px; min-width: 50px; align-items: center; justify-content: center; padding: 0; color: #eaf7ff; font-size: 23px; }
.account-dialog { width: min(340px, calc(100vw - 40px)); box-sizing: border-box; padding: 22px; border: 1px solid #4ecdd9; border-radius: 14px; background: var(--app-panel-background); color: #eaf7ff; }
.account-dialog::backdrop { background: rgba(0, 0, 0, 0.6); }
.account-dialog-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.account-dialog-heading h2 { margin: 0; font-size: 19px; }
.account-dialog form:not([hidden]) { display: grid; gap: 8px; }
.account-dialog .account-signed-in { margin: 22px 0; text-align: center; }
.account-dialog label { font-size: 13px; }
.account-dialog input { box-sizing: border-box; width: 100%; padding: 10px; border: 1px solid #6f8a90; border-radius: 8px; background: var(--app-map-background); color: #eaf7ff; font: inherit; }
.account-dialog input:focus-visible { outline: 2px solid #4ecdd9; outline-offset: 2px; }
.account-dialog p { min-height: 1.2em; margin: 3px 0; font-size: 13px; }
.account-dialog .account-submit { display: block; width: 100%; color: #eaf7ff; font: inherit; text-align: center; }
@media (max-width: 900px) { .layer-dock .account-menu-button { width: 100%; } }