/* ─── DealerDMS — Team (Members + Roles) + Dealerships ────────────────────────
   Small module-scoped styles layered on top of admin.css (.card/.grid/.form-grid/
   .fld), app.css (.btn/.badge/.placeholder) and portal.css (.crm-modal*). Only the
   bits those don't already provide live here. */

.team-toolbar { display: flex; align-items: center; gap: 12px; margin: 4px 0 14px; }
.team-toolbar .result-count { color: var(--muted, #6b7885); font-size: 13px; }
.team-toolbar .btn-primary { margin-left: auto; }

/* Status pills (Active / Pending) — distinct from the neutral .badge. */
.team-badge { display: inline-block; border-radius: 20px; padding: 3px 10px; font-size: 11px; font-weight: 700; }
.team-badge.active  { background: var(--accent-soft, #e7f5ee); color: var(--good, #2f9e63); }
.team-badge.pending { background: var(--danger-bg, #fdf3e2); color: var(--accent, #e08a1e); }

/* Inline checkbox rows (owner flag + permission slugs). */
.team-check { display: flex; align-items: center; gap: 9px; font-size: 14px; color: var(--text, #1b232e); cursor: pointer; }
.team-check input[type=checkbox] { width: 16px; height: 16px; flex: none; accent-color: var(--primary, #2f6fb0); cursor: pointer; }
.team-check code { font-size: 11px; background: var(--surface-2, #eaeef3); padding: 1px 5px; border-radius: 4px; }

/* Permission checklist, grouped by object. */
.team-perm-list { display: flex; flex-direction: column; gap: 12px; }
.team-perm-group { border: 1px solid var(--border, #e0e5ec); border-radius: 8px; padding: 10px 12px; }
.team-perm-group-h { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
  color: var(--muted, #6b7885); margin-bottom: 8px; }
.team-perm-group .team-check { margin: 6px 0; }

/* Give the members/roles table a touch of breathing room for the Owner column. */
#team-body table.grid td b { color: var(--text, #1b232e); }