/* The three balance cards share a row above the six financial indicators. */
#financeMetrics .balance-total.loss-total {
  background: linear-gradient(120deg, #77364d, #a5495c);
  border-color: #934256;
  box-shadow: 0 6px 20px #77364d20;
}
#financeMetrics .loss-total .balance-note,
#financeMetrics .loss-total .balance-badge { color: #ffe0e6; }
#financeMetrics .balance-card.loss-count { border-top: 3px solid #7089ae; }
#financeMetrics .loss-count .balance-icon { background: #edf2fa; color: #5473a2; }
#financeMetrics .balance-card.loss-largest { border-top: 3px solid #d49a56; }
#financeMetrics .loss-largest .balance-icon { background: #fff3e2; color: #ab752f; }
#dashboardView #metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
#dashboardView #metrics .balance-card { grid-column: span 2; }
#dashboardView #metrics .balance-card,
#financeMetrics .balance-card {
  box-sizing: border-box;
  min-width: 0;
  padding: 22px;
  border: 1px solid #dce8ec;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 5px 18px #123b4910;
}
#dashboardView #metrics .balance-total,
#financeMetrics .balance-total {
  background: linear-gradient(120deg, #104958, #117b79);
  border-color: #176871;
  box-shadow: 0 6px 20px #116c7026;
}
#dashboardView #metrics .balance-invoices,
#financeMetrics .balance-invoices { border-top: 3px solid #27a49b; }
#dashboardView #metrics .balance-denials,
#financeMetrics .balance-denials { border-top: 3px solid #8a78cc; }
.balance-heading { display: flex; align-items: center; gap: 9px; min-height: 30px; }
#dashboardView #metrics .balance-heading p,
#financeMetrics .balance-heading p {
  margin: 0;
  color: #405b6c;
  font-size: 12px;
  font-weight: 700;
}
.balance-icon {
  flex: 0 0 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #e7f5f2;
  color: #16877d;
  font-size: 17px;
  font-weight: 700;
}
.balance-denials .balance-icon { color: #7861b8; background: #f1edfa; }
.balance-total .balance-icon { color: #fff; background: #ffffff20; }
.balance-badge {
  margin-left: auto;
  padding: 4px 7px;
  border-radius: 6px;
  color: #d4f7ef;
  background: #ffffff17;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .08em;
}
#dashboardView #metrics .balance-card strong,
#financeMetrics .balance-card strong {
  display: block;
  margin: 17px 0 9px;
  color: #184b59;
  font: 800 clamp(19px, 1.9vw, 29px) Manrope, sans-serif;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
#dashboardView #metrics .balance-card .balance-note,
#financeMetrics .balance-card .balance-note {
  display: block;
  margin: 0;
  color: #718591;
  font-size: 10px;
  font-weight: 400;
  text-transform: none;
}
#dashboardView #metrics .balance-total strong,
#dashboardView #metrics .balance-total p,
#financeMetrics .balance-total strong,
#financeMetrics .balance-total p { color: #fff; }
#dashboardView #metrics .balance-total .balance-note,
#financeMetrics .balance-total .balance-note { color: #c3e4e4; }
#financeMetrics .finance-balance-group {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
}
@media (max-width: 1200px) {
  #dashboardView #metrics .metric-compact { grid-column: span 2; }
}
@media (max-width: 760px) {
  #dashboardView #metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #dashboardView #metrics .balance-card,
  #dashboardView #metrics .metric-compact { grid-column: auto; }
  #dashboardView #metrics .balance-total { grid-column: 1 / -1; }
  #financeMetrics .finance-balance-group { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #financeMetrics .balance-total { grid-column: 1 / -1; }
  #dashboardView #metrics .balance-card,
  #financeMetrics .balance-card { padding: 17px; }
}
@media (max-width: 430px) {
  #dashboardView #metrics,
  #financeMetrics .finance-balance-group { grid-template-columns: minmax(0, 1fr); }
}

#financeMetrics .balance-total.denial-total { background:linear-gradient(120deg,#51416f,#786098);border-color:#6a5286;box-shadow:0 6px 20px #51416f20; }
#financeMetrics .denial-total .balance-note,#financeMetrics .denial-total .balance-badge { color:#eee1ff; }

/* Shared compact sizing for financial and dashboard balance cards. */
#dashboardView #metrics .balance-card,
#financeMetrics .balance-card { padding: 12px 15px; border-radius: 12px; }
#dashboardView #metrics .balance-heading,
#financeMetrics .balance-heading { min-height: 22px; gap: 7px; }
#dashboardView #metrics .balance-heading p,
#financeMetrics .balance-heading p { font-size: 11px; }
#dashboardView #metrics .balance-icon,
#financeMetrics .balance-icon { flex-basis: 22px; height: 22px; font-size: 13px; border-radius: 6px; }
#dashboardView #metrics .balance-card strong,
#financeMetrics .balance-card strong { margin: 8px 0 5px; font-size: 21px; line-height: 1.2; }
#financeMetrics .finance-balance-group { gap: 10px; }

#dashboardView #metrics .balance-card .balance-note,
#financeMetrics .balance-card .balance-note { font-size: 10px; line-height: 1.3; }