/* Ajustes del admin (Unfold) específicos de Invitaciones. */
.invites-kpis {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  margin-bottom: 1.5rem;
}
.invites-kpis--compact { gap: 1rem; }
.invites-dashboard-row {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
}
.invites-stat {
  border: 1px solid var(--color-base-200);
  border-radius: .5rem;
  display: flex;
  flex-direction: column;
  gap: .15rem;
  padding: .9rem 1.1rem;
  background: white;
}
.dark .invites-stat { background: var(--color-base-900); border-color: var(--color-base-800); }
.invites-stat span { font-size: .8rem; opacity: .75; }
.invites-stat strong { font-size: 1.6rem; line-height: 1.2; }
.invites-stat small { font-size: .75rem; opacity: .7; }
.invites-copy {
  align-items: center;
  border: 1px solid var(--color-base-200);
  border-radius: .375rem;
  cursor: pointer;
  display: inline-flex;
  font-size: .75rem;
  gap: .25rem;
  padding: .15rem .5rem;
  white-space: nowrap;
}
.invites-copy .material-symbols-outlined { font-size: 16px; }
.invites-copy.is-copied { border-color: var(--color-primary-500); color: var(--color-primary-600); }
.invites-qr svg { background: white; border-radius: .5rem; height: auto; max-width: 180px; padding: .25rem; }

/* Estado de integraciones */
.invites-integrations { display: grid; gap: 1.25rem; max-width: 960px; }
.invites-status-table { width: 100%; border-collapse: collapse; }
.invites-status-table td { padding: .45rem .5rem; border-bottom: 1px solid rgba(127,127,127,.15); vertical-align: middle; }
.invites-status-icon { width: 2rem; }
