/* Touch affordances shared by the existing views; desktop retains its density. */
@media (max-width: 1024px) {
    .view .btn,
    .view button.btn-icon,
    .view .form-select,
    .view .schedule-priority-action,
    #audit-coverage-region-filter,
    #audit-coverage-type-filter {
        min-height: 44px;
    }

    .view button.btn-icon { min-width: 44px; }
    .view input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    .view select,
    .view textarea { font-size: 16px; }

    .wp-approval-revision-modal-content,
    .assignment-cancel-modal-content {
        max-height: calc(100dvh - 24px);
        overflow-y: auto;
    }
}

@media (max-width: 600px) {
    #dashboard-view .kpi-card { min-height: 0; padding: 14px; gap: 8px; }
    #dashboard-view .kpi-card-header { margin-bottom: 0; }
    #dashboard-view .kpi-card h2 { font-size: 24px; overflow-wrap: anywhere; }
    #dashboard-view .kpi-card .kpi-icon { width: 36px; height: 36px; }
    .audit-coverage-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .audit-coverage-kpi { padding: 10px; }


}

/* Dense planning comparisons stay scrollable, with identity visible while panning. */
@media (max-width: 1024px) {
    #audit-plan-view .table-responsive {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
    }

    #audit-plan-view .table-responsive:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: 2px;
    }

    :is(#schedule-priority-table, #audit-coverage-detail-table) :is(th, td):nth-child(2),
    #audit-coverage-area-table :is(th, td):first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--bg-card);
        box-shadow: 1px 0 0 var(--border);
    }
}