/* Header account menu (views/layout.xml appbar, js/acct.js). Loaded on the theme pages and on Odoo's own
   website pages (login, /my ...), where Bootstrap is present: selectors are scoped to .appbar so its
   a / hr / :hover rules don't leak in. Colours: theme tokens + the Sahabify gold (--sahab-*) only. */
.appbar .ah-acct{position:relative;flex-shrink:0}
.appbar .ah-acct>.icon-btn[aria-expanded="true"]{color:var(--sahab-accent-ink);box-shadow:var(--neu-in);background:var(--sahab-accent-soft)}
.appbar .ah-acct-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;min-width:216px;max-width:min(280px,calc(100vw - 20px));
  padding:6px;margin:0;background:var(--surface-2);color:var(--text);border:1px solid var(--sahab-accent-line);border-radius:var(--r-md);
  box-shadow:var(--neu);text-align:start;font-size:13px;line-height:1.4;transform-origin:top;animation:ahAcctIn .14s ease-out}
.appbar .ah-acct-menu[hidden]{display:none}
@keyframes ahAcctIn{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.appbar .ah-acct-menu{animation:none}}
.appbar .ah-acct-menu .hd{display:flex;align-items:center;gap:8px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--sahab-accent-line)}
.appbar .ah-acct-menu .hd b{font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.appbar .ah-acct-menu .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--sahab-accent-soft);color:var(--sahab-accent-ink)}
.appbar .ah-acct-menu a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--r-xs);color:var(--text);text-decoration:none;white-space:nowrap;outline:none}
.appbar .ah-acct-menu a .ic{color:var(--sahab-accent-deep)}
.appbar .ah-acct-menu a:hover,.appbar .ah-acct-menu a:focus-visible{background:var(--sahab-accent-soft);color:var(--text);text-decoration:none}
.appbar .ah-acct-menu a:focus-visible{box-shadow:inset 0 0 0 2px var(--sahab-accent-line)}
.appbar .ah-acct-menu a.out{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 var(--r-xs) var(--r-xs);color:var(--accent)}
.appbar .ah-acct-menu a.out .ic{color:var(--accent)}
:root[data-theme="night"] .appbar .ah-acct-menu a .ic{color:var(--sahab-accent)}
:root[data-theme="night"] .appbar .ah-acct-menu a.out .ic{color:var(--accent)}
/* log-in / log-out arrows point "forward" in the reading direction */
html[dir="rtl"] .appbar .ah-acct-menu a .ic:has(use[href="#i-log-out"]),html[dir="rtl"] .appbar .ah-acct-menu a .ic:has(use[href="#i-log-in"]){transform:scaleX(-1)}