/* =========================================================
   KOVRA — INICIO: SEPARACIÓN + LEGIBILIDAD
   Solo presentación de tarjetas y textos de Inicio.
   Interior negro premium con degradado verde dólar muy sutil.
========================================================= */

/* Oculta únicamente los textos secundarios verdes del resumen. */
.summary-grid .summary-card > .positive {
  display: none !important;
}

/* Tarjetas financieras: negro premium con un degradado verde dólar interno muy leve. */
.summary-grid .summary-card {
  border: 1.5px solid #20b750 !important;
  background: linear-gradient(145deg, #080b09 0%, #0b100c 58%, #102016 100%) !important;
  background-color: #0b0f0c !important;
  background-image: linear-gradient(145deg, #080b09 0%, #0b100c 58%, #102016 100%) !important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.46),
    0 0 10px rgba(32,183,80,.14),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  opacity: 1 !important;
}

/* Títulos: todos con exactamente la misma escala visual. */
.summary-grid .summary-card > p,
body.kovra-readable-text .summary-grid .summary-card > p {
  margin-bottom: 9px !important;
  color: #ffffff !important;
  font-size: clamp(14px,3.55vw,16px) !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: -.12px !important;
  text-shadow: none !important;
}

/* Números y montos: una única escala, ligeramente más compacta. */
.summary-grid .summary-card > h3,
body.kovra-readable-text .summary-grid .summary-card > h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(19px,4.8vw,22px) !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  letter-spacing: -.32px !important;
  font-variant-numeric: tabular-nums lining-nums;
  text-shadow: none !important;
  filter: none !important;
}

/* Iconos secundarios: negro verdoso discreto, borde verde dólar. */
.summary-grid .summary-card > .card-icon {
  border-color: #20b750 !important;
  background: #101812 !important;
  color: #ffffff !important;
  box-shadow: 0 0 7px rgba(32,183,80,.12) !important;
}

.summary-grid .summary-card > .warning {
  text-shadow: none !important;
}

/* =========================================================
   COBRANZA DE HOY / PROMESAS DE PAGO
   Verde dólar más presente solo en estos dos bloques.
========================================================= */
.today-dashboard-collapsible,
.promise-dashboard-collapsible {
  border: 1.5px solid #20b750 !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, #0b130d 0%, #123a21 58%, #18542d 100%) !important;
  background-color: #123a21 !important;
  background-image: linear-gradient(145deg, #0b130d 0%, #123a21 58%, #18542d 100%) !important;
  box-shadow:
    0 7px 18px rgba(0,0,0,.42),
    0 0 12px rgba(32,183,80,.18),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  overflow: hidden !important;
}

.today-dashboard-summary,
.promise-dashboard-summary {
  background: linear-gradient(145deg, #0d1710 0%, #164526 68%, #1a5a30 100%) !important;
  background-color: #164526 !important;
  background-image: linear-gradient(145deg, #0d1710 0%, #164526 68%, #1a5a30 100%) !important;
}

.today-dashboard-summary h2,
.promise-dashboard-summary h2 {
  color: #ffffff !important;
  font-size: clamp(16px,4vw,18px) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: -.18px !important;
  text-shadow: none !important;
}

#todayDashboardCompactMeta,
#promiseDashboardCompactMeta,
body.kovra-readable-text #todayDashboardCompactMeta,
body.kovra-readable-text #promiseDashboardCompactMeta {
  color: #f3fff6 !important;
  font-size: clamp(12.5px,3.15vw,13.5px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

.today-dashboard-chevron,
.promise-dashboard-chevron {
  color: #4ce27a !important;
  text-shadow: none !important;
}

.today-dashboard-content,
.promise-dashboard-content {
  border-top: 1px solid #20b750 !important;
  background: linear-gradient(180deg, #0e1811 0%, #143d22 100%) !important;
  background-color: #143d22 !important;
  background-image: linear-gradient(180deg, #0e1811 0%, #143d22 100%) !important;
}

/* Contenido que aparece al desplegar: verde oscuro, sin perder contraste. */
.today-dashboard-collapsible .client-card,
.promise-dashboard-collapsible .promise-dashboard-card,
.dashboard-empty {
  border: 1px solid #208847 !important;
  background: linear-gradient(145deg, #112218 0%, #183a24 100%) !important;
  background-color: #183a24 !important;
  background-image: linear-gradient(145deg, #112218 0%, #183a24 100%) !important;
  box-shadow: none !important;
}

.today-dashboard-collapsible .client-card strong,
.today-dashboard-collapsible .client-card span,
.promise-dashboard-collapsible .promise-dashboard-card strong,
.promise-dashboard-collapsible .promise-dashboard-card span,
.dashboard-empty strong,
.dashboard-empty span {
  text-shadow: none !important;
}

.today-dashboard-collapsible .see-all,
.promise-dashboard-collapsible .see-all {
  color: #f2f2f2 !important;
}

/* =========================================================
   PROMESAS DE PAGO — COMPACTACIÓN PUNTUAL
   Quita visualmente "Ver promesas" sin romper su listener y
   aprovecha el espacio al abrir una sola promesa.
========================================================= */
.promise-dashboard-actions {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.promise-dashboard-content {
  padding: 5px 8px 8px !important;
}

.promise-dashboard-collapsible .promise-dashboard-list {
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.promise-dashboard-collapsible .promise-dashboard-card {
  margin: 0 !important;
  padding: 7px 8px !important;
}

@media (max-width: 360px) {
  .summary-grid .summary-card > p,
  body.kovra-readable-text .summary-grid .summary-card > p {
    font-size: 13.5px !important;
  }

  .summary-grid .summary-card > h3,
  body.kovra-readable-text .summary-grid .summary-card > h3 {
    font-size: 18.5px !important;
  }
}