/* Admin · Users — page-specific only. */

/* Tracks measured against real content: a full name plus email underneath is the only value that
   needs room to grow, so it takes the fr and the rest are fixed at their measured widths.
     Organisations  "Northgate Council" + "+2 more"  ~200px flexible
     Role           "restricted" pill                ~112px
     Status         "No access" pill                 ~104px
     First joined   "6 Aug 2026"                     ~104px */
.us-table { --adm-cols: minmax(240px, 2.4fr) minmax(180px, 1.6fr) 112px 104px 104px; }
.us-mem-table { --adm-cols: minmax(220px, 1fr) 112px 104px; }

.us-person { display: flex; align-items: center; gap: 12px; min-width: 0; }
.us-person-copy { display: flex; flex-direction: column; gap: 2px; }
.us-staff { font-size: 10.5px; padding: 2px 7px; vertical-align: middle; }
.us-more { margin-left: 8px; font-size: 11px; padding: 2px 8px; }
.us-stat-text { font-size: 19px; }
.us-caveat { line-height: 1.6; max-width: 820px; }
.us-empty-inline { display: flex; flex-direction: column; gap: 8px; text-align: left; padding: 22px 2px; line-height: 1.6; }
.us-empty-inline strong { font-family: "Poppins", sans-serif; font-size: 15px; color: var(--adm-ink); }
.us-modal-actions { display: flex; align-items: center; gap: 12px; margin-top: 22px; flex-wrap: wrap; }

/* Detail: stats sit under the chart inside the wide column. */
.us-detail-stats { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

/* Memberships in the rail are a card list, not a table — the rail is too narrow for columns. */
.us-mem-list { display: flex; flex-direction: column; }
.us-mem-row {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 13px 24px; border-bottom: 1px solid var(--adm-line-soft);
}
.us-mem-row:last-child { border-bottom: none; }
.us-mem-copy { display: flex; flex-direction: column; gap: 5px; align-items: flex-start; }
.us-mem-btn { padding: 7px 12px; font-size: 13px; }
.us-mem-empty { padding: 26px 24px; text-align: left; line-height: 1.6; }
.us-access-note { font-size: 13.5px; line-height: 1.6; color: var(--adm-muted); margin: 0 0 8px; }
.us-access-note strong { color: var(--adm-ink); }

/* Activity chart on the person detail. */
.us-chart { height: 230px; }
.us-legend-dash { background: repeating-linear-gradient(90deg, #14795A 0 5px, transparent 5px 9px) !important; }