/* /Components/Layout/MainLayout.razor.rz.scp.css */
.wms-shell[b-u8541m6f5x] {
    --rz-primary: #12372a;
    --rz-header-background-color: #12372a;
    --rz-header-color: #fff;
    min-height: 100vh;
    background: #f5f7f9;
}

.wms-header[b-u8541m6f5x] {
    min-height: 44px;
    height: 44px;
    background: #12372a !important;
    background-color: #12372a !important;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

[b-u8541m6f5x] .wms-header.rz-header {
    min-height: 44px !important;
    height: 44px !important;
    background: #12372a !important;
    background-color: #12372a !important;
    color: #fff;
}

.wms-sidebar-toggle[b-u8541m6f5x] {
    color: #fff !important;
}

[b-u8541m6f5x] .wms-sidebar-toggle,
[b-u8541m6f5x] .wms-sidebar-toggle .rz-button-icon,
[b-u8541m6f5x] .wms-sidebar-toggle .rzi {
    color: #fff !important;
}

.wms-header-logo[b-u8541m6f5x] {
    width: 82px;
    height: auto;
    max-height: 26px;
    object-fit: contain;
}

.wms-title[b-u8541m6f5x] {
    color: #fff !important;
    font-weight: 700;
    font-size: 0.86rem;
    line-height: 1;
    letter-spacing: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

[b-u8541m6f5x] .wms-title,
[b-u8541m6f5x] .wms-header .wms-title {
    color: #fff !important;
}

.wms-sidebar[b-u8541m6f5x] {
    width: 180px;
    background: #fff;
    border-right: 1px solid #dfe5e8;
}

[b-u8541m6f5x] .wms-sidebar.rz-sidebar {
    width: 180px !important;
}

.wms-brand[b-u8541m6f5x] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.5rem;
    min-height: 44px;
    border-bottom: 1px solid #e5eaee;
}

.wms-brand-logo[b-u8541m6f5x] {
    width: 108px;
    height: auto;
    max-height: 30px;
    object-fit: contain;
    flex: 0 0 auto;
}

.wms-brand-title[b-u8541m6f5x] {
    font-weight: 700;
    font-size: 0.76rem;
    color: #12372a;
    letter-spacing: 0;
}

.wms-brand-subtitle[b-u8541m6f5x] {
    font-size: 0.58rem;
    color: #667085;
    line-height: 1.2;
}

.wms-body[b-u8541m6f5x] {
    background: #f5f7f9;
}

.wms-main[b-u8541m6f5x] {
    padding: 0.45rem 0.65rem;
}

#blazor-error-ui[b-u8541m6f5x] {
    color-scheme: light only;
    background: #fff7cc;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-u8541m6f5x] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.wms-nav[b-a5u7d1vj45] {
    padding: 0.15rem;
    font-size: 0.76rem;
}

.wms-nav[b-a5u7d1vj45]  .rz-navigation-item-link {
    min-height: 28px;
    border-radius: 4px;
    padding: 0.2rem 0.4rem;
}

.wms-nav[b-a5u7d1vj45]  .rz-navigation-item-icon {
    font-size: 0.88rem;
    margin-right: 0.35rem;
}

.wms-nav[b-a5u7d1vj45]  .rz-navigation-item-link:hover {
    background: #eef4f1;
}

.wms-nav[b-a5u7d1vj45]  .rz-navigation-item-active > .rz-navigation-item-link {
    background: #dcebe4;
    color: #12372a;
    font-weight: 600;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mvreggucuk],
.components-reconnect-repeated-attempt-visible[b-mvreggucuk],
.components-reconnect-failed-visible[b-mvreggucuk],
.components-pause-visible[b-mvreggucuk],
.components-resume-failed-visible[b-mvreggucuk],
.components-rejoining-animation[b-mvreggucuk] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-mvreggucuk],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-mvreggucuk],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-mvreggucuk],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-mvreggucuk],
#components-reconnect-modal.components-reconnect-retrying[b-mvreggucuk],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-mvreggucuk],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-mvreggucuk],
#components-reconnect-modal.components-reconnect-failed[b-mvreggucuk],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-mvreggucuk] {
    display: block;
}


#components-reconnect-modal[b-mvreggucuk] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-mvreggucuk 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-mvreggucuk 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-mvreggucuk 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-mvreggucuk]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-mvreggucuk 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-mvreggucuk {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-mvreggucuk {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-mvreggucuk {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-mvreggucuk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-mvreggucuk] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-mvreggucuk] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-mvreggucuk] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-mvreggucuk] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-mvreggucuk] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-mvreggucuk] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-mvreggucuk 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-mvreggucuk] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-mvreggucuk {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* รูปแบบ Dashboard เฉพาะหน้า Home */
.dashboard-page[b-a5yey1rmfp] {
    --rz-primary: #1b6b50;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    padding: 0.75rem;
    color: #18332b;
}

.dashboard-heading[b-a5yey1rmfp],
.dashboard-toolbar[b-a5yey1rmfp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.dashboard-heading[b-a5yey1rmfp] {
    justify-content: space-between;
}

.dashboard-heading h1[b-a5yey1rmfp] {
    margin: 0;
    font-size: 1.65rem;
    font-weight: 700;
}

.dashboard-updated[b-a5yey1rmfp] {
    font-size: 0.8rem;
    color: #66786f;
}

/* Checkbox บริษัทมีพื้นที่กดและสถานะเลือกชัดเจน */
.dashboard-company-filter[b-a5yey1rmfp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.dashboard-company-checkbox[b-a5yey1rmfp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    max-width: 100%;
    padding: 0.65rem 0.85rem;
    border: 1px solid #d4e1da;
    border-radius: 10px;
    background: #ffffff;
    cursor: pointer;
}

.dashboard-company-checkbox input[b-a5yey1rmfp] {
    width: 18px;
    height: 18px;
    margin: 0;
    flex-shrink: 0;
    accent-color: #1b6b50;
}

.dashboard-company-checkbox input:checked + span[b-a5yey1rmfp] {
    color: #14543b;
    font-weight: 700;
}

.dashboard-company-checkbox:focus-within[b-a5yey1rmfp] {
    outline: 2px solid #2c7960;
    outline-offset: 2px;
}

.dashboard-company-checkbox span[b-a5yey1rmfp] {
    overflow-wrap: anywhere;
}

.dashboard-inactive[b-a5yey1rmfp] {
    display: inline-block;
    font-size: 0.72rem;
    color: #8a5b18;
}

/* แยกพื้นที่แต่ละบริษัท และจัดหัว Tab คลัง */
.dashboard-company-section[b-a5yey1rmfp] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #dce6e0;
    border-radius: 14px;
    background: #ffffff;
}

.dashboard-company-section h2[b-a5yey1rmfp] {
    margin: 0 0 1rem;
    font-size: 1.05rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.dashboard-warehouse-tab[b-a5yey1rmfp] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    color: #254d3b;
    text-align: left;
    white-space: normal;
}

.dashboard-warehouse-tab > div[b-a5yey1rmfp] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.dashboard-warehouse-tab strong[b-a5yey1rmfp] {
    font-size: 1rem;
}

.dashboard-warehouse-tab span[b-a5yey1rmfp] {
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

/* ::deep ใช้กับส่วนที่ Radzen สร้างภายใน Component */
.dashboard-warehouse-tab[b-a5yey1rmfp]  .rzi {
    font-size: 40px;
    flex-shrink: 0;
}

.dashboard-page[b-a5yey1rmfp]  .rz-tabview-nav {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.dashboard-page[b-a5yey1rmfp]  .rz-tabview-nav li {
    margin: 0;
    border: 1px solid #d4e1da;
    border-radius: 10px 10px 0 0;
    background: #f4f7f5;
}

.dashboard-page[b-a5yey1rmfp]  .rz-tabview-nav li.rz-tabview-selected {
    border-color: #1b6b50;
    background: #eaf6ef;
}

.dashboard-page[b-a5yey1rmfp]  .rz-tabview-panels {
    min-width: 0;
    padding: 1rem 0 0;
}

/* Desktop แสดง 5 Card ต่อแถว แถวเพิ่มตามจำนวน Slot */
.dashboard-slot-grid[b-a5yey1rmfp] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    gap: 0.85rem;
    min-width: 0;
}

.dashboard-slot-card[b-a5yey1rmfp] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 260px;
    padding: 0.85rem;
    border: 1px solid #d7e2dc;
    border-top: 4px solid #1b6b50;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(20, 54, 39, 0.07);
    overflow-wrap: anywhere;
}

.dashboard-slot-card.is-empty[b-a5yey1rmfp] {
    border-top-color: #bdc9c2;
    background: #f8faf9;
    box-shadow: none;
}

.dashboard-slot-header[b-a5yey1rmfp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    padding-bottom: 0.75rem;
}

.dashboard-slot-header > div[b-a5yey1rmfp] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.dashboard-slot-header h3[b-a5yey1rmfp] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.dashboard-slot-header span[b-a5yey1rmfp] {
    font-size: 0.76rem;
    color: #66786f;
}

.dashboard-pallet-count[b-a5yey1rmfp] {
    padding: 0.25rem 0.45rem;
    border-radius: 6px;
    background: #edf4ef;
    font-size: 0.72rem;
    white-space: nowrap;
}

.dashboard-empty-slot[b-a5yey1rmfp] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #83958b;
}

/* แยกสินค้าภายใน Slot โดยไม่ตัดชื่อหรือรหัสสินค้า */
.dashboard-product[b-a5yey1rmfp] {
    min-width: 0;
    padding: 0.85rem 0;
    border-top: 1px solid #e5ece7;
}

.dashboard-product:last-child[b-a5yey1rmfp] {
    padding-bottom: 0;
}

.dashboard-product-heading h4[b-a5yey1rmfp] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
}

.dashboard-product-heading p[b-a5yey1rmfp] {
    margin: 0.3rem 0 0.75rem;
    font-size: 0.84rem;
    line-height: 1.5;
    color: #55675f;
}

.dashboard-metric[b-a5yey1rmfp] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
    font-size: 0.8rem;
}

.dashboard-metric strong[b-a5yey1rmfp] {
    flex-shrink: 0;
}

/* ใช้สีแยก Pallet เต็มและไม่เต็ม */
.dashboard-pallet-group[b-a5yey1rmfp] {
    margin-top: 0.6rem;
    padding: 0.6rem;
    border: 1px solid;
    border-radius: 8px;
}

.dashboard-pallet-group.is-full[b-a5yey1rmfp] {
    border-color: #cee5d7;
    background: #edf8f2;
    color: #24583e;
}

.dashboard-pallet-group.is-partial[b-a5yey1rmfp] {
    border-color: #f4d7a4;
    background: #fff6e8;
    color: #805415;
}

.dashboard-quantity-line[b-a5yey1rmfp] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.76rem;
    line-height: 1.5;
}

.dashboard-quantity-line + .dashboard-quantity-line[b-a5yey1rmfp] {
    margin-top: 0.5rem;
}

.dashboard-quantity-line strong[b-a5yey1rmfp] {
    text-align: right;
}

/* เน้นยอดรวม โดยแยกตามสินค้าและหน่วย */
.dashboard-product-total[b-a5yey1rmfp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.75rem;
    padding: 0.7rem;
    border-radius: 8px;
    background: #173e2f;
    color: #ffffff;
}

.dashboard-product-total span[b-a5yey1rmfp] {
    font-size: 0.76rem;
    color: #ddece4;
}

.dashboard-product-total strong[b-a5yey1rmfp] {
    font-size: 1.12rem;
    font-variant-numeric: tabular-nums;
}

/* จอกลางแสดง 3 Card ต่อแถว */
@media (max-width: 1199px) {
    .dashboard-slot-grid[b-a5yey1rmfp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Tablet หรือหน้าต่างที่มีพื้นที่จำกัด */
@media (max-width: 1023px) {
    .dashboard-slot-grid[b-a5yey1rmfp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* เพิ่มพื้นที่กด โดยยังใช้ Checkbox และปุ่มเดิม */
    .dashboard-company-checkbox[b-a5yey1rmfp] {
        min-height: 44px;
        box-sizing: border-box;
    }

    .dashboard-company-checkbox input[b-a5yey1rmfp] {
        width: 22px;
        height: 22px;
    }

    .dashboard-toolbar[b-a5yey1rmfp]  .rz-button {
        min-height: 44px;
    }

    .dashboard-page[b-a5yey1rmfp]  .rz-tabview-nav li > a {
        min-height: 56px;
        padding: 0.65rem 0.75rem;
    }

    /* ให้ชื่อคลังยาวตัดบรรทัดได้ภายใน Tab */
    .dashboard-warehouse-tab > div[b-a5yey1rmfp] {
        min-width: 0;
    }

    /* เพิ่มขนาดข้อความสำหรับอ่านบนจอสัมผัส */
    .dashboard-product-heading h4[b-a5yey1rmfp] {
        font-size: 1rem;
    }

    .dashboard-product-heading p[b-a5yey1rmfp] {
        font-size: 0.95rem;
    }

    .dashboard-metric[b-a5yey1rmfp],
    .dashboard-quantity-line[b-a5yey1rmfp] {
        font-size: 0.9rem;
    }

    .dashboard-product-total strong[b-a5yey1rmfp] {
        font-size: 1.25rem;
    }
}

/* มือถือใช้หนึ่ง Card ต่อแถว เพื่ออ่านยอดได้ชัดเจน */
@media (max-width: 767px) {
    .dashboard-slot-grid[b-a5yey1rmfp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-page[b-a5yey1rmfp] {
        padding: 0.35rem;
    }

    .dashboard-company-section[b-a5yey1rmfp] {
        padding: 0.65rem;
    }

    .dashboard-heading h1[b-a5yey1rmfp] {
        font-size: 1.4rem;
    }

    .dashboard-toolbar[b-a5yey1rmfp] {
        width: 100%;
        justify-content: space-between;
    }

    .dashboard-company-checkbox[b-a5yey1rmfp] {
        width: 100%;
        font-size: 0.95rem;
    }

    /* หัว Tab เรียงลงเมื่อพื้นที่แคบ ไม่ดันหน้าจอให้กว้าง */
    .dashboard-page[b-a5yey1rmfp]  .rz-tabview-nav li {
        width: 100%;
        max-width: 100%;
    }

    .dashboard-slot-header h3[b-a5yey1rmfp] {
        font-size: 1.1rem;
    }

    .dashboard-pallet-count[b-a5yey1rmfp] {
        font-size: 0.8rem;
    }

    /* ลดความสูง Card ว่าง เพื่อไม่ให้เลื่อนผ่านพื้นที่ว่างมากเกินไป */
    .dashboard-slot-card.is-empty[b-a5yey1rmfp] {
        min-height: 160px;
    }
}
/* /Components/Pages/Master/AddEditBagSymbol.razor.rz.scp.css */
/* ให้ Form ย่อความสูงตามกรอบ Dialog */
.bag-master-dialog-form[b-ytjazi2cwi] {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.bag-master-dialog-form[b-ytjazi2cwi]  .bag-master-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    gap: 1rem;
}

/* ข้อมูลเลื่อนได้ โดยปุ่มไม่เลื่อนตาม */
.bag-master-form-fields[b-ytjazi2cwi] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.25rem;
    scroll-padding: 1rem;
}

.bag-master-dialog-form[b-ytjazi2cwi]  .rz-textbox {
    min-height: 44px;
    font-size: 16px;
}

/* พื้นที่กดสถานะ Active อย่างน้อย 44px */
.bag-master-checkbox-control[b-ytjazi2cwi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    cursor: pointer;
}

.bag-master-checkbox-control input[b-ytjazi2cwi] {
    width: 24px;
    height: 24px;
    margin: 0;
    flex-shrink: 0;
    accent-color: #12372a;
}

.bag-master-form-actions[b-ytjazi2cwi] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-top: 1px solid #e5eaee;
}

.bag-master-form-actions[b-ytjazi2cwi]  .rz-button {
    min-width: 56px;
    min-height: 56px;
}

.bag-master-form-actions[b-ytjazi2cwi]  .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

/* มือถือแบ่งพื้นที่ปุ่มเท่ากัน */
@media (max-width: 767px) {
    .bag-master-form-actions[b-ytjazi2cwi]  .rz-button {
        flex: 1;
        min-width: 0;
        padding: 0.5rem;
    }
}
/* /Components/Pages/Master/AddEditBagType.razor.rz.scp.css */
/* ให้ Form ย่อความสูงตามกรอบ Dialog */
.bag-master-dialog-form[b-ihj4h4f8at] {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.bag-master-dialog-form[b-ihj4h4f8at]  .bag-master-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    gap: 1rem;
}

/* ข้อมูลเลื่อนได้ โดยปุ่มไม่เลื่อนตาม */
.bag-master-form-fields[b-ihj4h4f8at] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.25rem;
    scroll-padding: 1rem;
}

.bag-master-dialog-form[b-ihj4h4f8at]  .rz-textbox {
    min-height: 44px;
    font-size: 16px;
}

/* พื้นที่กดสถานะ Active อย่างน้อย 44px */
.bag-master-checkbox-control[b-ihj4h4f8at] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    cursor: pointer;
}

.bag-master-checkbox-control input[b-ihj4h4f8at] {
    width: 24px;
    height: 24px;
    margin: 0;
    flex-shrink: 0;
    accent-color: #12372a;
}

.bag-master-form-actions[b-ihj4h4f8at] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-top: 1px solid #e5eaee;
}

.bag-master-form-actions[b-ihj4h4f8at]  .rz-button {
    min-width: 56px;
    min-height: 56px;
}

.bag-master-form-actions[b-ihj4h4f8at]  .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

/* มือถือแบ่งพื้นที่ปุ่มเท่ากัน */
@media (max-width: 767px) {
    .bag-master-form-actions[b-ihj4h4f8at]  .rz-button {
        flex: 1;
        min-width: 0;
        padding: 0.5rem;
    }
}
/* /Components/Pages/Master/AddEditCompany.razor.rz.scp.css */
/* ให้ Form ย่อความสูงตามพื้นที่ Dialog ได้ */
.company-dialog-form[b-2x853cxsen] {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.company-dialog-form[b-2x853cxsen]  .company-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    gap: 1rem;
}

/* ข้อมูลเลื่อนแยกจากแถวปุ่ม */
.company-form-fields[b-2x853cxsen] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.25rem;
    scroll-padding: 1rem;
}

.company-dialog-form[b-2x853cxsen]  .rz-textbox,
.company-dialog-form[b-2x853cxsen]  .rz-textarea {
    min-height: 44px;
    font-size: 16px;
}

.company-dialog-form[b-2x853cxsen]  .rz-textarea {
    resize: vertical;
}

/* Label และ Checkbox รวมเป็นพื้นที่กดอย่างน้อย 44px */
.company-active-control[b-2x853cxsen] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    cursor: pointer;
}

.company-active-control input[b-2x853cxsen] {
    width: 24px;
    height: 24px;
    margin: 0;
    accent-color: #12372a;
}

/* ปุ่มอยู่ท้าย Dialog และไม่ยุบตามเนื้อหา */
.company-form-actions[b-2x853cxsen] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-top: 1px solid #e5eaee;
}

.company-form-actions[b-2x853cxsen]  .rz-button {
    min-width: 56px;
    min-height: 56px;
}

.company-form-actions[b-2x853cxsen]  .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

/* มือถือแบ่งพื้นที่ปุ่มเท่ากัน */
@media (max-width: 767px) {
    .company-form-actions[b-2x853cxsen]  .rz-button {
        flex: 1;
        min-width: 0;
        padding: 0.5rem;
    }
}
/* /Components/Pages/Master/AddEditEmployee.razor.rz.scp.css */
/* ให้ Form ย่อความสูงตามกรอบ Dialog */
.employee-dialog-form[b-sfvvkwwgru] {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.employee-dialog-form[b-sfvvkwwgru]  .employee-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    gap: 1rem;
}

/* ข้อมูลเลื่อนได้ โดยปุ่มไม่เลื่อนตาม */
.employee-form-fields[b-sfvvkwwgru] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.25rem;
    scroll-padding: 1rem;
}

.employee-dialog-form[b-sfvvkwwgru]  .rz-textbox,
.employee-dialog-form[b-sfvvkwwgru]  .rz-textarea {
    min-height: 44px;
    font-size: 16px;
}

.employee-dialog-form[b-sfvvkwwgru]  .rz-textarea {
    resize: vertical;
}

/* จอกว้างเรียงสิทธิ์แนวนอนและขึ้นแถวใหม่ได้ */
.employee-permissions[b-sfvvkwwgru] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
}

.employee-checkbox-control[b-sfvvkwwgru] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    cursor: pointer;
}

.employee-checkbox-control input[b-sfvvkwwgru] {
    width: 24px;
    height: 24px;
    margin: 0;
    flex-shrink: 0;
    accent-color: #12372a;
}

.employee-form-actions[b-sfvvkwwgru] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-top: 1px solid #e5eaee;
}

.employee-form-actions[b-sfvvkwwgru]  .rz-button {
    min-width: 56px;
    min-height: 56px;
}

.employee-form-actions[b-sfvvkwwgru]  .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

/* มือถือเรียงสิทธิ์ลง และแบ่งพื้นที่ปุ่มเท่ากัน */
@media (max-width: 767px) {
    .employee-permissions[b-sfvvkwwgru] {
        flex-direction: column;
    }

    .employee-form-actions[b-sfvvkwwgru]  .rz-button {
        flex: 1;
        min-width: 0;
        padding: 0.5rem;
    }
}
/* /Components/Pages/Master/AddEditProduct.razor.rz.scp.css */
/* ให้ Form ย่อความสูงตามกรอบ Dialog */
.product-dialog-form[b-43i99gv2cx] {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.product-dialog-form[b-43i99gv2cx]  .product-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    gap: 1rem;
}

/* ข้อมูลเลื่อนได้ โดยปุ่มไม่เลื่อนตาม */
.product-form-fields[b-43i99gv2cx] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.25rem;
    scroll-padding: 1rem;
}

.product-dialog-form[b-43i99gv2cx]  .rz-textbox,
.product-dialog-form[b-43i99gv2cx]  .rz-textarea {
    min-height: 44px;
    font-size: 16px;
}

.product-dialog-form[b-43i99gv2cx]  .rz-textarea {
    resize: vertical;
}

/* พื้นที่กดสถานะ Active อย่างน้อย 44px */
.product-checkbox-control[b-43i99gv2cx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    cursor: pointer;
}

.product-checkbox-control input[b-43i99gv2cx] {
    width: 24px;
    height: 24px;
    margin: 0;
    flex-shrink: 0;
    accent-color: #12372a;
}

.product-form-actions[b-43i99gv2cx] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-top: 1px solid #e5eaee;
}

.product-form-actions[b-43i99gv2cx]  .rz-button {
    min-width: 56px;
    min-height: 56px;
}

.product-form-actions[b-43i99gv2cx]  .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

/* มือถือแบ่งพื้นที่ปุ่มเท่ากัน */
@media (max-width: 767px) {
    .product-form-actions[b-43i99gv2cx]  .rz-button {
        flex: 1;
        min-width: 0;
        padding: 0.5rem;
    }
}
/* เพิ่มพื้นที่กด dropdown และอ่านชื่อ Master ยาวได้ครบ */
.product-dialog-form[b-43i99gv2cx]  .rz-dropdown { min-height: 56px; height: auto; font-size: 16px; }
.product-dialog-form[b-43i99gv2cx]  .rz-dropdown-label {
    white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.4;
}
.product-dialog-form[b-43i99gv2cx]  .rz-dropdown-trigger { min-width: 44px; min-height: 44px; }
/* Template อยู่ใน popup นอก Form จึงใช้ selector ของ span โดยตรง */
.product-dropdown-option[b-43i99gv2cx] {
    display: block; box-sizing: border-box; min-height: 44px; padding: 0.5rem 0;
    white-space: normal; overflow-wrap: anywhere; line-height: 1.4;
}

/* ปุ่มล้างค่า dropdown และปุ่มเปิดรายการมีพื้นที่กดอย่างน้อย 44px */
.product-dialog-form[b-43i99gv2cx]  .rz-dropdown-clear-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-size: 24px;
    right: 44px;
    top: 50%;
    transform: translateY(-50%);
}
.product-dialog-form[b-43i99gv2cx]  .rz-dropdown-label { padding-inline-end: 88px; }
/* /Components/Pages/Master/AddEditSlot.razor.rz.scp.css */
/* ให้ Form ย่อความสูงตามกรอบ Dialog */
.slot-dialog-form[b-fbkb5lfiz5] {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.slot-dialog-form[b-fbkb5lfiz5]  .slot-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    gap: 1rem;
}

/* ข้อมูลเลื่อนได้ โดยปุ่มไม่เลื่อนตาม */
.slot-form-fields[b-fbkb5lfiz5] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.25rem;
    scroll-padding: 1rem;
}

.slot-dialog-form[b-fbkb5lfiz5]  .rz-textbox,
.slot-dialog-form[b-fbkb5lfiz5]  .rz-textarea {
    min-height: 44px;
    font-size: 16px;
}

.slot-dialog-form[b-fbkb5lfiz5]  .rz-textarea {
    resize: vertical;
}

/* พื้นที่กดสถานะ Active อย่างน้อย 44px */
.slot-checkbox-control[b-fbkb5lfiz5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    cursor: pointer;
}

.slot-checkbox-control input[b-fbkb5lfiz5] {
    width: 24px;
    height: 24px;
    margin: 0;
    flex-shrink: 0;
    accent-color: #12372a;
}

.slot-form-actions[b-fbkb5lfiz5] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-top: 1px solid #e5eaee;
}

.slot-form-actions[b-fbkb5lfiz5]  .rz-button {
    min-width: 56px;
    min-height: 56px;
}

.slot-form-actions[b-fbkb5lfiz5]  .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

/* มือถือแบ่งพื้นที่ปุ่มเท่ากัน */
@media (max-width: 767px) {
    .slot-form-actions[b-fbkb5lfiz5]  .rz-button {
        flex: 1;
        min-width: 0;
        padding: 0.5rem;
    }
}
/* เพิ่มพื้นที่กด dropdown และอ่านชื่อคลังยาวได้ครบ */
.slot-dialog-form[b-fbkb5lfiz5]  .rz-dropdown {
    min-height: 56px;
    height: auto;
    font-size: 16px;
}

.slot-dialog-form[b-fbkb5lfiz5]  .rz-dropdown-label {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
    line-height: 1.4;
}

/* Template อยู่ใน popup จึงใช้ selector ของ span โดยตรง */
.slot-warehouse-option[b-fbkb5lfiz5] {
    display: block;
    box-sizing: border-box;
    min-height: 44px;
    padding: 0.5rem 0;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.4;
}
/* /Components/Pages/Master/AddEditWarehouse.razor.rz.scp.css */
/* ให้ Form ย่อความสูงตามกรอบ Dialog */
.warehouse-dialog-form[b-8u17inmskc] {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.warehouse-dialog-form[b-8u17inmskc]  .warehouse-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    gap: 1rem;
}

/* ข้อมูลเลื่อนได้ โดยปุ่มไม่เลื่อนตาม */
.warehouse-form-fields[b-8u17inmskc] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.25rem;
    scroll-padding: 1rem;
}

.warehouse-dialog-form[b-8u17inmskc]  .rz-textbox,
.warehouse-dialog-form[b-8u17inmskc]  .rz-textarea {
    min-height: 44px;
    font-size: 16px;
}

.warehouse-dialog-form[b-8u17inmskc]  .rz-textarea {
    resize: vertical;
}

/* พื้นที่กดสถานะ Active อย่างน้อย 44px */
.warehouse-checkbox-control[b-8u17inmskc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    cursor: pointer;
}

.warehouse-checkbox-control input[b-8u17inmskc] {
    width: 24px;
    height: 24px;
    margin: 0;
    flex-shrink: 0;
    accent-color: #12372a;
}

.warehouse-form-actions[b-8u17inmskc] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-top: 1px solid #e5eaee;
}

.warehouse-form-actions[b-8u17inmskc]  .rz-button {
    min-width: 56px;
    min-height: 56px;
}

.warehouse-form-actions[b-8u17inmskc]  .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

/* มือถือแบ่งพื้นที่ปุ่มเท่ากัน */
@media (max-width: 767px) {
    .warehouse-form-actions[b-8u17inmskc]  .rz-button {
        flex: 1;
        min-width: 0;
        padding: 0.5rem;
    }
}
/* /Components/Pages/Master/BagSymbols.razor.rz.scp.css */
/* รูปแบบเฉพาะหน้า BagSymbol */
.bag-symbol-page[b-wxo1k64yim] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.bag-symbol-page-title[b-wxo1k64yim] {
    margin: 0;
    font-size: 1.5rem;
}

.bag-symbol-description[b-wxo1k64yim] {
    margin: 0;
    color: #667085;
}

.bag-symbol-card-header[b-wxo1k64yim] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #12372a;
}

.bag-symbol-name[b-wxo1k64yim] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
    min-width: 0;
}

/* ชื่อ Master ยาวขึ้นบรรทัดได้ครบ */
.bag-symbol-page-title[b-wxo1k64yim],
.bag-symbol-name[b-wxo1k64yim],
.bag-symbol-description[b-wxo1k64yim],
.bag-symbol-details[b-wxo1k64yim] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.bag-symbol-page[b-wxo1k64yim]  .bag-symbol-card {
    height: 100%;
    box-sizing: border-box;
}

.bag-symbol-details[b-wxo1k64yim] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin: 1rem 0;
}

.bag-symbol-details dt[b-wxo1k64yim] {
    margin-bottom: 0.25rem;
    color: #667085;
    font-weight: 500;
}

.bag-symbol-details dd[b-wxo1k64yim] {
    margin: 0;
}

.bag-symbol-actions[b-wxo1k64yim] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.bag-symbol-toolbar[b-wxo1k64yim],
.bag-symbol-pager[b-wxo1k64yim] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.bag-symbol-pager[b-wxo1k64yim] {
    justify-content: center;
}

.bag-symbol-sort-field[b-wxo1k64yim] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.bag-symbol-sort-field select[b-wxo1k64yim] {
    min-height: 56px;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: white;
    color: #1f2937;
    font-size: 16px;
}

/* ปุ่มกดสะดวก พร้อม icon ใหญ่ */
.bag-symbol-page[b-wxo1k64yim]  .bag-symbol-action {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
}

/* ขยาย icon ภายในปุ่ม Radzen */
.bag-symbol-page[b-wxo1k64yim]  .bag-symbol-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

@media (max-width: 767px) {
    .bag-symbol-actions[b-wxo1k64yim]  .bag-symbol-action {
        flex: 1;
        min-width: 0;
    }

    .bag-symbol-page[b-wxo1k64yim]  .bag-symbol-add,
    .bag-symbol-sort-field[b-wxo1k64yim] {
        width: 100%;
    }
}
/* /Components/Pages/Master/BagTypes.razor.rz.scp.css */
/* รูปแบบเฉพาะหน้า BagType */
.bag-type-page[b-c9jgjg56pp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.bag-type-page-title[b-c9jgjg56pp] {
    margin: 0;
    font-size: 1.5rem;
}

.bag-type-description[b-c9jgjg56pp] {
    margin: 0;
    color: #667085;
}

.bag-type-card-header[b-c9jgjg56pp] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #12372a;
}

.bag-type-name[b-c9jgjg56pp] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
    min-width: 0;
}

/* ชื่อ Master ยาวขึ้นบรรทัดได้ครบ */
.bag-type-page-title[b-c9jgjg56pp],
.bag-type-name[b-c9jgjg56pp],
.bag-type-description[b-c9jgjg56pp],
.bag-type-details[b-c9jgjg56pp] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.bag-type-page[b-c9jgjg56pp]  .bag-type-card {
    height: 100%;
    box-sizing: border-box;
}

.bag-type-details[b-c9jgjg56pp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin: 1rem 0;
}

.bag-type-details dt[b-c9jgjg56pp] {
    margin-bottom: 0.25rem;
    color: #667085;
    font-weight: 500;
}

.bag-type-details dd[b-c9jgjg56pp] {
    margin: 0;
}

.bag-type-actions[b-c9jgjg56pp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.bag-type-toolbar[b-c9jgjg56pp],
.bag-type-pager[b-c9jgjg56pp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.bag-type-pager[b-c9jgjg56pp] {
    justify-content: center;
}

.bag-type-sort-field[b-c9jgjg56pp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.bag-type-sort-field select[b-c9jgjg56pp] {
    min-height: 56px;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: white;
    color: #1f2937;
    font-size: 16px;
}

/* ปุ่มกดสะดวก พร้อม icon ใหญ่ */
.bag-type-page[b-c9jgjg56pp]  .bag-type-action {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
}

/* ขยาย icon ภายในปุ่ม Radzen */
.bag-type-page[b-c9jgjg56pp]  .bag-type-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

@media (max-width: 767px) {
    .bag-type-actions[b-c9jgjg56pp]  .bag-type-action {
        flex: 1;
        min-width: 0;
    }

    .bag-type-page[b-c9jgjg56pp]  .bag-type-add,
    .bag-type-sort-field[b-c9jgjg56pp] {
        width: 100%;
    }
}
/* /Components/Pages/Master/Companies.razor.rz.scp.css */
/* จำกัดรูปแบบเฉพาะหน้า Company */
.company-page[b-2pmlqjfi0j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.company-page-title[b-2pmlqjfi0j] {
    margin: 0;
    font-size: 1.5rem;
}

.company-description[b-2pmlqjfi0j] {
    margin: 0;
    color: #667085;
}

.company-card-header[b-2pmlqjfi0j] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #12372a;
}

.company-heading[b-2pmlqjfi0j] {
    min-width: 0;
}

.company-name[b-2pmlqjfi0j] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

/* รองรับชื่อ รหัส และที่อยู่ยาว โดยแสดงข้อความครบ */
.company-name[b-2pmlqjfi0j],
.company-description[b-2pmlqjfi0j],
.company-details[b-2pmlqjfi0j] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.company-details[b-2pmlqjfi0j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.company-details dt[b-2pmlqjfi0j] {
    margin-bottom: 0.25rem;
    color: #667085;
    font-weight: 500;
}

.company-details dd[b-2pmlqjfi0j] {
    margin: 0;
    white-space: pre-wrap;
}

.company-address[b-2pmlqjfi0j] {
    grid-column: 1 / -1;
}

.company-actions[b-2pmlqjfi0j] {
    display: flex;
    justify-content: flex-end;
}

/* ปุ่มใหญ่และ icon ใกล้เคียง Dashboard */
.company-page[b-2pmlqjfi0j]  .company-action {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
}

.company-page[b-2pmlqjfi0j]  .company-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

/* มือถือแสดงข้อมูลหนึ่งคอลัมน์และปุ่มเต็มพื้นที่ */
@media (max-width: 767px) {
.company-details[b-2pmlqjfi0j] {
        grid-template-columns: minmax(0, 1fr);
    }

.company-page[b-2pmlqjfi0j]  .company-action {
        width: 100%;
    }
}
/* /Components/Pages/Master/Employees.razor.rz.scp.css */
/* รูปแบบเฉพาะหน้า Employee */
.employee-page[b-5tsm19j1yc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.employee-page-title[b-5tsm19j1yc] {
    margin: 0;
    font-size: 1.5rem;
}

.employee-description[b-5tsm19j1yc] {
    margin: 0;
    color: #667085;
}

.employee-card-header[b-5tsm19j1yc] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #12372a;
}

.employee-heading[b-5tsm19j1yc] {
    min-width: 0;
}

.employee-name[b-5tsm19j1yc] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

/* ไม่ตัดชื่อ รหัส แผนก หรือตำแหน่ง */
.employee-name[b-5tsm19j1yc],
.employee-description[b-5tsm19j1yc],
.employee-details[b-5tsm19j1yc] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.employee-page[b-5tsm19j1yc]  .employee-card {
    height: 100%;
    box-sizing: border-box;
}

.employee-details[b-5tsm19j1yc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.employee-details dt[b-5tsm19j1yc] {
    margin-bottom: 0.25rem;
    color: #667085;
    font-weight: 500;
}

.employee-details dd[b-5tsm19j1yc] {
    margin: 0;
}

.employee-actions[b-5tsm19j1yc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.employee-toolbar[b-5tsm19j1yc],
.employee-pager[b-5tsm19j1yc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.employee-pager[b-5tsm19j1yc] {
    justify-content: center;
}

.employee-sort-field[b-5tsm19j1yc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.employee-sort-field select[b-5tsm19j1yc] {
    min-height: 56px;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: white;
    color: #1f2937;
    font-size: 16px;
}

/* ปุ่มกดสะดวก พร้อม icon ใหญ่ */
.employee-page[b-5tsm19j1yc]  .employee-action {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
}

/* ขยาย icon ภายในปุ่ม Radzen */
.employee-page[b-5tsm19j1yc]  .employee-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

@media (max-width: 767px) {
    .employee-details[b-5tsm19j1yc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .employee-actions[b-5tsm19j1yc]  .employee-action {
        flex: 1;
        min-width: 0;
    }

    .employee-page[b-5tsm19j1yc]  .employee-add,
    .employee-sort-field[b-5tsm19j1yc] {
        width: 100%;
    }
}
/* /Components/Pages/Master/Products.razor.rz.scp.css */
/* รูปแบบเฉพาะหน้า Product */
.product-page[b-qvesb6r031] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.product-page-title[b-qvesb6r031] {
    margin: 0;
    font-size: 1.5rem;
}

.product-description[b-qvesb6r031] {
    margin: 0;
    color: #667085;
}

.product-card-header[b-qvesb6r031] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #12372a;
}

.product-heading[b-qvesb6r031] {
    min-width: 0;
}

.product-name[b-qvesb6r031] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

/* ไม่ตัดชื่อ รหัส แผนก หรือตำแหน่ง */
.product-name[b-qvesb6r031],
.product-description[b-qvesb6r031],
.product-details[b-qvesb6r031] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.product-page[b-qvesb6r031]  .product-card {
    height: 100%;
    box-sizing: border-box;
}

.product-details[b-qvesb6r031] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.product-details dt[b-qvesb6r031] {
    margin-bottom: 0.25rem;
    color: #667085;
    font-weight: 500;
}

.product-details dd[b-qvesb6r031] {
    margin: 0;
}

.product-actions[b-qvesb6r031] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.product-toolbar[b-qvesb6r031],
.product-pager[b-qvesb6r031] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.product-pager[b-qvesb6r031] {
    justify-content: center;
}

.product-sort-field[b-qvesb6r031] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.product-sort-field select[b-qvesb6r031] {
    min-height: 56px;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: white;
    color: #1f2937;
    font-size: 16px;
}

/* ปุ่มกดสะดวก พร้อม icon ใหญ่ */
.product-page[b-qvesb6r031]  .product-action {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
}

/* ขยาย icon ภายในปุ่ม Radzen */
.product-page[b-qvesb6r031]  .product-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

@media (max-width: 767px) {
    .product-details[b-qvesb6r031] {
        grid-template-columns: minmax(0, 1fr);
    }

    .product-actions[b-qvesb6r031]  .product-action {
        flex: 1;
        min-width: 0;
    }

    .product-page[b-qvesb6r031]  .product-add,
    .product-sort-field[b-qvesb6r031] {
        width: 100%;
    }
}
/* รายละเอียดสินค้าใช้เต็มแถว และเก็บการขึ้นบรรทัดเดิม */
.product-detail-description[b-qvesb6r031] { grid-column: 1 / -1; }
.product-detail-description dd[b-qvesb6r031] { white-space: pre-wrap; }
.product-applied-search[b-qvesb6r031] { overflow-wrap: anywhere; }

/* ช่องค้นหาอยู่แถวเดียวกับปุ่มบน Desktop และขึ้นแถวใหม่บนมือถือ */
.product-search[b-qvesb6r031] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
}
.product-search-field[b-qvesb6r031] { display: flex; flex-direction: column; gap: 0.25rem; flex: 1 1 280px; min-width: 0; }
.product-page[b-qvesb6r031]  .product-search-input { min-height: 56px; font-size: 16px; }
@media (max-width: 767px) {
    .product-search-field[b-qvesb6r031] { flex-basis: 100%; }
    .product-search[b-qvesb6r031]  .product-action { flex: 1; min-width: 0; }
}
/* /Components/Pages/Master/Slots.razor.rz.scp.css */
/* รูปแบบเฉพาะหน้า Slot */
.slot-page[b-3qkhwm94xk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.slot-page-title[b-3qkhwm94xk] {
    margin: 0;
    font-size: 1.5rem;
}

.slot-description[b-3qkhwm94xk] {
    margin: 0;
    color: #667085;
}

.slot-card-header[b-3qkhwm94xk] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #12372a;
}

.slot-heading[b-3qkhwm94xk] {
    min-width: 0;
}

.slot-name[b-3qkhwm94xk] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

/* ไม่ตัดชื่อ รหัส แผนก หรือตำแหน่ง */
.slot-name[b-3qkhwm94xk],
.slot-description[b-3qkhwm94xk],
.slot-details[b-3qkhwm94xk] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.slot-page[b-3qkhwm94xk]  .slot-card {
    height: 100%;
    box-sizing: border-box;
}

.slot-details[b-3qkhwm94xk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.slot-details dt[b-3qkhwm94xk] {
    margin-bottom: 0.25rem;
    color: #667085;
    font-weight: 500;
}

.slot-details dd[b-3qkhwm94xk] {
    margin: 0;
}

.slot-actions[b-3qkhwm94xk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.slot-toolbar[b-3qkhwm94xk],
.slot-pager[b-3qkhwm94xk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.slot-pager[b-3qkhwm94xk] {
    justify-content: center;
}

.slot-sort-field[b-3qkhwm94xk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.slot-sort-field select[b-3qkhwm94xk] {
    min-height: 56px;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: white;
    color: #1f2937;
    font-size: 16px;
}

/* ปุ่มกดสะดวก พร้อม icon ใหญ่ */
.slot-page[b-3qkhwm94xk]  .slot-action {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
}

/* ขยาย icon ภายในปุ่ม Radzen */
.slot-page[b-3qkhwm94xk]  .slot-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

@media (max-width: 767px) {
    .slot-details[b-3qkhwm94xk] {
        grid-template-columns: minmax(0, 1fr);
    }

    .slot-actions[b-3qkhwm94xk]  .slot-action {
        flex: 1;
        min-width: 0;
    }

    .slot-page[b-3qkhwm94xk]  .slot-add,
    .slot-sort-field[b-3qkhwm94xk] {
        width: 100%;
    }
}

/* หัว Tab คลังแบบ Dashboard และจำกัด style เฉพาะหน้า Slot */
.slot-warehouse-tab[b-3qkhwm94xk] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    color: #254d3b;
    text-align: left;
    white-space: normal;
}

.slot-warehouse-tab > div[b-3qkhwm94xk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.slot-warehouse-tab strong[b-3qkhwm94xk] {
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.slot-warehouse-tab span[b-3qkhwm94xk] {
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.slot-warehouse-tab[b-3qkhwm94xk]  .rzi {
    font-size: 40px;
    flex-shrink: 0;
}

.slot-warehouse-inactive[b-3qkhwm94xk] {
    font-size: 0.72rem;
    color: #8a5b18;
}

/* หัวแท็บขึ้นหลายแถวได้ เพื่อไม่บีบหน้าจอมือถือ */
.slot-page[b-3qkhwm94xk]  .rz-tabview-nav {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.slot-page[b-3qkhwm94xk]  .rz-tabview-nav li {
    margin: 0;
    max-width: 100%;
    border: 1px solid #d4e1da;
    border-radius: 10px 10px 0 0;
    background: #f4f7f5;
}

.slot-page[b-3qkhwm94xk]  .rz-tabview-nav li > a {
    box-sizing: border-box;
    min-height: 56px;
    padding: 0.65rem 0.75rem;
    white-space: normal;
}

.slot-page[b-3qkhwm94xk]  .rz-tabview-nav li.rz-tabview-selected {
    border-color: #1b6b50;
    background: #eaf6ef;
}

.slot-page[b-3qkhwm94xk]  .rz-tabview-panels {
    min-width: 0;
    padding: 1rem 0 0;
}

.slot-warehouse-content[b-3qkhwm94xk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}
/* /Components/Pages/Master/Warehouses.razor.rz.scp.css */
/* รูปแบบเฉพาะหน้า Warehouse */
.warehouse-page[b-j8vobkvj0n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.warehouse-page-title[b-j8vobkvj0n] {
    margin: 0;
    font-size: 1.5rem;
}

.warehouse-description[b-j8vobkvj0n] {
    margin: 0;
    color: #667085;
}

.warehouse-card-header[b-j8vobkvj0n] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #12372a;
}

.warehouse-heading[b-j8vobkvj0n] {
    min-width: 0;
}

.warehouse-name[b-j8vobkvj0n] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

/* ไม่ตัดชื่อ รหัส แผนก หรือตำแหน่ง */
.warehouse-name[b-j8vobkvj0n],
.warehouse-description[b-j8vobkvj0n],
.warehouse-details[b-j8vobkvj0n] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.warehouse-page[b-j8vobkvj0n]  .warehouse-card {
    height: 100%;
    box-sizing: border-box;
}

.warehouse-details[b-j8vobkvj0n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.warehouse-details dt[b-j8vobkvj0n] {
    margin-bottom: 0.25rem;
    color: #667085;
    font-weight: 500;
}

.warehouse-details dd[b-j8vobkvj0n] {
    margin: 0;
}

.warehouse-actions[b-j8vobkvj0n] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.warehouse-toolbar[b-j8vobkvj0n],
.warehouse-pager[b-j8vobkvj0n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.warehouse-pager[b-j8vobkvj0n] {
    justify-content: center;
}

.warehouse-sort-field[b-j8vobkvj0n] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.warehouse-sort-field select[b-j8vobkvj0n] {
    min-height: 56px;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: white;
    color: #1f2937;
    font-size: 16px;
}

/* ปุ่มกดสะดวก พร้อม icon ใหญ่ */
.warehouse-page[b-j8vobkvj0n]  .warehouse-action {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
}

/* ขยาย icon ภายในปุ่ม Radzen */
.warehouse-page[b-j8vobkvj0n]  .warehouse-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

@media (max-width: 767px) {
    .warehouse-details[b-j8vobkvj0n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .warehouse-actions[b-j8vobkvj0n]  .warehouse-action {
        flex: 1;
        min-width: 0;
    }

    .warehouse-page[b-j8vobkvj0n]  .warehouse-add,
    .warehouse-sort-field[b-j8vobkvj0n] {
        width: 100%;
    }
}
/* ให้ที่อยู่ใช้เต็มแถวและรักษาการขึ้นบรรทัดเดิม */
.warehouse-address[b-j8vobkvj0n] {
    grid-column: 1 / -1;
}

.warehouse-address dd[b-j8vobkvj0n] {
    white-space: pre-wrap;
}
/* /Components/Pages/Picking/PickingAllocationDialog.razor.rz.scp.css */
.picking-candidate-grid[b-epwj8leeil] {
    width: 100%;
    font-size: 0.78rem;
}

.picking-candidate-grid[b-epwj8leeil]  .rz-grid-table {
    table-layout: fixed;
    width: 100%;
    min-width: 900px;
}

.picking-candidate-grid[b-epwj8leeil]  .rz-grid-table th,
.picking-candidate-grid[b-epwj8leeil]  .rz-grid-table td {
    padding: 0.35rem;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
}

.picking-candidate-grid[b-epwj8leeil]  .rz-column-title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    font-size: 0.74rem;
    line-height: 1.15;
}

.picking-candidate-grid[b-epwj8leeil]  .rz-button.rz-button-sm {
    width: 28px;
    height: 28px;
    min-width: 28px;
    padding: 0;
}

/* ทำให้ Pallet ที่เลือกเห็นได้ทันทีโดยไม่ต้องอ่านข้อความด้านล่าง */
.picking-candidate-grid[b-epwj8leeil]  tr.candidate-row-selected > td {
    background-color: rgba(18, 55, 42, 0.10) !important;
    border-top: 1px solid rgba(18, 55, 42, 0.35);
    border-bottom: 1px solid rgba(18, 55, 42, 0.35);
    font-weight: 600;
}

/* เพิ่มแถบสีด้านซ้ายเพื่อบอกตำแหน่งแถวที่เลือกให้ชัดเจน */
.picking-candidate-grid[b-epwj8leeil]
 tr.candidate-row-selected > td:first-child {
    box-shadow: inset 4px 0 0 var(--rz-primary, #12372a);
}

/* รักษาสถานะที่เลือกให้ชัดเจนเมื่อนำเมาส์วางบนแถว */
.picking-candidate-grid[b-epwj8leeil]
 tr.candidate-row-selected:hover > td {
    background-color: rgba(18, 55, 42, 0.15) !important;
}

/* Grid เดิมยังใช้เลือกและแบ่งหน้า; Card ซ่อนบน iPad/Desktop */
.picking-candidate-card[b-epwj8leeil] {
    display: none;
}

/* มือถือแนวตั้ง และมือถือแนวนอนที่จอเตี้ย */
@media (max-width: 767px),
(max-height: 500px) and (pointer: coarse) {
    .picking-candidate-select-desktop[b-epwj8leeil] {
        display: none;
    }

    .picking-candidate-card[b-epwj8leeil] {
        display: block;
        padding: 0.75rem;
        border: 1px solid #d4e1da;
        border-radius: 8px;
        background: #fff;
        text-align: left;
    }

    /* ซ่อนหัวตารางและคอลัมน์อื่น เหลือช่องแรกที่บรรจุ Card */
    .picking-candidate-responsive[b-epwj8leeil]  .rz-grid-table {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
    }

    .picking-candidate-responsive[b-epwj8leeil]  .rz-grid-table thead,
    .picking-candidate-responsive[b-epwj8leeil]  .rz-grid-table colgroup {
        display: none;
    }

    .picking-candidate-responsive[b-epwj8leeil]  .rz-grid-table tbody,
    .picking-candidate-responsive[b-epwj8leeil]  .rz-grid-table tr {
        display: block;
        width: 100%;
    }

    .picking-candidate-responsive[b-epwj8leeil]  .rz-grid-table td {
        display: none;
    }

    /* ช่องแรกของ Grid ต้องกว้างเต็มแถวเพื่อวาง Pallet Card */
    .picking-candidate-responsive[b-epwj8leeil]  .rz-grid-table td:first-child {
        display: block;
        box-sizing: border-box;
        width: 100% !important;
        min-width: 0 !important;
        padding: 0.5rem;
    }

    .picking-candidate-card-id[b-epwj8leeil] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        overflow-wrap: anywhere;
    }

    .picking-candidate-card-id[b-epwj8leeil]  .rzi {
        font-size: 30px;
    }

    .picking-candidate-card-details[b-epwj8leeil] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        margin: 0.75rem 0;
    }

    .picking-candidate-card-details > div[b-epwj8leeil] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .picking-candidate-card-details span[b-epwj8leeil],
    .picking-candidate-card-details strong[b-epwj8leeil] {
        display: block;
    }

    .picking-candidate-card-details span[b-epwj8leeil] {
        color: #616161;
    }

    .picking-candidate-responsive[b-epwj8leeil] 
    .picking-candidate-select-mobile {
        width: 100%;
        min-height: 56px;
        font-size: 16px;
    }

    .picking-candidate-responsive[b-epwj8leeil] 
    .picking-candidate-select-mobile .rzi {
        font-size: 30px;
    }
}

/* div ใน Razor เป็นจุดยึดให้ CSS isolation เข้าถึง RadzenNumeric */
.picking-quantity-field[b-epwj8leeil]  .rz-numeric,
.picking-quantity-field[b-epwj8leeil]  .rz-inputtext {
    box-sizing: border-box;
    min-height: 56px;
    font-size: 16px;
}

/* ปุ่มบันทึกและยกเลิกกดง่าย โดยยังใช้เงื่อนไข Disabled เดิม */
.picking-allocation-footer[b-epwj8leeil]  .rz-stack {
    flex-wrap: wrap;
}

.picking-allocation-footer[b-epwj8leeil]  .rz-button {
    min-width: 56px;
    min-height: 56px;
    font-size: 16px;
}

.picking-allocation-footer[b-epwj8leeil]  .rz-button .rzi {
    font-size: 28px;
}

@media (max-width: 767px) {
    .picking-allocation-footer[b-epwj8leeil]  .rz-button {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 0;
    }
}

/* แจ้งจำนวนผิดใกล้ช่องกรอก ไม่ต้องรอให้กดบันทึก */
.picking-quantity-error[b-epwj8leeil] {
    margin: 0.5rem 0 0;
    color: #b42318;
    font-size: 16px;
}

/* ช่อง Barcode คลัง และคำค้นสูง 56px ภายใน Dialog นี้ */
.picking-allocation-touch[b-epwj8leeil]  .rz-textbox,
.picking-allocation-touch[b-epwj8leeil]  .rz-inputtext,
.picking-allocation-touch[b-epwj8leeil]  .rz-dropdown,
.picking-allocation-touch[b-epwj8leeil]  .rz-dropdown-trigger {
    box-sizing: border-box;
    min-height: 56px;
    font-size: 16px;
}

.picking-allocation-touch[b-epwj8leeil]  .rz-dropdown-trigger {
    min-width: 56px;
}

.picking-allocation-touch[b-epwj8leeil]  .picking-touch-search {
    min-height: 56px;
    font-size: 16px;
}

.picking-allocation-touch[b-epwj8leeil]  .picking-touch-search .rzi {
    font-size: 28px;
}

.picking-scanner-panel[b-epwj8leeil] {
    margin-top: 0.75rem;
}

#picking-pallet-reader[b-epwj8leeil] {
    width: 100%;
    margin-bottom: 0.75rem;
}

/* ผลค้นหาเห็นชัดโดยไม่ต้องเลื่อนไปดูช่องจำนวนด้านล่าง */
.picking-barcode-feedback[b-epwj8leeil] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
    border-radius: 8px;
    font-size: 16px;
}

.picking-barcode-feedback.found[b-epwj8leeil] {
    background: #e8f5e9;
    color: #1b5e20;
}

.picking-barcode-feedback.missing[b-epwj8leeil] {
    background: #ffebee;
    color: #b42318;
}

.picking-barcode-feedback[b-epwj8leeil]  .rzi {
    font-size: 28px;
}
/* /Components/Pages/Picking/PickingEntry.razor.rz.scp.css */
.picking-entry[b-rme9xb7e79] {
    width: 100%;
}

.picking-audit[b-rme9xb7e79] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
    margin-top: 0.75rem;
    font-size: 0.78rem;
    /* สีรองของ Radzen Material ปัจจุบัน */
    color: #616161;
    
}

.picking-line-card[b-rme9xb7e79] {
    padding: 0.75rem;
    /*border: 1px solid var(--rz-base-300);*/
    border: 1px solid #e0e0e0;
    
    border-radius: 4px;
}

.picking-allocation-grid[b-rme9xb7e79] {
    width: 100%;
    font-size: 0.78rem;
}

.picking-allocation-grid[b-rme9xb7e79]  .rz-grid-table {
    table-layout: fixed;
    width: 100%;
}

.picking-allocation-grid[b-rme9xb7e79]  .rz-grid-table th,
.picking-allocation-grid[b-rme9xb7e79]  .rz-grid-table td {
    padding: 0.35rem;
    vertical-align: middle;
}

.picking-allocation-grid[b-rme9xb7e79]  .rz-column-title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    font-size: 0.74rem;
    line-height: 1.15;
}

.picking-cell-wrap[b-rme9xb7e79] {
    width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.picking-cell-nowrap[b-rme9xb7e79] {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.picking-allocation-grid[b-rme9xb7e79]  .rz-button.rz-button-sm {
    width: 28px;
    height: 28px;
    min-width: 28px;
    padding: 0;
}

@media (max-width: 768px) {
    .picking-line-card[b-rme9xb7e79] {
        padding: 0.5rem;
    }

    .picking-audit[b-rme9xb7e79] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

/* ส่วนหัวอ่านเลข Picking และบริษัทได้เต็ม */
.picking-entry-heading[b-rme9xb7e79],
.picking-entry-heading-icons[b-rme9xb7e79] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.picking-entry-heading-icons[b-rme9xb7e79] {
    flex-shrink: 0;
    color: #12372a;
}

.picking-entry-heading-icons[b-rme9xb7e79]  .rzi {
    font-size: 40px;
    width: 40px;
    height: 40px;
}

.picking-entry-heading-icons[b-rme9xb7e79]  .picking-entry-heading-arrow {
    font-size: 24px;
    width: 24px;
    height: 24px;
}

.picking-entry-heading > div:last-child[b-rme9xb7e79] {
    min-width: 0;
}

.picking-entry-heading h1[b-rme9xb7e79] {
    margin: 0;
    font-size: 1.5rem;
}

.picking-entry-heading p[b-rme9xb7e79] {
    margin: 0.25rem 0 0;
}

.picking-entry-heading h1[b-rme9xb7e79],
.picking-entry-heading p[b-rme9xb7e79] {
    overflow-wrap: anywhere;
}

/* จำกัดขนาดปุ่มเฉพาะ Header ไม่กระทบปุ่มปฏิทินใน Form */
.picking-entry[b-rme9xb7e79]  .picking-entry-actions {
    flex-wrap: wrap;
}

.picking-entry[b-rme9xb7e79]  .picking-entry-action {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
    font-size: 16px;
}

.picking-entry[b-rme9xb7e79]  .picking-entry-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
}

.picking-entry[b-rme9xb7e79]  .picking-entry-action .rz-button-text {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.2;
}

/* สามขั้นแสดงเลข รูป และสถานะด้วย ✓/กุญแจ */
.picking-progress[b-rme9xb7e79] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.picking-progress-step[b-rme9xb7e79] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 112px;
    padding: 0.5rem;
    border: 1px solid #d4e1da;
    border-radius: 8px;
    background: #f4f7f5;
    color: #254d3b;
    text-align: center;
}

.picking-progress-step.is-current[b-rme9xb7e79] {
    border: 2px solid #1b6b50;
    background: #eaf6ef;
}

.picking-progress-step.is-locked[b-rme9xb7e79] {
    opacity: 0.55;
}

.picking-progress-number[b-rme9xb7e79] {
    position: absolute;
    top: 0.35rem;
    left: 0.5rem;
}

.picking-progress-step[b-rme9xb7e79]  .picking-progress-main-icon {
    font-size: 36px;
    width: 36px;
    height: 36px;
    margin-top: 0.75rem;
}

.picking-progress-step[b-rme9xb7e79]  .picking-progress-state-icon {
    position: absolute;
    top: 0.35rem;
    right: 0.5rem;
    font-size: 22px;
}

.picking-progress-step strong[b-rme9xb7e79] {
    font-size: 16px;
    overflow-wrap: anywhere;
}

.picking-progress-cancelled[b-rme9xb7e79] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid #b91c1c;
    border-radius: 8px;
    color: #b91c1c;
}

.picking-progress-cancelled[b-rme9xb7e79]  .rzi {
    font-size: 36px;
}

@media (max-width: 767px) {
    .picking-entry[b-rme9xb7e79]  .picking-entry-actions .picking-entry-action {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 0;
    }
}

/* Form ข้อมูลเอกสาร: พื้นที่กด 56px และข้อความ 16px */
.picking-header-touch[b-rme9xb7e79]  .picking-header-form .rz-datepicker,
.picking-header-touch[b-rme9xb7e79]  .picking-header-form .rz-inputtext,
.picking-header-touch[b-rme9xb7e79]  .picking-header-form .rz-textbox,
.picking-header-touch[b-rme9xb7e79]  .picking-header-form .rz-textarea {
    box-sizing: border-box;
    min-height: 56px;
    font-size: 16px;
}

.picking-header-touch[b-rme9xb7e79]  .picking-header-form .rz-form-field-label,
.picking-header-touch[b-rme9xb7e79]  .picking-header-form .rz-label {
    font-size: 16px;
}

/* TextArea สูงตาม Rows และขยายเองได้ */
.picking-header-touch[b-rme9xb7e79]  .picking-header-form .rz-textarea {
    height: auto;
    resize: vertical;
}

/* ปุ่มปฏิทินไม่มี padding ที่ทำให้ icon ถูกตัด */
.picking-header-touch[b-rme9xb7e79]  .picking-header-form .rz-datepicker-trigger.rz-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    min-width: 56px;
    min-height: 56px;
    padding: 0;
}

.picking-header-touch[b-rme9xb7e79]  .picking-header-form .rz-datepicker-trigger.rz-button .rzi {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 1;
}

/* ปุ่มบันทึกอยู่เต็มพื้นที่ของคอลัมน์ */
.picking-header-touch[b-rme9xb7e79]  .picking-header-save {
    min-width: 56px;
    min-height: 56px;
    font-size: 16px;
}

.picking-header-touch[b-rme9xb7e79]  .picking-header-save .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
}

@media (max-width: 767px) {
    .picking-header-touch[b-rme9xb7e79]  .picking-header-save {
        width: 100%;
    }
}

/* ปุ่มเพิ่มสินค้าและจัดการ Line ใช้นิ้วแตะได้สะดวก */
.picking-entry[b-rme9xb7e79]  .picking-add-line,
.picking-entry[b-rme9xb7e79]  .picking-line-action {
    min-width: 56px;
    min-height: 56px;
    font-size: 16px;
}

.picking-entry[b-rme9xb7e79]  .picking-add-line .rzi,
.picking-entry[b-rme9xb7e79]  .picking-line-action .rzi {
    font-size: 30px;
}

/* พื้นที่แคบให้ปุ่มจัดการขึ้นแถวใหม่แทนการล้น Card */
.picking-entry[b-rme9xb7e79]  .picking-line-actions {
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .picking-entry[b-rme9xb7e79]  .picking-add-line {
        width: 100%;
    }
}

/* ค่าเริ่มต้น: iPad/Desktop แสดง Grid */
.picking-allocation-mobile[b-rme9xb7e79] {
    display: none;
}

.picking-allocation-desktop[b-rme9xb7e79] {
    display: block;
}

/* มือถือแนวตั้ง และมือถือแนวนอนที่จอเตี้ย */
@media (max-width: 767px),
(max-height: 500px) and (pointer: coarse) {
    .picking-allocation-mobile[b-rme9xb7e79] {
        display: grid;
        gap: 0.75rem;
        margin-top: 0.75rem;
    }

    .picking-allocation-desktop[b-rme9xb7e79] {
        display: none;
    }
}

.picking-allocation-empty[b-rme9xb7e79] {
    margin: 0;
   /* color: var(--rz-text-secondary-color);*/
    /* สีรองของ Radzen Material ปัจจุบัน */
    color: #616161;
}

.picking-allocation-card[b-rme9xb7e79] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #d4e1da;
    border-radius: 8px;
    background: #fff;
}

.picking-allocation-card-title[b-rme9xb7e79] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #12372a;
    overflow-wrap: anywhere;
}

.picking-allocation-card-title[b-rme9xb7e79]  .rzi {
    font-size: 32px;
}

.picking-allocation-card-details[b-rme9xb7e79] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.picking-allocation-card-details > div[b-rme9xb7e79] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.picking-allocation-card-details span[b-rme9xb7e79],
.picking-allocation-card-details strong[b-rme9xb7e79] {
    display: block;
}

.picking-allocation-card-details span[b-rme9xb7e79] {
    /*color: var(--rz-text-secondary-color);*/
    /* สีรองของ Radzen Material ปัจจุบัน */
    color: #616161;
}

.picking-allocation-card-actions[b-rme9xb7e79] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.picking-allocation-card-actions[b-rme9xb7e79]  .picking-allocation-action {
    min-width: 56px;
    min-height: 56px;
}

.picking-allocation-card-actions[b-rme9xb7e79]  .picking-allocation-action .rzi {
    font-size: 30px;
}

/* ยึดกับ div ของ Line Card เพื่อให้ CSS isolation จับปุ่ม Radzen ได้ */
@media (max-width: 767px),
(max-height: 500px) and (pointer: coarse) {
    .picking-line-card[b-rme9xb7e79]  .picking-line-actions {
        flex-wrap: wrap;
    }

    .picking-line-card[b-rme9xb7e79]  .picking-line-action {
        box-sizing: border-box;
        min-height: 72px;
    }

    /* ปุ่มแก้ไขและลบเป็นสี่เหลี่ยมใหญ่ กดด้วยนิ้วได้ง่าย */
    .picking-line-card[b-rme9xb7e79]  .picking-line-icon-action {
        width: 72px;
        min-width: 72px;
        padding: 0;
    }

    .picking-line-card[b-rme9xb7e79]  .picking-line-icon-action .rzi {
        font-size: 40px;
        line-height: 1;
    }
}

/* แสดงความพร้อมก่อน Reserve ด้วยรูป ✓ หรือกุญแจ */
.picking-reserve-status[b-rme9xb7e79] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid;
    border-radius: 8px;
}

.picking-reserve-status strong[b-rme9xb7e79],
.picking-reserve-status span[b-rme9xb7e79] {
    display: block;
}

.picking-reserve-status[b-rme9xb7e79]  .rzi {
    flex: 0 0 auto;
    font-size: 32px;
}

.picking-reserve-status.is-ready[b-rme9xb7e79] {
    color: #1b5e20;
    border-color: #a5d6a7;
    background: #e8f5e9;
}

.picking-reserve-status.is-waiting[b-rme9xb7e79] {
    color: #795548;
    border-color: #d7ccc8;
    background: #efebe9;
}

/* iPad: เว้นระยะปุ่มลบ Line จากขอบ Card */
@media (min-width: 768px) and (max-width: 1279px) {
    .picking-line-card[b-rme9xb7e79]  .picking-line-actions {
        padding-inline-end: 12px;
    }

    /* คอลัมน์จัดการแคบ จึงวางแก้ไข/ลบคนละบรรทัด */
    .picking-allocation-desktop[b-rme9xb7e79] 
    .rz-grid-table td:last-child {
        padding-inline-start: 2px !important;
        padding-inline-end: 8px !important;
    }

    .picking-allocation-desktop[b-rme9xb7e79] 
    .rz-grid-table td:last-child .rz-stack {
        flex-direction: column !important;
        align-items: center;
        gap: 8px;
    }

    .picking-allocation-desktop[b-rme9xb7e79] 
    .rz-grid-table td:last-child .rz-button {
        box-sizing: border-box;
        width: 44px;
        min-width: 44px;
        height: 44px;
        padding: 0;
    }
}
/* /Components/Pages/Picking/PickingLineDialog.razor.rz.scp.css */
/* ขยายช่องกรอกภายใน Dialog */
.picking-line-dialog[b-nnqpycyuc8] {
    width: 100%;
}

.picking-line-dialog[b-nnqpycyuc8]  .rz-dropdown,
.picking-line-dialog[b-nnqpycyuc8]  .rz-dropdown-trigger,
.picking-line-dialog[b-nnqpycyuc8]  .rz-textbox,
.picking-line-dialog[b-nnqpycyuc8]  .rz-numeric,
.picking-line-dialog[b-nnqpycyuc8]  .rz-inputtext {
    box-sizing: border-box;
    min-height: 56px;
    font-size: 16px;
}

.picking-line-dialog[b-nnqpycyuc8]  .rz-dropdown-trigger {
    min-width: 56px;
}

.picking-line-dialog[b-nnqpycyuc8]  .rz-form-field-label {
    font-size: 16px;
}

/* หมายเหตุเป็นช่องหลายบรรทัด */
.picking-line-dialog[b-nnqpycyuc8]  .rz-textarea {
    box-sizing: border-box;
    min-height: 96px;
    height: auto;
    font-size: 16px;
    resize: vertical;
}

/* ปุ่มท้าย Dialog แตะได้สะดวก */
.picking-line-dialog[b-nnqpycyuc8]  .picking-line-dialog-actions {
    flex-wrap: wrap;
}

.picking-line-dialog[b-nnqpycyuc8]  .picking-line-dialog-actions .rz-button {
    min-width: 56px;
    min-height: 56px;
    font-size: 16px;
}

.picking-line-dialog[b-nnqpycyuc8]  .picking-line-dialog-actions .rzi {
    font-size: 28px;
}

@media (max-width: 767px) {
    .picking-line-dialog[b-nnqpycyuc8]  .picking-line-dialog-actions .rz-button {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 0;
    }
}

/* ซ่อนปุ่มเพิ่ม/ลดของ RadzenNumeric เฉพาะ Dialog นี้ */
.picking-line-dialog[b-nnqpycyuc8]  .rz-numeric-button {
    display: none !important;
}

/* กันลูกศรตัวเลขที่เบราว์เซอร์อาจแสดงเอง */
.picking-line-dialog[b-nnqpycyuc8]  .rz-numeric input[type="number"]::-webkit-inner-spin-button,
.picking-line-dialog[b-nnqpycyuc8]  .rz-numeric input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* /Components/Pages/Picking/PickingRemainingPalletTagPreview.razor.rz.scp.css */
.pallet-tag-preview-dialog[b-fla7z41a74] {
    min-height: 60vh;
}

.pallet-tag-preview-toolbar[b-fla7z41a74] {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 0.5rem 0.75rem;
    background: white;
    border-bottom: 1px solid #d7d7d7;
}

.pallet-tag-preview-pages[b-fla7z41a74] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    overflow: auto;
    background: #eeeeee;
}

.pallet-tag-page[b-fla7z41a74] {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 105mm;
    height: 148.5mm;
    padding: 6mm;
    overflow: hidden;
    color: #000000;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
    font-family: Arial, Tahoma, sans-serif;
    font-size: 10.5pt;
    line-height: 1.2;
}

.pallet-tag-header[b-fla7z41a74] {
    display: grid;
    grid-template-columns: 42mm minmax(0, 1fr);
    align-items: center;
    min-height: 12mm;
    padding: 1.5mm 2mm;
    border-top: 0.35mm solid #000000;
    border-bottom: 0.35mm solid #000000;
}

.pallet-tag-header strong[b-fla7z41a74] {
    font-size: 13pt;
    text-align: center;
    white-space: nowrap;
}

.pallet-tag-header span[b-fla7z41a74] {
    font-size: 9.5pt;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pallet-tag-body[b-fla7z41a74] {
    display: flex;
    flex-direction: column;
    gap: 1.8mm;
    padding-top: 4mm;
}

.pallet-tag-field[b-fla7z41a74] {
    display: grid;
    grid-template-columns: 34mm 4mm minmax(0, 1fr);
    align-items: baseline;
    min-height: 5mm;
}

.pallet-tag-label[b-fla7z41a74] {
    font-weight: 600;
    white-space: nowrap;
}

.pallet-tag-separator[b-fla7z41a74] {
    text-align: center;
}

.pallet-tag-value[b-fla7z41a74] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.pallet-tag-product[b-fla7z41a74] {
    display: flex;
    flex-direction: column;
    gap: 1mm;
}

.pallet-tag-product-barcode[b-fla7z41a74] {
    width: 55mm;
    margin-left: 38mm;
}

/* รายละเอียดคงเหลืออยู่ซ้าย QR ของ Pallet ID อยู่ขวา */
.pallet-tag-bottom[b-fla7z41a74] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38mm;
    gap: 3mm;
    align-items: center;
}

.pallet-tag-bottom-details[b-fla7z41a74] {
    display: flex;
    flex-direction: column;
    gap: 2mm;
    min-width: 0;
}

.pallet-tag-bottom-details .pallet-tag-field[b-fla7z41a74] {
    display: block;
    min-height: 0;
}

.pallet-tag-bottom-details .pallet-tag-separator[b-fla7z41a74] {
    display: none;
}

.pallet-tag-bottom-details .pallet-tag-label[b-fla7z41a74],
.pallet-tag-bottom-details .pallet-tag-value[b-fla7z41a74] {
    display: block;
    line-height: 1.2;
}

.pallet-tag-bottom-details .pallet-tag-label[b-fla7z41a74]::after {
    content: ":";
}

/* QR 38mm พร้อมขอบขาวที่ component สร้างให้ */
.pallet-tag-main-qr[b-fla7z41a74] {
    width: 38mm;
    height: 38mm;
    background: #fff;
}

.pallet-tag-main-qr[b-fla7z41a74]  svg {
    display: block;
    width: 100%;
    height: 100%;
}

.pallet-tag-pallet-id[b-fla7z41a74] {
    display: flex;
    flex-direction: column;
    gap: 1mm;
}


@media (max-width: 600px) {
    .pallet-tag-preview-pages[b-fla7z41a74] {
        align-items: flex-start;
    }

    .pallet-tag-page[b-fla7z41a74] {
        transform-origin: top left;
    }
}
/* /Components/Pages/Picking/Pickings.razor.rz.scp.css */
.picking-grid[b-g6npdtpdnj] {
    width: 100%;
    font-size: 0.8rem;
}

.picking-grid[b-g6npdtpdnj]  .rz-grid-table {
    table-layout: fixed;
    width: 100%;
}

.picking-grid[b-g6npdtpdnj]  .rz-grid-table th,
.picking-grid[b-g6npdtpdnj]  .rz-grid-table td {
    padding: 0.4rem;
}

/* ยกเลิก ellipsis ทุกชั้นของ Header และให้ข้อความขึ้นบรรทัดใหม่ */
.picking-grid[b-g6npdtpdnj]  .rz-grid-table thead th,
.picking-grid[b-g6npdtpdnj]  .rz-column-title,
.picking-grid[b-g6npdtpdnj]  .rz-column-title-content {
    min-width: 0;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
}

.picking-grid[b-g6npdtpdnj]  .rz-column-title {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.15;
}

/* จัด HeaderTemplate ให้อยู่กึ่งกลางและแสดงครบโดยไม่มี ellipsis */
.picking-header-wrap[b-g6npdtpdnj] {
    display: block;
    width: 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    text-align: center;
    line-height: 1.15;
}

.picking-grid[b-g6npdtpdnj]  .rz-grid-table td {
    height: auto;
    vertical-align: middle;
}

/* ให้ข้อมูลแบบข้อความ Wrap และแสดงครบโดยไม่มี ellipsis */
.picking-grid[b-g6npdtpdnj]  .rz-cell-data,
.picking-cell-wrap[b-g6npdtpdnj] {
    width: 100%;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
}

/* ให้ข้อมูลสั้น เช่น วันที่และสถานะ อยู่บรรทัดเดียวโดยไม่มี ellipsis */
.picking-cell-nowrap[b-g6npdtpdnj] {
    width: 100%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.25;
}

.picking-grid[b-g6npdtpdnj]  .rz-grid-table td:nth-last-child(-n + 4) {
    text-align: center;
}

.picking-grid[b-g6npdtpdnj]  .rz-button.rz-button-sm {
    width: 28px;
    height: 28px;
    min-width: 28px;
    padding: 0;
}

/* กรอบหน้า Picking */
.picking-page[b-g6npdtpdnj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.picking-heading[b-g6npdtpdnj],
.picking-heading-icons[b-g6npdtpdnj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.picking-heading-icons[b-g6npdtpdnj] {
    flex-shrink: 0;
    color: #12372a;
}

.picking-heading-icons[b-g6npdtpdnj]  .rzi {
    font-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 1;
}

.picking-heading-icons[b-g6npdtpdnj]  .picking-heading-arrow {
    font-size: 24px;
    width: 24px;
    height: 24px;
}

.picking-heading h1[b-g6npdtpdnj] {
    margin: 0;
    font-size: 1.5rem;
    overflow-wrap: anywhere;
}

.picking-description[b-g6npdtpdnj] {
    margin: 0;
    color: #667085;
}

/* ช่องค้นหาสูง 56px และตัวอักษร 16px */
.picking-page[b-g6npdtpdnj]  .picking-search .rz-datepicker,
.picking-page[b-g6npdtpdnj]  .picking-search .rz-dropdown,
.picking-page[b-g6npdtpdnj]  .picking-search .rz-inputtext,
.picking-page[b-g6npdtpdnj]  .picking-search .rz-textbox {
    box-sizing: border-box;
    min-height: 56px;
    font-size: 16px;
}

/* ชื่อบริษัท/สินค้า/คลังยาวขึ้นบรรทัดได้ */
.picking-page[b-g6npdtpdnj]  .picking-search .rz-dropdown-label {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
    line-height: 1.4;
    padding-inline-end: 88px;
}

.picking-page[b-g6npdtpdnj]  .picking-search .rz-dropdown-trigger {
    min-width: 44px;
    min-height: 56px;
}

/* วันที่ใช้ปุ่ม 56px ที่ไม่มี padding บีบรูปปฏิทิน */
.picking-page[b-g6npdtpdnj]  .picking-search .rz-datepicker-trigger.rz-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    min-width: 56px;
    min-height: 56px;
    padding: 0;
}

.picking-page[b-g6npdtpdnj]  .picking-search .rz-datepicker-trigger .rzi {
    font-size: 28px;
    width: 28px;
    height: 28px;
    line-height: 1;
}

.picking-page[b-g6npdtpdnj]  .picking-search .rz-dropdown-clear-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-size: 28px;
    right: 44px;
    top: 50%;
    transform: translateY(-50%);
}

.picking-filter-option[b-g6npdtpdnj] {
    display: block;
    box-sizing: border-box;
    min-height: 44px;
    padding: 0.5rem 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.picking-page[b-g6npdtpdnj]  .picking-action {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
}

.picking-page[b-g6npdtpdnj]  .picking-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

.picking-page[b-g6npdtpdnj]  .picking-search-actions {
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .picking-page[b-g6npdtpdnj]  .picking-add {
        width: 100%;
    }

    .picking-page[b-g6npdtpdnj]  .picking-search-actions .picking-action:first-child {
        flex: 1;
    }
}

/* Grid เดิมยังโหลดข้อมูลและแสดง pager; มือถือแสดง Card ในหนึ่งคอลัมน์ */
.picking-grid[b-g6npdtpdnj]  .picking-grid-mobile {
    border: 0;
    background: transparent;
    font-size: 16px;
}

.picking-grid[b-g6npdtpdnj]  .picking-grid-mobile .rz-grid-table thead {
    display: none;
}

.picking-grid[b-g6npdtpdnj]  .picking-grid-mobile .rz-grid-table {
    border-collapse: separate;
    border-spacing: 0 0.75rem;
}

.picking-grid[b-g6npdtpdnj]  .picking-grid-mobile .rz-grid-table td {
    padding: 0;
    border: 0;
    background: transparent;
}

.picking-mobile-card[b-g6npdtpdnj] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 1rem;
    border: 1px solid #d4e1da;
    border-radius: 10px;
    background: #fff;
    color: #20332a;
}

.picking-card-header[b-g6npdtpdnj] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #12372a;
}

.picking-card-header > div[b-g6npdtpdnj] {
    min-width: 0;
}

.picking-card-header h2[b-g6npdtpdnj] {
    margin: 0;
    font-size: 1.125rem;
    overflow-wrap: anywhere;
}

.picking-card-date[b-g6npdtpdnj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.picking-card-details[b-g6npdtpdnj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.picking-card-wide[b-g6npdtpdnj] {
    grid-column: 1 / -1;
}

.picking-card-details dt[b-g6npdtpdnj] {
    color: #667085;
}

.picking-card-details dd[b-g6npdtpdnj] {
    margin: 0.25rem 0 0;
}

.picking-card-details[b-g6npdtpdnj],
.picking-card-counts[b-g6npdtpdnj],
.picking-card-status[b-g6npdtpdnj] {
    overflow-wrap: anywhere;
}

.picking-card-counts[b-g6npdtpdnj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.picking-card-counts > div[b-g6npdtpdnj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    text-align: center;
}

.picking-card-date[b-g6npdtpdnj]  .rzi,
.picking-card-counts[b-g6npdtpdnj]  .rzi,
.picking-card-status[b-g6npdtpdnj]  .rzi {
    font-size: 28px;
    width: 28px;
    height: 28px;
}

.picking-card-status[b-g6npdtpdnj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.picking-card-actions[b-g6npdtpdnj] {
    display: flex;
    justify-content: flex-end;
}

.picking-grid[b-g6npdtpdnj]  .picking-card-action {
    min-width: 56px;
    min-height: 56px;
}

.picking-grid[b-g6npdtpdnj]  .picking-card-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
}

.picking-grid[b-g6npdtpdnj]  .picking-grid-mobile .rz-paginator-element {
    min-width: 44px;
    min-height: 44px;
}

/* Grid ย่อสำหรับ iPad; Desktop และ Mobile Card ใช้รูปแบบเดิม */
.picking-grid[b-g6npdtpdnj]  .picking-grid-compact {
    font-size: 16px;
}

.picking-grid[b-g6npdtpdnj]  .picking-grid-compact .rz-column-title {
    font-size: 15px;
    line-height: 1.4;
}

.picking-grid[b-g6npdtpdnj]  .picking-grid-compact .rz-grid-table td,
.picking-grid[b-g6npdtpdnj]  .picking-grid-compact .rz-grid-table th {
    padding: 0.5rem;
}

/* ค่าหลักและค่ารองขึ้นคนละบรรทัด */
.picking-compact-cell[b-g6npdtpdnj] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.45;
}

.picking-compact-date[b-g6npdtpdnj] {
    white-space: nowrap;
}

.picking-compact-counts[b-g6npdtpdnj] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.picking-compact-counts > div[b-g6npdtpdnj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.picking-compact-counts[b-g6npdtpdnj]  .rzi,
.picking-compact-status[b-g6npdtpdnj]  .rzi {
    font-size: 28px;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.picking-compact-status[b-g6npdtpdnj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    overflow-wrap: anywhere;
}

/* ปุ่มเปิดเอกสารบน iPad กดได้อย่างน้อย 56px */
.picking-grid[b-g6npdtpdnj]  .picking-grid-compact .rz-button.rz-button-sm {
    width: 56px;
    min-width: 56px;
    height: 56px;
    padding: 0;
}

.picking-grid[b-g6npdtpdnj]  .picking-grid-compact .rz-button.rz-button-sm .rzi {
    font-size: 32px;
    width: 32px;
    height: 32px;
}
/* /Components/Pages/Receiving/PalletTagPreview.razor.rz.scp.css */
.pallet-tag-preview-dialog[b-gt656kl6zp] {
    min-height: 60vh;
}

.pallet-tag-preview-toolbar[b-gt656kl6zp] {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 0.5rem 0.75rem;
    background: white;
    border-bottom: 1px solid #d7d7d7;
}

.pallet-tag-preview-pages[b-gt656kl6zp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    overflow: auto;
    background: #eeeeee;
}

.pallet-tag-page[b-gt656kl6zp] {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 105mm;
    height: 148.5mm;
    padding: 6mm;
    overflow: hidden;
    color: #000000;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
    font-family: Arial, Tahoma, sans-serif;
    font-size: 10.5pt;
    line-height: 1.2;
}

.pallet-tag-header[b-gt656kl6zp] {
    display: grid;
    grid-template-columns: 42mm minmax(0, 1fr);
    align-items: center;
    min-height: 12mm;
    padding: 1.5mm 2mm;
    border-top: 0.35mm solid #000000;
    border-bottom: 0.35mm solid #000000;
}

.pallet-tag-header strong[b-gt656kl6zp] {
    font-size: 13pt;
    text-align: center;
    white-space: nowrap;
}

.pallet-tag-header span[b-gt656kl6zp] {
    font-size: 9.5pt;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pallet-tag-body[b-gt656kl6zp] {
    display: flex;
    flex-direction: column;
    gap: 1.8mm;
    padding-top: 4mm;
}

.pallet-tag-field[b-gt656kl6zp] {
    display: grid;
    grid-template-columns: 34mm 4mm minmax(0, 1fr);
    align-items: baseline;
    min-height: 5mm;
}

.pallet-tag-label[b-gt656kl6zp] {
    font-weight: 600;
    white-space: nowrap;
}

.pallet-tag-separator[b-gt656kl6zp] {
    text-align: center;
}

.pallet-tag-value[b-gt656kl6zp] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.pallet-tag-product[b-gt656kl6zp] {
    display: flex;
    flex-direction: column;
    gap: 1mm;
}

.pallet-tag-product-barcode[b-gt656kl6zp] {
    width: 55mm;
    margin-left: 38mm;
}
/* พื้นที่เนื้อหาป้าย A6 กว้าง 93mm: รายละเอียดซ้าย QR ขวา */
.pallet-tag-bottom[b-gt656kl6zp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38mm;
    gap: 3mm;
    align-items: center;
}

.pallet-tag-bottom-details[b-gt656kl6zp] {
    display: flex;
    flex-direction: column;
    gap: 2mm;
    min-width: 0;
}

/* สามช่องล่างแสดงชื่อเหนือค่า เพื่อไม่บีบข้อความข้าง QR */
.pallet-tag-bottom-details .pallet-tag-field[b-gt656kl6zp] {
    display: block;
    min-height: 0;
}

.pallet-tag-bottom-details .pallet-tag-separator[b-gt656kl6zp] {
    display: none;
}

.pallet-tag-bottom-details .pallet-tag-label[b-gt656kl6zp],
.pallet-tag-bottom-details .pallet-tag-value[b-gt656kl6zp] {
    display: block;
    line-height: 1.2;
}

.pallet-tag-bottom-details .pallet-tag-label[b-gt656kl6zp]::after {
    content: ":";
}

/* QR ใหญ่ 38mm พร้อมขอบขาวใน SVG สำหรับกล้องมือถือ */
.pallet-tag-main-qr[b-gt656kl6zp] {
    width: 38mm;
    height: 38mm;
    background: #fff;
}

.pallet-tag-main-qr[b-gt656kl6zp]  svg {
    display: block;
    width: 100%;
    height: 100%;
}

.pallet-tag-id-barcode[b-gt656kl6zp] {
    flex: 0 0 65mm;
    width: 65mm;
    margin-left: 0;
}

.pallet-tag-id-qr[b-gt656kl6zp] {
    flex: 0 0 22mm;
    width: 22mm;
    height: 22mm;
    background: #fff;
}

/* SVG จาก component ลูกต้องขยายเต็มกรอบ QR */
.pallet-tag-id-qr[b-gt656kl6zp]  svg {
    display: block;
    width: 100%;
    height: 100%;
}

.pallet-tag-pallet-id[b-gt656kl6zp] {
    display: flex;
    flex-direction: column;
    gap: 1mm;
}


@media (max-width: 600px) {
    .pallet-tag-preview-pages[b-gt656kl6zp] {
        align-items: flex-start;
    }

    .pallet-tag-page[b-gt656kl6zp] {
        transform-origin: top left;
    }
}
/* /Components/Pages/Receiving/ReceivingEntry.razor.rz.scp.css */
/* กรอบหน้าและขนาดข้อความสำหรับทำงานบนจอสัมผัส */
.receiving-entry[b-6wc2n8frpa] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    font-size: 16px;
    line-height: 1.45;
}

/* หัวเอกสาร */
.receiving-entry-header[b-6wc2n8frpa] {
    margin-bottom: 0;
}

.receiving-entry-heading[b-6wc2n8frpa] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.receiving-entry-heading > div[b-6wc2n8frpa] {
    min-width: 0;
}

.receiving-entry-title[b-6wc2n8frpa] {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.receiving-entry-document[b-6wc2n8frpa] {
    margin: 0.25rem 0 0;
    overflow-wrap: anywhere;
}

/* ปุ่มส่วนหัวขึ้นแถวใหม่ได้เมื่อพื้นที่แคบ */
.receiving-entry-actions[b-6wc2n8frpa] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* แถบขั้นตอน: จอกว้างแสดง 7 กลุ่ม */
.receiving-steps[b-6wc2n8frpa] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.5rem;
}

.receiving-step-button[b-6wc2n8frpa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    min-height: 112px;
    padding: 0.5rem;
    border: 1px solid #d4e1da;
    border-radius: 8px;
    background: #f4f7f5;
    color: #254d3b;
    font: inherit;
}

.receiving-step-button.is-selected[b-6wc2n8frpa] {
    border: 2px solid #1b6b50;
    background: #eaf6ef;
}

.receiving-step-button:disabled[b-6wc2n8frpa] {
    opacity: 0.55;
}

.receiving-step-button:focus-visible[b-6wc2n8frpa] {
    outline: 3px solid #1b6b50;
    outline-offset: 2px;
}

.receiving-step-meta[b-6wc2n8frpa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.receiving-step-button[b-6wc2n8frpa]  .receiving-step-state {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.receiving-step-button[b-6wc2n8frpa]  .receiving-step-icon {
    font-size: 36px;
    width: 36px;
    height: 36px;
}

.receiving-step-text[b-6wc2n8frpa] {
    white-space: normal;
    overflow-wrap: anywhere;
}

/* แสดงเพียงกลุ่มที่เลือก โดยคง Form เดิมไว้ */
.receiving-entry[b-6wc2n8frpa]  .receiving-group-panel.is-hidden,
.receiving-entry[b-6wc2n8frpa]  .receiving-group-row.is-hidden {
    display: none;
}

/* ระยะห่างของกลุ่มและช่องกรอก */
.receiving-entry[b-6wc2n8frpa]  .rz-fieldset {
    margin: 0;
    min-width: 0;
}

.receiving-entry[b-6wc2n8frpa]  .rz-fieldset-legend {
    font-size: 18px;
    font-weight: 600;
}

.receiving-entry[b-6wc2n8frpa]  .rz-fieldset-content {
    padding: 1rem;
}

.receiving-entry[b-6wc2n8frpa]  .rz-row {
    row-gap: 1rem;
}

/* Override ข้อความเล็กแบบ inline ที่มีอยู่ใน Form เดิม */
.receiving-entry[b-6wc2n8frpa]  .rz-label,
.receiving-entry[b-6wc2n8frpa]  .rz-text,
.receiving-entry[b-6wc2n8frpa]  .rz-cell-data {
    font-size: 16px !important;
    line-height: 1.45;
}

/* Override ช่องเดิมที่กำหนด height 24px หรือ 35px ไว้ */
.receiving-entry[b-6wc2n8frpa]  .rz-inputtext,
.receiving-entry[b-6wc2n8frpa]  .rz-spinner,
.receiving-entry[b-6wc2n8frpa]  .rz-numeric,
.receiving-entry[b-6wc2n8frpa]  .rz-dropdown,
.receiving-entry[b-6wc2n8frpa]  .rz-datepicker {
    box-sizing: border-box;
    min-height: 56px !important;
    height: auto !important;
    font-size: 16px !important;
}

/* เพิ่มพื้นที่กด checkbox ก่อนปรับให้กดได้ทั้งแถวในชุดถัดไป */
.receiving-entry[b-6wc2n8frpa]  .rz-chkbox {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.receiving-entry[b-6wc2n8frpa]  .rz-chkbox-box {
    width: 24px;
    height: 24px;
}

/* ปุ่มบันทึก แก้ไข และส่วนหัวมีพื้นที่กด 56px */
.receiving-entry[b-6wc2n8frpa]  .rz-button {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
    font-size: 16px;
}

.receiving-entry[b-6wc2n8frpa]  .rz-button .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

/* ปุ่มเปิดวันที่/เวลาไม่ใช้ padding ของปุ่มทั่วไป เพื่อไม่ตัดไอคอน */
.receiving-entry[b-6wc2n8frpa]  .rz-datepicker-trigger.rz-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    min-width: 56px;
    min-height: 56px;
    padding: 0;
}

/* รูปปฏิทินและนาฬิกาอยู่กลางปุ่มและแสดงครบ */
.receiving-entry[b-6wc2n8frpa]  .rz-datepicker-trigger.rz-button .rzi {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 1;
    margin: 0;
}

/* พื้นที่กดเปิด dropdown และปฏิทิน */
.receiving-entry[b-6wc2n8frpa]  .rz-dropdown-trigger,
.receiving-entry[b-6wc2n8frpa]  .rz-datepicker-trigger {
    min-width: 44px;
    min-height: 56px;
}

/* คง Grid เดิมของกลุ่มน้ำหนัก/นับจริงไว้ก่อน */
.receiving-entry[b-6wc2n8frpa]  .rz-grid-table td,
.receiving-entry[b-6wc2n8frpa]  .rz-grid-table th {
    padding: 0.5rem;
    height: auto;
    vertical-align: middle;
}

/* มือถือ: แถบขั้นตอน 4 กลุ่มต่อแถว */
@media (max-width: 767px) {
    .receiving-steps[b-6wc2n8frpa] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .receiving-entry-actions[b-6wc2n8frpa]  .rz-button {
        flex: 1;
        min-width: 0;
    }

    .receiving-entry[b-6wc2n8frpa]  .rz-fieldset-content {
        padding: 0.75rem;
    }
}

/* ปกติใช้ Grid เดิมบน iPad/Desktop */
.receiving-count-cards[b-6wc2n8frpa] {
    display: none;
}

/* มือถือใช้ Card ที่กรอกหนึ่งช่องต่อแถว */
.receiving-entry-mobile[b-6wc2n8frpa]  .receiving-count-grid {
    display: none;
}

.receiving-entry-mobile .receiving-count-cards[b-6wc2n8frpa] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.receiving-count-card[b-6wc2n8frpa] {
    box-sizing: border-box;
    min-width: 0;
    padding: 1rem;
    border: 1px solid #d4e1da;
    border-radius: 10px;
    background: #fff;
}

.receiving-count-card-header[b-6wc2n8frpa],
.receiving-count-card-total[b-6wc2n8frpa] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #12372a;
}

.receiving-count-card-header[b-6wc2n8frpa] {
    margin-bottom: 1rem;
}

.receiving-count-card-header[b-6wc2n8frpa]  .rzi,
.receiving-count-card-total[b-6wc2n8frpa]  .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

.receiving-count-card-fields[b-6wc2n8frpa] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
}

.receiving-count-field[b-6wc2n8frpa] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

.receiving-count-field > span[b-6wc2n8frpa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.receiving-count-field > span[b-6wc2n8frpa]  .rzi {
    font-size: 28px;
    width: 28px;
    height: 28px;
}

.receiving-count-field[b-6wc2n8frpa]  .rz-numeric {
    width: 100%;
    min-width: 0;
}

.receiving-count-card-total[b-6wc2n8frpa] {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid #d4e1da;
}

.receiving-count-card-total strong[b-6wc2n8frpa] {
    margin-left: auto;
    font-size: 1.25rem;
}
/* /Components/Pages/Receiving/Receivings.razor.rz.scp.css */
.receiving-grid[b-46jzx98lh3] {
    width: 100%;
    font-size: 0.78rem;
}

.receiving-grid[b-46jzx98lh3]  .rz-grid-table {
    table-layout: fixed;
    width: 100%;
}

.receiving-grid[b-46jzx98lh3]  .rz-grid-table th,
.receiving-grid[b-46jzx98lh3]  .rz-grid-table td {
    padding: 0.35rem;
}

.receiving-grid[b-46jzx98lh3]  .rz-column-title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.15;
}

.receiving-grid[b-46jzx98lh3]  .rz-grid-table td {
    height: auto;
    vertical-align: middle;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.receiving-grid[b-46jzx98lh3]  .rz-cell-data {
    display: block;
    width: 100%;
    max-width: none;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.2;
}

.receiving-cell-wrap[b-46jzx98lh3] {
    display: block;
    width: 100%;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.2;
}

.receiving-cell-nowrap[b-46jzx98lh3] {
    display: block;
    width: 100%;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.receiving-grid[b-46jzx98lh3]  .rz-button.rz-button-sm {
    width: 28px;
    height: 28px;
    min-width: 28px;
    padding: 0;
}

/* กรอบเฉพาะหน้ารายการ Receiving */
.receiving-page[b-46jzx98lh3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

/* ช่องวันที่และ dropdown สูง 56px สำหรับใช้นิ้ว */
.receiving-page[b-46jzx98lh3]  .receiving-search .rz-datepicker,
.receiving-page[b-46jzx98lh3]  .receiving-search .rz-dropdown,
.receiving-page[b-46jzx98lh3]  .receiving-search .rz-datepicker input,
.receiving-page[b-46jzx98lh3]  .receiving-search .rz-textbox {
    box-sizing: border-box;
    min-height: 56px;
    height: auto;
    font-size: 16px;
}

/* ชื่อยาวขึ้นบรรทัดได้ และเว้นพื้นที่ให้ปุ่มล้าง/เปิดรายการ */
.receiving-page[b-46jzx98lh3]  .receiving-search .rz-dropdown-label {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
    line-height: 1.4;
    padding-inline-end: 88px;
}

/* พื้นที่กดเปิดรายการและปฏิทินกว้างอย่างน้อย 44px */
.receiving-page[b-46jzx98lh3]  .receiving-search .rz-dropdown-trigger,
.receiving-page[b-46jzx98lh3]  .receiving-search .rz-datepicker-trigger {
    min-width: 44px;
    min-height: 56px;
}

/* ขยาย icon เปิดรายการและปฏิทิน */
.receiving-page[b-46jzx98lh3]  .receiving-search .rz-dropdown-trigger .rzi,
.receiving-page[b-46jzx98lh3]  .receiving-search .rz-datepicker-trigger .rzi {
    font-size: 28px;
    width: 28px;
    height: 28px;
    line-height: 1;
}

/* พื้นที่กดล้างค่า 44px โดยไม่ซ้อนกับปุ่มเปิด dropdown */
.receiving-page[b-46jzx98lh3]  .receiving-search .rz-dropdown-clear-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-size: 28px;
    right: 44px;
    top: 50%;
    transform: translateY(-50%);
}

/* Template อยู่ใน popup นอกหน้า จึงใช้ selector โดยตรง */
.receiving-filter-option[b-46jzx98lh3] {
    display: block;
    box-sizing: border-box;
    min-height: 44px;
    padding: 0.5rem 0;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.4;
}

/* ปุ่มหลักสูง 56px */
.receiving-page[b-46jzx98lh3]  .receiving-action {
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem 1rem;
}

/* Icon ปุ่มหลักขนาด 36px */
.receiving-page[b-46jzx98lh3]  .receiving-action .rzi {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 1;
}

/* จัดรถบรรทุกและหัวข้อให้อยู่ข้างกัน */
.receiving-heading[b-46jzx98lh3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

/* ให้หัวข้อขึ้นบรรทัดได้เมื่อพื้นที่มือถือแคบ */
.receiving-heading[b-46jzx98lh3]  .receiving-title {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* กลุ่มรูปรับสินค้า: รถบรรทุก → คลัง */
.receiving-flow-icons[b-46jzx98lh3] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.receiving-flow-icons[b-46jzx98lh3]  .rzi {
    font-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 1;
}

/* ลูกศรเล็กกว่าวัตถุ เพื่อเน้นทิศทาง */
.receiving-flow-icons[b-46jzx98lh3]  .receiving-flow-arrow {
    font-size: 24px;
    width: 24px;
    height: 24px;
}

/* ปุ่มจัดการขึ้นแถวใหม่ได้ ไม่ล้นคอลัมน์ */
.receiving-row-actions[b-46jzx98lh3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

/* ขยายเฉพาะปุ่มรายการ Receiving จากขนาดเดิม 28px */
.receiving-page[b-46jzx98lh3]  .receiving-grid .rz-button.receiving-row-action {
    width: auto;
    height: auto;
    min-width: 56px;
    min-height: 56px;
    padding: 0.5rem;
}

/* Icon ปุ่มจัดการขนาด 28px */
.receiving-page[b-46jzx98lh3]  .receiving-grid .receiving-row-action .rzi {
    font-size: 28px;
    width: 28px;
    height: 28px;
    line-height: 1;
}

/* ปุ่มดูป้ายมีสองรูป จึงเพิ่มความกว้าง */
.receiving-page[b-46jzx98lh3]  .receiving-grid .receiving-preview-action {
    min-width: 88px;
}

.receiving-button-icons[b-46jzx98lh3] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}
/* มือถือใช้ Grid เป็นตัวโหลดข้อมูล แต่แสดงเป็น Card */
.receiving-page[b-46jzx98lh3]  .receiving-grid-mobile {
    border: 0;
    background: transparent;
    font-size: 16px;
}

/* ซ่อนหัวตาราง เพราะข้อมูลแสดงใน Card แล้ว */
.receiving-page[b-46jzx98lh3]  .receiving-grid-mobile .rz-grid-table thead {
    display: none;
}

/* เว้นระยะระหว่าง Card */
.receiving-page[b-46jzx98lh3]  .receiving-grid-mobile .rz-grid-table {
    border-collapse: separate;
    border-spacing: 0 0.75rem;
}

.receiving-page[b-46jzx98lh3]  .receiving-grid-mobile .rz-grid-table td {
    padding: 0;
    border: 0;
    background: transparent;
}

/* Card เต็มความกว้างของรายการ */
.receiving-mobile-card[b-46jzx98lh3] {
    box-sizing: border-box;
    width: 100%;
    padding: 1rem;
    border: 1px solid #dce6e0;
    border-radius: 10px;
    background: #ffffff;
    color: #20332a;
}

/* เลขเอกสารและวันที่ */
.receiving-card-header[b-46jzx98lh3] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #12372a;
}

.receiving-card-heading[b-46jzx98lh3] {
    min-width: 0;
}

.receiving-card-heading h2[b-46jzx98lh3] {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.receiving-card-date[b-46jzx98lh3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* จัดรหัสและชื่อสินค้าให้อ่านต่อกันได้ */
.receiving-card-product[b-46jzx98lh3] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1rem;
}

.receiving-card-product > div[b-46jzx98lh3] {
    min-width: 0;
}

.receiving-card-product p[b-46jzx98lh3] {
    margin: 0.25rem 0 0;
}

/* ข้อมูลจำนวนและตำแหน่งสองช่องต่อแถว */
.receiving-card-details[b-46jzx98lh3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.receiving-card-detail-wide[b-46jzx98lh3] {
    grid-column: 1 / -1;
}

.receiving-card-details dt[b-46jzx98lh3] {
    margin-bottom: 0.25rem;
    color: #667085;
}

.receiving-card-details dd[b-46jzx98lh3] {
    margin: 0;
}

/* ข้อความยาวขึ้นบรรทัดได้ภายในพื้นที่ Card */
.receiving-card-product[b-46jzx98lh3],
.receiving-card-details[b-46jzx98lh3],
.receiving-card-status[b-46jzx98lh3] {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.45;
}

/* สถานะแสดงทั้งรูปและข้อความ */
.receiving-card-status[b-46jzx98lh3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

/* ขยายรูปประกอบข้อมูล */
.receiving-card-date[b-46jzx98lh3]  .rzi,
.receiving-card-product[b-46jzx98lh3]  .rzi,
.receiving-card-status[b-46jzx98lh3]  .rzi {
    font-size: 28px;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

/* Pager เดิมยังทำงาน เพิ่มพื้นที่กดบนมือถือ */
.receiving-page[b-46jzx98lh3]  .receiving-grid-mobile .rz-paginator-element {
    min-width: 44px;
    min-height: 44px;
    font-size: 16px;
}

/* Grid ย่อเฉพาะ Tablet ไม่เปลี่ยน Desktop และ Mobile Card */
.receiving-page[b-46jzx98lh3]  .receiving-grid-compact {
    font-size: 16px;
}

/* หัวคอลัมน์ขึ้นบรรทัดได้ */
.receiving-page[b-46jzx98lh3]  .receiving-grid-compact .rz-column-title {
    font-size: 15px;
    line-height: 1.4;
}

/* เพิ่มระยะภายในเซลล์สำหรับอ่านและกดบนจอสัมผัส */
.receiving-page[b-46jzx98lh3]  .receiving-grid-compact .rz-grid-table td,
.receiving-page[b-46jzx98lh3]  .receiving-grid-compact .rz-grid-table th {
    padding: 0.5rem;
}

/* ค่าหลักและค่ารองแสดงคนละบรรทัด */
.receiving-compact-cell[b-46jzx98lh3] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.45;
}

/* วันที่คงรูปแบบหนึ่งบรรทัด */
.receiving-compact-date[b-46jzx98lh3] {
    white-space: nowrap;
}

/* ปุ่มขึ้นแถวใหม่ได้เมื่อพื้นที่คอลัมน์ไม่พอ */
.receiving-page[b-46jzx98lh3]  .receiving-grid-compact .receiving-row-actions {
    gap: 0.5rem;
}
/* /Components/Pages/Stock/StockCards.razor.rz.scp.css */
.stock-card-page[b-u5v2mh6o1z],
.stock-summary-grid[b-u5v2mh6o1z],
.stock-pallet-grid[b-u5v2mh6o1z] {
    width: 100%;
    min-width: 0;
}

/* ตารางใช้พื้นที่ที่มี โดยไม่กำหนดความกว้างขั้นต่ำเกินหน้าจอ */
.stock-summary-grid[b-u5v2mh6o1z]  .rz-data-grid-data,
.stock-pallet-grid[b-u5v2mh6o1z]  .rz-data-grid-data {
    width: 100%;
    max-width: 100%;
}

/* รวม padding ไว้ในความกว้างของพื้นที่ตาราง */
.stock-summary-grid[b-u5v2mh6o1z]  .rz-data-grid-data,
.stock-pallet-grid[b-u5v2mh6o1z]  .rz-data-grid-data {
    box-sizing: border-box;
    min-width: 0;
}

/* ป้องกันหัวคอลัมน์และ sort icon ดันเกินพื้นที่ Cell */
.stock-summary-grid[b-u5v2mh6o1z]  .rz-column-title,
.stock-pallet-grid[b-u5v2mh6o1z]  .rz-column-title {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

.stock-summary-grid[b-u5v2mh6o1z]  .rz-column-title-content,
.stock-pallet-grid[b-u5v2mh6o1z]  .rz-column-title-content {
    min-width: 0;
    overflow-wrap: anywhere !important;
}
.stock-summary-grid[b-u5v2mh6o1z]  .rz-grid-table,
.stock-pallet-grid[b-u5v2mh6o1z]  .rz-grid-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    table-layout: fixed;
}

.stock-summary-grid[b-u5v2mh6o1z]  .rz-grid-table th,
.stock-summary-grid[b-u5v2mh6o1z]  .rz-grid-table td,
.stock-pallet-grid[b-u5v2mh6o1z]  .rz-grid-table th,
.stock-pallet-grid[b-u5v2mh6o1z]  .rz-grid-table td {
    padding: 0.65rem;
    vertical-align: top;
    font-size: 14px;
}

/* ตัดบรรทัดเมื่อจำเป็น โดยไม่บังคับแตกทุกตัวอักษร */
.stock-summary-grid[b-u5v2mh6o1z]  .rz-column-title,
.stock-summary-grid[b-u5v2mh6o1z]  .rz-column-title-content,
.stock-pallet-grid[b-u5v2mh6o1z]  .rz-column-title,
.stock-pallet-grid[b-u5v2mh6o1z]  .rz-column-title-content,
.stock-summary-grid[b-u5v2mh6o1z]  .rz-cell-data,
.stock-pallet-grid[b-u5v2mh6o1z]  .rz-cell-data {
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: break-word;
    word-break: normal;
    line-height: 1.5;
}

/* จำนวนต้องอ่านได้เป็นตัวเลขเดียว */
.stock-summary-grid[b-u5v2mh6o1z]  td.rz-text-align-right .rz-cell-data,
.stock-pallet-grid[b-u5v2mh6o1z]  td.rz-text-align-right .rz-cell-data {
    white-space: nowrap !important;
}

/* ขนาดช่องกรอกเหมาะกับการแตะ และลดการ zoom บน iPhone */
.stock-card-page[b-u5v2mh6o1z]  .rz-textbox,
.stock-card-page[b-u5v2mh6o1z]  .rz-dropdown,
.stock-card-page[b-u5v2mh6o1z]  .rz-datepicker .rz-inputtext {
    min-height: 56px;
    font-size: 16px;
}

.stock-card-page[b-u5v2mh6o1z]  .rz-form-field-label {
    font-size: 16px;
}

.stock-card-page[b-u5v2mh6o1z]  .stock-filter-actions,
.stock-card-page[b-u5v2mh6o1z]  .stock-header-actions {
    flex-wrap: wrap;
}

.stock-card-page[b-u5v2mh6o1z]  .stock-filter-actions .rz-button,
.stock-card-page[b-u5v2mh6o1z]  .stock-header-actions .rz-button {
    min-height: 56px;
    min-width: 56px;
    font-size: 16px;
}

/* ค่าเริ่มต้น Tablet/Desktop แสดง Grid */
.stock-pallet-mobile[b-u5v2mh6o1z] {
    display: none;
}

/* รูปแบบ Card มือถือ */
.stock-pallet-card[b-u5v2mh6o1z] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #d4e1da;
    border-radius: 12px;
    background: #fff;
}

.stock-pallet-title[b-u5v2mh6o1z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #12372a;
    font-size: 18px;
    overflow-wrap: anywhere;
}

.stock-pallet-title[b-u5v2mh6o1z]  .rzi {
    flex-shrink: 0;
    font-size: 32px;
}

.stock-product[b-u5v2mh6o1z] {
    margin: 0.75rem 0;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.stock-pallet-details[b-u5v2mh6o1z],
.stock-balances[b-u5v2mh6o1z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.stock-pallet-details span[b-u5v2mh6o1z],
.stock-balances span[b-u5v2mh6o1z] {
    display: block;
    margin-bottom: 0.25rem;
    color: #616161;
    font-size: 14px;
}

.stock-pallet-details strong[b-u5v2mh6o1z] {
    overflow-wrap: anywhere;
    font-size: 16px;
}

.stock-balances[b-u5v2mh6o1z] {
    margin-top: 1rem;
}

.stock-balances > div[b-u5v2mh6o1z] {
    padding: 0.75rem;
    border-radius: 8px;
    background: #f5f5f5;
}

.stock-balances strong[b-u5v2mh6o1z] {
    font-size: 18px;
    overflow-wrap: anywhere;
}

.stock-balances .stock-reserved[b-u5v2mh6o1z] {
    background: #fff3e0;
}

.stock-balances .stock-available[b-u5v2mh6o1z] {
    background: #e8f5e9;
}

.stock-unit[b-u5v2mh6o1z] {
    margin: 0.75rem 0 0;
    color: #616161;
}

.stock-mobile-pager[b-u5v2mh6o1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.stock-mobile-pager[b-u5v2mh6o1z]  .rz-button {
    min-width: 56px;
    min-height: 56px;
}

/* iPhone แนวตั้ง และมือถือแนวนอนที่จอเตี้ย */
@media (max-width: 767px),
(max-height: 500px) and (pointer: coarse) {
    .stock-pallet-grid[b-u5v2mh6o1z] {
        display: none;
    }

    .stock-pallet-mobile[b-u5v2mh6o1z] {
        display: grid;
        gap: 0.75rem;
    }

    .stock-card-page[b-u5v2mh6o1z]  .stock-header-actions .rz-button {
        width: 100%;
    }
}
/* Summary Card แสดงเฉพาะมือถือ */
.stock-summary-mobile[b-u5v2mh6o1z] {
    display: none;
}

.stock-summary-mobile .stock-pallet-card[b-u5v2mh6o1z] {
    width: 100%;
    box-sizing: border-box;
}

/* ข้อมูลหลายบรรทัดในคอลัมน์เดียว */
.stock-table-block[b-u5v2mh6o1z] {
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.5;
}

.stock-table-block strong[b-u5v2mh6o1z],
.stock-table-block span[b-u5v2mh6o1z] {
    display: block;
}

.stock-table-block span[b-u5v2mh6o1z] {
    margin-top: 0.4rem;
    color: #616161;
    font-size: 13px;
}

.stock-table-balances[b-u5v2mh6o1z] {
    display: grid;
    gap: 0.35rem;
}

.stock-table-balances > div[b-u5v2mh6o1z] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.35rem;
    min-width: 0;
}

.stock-table-balances strong[b-u5v2mh6o1z] {
    overflow-wrap: anywhere;
}

.stock-table-reserved[b-u5v2mh6o1z] {
    color: #8a5100;
}

.stock-table-available[b-u5v2mh6o1z] {
    color: #1b5e20;
}

.stock-table-unit[b-u5v2mh6o1z] {
    margin-top: 0.4rem;
    color: #616161;
    font-size: 13px;
}

/* iPad: ลด padding และวางตัวเลขใต้ชื่อยอดให้มีพื้นที่อ่าน */
@media (max-width: 1279px) {
    .stock-summary-grid[b-u5v2mh6o1z]  .rz-grid-table th,
    .stock-summary-grid[b-u5v2mh6o1z]  .rz-grid-table td,
    .stock-pallet-grid[b-u5v2mh6o1z]  .rz-grid-table th,
    .stock-pallet-grid[b-u5v2mh6o1z]  .rz-grid-table td {
        padding: 0.4rem;
        font-size: 13px;
    }

    .stock-table-balances > div[b-u5v2mh6o1z] {
        flex-direction: column;
        gap: 0;
    }
}

/* ใช้ breakpoint เดียวกับ Pallet Card มือถือ */
@media (max-width: 767px),
(max-height: 500px) and (pointer: coarse) {
    .stock-summary-grid[b-u5v2mh6o1z] {
        display: none;
    }

    .stock-summary-mobile[b-u5v2mh6o1z] {
        display: block;
    }
}