/* rev. 43 (pedido de Ivan: «ninguno de los reportes de SmartReports es responsivo») — ajustes de celular para los reportes
   analíticos migrados. Las hojas originales quedan verbatim; aquí solo se agregan reglas para pantallas angostas. */
@media (max-width: 768px) {

    /* ── Flujo de caja: la cabecera tenía 4 botones en una sola fila y empujaba la página hacia los costados ── */
    .fc-head { flex-wrap: wrap; padding: 12px 14px; gap: 8px 10px; }
    .fc-head-txt { flex: 1 1 calc(100% - 52px); min-width: 0; }
    .fc-head .fc-btn-ghost, .fc-head .fc-btn-blanco { flex: 1 1 auto; justify-content: center; }
    .fc-head .ins-wrap { flex: 0 0 auto; }
    .fc-filtros select, .fc-filtros input { max-width: 100%; }

    /* ── SmartProfit: topbar y filtros ── */
    .renta-topbar { flex-wrap: wrap; gap: 10px; padding: 12px 14px; position: static; }
    .renta-brand { flex-wrap: wrap; min-width: 0; font-size: 15px; }
    .topbar-actions { width: 100%; flex-wrap: wrap; }
    .topbar-actions .btn-topbar { flex: 1 1 auto; justify-content: center; }
    .filter-bar > .d-flex { flex-wrap: wrap; width: 100%; }
    .filter-bar input[type="date"] { width: calc(50% - 18px) !important; min-width: 0; }
    .filter-bar select.form-select { width: auto !important; flex: 1 1 160px; min-width: 0; }
    .sp-toolbar { flex-wrap: wrap; }

    /* ── Inventario valorizado: cabecera (botones arriba, título a lo ancho) ── */
    .iv-header { flex-wrap: wrap; }
    .iv-header-txt { flex: 1 1 100%; order: 3; min-width: 0; }
    .iv-header-icon { order: 2; }
    .iv-header-meta { flex-wrap: wrap; order: 4; }
}