/* Mantém os quatro cartões e a grade complementar do painel original. */
.dashboard-summary {
  --summary-border: var(--finance-border);
  --summary-text: var(--finance-text);
  --summary-muted: var(--finance-muted);
  width: 100%;
  color: var(--summary-text);
  font-size: 1rem;
  line-height: 1.5;
}
.dashboard-summary .dashboard-primary-grid,
.dashboard-summary .dashboard-details-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.dashboard-summary .dashboard-primary-item,
.dashboard-summary .dashboard-detail-item { min-width: 0; }
.dashboard-summary .dashboard-more { grid-column: 1 / -1; min-width: 0; }
.dashboard-summary .dashboard-controls { display: flex; align-items: center; gap: 10px; }
.dashboard-summary .dashboard-control { position: relative; display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0; border: 1px solid var(--summary-border); border-radius: 8px; color: var(--summary-text); background: #202630; font-size: 1rem; }
.dashboard-summary .dashboard-control-icon { flex: 0 0 44px; width: 44px; }
.dashboard-summary #toggleValoresBtn { min-width: 44px; }
.dashboard-summary .dashboard-control:hover { background: #303c50; }
.dashboard-summary .dashboard-control[aria-pressed="true"] { border-color: #92b9ef; background: #273b54; }
.dashboard-summary .dashboard-expand { flex: 1 1 240px; min-width: 44px; padding: 10px 16px; font-size: .875rem; }
.dashboard-summary :is(button, summary):focus-visible { outline: 3px solid #9dc4ff; outline-offset: 4px; }

.dashboard-summary .cards-resumo-mensal .card-resumo-mensal { height: 100%; padding: 20px; border: 1px solid var(--summary-border); border-radius: var(--finance-radius) !important; background: var(--finance-surface) !important; overflow: visible; }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-cabecalho { grid-template-columns: 32px minmax(0, 1fr); gap: 2px 12px; min-height: 70px; margin-bottom: 18px; align-items: center; }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-titulo { min-height: 44px; display: flex; align-items: center; margin: 0; font-size: 1rem; line-height: 1.35; font-weight: 600; color: var(--summary-text); }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-icone { color: #acb8cc; background: #28303e; border-color: var(--summary-border); }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-icone-alerta { color: #ff9a9a; background: #392b35; border-color: #5d3b49; }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-mes { grid-column: 2; font-size: .875rem; font-weight: 500; letter-spacing: 0; line-height: 1.5; white-space: normal; color: var(--summary-muted); }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-metrica-principal { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 0 0 20px; }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-metrica-label,
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-indicador-label { font-size: .875rem; color: var(--summary-muted); font-weight: 500; text-transform: none; letter-spacing: 0; white-space: normal; line-height: 1.5; }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-metrica-label-prev { padding: 0; border: 0; background: none; border-radius: 0; cursor: default; }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-metrica-valor { justify-content: flex-start; font-size: var(--finance-value-size); line-height: 1.3; color: var(--summary-text); text-align: left; white-space: normal; overflow-wrap: anywhere; letter-spacing: -.025em; }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-indicador { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 72px; padding: 16px 0 0; margin-top: auto; border-top: 1px solid var(--summary-border); }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-indicador-valor { max-width: 100%; font-size: 1.125rem; line-height: 1.5; text-align: left; font-weight: 700; white-space: normal; overflow-wrap: anywhere; }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-indicador-positivo { --indicador-cor: var(--finance-positive); }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal-indicador-alerta { --indicador-cor: var(--finance-negative); }
.dashboard-summary .card-desc { color: var(--summary-muted); font-size: .875rem; line-height: 1.5; font-weight: 400; margin-top: 12px; text-align: left; }
.dashboard-summary .cards-resumo-mensal .card-resumo-mensal .card-desc { padding-top: 0; margin-top: 12px; }
.dashboard-summary .card-desc-destaque { color: var(--summary-text); font-size: 1rem; font-weight: 500; }

.dashboard-summary .dashboard-details-grid { padding-top: 16px; }
.dashboard-summary .dashboard-detail-card { position: relative; height: 100%; padding: 20px; background: var(--finance-surface); border: 1px solid var(--summary-border); border-radius: var(--finance-radius); }
.dashboard-summary .dashboard-detail-card > .icon { position: absolute; top: 20px; left: 20px; font-size: 1.25rem; color: #acb8cc; }
.dashboard-summary .dashboard-detail-content { padding-top: 42px; }
.dashboard-summary .dashboard-detail-content > p { font-size: 1rem; line-height: 1.5; font-weight: 500; color: var(--summary-text); margin-bottom: 10px !important; }
.dashboard-summary .dashboard-detail-content h6 { font-size: clamp(1.5rem, 1.7vw, 1.75rem); font-weight: 700; line-height: 1.4; color: var(--summary-text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.dashboard-summary .dashboard-detail-card .badge-previsto-canto { top: 16px; right: 16px; font-size: .875rem; line-height: 1.4; padding: 3px 8px; letter-spacing: .02em; color: #b3e5c5; background: #243c33 !important; }
.dashboard-summary .dashboard-commission-month { display: block; margin-top: 6px; font-size: .875rem; font-weight: 400; color: var(--summary-muted); }
.dashboard-summary .dashboard-rate-details { margin-top: 8px; }
.dashboard-summary .dashboard-rate-details summary { min-height: 44px; padding: 10px 0; font-size: .875rem; color: #a7c9fa; cursor: pointer; }
.dashboard-summary .dashboard-rate-details p { font-size: .875rem; color: var(--summary-muted); line-height: 1.5; margin: 0; }
.valores-ocultos .dashboard-summary .dashboard-sensitive { color: transparent !important; text-shadow: 0 0 8px rgba(255, 255, 255, .5); user-select: none; transition: none !important; }

@media (max-width: 1399px) {
  .dashboard-summary .dashboard-primary-grid,
  .dashboard-summary .dashboard-details-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .dashboard-summary .dashboard-primary-grid,
  .dashboard-summary .dashboard-details-grid { grid-template-columns: minmax(0, 1fr); }
}