#inv-mobile-workspace {
    display: none;
}

@media (max-width: 767.98px) {
    .inventory-desktop-card,
    .inventory-history-card,
    .inventory-desktop-save-col {
        display: none !important;
    }

    /* En-tête allégé. */
    .inventory-control-panel {
        margin-bottom: 22px !important;
        border: 0 !important;
        border-radius: 24px !important;
        background: var(--filter-surface) !important;
        box-shadow: none !important;
    }

    .inventory-control-panel .card-body {
        padding: 22px !important;
    }

    .inventory-control-panel .row {
        --bs-gutter-y: 18px;
    }

    .inventory-control-panel label {
        margin-bottom: 8px !important;
        color: #686660;
        font-size: .82rem;
        font-weight: 700 !important;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    /* Restaurant. */
    #inv-branch-dropdown .Select-control,
    #inv-branch-dropdown .select__control {
        min-height: 54px !important;
        border: 1px solid var(--border) !important;
        border-radius: var(--radius-lg) !important;
        background: var(--surface) !important;
        box-shadow: none !important;
    }

    #inv-branch-dropdown .Select-placeholder,
    #inv-branch-dropdown .Select-value-label {
        line-height: 52px !important;
        color: var(--text) !important;
    }

    /* Date cohérente avec le reste de l’application. */
    .inventory-date-picker.SingleDatePicker,
    .inventory-date-picker .SingleDatePicker,
    .inventory-date-picker .SingleDatePickerInput,
    .inventory-date-picker .DateInput {
        width: 100% !important;
    }

    .inventory-date-picker .SingleDatePickerInput,
    .inventory-date-picker.SingleDatePicker
        .SingleDatePickerInput {
        display: flex !important;
        min-height: 54px;
        border: 1px solid var(--border) !important;
        border-radius: var(--radius-lg) !important;
        background: var(--surface) !important;
        box-shadow: none !important;
    }

    .inventory-date-picker .DateInput,
    .inventory-date-picker .DateInput_input,
    .inventory-date-picker .DateInput_input__focused {
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .inventory-date-picker .DateInput_input {
        height: 52px !important;
        padding: 10px 16px !important;
        color: var(--text) !important;
        font-family: inherit !important;
        font-size: 16px !important;
    }

    /* Espace de comptage. */
    #inv-mobile-workspace {
        display: block;
        padding-bottom: 18px;
    }

    .inventory-mobile-toolbar {
        margin-bottom: 16px;
    }

    .inventory-mobile-search {
        position: relative;
    }

    .inventory-mobile-search > .bi-search {
        position: absolute;
        top: 50%;
        left: 18px;
        z-index: 2;
        color: #85817a;
        font-size: 1rem;
        transform: translateY(-50%);
        pointer-events: none;
    }

    #inv-mobile-search {
        min-height: 54px;
        padding: 10px 18px 10px 48px;
        border: 1px solid #e1dbd1 !important;
        border-radius: var(--radius-lg) !important;
        background: var(--filter-surface) !important;
        color: var(--text) !important;
        font-size: 16px;
        box-shadow: none !important;
    }

    #inv-mobile-search:focus {
        border-color: var(--brand-accent) !important;
        box-shadow: 0 0 0 3px rgba(21, 154, 140, .11) !important;
    }

    .inventory-mobile-progress {
        min-height: 20px;
        margin: 10px 4px 0;
        color: #8b8780;
        font-size: .82rem;
        font-weight: 600;
        text-align: right;
    }

    .inventory-mobile-list {
        display: flex;
        flex-direction: column;
        gap: 11px;
    }

    .inventory-mobile-item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 148px;
        align-items: center;
        gap: 14px;
        min-height: 88px;
        padding: 14px 15px 14px 18px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
        box-shadow: 0 5px 16px rgba(29, 45, 61, .04);
    }

    .inventory-mobile-product {
        min-width: 0;
    }

    .inventory-mobile-name {
        overflow: hidden;
        color: var(--text);
        font-size: 1rem;
        font-weight: 650;
        line-height: 1.3;
        text-overflow: ellipsis;
    }

    .inventory-mobile-unit-label {
        margin-top: 5px;
        color: #99948c;
        font-size: .76rem;
    }

    .inventory-mobile-quantity-wrap {
        display: flex;
        align-items: center;
        min-width: 0;
        overflow: hidden;
        border: 1px solid #dcd5ca;
        border-radius: var(--radius-lg);
        background: var(--surface-2);
    }

    .inventory-mobile-quantity {
        min-width: 0;
        height: 52px;
        padding: 8px 8px 8px 12px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--text) !important;
        font-size: 16px !important;
        font-weight: 700;
        text-align: right;
        box-shadow: none !important;
        appearance: textfield;
        -moz-appearance: textfield;
    }

    .inventory-mobile-quantity::-webkit-inner-spin-button,
    .inventory-mobile-quantity::-webkit-outer-spin-button {
        margin: 0;
        appearance: none;
        -webkit-appearance: none;
    }

    .inventory-mobile-quantity:focus {
        outline: 0 !important;
    }

    .inventory-mobile-quantity-wrap:focus-within {
        border-color: var(--brand-accent);
        box-shadow: 0 0 0 3px rgba(21, 154, 140, .11);
    }

    .inventory-mobile-unit {
        flex: 0 0 auto;
        max-width: 54px;
        padding-right: 11px;
        overflow: hidden;
        color: #817d76;
        font-size: .72rem;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .inventory-mobile-empty {
        padding: 36px 20px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
        color: #8a867f;
        text-align: center;
    }

    .inventory-mobile-save-bar {
        position: sticky;
        bottom: 10px;
        z-index: 30;
        margin-top: 18px;
        padding: 10px;
        border: 1px solid rgba(225, 218, 207, .94);
        border-radius: var(--radius-lg);
        background: rgba(255, 253, 250, .96);
        box-shadow: 0 10px 28px rgba(29, 45, 61, .13);
        backdrop-filter: blur(10px);
    }

    .inventory-mobile-save-btn {
        width: 100%;
        min-height: 56px;
        border: 0 !important;
        border-radius: var(--radius-lg) !important;
        background: var(--text) !important;
        color: #ffffff !important;
        font-size: .92rem;
        font-weight: 700;
    }

    .inventory-mobile-save-status {
        color: var(--brand-accent);
        font-size: .78rem;
        font-weight: 650;
        text-align: center;
    }

    .inventory-mobile-save-status:not(:empty) {
        padding: 2px 6px 9px;
    }
}

@media (max-width: 390px) {
    .inventory-mobile-item {
        grid-template-columns: minmax(0, 1fr) 126px;
        gap: 10px;
        padding-left: 14px;
        padding-right: 12px;
    }

    .inventory-mobile-unit {
        max-width: 44px;
        padding-right: 8px;
    }
}