.finance-dashboard-panel .metrics,
.payment-status-grid { align-items: stretch; }

.payment-status-grid article,
.finance-dashboard-panel article { border-color: var(--pc-card-border); }

.payment-provider-section[hidden] { display: none !important; }

/* Evita os cartões acinzentados causados pela mistura com branco no tema escuro. */
:root[data-theme="dark"] .payment-monitor-card,
:root[data-theme="dark"] .diagnostic-card {
  border-color: #334967;
  color: #edf5ff;
  background: linear-gradient(145deg, #17263d, #111d31);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 14px 30px rgba(0, 0, 0, .2);
}

:root[data-theme="dark"] .payment-monitor-card.ok,
:root[data-theme="dark"] .diagnostic-card.ok {
  border-color: rgba(52, 211, 153, .48);
  background: linear-gradient(135deg, rgba(16, 185, 129, .18), #13283a 72%);
}

:root[data-theme="dark"] .payment-monitor-card.warn,
:root[data-theme="dark"] .diagnostic-card.warn {
  border-color: rgba(245, 158, 11, .5);
  background: linear-gradient(135deg, rgba(245, 158, 11, .17), #22263a 72%);
}

:root[data-theme="dark"] .payment-monitor-card.error {
  border-color: rgba(248, 113, 113, .55);
  background: linear-gradient(135deg, rgba(239, 68, 68, .17), #281d2c 72%);
}

:root[data-theme="dark"] .payment-monitor-card span,
:root[data-theme="dark"] .payment-monitor-card small,
:root[data-theme="dark"] .diagnostic-card span,
:root[data-theme="dark"] .diagnostic-card small {
  color: #b8c7da;
}

:root[data-theme="dark"] .payment-monitor-card strong,
:root[data-theme="dark"] .diagnostic-card strong {
  color: #f4f8ff;
}

:root[data-theme="dark"] .payment-monitor-card.active {
  box-shadow: inset 0 0 0 2px rgba(56, 189, 248, .34), 0 16px 36px rgba(0, 0, 0, .25);
}