/* Ajustes específicos do painel do TI. Cores e componentes compartilhados estão em ds.css. */
.flatpickr-calendar { background: rgb(var(--rgb-surface)); border: 1px solid rgb(var(--rgb-line-2)); box-shadow: 0 20px 40px rgb(0 0 0 / .35); border-radius: 0.75rem; font-family: 'Inter', sans-serif; }
.flatpickr-day.selected, .flatpickr-day.selected:hover { background: #007f78; border-color: #007f78; }
.flatpickr-day.today:not(.selected) { border-color: #14a89c; }

.timeline-segment { transition: transform .2s, opacity .2s; }
.timeline-segment:hover { opacity: 0.8; transform: scaleY(1.2); }

/* gráficos do painel (barras e rosca desenhadas em SVG) */
.chart-bar { fill: rgb(0 127 120); transition: opacity .15s; }
.chart-bar:hover { opacity: .75; }
.chart-axis { stroke: rgb(var(--rgb-line)); stroke-width: 1; }
.chart-label { fill: rgb(var(--rgb-muted)); font-size: 11px; font-family: 'Atkinson Hyperlegible', sans-serif; }
.chart-value { fill: rgb(var(--rgb-text-strong)); font-size: 11px; font-weight: 700; font-family: 'Atkinson Hyperlegible', sans-serif; }

.gauge-needle { stroke: rgb(var(--rgb-text-strong)); }
.gauge-hub { fill: rgb(var(--rgb-text-strong)); }
.gauge-hub-dot { fill: rgb(var(--rgb-surface)); }