.account-group-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
.account-group-toolbar select { flex: 0 1 280px; min-width: 180px; max-width: 100%; }
.account-group-toolbar .button { flex: 0 0 auto; white-space: nowrap; }
.account-group-toolbar .muted { margin-left: auto; }
.accounts-table { min-width: 1120px; }
.account-group-column { width: 140px; min-width: 100px; max-width: 160px; }
.account-group-cell { display: block; width: 100%; max-width: 150px; padding: 4px 0; border: 0; background: transparent; color: var(--muted); font: inherit; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.account-group-cell:hover, .account-group-cell:focus-visible { color: #77c4ff; text-decoration: underline; }
.account-group-modal { width: min(440px, 100%); }
.account-group-modal [hidden] { display: none !important; }
.account-group-modal input, .account-group-modal select { width: 100%; min-width: 0; }
.account-group-error { margin: 0; color: #ff9a91; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .account-group-toolbar select { flex-basis: 100%; }
  .account-group-toolbar .muted { flex-basis: 100%; margin-left: 0; }
}