.account-header {
  position: sticky;
  z-index: 80;
  top: 0;
  border-bottom-color: rgba(255, 255, 255, .16);
  background: rgba(45, 13, 21, .97);
  color: #fff;
  box-shadow: 0 8px 32px rgba(50, 29, 28, .14);
}

.account-session-email {
  max-width: 220px;
  overflow: hidden;
  color: rgba(255, 255, 255, .8);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-logout { flex: 0 0 auto; }
.account-identity { background: #321018; color: #fff; }
.account-identity span,
.account-identity small { color: rgba(255, 255, 255, .72); }
.account-identity strong { color: #fff; overflow-wrap: anywhere; }

@media (max-width: 600px) {
  .account-header { min-height: 68px; padding: 0 13px; gap: 8px; }
  .account-header .account-brand > span:last-child { display: none; }
  .account-nav { min-width: 0; gap: 6px; }
  .account-nav > a { display: none !important; }
  .account-session-email { max-width: clamp(92px, 34vw, 150px); font-size: 9px; }
  .account-nav button { min-height: 40px; padding-inline: 11px; }
}