/* V1585 — leitura analítica compacta para o gráfico de tendência */
.tfh-trend-chart .tfh-chart-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.tfh-deriva-badge { display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border:1px solid #e6a23c; border-radius:999px; background:#fff5df; color:#8a4b08; font-size:11px; font-weight:800; white-space:nowrap; }
.tfh-chart-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:12px; }
.tfh-summary-cell { display:flex; min-width:0; flex-direction:column; align-items:flex-start; gap:5px; padding:10px 11px; border:1px solid #dce6f4; border-radius:9px; background:#f8faff; color:#12315e; text-align:left; cursor:pointer; }
.tfh-summary-cell:hover { border-color:#8eb1e2; background:#f0f6ff; }
.tfh-summary-cell:focus-visible { outline:2px solid #2467bd; outline-offset:2px; }
.tfh-summary-cell small { color:#6d829e; font-size:10px; line-height:1.25; }
.tfh-summary-cell strong { max-width:100%; color:#17365f; font-size:13px; line-height:1.35; overflow-wrap:anywhere; }
.tfh-summary-cell strong.is-up { color:#b42318; }
.tfh-summary-cell strong.is-down { color:#21804e; }
.tfh-summary-trend strong { font-size:11.5px; }
.tfh-chart-baseline { vector-effect:non-scaling-stroke; }
.tfh-chart-limit { vector-effect:non-scaling-stroke; }
@media(max-width:760px) { .tfh-chart-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:420px) { .tfh-chart-summary { gap:6px; } .tfh-summary-cell { padding:9px; } .tfh-summary-cell strong { font-size:12px; } }
