/* §15 — Tablet-targeted overrides (768–991px).
   The app targets desktop+tablet. Phones (<768px) get an advisory banner
   and best-effort rendering. These rules tighten the tablet experience
   where Bootstrap's default breakpoints don't cut it. */

@media (max-width: 991.98px) {
    /* Escrow ledger — the wide table would push the action cells off-screen
       on tablets; this makes every tap target at least 44px. */
    .table th,
    .table td {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    /* Status-change modal and other forms — make datepicker inputs tap-friendly. */
    input[type="date"],
    input[type="datetime-local"] {
        min-height: 44px;
    }

    /* Tab-regroup dropdowns — keep dropdown items tappable without overshoot. */
    .nav-tabs .dropdown-menu .dropdown-item {
        padding: 0.6rem 1rem;
    }
}

@media (max-width: 767.98px) {
    /* Dashboard KPI strip — avoid the 4-card cramp pre-stack. */
    .card .fs-1 {
        font-size: 2rem !important;
    }

    /* Any data table with inline pixel widths on headers — the fixed-pixel
       widths become noise on narrow viewports; let the table-responsive
       wrapper handle horizontal scroll and drop the widths. Covers the
       settlement line-item table (no .datatable class) as well. */
    .table-responsive table th[style*="width"] {
        width: auto !important;
        min-width: 0 !important;
    }

    /* File Readiness card — progress label stays on its own row below the
       progress bar rather than sharing width with the CTA. */
    #fileReadinessCard .row > .col-lg-3 {
        margin-top: 1rem;
    }
}