/* SOLO MODO OSCURO: arreglos de badges/pills de Equipo.
   En modo claro no toca nada. */

html.dark .team-card .pill,
html.dark .team-card .meta-pill,
html.dark .team-card .badge,
html.dark .team-card .chip,
html.dark .employee-pill,
html.dark .employee-badge,
html.dark .employee-stat-pill,
html.dark .employee-month-pill,
html.dark .employee-month-badge,
html.dark .team-pill,
body.dark .team-card .pill,
body.dark .team-card .meta-pill,
body.dark .team-card .badge,
body.dark .team-card .chip,
body.dark .employee-pill,
body.dark .employee-badge,
body.dark .employee-stat-pill,
body.dark .employee-month-pill,
body.dark .employee-month-badge,
body.dark .team-pill,
.dark .team-card .pill,
.dark .team-card .meta-pill,
.dark .team-card .badge,
.dark .team-card .chip,
.dark .employee-pill,
.dark .employee-badge,
.dark .employee-stat-pill,
.dark .employee-month-pill,
.dark .employee-month-badge,
.dark .team-pill,
[data-theme="dark"] .team-card .pill,
[data-theme="dark"] .team-card .meta-pill,
[data-theme="dark"] .team-card .badge,
[data-theme="dark"] .team-card .chip,
[data-theme="dark"] .employee-pill,
[data-theme="dark"] .employee-badge,
[data-theme="dark"] .employee-stat-pill,
[data-theme="dark"] .employee-month-pill,
[data-theme="dark"] .employee-month-badge,
[data-theme="dark"] .team-pill {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(130,223,163,.28);
  background:rgba(8,32,20,.92);
  color:#ecf8f0;
  font-weight:850;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  backdrop-filter:blur(8px);
}

html.dark .team-card .pill span:last-child,
html.dark .team-card .meta-pill span:last-child,
html.dark .team-card .badge span:last-child,
html.dark .team-card .chip span:last-child,
html.dark .employee-pill span:last-child,
html.dark .employee-badge span:last-child,
html.dark .employee-stat-pill span:last-child,
html.dark .employee-month-pill span:last-child,
html.dark .employee-month-badge span:last-child,
html.dark .team-pill span:last-child,
body.dark .team-card .pill span:last-child,
body.dark .team-card .meta-pill span:last-child,
body.dark .team-card .badge span:last-child,
body.dark .team-card .chip span:last-child,
body.dark .employee-pill span:last-child,
body.dark .employee-badge span:last-child,
body.dark .employee-stat-pill span:last-child,
body.dark .employee-month-pill span:last-child,
body.dark .employee-month-badge span:last-child,
body.dark .team-pill span:last-child,
.dark .team-card .pill span:last-child,
.dark .team-card .meta-pill span:last-child,
.dark .team-card .badge span:last-child,
.dark .team-card .chip span:last-child,
.dark .employee-pill span:last-child,
.dark .employee-badge span:last-child,
.dark .employee-stat-pill span:last-child,
.dark .employee-month-pill span:last-child,
.dark .employee-month-badge span:last-child,
.dark .team-pill span:last-child,
[data-theme="dark"] .team-card .pill span:last-child,
[data-theme="dark"] .team-card .meta-pill span:last-child,
[data-theme="dark"] .team-card .badge span:last-child,
[data-theme="dark"] .team-card .chip span:last-child,
[data-theme="dark"] .employee-pill span:last-child,
[data-theme="dark"] .employee-badge span:last-child,
[data-theme="dark"] .employee-stat-pill span:last-child,
[data-theme="dark"] .employee-month-pill span:last-child,
[data-theme="dark"] .employee-month-badge span:last-child,
[data-theme="dark"] .team-pill span:last-child {
  min-width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:linear-gradient(135deg, #82dfa3, #4abb75);
  color:#102c1d;
  font-weight:950;
  padding:0 8px;
}