/* Estilos propios de esta página. La base común está en assets/kalculia-ui.css. */
/* Selector de modo (supuesto / histórico): control segmentado */
.mode-toggle { display: inline-flex; gap: var(--s-1); margin-bottom: var(--s-4); padding: var(--s-1); background: var(--surface); border-radius: 999px; box-shadow: var(--shadow-sm); }
.mode-toggle .mode-toggle-btn { background: transparent; box-shadow: none; padding: .55rem 1.1rem; font-size: .86rem; font-weight: 700; color: var(--text-muted); }
.mode-toggle .mode-toggle-btn.is-active { background: var(--text); color: var(--surface); }
.ci-inicio-label { margin-top: var(--s-2); font-size: .82rem; color: var(--text-muted); font-weight: 600; }
.cc-option-fixed { font-size: .9rem; color: var(--text-muted); }
#ci-chart { display: block; width: 100%; cursor: crosshair; }
#btn-download-csv { margin-top: var(--s-4); }

/* Móvil: los dos modos en dos mitades iguales */
@media (max-width: 559px) {
  .mode-toggle { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .mode-toggle .mode-toggle-btn { min-height: 44px; }
}