/* Extend ListenYet's established palette, typography and dialog layout. */
.account-entry{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}
#account-button{color:var(--green);font-weight:600;padding:6px 0}
#account-status{font-size:10px;color:#6b7963;max-width:180px;text-align:right}
.account-modal{width:min(440px,calc(100% - 32px))}
.account-intro{color:#6b7963;font-size:13px;line-height:1.8;margin:0 0 20px}
.account-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:20px}
.account-tabs button{padding:10px 0;border:0;border-bottom:2px solid transparent;background:none;color:#728267;font:inherit;font-size:13px;cursor:pointer}
.account-tabs button[aria-pressed=true]{color:var(--green);border-bottom-color:var(--green);font-weight:600}
.account-field{display:block;font-size:13px;color:#53634c;margin:16px 0}
.account-field>span{display:block;margin-bottom:8px}
.account-field input{font-size:16px;color:var(--ink)}
.account-form-actions{display:flex;justify-content:space-between;margin:14px 0 22px}
.account-modal .text-button{font-size:12px;color:#526b43}
.account-modal button:disabled{opacity:.55;cursor:default}
.account-note{font-size:12px;line-height:1.8;color:#6b7963}
#account-message{font-size:13px;line-height:1.8;color:#93523e;overflow-wrap:anywhere}
#account-message:empty{display:none}
#account-user-email{font-size:16px;overflow-wrap:anywhere;margin:20px 0 8px}
#account-sync-status{font-size:13px;color:var(--green);line-height:1.8}
#account-sync-status[data-status=error]{color:#93523e}
#account-logout{margin-top:24px;min-height:44px;font-size:13px;background:#fff8f5;border:1px solid #e4cbc2;color:#8a4f3e}
#account-logout:hover:not(:disabled){background:#f9ebe5;border-color:#ca9b89;color:#753c2b}
.account-auto-note{padding:12px 14px;margin-top:18px;border-radius:8px;background:#edf3e4;color:#426037}
@media(max-width:560px){.topbar-actions{gap:12px}.account-entry #account-status{display:none}.account-entry #account-button{font-size:11px}.topbar .breadcrumb{display:none}.topbar .slash{display:none}.account-modal{padding:24px}}