/* QUINCA+ v25 — lignes mensuelles séparées */

.monthly-summary-v25{
  display:grid;
  gap:9px;
  margin-top:12px;
  position:relative;
  z-index:1;
}
.monthly-sales-count-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:9px 11px;
  border:1px solid #e3e7f5;
  border-radius:10px;
  background:rgba(255,255,255,.78);
}
.monthly-sales-count-line span{
  color:#6f7f94;
  font-size:8.5px;
  font-weight:800;
}
.monthly-sales-count-line strong{
  color:#5967d8;
  font-size:17px;
  font-weight:950;
}
.monthly-finance-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:14px;
  padding:11px 12px;
  border:1px solid #e3e7f5;
  border-radius:10px;
  background:rgba(255,255,255,.82);
}
.monthly-finance-line>span{
  color:#59677a;
  font-size:10px;
  font-weight:850;
  align-self:center;
}
.monthly-finance-value{
  font-size:28px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.monthly-finance-line.purchases{
  border-color:#f2dfba;
  background:linear-gradient(135deg,#fffaf0,#fff);
}
.monthly-finance-line.purchases>span,
.monthly-finance-line.purchases .monthly-finance-value{
  color:#c97a11;
}
.monthly-finance-line.expenses{
  border-color:#f0d6da;
  background:linear-gradient(135deg,#fff5f6,#fff);
}
.monthly-finance-line.expenses>span,
.monthly-finance-line.expenses .monthly-finance-value{
  color:#cf4653;
}

/* neutralise l'ancien affichage en 3 colonnes */
.monthly-summary-card .monthly-summary-grid{
  display:none!important;
}

body.dark-ui .monthly-sales-count-line,
body.dark-ui .monthly-finance-line{
  background:#142338;
  border-color:#293a52;
}
body.dark-ui .monthly-sales-count-line span{
  color:#a4b6ca;
}
body.dark-ui .monthly-sales-count-line strong{
  color:#aab4ff;
}
body.dark-ui .monthly-finance-line.purchases{
  background:#2a2418;
  border-color:#55482a;
}
body.dark-ui .monthly-finance-line.expenses{
  background:#2d1c20;
  border-color:#5d3239;
}

@media(max-width:620px){
  .monthly-finance-line{
    grid-template-columns:1fr;
    align-items:start;
  }
  .monthly-finance-value{
    font-size:23px;
  }
}