/* V9.21: signed-in avatar dropdown */
.account-menu{position:relative;display:flex;align-items:center}
.account-avatar{width:42px;height:42px;border-radius:50%;background:#12233e;color:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #e8edf4;display:grid;place-items:center;font:800 14px Inter,Arial,sans-serif;cursor:pointer;transition:background .2s,box-shadow .2s}
.account-avatar:hover,.account-avatar[aria-expanded="true"]{background:#ff5a09;box-shadow:0 0 0 3px #ffeadf}
.account-avatar:focus-visible,.account-dropdown a:focus-visible{outline:3px solid #ff9d6c;outline-offset:3px}
.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:245px;background:#fff;border:1px solid #e7ebf2;border-radius:14px;box-shadow:0 16px 38px #12233e20;overflow:hidden;z-index:1100;padding:7px 0}
.account-dropdown[hidden]{display:none!important}
.account-dropdown-user{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #edf0f5;margin-bottom:5px;min-width:0}
.account-dropdown-user-icon{font-size:18px;color:#40516b;flex:none}
.account-dropdown-name{font-size:13px;font-weight:800;color:#22314b;overflow-wrap:anywhere}
.account-dropdown a{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:13px;color:#34435b;font-weight:650}
.account-dropdown a i{font-size:16px;width:19px;color:#40516b}
.account-dropdown a:hover{background:#fff3ea;color:#ed580e}
.account-dropdown a:hover i{color:#ed580e}
@media(max-width:950px){.account-avatar{width:40px;height:40px}.account-dropdown{right:0}}
@media(max-width:400px){.account-avatar{width:37px;height:37px}}

/* Secure POST sign-out in avatar dropdown and mobile drawer */
.account-logout-form{margin:0;padding:0}
.account-logout-form button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:0;background:transparent;text-align:left;font:650 13px Inter,Arial,sans-serif;color:#34435b;cursor:pointer}
.account-logout-form button i{font-size:16px;width:19px;color:#40516b}
.account-logout-form button:hover{background:#fff3ea;color:#ed580e}
.account-logout-form button:hover i{color:#ed580e}
.account-logout-form button:focus-visible,.drawer-logout-form button:focus-visible{outline:3px solid #ff9d6c;outline-offset:-3px}
.drawer-logout-form{margin:0;min-width:0}
.drawer-logout-form button.nav-auth{display:block;width:100%;height:100%;cursor:pointer;font:800 13px Inter,Arial,sans-serif;text-align:center}

/* V13.25: Guest account dropdown appears on mobile only. Desktop keeps Login/Register buttons. */
.account-menu.guest-account-menu{display:none!important}
.guest-account-avatar{background:linear-gradient(135deg,#ff852f,#ff5a09);font-size:15px}
.guest-account-avatar:hover,.guest-account-avatar[aria-expanded="true"]{background:#e95b10}
@media(max-width:950px){.account-menu.guest-account-menu{display:flex!important}.guest-account-dropdown{width:min(245px,calc(100vw - 26px))}}