/* ============================================================
   Team
   ============================================================ */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:1rem}
.stat{background:#fff;padding:1.15rem 1.25rem;border:1px solid var(--gray-200);border-radius:var(--r-lg);display:grid;gap:.45rem}
.stat__n{font-family:var(--ff-display);font-weight:700;font-size:2rem;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.stat__l{font-family:var(--ff-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--gray-600)}
.stat .meter{margin-top:.2rem}
.member-name{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}
.tabs{display:flex;gap:.25rem;box-shadow:inset 0 -1px var(--gray-200);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:.7rem 1rem;font-weight:600;font-size:.95rem;color:var(--gray-600);border-bottom:2px solid transparent;white-space:nowrap}
.tabs a:hover{color:var(--ink);text-decoration:none}
.tabs a[aria-current]{color:var(--ink);border-bottom-color:var(--amber)}
.filter-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.75rem;align-items:end}
.filter-form .field input{min-height:44px}
@media (max-width:760px){.filter-form{grid-template-columns:1fr}}
.status{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
.status--off{color:var(--gray-600)}
.status--off::before{background:var(--gray-300)}
.pager{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap}
.pager a,.pager span{min-width:40px;min-height:40px;display:grid;place-items:center;padding:0 .6rem;border-radius:999px;font-family:var(--ff-mono);font-size:.85rem;color:var(--ink);border:1px solid var(--gray-200);background:#fff}
.pager [aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager a:hover{border-color:var(--ink);text-decoration:none}
.stat__n--blue{color:var(--blue-700)}
.stat__n--ok{color:var(--ok)}
.stat__n--small{font-size:1.35rem;line-height:1.3}
.seats{display:grid;gap:.5rem;max-width:420px}
.seats__txt{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.report-link,.danger-zone,.invite-card,.team-card,.member-card{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}
.report-link>div,.danger-zone>div,.invite-card>div,.member-card>div{display:grid;gap:.35rem;max-width:60ch}
.team-card>div{display:grid;gap:.15rem;min-width:0}
.team-card__email{overflow-wrap:anywhere}
.danger-zone{border-color:var(--red-border)}
.btn--danger{background:#fff;color:var(--red);border-color:var(--red-border)}
.btn--danger:hover{background:var(--red);color:#fff;border-color:var(--red)}
.btn--danger-solid{background:var(--red);color:#fff;border-color:var(--red)}
.btn--danger-solid:hover{background:#9c1724;border-color:#9c1724}
.report-filters{display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:end}
.report-filters .form-actions{grid-column:1/-1;padding-top:0}
.team-code{display:grid;gap:.75rem}
.team-code>div{display:grid;gap:.35rem}
.team-code__code,.team-code__link{font-family:var(--ff-mono);font-size:1.05rem;font-weight:600;background:var(--amber-50);color:var(--amber-700);
  border:1px solid var(--amber-border);border-radius:var(--r);padding:.6rem .9rem;justify-self:start;overflow-wrap:anywhere;user-select:all}
.team-code__link{font-size:.9rem;font-weight:500;color:var(--blue-700);background:var(--blue-50);border-color:var(--blue-border)}
/* invite people: the join link first, with its QR code */
.join-link{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:1rem;border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.join-link__main{display:grid;gap:.75rem;justify-items:start;min-width:0}
.join-link__main h2{font-size:1.35rem}
.join-link__main .muted{max-width:60ch}
.join-link__qr{display:grid;gap:.5rem;justify-items:center;text-align:center;max-width:200px}
.join-link__qr .qr{width:170px;height:170px;background:#fff;padding:6px;border:1px solid var(--gray-200);border-radius:var(--r)}
.join-link__qr p{font-size:.82rem;color:var(--gray-600)}
.copy-field{display:flex;gap:.5rem;width:100%;max-width:620px}
.copy-field input{flex:1;min-width:0;min-height:48px;padding:.6rem .9rem;font-family:var(--ff-mono);font-size:.9rem;border:1px solid var(--gray-300);border-radius:var(--r);background:var(--blue-50);color:var(--blue-700)}
.copy-field .btn{flex:none}
@media (max-width:640px){
  .join-link{grid-template-columns:minmax(0,1fr)}
  .join-link__qr{justify-self:center}
  .copy-field{flex-direction:column}
}
.card.invite{margin-bottom:1rem}
.team-code__fine{font-size:.85rem}
.invite-methods{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
.invite{display:grid;gap:.85rem;position:relative;padding-top:1.25rem}
.invite h2{font-size:1.15rem;padding-right:2.5rem}
.invite__n{position:absolute;top:1.15rem;right:1.25rem;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;
  background:var(--amber-100);color:var(--amber-700);font-family:var(--ff-mono);font-weight:600;font-size:.8rem}
.invite:first-child{grid-row:span 2}
.mini__badge--plain{background:var(--gray-100);color:var(--gray-600)}
.invite-card{margin-bottom:1rem}
.member-cards{display:grid;gap:1rem}
.member-cards>.invite-card{margin-bottom:0}
.member-card h2{display:flex;align-items:center;gap:.5rem}