/* 
    Daily Stock - SIMPLE MOBILE VIEW
    Only shows: Product | Damages | Actual
*/

@media screen and (max-width: 768px) {
    /* 1. Reset everything to standard flow (No fixed positioning) */
    .admin-container {
        padding: 10px !important;
        padding-bottom: 20px !important;
        display: block !important;
        background: #fff !important;
    }

    /* 2. Simple stacked header */
    .admin-header {
        flex-direction: column !important;
        height: auto !important;
        padding: 0 !important;
        gap: 15px !important;
        align-items: stretch !important;
        margin-bottom: 20px !important;
        box-shadow: none !important;
    }

    .header-actions {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .header-actions > div, 
    .location-picker, 
    .location-picker select,
    .btn-refresh {
        width: 100% !important;
        height: 44px !important;
        margin: 0 !important;
    }

    /* 3. Disable the floating bottom dashboard entirely */
    .pipeline-dashboard {
        position: static !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 10px !important;
        margin: 10px 0 20px 0 !important;
        box-shadow: none !important;
        height: auto !important;
        backdrop-filter: none !important;
    }

    .pill-group {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .pipeline-pill {
        width: 100% !important;
        height: auto !important;
        padding: 12px !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: none !important;
        border: 1px solid #e2e8f0 !important;
        justify-content: flex-start !important;
        position: static !important;
    }

    .pill-text {
        display: block !important;
        text-align: left !important;
    }

    .pill-sub {
        display: block !important;
    }

    /* 4. The Simple 3-Column Table */
    .daily-stock-grid-wrap {
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    .table-scroll {
        overflow-x: auto !important;
        margin: 0 -10px !important;
    }

    .premium-table-v2 {
        display: table !important;
        width: 100% !important;
        min-width: 320px !important;
    }

    .premium-table-v2 thead {
        display: table-header-group !important;
    }

    .premium-table-v2 th, 
    .premium-table-v2 td {
        display: none;
        padding: 10px 5px !important;
    }

    .premium-table-v2 th:nth-child(2),
    .premium-table-v2 td:nth-child(2) {
        display: table-cell !important;
        width: auto !important;
        text-align: left !important;
        padding-left: 10px !important;
    }

    .premium-table-v2 th:nth-child(10),
    .premium-table-v2 td:nth-child(10),
    .premium-table-v2 th:nth-child(12),
    .premium-table-v2 td:nth-child(12) {
        display: table-cell !important;
        width: 70px !important;
        text-align: center !important;
    }

    .name-row {
        font-size: 0.8rem !important;
    }

    .closing-input {
        width: 60px !important;
        height: 36px !important;
        font-size: 0.85rem !important;
    }

    .pos-save-btn {
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 20px !important;
    }

    .details-loader-overlay .premium-list-card {
        width: 95vw !important;
        height: 90vh !important;
        border-radius: 12px !important;
    }
}