/* 仅适配库存划拨记录的查询栏和日期范围框。 */
.inventory-transfer-toolbar {
    flex-wrap: wrap;
}

@media (min-width: 641px) {
    .purchase-filter-grid.inventory-transfer-filter-grid {
        flex-basis: 100%;
        min-width: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .purchase-filter-grid.inventory-transfer-filter-grid {
        grid-template-columns: minmax(220px, 1.5fr) repeat(4, minmax(110px, 1fr)) auto;
    }
}

@media (max-width: 640px) {
    .inventory-transfer-date-panel.layui-laydate-range {
        position: fixed;
        left: 12px !important;
        top: 12px !important;
        width: calc(100vw - 24px);
        max-width: 360px;
        max-height: calc(100dvh - 24px);
        overflow-y: auto;
        box-sizing: border-box;
    }

    .inventory-transfer-date-panel.layui-laydate-range .layui-laydate-main {
        display: block;
        width: 100%;
        max-width: none;
        float: none;
        box-sizing: border-box;
    }

    .inventory-transfer-date-panel .laydate-main-list-1 {
        border-left: 0;
        border-top: 1px solid #e2e2e2;
    }

    .inventory-transfer-date-panel .laydate-main-list-1 .layui-laydate-header,
    .inventory-transfer-date-panel .laydate-main-list-1 .layui-laydate-content {
        border-left: 0;
    }

    .inventory-transfer-date-panel .layui-laydate-footer {
        position: sticky;
        bottom: 0;
        background: #fff;
        z-index: 1;
    }
}