/* ========================================================================
   TABLET PORTRAIT MODE - Armour Pad 4 Ultra (1200x2000 portrait)
   Apply ONLY when device is in portrait orientation
   ======================================================================== */

@media (orientation: portrait) and (min-width: 1024px) {
    
    /* ===== PREVENT HORIZONTAL OVERFLOW ===== */
    
    html, body {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
        max-width: 100% !important;
    }
    
    .table-responsive {
        overflow-x: auto !important;
        max-width: 100% !important;
    }
    
    /* ===== FILTERS: Stack vertically, ultra-compact ===== */
    
    .checklists-filters .card-body {
        padding: 0.375rem !important;
    }
    
    .checklists-filters .row {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.375rem !important;
    }
    
    .checklists-filters [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    .checklists-filters .form-label {
        font-size: 0.75rem !important;
        margin-bottom: 0.125rem !important;
        font-weight: 600 !important;
    }
    
    .checklists-filters .form-select,
    .checklists-filters .form-control {
        font-size: 0.8125rem !important;
        padding: 0.375rem 0.5rem !important;
        min-height: 38px !important;
    }
    
    /* Hide Apply Filters button - will use auto-apply */
    .checklists-filters button[type="submit"] {
        display: none !important;
    }
    
    /* ===== TABLE: Compact with hidden columns ===== */
    
    .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    .checklists-table .table {
        font-size: 0.8125rem !important;
    }
    
    .checklists-table .table th,
    .checklists-table .table td {
        padding: 0.375rem 0.5rem !important;
    }
    
    .checklists-table .table thead th {
        font-size: 0.75rem !important;
    }
    
    /* Hide 3 columns: Checkbox, Equipment/Role, Scheduled */
    .checklists-table .table th:nth-child(1),
    .checklists-table .table td:nth-child(1),
    .checklists-table .table th:nth-child(5),
    .checklists-table .table td:nth-child(5),
    .checklists-table .table th:nth-child(7),
    .checklists-table .table td:nth-child(7) {
        display: none !important;
    }
    
    /* Compact badges and buttons */
    .checklists-table .badge {
        font-size: 0.75rem !important;
        padding: 0.25em 0.5em !important;
    }
    
    .checklists-table .btn-sm {
        font-size: 0.75rem !important;
        padding: 0.25rem 0.5rem !important;
    }
    
    /* Hide bulk actions card */
    #bulk-actions-card {
        display: none !important;
    }
}