.account-page { width: min(760px, calc(100% - 32px)); margin: 36px auto; }
.account-page [hidden] { display: none !important; }
.account-page.account-auth { max-width: 440px; }
.account-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; }
.account-stack, .account-form { display: grid; gap: 16px; }
.account-section { padding: 20px; display: grid; gap: 16px; }
.account-section h2, .account-section p { margin: 0; }
.account-field { display: grid; gap: 6px; }
.account-form, .account-field, .account-section { min-width: 0; }
.account-field input, .account-field select { min-width: 0; width: 100%; max-width: 100%; box-sizing: border-box; }
.account-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.account-member { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; }
.account-member > div { overflow-wrap: anywhere; }
.account-grants { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 12px; }
.account-assignment { display: grid; grid-template-columns: minmax(0,1fr) minmax(100px,160px); gap: 12px; align-items: center; }
.account-assignment .account-grants { grid-column: 1 / -1; }
.account-dialog { width: min(700px, calc(100% - 24px)); max-height: 90dvh; overflow: auto; }
.account-dialog .account-form { padding: 16px; }
.account-org-select { max-width: 200px; }
@media (max-width: 520px) {
  .account-page { margin-top: 20px; }
  .account-section { padding: 16px; }
  .account-member { grid-template-columns: 1fr; }
  .account-org-select { max-width: 135px; }
}
#prozrabAppShell .account-brand { display: none; }