.account-control{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
}
.account-label{
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
}
.account-action{
  min-height:var(--control-height);
  padding:var(--space-2) var(--space-3);
  white-space:nowrap;
}
.account-control[data-auth-status="error"] .account-label{color:var(--danger);}
html[dir="rtl"] .account-control{direction:rtl;}
@media (max-width:760px){
  .account-label{display:none;}
  .account-action{padding-inline:var(--space-2);}
}
@media (prefers-reduced-motion:reduce){
  .account-action{transition:none;}
}