/* Для маленьких экранов */
@media (max-width: 768px) {
    .ant-layout {
        overflow-x: hidden;
    }
    form-panel {
        padding: 8px;
    }

    availability-table {
        font-size: 14px;
    }
        
    .ant-descriptions-item-content {
        font-size: 10px !important;
    }    
    .ant-drawer-content-wrapper {
        width: 100% !important;
    }
    
    .ant-space {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        width: 100%;
    }
    .ant-space-item {
        flex: 1;
        min-width: 200px;
    }
}


/* Основной контейнер */
form-panel {
    max-width: 100%; /* Не превышает ширину экрана */
    overflow-x: auto; /* Позволяет прокрутку при необходимости */
}

availability-table {
    width: 100%; /* Таблица занимает всю ширину */
    min-width: 300px; /* Минимальная ширина, чтобы предотвратить сжатие */
}

.q-table-wrapper {
    max-width: 100%; /* Контейнер ограничен шириной экрана */
    overflow-x: auto; /* Включает горизонтальную прокрутку */
    white-space: nowrap; /* Предотвращает перенос строк */
    border: 1px solid #ccc; /* Опциональная граница */
}

.q-table-wrapper table {
    width: 100%; /* Таблица растягивается до границ контейнера */
    min-width: 300px; /* Минимальная ширина таблицы */
}