.site-header .main-nav { order: 2; margin-left: auto; }
.site-header .account-entry { position: relative; z-index: 30; order: 3; margin-left: 34px; }
.account-trigger { display: inline-flex; align-items: center; gap: 18px; min-height: 35px; padding: 7px 11px; border: 1px solid #79515a; color: #f0f0f0; background: transparent; font-family: 'Golos Text', sans-serif; font-size: 12px; font-weight: 600; cursor: pointer; transition: background .2s ease, border-color .2s ease; }
.account-trigger:hover, .account-trigger[aria-expanded="true"] { background: #310913; border-color: #a86978; }
.account-trigger span { color: #c18c98; font-size: 17px; line-height: 1; }
.role-popover { position: absolute; top: calc(100% + 13px); right: 0; width: 252px; padding: 12px; border: 1px solid #55545a; background: #24272b; box-shadow: 0 14px 38px rgba(0,0,0,.3); }
.role-popover[hidden] { display: none; }
.role-popover__label { margin: 4px 9px 8px; color: #bd7b89; font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.role-popover a { display: block; padding: 12px 10px; border-top: 1px solid #47484b; transition: background .2s ease; }
.role-popover a:hover, .role-popover a:focus-visible { background: #34353a; }
.role-popover strong { display: block; font-family: 'Golos Text', sans-serif; font-size: 17px; line-height: 1.2; }
.role-popover a span { display: flex; justify-content: space-between; margin-top: 4px; color: #bfc2c5; font-size: 12px; }
.role-popover b { color: #bd7b89; font-weight: 400; }
@media (max-width: 780px) {
  .site-header .account-entry { order: 2; margin-left: auto; margin-right: 18px; }
  .site-header .menu-toggle { order: 3; }
  .site-header .main-nav { order: 4; }
  .account-trigger { min-height: 32px; padding: 5px 8px; gap: 6px; font-size: 11px; }
  .role-popover { width: min(252px, calc(100vw - 40px)); }
}