/* Peniel — Lista de Pessoas (Configurações) + Assinatura light/dark */

.people-limit-banner {
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(163, 24, 24, 0.35);
  background: rgba(163, 24, 24, 0.12);
  color: #fecaca;
  font-size: 0.875rem;
}

.people-seats-badge {
  margin-left: 0.5rem;
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #a3a3a3;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.people-seats-badge.is-warning {
  color: #fecaca;
  border-color: rgba(163, 24, 24, 0.4);
  background: rgba(163, 24, 24, 0.15);
}

.people-panel {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 1rem;
  background: rgba(15, 23, 42, 0.35);
  overflow: hidden;
}

.people-list-head {
  display: none;
  grid-template-columns: minmax(0, 1.6fr) 7.5rem minmax(0, 1.2fr) 5.5rem;
  gap: 0.75rem;
  padding: 0.65rem 1.1rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8b919c;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(0, 0, 0, 0.18);
}

@media (min-width: 900px) {
  .people-list-head {
    display: grid;
  }
}

.people-list {
  display: flex;
  flex-direction: column;
}

.people-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  padding: 0.95rem 1.1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  transition: background 0.15s ease;
}

.people-row:last-child {
  border-bottom: none;
}

.people-row:hover {
  background: rgba(255, 255, 255, 0.03);
}

@media (min-width: 900px) {
  .people-row {
    grid-template-columns: minmax(0, 1.6fr) 7.5rem minmax(0, 1.2fr) 5.5rem;
    align-items: center;
    gap: 0.75rem;
  }
}

.people-row__person {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.people-row__avatar {
  flex-shrink: 0;
}

.people-row__identity {
  min-width: 0;
}

.people-row__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #f4f4f5;
  line-height: 1.3;
}

.people-row__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.2rem;
  font-size: 0.8rem;
  color: #9ca3af;
}

.people-row__dot {
  opacity: 0.5;
}

.people-wa {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: #86efac;
  text-decoration: none;
}

.people-wa:hover {
  color: #bbf7d0;
}

.people-meta__muted {
  color: #9ca3af;
}

.people-row__role {
  display: flex;
  align-items: center;
}

.people-role {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border: 1px solid transparent;
}

.people-role.is-admin {
  color: #fecaca;
  background: rgba(163, 24, 24, 0.15);
  border-color: rgba(163, 24, 24, 0.35);
}

.people-role.is-lead {
  color: #fdba74;
  background: rgba(180, 83, 9, 0.14);
  border-color: rgba(180, 83, 9, 0.35);
}

.people-role.is-member {
  color: #cbd5e1;
  background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.22);
}

.people-row__mins .banco-tags {
  max-width: 100%;
}

.people-row__actions {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  justify-content: flex-start;
}

@media (min-width: 900px) {
  .people-row__actions {
    justify-content: flex-end;
  }
}

.people-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.people-pill--pending {
  color: #fde68a;
  background: rgba(202, 138, 4, 0.18);
  border: 1px solid rgba(202, 138, 4, 0.35);
}

.banco-tag--more {
  color: #cbd5e1;
  border-style: dashed;
}

/* —— Light mode (html.theme-light) —— */
html.theme-light .people-panel,
html.theme-light .config-surface {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html.theme-light .config-surface__title,
html.theme-light .config-toolbar__title {
  color: #0f172a;
}

html.theme-light .config-surface__hint,
html.theme-light .config-lead {
  color: #64748b;
}

html.theme-light .people-list-head {
  background: #f8fafc;
  color: #64748b;
  border-bottom-color: rgba(15, 23, 42, 0.08);
}

html.theme-light .people-row {
  border-bottom-color: rgba(15, 23, 42, 0.07);
}

html.theme-light .people-row:hover {
  background: #f8fafc;
}

html.theme-light .people-row__name {
  color: #0f172a;
}

html.theme-light .people-row__meta,
html.theme-light .people-meta__muted {
  color: #64748b;
}

html.theme-light .people-wa {
  color: #15803d;
}

html.theme-light .people-wa:hover {
  color: #166534;
}

html.theme-light .people-role.is-member {
  color: #475569;
  background: #f1f5f9;
  border-color: #e2e8f0;
}

html.theme-light .people-role.is-lead {
  color: #9a3412;
  background: #fff7ed;
  border-color: #fed7aa;
}

html.theme-light .people-role.is-admin {
  color: #9b1b1b;
  background: #fef2f2;
  border-color: #fecaca;
}

html.theme-light .banco-tag {
  color: #475569;
  border-color: #e2e8f0;
  background: #f8fafc;
}

html.theme-light .banco-tag--lider {
  color: #9b1b1b;
  border-color: #fecaca;
  background: #fef2f2;
}

html.theme-light .banco-tag--vice {
  color: #9a3412;
  border-color: #fed7aa;
  background: #fff7ed;
}

html.theme-light .banco-tag--membro {
  color: #475569;
  border-color: #e2e8f0;
  background: #f8fafc;
}

html.theme-light .banco-tag--more {
  color: #64748b;
}

html.theme-light .banco-table {
  background: transparent;
}

html.theme-light .banco-table thead th {
  background: #f8fafc !important;
  color: #64748b !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

html.theme-light .banco-table tbody td {
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.07) !important;
  background: #ffffff;
}

html.theme-light .banco-table tbody tr:hover td {
  background: #f8fafc;
}

html.theme-light .banco-table .text-white,
html.theme-light .config-panel .text-white {
  color: #0f172a !important;
}

html.theme-light .people-limit-banner {
  color: #9b1b1b;
  background: #fef2f2;
  border-color: #fecaca;
}

html.theme-light .people-seats-badge {
  color: #64748b;
  background: #f1f5f9;
  border-color: #e2e8f0;
}

html.theme-light .people-seats-badge.is-warning {
  color: #9b1b1b;
  background: #fef2f2;
  border-color: #fecaca;
}

html.theme-light .billing-plan-name {
  color: #0f172a !important;
}


/* Assinatura loading */
.billing-loading {
  padding: 1.5rem 0.25rem;
  color: #94a3b8;
  font-size: 0.9rem;
}

html.theme-light .billing-loading {
  color: #64748b;
}

/* WhatsApp suporte (Growth / Scale — só ADMIN) */
.billing-support-wa {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  text-decoration: none;
}

.billing-support-wa .fa-whatsapp {
  color: #25d366;
  font-size: 1.05em;
}

.billing-support-fab {
  position: fixed;
  right: 1.1rem;
  bottom: 1.1rem;
  z-index: 60;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.72rem 1rem;
  border-radius: 999px;
  background: #128c7e;
  background: linear-gradient(145deg, #25d366, #128c7e);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(18, 140, 126, 0.35);
  transition: transform 0.2s ease, filter 0.2s ease;
}

.billing-support-fab:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  color: #fff;
}

.billing-support-fab[hidden] {
  display: none !important;
}

.billing-support-fab .fa-whatsapp {
  font-size: 1.2rem;
}

html.theme-light .billing-support-fab {
  box-shadow: 0 10px 24px rgba(18, 140, 126, 0.28);
}

/* ========== Configurações — light mode (todas as abas) ========== */

html.theme-light #admin-configuracoes-view .peniel-section-title,
html.theme-light #admin-configuracoes-view .peniel-label,
html.theme-light #admin-configuracoes-view .peniel-page-header h2 {
  color: #0f172a !important;
}

html.theme-light #admin-configuracoes-view .peniel-page-header .text-peniel-muted,
html.theme-light #admin-configuracoes-view .config-lead,
html.theme-light #admin-configuracoes-view .text-peniel-muted {
  color: #64748b !important;
}

html.theme-light .config-tabs {
  border-color: rgba(15, 23, 42, 0.1) !important;
}

html.theme-light .config-tabs .config-tab {
  color: #64748b;
}

html.theme-light .config-tabs .config-tab:hover,
html.theme-light .config-tabs .config-tab:focus-visible {
  color: #0f172a;
  background: rgba(15, 23, 42, 0.04);
}

html.theme-light .config-tabs .config-tab.is-active {
  color: #9b1b1b;
  border-color: rgba(155, 27, 27, 0.35);
  background: rgba(155, 27, 27, 0.08);
}

html.theme-light .config-toolbar__title,
html.theme-light .config-surface__title,
html.theme-light .config-min-card__title,
html.theme-light .config-identity-title {
  color: #0f172a !important;
}

html.theme-light .config-surface,
html.theme-light .config-min-card,
html.theme-light .config-identity-grid,
html.theme-light .config-identity-card {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html.theme-light .config-surface__hint,
html.theme-light .config-identity-hint,
html.theme-light .config-identity-meta,
html.theme-light .config-min-card__meta,
html.theme-light .banco-hint {
  color: #64748b !important;
}

html.theme-light .config-min-card {
  background: #ffffff !important;
}

html.theme-light .config-min-card:hover {
  border-color: rgba(155, 27, 27, 0.28) !important;
  background: #fffbfb !important;
}

html.theme-light .config-min-card.is-disabled {
  opacity: 0.72;
  background: #f8fafc !important;
}

html.theme-light .config-min-card__icon {
  background: rgba(155, 27, 27, 0.08) !important;
  color: #9b1b1b !important;
}

html.theme-light .config-icon-picker__btn {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  color: #0f172a !important;
}

html.theme-light .config-icon-picker__btn .pi {
  color: #9b1b1b !important;
}

html.theme-light .config-icon-picker__name {
  color: #64748b !important;
}

html.theme-light .config-icon-picker__btn.is-selected {
  background: rgba(155, 27, 27, 0.08) !important;
  border-color: rgba(155, 27, 27, 0.35) !important;
}

html.theme-light .config-identity-preview {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #64748b !important;
}

html.theme-light .config-identity-preview__empty {
  color: #94a3b8 !important;
}

html.theme-light .config-identity-kbd {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border-color: #e2e8f0 !important;
}

html.theme-light .config-search__icon {
  color: #94a3b8 !important;
}

html.theme-light .config-panel .banco-field label,
html.theme-light #admin-configuracoes-view .banco-field label {
  color: #475569 !important;
}

html.theme-light .config-panel .biblia-input,
html.theme-light #admin-configuracoes-view .biblia-input {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}

html.theme-light .config-panel .biblia-input::placeholder {
  color: #94a3b8 !important;
}

html.theme-light .peniel-empty-state {
  color: #64748b !important;
}

/* Acessos (ACL) */
html.theme-light .admin-acl-lead,
html.theme-light .admin-acl-lead strong,
html.theme-light .admin-acl-lead .text-white\/90 {
  color: #475569 !important;
}

html.theme-light .admin-acl-lead strong {
  color: #0f172a !important;
  font-weight: 650;
}

html.theme-light .admin-acl-card {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html.theme-light .admin-acl-card__head {
  border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

html.theme-light .admin-acl-card__title,
html.theme-light .admin-acl-row__min {
  color: #0f172a !important;
}

html.theme-light .admin-acl-card__hint,
html.theme-light .admin-acl-switch__hint {
  color: #64748b !important;
}

html.theme-light .admin-acl-row {
  border-color: rgba(15, 23, 42, 0.06) !important;
}

html.theme-light .admin-acl-switch {
  color: #334155 !important;
}

html.theme-light .admin-acl-switch__ui {
  background: #e2e8f0 !important;
}

html.theme-light .admin-acl-switch input:checked + .admin-acl-switch__ui {
  background: #9b1b1b !important;
}

/* Assinatura */
html.theme-light #config-panel-assinatura .billing-plan-name,
html.theme-light #billing-assinatura-body .text-lg {
  color: #0f172a !important;
}

html.theme-light #billing-assinatura-msg.text-red-400 {
  color: #b91c1c !important;
}

/* Tags / badges em config */
html.theme-light .config-panel .banco-tag--master,
html.theme-light .banco-tag--master {
  border-color: rgba(161, 98, 7, 0.4) !important;
  color: #92400e !important;
  background: #fef3c7 !important;
}

html.theme-light .config-panel .banco-tag--admin {
  border-color: #fecaca !important;
  color: #9b1b1b !important;
  background: #fef2f2 !important;
}

html.theme-light .config-panel .btn-outline {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
  background: #ffffff !important;
}

html.theme-light .config-panel .btn-outline:hover {
  border-color: rgba(155, 27, 27, 0.4) !important;
  color: #9b1b1b !important;
  background: #fff8f8 !important;
}

html.theme-light .config-panel .btn-ghost {
  color: #475569 !important;
}

/* Super Admin table within config */
html.theme-light #config-panel-super-admin .banco-table tbody td {
  background: #ffffff !important;
}

html.theme-light #config-panel-super-admin .text-red-400 {
  color: #b91c1c !important;
}