/* ================= TEAM CONFIGURATION — styling for JS/features/team-config.js =================
   Borrows the Organization owners row's geometry (`#orgPaneBody .org-owner-row`,
   alt-org-settings.css:208) rather than inventing a second people-list pattern, so two lists of
   people in one dialog read as one product. Scoped to #teamConfigHost — these are
   generic-sounding names (`admin-row`, `admin-name`) and a loose rule would reach markup this
   file does not own. */

.alt-app #teamConfigHost .team-cfg-admin-row{
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 0;
  border-bottom:1px solid var(--stg-line);
}
/* The last row sits on the card's own edge; a hairline there reads as a second border. */
.alt-app #teamConfigHost .team-cfg-admin-row:last-of-type{ border-bottom:0; }

/* The avatar is decorative and `aria-hidden` at the render site — it repeats the name beside it,
   so a screen reader would say every person twice. `.a-av.lg` (not a hand-built circle) keeps
   contrast at `--a-blue-fill` (4.518:1) rather than white-on-accent failing AA. */

/* The name takes the remaining width and truncates rather than wrapping, so a long name cannot
   push the role chip off the row. `min-width:0` is what lets a flex item shrink below its
   content — without it `text-overflow` never fires. */
.alt-app #teamConfigHost .team-cfg-admin-name{
  flex:1 1 auto;
  min-width:0;
  font-size:13px;
  font-weight:600;
  color:var(--text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* The role chip keeps its own size and never shrinks — a truncated name is less bad than a
   truncated role, because the name has a face beside it and the role has nothing. */
.alt-app #teamConfigHost .team-cfg-admin-row .a-chip{ flex:0 0 auto; }