/* Monteiro One Finance v1.0.5 — Relatórios premium */
.summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0 0 18px;
  width:100%;
}
.summary-card{
  position:relative;
  min-height:112px;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(15,35,65,.07);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  overflow:hidden;
}
.summary-card::before{
  content:"";
  position:absolute;
  width:8px;
  top:0;bottom:0;left:0;
  background:currentColor;
  opacity:.92;
}
.summary-card::after{
  content:"";
  position:absolute;
  width:112px;height:112px;
  right:-35px;bottom:-48px;
  border-radius:50%;
  background:currentColor;
  opacity:.07;
}
.summary-card small{
  position:relative;
  z-index:1;
  font-size:.74rem;
  line-height:1;
  letter-spacing:.09em;
  font-weight:800;
  color:#64748b;
}
.summary-card strong{
  position:relative;
  z-index:1;
  display:block;
  font-size:1.75rem;
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:850;
  color:currentColor;
}
.summary-card.green{color:#12a66a;background:linear-gradient(135deg,#fff 0%,#f2fcf7 100%)}
.summary-card.red{color:#ef4b55;background:linear-gradient(135deg,#fff 0%,#fff4f5 100%)}
.summary-card.blue{color:#347df3;background:linear-gradient(135deg,#fff 0%,#f3f7ff 100%)}
.summary-card.purple{color:#7a57ef;background:linear-gradient(135deg,#fff 0%,#f7f4ff 100%)}
.summary-card.orange{color:#ee9514;background:linear-gradient(135deg,#fff 0%,#fff8ed 100%)}

/* Relatórios: mantém os KPIs visualmente ligados ao filtro */
.report-toolbar + #reportBody{margin-top:16px}
#reportBody>.summary-grid{margin-top:0}
#reportBody>.dashboard-grid.two{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
}
#reportBody>.dashboard-grid.two>.panel{
  min-height:230px;
}

/* Sidebar não deve criar rolagem horizontal */
.sidebar,#nav,.space-picker{overflow-x:hidden}
#nav{min-width:0}
#nav button{max-width:100%;box-sizing:border-box}

body.theme-dark .summary-card{
  background:#102945;
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
body.theme-dark .summary-card small{color:#aebed1}
body.theme-dark .summary-card.green{background:linear-gradient(135deg,#102945,#10362f)}
body.theme-dark .summary-card.red{background:linear-gradient(135deg,#102945,#3a252d)}
body.theme-dark .summary-card.blue{background:linear-gradient(135deg,#102945,#172f56)}
body.theme-dark .summary-card.purple{background:linear-gradient(135deg,#102945,#2b2850)}
body.theme-dark .summary-card.orange{background:linear-gradient(135deg,#102945,#3b3020)}

@media(max-width:900px){
  .summary-grid{grid-template-columns:1fr 1fr}
  #reportBody>.dashboard-grid.two{grid-template-columns:1fr}
}
@media(max-width:620px){
  .summary-grid{grid-template-columns:1fr;gap:10px}
  .summary-card{min-height:88px;padding:14px 16px}
  .summary-card strong{font-size:1.45rem}
}