/* QUINCA+ v24 — synthèse mensuelle compacte */

.dashboard-kpis-v24{
  grid-template-columns:repeat(10,minmax(0,1fr));
  align-items:stretch;
}
.dashboard-kpis-v24>.daily-ca-card{
  grid-column:span 5;
}
.dashboard-kpis-v24>.monthly-summary-card{
  grid-column:span 5;
  min-height:100%;
}
.dashboard-kpis-v24>.metric-card:not(.daily-ca-card):not(.monthly-summary-card){
  grid-column:span 2;
}

.monthly-summary-card{
  position:relative;
  overflow:hidden;
  padding:16px 16px 14px;
  background:
    linear-gradient(135deg,rgba(89,103,216,.065),rgba(255,255,255,0) 55%),
    #fff;
  border-color:#dde1fb;
}
.monthly-summary-card:before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  border-radius:50%;
  right:-75px;
  top:-110px;
  background:radial-gradient(circle,rgba(89,103,216,.13),rgba(89,103,216,0) 70%);
  pointer-events:none;
}
.monthly-summary-card .metric-top,
.monthly-summary-card .metric-value,
.monthly-summary-card .metric-foot,
.monthly-summary-grid{
  position:relative;
  z-index:1;
}
.monthly-summary-card .metric-icon{
  background:linear-gradient(135deg,#eceeff,#e0e4ff);
  color:#5967d8;
}
.monthly-ca-value{
  font-size:28px!important;
  color:#27306e;
  margin-top:6px!important;
}
.monthly-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.monthly-summary-item{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:10px;
  border:1px solid #e4e9f2;
  border-radius:10px;
  background:rgba(255,255,255,.78);
  box-shadow:0 5px 14px rgba(29,53,90,.04);
}
.monthly-summary-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  font-size:12px;
  font-weight:950;
}
.monthly-summary-item small{
  display:block;
  color:#78899c;
  font-size:7.5px;
  line-height:1.25;
}
.monthly-summary-item strong{
  display:block;
  margin-top:3px;
  color:#1e3650;
  font-size:11px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.monthly-summary-item.sales .monthly-summary-icon{
  background:#e9f5ff;
  color:#2d77cf;
}
.monthly-summary-item.purchases .monthly-summary-icon{
  background:#fff4df;
  color:#d88a19;
}
.monthly-summary-item.expenses .monthly-summary-icon{
  background:#fff0f2;
  color:#d54c58;
}
.monthly-summary-card .metric-foot{
  margin-top:10px;
}

body.dark-ui .monthly-summary-card{
  background:
    linear-gradient(135deg,rgba(94,110,225,.10),rgba(16,29,47,0) 55%),
    #101d2f;
  border-color:#30395f;
}
body.dark-ui .monthly-ca-value{
  color:#eef1ff;
}
body.dark-ui .monthly-summary-item{
  background:#142338;
  border-color:#273950;
}
body.dark-ui .monthly-summary-item small{
  color:#94a6bb;
}
body.dark-ui .monthly-summary-item strong{
  color:#eef6ff;
}

@media(max-width:1280px){
  .dashboard-kpis-v24{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .dashboard-kpis-v24>.daily-ca-card,
  .dashboard-kpis-v24>.monthly-summary-card{
    grid-column:span 3;
  }
  .dashboard-kpis-v24>.metric-card:not(.daily-ca-card):not(.monthly-summary-card){
    grid-column:span 2;
  }
}
@media(max-width:900px){
  .dashboard-kpis-v24{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dashboard-kpis-v24>.daily-ca-card,
  .dashboard-kpis-v24>.monthly-summary-card{
    grid-column:1/-1;
  }
  .dashboard-kpis-v24>.metric-card:not(.daily-ca-card):not(.monthly-summary-card){
    grid-column:span 1;
  }
}
@media(max-width:620px){
  .monthly-summary-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:430px){
  .dashboard-kpis-v24{
    grid-template-columns:1fr;
  }
  .dashboard-kpis-v24>.metric-card,
  .dashboard-kpis-v24>.daily-ca-card,
  .dashboard-kpis-v24>.monthly-summary-card,
  .dashboard-kpis-v24>.metric-card:not(.daily-ca-card):not(.monthly-summary-card){
    grid-column:1;
  }
  .monthly-ca-value{
    font-size:23px!important;
  }
}