/* Foundation: Team accounts and account administration dialogs. */
.users-foundation.wz-system {
  --wz-text-xs: max(12px, .75rem); --wz-text-sm: max(13px, .8125rem);
  --wz-text-md: max(14px, .875rem); --wz-text-lg: max(16px, 1rem);
  --surface: var(--wz-surface); --surface-2: var(--wz-surface-subtle); --surface-sunken: var(--wz-surface-hover);
  --text: var(--wz-text); --text-muted: var(--wz-text-secondary); --text-faint: var(--wz-text-muted);
  --border: var(--wz-border); --border-strong: var(--wz-border-control);
  --brand: var(--wz-accent); --brand-strong: var(--wz-accent-hover); --brand-soft: var(--wz-accent-soft); --brand-contrast: var(--wz-on-accent);
  --danger: var(--wz-danger); --danger-soft: var(--wz-danger-soft); --success: var(--wz-success); --warning: var(--wz-warning); --warning-soft: var(--wz-warning-soft);
  --s-won: var(--wz-success); --s-lost: var(--wz-danger);
  --radius-sm: var(--wz-radius-md); --radius: var(--wz-radius-lg); --radius-lg: var(--wz-radius-xl);
  --fs-2xs: var(--wz-text-xs); --fs-xs: var(--wz-text-sm); --fs-sm: var(--wz-text-md); --fs-md: var(--wz-text-lg); --fs-lg: var(--wz-text-xl);
  font-size: var(--wz-text-md); line-height: var(--wz-leading-body);
}
.main.users-foundation { background: var(--wz-bg); }
.users-foundation.app-header { background: var(--wz-surface); border-bottom: 1px solid var(--wz-border); }
.users-foundation.app-header h1 { font-size: var(--wz-text-xl); font-weight: var(--wz-weight-semibold); }
.users-foundation :is(button, a, [tabindex]):focus-visible { outline: 2px solid var(--wz-focus); outline-offset: 2px; }
.users-foundation .btn { min-height: 40px; border-radius: var(--wz-radius-md); font-size: var(--wz-text-md); font-weight: var(--wz-weight-medium); box-shadow: none; }
.users-foundation .btn--sm { min-height: 32px; }
.users-foundation .pill { border-radius: var(--wz-radius-sm); font-size: var(--wz-text-xs); font-weight: var(--wz-weight-medium); letter-spacing: 0; }
.users-foundation .ua-overview { display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; padding:6px 0 20px; color:var(--wz-text-secondary); font-size:var(--wz-text-sm); }
.users-foundation .ua-overview > span { display:flex; align-items:center; gap:8px; }
.users-foundation .ua-overview b { color:var(--wz-text); font-size:var(--wz-text-lg); font-weight:600; }
.users-foundation .ua-dot { width:7px; height:7px; border-radius:50%; background:var(--wz-success); }
.users-foundation .ua-directory { background:var(--wz-surface); border:1px solid var(--wz-border); border-radius:var(--wz-radius-lg); overflow:hidden; }
.users-foundation .ua-toolbar { display:flex; align-items:center; gap:10px; padding:16px; }
.users-foundation .ua-search { display:flex; align-items:center; gap:8px; flex:1; min-width:180px; background:var(--wz-surface-subtle); border:1px solid var(--wz-border); border-radius:var(--wz-radius-md); padding:0 10px; color:var(--wz-text-muted); }
.users-foundation .ua-search input { border:0; outline:0; width:100%; min-width:0; min-height:38px; font-size:16px; color:var(--wz-text); background:transparent; }
.users-foundation .ua-search:focus-within { outline:2px solid var(--wz-focus); outline-offset:2px; }
.users-foundation :is(.input,.select) { min-height:40px; border:1px solid var(--wz-border-control); background:var(--wz-surface); color:var(--wz-text); border-radius:var(--wz-radius-md); font-size:16px; }
.users-foundation .ua-toolbar .select { width:180px; font-size:var(--wz-text-md); min-height:38px; }
.users-foundation .ua-tabs { display:flex; align-items:center; gap:6px; border-bottom:1px solid var(--wz-border); padding:0 16px; }
.users-foundation .ua-tabs > button { display:flex; align-items:center; gap:7px; padding:10px 8px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--wz-text-secondary); font:inherit; cursor:pointer; }
.users-foundation .ua-tabs > button[aria-pressed=true] { color:var(--wz-accent); border-bottom-color:var(--wz-accent); }
.users-foundation .ua-tabs button span { border-radius:4px; padding:1px 5px; background:var(--wz-surface-hover); font-size:var(--wz-text-xs); }
.users-foundation .ua-tabs > span { margin-left:auto; color:var(--wz-text-muted); font-size:var(--wz-text-xs); }
.users-foundation :is(.ua-table-head,.ua-person) { display:grid; grid-template-columns:minmax(230px,2fr) minmax(130px,1fr) 100px 110px 90px 22px; align-items:center; gap:16px; padding:6px 20px; }
.users-foundation .ua-table-head { background:var(--wz-surface-subtle); color:var(--wz-text-muted); font-size:var(--wz-text-xs); }
.users-foundation .ua-person { width:100%; border:0; border-top:1px solid var(--wz-border); background:transparent; color:var(--wz-text); font:inherit; text-align:left; cursor:pointer; }
.users-foundation .ua-person:hover { background:var(--wz-surface-hover); }
.users-foundation .ua-person-identity { display:flex; align-items:center; gap:12px; min-width:0; }
.users-foundation .ua-person-identity > span { min-width:0; }
.users-foundation .ua-person-identity .avatar { width:34px; height:34px; flex-shrink:0; }
.users-foundation .ua-person-identity b { display:flex; gap:8px; align-items:center; font-weight:500; overflow-wrap:anywhere; }
.users-foundation .ua-person-identity small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--wz-text-muted); font-size:var(--wz-text-xs); margin-top:1px; }
.users-foundation .ua-person-identity .ua-you { display:inline; color:var(--wz-accent); margin:0; }
.users-foundation .ua-person-role { display:grid; gap:1px; min-width:0; }
.users-foundation .ua-person-role b { font-weight:400; overflow-wrap:anywhere; }
.users-foundation .ua-person-role small { color:var(--wz-text-muted); font-size:var(--wz-text-xs); }
.users-foundation :is(.ua-person-leads,.ua-person-target) { font-size:var(--wz-text-sm); }
.users-foundation .ua-access { display:inline-flex; align-items:center; gap:6px; width:max-content; font-size:var(--wz-text-xs); border-radius:var(--wz-radius-sm); padding:4px 7px; }
.users-foundation .ua-access i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.users-foundation .ua-access.is-active { background:var(--wz-success-soft); color:var(--wz-success); }
.users-foundation .ua-access.is-disabled { background:var(--wz-surface-hover); color:var(--wz-text-secondary); }
.users-foundation .ua-edit { color:var(--wz-text-muted); }
.users-foundation .ua-mobile-label { display:none; }
.users-foundation .ua-footer { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:12px 16px; border-top:1px solid var(--wz-border); font-size:var(--wz-text-xs); color:var(--wz-text-muted); }
.users-foundation .ua-footer > div { display:flex; gap:4px; }
.users-foundation .ua-empty { padding:48px 20px; display:grid; justify-items:center; gap:10px; color:var(--wz-text-muted); text-align:center; }
.users-foundation .ua-empty h3 { margin:0; color:var(--wz-text); font-size:var(--wz-text-lg); }
.users-foundation .ua-empty p { margin:0; }
.users-dialog :is(.sheet,.drawer) { background:var(--wz-surface); color:var(--wz-text); }
.users-dialog .sheet { max-width:720px; border-radius:var(--wz-radius-xl); }
.users-dialog .sheet__title { font-size:var(--wz-text-xl); }
.users-dialog .ua-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.users-dialog .ua-form-grid .field { min-width:0; margin:0; }
.users-dialog .field > label { font-size:var(--wz-text-sm); font-weight:500; }
.users-dialog .help { font-size:var(--wz-text-xs); color:var(--wz-text-muted); line-height:1.5; }
.users-dialog .ua-photo { grid-column:1/-1; padding-bottom:16px; border-bottom:1px solid var(--wz-border); }
.users-dialog .ua-form-actions { display:flex; gap:10px; justify-content:flex-end; padding-top:18px; margin-top:20px; border-top:1px solid var(--wz-border); }
.users-dialog .ua-toggle { margin-right:auto; color:var(--wz-danger); }
.users-dialog .rolecard { border:1px solid var(--wz-border); border-radius:var(--wz-radius-md); background:var(--wz-surface); }
.users-dialog .rolecard__head { padding:14px 16px; }
.users-dialog .rolecard__body { padding:16px; border-top:1px solid var(--wz-border); }
.users-dialog .rolecard__group { text-transform:none; letter-spacing:0; font-size:var(--wz-text-md); }
.users-dialog .permrow { padding:12px; background:var(--wz-surface-subtle); border-radius:var(--wz-radius-md); }
.users-dialog .permbtn { min-height:32px; font-size:var(--wz-text-xs); border-radius:var(--wz-radius-sm); }
.users-dialog .section-title { text-transform:none; letter-spacing:0; font-size:var(--wz-text-md); }
@media(max-width:1150px) {
  .users-foundation :is(.ua-table-head,.ua-person) { grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) 75px 90px 80px 18px; gap:10px; padding-inline:14px; }
}
@media(max-width:899px) {
  .users-foundation .ua-toolbar { flex-wrap:wrap; padding:12px; }
  .users-foundation .ua-search { flex-basis:100%; }
  .users-foundation .ua-toolbar .select { flex:1; min-width:0; width:auto; font-size:16px; }
  .users-foundation .ua-table-head { display:none; }
  .users-foundation .ua-tabs { padding:0 8px; gap:2px; flex-wrap:wrap; }
  .users-foundation .ua-tabs > span { display:none; }
  .users-foundation .ua-tabs > button { font-size:var(--wz-text-sm); }
  .users-foundation .ua-person { grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:16px; }
  .users-foundation .ua-person-identity { grid-column:1; grid-row:1; }
  .users-foundation .ua-access { grid-column:2; grid-row:1; }
  .users-foundation .ua-person-role { grid-column:1/-1; display:flex; gap:8px; align-items:center; }
  .users-foundation .ua-person-leads { grid-column:1; }
  .users-foundation .ua-person-target { grid-column:2; text-align:right; }
  .users-foundation .ua-mobile-label { display:inline; color:var(--wz-text-muted); margin-right:6px; }
  .users-foundation .ua-edit { display:none; }
}
@media(max-width:599px) {
  .users-foundation .ua-overview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding-bottom:16px; }
  .users-dialog .ua-form-grid { grid-template-columns:minmax(0,1fr); }
  .users-dialog .ua-form-actions { flex-wrap:wrap; }
  .users-dialog .ua-toggle { width:100%; margin:0; }
  .users-dialog .permrow { flex-wrap:wrap; gap:10px; }
  .users-dialog .permrow__pick { width:100%; }
}
@media(max-width:599px) {
  .users-dialog .rolecard__head { flex-wrap:wrap; gap:10px; }
  .users-dialog .rolecard__who { flex-basis:100%; }
  .users-dialog .rolecard__tags { margin-left:0; }
}
.users-foundation .ua-mobile-actions { display:none; }
@media(max-width:899px) {
  .users-foundation .ua-mobile-actions { display:flex; justify-content:space-between; gap:10px; margin-bottom:14px; }
}