/* QUINCA+ v38 — séparation visuelle jour / mois */

.dashboard-v38-period-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.dashboard-v38-period{
  min-width:0;
  padding:12px;
  border:1px solid #e0e7f0;
  border-radius:13px;
  background:#f9fbfe;
}
.dashboard-v38-period.day{
  background:linear-gradient(135deg,#f7fbff,#fbfdff);
}
.dashboard-v38-period.month{
  background:linear-gradient(135deg,#fbf9ff,#fff);
}
.dashboard-v38-period-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 2px 10px;
}
.dashboard-v38-period-title h2{
  margin:0;
  color:#17385d;
  font-size:12px;
  font-weight:900;
}
.dashboard-v38-period-title span{
  color:#8394a8;
  font-size:8.5px;
  font-weight:700;
}
.dashboard-v38-period-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.dashboard-v38-period-grid .dashboard-v36-kpi{
  min-height:110px;
}

.dashboard-v38-extra-kpis{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.dashboard-v38-extra-kpis .dashboard-v36-kpi{
  min-height:102px;
}

body.dark-ui .dashboard-v38-period{
  border-color:#283b52;
}
body.dark-ui .dashboard-v38-period.day{
  background:linear-gradient(135deg,#111f31,#132238);
}
body.dark-ui .dashboard-v38-period.month{
  background:linear-gradient(135deg,#171d33,#101d2f);
}
body.dark-ui .dashboard-v38-period-title h2{
  color:#edf5ff;
}
body.dark-ui .dashboard-v38-period-title span{
  color:#9bacc0;
}

@media(max-width:1450px){
  .dashboard-v38-extra-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:1150px){
  .dashboard-v38-period-groups{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .dashboard-v38-period-grid{
    grid-template-columns:1fr;
  }
  .dashboard-v38-extra-kpis{
    grid-template-columns:1fr;
  }
}