/* Page layout only; shared cards, menus, forms and states live in app.css. */
.users-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24.375rem);
  gap: var(--space-12);
  align-items: start;
  margin-top: var(--space-8);
}
.users-content, .users-journey, .person-card header > div { min-width: 0; }
.users-journey .diagram { margin-top: var(--space-4); }
.person-card h3, #dialog-person, .person-invitation { overflow-wrap: anywhere; }
.person-invitation { margin-top: var(--space-6); }
.person-invitation textarea { min-height: 10rem; }
.person-actions { align-items: start; }
#users-list, #users-empty { margin-top: var(--space-4); }
#account-dialog .actions { margin-top: var(--space-6); }
@media (max-width: 1000px) {
  .users-layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .users-journey { max-width: 24.375rem; }
}