#chart-1-fluxo-diario{
  width:100%;
  height:100%;
}

.fluxo-switch{
  display:flex;
  gap:8px;
}

.fluxo-btn{
  border:1px solid #dde2ea;
  background:#fff;
  color:#6b7a8d;
  border-radius:6px;
  padding:6px 12px;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
}

.fluxo-btn.on{
  background:#1a2640;
  color:#fff;
  border-color:#1a2640;
}

#chart-1-fluxo-diario{
  width:100%;
  height:100%;
}

.h240{
  height:320px;
}

.fluxo-switch{
  display:flex;
  gap:8px;
  align-items:center;
}

.fluxo-btn{
  border:1px solid #d8dfeb;
  background:#fff;
  color:#5c6b80;
  border-radius:8px;
  padding:6px 12px;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  transition:.2s ease;
}

.fluxo-btn:hover{
  border-color:#9fb6d9;
  color:#1a2640;
}

.fluxo-btn.on{
  background:#1a2640;
  color:#fff;
  border-color:#1a2640;
}

.chart-card{
  border-radius:14px;
  box-shadow: 0 6px 18px rgba(26,38,64,.04);
}

#chart-1-fluxo-diario{
  width:100%;
  height:100%;
}

.h240{
  height:320px;
}

.fluxo-total-topo{
  font-size:14px;
  font-weight:700;
  color:#1a2640;
  background:#f8fbff;
  border:1px solid #dbe7f5;
  border-radius:10px;
  padding:8px 12px;
  line-height:1;
}

.fluxo-switch{
  display:flex;
  gap:8px;
  align-items:center;
}

.fluxo-btn{
  border:1px solid #d8dfeb;
  background:#fff;
  color:#5c6b80;
  border-radius:8px;
  padding:6px 12px;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  transition:.2s ease;
}

.fluxo-btn.on{
  background:#1a2640;
  color:#fff;
  border-color:#1a2640;
}#chart-1-fluxo-diario{
  width:100%;
  height:100%;
}

.h240{
  height:320px;
}

.fluxo-total-topo{
  font-size:14px;
  font-weight:700;
  color:#1a2640;
  background:#f8fbff;
  border:1px solid #dbe7f5;
  border-radius:10px;
  padding:8px 12px;
  line-height:1;
  box-shadow:0 2px 8px rgba(26,38,64,.04);
}#chart-1-fluxo-diario{
  width:100%;
  height:100%;
}

.h240{
  height:340px;
}

.fluxo-total-topo{
  font-size:14px;
  font-weight:700;
  color:#1a2640;
  background:#f8fbff;
  border:1px solid #dbe7f5;
  border-radius:10px;
  padding:8px 12px;
  line-height:1;
  box-shadow:0 2px 8px rgba(26,38,64,.04);
}

.fluxo-switch{
  display:flex;
  gap:8px;
  align-items:center;
}

.fluxo-btn{
  border:1px solid #d8dfeb;
  background:#fff;
  color:#5c6b80;
  border-radius:8px;
  padding:6px 12px;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  transition:.2s ease;
}

.fluxo-btn:hover{
  border-color:#9fb6d9;
  color:#1a2640;
}

.fluxo-btn.on{
  background:#1a2640;
  color:#fff;
  border-color:#1a2640;
}#chart-1-fluxo-diario { width: 100%; height: 100%; }
.h240 { height: 380px; }

.fluxo-total-topo {
  font-size: 13px; font-weight: 600; color: #1a2640;
  background: #f0f6ff; border: 1px solid #c7ddf5;
  border-radius: 10px; padding: 8px 14px; line-height: 1;
}

.fluxo-switch { display: flex; gap: 0; border: 1px solid #d1dbe8; border-radius: 8px; overflow: hidden; }
.fluxo-btn { border: none; padding: 7px 14px; font-size: 11px; font-weight: 600; cursor: pointer; background: transparent; color: #5c6b80; transition: .15s; }
.fluxo-btn:hover { background: #f0f4fb; }
.fluxo-btn.on { background: #1a2640; color: #fff; }