/* Меню акаунта у шапці (ім’я, логін, локація, зміна пароля, вихід). */
.account-wrap { display: flex; }
.topbar .account-trigger { max-width: 220px; min-height: 34px; padding: 4px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid rgba(255,255,255,.35); border-radius: 8px; background: transparent; color: inherit; font: 600 13px inherit; cursor: pointer; }
.topbar .account-trigger::after { content: " \25BE"; }
.topbar .account-trigger:hover, .topbar .account-trigger[aria-expanded="true"] { background: rgba(255,255,255,.14); }
.account-menu { position: fixed; right: 24px; top: 72px; z-index: 60; width: 270px; max-width: calc(100vw - 24px); display: grid; gap: 6px; padding: 14px; border: 1px solid #d5d7da; border-radius: 12px; background: #fff; color: #1f2329; box-shadow: 0 12px 30px rgba(0,0,0,.22); text-align: left; text-transform: none; letter-spacing: 0; }
.account-menu[hidden] { display: none; }
.account-menu p { margin: 0; }
.account-menu .account-name { font-size: 15px; font-weight: 700; overflow-wrap: anywhere; }
.account-menu .account-line { font-size: 12.5px; color: #5b6168; overflow-wrap: anywhere; }
.account-menu .account-line strong { color: #1f2329; font-weight: 600; }
.account-menu button { width: 100%; min-height: 40px; margin-top: 4px; }
.account-dialog { width: min(420px, calc(100% - 24px)); padding: 22px; }
.account-dialog form { display: grid; gap: 12px; }
.account-dialog h3 { margin: 0 0 4px; font-size: 18px; }
.account-dialog label { display: grid; gap: 4px; font-size: 13px; font-weight: 600; }
.account-dialog input { min-height: 40px; width: 100%; box-sizing: border-box; }
.account-status { min-height: 18px; margin: 0; font-size: 13px; }
.account-status.is-error { color: #b3261e; }
.account-status.is-ok { color: #1b6e3a; }
.account-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.account-actions button { flex: 1 1 140px; min-height: 40px; }
@media (max-width: 640px) {
  .topbar .account-trigger { max-width: 120px; padding: 4px 8px; font-size: 12px; }
  .account-menu { left: 12px; right: 12px; width: auto; max-width: none; }
}