/* Additional account surfaces only. Dashboard geometry lives unchanged in styles.css. */
[hidden] { display: none !important; }
.access-shell { max-width: 440px; margin: 8vh auto; padding: 24px; }
.access-shell h1 { font-size: 25px; margin-bottom: 8px; }
.access-shell p { color: var(--text-muted); margin-bottom: 20px; }
.access-message { min-height: 24px; font-size: 14px; }
.access-actions { display: flex; flex-direction: column; gap: 10px; }
.account-dialog { margin: auto; max-width: 440px; width: calc(100% - 32px); border: 0; border-radius: var(--radius-lg); padding: 24px; color: var(--text-main); }
.account-dialog::backdrop { background: rgb(15 23 42 / 45%); }
.account-dialog h2, .account-dialog p { margin-bottom: 16px; overflow-wrap: anywhere; }
.account-dialog .btn { margin-bottom: 8px; }
.account-close { float: right; }
.sync-status { position: fixed; bottom: 12px; left: 50%; transform: translateX(-50%); padding: 10px 16px; border-radius: 10px; background: #fff7ed; color: #9a3412; box-shadow: var(--shadow-md); max-width: calc(100% - 24px); z-index: 5; }
.btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }