/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================
   LOGENTRA WMS - PREMIUM ERP DASHBOARD
   Modern, Clean, Professional
   ============================================ */

/* Global Reset */
*[b-739djkm78g] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ============================================
   LAYOUT
   ============================================ */

.erp-layout[b-739djkm78g] {
    display: flex;
    height: 100vh;
    width: 100%;
    /* overflow:hidden KALDIRILDI - SfDialog modal overlay'i hapslıyordu */
}

/* ============================================
   SIDEBAR
   ============================================ */

.erp-layout .main[b-739djkm78g] {
    flex: 1;
    margin-left: 290px;
    display: flex;
    flex-direction: column;
    background: #F5F8FC;
    transition: margin-left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.erp-layout.collapsed .main[b-739djkm78g] {
    margin-left: 70px;
}

/* ============================================
   TOPBAR
   ============================================ */

.main .topbar[b-739djkm78g] {
    height: 70px;
    background: #ffffff;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    position: sticky;
    top: 0;
    z-index: 100;
}

.topbar .topbar-left[b-739djkm78g] {
    display: flex;
    align-items: center;
}

.topbar .topbar-right[b-739djkm78g] {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* ============================================
   TOPBAR BUTTONS
   ============================================ */

.topbar[b-739djkm78g]  .btn-toggle {
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    color: #5B6B84;
    font-size: 19px;
    cursor: pointer;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.topbar[b-739djkm78g]  .btn-toggle:hover {
    background: #F5F8FC;
    color: #003B8F;
}

.topbar .btn-notification[b-739djkm78g] {
    width: 44px;
    height: 44px;
    border: none;
    background: #F5F8FC;
    color: #5B6B84;
    font-size: 18px;
    cursor: pointer;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    position: relative;
}

.topbar .btn-notification:hover[b-739djkm78g] {
    background: #E2E9F3;
    color: #003B8F;
}

/* Badge */
.topbar .badge[b-739djkm78g] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 18px;
    height: 18px;
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);
}

/* ============================================
   USER SECTION
   ============================================ */

.topbar .user-section[b-739djkm78g] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 14px;
    background: #F8FAFD;
    border-radius: 14px;
    border: 1px solid #E2E9F3;
    transition: all 0.2s ease;
}

.topbar .user-section:hover[b-739djkm78g] {
    background: #F5F8FC;
    border-color: #C9D6E8;
}

.user-section .avatar[b-739djkm78g] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #003B8F 0%, #009BFF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    box-shadow: 0 2px 8px rgba(0, 59, 143, 0.2);
}

.user-section .user-details[b-739djkm78g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.user-details .username[b-739djkm78g] {
    font-size: 14px;
    font-weight: 600;
    color: #0B1B33;
    line-height: 1.2;
}

.user-details .role[b-739djkm78g] {
    font-size: 12px;
    color: #5B6B84;
    line-height: 1.2;
}

.user-section .dropdown-icon[b-739djkm78g] {
    width: 16px;
    font-size: 12px;
    color: #5B6B84;
    margin-left: 4px;
}

.user-section .btn-logout[b-739djkm78g] {
    width: 34px;
    height: 34px;
    border: none;
    background: transparent;
    color: #5B6B84;
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    margin-left: 4px;
}

.user-section .btn-logout:hover[b-739djkm78g] {
    background: #FEE2E2;
    color: #DC2626;
}

/* ============================================
   CONTENT
   ============================================ */

.main .content[b-739djkm78g] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    /* position:relative veya transform KULLANILMAMALI - SfDialog stacking context bozar */
}

/* Common typography standard */
:global(body)[b-739djkm78g],
:global(button)[b-739djkm78g],
:global(input)[b-739djkm78g],
:global(select)[b-739djkm78g],
:global(textarea)[b-739djkm78g],
:global(table)[b-739djkm78g],
:global(nav)[b-739djkm78g],
:global(aside)[b-739djkm78g] {
    font-family: var(--w-font, 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif);
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1024px) {
    .erp-layout .main[b-739djkm78g] {
        margin-left: 270px;
    }

    .erp-layout.collapsed .main[b-739djkm78g] {
        margin-left: 70px;
    }

    .main .content[b-739djkm78g] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .erp-layout .main[b-739djkm78g] {
        margin-left: 0 !important;
    }

    .main .topbar[b-739djkm78g] {
        padding: 0 20px;
    }

/* Syncfusion sidebar shell */
.app-sidebar-shell[b-739djkm78g] {
    position: fixed;
    inset: 0 auto 0 0;
    width: 290px;
    z-index: 1000;
}

.app-sidebar-shell.collapsed[b-739djkm78g] {
    width: 70px;
}

.app-sidebar-shell .sidebar-brand[b-739djkm78g] {
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-brand-icon[b-739djkm78g] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
}

.sidebar-brand-text[b-739djkm78g] {
    color: #ffffff;
    font-weight: 700;
    white-space: nowrap;
}

.app-sidebar[b-739djkm78g] {
    height: 100vh;
    background: linear-gradient(180deg, #003B8F 0%, #003B8F 100%);
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.08);
}

.sidebar-menu-root[b-739djkm78g] {
    padding: 20px 16px 24px;
    overflow-y: auto;
    height: calc(100vh - 138px);
}

.sidebar-section-title[b-739djkm78g] {
    margin-top: 32px;
    margin-bottom: 12px;
    padding: 0 14px;
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
    letter-spacing: 1.4px;
}

.sidebar-section-title:first-child[b-739djkm78g] {
    margin-top: 0;
}

.sidebar-item[b-739djkm78g],
.sidebar-link[b-739djkm78g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    margin-bottom: 6px;
    border-radius: 12px;
    background: transparent;
    color: inherit;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

.sidebar-item:hover[b-739djkm78g],
.sidebar-link:hover[b-739djkm78g] {
    background: rgba(255, 255, 255, 0.08);
    transform: translateX(2px);
}

.sidebar-item-content[b-739djkm78g] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.sidebar-item-content i[b-739djkm78g] {
    width: 18px;
    min-width: 18px;
    text-align: center;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
}

.sidebar-item-content span[b-739djkm78g] {
    color: rgba(255, 255, 255, 0.88);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-arrow[b-739djkm78g] {
    width: 16px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
}

.sidebar-link.active[b-739djkm78g],
.sidebar-item.active[b-739djkm78g] {
    background: linear-gradient(90deg, rgba(0, 155, 255, 0.18) 0%, rgba(0, 155, 255, 0.05) 100%);
}

.sidebar-link.active[b-739djkm78g]::before,
.sidebar-item.active[b-739djkm78g]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 32px;
    background: linear-gradient(180deg, #009BFF 0%, #0A6FE8 100%);
    border-radius: 0 4px 4px 0;
}

.sidebar-children[b-739djkm78g] {
    margin-left: 0;
    margin-bottom: 8px;
    animation: sidebar-fade-in-b-739djkm78g 0.18s ease;
}

.sidebar-children .sidebar-link[b-739djkm78g],
.sidebar-children .sidebar-item[b-739djkm78g] {
    min-height: 38px;
    padding-left: 34px;
    background: rgba(0, 0, 0, 0.1);
}

.sidebar-children .sidebar-item-content span[b-739djkm78g] {
    font-size: 12px;
    opacity: 0.9;
}

.sidebar-footer[b-739djkm78g] {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 600;
}

.sidebar-footer i[b-739djkm78g] {
    font-size: 14px;
}

@keyframes sidebar-fade-in-b-739djkm78g {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1024px) {
    .app-sidebar-shell[b-739djkm78g] {
        width: 270px;
    }

    .app-sidebar-shell.collapsed[b-739djkm78g] {
        width: 70px;
    }

    .app-sidebar-shell .sidebar-brand-text[b-739djkm78g] {
        display: block;
    }
}

@media (max-width: 768px) {
    .app-sidebar-shell[b-739djkm78g] {
        width: 270px;
    }

    .app-sidebar-shell.collapsed[b-739djkm78g] {
        transform: translateX(-100%);
        width: 270px;
    }
}

    .user-section .user-details[b-739djkm78g] {
        display: none;
    }

    .main .content[b-739djkm78g] {
        padding: 0;
    }
}

@media (max-width: 480px) {
    .main .topbar[b-739djkm78g] {
        height: 64px;
        padding: 0 16px;
    }

    .topbar[b-739djkm78g]  .btn-toggle,
    .topbar .btn-notification[b-739djkm78g] {
        width: 40px;
        height: 40px;
    }

    .user-section .avatar[b-739djkm78g] {
        width: 38px;
        height: 38px;
    }

    .user-section .dropdown-icon[b-739djkm78g] {
        display: none;
    }

    .main .content[b-739djkm78g] {
        padding: 0;
    }
}

/* Shared responsive table helpers */
.table-responsive-wrapper[b-739djkm78g] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.app-table[b-739djkm78g] {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
    font-size: 13px;
}

.app-table th[b-739djkm78g],
.app-table td[b-739djkm78g] {
    padding: 10px 12px;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .app-table[b-739djkm78g] {
        min-width: 860px;
        font-size: 12px;
    }

    .app-table th[b-739djkm78g],
    .app-table td[b-739djkm78g] {
        padding: 8px 10px;
    }
}
/* /Components/Layout/PackingLayout.razor.rz.scp.css */
div > div:first-child[b-e0h92phd5b] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    padding: 12px 16px 0;
}

div > div:first-child > button:first-child[b-e0h92phd5b] {
    min-height: 38px;
    width: 42px;
    padding: 0;
    border: 1px solid rgba(11, 55, 101, .35);
    border-radius: 10px;
    background: rgba(255, 255, 255, .25);
    color: #2a3b55;
    display: grid;
    place-items: center;
    font-size: 14px;
    font-weight: 600;
}

.packing-layout-center-spacer[b-e0h92phd5b] {
    justify-self: center;
    min-height: 1px;
}

.packing-layout-actions[b-e0h92phd5b] {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 8px;
}

.packing-layout-actions > button[b-e0h92phd5b] {
    width: 38px;
    min-height: 38px;
    padding: 0;
    border: 1px solid rgba(11, 55, 101, .35);
    border-radius: 10px;
    background: rgba(255, 255, 255, .25);
    color: #2a3b55;
}

div > div:last-child[b-e0h92phd5b] {
    padding: 14px 16px 0;
}

@media (max-width: 900px) {
    div > div:first-child[b-e0h92phd5b] {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    div > div:first-child > button:first-child[b-e0h92phd5b],
    .packing-layout-actions[b-e0h92phd5b] {
        justify-self: stretch;
    }

    .packing-layout-actions[b-e0h92phd5b] {
        justify-content: flex-end;
    }
}
/* /Components/Layout/SidebarComponent.razor.rz.scp.css */
/* ==========================================================================
   Wentra – Sol menü
   Wentra web sitesiyle aynı açık tema: beyaz zemin, lacivert/mavi ikon
   kutuları, aktif öğede turuncu vurgu.
   ========================================================================== */

/* SfSidebar kök elemanının (e-sidebar) stilleri wwwroot/app.css içinde. */

.sidebar-shell[b-hanvl7dixx] {
    box-sizing: border-box;
    height: 100vh;
    width: 290px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-right: 1px solid var(--w-line, #e2e9f3);
    color: var(--w-ink, #0b1b33);
    background:
        radial-gradient(360px 220px at 0% 0%, rgba(0, 155, 255, 0.07), transparent 70%),
        #ffffff;
    box-shadow: 8px 0 28px -18px rgba(10, 40, 100, 0.22);
    font-family: var(--w-font, 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif);
}

.sidebar-shell.is-collapsed[b-hanvl7dixx] {
    width: 72px;
    overflow: visible;
}

/* ---- Başlık / logo ---- */
.sidebar-header[b-hanvl7dixx] {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 18px;
    border-bottom: 1px solid var(--w-line-2, #edf2f8);
    flex: 0 0 auto;
}

.sidebar-header .sidebar-logo[b-hanvl7dixx] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    text-decoration: none;
}

.sidebar-logo img[b-hanvl7dixx] {
    width: 52px;
    height: auto;
    display: block;
    flex: 0 0 auto;
}

.sidebar-logo-text[b-hanvl7dixx] {
    display: flex;
    flex-direction: column;
    color: var(--w-navy, #003b8f);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.05;
    white-space: nowrap;
}

.sidebar-logo-text small[b-hanvl7dixx] {
    margin-top: 3px;
    color: var(--w-muted, #5b6b84);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

/* ---- Menü alanı ---- */
.sidebar-nav[b-hanvl7dixx] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 16px 12px 20px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #d5e0ee transparent;
}

.sidebar-nav[b-hanvl7dixx]::-webkit-scrollbar {
    width: 6px;
    height: 0;
}

.sidebar-nav[b-hanvl7dixx]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav[b-hanvl7dixx]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #d5e0ee;
}

.sidebar-section[b-hanvl7dixx] {
    margin-top: 18px;
}

.sidebar-section:first-of-type[b-hanvl7dixx] {
    margin-top: 10px;
}

.sidebar-section-title[b-hanvl7dixx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    padding: 0 12px;
    color: #8a9ab2;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

.sidebar-section-title[b-hanvl7dixx]::before {
    content: "";
    width: 12px;
    height: 2px;
    border-radius: 2px;
    background: var(--w-orange, #ff7a00);
    opacity: 0.85;
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-item-wrap {
    position: relative;
}

.sidebar-nav[b-hanvl7dixx]  a,
.sidebar-nav[b-hanvl7dixx]  a:hover,
.sidebar-nav[b-hanvl7dixx]  a:focus,
.sidebar-nav[b-hanvl7dixx]  a.active {
    display: block;
    color: inherit;
    text-decoration: none !important;
}

/* ---- Menü öğesi ---- */
.sidebar-shell[b-hanvl7dixx]  .sidebar-item {
    position: relative;
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 3px;
    padding: 0 10px 0 8px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: var(--w-ink-2, #2a3b55);
    cursor: pointer;
    font: inherit;
    text-align: left;
    text-decoration: none !important;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-item:hover {
    background: var(--w-bg, #f5f8fc);
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-item:focus-visible {
    outline: 3px solid rgba(0, 155, 255, 0.35);
    outline-offset: 1px;
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-item-content {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    flex: 1 1 auto;
}

/* Ana seviye ikonları: Wentra "icon-tile" */
.sidebar-shell[b-hanvl7dixx]  .sidebar-item.level-0 .sidebar-item-content > i {
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #dcebfb;
    border-radius: 9px;
    background: var(--w-blue-50, #f0f7ff);
    color: var(--w-blue-700, #0357c8);
    font-size: 14px;
    line-height: 1;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-item-content span {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-arrow {
    width: 16px;
    flex: 0 0 auto;
    color: #9aa8bc;
    font-size: 11px;
    text-align: center;
    transition: transform 0.2s ease, color 0.2s ease;
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-arrow.is-open {
    transform: rotate(90deg);
    color: var(--w-navy, #003b8f);
}

/* Aktif ve açık üst öğe */
.sidebar-shell[b-hanvl7dixx]  .sidebar-item.active,
.sidebar-shell[b-hanvl7dixx]  .sidebar-item.active-parent {
    background: var(--w-blue-50, #f0f7ff);
    border-color: #dcebfb;
    color: var(--w-navy, #003b8f);
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-item.active .sidebar-item-content span,
.sidebar-shell[b-hanvl7dixx]  .sidebar-item.active-parent .sidebar-item-content span {
    font-weight: 700;
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-item.level-0.active .sidebar-item-content > i,
.sidebar-shell[b-hanvl7dixx]  .sidebar-item.level-0.active-parent .sidebar-item-content > i {
    border-color: transparent;
    background: var(--w-gradient, linear-gradient(135deg, #003b8f 0%, #0a6fe8 55%, #009bff 100%));
    color: #ffffff;
    box-shadow: 0 8px 16px -8px rgba(0, 59, 143, 0.7);
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-item.level-0.active::before,
.sidebar-shell[b-hanvl7dixx]  .sidebar-item.level-0.active-parent::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 10px;
    bottom: 10px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--w-orange, #ff7a00);
}

/* ---- Alt menü ---- */
.sidebar-shell[b-hanvl7dixx]  .sidebar-children {
    position: relative;
    margin: 2px 0 8px 23px;
    padding: 2px 0 2px 12px;
    border-left: 1.5px solid var(--w-line, #e2e9f3);
    animation: sidebarFade-b-hanvl7dixx 0.18s ease;
}

@keyframes sidebarFade-b-hanvl7dixx {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-children .sidebar-item {
    min-height: 36px;
    margin-bottom: 2px;
    padding: 0 10px;
    border-radius: 9px;
    background: transparent;
    color: var(--w-muted, #5b6b84);
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-children .sidebar-item:hover {
    background: var(--w-bg, #f5f8fc);
    color: var(--w-ink, #0b1b33);
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-children .sidebar-item-content {
    gap: 10px;
}

/* Alt öğelerde ikon yerine nokta */
.sidebar-shell[b-hanvl7dixx]  .sidebar-children .sidebar-item-content > i {
    display: none;
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-children .sidebar-item-content::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #c9d6e8;
    transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-children .sidebar-item-content span {
    font-size: 12.5px;
    font-weight: 500;
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-children .sidebar-item.active {
    border-color: transparent;
    background: var(--w-blue-50, #f0f7ff);
    color: var(--w-navy, #003b8f);
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-children .sidebar-item.active .sidebar-item-content::before {
    background: var(--w-orange, #ff7a00);
    box-shadow: 0 0 0 3px var(--w-orange-100, #fff1e3);
}

.sidebar-shell[b-hanvl7dixx]  .sidebar-children .sidebar-item.active .sidebar-item-content span {
    font-weight: 700;
}

/* ---- Alt bilgi ---- */
.sidebar-footer[b-hanvl7dixx] {
    flex: 0 0 auto;
    padding: 12px;
    border-top: 1px solid var(--w-line-2, #edf2f8);
}

.sidebar-status[b-hanvl7dixx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--w-line, #e2e9f3);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.status-dot[b-hanvl7dixx] {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 50%;
    background: var(--w-success, #12a150);
    box-shadow: 0 0 0 4px var(--w-success-100, #e6f7ee);
}

.status-text[b-hanvl7dixx] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: var(--w-ink, #0b1b33);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.status-text small[b-hanvl7dixx] {
    margin-top: 2px;
    color: var(--w-muted, #5b6b84);
    font-size: 11px;
    font-weight: 500;
}

/* ==========================================================================
   Daraltılmış (dock) görünüm
   ========================================================================== */
.sidebar-shell.is-collapsed .sidebar-header[b-hanvl7dixx] {
    justify-content: center;
    padding: 0;
}

.sidebar-shell.is-collapsed .sidebar-logo img[b-hanvl7dixx] {
    width: 44px;
}

.sidebar-shell.is-collapsed .sidebar-logo-text[b-hanvl7dixx],
.sidebar-shell.is-collapsed .sidebar-section-title[b-hanvl7dixx],
.sidebar-shell.is-collapsed .status-text[b-hanvl7dixx],
.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-item.level-0 .sidebar-item-content > span,
.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-item.level-0 .sidebar-arrow {
    display: none;
}

/* Kaydırılabilir kalır; açılır alt menüler position: fixed olduğu için kırpılmaz */
.sidebar-shell.is-collapsed .sidebar-nav[b-hanvl7dixx] {
    padding: 12px 10px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: auto;
    scrollbar-width: none;
}

.sidebar-shell.is-collapsed .sidebar-nav[b-hanvl7dixx]::-webkit-scrollbar {
    display: none;
}

.sidebar-shell.is-collapsed .sidebar-section[b-hanvl7dixx] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--w-line-2, #edf2f8);
}

.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-item.level-0 {
    width: 50px;
    min-height: 48px;
    justify-content: center;
    padding: 0;
    border-radius: 12px;
}

.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-item.level-0 .sidebar-item-content {
    flex: 0 0 auto;
    justify-content: center;
    gap: 0;
}

.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-item.level-0.active::before,
.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-item.level-0.active-parent::before {
    left: -10px;
}

/* Daraltılmış modda alt menü: açılır kart */
.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-item-wrap.level-0 > .sidebar-children {
    position: fixed;
    left: 72px;
    z-index: 1100;
    display: none;
    min-width: 230px;
    max-width: 290px;
    margin: -48px 0 0 8px;
    padding: 8px;
    border: 1px solid var(--w-line, #e2e9f3);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 34px 70px -24px rgba(8, 35, 90, 0.32), 0 2px 6px rgba(10, 30, 70, 0.06);
    animation: none;
}

/* İkon ile kart arasındaki boşlukta hover kaybolmasın diye görünmez köprü */
.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-item-wrap.level-0 > .sidebar-children::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -24px;
    width: 24px;
}

.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-item-wrap:hover > .sidebar-children,
.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-item-wrap:focus-within > .sidebar-children {
    display: block;
}

.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-children .sidebar-item {
    width: 100%;
    justify-content: flex-start;
}

.sidebar-shell.is-collapsed[b-hanvl7dixx]  .sidebar-children .sidebar-children {
    position: static;
    display: block;
    min-width: 0;
    max-width: none;
    margin: 2px 0 6px 12px;
    padding: 0 0 0 10px;
    border: 0;
    border-left: 1.5px solid var(--w-line, #e2e9f3);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.sidebar-shell.is-collapsed .sidebar-footer[b-hanvl7dixx] {
    display: flex;
    justify-content: center;
    padding: 12px 0;
}

.sidebar-shell.is-collapsed .sidebar-status[b-hanvl7dixx] {
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-shell[b-hanvl7dixx]  .sidebar-children,
    .sidebar-shell[b-hanvl7dixx]  .sidebar-arrow {
        animation: none;
        transition: none;
    }
}
/* /Components/Pages/CustomerOrderReport.razor.rz.scp.css */
/* ============================================================
   CUSTOMER ORDER REPORT – Modern ERP/WMS Design
   ============================================================ */

.cor-page[b-hlsrp46y4i] {
    padding: 22px 24px 36px;
    background: #F5F8FC;
    min-height: 100%;
}

.cor-table-wrap[b-hlsrp46y4i] {
    overflow-x: auto;
}

/* ── HEADER ── */
.cor-header[b-hlsrp46y4i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
    flex-wrap: wrap;
    gap: 16px;
}

.cor-header-left[b-hlsrp46y4i] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.cor-header-icon[b-hlsrp46y4i] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #003B8F, #0357c8);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
    box-shadow: 0 6px 18px rgba(0, 59, 143, 0.25);
}

.cor-title[b-hlsrp46y4i] {
    font-size: 22px;
    font-weight: 700;
    color: #0B1B33;
    margin: 0 0 4px 0;
    letter-spacing: -0.3px;
}

.cor-subtitle[b-hlsrp46y4i] {
    font-size: 13px;
    color: #5B6B84;
    margin: 0;
}

/* ── EXPORT GROUP ── */
.cor-export-group[b-hlsrp46y4i] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cor-export-btn[b-hlsrp46y4i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 9px;
    border: none;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all .18s;
}

.cor-export-btn:disabled[b-hlsrp46y4i] {
    opacity: .45;
    cursor: not-allowed;
}

.cor-export-excel[b-hlsrp46y4i] {
    background: #1D7044;
    color: #fff;
    box-shadow: 0 4px 12px rgba(29,112,68,.25);
}

.cor-export-excel:not(:disabled):hover[b-hlsrp46y4i] {
    background: #155735;
    transform: translateY(-1px);
}

.cor-export-print[b-hlsrp46y4i] {
    background: #2A3B55;
    color: #fff;
    box-shadow: 0 4px 12px rgba(71,85,105,.22);
}

.cor-export-print:not(:disabled):hover[b-hlsrp46y4i] {
    background: #2A3B55;
    transform: translateY(-1px);
}

/* ── FILTER CARD ── */
.cor-filter-card[b-hlsrp46y4i] {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 18px;
    box-shadow: 0 8px 28px rgba(0,0,0,.06);
}

.cor-filter-grid[b-hlsrp46y4i] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
    margin-bottom: 16px;
}

@media (max-width: 900px) {
    .cor-filter-grid[b-hlsrp46y4i] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    .cor-filter-grid[b-hlsrp46y4i] { grid-template-columns: 1fr; }
}

.cor-filter-group[b-hlsrp46y4i] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cor-label[b-hlsrp46y4i] {
    font-size: 12px;
    font-weight: 600;
    color: #4B5563;
    letter-spacing: .3px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.cor-label i[b-hlsrp46y4i] { color: #003B8F; font-size: 11px; }

.cor-select[b-hlsrp46y4i],
.cor-input[b-hlsrp46y4i] {
    height: 40px;
    border: 1.5px solid #C9D6E8;
    border-radius: 9px;
    padding: 0 14px;
    font-size: 13px;
    color: #0B1B33;
    background: #F8FAFD;
    transition: border-color .18s, box-shadow .18s;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.cor-select:focus[b-hlsrp46y4i],
.cor-input:focus[b-hlsrp46y4i] {
    border-color: #003B8F;
    box-shadow: 0 0 0 3px rgba(0, 59, 143,.1);
    background: #fff;
}

.cor-skeleton[b-hlsrp46y4i] {
    height: 40px;
    border-radius: 9px;
    background: linear-gradient(90deg, #e2e9f3 25%, #f5f8fc 50%, #e2e9f3 75%);
    background-size: 200% 100%;
    animation: shimmer-b-hlsrp46y4i 1.4s infinite;
}

@keyframes shimmer-b-hlsrp46y4i {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── FILTER ACTIONS ── */
.cor-filter-actions[b-hlsrp46y4i] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.cor-btn-primary[b-hlsrp46y4i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #003B8F, #0357c8);
    color: #fff;
    border: none;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 59, 143,.3);
    transition: all .18s;
}

.cor-btn-primary:disabled[b-hlsrp46y4i] { opacity: .5; cursor: not-allowed; }

.cor-btn-primary:not(:disabled):hover[b-hlsrp46y4i] {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 59, 143,.38);
}

.cor-btn-secondary[b-hlsrp46y4i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #EDF2F8;
    color: #2A3B55;
    border: 1.5px solid #C9D6E8;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all .18s;
}

.cor-btn-secondary:hover[b-hlsrp46y4i] {
    background: #E2E9F3;
    transform: translateY(-1px);
}

/* ── SPINNER (inline) ── */
.cor-spinner[b-hlsrp46y4i] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-hlsrp46y4i .7s linear infinite;
}

@keyframes spin-b-hlsrp46y4i { to { transform: rotate(360deg); } }

/* ── ERROR BANNER ── */
.cor-error-banner[b-hlsrp46y4i] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    background: rgba(239,68,68,.08);
    border: 1.5px solid rgba(239,68,68,.28);
    border-radius: 9px;
    color: #DC2626;
    font-size: 13px;
    margin-top: 16px;
}

/* ── SUMMARY BAR ── */
.cor-summary-bar[b-hlsrp46y4i] {
    display: flex;
    align-items: center;
    gap: 24px;
    background: #fff;
    border-radius: 10px;
    padding: 11px 18px;
    margin-bottom: 16px;
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
    font-size: 13px;
    color: #2A3B55;
    flex-wrap: wrap;
}

.cor-summary-item[b-hlsrp46y4i] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.cor-summary-item i[b-hlsrp46y4i] { color: #003B8F; }

.cor-summary-item strong[b-hlsrp46y4i] { color: #0B1B33; font-weight: 700; }

/* ── TABLE CARD ── */
.cor-table-card[b-hlsrp46y4i] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(0,0,0,.06);
    overflow: hidden;
}

.cor-table-wrap[b-hlsrp46y4i] {
    overflow-x: auto;
}

.cor-table thead tr[b-hlsrp46y4i] {
    background: #F0F4FA;
}

.cor-table th[b-hlsrp46y4i] {
    padding: 11px 12px;
    font-weight: 700;
    color: #2A3B55;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-bottom: 2px solid #E2E9F3;
    white-space: nowrap;
    text-align: left;
}

.cor-table th.text-center[b-hlsrp46y4i] { text-align: center; }
.cor-table th.text-right[b-hlsrp46y4i]  { text-align: right; }

.cor-table tbody tr[b-hlsrp46y4i] {
    border-bottom: 1px solid #EDF2F8;
    transition: background .14s;
}

.cor-table tbody tr:hover[b-hlsrp46y4i] { background: #F8FAFD; }

.cor-table td[b-hlsrp46y4i] {
    padding: 10px 12px;
    color: #2A3B55;
    vertical-align: middle;
}

.cor-table td.text-center[b-hlsrp46y4i] { text-align: center; }
.cor-table td.text-right[b-hlsrp46y4i]  { text-align: right; }

.cor-td-idx[b-hlsrp46y4i] {
    color: #8A9AB2;
    font-size: 11px;
    font-weight: 600;
    width: 36px;
}

.cor-mono[b-hlsrp46y4i] {
    font-family: 'Courier New', monospace;
    font-size: 12px;
    color: #0B1B33;
    font-weight: 600;
}

.cor-amount[b-hlsrp46y4i] {
    font-weight: 700;
    color: #0B1B33;
}

/* ── BADGES ── */
.cor-badge[b-hlsrp46y4i] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.cor-badge-status[b-hlsrp46y4i]  { background: #F0F7FF; color: #0357C8; }
.cor-badge-success[b-hlsrp46y4i] { background: #ECFDF5; color: #065F46; }
.cor-badge-warning[b-hlsrp46y4i] { background: #FFFBEB; color: #92400E; }

/* ── QTY BADGES ── */
.cor-qty-badge[b-hlsrp46y4i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 700;
}

.cor-qty-full[b-hlsrp46y4i]    { background: #ECFDF5; color: #065F46; }
.cor-qty-partial[b-hlsrp46y4i] { background: #FFFBEB; color: #92400E; }
.cor-qty-zero[b-hlsrp46y4i]    { background: #EDF2F8; color: #8A9AB2; }

/* ── EMPTY / HINT / LOADING STATES ── */
.cor-empty-state[b-hlsrp46y4i],
.cor-hint-state[b-hlsrp46y4i],
.cor-loading-state[b-hlsrp46y4i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 22px;
    text-align: center;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(0,0,0,.06);
}

.cor-empty-state i[b-hlsrp46y4i],
.cor-hint-state .cor-hint-icon i[b-hlsrp46y4i] {
    font-size: 42px;
    color: #C9D6E8;
    margin-bottom: 14px;
}

.cor-hint-icon[b-hlsrp46y4i] {
    width: 72px;
    height: 72px;
    background: #F0F7FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.cor-hint-icon i[b-hlsrp46y4i] { font-size: 36px; color: #0A6FE8; margin: 0; }

.cor-empty-state h3[b-hlsrp46y4i],
.cor-hint-state h3[b-hlsrp46y4i] {
    font-size: 17px;
    font-weight: 700;
    color: #0B1B33;
    margin: 0 0 8px;
}

.cor-empty-state p[b-hlsrp46y4i],
.cor-hint-state p[b-hlsrp46y4i] {
    font-size: 13px;
    color: #5B6B84;
    margin: 0;
}

.cor-big-spinner[b-hlsrp46y4i] {
    width: 44px;
    height: 44px;
    border: 4px solid #E2E9F3;
    border-top-color: #003B8F;
    border-radius: 50%;
    animation: spin-b-hlsrp46y4i .8s linear infinite;
    margin-bottom: 16px;
}

.cor-loading-state p[b-hlsrp46y4i] { font-size: 14px; color: #5B6B84; }

/* ── TABLE FOOTER (totals) ── */
.cor-tfoot-row[b-hlsrp46y4i] {
    background: #F0F4FA;
    border-top: 2px solid #C9D6E8;
}

.cor-tfoot-label[b-hlsrp46y4i] {
    padding: 11px 12px;
    font-size: 11.5px;
    font-weight: 700;
    color: #2A3B55;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.cor-tfoot-label i[b-hlsrp46y4i] {
    margin-right: 6px;
    color: #003B8F;
}

.cor-tfoot-total[b-hlsrp46y4i] {
    padding: 11px 12px;
    font-size: 14px;
    font-weight: 800;
    color: #003B8F;
    text-align: center;
}

@media (max-width: 768px) {
    .cor-page[b-hlsrp46y4i] {
        padding: 18px 16px 28px;
    }

    .cor-header[b-hlsrp46y4i] {
        margin-bottom: 18px;
        gap: 12px;
    }

    .cor-title[b-hlsrp46y4i] {
        font-size: 20px;
    }

    .cor-subtitle[b-hlsrp46y4i] {
        font-size: 12px;
    }

    .cor-filter-card[b-hlsrp46y4i] {
        padding: 16px;
    }

    .cor-summary-bar[b-hlsrp46y4i] {
        gap: 14px;
        padding: 10px 14px;
        font-size: 12px;
    }

    .cor-table th[b-hlsrp46y4i],
    .cor-table td[b-hlsrp46y4i] {
        padding: 8px 10px;
    }

    .cor-table th[b-hlsrp46y4i] {
        font-size: 11px;
    }

    .cor-mono[b-hlsrp46y4i] {
        font-size: 11.5px;
    }
}

@media (max-width: 480px) {
    .cor-header-left[b-hlsrp46y4i] {
        gap: 10px;
    }

    .cor-header-icon[b-hlsrp46y4i] {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .cor-export-btn[b-hlsrp46y4i],
    .cor-btn-primary[b-hlsrp46y4i],
    .cor-btn-secondary[b-hlsrp46y4i] {
        width: 100%;
        justify-content: center;
    }

    .cor-filter-actions[b-hlsrp46y4i],
    .cor-export-group[b-hlsrp46y4i] {
        width: 100%;
    }
}

/* ── PRINT ── */
@media print {
    .cor-header[b-hlsrp46y4i],
    .cor-filter-card[b-hlsrp46y4i],
    .cor-summary-bar[b-hlsrp46y4i] { display: none !important; }

    .cor-table-card[b-hlsrp46y4i] {
        box-shadow: none;
        border-radius: 0;
    }
}
/* /Components/Pages/CustomerOrderReportDetail.razor.rz.scp.css */
/* ============================================================
   CUSTOMER ORDER REPORT DETAIL – Modern ERP/WMS Design
   ============================================================ */

.cor-page[b-utulzjcls9] {
    padding: 24px 28px 40px;
    background: #F5F8FC;
    min-height: 100%;
}

.cor-table-wrap[b-utulzjcls9] {
    overflow-x: auto;
}

/* ── HEADER ── */
.cor-header[b-utulzjcls9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    flex-wrap: wrap;
    gap: 16px;
}

.cor-header-left[b-utulzjcls9] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.cor-header-icon[b-utulzjcls9] {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, #003B8F, #0357c8);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    flex-shrink: 0;
    box-shadow: 0 6px 18px rgba(0, 59, 143, 0.25);
}

.cor-title[b-utulzjcls9] {
    font-size: 26px;
    font-weight: 700;
    color: #0B1B33;
    margin: 0 0 4px 0;
    letter-spacing: -0.3px;
}

.cor-subtitle[b-utulzjcls9] {
    font-size: 14px;
    color: #5B6B84;
    margin: 0;
}

/* ── EXPORT GROUP ── */
.cor-export-group[b-utulzjcls9] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cor-export-btn[b-utulzjcls9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 10px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .18s;
}

.cor-export-btn:disabled[b-utulzjcls9] {
    opacity: .45;
    cursor: not-allowed;
}

.cor-export-excel[b-utulzjcls9] {
    background: #1D7044;
    color: #fff;
    box-shadow: 0 4px 12px rgba(29,112,68,.25);
}

.cor-export-excel:not(:disabled):hover[b-utulzjcls9] {
    background: #155735;
    transform: translateY(-1px);
}

.cor-export-print[b-utulzjcls9] {
    background: #2A3B55;
    color: #fff;
    box-shadow: 0 4px 12px rgba(71,85,105,.22);
}

.cor-export-print:not(:disabled):hover[b-utulzjcls9] {
    background: #2A3B55;
    transform: translateY(-1px);
}

/* ── FILTER CARD ── */
.cor-filter-card[b-utulzjcls9] {
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 8px 28px rgba(0,0,0,.06);
}

.cor-filter-grid[b-utulzjcls9] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
    margin-bottom: 20px;
}

@media (max-width: 900px) {
    .cor-filter-grid[b-utulzjcls9] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    .cor-filter-grid[b-utulzjcls9] { grid-template-columns: 1fr; }
}

.cor-filter-group[b-utulzjcls9] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.cor-label[b-utulzjcls9] {
    font-size: 12.5px;
    font-weight: 600;
    color: #4B5563;
    letter-spacing: .3px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.cor-label i[b-utulzjcls9] { color: #003B8F; font-size: 12px; }

.cor-select[b-utulzjcls9],
.cor-input[b-utulzjcls9] {
    height: 42px;
    border: 1.5px solid #C9D6E8;
    border-radius: 10px;
    padding: 0 14px;
    font-size: 14px;
    color: #0B1B33;
    background: #F8FAFD;
    transition: border-color .18s, box-shadow .18s;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.cor-select:focus[b-utulzjcls9],
.cor-input:focus[b-utulzjcls9] {
    border-color: #003B8F;
    box-shadow: 0 0 0 3px rgba(0, 59, 143,.1);
    background: #fff;
}

.cor-skeleton[b-utulzjcls9] {
    height: 42px;
    border-radius: 10px;
    background: linear-gradient(90deg, #e2e9f3 25%, #f5f8fc 50%, #e2e9f3 75%);
    background-size: 200% 100%;
    animation: shimmer-b-utulzjcls9 1.4s infinite;
}

@keyframes shimmer-b-utulzjcls9 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── FILTER ACTIONS ── */
.cor-filter-actions[b-utulzjcls9] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cor-btn-primary[b-utulzjcls9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 24px;
    background: linear-gradient(135deg, #003B8F, #0357c8);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 59, 143,.3);
    transition: all .18s;
}

.cor-btn-primary:disabled[b-utulzjcls9] { opacity: .5; cursor: not-allowed; }

.cor-btn-primary:not(:disabled):hover[b-utulzjcls9] {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 59, 143,.38);
}

.cor-btn-secondary[b-utulzjcls9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 20px;
    background: #EDF2F8;
    color: #2A3B55;
    border: 1.5px solid #C9D6E8;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .18s;
}

.cor-btn-secondary:hover[b-utulzjcls9] {
    background: #E2E9F3;
    transform: translateY(-1px);
}

/* ── SPINNER (inline) ── */
.cor-spinner[b-utulzjcls9] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-utulzjcls9 .7s linear infinite;
}

@keyframes spin-b-utulzjcls9 { to { transform: rotate(360deg); } }

/* ── ERROR BANNER ── */
.cor-error-banner[b-utulzjcls9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: rgba(239,68,68,.08);
    border: 1.5px solid rgba(239,68,68,.28);
    border-radius: 10px;
    color: #DC2626;
    font-size: 13.5px;
    margin-top: 16px;
}

/* ── SUMMARY BAR ── */
.cor-summary-bar[b-utulzjcls9] {
    display: flex;
    align-items: center;
    gap: 24px;
    background: #fff;
    border-radius: 12px;
    padding: 12px 20px;
    margin-bottom: 16px;
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
    font-size: 13.5px;
    color: #2A3B55;
    flex-wrap: wrap;
}

.cor-summary-item[b-utulzjcls9] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.cor-summary-item i[b-utulzjcls9] { color: #003B8F; }

.cor-summary-item strong[b-utulzjcls9] { color: #0B1B33; font-weight: 700; }

/* ── TABLE CARD ── */
.cor-table-card[b-utulzjcls9] {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(0,0,0,.06);
    overflow: hidden;
}

.cor-table-wrap[b-utulzjcls9] {
    overflow-x: auto;
}

.cor-table thead tr[b-utulzjcls9] {
    background: #F0F4FA;
}

.cor-table th[b-utulzjcls9] {
    padding: 13px 14px;
    font-weight: 700;
    color: #2A3B55;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-bottom: 2px solid #E2E9F3;
    white-space: nowrap;
    text-align: left;
}

.cor-table th.text-center[b-utulzjcls9] { text-align: center; }
.cor-table th.text-right[b-utulzjcls9]  { text-align: right; }

.cor-table tbody tr[b-utulzjcls9] {
    border-bottom: 1px solid #EDF2F8;
    transition: background .14s;
}

.cor-table tbody tr:hover[b-utulzjcls9] { background: #F8FAFD; }

.cor-table td[b-utulzjcls9] {
    padding: 11px 14px;
    color: #2A3B55;
    vertical-align: middle;
}

.cor-table td.text-center[b-utulzjcls9] { text-align: center; }
.cor-table td.text-right[b-utulzjcls9]  { text-align: right; }

.cor-td-idx[b-utulzjcls9] {
    color: #8A9AB2;
    font-size: 12px;
    font-weight: 600;
    width: 36px;
}

.cor-mono[b-utulzjcls9] {
    font-family: 'Courier New', monospace;
    font-size: 12.5px;
    color: #0B1B33;
    font-weight: 600;
}

.cor-amount[b-utulzjcls9] {
    font-weight: 700;
    color: #0B1B33;
}

/* ── BADGES ── */
.cor-badge[b-utulzjcls9] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
}

.cor-badge-status[b-utulzjcls9]  { background: #F0F7FF; color: #0357C8; }
.cor-badge-success[b-utulzjcls9] { background: #ECFDF5; color: #065F46; }
.cor-badge-warning[b-utulzjcls9] { background: #FFFBEB; color: #92400E; }

/* ── QTY BADGES ── */
.cor-qty-badge[b-utulzjcls9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
}

.cor-qty-full[b-utulzjcls9]    { background: #ECFDF5; color: #065F46; }
.cor-qty-partial[b-utulzjcls9] { background: #FFFBEB; color: #92400E; }
.cor-qty-zero[b-utulzjcls9]    { background: #EDF2F8; color: #8A9AB2; }

/* ── EMPTY / HINT / LOADING STATES ── */
.cor-empty-state[b-utulzjcls9],
.cor-hint-state[b-utulzjcls9],
.cor-loading-state[b-utulzjcls9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 24px;
    text-align: center;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(0,0,0,.06);
}

.cor-empty-state i[b-utulzjcls9],
.cor-hint-state .cor-hint-icon i[b-utulzjcls9] {
    font-size: 48px;
    color: #C9D6E8;
    margin-bottom: 16px;
}

.cor-hint-icon[b-utulzjcls9] {
    width: 80px;
    height: 80px;
    background: #F0F7FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.cor-hint-icon i[b-utulzjcls9] { font-size: 36px; color: #0A6FE8; margin: 0; }

.cor-empty-state h3[b-utulzjcls9],
.cor-hint-state h3[b-utulzjcls9] {
    font-size: 18px;
    font-weight: 700;
    color: #0B1B33;
    margin: 0 0 8px;
}

.cor-empty-state p[b-utulzjcls9],
.cor-hint-state p[b-utulzjcls9] {
    font-size: 14px;
    color: #5B6B84;
    margin: 0;
}

.cor-big-spinner[b-utulzjcls9] {
    width: 48px;
    height: 48px;
    border: 4px solid #E2E9F3;
    border-top-color: #003B8F;
    border-radius: 50%;
    animation: spin-b-utulzjcls9 .8s linear infinite;
    margin-bottom: 16px;
}

.cor-loading-state p[b-utulzjcls9] { font-size: 14px; color: #5B6B84; }

/* ── TABLE FOOTER (totals) ── */
.cor-tfoot-row[b-utulzjcls9] {
    background: #F0F4FA;
    border-top: 2px solid #C9D6E8;
}

.cor-tfoot-label[b-utulzjcls9] {
    padding: 12px 14px;
    font-size: 12.5px;
    font-weight: 700;
    color: #2A3B55;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.cor-tfoot-label i[b-utulzjcls9] {
    margin-right: 6px;
    color: #003B8F;
}

.cor-tfoot-total[b-utulzjcls9] {
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 800;
    color: #003B8F;
    text-align: center;
}

/* ── PRINT ── */
@media print {
    .cor-header[b-utulzjcls9],
    .cor-filter-card[b-utulzjcls9],
    .cor-summary-bar[b-utulzjcls9] { display: none !important; }

    .cor-table-card[b-utulzjcls9] {
        box-shadow: none;
        border-radius: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-container[b-l0gfn74exd] {
    max-width: 1400px;
    margin: 0 auto;
}

.dashboard-header[b-l0gfn74exd] {
    margin-bottom: 32px;
}

.dashboard-header h1[b-l0gfn74exd] {
    font-size: 32px;
    font-weight: 700;
    color: #003B8F;
    margin-bottom: 8px;
    font-family: var(--w-font, 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif);
}

.dashboard-header p[b-l0gfn74exd] {
    font-size: 16px;
    color: #5B6B84;
    font-family: var(--w-font, 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif);
}

.dashboard-content[b-l0gfn74exd] {
    display: grid;
    gap: 24px;
}

.welcome-card[b-l0gfn74exd] {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0, 59, 143, 0.08);
}

.welcome-card h2[b-l0gfn74exd] {
    font-size: 24px;
    font-weight: 700;
    color: #003B8F;
    margin-bottom: 12px;
    font-family: var(--w-font, 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif);
}

.welcome-card p[b-l0gfn74exd] {
    font-size: 16px;
    color: #5B6B84;
    margin-bottom: 8px;
    font-family: var(--w-font, 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif);
}

.user-role-info[b-l0gfn74exd] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #C9D6E8;
}

.user-role-info strong[b-l0gfn74exd] {
    color: #003B8F;
    font-weight: 600;
}
/* /Components/Pages/InventoryShelfStatus.razor.rz.scp.css */
.shelf-stock-page[b-i47qqkq29u] {
    width: 100%;
    max-width: 100%;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow-x: hidden;
    box-sizing: border-box;
}

.shelf-stock-page > *[b-i47qqkq29u] {
    min-width: 0;
}

.shelf-stock-header[b-i47qqkq29u] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.shelf-stock-header-left[b-i47qqkq29u] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.shelf-stock-header-icon[b-i47qqkq29u] {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f0f7ff;
    color: #0357c8;
    font-size: 18px;
}

.shelf-stock-title[b-i47qqkq29u] {
    margin: 0;
    color: #0B1B33;
    font-size: 1.2rem;
    font-weight: 700;
}

.shelf-stock-subtitle[b-i47qqkq29u] {
    margin: 2px 0 0;
    color: #5b6b84;
    font-size: .9rem;
}

.shelf-stock-export[b-i47qqkq29u],
.shelf-stock-btn-primary[b-i47qqkq29u],
.shelf-stock-btn-secondary[b-i47qqkq29u] {
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
}

.shelf-stock-export[b-i47qqkq29u],
.shelf-stock-btn-primary[b-i47qqkq29u] {
    background: #0a6fe8;
    color: #fff;
}

.shelf-stock-btn-secondary[b-i47qqkq29u] {
    background: #f8fafd;
    border-color: #c9d6e8;
    color: #0B1B33;
}

.shelf-stock-export:disabled[b-i47qqkq29u],
.shelf-stock-btn-primary:disabled[b-i47qqkq29u],
.shelf-stock-btn-secondary:disabled[b-i47qqkq29u] {
    opacity: .6;
    cursor: not-allowed;
}

.shelf-stock-filter-card[b-i47qqkq29u],
.shelf-stock-table-card[b-i47qqkq29u],
.shelf-stock-summary-bar[b-i47qqkq29u],
.shelf-stock-empty-state[b-i47qqkq29u],
.shelf-stock-loading-state[b-i47qqkq29u] {
    width: 100%;
    min-width: 0;
    padding: 10px;
    border: 1px solid #e2e9f3;
    border-radius: 12px;
    background: #fff;
    box-sizing: border-box;
}

.shelf-stock-filter-grid[b-i47qqkq29u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.shelf-stock-filter-group[b-i47qqkq29u] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.shelf-stock-label[b-i47qqkq29u] {
    color: #2A3B55;
    font-size: .8rem;
    font-weight: 600;
}

.shelf-stock-label i[b-i47qqkq29u] {
    width: 16px;
    margin-right: 3px;
    color: #5b6b84;
    text-align: center;
}

.shelf-stock-input[b-i47qqkq29u],
.shelf-stock-select[b-i47qqkq29u] {
    width: 100%;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid #c9d6e8;
    border-radius: 8px;
    background: #fff;
    color: #0B1B33;
    box-sizing: border-box;
}

.shelf-stock-input:focus[b-i47qqkq29u],
.shelf-stock-select:focus[b-i47qqkq29u] {
    border-color: #60a5fa;
    outline: 3px solid rgba(96, 165, 250, .16);
}

.shelf-stock-select:disabled[b-i47qqkq29u] {
    background: #edf2f8;
    color: #8a9ab2;
    cursor: not-allowed;
}

.shelf-stock-filter-actions[b-i47qqkq29u] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.shelf-stock-filter-toggle[b-i47qqkq29u] {
    margin-left: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2A3B55;
    font-size: .86rem;
    font-weight: 600;
    cursor: pointer;
}

.shelf-stock-filter-toggle input[b-i47qqkq29u] {
    margin: 0;
}

.shelf-stock-message[b-i47qqkq29u] {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.shelf-stock-error[b-i47qqkq29u] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.shelf-stock-info[b-i47qqkq29u] {
    border-color: #cfe6ff;
    background: #f0f7ff;
    color: #003b8f;
}

.shelf-stock-summary-bar[b-i47qqkq29u] {
    display: flex;
    gap: 18px;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
}

.shelf-stock-summary-item[b-i47qqkq29u] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2A3B55;
}

.shelf-stock-empty-state[b-i47qqkq29u],
.shelf-stock-loading-state[b-i47qqkq29u] {
    padding: 34px 20px;
    text-align: center;
    color: #5b6b84;
}

.shelf-stock-empty-state i[b-i47qqkq29u] {
    color: #7cc8ff;
    font-size: 30px;
}

.shelf-stock-empty-state h3[b-i47qqkq29u] {
    margin: 10px 0 4px;
    color: #2A3B55;
    font-size: 1rem;
}

.shelf-stock-empty-state p[b-i47qqkq29u],
.shelf-stock-loading-state p[b-i47qqkq29u] {
    margin: 0;
}

.shelf-stock-table-card[b-i47qqkq29u] {
    overflow: hidden;
}

.shelf-stock-page[b-i47qqkq29u]  .shelf-stock-grid {
    border-radius: 10px;
    overflow: hidden;
}

.shelf-stock-page[b-i47qqkq29u]  .shelf-stock-grid .e-gridcontent {
    overflow-x: auto !important;
}

.shelf-stock-detail-card[b-i47qqkq29u] {
    margin: 6px;
    overflow: hidden;
    border: 1px solid #e3f2ff;
    border-radius: 10px;
    background: #fff;
}

.shelf-stock-detail-header[b-i47qqkq29u] {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #e3f2ff;
    background: #f0f7ff;
    color: #003b8f;
    font-size: .86rem;
    font-weight: 700;
}

.shelf-stock-detail-grid[b-i47qqkq29u] {
    padding: 12px 14px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.shelf-stock-detail-item[b-i47qqkq29u] {
    min-width: 0;
    padding: 9px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1px solid #e2e9f3;
    border-radius: 8px;
    background: #f8fafd;
}

.shelf-stock-detail-item-wide[b-i47qqkq29u] {
    grid-column: span 2;
}

.shelf-stock-detail-label[b-i47qqkq29u] {
    color: #5b6b84;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.shelf-stock-detail-value[b-i47qqkq29u] {
    min-width: 0;
    overflow: hidden;
    color: #0b1b33;
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shelf-stock-thumbnail[b-i47qqkq29u],
.shelf-stock-thumbnail-placeholder[b-i47qqkq29u] {
    width: 42px;
    height: 42px;
    border: 1px solid #e2e9f3;
    border-radius: 8px;
}

.shelf-stock-thumbnail[b-i47qqkq29u] {
    display: block;
    margin: 0 auto;
    object-fit: cover;
    cursor: pointer;
}

.shelf-stock-thumbnail-placeholder[b-i47qqkq29u] {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafd;
    color: #c9d6e8;
}

.shelf-stock-dialog-header[b-i47qqkq29u] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.shelf-stock-dialog-header > i[b-i47qqkq29u] {
    color: #0a6fe8;
    font-size: 18px;
}

.shelf-stock-dialog-title[b-i47qqkq29u],
.shelf-stock-dialog-code[b-i47qqkq29u] {
    display: block;
}

.shelf-stock-dialog-title[b-i47qqkq29u] {
    color: #0B1B33;
    font-weight: 700;
}

.shelf-stock-dialog-code[b-i47qqkq29u] {
    margin-top: 2px;
    color: #5b6b84;
    font-size: .78rem;
}

.shelf-stock-dialog-body[b-i47qqkq29u] {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: #f8fafd;
}

.shelf-stock-dialog-image[b-i47qqkq29u] {
    max-width: 100%;
    max-height: 65vh;
    border-radius: 10px;
    object-fit: contain;
}

.shelf-stock-skeleton[b-i47qqkq29u] {
    width: 100%;
    height: 34px;
    border-radius: 8px;
    background: linear-gradient(90deg, #edf2f8 25%, #e2e9f3 37%, #edf2f8 63%);
    background-size: 400% 100%;
    animation: shelf-stock-skeleton-loading-b-i47qqkq29u 1.4s ease infinite;
}

.shelf-stock-spinner[b-i47qqkq29u],
.shelf-stock-big-spinner[b-i47qqkq29u] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: shelf-stock-spin-b-i47qqkq29u .8s linear infinite;
}

.shelf-stock-big-spinner[b-i47qqkq29u] {
    width: 28px;
    height: 28px;
    border-color: #e3f2ff;
    border-top-color: #0a6fe8;
}

@keyframes shelf-stock-skeleton-loading-b-i47qqkq29u {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}

@keyframes shelf-stock-spin-b-i47qqkq29u {
    to { transform: rotate(360deg); }
}

@media (max-width: 1280px) {
    .shelf-stock-filter-grid[b-i47qqkq29u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .shelf-stock-detail-grid[b-i47qqkq29u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .shelf-stock-page[b-i47qqkq29u] {
        padding: 10px;
    }

    .shelf-stock-header[b-i47qqkq29u] {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .shelf-stock-export[b-i47qqkq29u],
    .shelf-stock-btn-primary[b-i47qqkq29u],
    .shelf-stock-btn-secondary[b-i47qqkq29u] {
        width: 100%;
    }

    .shelf-stock-filter-grid[b-i47qqkq29u] {
        grid-template-columns: 1fr;
    }

    .shelf-stock-filter-toggle[b-i47qqkq29u] {
        width: 100%;
        margin-left: 0;
    }

    .shelf-stock-detail-grid[b-i47qqkq29u] {
        grid-template-columns: 1fr;
    }

    .shelf-stock-detail-item-wide[b-i47qqkq29u] {
        grid-column: span 1;
    }
}
/* /Components/Pages/InventorySlip.razor.rz.scp.css */
.inv-page[b-ru8ogdyagk] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.inv-header-bar[b-ru8ogdyagk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.inv-title[b-ru8ogdyagk] {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: #0b1b33;
}

.inv-subtitle[b-ru8ogdyagk] {
    margin: 6px 0 0;
    color: #5b6b84;
    font-size: 13px;
}

.inv-pill[b-ru8ogdyagk] {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.inv-pill.loading[b-ru8ogdyagk] {
    background: #f0f7ff;
    color: #0357c8;
}

.inv-pill.success[b-ru8ogdyagk] {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.inv-pill.muted[b-ru8ogdyagk] {
    background: #edf2f8;
    color: #2A3B55;
}

.inv-banner[b-ru8ogdyagk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
}

.inv-banner.error[b-ru8ogdyagk] {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.22);
    color: #b91c1c;
}

.inv-card[b-ru8ogdyagk] {
    background: #fff;
    border: 1px solid #e2e9f3;
    border-radius: 18px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    padding: 18px;
}

.inv-card-header[b-ru8ogdyagk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.inv-card-header h2[b-ru8ogdyagk] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: #0b1b33;
}

.inv-card-header > div:first-child > span[b-ru8ogdyagk] {
    display: inline-block;
    margin-top: 4px;
    font-size: 13px;
    color: #5b6b84;
}

.inv-save-button[b-ru8ogdyagk] {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #0a6fe8;
    border-radius: 10px;
    background: #0a6fe8;
    color: #fff;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.inv-save-button.secondary[b-ru8ogdyagk] {
    background: #fff;
    border-color: #c9d6e8;
    color: #0b1b33;
}

.inv-save-button:not(:disabled):hover[b-ru8ogdyagk] {
    background: #0357c8;
    border-color: #0357c8;
}

.inv-save-button.secondary:not(:disabled):hover[b-ru8ogdyagk] {
    background: #f8fafd;
    border-color: #8a9ab2;
    color: #0b1b33;
}

.inv-save-button.secondary .spinner[b-ru8ogdyagk] {
    border-color: rgba(0, 59, 143, .25);
    border-top-color: #003b8f;
}

.inv-save-button:disabled[b-ru8ogdyagk] {
    opacity: .6;
    cursor: not-allowed;
}

.inv-card-actions[b-ru8ogdyagk] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.inv-header-grid[b-ru8ogdyagk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.field-group[b-ru8ogdyagk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-group label[b-ru8ogdyagk] {
    font-size: 12px;
    font-weight: 700;
    color: #2A3B55;
}

.field-group.span-2[b-ru8ogdyagk] {
    grid-column: span 2;
}

.inv-input[b-ru8ogdyagk],
.inv-select[b-ru8ogdyagk] {
    width: 100%;
}

.inv-select[b-ru8ogdyagk] {
    height: 42px;
    border: 1px solid #c9d6e8;
    border-radius: 12px;
    padding: 0 12px;
    background: #fff;
    color: #0b1b33;
}

.inv-slip-number-row[b-ru8ogdyagk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    gap: 10px;
    align-items: center;
}

.inv-mini-button[b-ru8ogdyagk] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0;
    border-radius: 10px;
    border: 1px solid #c9d6e8;
    background: #fff;
    color: #0b1b33;
    font-weight: 800;
}

.inv-grid-card[b-ru8ogdyagk] {
    padding-top: 16px;
}

.inv-grid-header[b-ru8ogdyagk] {
    margin-bottom: 12px;
}

.inv-header-actions[b-ru8ogdyagk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.inv-inline-note[b-ru8ogdyagk] {
    font-size: 12px;
    color: #5b6b84;
    background: #f8fafd;
    padding: 10px 12px;
    border-radius: 10px;
}

.inv-grid[b-ru8ogdyagk] {
    min-width: 1180px;
}

.inv-product-chip[b-ru8ogdyagk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.inv-product-code[b-ru8ogdyagk] {
    font-weight: 800;
    color: #0b1b33;
}

.inv-product-name[b-ru8ogdyagk] {
    font-size: 12px;
    color: #5b6b84;
}

.inv-product-item[b-ru8ogdyagk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.inv-product-item strong[b-ru8ogdyagk] {
    font-size: 13px;
    color: #0b1b33;
}

.inv-product-item span[b-ru8ogdyagk] {
    font-size: 12px;
    color: #5b6b84;
}

.inv-product-editor[b-ru8ogdyagk] {
    position: relative;
}

.inv-product-edit-row[b-ru8ogdyagk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    gap: 8px;
    align-items: center;
}

.inv-product-modal-button[b-ru8ogdyagk] {
    height: 38px;
}

.inv-product-suggestions[b-ru8ogdyagk] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    max-height: 260px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #c9d6e8;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .16);
}

.inv-product-suggestion[b-ru8ogdyagk] {
    width: 100%;
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) 110px;
    gap: 8px;
    padding: 9px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.inv-product-suggestion:hover[b-ru8ogdyagk] {
    background: #f0f7ff;
}

.inv-product-dialog-title[b-ru8ogdyagk] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #0b1b33;
    font-weight: 800;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

.inv-mini-button:hover[b-ru8ogdyagk] {
    background: #f8fafd;
    border-color: #8a9ab2;
}

.inv-product-dialog-content[b-ru8ogdyagk] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 280px;
}

.inv-new-line-fields[b-ru8ogdyagk] {
    display: grid;
    grid-template-columns: minmax(150px, 180px) minmax(200px, 240px) 1fr;
    align-items: end;
    gap: 18px;
    padding: 16px;
    border: 1px solid #dbe4f0;
    border-radius: 12px;
    background: #f8fafd;
}

.inv-new-line-help[b-ru8ogdyagk] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    color: #5b6b84;
    font-size: 0.9rem;
}

.inv-new-line-help i[b-ru8ogdyagk] {
    color: #0a6fe8;
}

.inv-product-dialog-search[b-ru8ogdyagk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.inv-product-result-list[b-ru8ogdyagk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 460px;
    overflow-y: auto;
    padding-right: 4px;
}

.inv-product-result-row[b-ru8ogdyagk] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 90px 112px;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #e2e9f3;
    border-radius: 12px;
    background: #fff;
}

.inv-product-result-row:hover[b-ru8ogdyagk] {
    border-color: #7cc8ff;
    background: #f8fbff;
}

.inv-product-result-image[b-ru8ogdyagk] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 10px;
    background: #edf2f8;
    color: #8a9ab2;
}

.inv-product-result-image img[b-ru8ogdyagk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inv-product-result-info[b-ru8ogdyagk] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.inv-product-result-info strong[b-ru8ogdyagk] {
    color: #0b1b33;
    font-size: 13px;
}

.inv-product-result-info span[b-ru8ogdyagk] {
    overflow: hidden;
    color: #2A3B55;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inv-product-result-info small[b-ru8ogdyagk] {
    color: #5b6b84;
}

.inv-product-result-stock[b-ru8ogdyagk] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #2A3B55;
    font-size: 11px;
}

.inv-product-result-stock strong[b-ru8ogdyagk] {
    color: #0b1b33;
    font-size: 13px;
}

.inv-product-select-button[b-ru8ogdyagk],
.inv-secondary-button[b-ru8ogdyagk] {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #c9d6e8;
    border-radius: 10px;
    background: #fff;
    color: #0b1b33;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.inv-product-select-button[b-ru8ogdyagk] {
    border-color: #0a6fe8;
    background: #0a6fe8;
    color: #fff;
}

.inv-product-select-button:not(:disabled):hover[b-ru8ogdyagk] {
    border-color: #0357c8;
    background: #0357c8;
}

.inv-secondary-button:hover[b-ru8ogdyagk] {
    border-color: #8a9ab2;
    background: #f8fafd;
}

.inv-product-select-button:disabled[b-ru8ogdyagk] {
    opacity: .6;
    cursor: not-allowed;
}

.inv-product-empty[b-ru8ogdyagk] {
    display: grid;
    min-height: 180px;
    place-items: center;
    color: #5b6b84;
    text-align: center;
}

.inv-grid-footer[b-ru8ogdyagk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.inv-summary-card[b-ru8ogdyagk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-radius: 14px;
    background: #f8fafd;
    border: 1px solid #e2e9f3;
}

.inv-summary-card span[b-ru8ogdyagk] {
    font-size: 13px;
    color: #2A3B55;
    font-weight: 600;
}

.inv-summary-card strong[b-ru8ogdyagk] {
    font-size: 20px;
    color: #0b1b33;
}

.inv-toast-content[b-ru8ogdyagk] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 280px;
    padding: 12px 16px;
    color: #0b1b33;
    font-size: 14px;
    font-weight: 600;
}

.inv-toast-content span[b-ru8ogdyagk] {
    display: block;
    color: #0b1b33;
    line-height: 1.4;
}

[b-ru8ogdyagk] .inv-toast .e-toast {
    min-width: 320px !important;
    padding: 0 !important;
    border: 1px solid #e2e9f3 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .14) !important;
}

[b-ru8ogdyagk] .inv-toast .e-toast-template {
    padding: 0 !important;
}

.inv-toast-success[b-ru8ogdyagk] {
    color: #16a34a;
}

.inv-toast-error[b-ru8ogdyagk] {
    color: #dc2626;
}

.inv-error-dialog .e-dlg-content[b-ru8ogdyagk] {
    padding-top: 18px;
}

.inv-error-content[b-ru8ogdyagk] {
    font-size: 14px;
    color: #2A3B55;
    line-height: 1.5;
}

.spinner[b-ru8ogdyagk] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    display: inline-block;
    animation: inv-spin-b-ru8ogdyagk .8s linear infinite;
}

@keyframes inv-spin-b-ru8ogdyagk {
    to { transform: rotate(360deg); }
}

@media (max-width: 1280px) {
    .inv-header-grid[b-ru8ogdyagk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .field-group.span-2[b-ru8ogdyagk] {
        grid-column: span 2;
    }
}

@media (max-width: 900px) {
    .inv-header-bar[b-ru8ogdyagk],
    .inv-card-header[b-ru8ogdyagk] {
        flex-direction: column;
    }

    .inv-card-actions[b-ru8ogdyagk] {
        width: 100%;
    }

    .inv-header-grid[b-ru8ogdyagk],
    .inv-grid-footer[b-ru8ogdyagk] {
        grid-template-columns: 1fr;
    }

    .field-group.span-2[b-ru8ogdyagk] {
        grid-column: span 1;
    }

    .inv-product-dialog-search[b-ru8ogdyagk],
    .inv-product-result-row[b-ru8ogdyagk] {
        grid-template-columns: 1fr;
    }

    .inv-new-line-fields[b-ru8ogdyagk] {
        grid-template-columns: 1fr;
    }

    .inv-product-result-image[b-ru8ogdyagk] {
        display: none;
    }

    .inv-product-result-stock[b-ru8ogdyagk] {
        align-items: flex-start;
    }
}
/* /Components/Pages/InventoryStatus.razor.rz.scp.css */
.cor-page[b-ayhes26uzh] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.cor-page > *[b-ayhes26uzh] {
    min-width: 0;
}

.cor-header[b-ayhes26uzh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.cor-header-left[b-ayhes26uzh] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cor-header-icon[b-ayhes26uzh] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f0f7ff;
    color: #0357c8;
    font-size: 18px;
}

.cor-title[b-ayhes26uzh] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #0B1B33;
}

.cor-subtitle[b-ayhes26uzh] {
    margin: 2px 0 0 0;
    font-size: .9rem;
    color: #5b6b84;
}

.cor-export-group[b-ayhes26uzh] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-self: end;
    justify-content: flex-end;
    max-width: 100%;
    min-width: 0;
}

.cor-export-btn[b-ayhes26uzh],
.cor-btn-primary[b-ayhes26uzh],
.cor-btn-secondary[b-ayhes26uzh] {
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.2;
    white-space: nowrap;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}

.cor-export-btn[b-ayhes26uzh] {
    min-width: 0;
    justify-content: center;
}

.cor-export-btn:disabled[b-ayhes26uzh],
.cor-btn-primary:disabled[b-ayhes26uzh],
.cor-btn-secondary:disabled[b-ayhes26uzh] {
    opacity: .6;
    cursor: not-allowed;
}

.cor-export-excel[b-ayhes26uzh],
.cor-btn-primary[b-ayhes26uzh] {
    background: #0a6fe8;
    color: #fff;
}

.cor-export-print[b-ayhes26uzh],
.cor-btn-secondary[b-ayhes26uzh] {
    background: #f8fafd;
    color: #0B1B33;
    border-color: #c9d6e8;
}

.cor-filter-card[b-ayhes26uzh],
.cor-table-card[b-ayhes26uzh],
.cor-summary-bar[b-ayhes26uzh],
.cor-empty-state[b-ayhes26uzh],
.cor-loading-state[b-ayhes26uzh] {
    background: #fff;
    border: 1px solid #e2e9f3;
    border-radius: 12px;
    padding: 10px;
}

.cor-filter-card[b-ayhes26uzh],
.cor-summary-bar[b-ayhes26uzh],
.cor-table-card[b-ayhes26uzh] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.cor-header[b-ayhes26uzh],
.cor-filter-card[b-ayhes26uzh],
.cor-summary-bar[b-ayhes26uzh] {
    overflow-x: hidden;
}

.cor-table-card[b-ayhes26uzh] {
    overflow: hidden;
}

.cor-filter-grid[b-ayhes26uzh] {
    display: grid;
    gap: 8px;
}

.inventory-filter-grid[b-ayhes26uzh] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cor-filter-grid > *[b-ayhes26uzh] {
    min-width: 0;
}

.cor-filter-group[b-ayhes26uzh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cor-label[b-ayhes26uzh] {
    font-size: .8rem;
    font-weight: 600;
    color: #2A3B55;
}

.cor-input[b-ayhes26uzh],
.cor-select[b-ayhes26uzh] {
    width: 100%;
    min-height: 34px;
    border-radius: 8px;
    border: 1px solid #c9d6e8;
    padding: 6px 9px;
    background: #fff;
    box-sizing: border-box;
}

.cor-filter-actions[b-ayhes26uzh] {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.cor-filter-toggle[b-ayhes26uzh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 6px;
    font-weight: 600;
    font-size: .86rem;
    color: #2A3B55;
    white-space: normal;
}

@media (max-width: 1280px) {
    .inventory-filter-grid[b-ayhes26uzh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1550px) {
    .cor-header[b-ayhes26uzh] {
        grid-template-columns: 1fr;
    }

    .cor-export-group[b-ayhes26uzh] {
        justify-self: start;
        justify-content: flex-start;
    }
}

.cor-filter-toggle input[b-ayhes26uzh] {
    margin: 0;
}

.cor-error-banner[b-ayhes26uzh] {
    margin-top: 10px;
    border-radius: 8px;
    padding: 10px 12px;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #991b1b;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cor-summary-bar[b-ayhes26uzh] {
    display: flex;
    gap: 18px;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
}

.cor-summary-item[b-ayhes26uzh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2A3B55;
    flex: 0 0 auto;
}

.cor-empty-state[b-ayhes26uzh],
.cor-loading-state[b-ayhes26uzh] {
    text-align: center;
    color: #5b6b84;
}

.cor-empty-state i[b-ayhes26uzh],
.cor-loading-state i[b-ayhes26uzh] {
    font-size: 20px;
}

.cor-table-wrap[b-ayhes26uzh] {
    overflow: auto;
    max-width: 100%;
}

.cor-table[b-ayhes26uzh] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1020px;
}

.cor-table th[b-ayhes26uzh],
.cor-table td[b-ayhes26uzh] {
    border-bottom: 1px solid #e2e9f3;
    padding: 9px 10px;
    text-align: left;
    vertical-align: middle;
    font-size: .88rem;
}

.cor-table th[b-ayhes26uzh] {
    white-space: nowrap;
    background: #f8fafd;
    color: #0B1B33;
    font-weight: 700;
}

.inventory-status-grid[b-ayhes26uzh] {
    border-radius: 10px;
    overflow: hidden;
}

.inventory-status-grid .e-gridcontent[b-ayhes26uzh] {
    overflow-x: auto !important;
}

.inventory-thumb-placeholder[b-ayhes26uzh] {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid #e2e9f3;
    background: #f8fafd;
    margin: 0 auto;
}

.cor-skeleton[b-ayhes26uzh] {
    width: 100%;
    height: 38px;
    border-radius: 8px;
    background: linear-gradient(90deg, #edf2f8 25%, #e2e9f3 37%, #edf2f8 63%);
    background-size: 400% 100%;
    animation: cor-skeleton-loading-b-ayhes26uzh 1.4s ease infinite;
}

@keyframes cor-skeleton-loading-b-ayhes26uzh {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}

.cor-spinner[b-ayhes26uzh],
.cor-big-spinner[b-ayhes26uzh] {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    width: 14px;
    height: 14px;
    animation: cor-spin-b-ayhes26uzh .8s linear infinite;
}

.cor-big-spinner[b-ayhes26uzh] {
    width: 28px;
    height: 28px;
    border-color: #e3f2ff;
    border-top-color: #0a6fe8;
}

@keyframes cor-spin-b-ayhes26uzh {
    to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
    .cor-page[b-ayhes26uzh] {
        padding: 10px;
    }

    .cor-header[b-ayhes26uzh] {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .cor-export-group[b-ayhes26uzh] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        flex-wrap: wrap;
    }

    .cor-export-btn[b-ayhes26uzh],
    .cor-btn-primary[b-ayhes26uzh],
    .cor-btn-secondary[b-ayhes26uzh] {
        width: 100%;
        justify-content: center;
    }

    .inventory-filter-grid[b-ayhes26uzh] {
        grid-template-columns: 1fr;
    }

    .cor-filter-toggle[b-ayhes26uzh] {
        width: 100%;
        margin-left: 0;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* ==========================================================================
   Wentra – Giriş ekranı
   Wentra web sitesinin tasarım sistemi temel alınmıştır:
   lacivert #003B8F, mavi #009BFF, turuncu #FF7A00 (yalnızca CTA ve vurgu).
   ========================================================================== */

.login-container[b-m8gqn5bhao] {
    --w-navy-900: #061a3f;
    --w-navy: #003b8f;
    --w-blue-700: #0357c8;
    --w-blue-600: #0a6fe8;
    --w-blue: #009bff;
    --w-blue-300: #7cc8ff;
    --w-blue-100: #e3f2ff;
    --w-blue-50: #f0f7ff;
    --w-orange: #ff7a00;
    --w-orange-600: #eb6a00;
    --w-orange-100: #fff1e3;
    --w-success: #12a150;
    --w-success-100: #e6f7ee;
    --w-danger: #d92d20;
    --w-ink: #0b1b33;
    --w-ink-2: #2a3b55;
    --w-muted: #5b6b84;
    --w-line: #e2e9f3;
    --w-line-2: #edf2f8;
    --w-gradient: linear-gradient(135deg, #003b8f 0%, #0a6fe8 55%, #009bff 100%);
    --sh-xs: 0 1px 2px rgba(10, 30, 70, .06);
    --sh-md: 0 14px 34px -14px rgba(10, 40, 100, .22);
    --sh-lg: 0 34px 70px -24px rgba(8, 35, 90, .32);
    --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    font-family: var(--font);
    color: var(--w-ink);
    background:
        radial-gradient(700px 420px at 100% 0%, rgba(0, 155, 255, .08), transparent 65%),
        #f8fafd;
    -webkit-font-smoothing: antialiased;
}

.login-container *[b-m8gqn5bhao],
.login-container *[b-m8gqn5bhao]::before,
.login-container *[b-m8gqn5bhao]::after {
    box-sizing: border-box;
}

.login-container h1[b-m8gqn5bhao],
.login-container h2[b-m8gqn5bhao],
.login-container p[b-m8gqn5bhao],
.login-container ul[b-m8gqn5bhao] {
    margin: 0;
}

.text-gradient[b-m8gqn5bhao] {
    background: var(--w-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.brand-name[b-m8gqn5bhao] {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--w-navy);
}

/* --------------------------------------------------------------------------
   Sol panel – marka ve entegrasyon vitrini
   -------------------------------------------------------------------------- */
.login-showcase[b-m8gqn5bhao] {
    display: none;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.25rem 3rem 2.5rem;
    border-right: 1px solid var(--w-line);
    background:
        radial-gradient(900px 520px at 85% 20%, rgba(0, 155, 255, .13), transparent 65%),
        radial-gradient(420px 260px at 98% 0%, rgba(255, 122, 0, .08), transparent 70%),
        linear-gradient(180deg, #f2f8ff 0%, #f8fafd 70%, #fff 100%);
    isolation: isolate;
}

.showcase-grid[b-m8gqn5bhao] {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(0, 59, 143, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 59, 143, .055) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(ellipse 70% 70% at 70% 35%, #000 25%, transparent 75%);
    mask-image: radial-gradient(ellipse 70% 70% at 70% 35%, #000 25%, transparent 75%);
}

.showcase-brand[b-m8gqn5bhao] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.showcase-brand img[b-m8gqn5bhao] {
    width: 64px;
    height: auto;
    display: block;
}

.showcase-content[b-m8gqn5bhao] {
    max-width: 560px;
}

.badge-w[b-m8gqn5bhao] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .4rem .9rem .4rem .45rem;
    border: 1px solid var(--w-line);
    border-radius: 999px;
    background: #fff;
    box-shadow: var(--sh-xs);
    color: var(--w-navy);
    font-size: .85rem;
    font-weight: 600;
}

.badge-dot[b-m8gqn5bhao] {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--w-orange-100);
}

.badge-dot[b-m8gqn5bhao]::after {
    content: "";
    position: absolute;
    inset: 7px;
    border-radius: 50%;
    background: var(--w-orange);
}

.showcase-title[b-m8gqn5bhao] {
    margin-top: 1.25rem;
    font-size: clamp(1.9rem, 1rem + 2.2vw, 3rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.035em;
    color: var(--w-ink);
}

.showcase-title .text-gradient[b-m8gqn5bhao] {
    display: block;
    padding-bottom: .08em;
}

.showcase-lead[b-m8gqn5bhao] {
    max-width: 500px;
    margin: 1rem 0 1.75rem;
    color: var(--w-muted);
    font-size: 1.02rem;
    line-height: 1.7;
}

/* Uygulama penceresi mockup'ı */
.app-card[b-m8gqn5bhao] {
    max-width: 520px;
    background: #fff;
    border: 1px solid var(--w-line);
    border-radius: 16px;
    box-shadow: var(--sh-lg);
    overflow: hidden;
}

.app-card-head[b-m8gqn5bhao] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem 1rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--w-line-2);
    background: #fbfcfe;
}

.app-card-title[b-m8gqn5bhao] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    font-weight: 700;
    color: var(--w-ink);
}

.wi[b-m8gqn5bhao] {
    width: 1em;
    height: 1em;
    fill: currentColor;
    color: var(--w-blue-700);
}

.app-card-tabs[b-m8gqn5bhao] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--w-line);
    border-radius: 10px;
    background: #fff;
}

.app-tab[b-m8gqn5bhao] {
    padding: .32rem .7rem;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--w-muted);
    font: 600 .78rem/1.2 var(--font);
    cursor: pointer;
    transition: background-color .2s, color .2s;
}

.app-tab:hover[b-m8gqn5bhao] {
    color: var(--w-navy);
}

.app-tab.active[b-m8gqn5bhao] {
    background: var(--w-blue-50);
    color: var(--w-blue-700);
}

.app-card-body[b-m8gqn5bhao] {
    display: grid;
    gap: .75rem;
    min-height: 236px;
    padding: 1rem;
    animation: cardFade-b-m8gqn5bhao .35s ease both;
}

@keyframes cardFade-b-m8gqn5bhao {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

.mock-stats[b-m8gqn5bhao] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
}

.mock-stats > div[b-m8gqn5bhao] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: .15rem .5rem;
    padding: .75rem .85rem;
    border: 1px solid var(--w-line-2);
    border-radius: 12px;
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.mock-stats small[b-m8gqn5bhao] {
    grid-column: 1 / -1;
    color: var(--w-muted);
    font-size: .72rem;
    font-weight: 600;
}

.mock-stats b[b-m8gqn5bhao] {
    color: var(--w-ink);
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -.02em;
}

.mock-stats em[b-m8gqn5bhao] {
    margin-bottom: .3rem;
    font-size: .7rem;
    font-style: normal;
    font-weight: 700;
}

.mock-stats .up[b-m8gqn5bhao] { color: var(--w-orange-600); }
.mock-stats .ok[b-m8gqn5bhao] { color: var(--w-success); }

.mock-list[b-m8gqn5bhao] {
    display: grid;
    gap: .5rem;
    padding: 0;
    list-style: none;
}

.mock-list li[b-m8gqn5bhao],
.mock-shipment[b-m8gqn5bhao] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .6rem .75rem;
    border: 1px solid var(--w-line-2);
    border-radius: 12px;
    background: #fff;
}

.mock-list li > span[b-m8gqn5bhao],
.mock-shipment > span:nth-child(2)[b-m8gqn5bhao] {
    display: flex;
    flex-direction: column;
    color: var(--w-ink);
    font-size: .85rem;
    font-weight: 700;
}

.mock-list small[b-m8gqn5bhao],
.mock-shipment small[b-m8gqn5bhao] {
    color: var(--w-muted);
    font-size: .72rem;
    font-weight: 500;
}

.mock-logo[b-m8gqn5bhao] {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    color: #fff;
    font-size: .85rem;
    font-weight: 800;
}

.mock-logo svg[b-m8gqn5bhao] { width: 18px; fill: #fff; }
.logo-trendyol[b-m8gqn5bhao] { background: linear-gradient(145deg, #f27a1a, #ff9a45); }
.logo-hepsiburada[b-m8gqn5bhao] { background: linear-gradient(145deg, #f56600, #ff9346); }
.logo-amazon[b-m8gqn5bhao] { background: #172b4d; color: #ffb132; font-family: Georgia, serif; font-size: 1.1rem; }
.logo-ship[b-m8gqn5bhao] { background: var(--w-gradient); }
.logo-cargo[b-m8gqn5bhao] { background: linear-gradient(145deg, #1a4fa3, #0b2f6b); }
.logo-cargo-alt[b-m8gqn5bhao] { background: linear-gradient(145deg, #2b7de9, #1557b8); }
.logo-netsis[b-m8gqn5bhao] { background: linear-gradient(145deg, #1877c9, #0d4e8a); }
.logo-logo[b-m8gqn5bhao] { background: linear-gradient(145deg, #f04c46, #ba2525); }
.logo-api[b-m8gqn5bhao] { background: linear-gradient(145deg, #7759d9, #4e39a4); font-size: .7rem; }

.pill-ok[b-m8gqn5bhao],
.pill-orange[b-m8gqn5bhao] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-left: auto;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-size: .7rem;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}

.pill-ok[b-m8gqn5bhao] { background: var(--w-success-100); color: var(--w-success); }
.pill-ok i[b-m8gqn5bhao] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.pill-orange[b-m8gqn5bhao] { background: var(--w-orange-100); color: #b35300; }

.mock-steps[b-m8gqn5bhao] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .4rem;
}

.mock-steps span[b-m8gqn5bhao] {
    padding-top: .55rem;
    border-top: 3px solid var(--w-line);
    color: var(--w-muted);
    font-size: .7rem;
    font-weight: 600;
}

.mock-steps .done[b-m8gqn5bhao] { border-color: var(--w-blue); color: var(--w-ink-2); }
.mock-steps .current[b-m8gqn5bhao] { border-color: var(--w-orange); color: var(--w-orange-600); }

.mock-toast[b-m8gqn5bhao] {
    display: flex;
    align-items: center;
    gap: .65rem;
    justify-self: end;
    padding: .6rem .85rem;
    border: 1px solid var(--w-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: var(--sh-md);
}

.mock-toast svg[b-m8gqn5bhao] {
    width: 26px;
    height: 26px;
    padding: 5px;
    border-radius: 50%;
    background: var(--w-success-100);
    fill: none;
    stroke: var(--w-success);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mock-toast > span[b-m8gqn5bhao] {
    display: flex;
    flex-direction: column;
    color: var(--w-ink);
    font-size: .8rem;
    font-weight: 700;
}

.mock-toast small[b-m8gqn5bhao] {
    color: var(--w-muted);
    font-size: .7rem;
    font-weight: 500;
}

.showcase-trust[b-m8gqn5bhao] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.5rem;
    padding: 0;
    list-style: none;
    color: var(--w-ink-2);
    font-size: .88rem;
    font-weight: 600;
}

.showcase-trust li[b-m8gqn5bhao] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.trust-check[b-m8gqn5bhao] {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--w-blue-100);
}

.trust-check svg[b-m8gqn5bhao] {
    width: 13px;
    fill: none;
    stroke: var(--w-blue-700);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* --------------------------------------------------------------------------
   Sağ panel – giriş formu
   -------------------------------------------------------------------------- */
.login-main[b-m8gqn5bhao] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
}

.login-form-wrapper[b-m8gqn5bhao] {
    width: 100%;
    max-width: 440px;
}

.mobile-brand[b-m8gqn5bhao] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-bottom: 1.25rem;
}

.mobile-brand img[b-m8gqn5bhao] {
    width: 56px;
    height: auto;
    display: block;
}

.login-card[b-m8gqn5bhao] {
    padding: 2rem 1.5rem;
    border: 1px solid var(--w-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: var(--sh-lg);
}

.login-header[b-m8gqn5bhao] {
    margin-bottom: 1.75rem;
}

.eyebrow[b-m8gqn5bhao] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .75rem;
    color: var(--w-blue-700);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.eyebrow[b-m8gqn5bhao]::before {
    content: "";
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: var(--w-orange);
}

.login-header h2[b-m8gqn5bhao] {
    margin-bottom: .5rem;
    color: var(--w-ink);
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -.03em;
}

.login-header p[b-m8gqn5bhao] {
    color: var(--w-muted);
    font-size: .95rem;
    line-height: 1.6;
}

.login-alert[b-m8gqn5bhao] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    margin-bottom: 1.25rem;
    padding: .75rem .9rem;
    border: 1px solid #fecdca;
    border-radius: 12px;
    background: #fef3f2;
    color: #b42318;
    font-size: .88rem;
    font-weight: 500;
    line-height: 1.5;
    animation: slideDown-b-m8gqn5bhao .3s ease;
}

.login-alert svg[b-m8gqn5bhao] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

.form-group[b-m8gqn5bhao] {
    position: relative;
    margin-bottom: 1.15rem;
}

.form-label[b-m8gqn5bhao] {
    display: block;
    margin-bottom: .45rem;
    color: var(--w-ink-2);
    font-size: .88rem;
    font-weight: 600;
}

.input-shell[b-m8gqn5bhao] {
    position: relative;
    width: 100%;
}

.input-icon[b-m8gqn5bhao] {
    position: absolute;
    left: 15px;
    top: 50%;
    z-index: 3;
    width: 19px;
    height: 19px;
    fill: none;
    stroke: #8a9ab2;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: translateY(-50%);
    pointer-events: none;
    transition: stroke .2s;
}

.input-shell:focus-within .input-icon[b-m8gqn5bhao] {
    stroke: var(--w-blue-700);
}

/* Syncfusion input override */
[b-m8gqn5bhao] .custom-input.e-input-group,
[b-m8gqn5bhao] .custom-input.e-input-group.e-control-wrapper {
    display: flex;
    align-items: center;
    height: 52px;
    margin: 0;
    border: 1px solid var(--w-line) !important;
    border-radius: 12px;
    background: #fbfcfe;
    transition: border-color .2s, box-shadow .2s, background-color .2s;
}

[b-m8gqn5bhao] .custom-input.e-input-group::before,
[b-m8gqn5bhao] .custom-input.e-input-group::after {
    display: none;
}

[b-m8gqn5bhao] .custom-input.e-input-group:hover:not(.e-input-focus) {
    border-color: #c9d6e8 !important;
}

[b-m8gqn5bhao] .custom-input.e-input-group input.e-input,
[b-m8gqn5bhao] .custom-input.e-input-group.e-control-wrapper input.e-input {
    height: 100% !important;
    min-height: 0;
    margin: 0;
    padding: 0 16px 0 44px !important;
    color: var(--w-ink);
    font-family: var(--font);
    font-size: .95rem !important;
    font-weight: 500;
    line-height: normal !important;
    background: transparent;
}

[b-m8gqn5bhao] .password-input-shell .custom-input .e-input {
    padding-right: 52px !important;
}

[b-m8gqn5bhao] .custom-input .e-input::placeholder {
    color: #9aa8bc;
    font-weight: 400;
}

[b-m8gqn5bhao] .custom-input.e-input-group.e-input-focus,
[b-m8gqn5bhao] .custom-input.e-input-group.e-control-wrapper.e-input-focus {
    border-color: var(--w-blue) !important;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(0, 155, 255, .14);
}

[b-m8gqn5bhao] .custom-input .e-clear-icon {
    margin-right: 10px;
    color: var(--w-muted);
}

.password-toggle[b-m8gqn5bhao] {
    position: absolute;
    right: 8px;
    top: 50%;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 9px;
    background: none;
    color: #8a9ab2;
    cursor: pointer;
    transform: translateY(-50%);
    transition: color .2s, background-color .2s;
}

.password-toggle:hover[b-m8gqn5bhao] {
    background: var(--w-blue-50);
    color: var(--w-navy);
}

.form-options[b-m8gqn5bhao] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
    margin: .25rem 0 1.5rem;
}

[b-m8gqn5bhao] .custom-checkbox .e-label {
    color: var(--w-ink-2);
    font-family: var(--font);
    font-size: .88rem;
    font-weight: 500;
}

[b-m8gqn5bhao] .custom-checkbox .e-frame {
    border-color: #c9d6e8;
    border-radius: 5px;
}

[b-m8gqn5bhao] .custom-checkbox .e-frame.e-check {
    background-color: var(--w-navy);
    border-color: var(--w-navy);
}

.forgot-password[b-m8gqn5bhao] {
    color: var(--w-blue-700);
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s;
}

.forgot-password:hover[b-m8gqn5bhao] {
    color: var(--w-navy);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Giriş butonu – Wentra birincil CTA (turuncu) */
.login-button[b-m8gqn5bhao] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    width: 100%;
    height: 52px;
    border: 0;
    border-radius: 12px;
    background: var(--w-orange);
    box-shadow: 0 12px 24px -12px rgba(255, 122, 0, .8);
    color: #fff;
    font: 700 1rem/1 var(--font);
    letter-spacing: .005em;
    cursor: pointer;
    transition: background-color .2s, box-shadow .2s, transform .2s;
}

.login-button svg[b-m8gqn5bhao] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .2s;
}

.login-button:hover:not(:disabled)[b-m8gqn5bhao] {
    background: var(--w-orange-600);
    transform: translateY(-1px);
}

.login-button:hover:not(:disabled) svg[b-m8gqn5bhao] {
    transform: translateX(3px);
}

.login-button:active:not(:disabled)[b-m8gqn5bhao] {
    transform: none;
}

.login-button:disabled[b-m8gqn5bhao] {
    cursor: progress;
    opacity: .85;
}

.spinner[b-m8gqn5bhao] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-m8gqn5bhao .8s linear infinite;
}

@keyframes spin-b-m8gqn5bhao {
    to { transform: rotate(360deg); }
}

.login-container :focus-visible[b-m8gqn5bhao] {
    outline: 3px solid rgba(0, 155, 255, .5);
    outline-offset: 2px;
}

.divider[b-m8gqn5bhao] {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin: 1.5rem 0 1.1rem;
    color: var(--w-muted);
    font-size: .8rem;
    font-weight: 500;
}

.divider[b-m8gqn5bhao]::before,
.divider[b-m8gqn5bhao]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--w-line);
}

.social-login[b-m8gqn5bhao] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem;
}

.social-button[b-m8gqn5bhao] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    height: 46px;
    padding: 0 .5rem;
    border: 1px solid var(--w-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: var(--sh-xs);
    color: var(--w-ink-2);
    font: 600 .85rem/1 var(--font);
    cursor: pointer;
    transition: border-color .2s, background-color .2s, transform .2s;
}

.social-button:hover:not(:disabled)[b-m8gqn5bhao] {
    border-color: #c9d6e8;
    background: var(--w-blue-50);
    transform: translateY(-1px);
}

.social-button svg[b-m8gqn5bhao] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}

.form-loading[b-m8gqn5bhao] {
    color: var(--w-muted);
    text-align: center;
}

.login-footer[b-m8gqn5bhao] {
    margin-top: 1.5rem;
    color: var(--w-muted);
    font-size: .8rem;
    font-weight: 500;
    text-align: center;
}

.separator[b-m8gqn5bhao] {
    margin: 0 .5rem;
    color: #c9d6e8;
}

/* Doğrulama mesajları */
[b-m8gqn5bhao] .validation-message {
    display: block;
    margin-top: .4rem;
    color: var(--w-danger);
    font-size: .8rem;
    font-weight: 500;
    animation: slideDown-b-m8gqn5bhao .25s ease;
}

[b-m8gqn5bhao] .custom-input.e-error,
[b-m8gqn5bhao] .custom-input.e-error input {
    border-color: var(--w-danger) !important;
}

@keyframes slideDown-b-m8gqn5bhao {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 380px) {
    .login-card[b-m8gqn5bhao] { padding: 1.5rem 1.1rem; border-radius: 18px; }
    .login-header h2[b-m8gqn5bhao] { font-size: 1.5rem; }
    .social-login[b-m8gqn5bhao] { grid-template-columns: 1fr; }
}

@media (min-width: 900px) {
    .login-container[b-m8gqn5bhao] { flex-direction: row; }
    .mobile-brand[b-m8gqn5bhao] { display: none; }

    .login-showcase[b-m8gqn5bhao] {
        display: flex;
        flex: 0 0 48%;
    }

    .login-main[b-m8gqn5bhao] {
        flex: 1;
        padding: 2.5rem 2rem;
    }

    .login-card[b-m8gqn5bhao] { padding: 2.5rem 2.25rem; }
}

@media (min-width: 900px) and (max-height: 760px) {
    .showcase-lead[b-m8gqn5bhao] { margin-bottom: 1.25rem; }
    .app-card-body[b-m8gqn5bhao] { min-height: 0; }
    .mock-stats[b-m8gqn5bhao] { display: none; }
}

@media (min-width: 1280px) {
    .login-showcase[b-m8gqn5bhao] { flex-basis: 52%; padding: 2.5rem 4rem 3rem; }
    .login-card[b-m8gqn5bhao] { padding: 2.75rem 2.5rem; }
}

@media (prefers-reduced-motion: reduce) {
    .app-card-body[b-m8gqn5bhao],
    .login-alert[b-m8gqn5bhao],
    [b-m8gqn5bhao] .validation-message { animation: none; }
    .spinner[b-m8gqn5bhao] { animation-duration: 2s; }
}
/* /Components/Pages/ManagementProducts.razor.rz.scp.css */
.management-products-page[b-mghedwhth3] {
    padding: 24px 28px 28px 28px;
    background: #F5F8FC;
    min-height: 100%;
}

.page-header[b-mghedwhth3] {
    margin-bottom: 24px;
}

.page-header-content[b-mghedwhth3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.page-add-button[b-mghedwhth3] {
    white-space: nowrap;
}

.page-header-actions[b-mghedwhth3] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.page-import-button[b-mghedwhth3] {
    min-width: 150px;
}

.page-match-button[b-mghedwhth3] {
    min-width: 170px;
}

.management-products-toast-content[b-mghedwhth3] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 2px 2px;
    font-weight: 600;
}

.management-products-toast-content i[b-mghedwhth3] {
    font-size: 18px;
}

.management-products-toast-success[b-mghedwhth3] {
    color: #198754;
}

.management-products-toast-error[b-mghedwhth3] {
    color: #dc3545;
}

.management-products-toast-info[b-mghedwhth3] {
    color: #0d6efd;
}

.product-import-dialog .e-dlg-content[b-mghedwhth3] {
    padding: 20px 24px 18px;
}

.import-modal-body[b-mghedwhth3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.import-note[b-mghedwhth3] {
    padding: 12px 14px;
    border-radius: 12px;
    background: #f8fbff;
    color: #0b1b33;
    border: 1px solid #dbe7f6;
    font-size: 13px;
    font-weight: 600;
}

.import-banner[b-mghedwhth3] {
    margin: 0;
}

.import-grid[b-mghedwhth3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.import-file-row[b-mghedwhth3] {
    padding: 14px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e8edf5;
    box-sizing: border-box;
    min-width: 0;
}

.import-file-row input[type="file"][b-mghedwhth3] {
    width: 100%;
}

.import-preview[b-mghedwhth3] {
    border-radius: 12px;
    border: 1px solid #e2e9f3;
    background: #fff;
    overflow: hidden;
}

.import-preview-title[b-mghedwhth3] {
    padding: 12px 14px;
    background: #f8fafd;
    font-weight: 700;
    color: #0b1b33;
    border-bottom: 1px solid #e2e9f3;
}

.import-preview-table[b-mghedwhth3] {
    max-height: 180px;
    overflow: auto;
}

.import-preview-row[b-mghedwhth3] {
    padding: 10px 14px;
    border-bottom: 1px solid #edf2f8;
    font-size: 12px;
    color: #2A3B55;
}

.import-actions[b-mghedwhth3] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.product-match-dialog .e-dlg-content[b-mghedwhth3] {
    padding: 20px 24px 18px;
}

.match-modal-body[b-mghedwhth3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.match-banner[b-mghedwhth3] {
    margin: 0;
}

.match-grid[b-mghedwhth3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.match-card[b-mghedwhth3] {
    border: 1px solid #E2E9F3;
    border-radius: 14px;
    background: #FFFFFF;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 360px;
}

.match-card-header[b-mghedwhth3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.match-card-header strong[b-mghedwhth3] {
    color: #0B1B33;
    font-size: 16px;
}

.match-card-header span[b-mghedwhth3] {
    color: #5B6B84;
    font-size: 12px;
}

.match-search-row[b-mghedwhth3] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.match-search-row .custom-input[b-mghedwhth3] {
    flex: 1;
}

.match-loading[b-mghedwhth3] {
    padding: 16px;
    border-radius: 12px;
    background: #F8FAFD;
    color: #2A3B55;
    font-size: 13px;
}

.match-results[b-mghedwhth3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 250px;
    overflow: auto;
}

.match-result-item[b-mghedwhth3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #C9D6E8;
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
}

.match-result-item.active[b-mghedwhth3] {
    border-color: #003B8F;
    background: rgba(0, 59, 143, 0.06);
}

.match-result-title[b-mghedwhth3] {
    color: #0B1B33;
    font-size: 13px;
    font-weight: 700;
}

.match-result-meta[b-mghedwhth3] {
    color: #5B6B84;
    font-size: 12px;
}

.match-switch-row[b-mghedwhth3] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    padding: 12px 2px 0;
}

.product-detail-template[b-mghedwhth3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 14px 12px;
    background: #F8FAFD;
    border: 1px solid #E2E9F3;
    border-radius: 12px;
    margin: 8px 0 12px;
}

.product-detail-item[b-mghedwhth3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.product-detail-label[b-mghedwhth3] {
    font-size: 11px;
    font-weight: 700;
    color: #0B1B33;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.product-detail-value[b-mghedwhth3] {
    font-size: 13px;
    color: #2A3B55;
    word-break: break-word;
}

@media (max-width: 992px) {
    .import-grid[b-mghedwhth3],
    .match-grid[b-mghedwhth3],
    .filter-row[b-mghedwhth3] {
        grid-template-columns: 1fr;
    }

    .match-search-row[b-mghedwhth3] {
        flex-direction: column;
        align-items: stretch;
    }

    .match-search-row .btn[b-mghedwhth3] {
        width: 100%;
    }

    .page-header-content[b-mghedwhth3] {
        flex-direction: column;
        align-items: stretch;
    }

    .page-header-actions[b-mghedwhth3] {
        width: 100%;
    }

    .page-header-actions .btn[b-mghedwhth3] {
        width: 100%;
        justify-content: center;
    }

    .filter-actions[b-mghedwhth3] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-actions .btn[b-mghedwhth3],
    .filter-actions .import-file-row[b-mghedwhth3] {
        width: 100%;
    }

    .filter-actions .import-file-row[b-mghedwhth3] {
        padding: 12px;
        box-sizing: border-box;
    }

    .filter-actions input[type="file"][b-mghedwhth3] {
        width: 100%;
        max-width: 100%;
    }

    .product-import-dialog .e-dlg-content[b-mghedwhth3],
    .product-match-dialog .e-dlg-content[b-mghedwhth3] {
        padding: 16px;
    }

    .match-card[b-mghedwhth3],
    .import-grid[b-mghedwhth3],
    .import-modal-body[b-mghedwhth3] {
        min-width: 0;
    }

    .grid-toolbar[b-mghedwhth3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .grid-summary[b-mghedwhth3] {
        width: 100%;
        justify-content: space-between;
    }

    .product-detail-template[b-mghedwhth3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .management-products-page[b-mghedwhth3] {
        padding: 16px 12px 20px 12px;
    }

    .page-title[b-mghedwhth3] {
        font-size: 24px;
    }

    .page-description[b-mghedwhth3] {
        font-size: 14px;
    }

    .filter-card[b-mghedwhth3] {
        padding: 16px;
    }

    .grid-card[b-mghedwhth3] {
        overflow-x: auto;
    }

    .product-grid .e-gridcontent[b-mghedwhth3],
    .product-grid .e-headercontent[b-mghedwhth3] {
        min-width: 820px;
    }

    .page-header-actions .btn[b-mghedwhth3],
    .filter-actions .btn[b-mghedwhth3] {
        height: 44px;
    }

    .import-file-row[b-mghedwhth3] {
        overflow: hidden;
    }

    .import-file-row input[type="file"][b-mghedwhth3] {
        font-size: 13px;
    }

    .match-card[b-mghedwhth3] {
        min-height: auto;
    }

    .match-results[b-mghedwhth3] {
        max-height: 220px;
    }

    .product-detail-template[b-mghedwhth3] {
        grid-template-columns: 1fr;
    }
}

.page-title[b-mghedwhth3] {
    font-size: 32px;
    font-weight: 700;
    color: #0B1B33;
    margin: 0 0 8px 0;
}

.page-description[b-mghedwhth3] {
    font-size: 15px;
    color: #5B6B84;
    margin: 0;
    line-height: 1.6;
}

.filter-card[b-mghedwhth3],
.grid-card[b-mghedwhth3],
.loading-container[b-mghedwhth3],
.no-data[b-mghedwhth3] {
    background: #FFFFFF;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.filter-card[b-mghedwhth3] {
    padding: 24px;
    margin-bottom: 24px;
}

.filter-grid[b-mghedwhth3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-row[b-mghedwhth3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: end;
}

.filter-placeholder[b-mghedwhth3] {
    visibility: hidden;
}

.filter-placeholder-box[b-mghedwhth3] {
    min-height: 40px;
}

.filter-item[b-mghedwhth3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.filter-label[b-mghedwhth3] {
    font-size: 12px;
    font-weight: 600;
    color: #0B1B33;
}

.custom-select[b-mghedwhth3],
.custom-input[b-mghedwhth3] {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1.5px solid #E2E9F3;
    padding: 0 12px;
    font-size: 13px;
    color: #0B1B33;
    background: #FFFFFF;
    transition: all 0.25s ease;
    outline: none;
}

.custom-select:hover:not(:disabled)[b-mghedwhth3],
.custom-input:hover:not(:disabled)[b-mghedwhth3] {
    border-color: #009BFF;
}

.custom-select:focus:not(:disabled)[b-mghedwhth3],
.custom-input:focus:not(:disabled)[b-mghedwhth3] {
    border-color: #003B8F;
    box-shadow: 0 0 0 3px rgba(0, 155, 255, 0.1);
}

.custom-checkbox-label[b-mghedwhth3] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    min-height: 40px;
}

.custom-checkbox-label input[type="checkbox"][b-mghedwhth3] {
    width: 20px;
    height: 20px;
    accent-color: #009BFF;
}

.filter-actions[b-mghedwhth3] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.btn[b-mghedwhth3],
.image-thumb-button[b-mghedwhth3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    font-weight: 600;
    border: none;
}

.btn[b-mghedwhth3] {
    height: 40px;
    padding: 0 16px;
}

.btn-primary[b-mghedwhth3] {
    background: #003B8F;
    color: #FFFFFF;
}

.btn-secondary[b-mghedwhth3] {
    background: #FFFFFF;
    color: #0B1B33;
    border: 1px solid #C9D6E8;
}

.error-banner[b-mghedwhth3] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: rgba(239, 68, 68, 0.1);
    border: 1.5px solid rgba(239, 68, 68, 0.3);
    border-radius: 12px;
    color: #DC2626;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
}

.error-banner span[b-mghedwhth3] {
    flex: 1;
}

.error-close[b-mghedwhth3] {
    background: none;
    border: none;
    color: #DC2626;
    cursor: pointer;
    padding: 4px;
}

.loading-container[b-mghedwhth3],
.no-data[b-mghedwhth3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #5B6B84;
}

.spinner[b-mghedwhth3] {
    border: 4px solid #F5F8FC;
    border-top: 4px solid #003B8F;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spin-b-mghedwhth3 1s linear infinite;
    margin-bottom: 16px;
}

@keyframes spin-b-mghedwhth3 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.grid-toolbar[b-mghedwhth3],
.paging-bar[b-mghedwhth3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.grid-summary[b-mghedwhth3],
.paging-info[b-mghedwhth3] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    color: #475467;
    font-size: 13px;
}

.grid-card[b-mghedwhth3] {
    overflow: hidden;
    padding: 12px;
    background: #fff;
}

.product-grid[b-mghedwhth3] {
    border: 0;
}

.product-grid .e-gridheader[b-mghedwhth3],
.product-grid .e-gridcontent[b-mghedwhth3] {
    min-width: 1320px;
}

.product-grid .e-table[b-mghedwhth3] {
    width: 100%;
}

.product-grid .e-rowcell[b-mghedwhth3],
.product-grid .e-headercell[b-mghedwhth3] {
    padding: 10px 12px;
    vertical-align: middle;
}

.product-grid .e-headertext[b-mghedwhth3] {
    white-space: nowrap;
}

.product-grid .e-gridcontent[b-mghedwhth3] {
    overflow-x: auto;
}

.image-thumb-button[b-mghedwhth3] {
    width: 64px;
    height: 64px;
    background: #F8FAFD;
    border: 1px solid #E2E9F3;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
}

.image-thumb[b-mghedwhth3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-thumb-placeholder[b-mghedwhth3] {
    font-size: 11px;
    color: #5b6b84;
}

@media (max-width: 900px) {
    .filter-row[b-mghedwhth3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-header-actions[b-mghedwhth3],
    .import-grid[b-mghedwhth3] {
        grid-template-columns: 1fr;
    }

    .grid-toolbar[b-mghedwhth3],
    .paging-bar[b-mghedwhth3] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 600px) {
    .management-products-page[b-mghedwhth3] {
        padding: 16px;
    }

    .page-header-content[b-mghedwhth3] {
        align-items: stretch;
    }

    .page-header-actions[b-mghedwhth3],
    .import-actions[b-mghedwhth3] {
        width: 100%;
    }

    .filter-row[b-mghedwhth3] {
        grid-template-columns: 1fr;
    }

    .btn[b-mghedwhth3],
    .image-thumb-button[b-mghedwhth3] {
        width: 100%;
    }
}
/* /Components/Pages/Packing.razor.rz.scp.css */
.packing-menu-page[b-ficealfp4t] {
    position: fixed;
    inset: 84px 24px 0;
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 3vh, 30px);
    padding: clamp(10px, 2vh, 20px) 0 0;
    overflow: hidden;
    box-sizing: border-box;
}

.packing-menu-hero[b-ficealfp4t] {
    text-align: center;
}

.packing-menu-hero h1[b-ficealfp4t] {
    margin: 0 0 8px;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    color: #2a3b55;
    letter-spacing: .4px;
}

.packing-menu-hero p[b-ficealfp4t] {
    margin: 0;
    color: #52657d;
    font-size: 16px;
}

.packing-menu-summary[b-ficealfp4t] {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.packing-menu-summary-card[b-ficealfp4t] {
    min-width: 190px;
    padding: 12px 16px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(14, 61, 112, .10);
    box-shadow: 0 10px 18px rgba(10, 41, 72, .05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.packing-menu-summary-card span[b-ficealfp4t] {
    color: #5b6b84;
    font-size: 13px;
    font-weight: 700;
}

.packing-menu-summary-card strong[b-ficealfp4t] {
    color: #2a3b55;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.packing-menu-grid[b-ficealfp4t] {
    width: min(980px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    flex: 1 1 auto;
    align-items: center;
}

.packing-menu-card[b-ficealfp4t] {
    min-height: clamp(150px, 27vh, 190px);
    border: 0;
    border-radius: 24px;
    background: linear-gradient(180deg, #0a2a63 0%, #0357c8 100%);
    color: #fff;
    box-shadow: 0 14px 28px rgba(7, 45, 87, .16);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 22px;
    text-align: center;
}

.packing-status-bar[b-ficealfp4t] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin: 0 -24px;
    padding: 0 24px;
    background: #0a2a63;
    color: #fff;
    box-shadow: 0 -6px 18px rgba(7, 45, 87, .12);
    box-sizing: border-box;
}

.packing-status-item[b-ficealfp4t] {
    min-width: 0;
    min-height: 48px;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    border-right: 1px solid rgba(255, 255, 255, .14);
    box-sizing: border-box;
}

.packing-status-item:last-child[b-ficealfp4t] {
    border-right: 0;
}

.packing-status-item i[b-ficealfp4t] {
    color: #7fc4ff;
    font-size: 14px;
}

.packing-status-item span[b-ficealfp4t] {
    color: rgba(255, 255, 255, .68);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.packing-status-item strong[b-ficealfp4t] {
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.packing-menu-card.primary[b-ficealfp4t] {
    background: linear-gradient(180deg, #0357c8 0%, #0a2a63 100%);
}

.packing-menu-card i[b-ficealfp4t] {
    font-size: 48px;
}

.packing-menu-card span[b-ficealfp4t] {
    font-size: 20px;
    font-weight: 800;
}

.packing-menu-card small[b-ficealfp4t] {
    font-size: 14px;
    opacity: .92;
}

.packing-menu-card-count[b-ficealfp4t] {
    margin-top: 4px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.packing-menu-card-count strong[b-ficealfp4t] {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

.packing-menu-card:active[b-ficealfp4t] {
    transform: scale(.99);
}

@media (max-width: 900px) {
    .packing-menu-page[b-ficealfp4t] {
        inset: 208px 24px 0;
        height: auto;
        gap: 12px;
        padding-top: 8px;
    }

    .packing-menu-hero h1[b-ficealfp4t] {
        font-size: clamp(24px, 6vw, 34px);
    }

    .packing-menu-hero p[b-ficealfp4t] {
        font-size: 14px;
    }

    .packing-menu-grid[b-ficealfp4t] {
        gap: 12px;
    }

    .packing-menu-card[b-ficealfp4t] {
        min-height: 130px;
        padding: 14px;
        gap: 8px;
    }

    .packing-menu-card i[b-ficealfp4t] {
        font-size: 36px;
    }

    .packing-menu-card span[b-ficealfp4t] {
        font-size: 17px;
    }

    .packing-status-bar[b-ficealfp4t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .packing-status-item[b-ficealfp4t] {
        min-height: 38px;
        padding: 5px 10px;
    }
}

@media (max-width: 700px) {
    .packing-menu-grid[b-ficealfp4t] {
        grid-template-columns: 1fr;
        width: min(720px, 100%);
        align-content: center;
    }

    .packing-menu-summary[b-ficealfp4t] {
        align-items: stretch;
    }

    .packing-menu-summary-card[b-ficealfp4t] {
        width: 100%;
    }

    .packing-menu-card[b-ficealfp4t] {
        min-height: 0;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
        border-radius: 16px;
    }

    .packing-menu-card i[b-ficealfp4t] {
        flex: 0 0 38px;
        font-size: 30px;
        text-align: center;
    }

    .packing-menu-card small[b-ficealfp4t] {
        display: none;
    }

    .packing-menu-card-count[b-ficealfp4t] {
        margin: 0 0 0 auto;
        white-space: nowrap;
    }
}

@media (max-width: 520px) {
    .packing-menu-page[b-ficealfp4t] {
        gap: 8px;
    }

    .packing-menu-hero p[b-ficealfp4t] {
        display: none;
    }

    .packing-status-bar[b-ficealfp4t] {
        margin-inline: -24px;
        padding-inline: 12px;
    }

    .packing-status-item[b-ficealfp4t] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .packing-status-item span[b-ficealfp4t] {
        display: none;
    }

    .packing-status-item strong[b-ficealfp4t] {
        font-size: 11px;
    }
}
/* /Components/Pages/PackingWorkspace.razor.rz.scp.css */
.packing-native-layout-controls[b-cpqqiaip62] {
    position: fixed;
    inset: 12px 16px auto;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}

.packing-native-layout-actions[b-cpqqiaip62] {
    display: flex;
    align-items: center;
    gap: 8px;
    pointer-events: auto;
}

.packing-native-layout-button[b-cpqqiaip62] {
    width: 42px;
    height: 38px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(11, 55, 101, .35);
    border-radius: 10px;
    background: #f5f8fc;
    color: #2a3b55;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    pointer-events: auto;
    box-sizing: border-box;
}

.packing-native-layout-button:hover[b-cpqqiaip62] {
    border-color: #003b8f;
    background: #e7f1ff;
    color: #0a2a63;
}

.packing-native-layout-button.logout:hover[b-cpqqiaip62] {
    border-color: #dc3545;
    background: #fff1f2;
    color: #b42318;
}

.packing-page-loading[b-cpqqiaip62] {
    position: fixed;
    inset: 0;
    z-index: 15000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(241, 246, 252, .94);
    backdrop-filter: blur(5px);
}

.packing-page-loading-card[b-cpqqiaip62] {
    width: min(360px, 90vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 28px 24px;
    border: 1px solid rgba(14, 61, 112, .10);
    border-radius: 22px;
    background: #fff;
    color: #2a3b55;
    text-align: center;
    box-shadow: 0 20px 50px rgba(10, 41, 72, .16);
}

.packing-page-loading-card strong[b-cpqqiaip62] {
    font-size: 17px;
    font-weight: 900;
}

.packing-page-loading-card span[b-cpqqiaip62] {
    color: #5b6b84;
    font-size: 13px;
}

.packing-page-loading-spinner[b-cpqqiaip62] {
    width: 48px;
    height: 48px;
    margin-bottom: 4px;
    border: 5px solid #dcecff;
    border-top-color: #003b8f;
    border-radius: 50%;
    animation: packing-page-spin-b-cpqqiaip62 .8s linear infinite;
}

@keyframes packing-page-spin-b-cpqqiaip62 {
    to {
        transform: rotate(360deg);
    }
}

.packing-workspace-page[b-cpqqiaip62] {
    position: fixed;
    inset: 70px 24px 0;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    box-sizing: border-box;
    pointer-events: auto;
}

.packing-summary-strip[b-cpqqiaip62] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    min-height: 34px;
    padding: 4px 16px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(14, 61, 112, .07);
    box-sizing: border-box;
}

.packing-summary-item[b-cpqqiaip62] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
    color: #5b6b84;
    font-size: 13px;
    font-weight: 700;
}

.packing-summary-item strong[b-cpqqiaip62] {
    color: #2a3b55;
    font-size: 17px;
    font-weight: 900;
}

.packing-workspace[b-cpqqiaip62] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0;
    overflow: hidden;
}

.packing-summary-strip[b-cpqqiaip62],
.packing-workspace[b-cpqqiaip62] {
    pointer-events: auto;
}

.packing-grid-shell[b-cpqqiaip62] {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(420px, 1.35fr) minmax(340px, .95fr);
    gap: 14px;
    align-items: stretch;
    min-height: 0;
    flex: 1;
    overflow: hidden;
    pointer-events: auto;
}

.packing-panel[b-cpqqiaip62] {
    min-height: 0;
    box-sizing: border-box;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(249, 252, 255, .96));
    border: 1px solid rgba(14, 61, 112, .08);
    box-shadow: 0 16px 34px rgba(10, 41, 72, .09);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
}

.packing-panel-left[b-cpqqiaip62],
.packing-panel-center[b-cpqqiaip62],
.packing-panel-right[b-cpqqiaip62] {
    padding: 14px;
    pointer-events: auto;
}

.packing-panel-header[b-cpqqiaip62] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.packing-panel-header h2[b-cpqqiaip62] {
    margin: 0;
    font-size: 18px;
    font-weight: 900;
    color: #2a3b55;
    letter-spacing: .2px;
}

.packing-badge[b-cpqqiaip62] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    background: linear-gradient(180deg, #003b8f, #0a2a63);
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    white-space: nowrap;
    box-shadow: 0 6px 14px rgba(11, 55, 101, .18);
}

.packing-filter-row[b-cpqqiaip62] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    margin-bottom: 12px;
}

.packing-search-box[b-cpqqiaip62],
.packing-barcode-input[b-cpqqiaip62] {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid #c9d6e8;
    border-radius: 12px;
    background: #fff;
    color: #183b63;
    font: inherit;
    outline: none;
    box-sizing: border-box;
}

.packing-search-box:focus[b-cpqqiaip62],
.packing-barcode-input:focus[b-cpqqiaip62] {
    border-color: #65a4ff;
    box-shadow: 0 0 0 3px rgba(70, 140, 255, .18);
}

.packing-search-box .e-input[b-cpqqiaip62],
.packing-barcode-input .e-input[b-cpqqiaip62] {
    min-height: 46px;
    border-radius: 14px;
}

.packing-filter-button[b-cpqqiaip62],
.packing-hold-button[b-cpqqiaip62] {
    min-height: 42px;
    border-radius: 12px;
    font-weight: 700;
}

.packing-filter-button[b-cpqqiaip62] {
    background: #6c757d;
    color: #fff;
    border: 0;
    box-shadow: 0 8px 16px rgba(108, 117, 125, .18);
}

.packing-filter-button:hover[b-cpqqiaip62] {
    background: #5c6670;
}

.packing-list-scroll[b-cpqqiaip62],
.packing-message-list[b-cpqqiaip62],
.packing-side-list[b-cpqqiaip62] {
    min-height: 0;
}

.packing-list-scroll[b-cpqqiaip62] {
    flex: 1 1 auto;
    overflow: auto;
    padding-right: 4px;
}

.packing-listview[b-cpqqiaip62] {
    display: grid;
    gap: 10px;
    border: 0;
}

.packing-product-card[b-cpqqiaip62] {
    width: 100%;
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 12px;
    align-items: center;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 20px;
    background: linear-gradient(180deg, #fff, #fbfdff);
    border: 1px solid rgba(14, 61, 112, .08);
    box-shadow: 0 10px 18px rgba(9, 41, 73, .05);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.packing-product-card.active[b-cpqqiaip62] {
    outline: 2px solid rgba(11, 55, 101, .20);
    background: linear-gradient(180deg, rgba(241, 247, 255, 1), rgba(230, 240, 255, 1));
}

.packing-product-image-wrap[b-cpqqiaip62] {
    width: 76px;
    height: 76px;
    border-radius: 18px;
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,1), rgba(242,247,252,1));
    border: 1px solid rgba(14, 61, 112, .08);
    display: grid;
    place-items: center;
    overflow: hidden;
    flex-shrink: 0;
}

.packing-product-image[b-cpqqiaip62],
.packing-side-image[b-cpqqiaip62] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
}

.packing-product-image[src$="log-entra-icon.png"][b-cpqqiaip62],
.packing-side-image[src$="log-entra-icon.png"][b-cpqqiaip62] {
    opacity: .92;
}

.packing-product-body[b-cpqqiaip62] {
    min-width: 0;
}

.packing-product-name[b-cpqqiaip62],
.packing-side-name[b-cpqqiaip62],
.packing-recommendation-name[b-cpqqiaip62] {
    font-weight: 900;
    color: #2a3b55;
    line-height: 1.2;
}

.packing-product-name[b-cpqqiaip62] {
    font-size: 15px;
    margin-bottom: 8px;
}

.packing-product-meta[b-cpqqiaip62],
.packing-side-meta[b-cpqqiaip62],
.packing-recommendation-row[b-cpqqiaip62],
.packing-detail-row[b-cpqqiaip62] {
    color: #5b6b84;
    font-size: 13px;
}

.packing-product-meta[b-cpqqiaip62] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
}

.packing-product-meta span[b-cpqqiaip62],
.packing-side-meta[b-cpqqiaip62],
.packing-recommendation-row[b-cpqqiaip62],
.packing-detail-row[b-cpqqiaip62] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.packing-barcode-card[b-cpqqiaip62] {
    position: relative;
    display: grid;
    grid-template-columns: 56px 1fr;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(245, 249, 255, 1), rgba(255, 255, 255, 1));
    border: 1px solid rgba(14, 61, 112, .08);
    margin-bottom: 12px;
}

.packing-barcode-card:has(.packing-barcode-loading) .packing-barcode-input[b-cpqqiaip62] {
    padding-right: 110px;
}

.packing-barcode-input:disabled[b-cpqqiaip62] {
    background: #f8fbff;
    color: #6b7c92;
    cursor: wait;
}

.packing-barcode-icon[b-cpqqiaip62] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(180deg, #003b8f, #0a2a63);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 24px;
    box-shadow: 0 6px 14px rgba(11, 55, 101, .18);
}

.packing-barcode-loading[b-cpqqiaip62] {
    position: absolute;
    inset: 12px 12px 12px 74px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .82);
    color: #0a2a63;
    font-weight: 800;
    backdrop-filter: blur(2px);
    pointer-events: none;
}

.packing-barcode-loading i[b-cpqqiaip62] {
    font-size: 18px;
}

.packing-recommendation-card[b-cpqqiaip62],
.packing-detail-card[b-cpqqiaip62],
.packing-messages-card[b-cpqqiaip62] {
    margin-bottom: 12px;
    border-radius: 22px;
    border: 1px solid rgba(14, 61, 112, .07);
    overflow: hidden;
}

.packing-recommendation-card[b-cpqqiaip62] {
    padding: 0;
}

.packing-recommendation-card > summary[b-cpqqiaip62] {
    list-style: none;
}

.packing-recommendation-card > summary[b-cpqqiaip62]::-webkit-details-marker {
    display: none;
}

.packing-recommendation-summary[b-cpqqiaip62] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.packing-recommendation-chevron[b-cpqqiaip62] {
    color: #198754;
    transition: transform .18s ease;
}

.packing-recommendation-card[open] .packing-recommendation-chevron[b-cpqqiaip62] {
    transform: rotate(180deg);
}

.packing-card-title[b-cpqqiaip62] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 900;
    letter-spacing: .2px;
}

.packing-card-title.primary[b-cpqqiaip62] { color: #2a3b55; }
.packing-card-title.success[b-cpqqiaip62] { color: #198754; }
.packing-card-title.muted[b-cpqqiaip62] { color: #4e647d; }

.packing-recommendation-content[b-cpqqiaip62] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.packing-recommendation-layout[b-cpqqiaip62] {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.packing-recommendation-image-wrap-compact[b-cpqqiaip62] {
    width: 86px;
    min-height: 86px;
    padding: 8px;
    border-radius: 14px;
}

.packing-recommendation-image-compact[b-cpqqiaip62] {
    max-height: 70px;
}

.packing-recommendation-details[b-cpqqiaip62] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.packing-recommendation-name-compact[b-cpqqiaip62] {
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 2px;
}

.packing-recommendation-inline-row[b-cpqqiaip62] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
    color: #51657d;
    font-size: 12px;
    line-height: 1.15;
}

.packing-recommendation-inline-row span[b-cpqqiaip62] {
    font-weight: 700;
    flex: 0 0 auto;
}

.packing-recommendation-inline-row strong[b-cpqqiaip62] {
    color: #173d67;
    font-weight: 800;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.packing-recommendation-card-body[b-cpqqiaip62] {
    padding: 8px 12px 10px;
}

.packing-recommendation-image-wrap[b-cpqqiaip62] {
    width: 100%;
    min-height: 120px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(245, 249, 255, 1), rgba(255, 255, 255, 1));
    border: 1px solid rgba(14, 61, 112, .08);
    display: grid;
    place-items: center;
    padding: 14px;
}

.packing-recommendation-image[b-cpqqiaip62] {
    max-width: 100%;
    max-height: 120px;
    object-fit: contain;
}

.packing-recommendation-message[b-cpqqiaip62] {
    margin-top: 4px;
    color: #198754;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
}

.packing-detail-grid[b-cpqqiaip62] {
    display: grid;
    grid-template-columns: 210px 1fr;
    gap: 14px;
    align-items: stretch;
}

.packing-detail-image-wrap[b-cpqqiaip62] {
    min-height: 220px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(245, 249, 255, 1), rgba(255, 255, 255, 1));
    border: 1px solid rgba(14, 61, 112, .08);
    display: grid;
    place-items: center;
    padding: 14px;
}

.packing-detail-image[b-cpqqiaip62] {
    width: 100%;
    height: 100%;
    max-height: 190px;
    object-fit: contain;
}

.packing-detail-meta-grid[b-cpqqiaip62] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.packing-detail-meta-grid-desired-order[b-cpqqiaip62] {
    align-content: start;
}

.packing-detail-meta-column[b-cpqqiaip62] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.packing-detail-row[b-cpqqiaip62] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 14px;
    border-radius: 14px;
    background: #f6f9fd;
    border: 1px solid rgba(14, 61, 112, .06);
}

.packing-detail-row span[b-cpqqiaip62] {
    color: #5b6b84;
    font-weight: 700;
}

.packing-detail-row strong[b-cpqqiaip62] {
    color: #2a3b55;
    text-align: right;
    max-width: 55%;
}

.packing-detail-row-full[b-cpqqiaip62] {
    grid-column: 1 / -1;
}

.packing-detail-row-full strong[b-cpqqiaip62] {
    max-width: 72%;
}

.packing-message-list[b-cpqqiaip62] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 118px;
    overflow: hidden;
}

.packing-message-card[b-cpqqiaip62] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 9px 14px;
    border-radius: 14px;
    background: #f7fbff;
    border: 1px solid rgba(14, 61, 112, .06);
    color: #2a3b55;
}

.packing-message-card.success[b-cpqqiaip62] { background: rgba(25, 135, 84, .08); }
.packing-message-card.info[b-cpqqiaip62] { background: rgba(13, 110, 253, .08); }
.packing-message-card.warning[b-cpqqiaip62] { background: rgba(255, 193, 7, .12); }
.packing-message-card.error[b-cpqqiaip62] { background: rgba(220, 53, 69, .08); }

.packing-accordion[b-cpqqiaip62] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

.packing-collapse-section[b-cpqqiaip62] {
    flex: 0 0 auto;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(14, 61, 112, .10);
    border-radius: 14px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.packing-collapse-section.packaged[open][b-cpqqiaip62] {
    flex: 1 1 0;
    display: block;
    min-height: 180px;
    position: relative;
}

.packing-collapse-section > summary[b-cpqqiaip62]::-webkit-details-marker {
    display: none;
}

.packing-collapse-section > summary[b-cpqqiaip62]::marker {
    content: "";
}

.packing-collapse-header[b-cpqqiaip62] {
    flex: 0 0 auto;
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 14px;
    border: 0;
    background: #e7f1ff;
    color: #2a3b55;
    font-size: 13px;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
    pointer-events: auto;
}

.packing-collapse-header:hover[b-cpqqiaip62] {
    background: #dcecff;
}

.packing-collapse-header-end[b-cpqqiaip62] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.packing-collapse-header-end i[b-cpqqiaip62] {
    width: 14px;
    color: #0d6efd;
    text-align: center;
    transition: transform .18s ease;
}

.packing-collapse-section[open] .packing-collapse-header-end i[b-cpqqiaip62] {
    transform: rotate(180deg);
}

.packing-collapse-content[b-cpqqiaip62] {
    min-height: 0;
    padding: 10px;
    pointer-events: auto;
}

.packing-collapse-section.packaged[open] > .packing-collapse-content-fill[b-cpqqiaip62] {
    position: absolute;
    inset: 52px 0 0;
    height: auto;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.packing-waiting-list[b-cpqqiaip62] {
    max-height: min(24dvh, 210px);
    overflow-y: auto;
}

.packing-side-list[b-cpqqiaip62] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: auto;
}

.packing-side-row[b-cpqqiaip62] {
    display: grid;
    grid-template-columns: 64px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff, #fbfdff);
    border: 1px solid rgba(14, 61, 112, .07);
    pointer-events: auto;
}

.packing-side-body[b-cpqqiaip62] {
    min-width: 0;
    pointer-events: auto;
}

.packing-side-name[b-cpqqiaip62] {
    font-size: 14px;
    margin-bottom: 4px;
}

.packing-side-meta[b-cpqqiaip62] {
    line-height: 1.35;
}

.packing-side-meta strong[b-cpqqiaip62],
.packing-recommendation-row strong[b-cpqqiaip62],
.packing-detail-row strong[b-cpqqiaip62] {
    color: #2a3b55;
}

.packing-status-bar[b-cpqqiaip62] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 12px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(14, 61, 112, .08);
    box-shadow: 0 12px 24px rgba(10, 41, 72, .07);
    color: #5b7189;
    font-size: 13px;
    box-sizing: border-box;
}

.packing-status-bar > div[b-cpqqiaip62] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.packing-list-scroll[b-cpqqiaip62] {
    padding-bottom: 6px;
}

.packing-listview .e-list-item[b-cpqqiaip62] {
    padding: 0;
}

/* Syncfusion liste satırının sabit yüksekliği, ürün kartlarının üst üste binmesine
   neden olur. ::deep, izole CSS'in bileşenin ürettiği iç DOM'a ulaşmasını sağlar. */
.packing-list-scroll[b-cpqqiaip62]  .packing-listview.e-listview .e-list-item {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    line-height: normal !important;
    white-space: normal !important;
}

.packing-list-scroll[b-cpqqiaip62]  .packing-listview.e-listview .e-list-parent {
    overflow: visible;
}

.packing-listview .e-ul[b-cpqqiaip62],
.packing-listview .e-list-parent[b-cpqqiaip62],
.packing-listview[b-cpqqiaip62] {
    background: transparent;
}

.packing-list-scroll[b-cpqqiaip62]::-webkit-scrollbar {
    width: 10px;
}

.packing-list-scroll[b-cpqqiaip62]::-webkit-scrollbar-thumb {
    background: rgba(11, 55, 101, .18);
    border-radius: 999px;
}

.packing-status-bar strong[b-cpqqiaip62] {
    color: #2a3b55;
}

.packing-packaged-list[b-cpqqiaip62] {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    max-height: none;
    min-height: 0;
    padding-right: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    scrollbar-color: rgba(11, 55, 101, .38) rgba(11, 55, 101, .07);
    box-sizing: border-box;
}

.packing-packaged-row[b-cpqqiaip62] {
    margin-bottom: 10px;
}

.packing-packaged-row:last-child[b-cpqqiaip62] {
    margin-bottom: 0;
}

.packing-packaged-list[b-cpqqiaip62]::-webkit-scrollbar {
    width: 10px;
}

.packing-packaged-list[b-cpqqiaip62]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(11, 55, 101, .38);
    border: 2px solid transparent;
    background-clip: padding-box;
}

.packing-packaged-list[b-cpqqiaip62]::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(11, 55, 101, .07);
}

.packing-side-actions[b-cpqqiaip62] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 6px;
    pointer-events: auto;
}

.packing-side-action-button[b-cpqqiaip62] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 82px;
    min-height: 34px;
    padding: 0 9px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    pointer-events: auto;
}

.packing-side-action-button.detail[b-cpqqiaip62] {
    background: #003b8f;
}

.packing-side-action-button.print[b-cpqqiaip62] {
    background: #198754;
}

.packing-side-action-button.detail:hover[b-cpqqiaip62] {
    background: #0a2a63;
}

.packing-side-action-button.print:hover[b-cpqqiaip62] {
    background: #146c43;
}

.packing-side-action-button:disabled[b-cpqqiaip62] {
    opacity: .7;
    cursor: wait;
}

.packing-detail-dialog-title[b-cpqqiaip62] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #2a3b55;
}

.packing-detail-dialog-title > i[b-cpqqiaip62] {
    font-size: 22px;
}

.packing-detail-dialog-title > div[b-cpqqiaip62] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.packing-detail-dialog-title strong[b-cpqqiaip62] {
    font-size: 16px;
}

.packing-detail-dialog-title span[b-cpqqiaip62] {
    color: #5b6b84;
    font-size: 12px;
}

.packing-detail-dialog-state[b-cpqqiaip62] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #5b6b84;
    font-weight: 700;
}

.packing-detail-dialog-state.error[b-cpqqiaip62] {
    color: #b42318;
}

.packing-detail-dialog-content[b-cpqqiaip62] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.packing-detail-dialog-summary[b-cpqqiaip62] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.packing-detail-dialog-summary > div[b-cpqqiaip62] {
    min-width: 0;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(14, 61, 112, .08);
    border-radius: 12px;
    background: #f6f9fd;
}

.packing-detail-dialog-summary span[b-cpqqiaip62] {
    color: #5b6b84;
    font-size: 12px;
    font-weight: 700;
}

.packing-detail-dialog-summary strong[b-cpqqiaip62] {
    overflow: hidden;
    color: #2a3b55;
    font-size: 12px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.packing-detail-table-wrap[b-cpqqiaip62] {
    max-height: min(48vh, 430px);
    overflow: auto;
    border: 1px solid rgba(14, 61, 112, .10);
    border-radius: 14px;
}

.packing-detail-table[b-cpqqiaip62] {
    width: 100%;
    border-collapse: collapse;
}

.packing-detail-table th[b-cpqqiaip62] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 10px;
    background: #0a2a63;
    color: #fff;
    font-size: 11px;
    text-align: left;
}

.packing-detail-table td[b-cpqqiaip62] {
    padding: 9px 10px;
    border-bottom: 1px solid rgba(14, 61, 112, .08);
    color: #5b6b84;
    font-size: 12px;
}

.packing-detail-product-cell[b-cpqqiaip62] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 180px;
    color: #2a3b55;
    font-weight: 700;
}

.packing-detail-product-cell img[b-cpqqiaip62] {
    flex: 0 0 40px;
    border-radius: 8px;
}

.packing-detail-dialog-actions[b-cpqqiaip62] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

.packing-dialog-button[b-cpqqiaip62] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 100px;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 10px;
    font-weight: 800;
    cursor: pointer;
}

.packing-dialog-button.secondary[b-cpqqiaip62] {
    border: 1px solid rgba(11, 55, 101, .24);
    background: #fff;
    color: #2a3b55;
}

.packing-dialog-button.primary[b-cpqqiaip62] {
    border: 0;
    background: #003b8f;
    color: #fff;
}

.packing-dialog-button:disabled[b-cpqqiaip62] {
    cursor: not-allowed;
    opacity: .5;
}

.packing-template-modal[b-cpqqiaip62] {
    width: min(1100px, 96vw);
}

.packing-template-body[b-cpqqiaip62] {
    padding: 0;
}

.packing-template-preview[b-cpqqiaip62] {
    width: 100%;
    height: min(72vh, 860px);
    border: 0;
    background: #fff;
}

.packing-native-modal-overlay[b-cpqqiaip62] {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(5, 24, 45, .48);
    cursor: default;
    pointer-events: auto;
}

.packing-native-modal[b-cpqqiaip62] {
    width: min(920px, 94vw);
    max-height: 90dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .30);
    pointer-events: auto;
}

.packing-native-modal-header[b-cpqqiaip62],
.packing-native-modal-footer[b-cpqqiaip62] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(14, 61, 112, .10);
}

.packing-native-modal-footer[b-cpqqiaip62] {
    border-top: 1px solid rgba(14, 61, 112, .10);
    border-bottom: 0;
}

.packing-native-modal-body[b-cpqqiaip62] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 18px;
    overflow: auto;
}

.packing-native-modal-close[b-cpqqiaip62] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(11, 55, 101, .20);
    border-radius: 10px;
    background: #fff;
    color: #2a3b55;
    cursor: pointer;
}

@media (max-width: 1600px) {
    .packing-grid-shell[b-cpqqiaip62] {
        grid-template-columns: minmax(300px, .95fr) minmax(420px, 1.2fr) minmax(320px, .85fr);
    }
}

@media (max-width: 1280px) {
    .packing-grid-shell[b-cpqqiaip62] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 100%);
        overflow-x: hidden;
        overflow-y: auto;
        scroll-snap-type: y proximity;
        scrollbar-gutter: stable;
    }

    .packing-panel[b-cpqqiaip62] {
        height: 100%;
        scroll-snap-align: start;
    }

    .packing-panel-center[b-cpqqiaip62],
    .packing-panel-right[b-cpqqiaip62] {
        overflow-y: auto;
    }

    .packing-status-bar[b-cpqqiaip62] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .packing-detail-grid[b-cpqqiaip62] {
        grid-template-columns: 1fr;
    }

    .packing-detail-image-wrap[b-cpqqiaip62] {
        min-height: 220px;
    }
}

@media (max-width: 800px) {
    .packing-workspace-page[b-cpqqiaip62] {
        inset: 208px 24px 0;
        gap: 6px;
    }

    .packing-summary-strip[b-cpqqiaip62] {
        justify-content: space-between;
        gap: 10px;
        padding-inline: 10px;
    }

    .packing-summary-item[b-cpqqiaip62] {
        font-size: 11px;
    }

    .packing-summary-item strong[b-cpqqiaip62] {
        font-size: 15px;
    }

    .packing-workspace[b-cpqqiaip62] {
        gap: 8px;
    }

    .packing-panel-left[b-cpqqiaip62],
    .packing-panel-center[b-cpqqiaip62],
    .packing-panel-right[b-cpqqiaip62] {
        padding: 12px;
    }

    .packing-filter-row[b-cpqqiaip62],
    .packing-detail-meta-grid[b-cpqqiaip62] {
        grid-template-columns: 1fr;
    }

    .packing-status-bar[b-cpqqiaip62] {
        gap: 4px 10px;
        padding: 7px 10px;
        border-radius: 12px;
        font-size: 11px;
    }

    .packing-side-row[b-cpqqiaip62] {
        grid-template-columns: 56px 1fr;
    }

    .packing-side-actions[b-cpqqiaip62] {
        grid-column: 1 / -1;
        flex-direction: row;
    }

    .packing-side-action-button[b-cpqqiaip62] {
        flex: 1 1 0;
        width: 100%;
    }

    .packing-detail-dialog-summary[b-cpqqiaip62] {
        grid-template-columns: 1fr;
    }

    .packing-hold-button[b-cpqqiaip62] {
        grid-column: 1 / -1;
        width: 100%;
        margin-top: 2px;
    }
}

@media (max-height: 760px) {
    .packing-workspace-page[b-cpqqiaip62] {
        gap: 4px;
    }

    .packing-summary-strip[b-cpqqiaip62] {
        min-height: 28px;
        padding-block: 2px;
    }

    .packing-workspace[b-cpqqiaip62] {
        gap: 6px;
    }

    .packing-status-bar[b-cpqqiaip62] {
        padding-block: 6px;
    }
}
/* /Components/Pages/ParakendeSevkEmirleri.razor.rz.scp.css */
.rse-page[b-8sko6cx273] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rse-header[b-8sko6cx273] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.rse-header-left[b-8sko6cx273] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.rse-header-icon[b-8sko6cx273] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #e3f2ff, #f0f7ff);
    color: #0a6fe8;
    font-size: 20px;
}

.rse-title[b-8sko6cx273] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #0b1b33;
}

.rse-subtitle[b-8sko6cx273] {
    margin: 4px 0 0;
    color: #5b6b84;
    font-size: 13px;
}

.rse-selected-value[b-8sko6cx273] {
    margin-top: 4px;
    font-size: 12px;
    color: #5b6b84;
}

.rse-detail-dialog .dlg-title[b-8sko6cx273] {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.1;
}

.rse-detail-dialog .dlg-code[b-8sko6cx273] {
    font-size: 13px;
    color: #5b6b84;
}

.rse-detail-summary[b-8sko6cx273] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.rse-detail-card[b-8sko6cx273] {
    border: 1px solid #e2e9f3;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.rse-detail-row[b-8sko6cx273] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: start;
    border-bottom: 1px solid #e2e9f3;
}

.rse-detail-row:last-child[b-8sko6cx273] {
    border-bottom: 0;
}

.rse-detail-label[b-8sko6cx273],
.rse-detail-value[b-8sko6cx273] {
    padding: 16px 18px;
    font-size: 16px;
    line-height: 1.35;
}

.rse-detail-label[b-8sko6cx273] {
    font-weight: 700;
    color: #2A3B55;
    background: #f8fafd;
}

.rse-detail-value[b-8sko6cx273] {
    color: #0b1b33;
}

.rse-detail-value-wrap[b-8sko6cx273] {
    white-space: normal;
    word-break: break-word;
}

.rse-detail-dialog .e-dlg-content[b-8sko6cx273] {
    padding-top: 20px;
}

.rse-detail-dialog .e-dlg-header-content[b-8sko6cx273] {
    padding-top: 18px;
    padding-bottom: 18px;
}

.rse-detail-dialog .rse-grid-card[b-8sko6cx273] {
    overflow: auto;
}

.rse-detail-dialog .rse-grid[b-8sko6cx273] {
    min-width: 1100px;
}

.detail-product-image[b-8sko6cx273],
.detail-product-image-placeholder[b-8sko6cx273] {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #e2e9f3;
}

.detail-product-image[b-8sko6cx273] {
    object-fit: cover;
    cursor: pointer;
    display: inline-block;
}

.detail-product-image-placeholder[b-8sko6cx273] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f8fafd;
    color: #8a9ab2;
    font-size: 18px;
}

.stock-entry-footer[b-8sko6cx273] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.stock-shelf-dropdown[b-8sko6cx273] {
    width: 100%;
}

.rse-success-banner[b-8sko6cx273] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: rgba(34, 197, 94, 0.1);
    border: 1.5px solid rgba(34, 197, 94, 0.3);
    border-radius: 12px;
    color: #15803d;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
}

.rse-result-summary[b-8sko6cx273] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.rse-result-summary .rse-field[b-8sko6cx273] {
    margin-bottom: 0;
}

.stock-qty-box[b-8sko6cx273] {
    width: 100%;
}

.rse-detail-dialog .btn-action[b-8sko6cx273] {
    width: 36px;
    height: 36px;
}

.rse-filter-card[b-8sko6cx273],
.rse-grid-card[b-8sko6cx273],
.rse-hint-state[b-8sko6cx273],
.rse-loading-state[b-8sko6cx273] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.rse-filter-card[b-8sko6cx273] {
    padding: 18px;
}

.rse-filter-grid[b-8sko6cx273] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.rse-field[b-8sko6cx273] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rse-label[b-8sko6cx273] {
    font-size: 12px;
    font-weight: 600;
    color: #2A3B55;
}

.rse-select[b-8sko6cx273] {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #c9d6e8;
    border-radius: 10px;
    background: #fff;
    color: #0b1b33;
    font-size: 13px;
}

.rse-checkbox-field[b-8sko6cx273] {
    justify-content: flex-end;
}

.rse-checkbox-label[b-8sko6cx273] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    font-size: 13px;
    color: #0b1b33;
}

.rse-actions[b-8sko6cx273] {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.rse-action-buttons[b-8sko6cx273] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    flex-wrap: wrap;
}

.rse-filter-button[b-8sko6cx273] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    background: #0a6fe8;
    color: #fff;
    padding: 0 16px;
    height: 40px;
    border-radius: 10px;
    font-weight: 600;
}

.rse-secondary-button[b-8sko6cx273] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #c9d6e8;
    background: #fff;
    color: #0b1b33;
    padding: 0 16px;
    height: 40px;
    border-radius: 10px;
    font-weight: 600;
}

.rse-secondary-button:disabled[b-8sko6cx273] {
    opacity: 0.7;
}

.rse-warning-button[b-8sko6cx273] {
    border-color: #f59e0b;
    color: #b45309;
    background: #fff;
    cursor: pointer;
    pointer-events: auto;
}

.rse-warning-button:hover:not(:disabled)[b-8sko6cx273] {
    background: #fffbeb;
}

.rse-warning-button[b-8sko6cx273] {
    display: none;
}

.rse-warning-button:disabled[b-8sko6cx273] {
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: auto;
}

.rse-dialog-loading[b-8sko6cx273] {
    min-height: 180px;
}

.rse-dialog-error[b-8sko6cx273] {
    margin-bottom: 12px;
}

.rse-select-all-bar[b-8sko6cx273] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid #e2e9f3;
    border-radius: 12px;
    background: #fff;
}

.rse-select-all-count[b-8sko6cx273] {
    font-size: 12px;
    color: #5b6b84;
}

.rse-filter-button:disabled[b-8sko6cx273] {
    opacity: 0.7;
}

.rse-error-banner[b-8sko6cx273] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
    font-size: 13px;
}

.rse-loading-state[b-8sko6cx273],
.rse-hint-state[b-8sko6cx273] {
    padding: 32px 20px;
    text-align: center;
}

.rse-big-spinner[b-8sko6cx273],
.rse-spinner[b-8sko6cx273] {
    border: 3px solid rgba(10, 111, 232, 0.15);
    border-top-color: #0a6fe8;
    border-radius: 50%;
    animation: spin-b-8sko6cx273 0.85s linear infinite;
}

.rse-big-spinner[b-8sko6cx273] {
    width: 36px;
    height: 36px;
    margin: 0 auto 12px;
}

.rse-spinner[b-8sko6cx273] {
    width: 16px;
    height: 16px;
}

.rse-hint-icon[b-8sko6cx273] {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: #f0f7ff;
    color: #0a6fe8;
    font-size: 22px;
}

.rse-hint-state h3[b-8sko6cx273],
.rse-empty-template h3[b-8sko6cx273] {
    margin: 0;
    font-size: 18px;
    color: #0b1b33;
}

.rse-hint-state p[b-8sko6cx273],
.rse-empty-template p[b-8sko6cx273],
.rse-loading-state p[b-8sko6cx273] {
    margin: 8px 0 0;
    color: #5b6b84;
    font-size: 13px;
}

.rse-grid-card[b-8sko6cx273] {
    overflow: hidden;
}

.rse-grid[b-8sko6cx273] {
    border: 0;
}

.rse-status-badge[b-8sko6cx273] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.rse-status-badge.is-ready[b-8sko6cx273] {
    background: #dcfce7;
    color: #15803d;
}

.rse-status-badge.is-waiting-transfer[b-8sko6cx273] {
    background: #ffedd5;
    color: #c2410c;
}

.rse-status-badge.is-waiting-shortage[b-8sko6cx273] {
    background: #fee2e2;
    color: #dc2626;
}

.rse-status-badge.is-partial-shortage[b-8sko6cx273] {
    background: #fef9c3;
    color: #a16207;
}

.rse-status-badge.is-canceled[b-8sko6cx273] {
    background: #e2e9f3;
    color: #2A3B55;
}

.rse-status-badge.is-unknown[b-8sko6cx273] {
    background: #e2e9f3;
    color: #2A3B55;
}

.rse-empty-template[b-8sko6cx273] {
    padding: 28px 16px;
    text-align: center;
}

@keyframes spin-b-8sko6cx273 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1200px) {
    .rse-filter-grid[b-8sko6cx273] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .rse-header[b-8sko6cx273] {
        flex-direction: column;
        gap: 12px;
    }

    .rse-filter-grid[b-8sko6cx273] {
        grid-template-columns: 1fr;
    }

    .rse-actions[b-8sko6cx273] {
        flex-direction: column;
        align-items: stretch;
    }

    .rse-filter-button[b-8sko6cx273] {
        width: 100%;
        justify-content: center;
    }

    .rse-detail-summary[b-8sko6cx273] {
        grid-template-columns: 1fr;
    }

    .rse-detail-row[b-8sko6cx273] {
        grid-template-columns: 1fr;
    }

    .rse-detail-label[b-8sko6cx273],
    .rse-detail-value[b-8sko6cx273] {
        font-size: 14px;
        padding: 12px 14px;
    }
}
/* /Components/Pages/PendingOrders.razor.rz.scp.css */
/* ============================================
   PENDING ORDERS - MODERN ERP/WMS DESIGN
   ============================================ */

.pending-orders-page[b-yvn3m6i7gf] {
    padding: 24px 28px 28px 28px;
    background: #F5F8FC;
    min-height: 100%;
}

/* ============================================
   PAGE HEADER
   ============================================ */

.page-header[b-yvn3m6i7gf] {
    margin-bottom: 32px;
}

.page-title[b-yvn3m6i7gf] {
    font-size: 32px;
    font-weight: 700;
    color: #0B1B33;
    margin: 0 0 8px 0;
    letter-spacing: -0.5px;
}

.page-description[b-yvn3m6i7gf] {
    font-size: 15px;
    color: #5B6B84;
    margin: 0;
    line-height: 1.6;
}

/* ============================================
   FILTER CARD
   ============================================ */

.filter-card[b-yvn3m6i7gf] {
    background: #FFFFFF;
    border-radius: 18px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* ============================================
   ERROR BANNER
   ============================================ */

.error-banner[b-yvn3m6i7gf] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: rgba(239, 68, 68, 0.1);
    border: 1.5px solid rgba(239, 68, 68, 0.3);
    border-radius: 12px;
    color: #DC2626;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
}

.error-banner i:first-child[b-yvn3m6i7gf] {
    font-size: 18px;
}

.error-banner span[b-yvn3m6i7gf] {
    flex: 1;
}

.error-close[b-yvn3m6i7gf] {
    background: none;
    border: none;
    color: #DC2626;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: background 0.2s ease;
}

.error-close:hover[b-yvn3m6i7gf] {
    background: rgba(239, 68, 68, 0.15);
}

.error-close i[b-yvn3m6i7gf] {
    font-size: 16px;
}

.filter-grid[b-yvn3m6i7gf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.filter-row[b-yvn3m6i7gf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    align-items: end;
}

.filter-row-bottom[b-yvn3m6i7gf] {
    grid-template-columns: 1fr 1fr;
    max-width: calc(66.66% + 8px); /* 2 sütun genişliği */
}

@media (max-width: 900px) {
    .filter-row[b-yvn3m6i7gf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filter-row-bottom[b-yvn3m6i7gf] {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .filter-row[b-yvn3m6i7gf],
    .filter-row-bottom[b-yvn3m6i7gf] {
        grid-template-columns: 1fr;
        max-width: 100%;
    }
}

.filter-item[b-yvn3m6i7gf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.filter-item.filter-checkbox[b-yvn3m6i7gf] {
    justify-content: flex-end;
    padding-bottom: 4px;
}

.filter-label[b-yvn3m6i7gf] {
    font-size: 12px;
    font-weight: 600;
    color: #0B1B33;
    letter-spacing: 0.2px;
    margin: 0;
}

/* ============================================
   LOADING STATES
   ============================================ */

.loading-container[b-yvn3m6i7gf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #5B6B84;
}

.spinner[b-yvn3m6i7gf] {
    border: 4px solid #F5F8FC;
    border-top: 4px solid #003B8F;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spin-b-yvn3m6i7gf 1s linear infinite;
    margin-bottom: 16px;
}

@keyframes spin-b-yvn3m6i7gf {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-container p[b-yvn3m6i7gf] {
    font-size: 15px;
    color: #5B6B84;
    margin: 0;
}

.cargo-dialog-grid[b-yvn3m6i7gf] {
    grid-template-columns: 1fr;
    gap: 14px;
}

.cargo-checkbox-row[b-yvn3m6i7gf] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
}

.cargo-number-input[b-yvn3m6i7gf],
.cargo-name-select[b-yvn3m6i7gf] {
    width: 100%;
    height: 42px;
}

.rse-collect-dialog .e-dlg-content[b-yvn3m6i7gf] {
    padding: 18px 22px 16px;
}

.rse-collect-dialog .e-footer-content[b-yvn3m6i7gf] {
    padding: 12px 22px 16px;
}

.rse-collect-dialog .dlg-header[b-yvn3m6i7gf] {
    padding-bottom: 2px;
}

.rse-collect-dialog .dlg-title[b-yvn3m6i7gf] {
    font-size: 20px;
    font-weight: 700;
}

.rse-collect-dialog .dlg-code[b-yvn3m6i7gf] {
    font-size: 13px;
    color: #5B6B84;
}

.rse-dialog-error[b-yvn3m6i7gf] {
    margin-bottom: 14px;
}

.rse-collect-dialog .rse-filter-button[b-yvn3m6i7gf],
.rse-collect-dialog .rse-secondary-button[b-yvn3m6i7gf] {
    min-width: 96px;
}

.no-data[b-yvn3m6i7gf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #5B6B84;
}

.no-data i[b-yvn3m6i7gf] {
    font-size: 64px;
    color: #C9D6E8;
    margin-bottom: 16px;
}

.no-data p[b-yvn3m6i7gf] {
    font-size: 15px;
    color: #5B6B84;
    margin: 0;
}
}



/* Standard Input Styles */
.custom-select[b-yvn3m6i7gf],
.custom-input[b-yvn3m6i7gf] {
    width: 100%;
    height: 40px; /* Küçültüldü */
    border-radius: 10px;
    border: 1.5px solid #E2E9F3;
    padding: 0 12px; /* Küçültüldü */
    font-size: 13px; /* Küçültüldü */
    color: #0B1B33;
    background: #FFFFFF;
    transition: all 0.25s ease;
    outline: none;
}

.custom-select:disabled[b-yvn3m6i7gf],
.custom-input:disabled[b-yvn3m6i7gf] {
    background: #F8FAFD;
    color: #8A9AB2;
    cursor: not-allowed;
    border-color: #E2E9F3;
}

.custom-select:hover:not(:disabled)[b-yvn3m6i7gf],
.custom-input:hover:not(:disabled)[b-yvn3m6i7gf] {
    border-color: #009BFF;
}

.custom-select:focus:not(:disabled)[b-yvn3m6i7gf],
.custom-input:focus:not(:disabled)[b-yvn3m6i7gf] {
    border-color: #003B8F;
    box-shadow: 0 0 0 3px rgba(0, 155, 255, 0.1);
}

.custom-checkbox-label[b-yvn3m6i7gf] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

.custom-checkbox-label input[type="checkbox"][b-yvn3m6i7gf] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 2px solid #E2E9F3;
    cursor: pointer;
    accent-color: #009BFF;
}

.custom-checkbox-label span[b-yvn3m6i7gf] {
    font-size: 12px; /* Küçültüldü */
    font-weight: 500;
    color: #0B1B33;
}

/* ============================================
   FILTER ACTIONS
   ============================================ */

.filter-actions[b-yvn3m6i7gf] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-top: 8px;
    border-top: 1px solid #E2E9F3;
}

.btn[b-yvn3m6i7gf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px; /* Küçültüldü */
    border-radius: 10px;
    border: none;
    font-size: 13px; /* Küçültüldü */
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    outline: none;
}

.btn:disabled[b-yvn3m6i7gf] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
}

.btn i[b-yvn3m6i7gf] {
    font-size: 16px;
}

.btn-primary[b-yvn3m6i7gf] {
    background: linear-gradient(135deg, #009BFF 0%, #0A6FE8 100%);
    color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(0, 155, 255, 0.25);
}

.btn-primary:hover:not(:disabled)[b-yvn3m6i7gf] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 155, 255, 0.35);
}

.btn-secondary[b-yvn3m6i7gf] {
    background: #F5F8FC;
    color: #5B6B84;
    border: 1.5px solid #E2E9F3;
}

.btn-secondary:hover:not(:disabled)[b-yvn3m6i7gf] {
    background: #E2E9F3;
    border-color: #C9D6E8;
}

.btn-success[b-yvn3m6i7gf] {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);
}

.btn-success:hover:not(:disabled)[b-yvn3m6i7gf] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.35);
}

/* ============================================
   GRID CARD
   ============================================ */

.grid-card[b-yvn3m6i7gf] {
    background: #FFFFFF;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    overflow: hidden; /* overflow-x: auto kaldırıldı */
}

/* Grid Header - Record Count & Selection Info */
.grid-header[b-yvn3m6i7gf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
    border-radius: 10px;
    border: 1px solid #E8EDF5;
}

/* ── Grid Local Search ──────────────────────────── */
.grid-search-bar[b-yvn3m6i7gf] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.grid-search-input-wrap[b-yvn3m6i7gf] {
    position: relative;
    display: flex;
    align-items: center;
}

.grid-search-icon[b-yvn3m6i7gf] {
    position: absolute;
    left: 9px;
    color: #94a3b8;
    font-size: 11px;
    pointer-events: none;
}

.grid-search-input[b-yvn3m6i7gf] {
    height: 32px;
    width: 160px;
    padding: 0 28px 0 28px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 12px;
    color: #1e293b;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}

.grid-search-input:focus[b-yvn3m6i7gf] {
    border-color: #4A9EFF;
    box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.12);
}

.grid-search-input[b-yvn3m6i7gf]::placeholder {
    color: #b0bec5;
}

.grid-search-clear[b-yvn3m6i7gf] {
    position: absolute;
    right: 6px;
    background: none;
    border: none;
    cursor: pointer;
    color: #94a3b8;
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 11px;
    line-height: 1;
    transition: color 0.15s;
}

.grid-search-clear:hover[b-yvn3m6i7gf] {
    color: #ef4444;
}

.grid-search-select[b-yvn3m6i7gf] {
    height: 32px;
    padding: 0 10px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 12px;
    color: #1e293b;
    background: #fff;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s;
}

.grid-search-select:focus[b-yvn3m6i7gf] {
    border-color: #4A9EFF;
    box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.12);
}

.btn-grid-search-reset[b-yvn3m6i7gf] {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0f0;
    border: 1.5px solid #fecaca;
    border-radius: 8px;
    color: #ef4444;
    cursor: pointer;
    font-size: 13px;
    transition: background 0.2s, border-color 0.2s;
    flex-shrink: 0;
}

.btn-grid-search-reset:hover[b-yvn3m6i7gf] {
    background: #fee2e2;
    border-color: #ef4444;
}

.record-count[b-yvn3m6i7gf] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0B1B33;
    font-size: 13px;
}

    .record-count i[b-yvn3m6i7gf] {
        color: #009BFF;
        font-size: 16px;
    }

    .record-count strong[b-yvn3m6i7gf] {
        color: #009BFF;
        font-weight: 700;
        font-size: 15px;
    }

.selection-info[b-yvn3m6i7gf] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.selection-badge[b-yvn3m6i7gf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: #FFFFFF;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25);
}

    .selection-badge i[b-yvn3m6i7gf] {
        font-size: 14px;
    }

/* Custom Table */
.table-container[b-yvn3m6i7gf] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: -24px; /* grid-card padding'ini negate et */
    padding: 24px; /* içeriğe padding geri ver */
}

.custom-table[b-yvn3m6i7gf] {
    width: 100%;
    border-collapse: collapse;
    border-radius: 12px;
    overflow: hidden;
    min-width: 1000px; /* Küçültüldü - daha erken responsive olması için */
}

.custom-table thead[b-yvn3m6i7gf] {
    background: linear-gradient(180deg, #F8FAFD 0%, #EDF2F8 100%);
}

.custom-table thead th[b-yvn3m6i7gf] {
    padding: 12px 6px; /* Daha da küçültüldü */
    text-align: left;
    font-size: 10px; /* Daha da küçültüldü */
    font-weight: 700;
    color: #0B1B33;
    text-transform: uppercase;
    letter-spacing: 0.3px; /* Küçültüldü */
    border-bottom: 2px solid #E2E9F3;
    white-space: nowrap;
}

.custom-table tbody tr[b-yvn3m6i7gf] {
    transition: all 0.2s ease;
    border-bottom: 1px solid #EDF2F8;
}

.custom-table tbody tr:hover[b-yvn3m6i7gf] {
    background: #F8FAFD;
    transform: scale(1.001);
}

.custom-table tbody tr:nth-child(even)[b-yvn3m6i7gf] {
    background: #FAFBFC;
}

.custom-table tbody tr:nth-child(even):hover[b-yvn3m6i7gf] {
    background: #F8FAFD;
}

.custom-table tbody td[b-yvn3m6i7gf] {
    padding: 10px 6px; /* Daha da küçültüldü */
    font-size: 11px; /* Daha da küçültüldü */
    color: #0B1B33;
    white-space: nowrap;
}

.custom-table .text-center[b-yvn3m6i7gf] {
    text-align: center;
}

.custom-table .text-right[b-yvn3m6i7gf] {
    text-align: right;
}

/* Checkbox Columns */
.checkbox-col[b-yvn3m6i7gf] {
    width: 40px;
    padding: 12px 8px !important;
}

.expand-col[b-yvn3m6i7gf] {
    width: 40px;
    padding: 12px 8px !important;
}

/* Custom Checkboxes */
.custom-checkbox-all[b-yvn3m6i7gf],
.custom-checkbox-row[b-yvn3m6i7gf] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 2px solid #C9D6E8;
    cursor: pointer;
    accent-color: #009BFF;
    transition: all 0.2s ease;
}

    .custom-checkbox-all:hover[b-yvn3m6i7gf],
    .custom-checkbox-row:hover[b-yvn3m6i7gf] {
        border-color: #009BFF;
        transform: scale(1.1);
    }

    .custom-checkbox-all:checked[b-yvn3m6i7gf],
    .custom-checkbox-row:checked[b-yvn3m6i7gf] {
        background: #009BFF;
        border-color: #009BFF;
    }

/* Status Badge */
.status-badge[b-yvn3m6i7gf] {
    display: inline-block;
    padding: 4px 10px; /* Küçültüldü */
    border-radius: 16px;
    font-size: 10px; /* Küçültüldü */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.status-badge.status-beklemede[b-yvn3m6i7gf] {
    background: rgba(251, 146, 60, 0.15);
    color: #EA580C;
}

.status-badge.status-aktarildı[b-yvn3m6i7gf] {
    background: rgba(16, 185, 129, 0.15);
    color: #059669;
}

/* Yeni: Aktarılmaya Hazır */
.status-badge.status-hazir[b-yvn3m6i7gf] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

/* Yeni: Aktarılmaya Hazır Değil */
.status-badge.status-hazir-degil[b-yvn3m6i7gf] {
    background: rgba(239, 68, 68, 0.1);
    color: #DC2626;
    white-space: nowrap;
}

/* Transfer mesaj metni */
.transfer-status-cell[b-yvn3m6i7gf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.transfer-message-text[b-yvn3m6i7gf] {
    font-size: 10px;
    color: #8a9ab2;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.status-badge.status-hatali[b-yvn3m6i7gf] {
    background: rgba(239, 68, 68, 0.15);
    color: #DC2626;
}

.status-badge.status-iptal[b-yvn3m6i7gf] {
    background: rgba(156, 163, 175, 0.15);
    color: #5B6B84;
}

/* Transfer Icon */
.transfer-icon[b-yvn3m6i7gf] {
    font-size: 20px;
}

.transfer-icon.transferred[b-yvn3m6i7gf] {
    color: #10B981;
}

.transfer-icon.not-transferred[b-yvn3m6i7gf] {
    color: #EF4444;
}

/* Action Buttons */
.action-buttons[b-yvn3m6i7gf] {
    display: flex;
    gap: 6px;
    justify-content: center;
}

.btn-action[b-yvn3m6i7gf] {
    width: 28px; /* Küçültüldü */
    height: 28px; /* Küçültüldü */
    border-radius: 8px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 12px; /* Küçültüldü */
}

.btn-action:disabled[b-yvn3m6i7gf] {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none !important;
}

.btn-action:hover:not(:disabled)[b-yvn3m6i7gf] {
    transform: translateY(-2px);
}

.btn-action.btn-info[b-yvn3m6i7gf] {
    background: rgba(10, 111, 232, 0.12);
    color: #0A6FE8;
}

.btn-action.btn-info:hover[b-yvn3m6i7gf] {
    background: rgba(10, 111, 232, 0.2);
}

.btn-action.btn-success[b-yvn3m6i7gf] {
    background: rgba(16, 185, 129, 0.12);
    color: #10B981;
}

.btn-action.btn-success:hover[b-yvn3m6i7gf] {
    background: rgba(16, 185, 129, 0.2);
}

.btn-action.btn-primary[b-yvn3m6i7gf] {
    background: rgba(0, 155, 255, 0.12);
    color: #009BFF;
}

.btn-action.btn-primary:hover[b-yvn3m6i7gf] {
    background: rgba(0, 155, 255, 0.2);
}

/* ============================================
   RESPONSIVE
   ============================================ */

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

/* Geniş ekranlar için tablo min-width ayarı */
@media (min-width: 1400px) {
    .custom-table[b-yvn3m6i7gf] {
        min-width: 100%; /* Geniş ekranlarda tam genişlik */
    }
}

@media (max-width: 1200px) {
    .filter-grid[b-yvn3m6i7gf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .custom-table[b-yvn3m6i7gf] {
        min-width: 900px; /* Orta ekranlarda scroll */
    }
}

@media (max-width: 768px) {
    .pending-orders-page[b-yvn3m6i7gf] {
        padding: 16px; /* Küçültüldü */
    }

    .grid-header[b-yvn3m6i7gf] {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .record-count[b-yvn3m6i7gf] {
        font-size: 12px;
    }

        .record-count i[b-yvn3m6i7gf] {
            font-size: 14px;
        }

        .record-count strong[b-yvn3m6i7gf] {
            font-size: 14px;
        }

    .selection-badge[b-yvn3m6i7gf] {
        font-size: 11px;
        padding: 5px 12px;
    }

    .checkbox-col[b-yvn3m6i7gf],
    .expand-col[b-yvn3m6i7gf] {
        width: 35px;
    }

    .custom-checkbox-all[b-yvn3m6i7gf],
    .custom-checkbox-row[b-yvn3m6i7gf] {
        width: 16px;
        height: 16px;
    }

    .page-title[b-yvn3m6i7gf] {
        font-size: 22px; /* Küçültüldü */
    }

    .page-description[b-yvn3m6i7gf] {
        font-size: 13px; /* Küçültüldü */
    }

    .filter-grid[b-yvn3m6i7gf] {
        grid-template-columns: 1fr;
        gap: 12px; /* Küçültüldü */
    }

    .filter-card[b-yvn3m6i7gf] {
        padding: 16px; /* Küçültüldü */
    }

    .grid-card[b-yvn3m6i7gf] {
        padding: 12px; /* Küçültüldü */
        overflow: hidden;
    }

    .table-container[b-yvn3m6i7gf] {
        margin: -12px; /* grid-card padding'e göre ayarlandı */
        padding: 12px;
        overflow-x: auto;
    }

    .custom-table[b-yvn3m6i7gf] {
        min-width: 800px; /* Tablet için küçültüldü */
    }

    .custom-table thead th[b-yvn3m6i7gf] {
        padding: 10px 4px;
        font-size: 9px;
    }

    .custom-table tbody td[b-yvn3m6i7gf] {
        padding: 8px 4px;
        font-size: 10px;
    }

    .filter-actions[b-yvn3m6i7gf] {
        flex-direction: column;
    }

    .btn[b-yvn3m6i7gf] {
        width: 100%;
        justify-content: center;
        padding: 10px 16px; /* Küçültüldü */
        font-size: 12px; /* Küçültüldü */
    }

    .action-buttons[b-yvn3m6i7gf] {
        flex-direction: row; /* Mobilde yan yana daha iyi */
        gap: 4px;
        flex-wrap: wrap;
    }

    .detail-table[b-yvn3m6i7gf] {
        min-width: 400px; /* Küçültüldü - fiyat kolonları kaldırıldı */
    }

    .order-detail-panel[b-yvn3m6i7gf] {
        margin: 4px;
        padding: 12px 16px;
    }

    .order-detail-panel h4[b-yvn3m6i7gf] {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .pending-orders-page[b-yvn3m6i7gf] {
        padding: 12px; /* Küçültüldü */
    }

    .page-title[b-yvn3m6i7gf] {
        font-size: 18px; /* Küçültüldü */
    }

    .page-description[b-yvn3m6i7gf] {
        font-size: 12px; /* Küçültüldü */
    }

    .filter-card[b-yvn3m6i7gf] {
        padding: 12px; /* Küçültüldü */
        margin-bottom: 12px; /* Küçültüldü */
    }

    .grid-card[b-yvn3m6i7gf] {
        padding: 8px;
    }

    .grid-header[b-yvn3m6i7gf] {
        padding: 8px 12px;
        margin-bottom: 12px;
    }

    .checkbox-col[b-yvn3m6i7gf],
    .expand-col[b-yvn3m6i7gf] {
        width: 30px;
    }

    .custom-checkbox-all[b-yvn3m6i7gf],
    .custom-checkbox-row[b-yvn3m6i7gf] {
        width: 14px;
        height: 14px;
    }

    .table-container[b-yvn3m6i7gf] {
        margin: -8px;
        padding: 8px;
    }

    .custom-table[b-yvn3m6i7gf] {
        min-width: 700px; /* Mobil için daha küçük */
    }

    .custom-table thead th[b-yvn3m6i7gf] {
        padding: 8px 3px;
        font-size: 8px;
        letter-spacing: 0.2px;
    }

    .custom-table tbody td[b-yvn3m6i7gf] {
        padding: 6px 3px;
        font-size: 9px;
    }

    .btn-action[b-yvn3m6i7gf] {
        width: 24px;
        height: 24px;
        font-size: 10px;
    }

    .status-badge[b-yvn3m6i7gf] {
        padding: 3px 8px;
        font-size: 9px;
    }

    .order-detail-panel[b-yvn3m6i7gf] {
        margin: 4px;
        padding: 8px 12px;
    }

    .order-detail-panel h4[b-yvn3m6i7gf] {
        font-size: 12px;
        margin: 0 0 8px 0;
    }

    .detail-table[b-yvn3m6i7gf] {
        min-width: 300px; /* Küçültüldü - mobil için daha uygun */
        font-size: 10px;
    }

    .detail-table thead th[b-yvn3m6i7gf] {
        padding: 8px 10px;
        font-size: 9px;
    }

    .detail-table tbody td[b-yvn3m6i7gf] {
        padding: 8px 10px;
    }
}
}

/* ============================================
   EXPANDABLE ROW & DETAIL TABLE
   ============================================ */

.btn-expand[b-yvn3m6i7gf] {
    background: none;
    border: none;
    color: #5B6B84;
    cursor: pointer;
    padding: 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .btn-expand:hover[b-yvn3m6i7gf] {
        background: #F5F8FC;
        color: #0B1B33;
    }

    .btn-expand i[b-yvn3m6i7gf] {
        font-size: 12px; /* Küçültüldü */
        transition: transform 0.2s ease;
    }

.custom-table tbody tr.expanded[b-yvn3m6i7gf] {
    background: #F8FAFD;
}

.custom-table tbody tr.detail-row[b-yvn3m6i7gf] {
    background: #F8FAFD;
    border-top: none !important;
}

    .custom-table tbody tr.detail-row td[b-yvn3m6i7gf] {
        padding: 0 !important;
        border-top: none !important;
    }

.order-detail-panel[b-yvn3m6i7gf] {
    padding: 16px 20px; /* Küçültüldü */
    background: #FFFFFF;
    margin: 8px;
    border-radius: 12px;
    border: 1px solid #E2E9F3;
}

    .order-detail-panel h4[b-yvn3m6i7gf] {
        font-size: 14px; /* Küçültüldü */
        font-weight: 600;
        color: #0B1B33;
        margin: 0 0 12px 0; /* Küçültüldü */
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .order-detail-panel h4 i[b-yvn3m6i7gf] {
            color: #0EA5E9;
        }

.detail-table[b-yvn3m6i7gf] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px; /* Küçültüldü */
    min-width: 500px; /* Küçültüldü - fiyat kolonları kaldırıldı */
}

    .detail-table thead[b-yvn3m6i7gf] {
        background: #F8FAFD;
    }

        .detail-table thead th[b-yvn3m6i7gf] {
            padding: 10px 12px; /* Küçültüldü */
            text-align: left;
            font-weight: 600;
            color: #2A3B55;
            border-bottom: 2px solid #E2E9F3;
            font-size: 11px; /* Küçültüldü */
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

    .detail-table tbody td[b-yvn3m6i7gf] {
        padding: 10px 12px; /* Küçültüldü */
        border-bottom: 1px solid #EDF2F8;
        color: #0B1B33;
    }

    .detail-table tbody tr:last-child td[b-yvn3m6i7gf] {
        border-bottom: none;
    }

    .detail-table tbody tr:hover[b-yvn3m6i7gf] {
        background: #F8FAFD;
    }

    .detail-table .text-center[b-yvn3m6i7gf] {
        text-align: center;
    }

    .detail-table .text-right[b-yvn3m6i7gf] {
        text-align: right;
    }

    .detail-table tbody td strong[b-yvn3m6i7gf] {
        color: #0B1B33;
    }

/* ============================================
   PRODUCT IMAGE STYLES
   ============================================ */

.product-image[b-yvn3m6i7gf] {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #E2E9F3;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .product-image:hover[b-yvn3m6i7gf] {
        transform: scale(1.1); /* Küçültüldü - modal için */
        box-shadow: 0 4px 12px rgba(0, 155, 255, 0.3);
        border-color: #009BFF;
    }

.product-image-placeholder[b-yvn3m6i7gf] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #EDF2F8 0%, #E2E9F3 100%);
    border-radius: 8px;
    border: 2px solid #E2E9F3;
    color: #8A9AB2;
    font-size: 20px;
}

/* Responsive için resim boyutu küçültme */
@media (max-width: 768px) {
    .product-image[b-yvn3m6i7gf],
    .product-image-placeholder[b-yvn3m6i7gf] {
        width: 40px;
        height: 40px;
    }

    .product-image:hover[b-yvn3m6i7gf] {
        transform: scale(2);
    }

    .product-image-placeholder[b-yvn3m6i7gf] {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .product-image[b-yvn3m6i7gf],
    .product-image-placeholder[b-yvn3m6i7gf] {
        width: 32px;
        height: 32px;
    }

    .product-image:hover[b-yvn3m6i7gf] {
        transform: scale(1.8);
    }

    .product-image-placeholder[b-yvn3m6i7gf] {
        font-size: 14px;
    }
}
/* Dialog stilleri app.css içinde global olarak tanımlandı */
/* /Components/Pages/ProductBarcodeList.razor.rz.scp.css */
.pbl-page[b-k6gzvoxs0o] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
}

.pbl-header[b-k6gzvoxs0o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96));
    border: 1px solid rgba(14, 61, 112, .08);
    box-shadow: 0 14px 28px rgba(10, 41, 72, .08);
}

.pbl-header-left[b-k6gzvoxs0o] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.pbl-header-icon[b-k6gzvoxs0o] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(180deg, #003b8f, #0a2a63);
    color: #fff;
    font-size: 22px;
}

.pbl-title[b-k6gzvoxs0o] {
    margin: 0;
    color: #2a3b55;
    font-size: 24px;
    font-weight: 900;
}

.pbl-subtitle[b-k6gzvoxs0o] {
    margin: 4px 0 0;
    color: #61758c;
    font-size: 13px;
}

.pbl-refresh-button[b-k6gzvoxs0o],
.pbl-search-button[b-k6gzvoxs0o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 12px;
    background: #003b8f;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.pbl-refresh-button:hover[b-k6gzvoxs0o],
.pbl-search-button:hover[b-k6gzvoxs0o] {
    background: #0a2a63;
}

.pbl-filter-card[b-k6gzvoxs0o],
.pbl-results-card[b-k6gzvoxs0o] {
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .97);
    border: 1px solid rgba(14, 61, 112, .08);
    box-shadow: 0 12px 24px rgba(10, 41, 72, .06);
}

.pbl-filter-grid[b-k6gzvoxs0o] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(220px, 1fr) auto;
    gap: 14px;
    align-items: end;
}

.pbl-field[b-k6gzvoxs0o] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.pbl-label[b-k6gzvoxs0o] {
    color: #2a3b55;
    font-size: 13px;
    font-weight: 800;
}

.pbl-filter-actions[b-k6gzvoxs0o] {
    display: flex;
    align-items: end;
}

.pbl-dropdown[b-k6gzvoxs0o],
.pbl-filter-input[b-k6gzvoxs0o],
.pbl-search-button[b-k6gzvoxs0o] {
    min-height: 44px;
}

.pbl-error-banner[b-k6gzvoxs0o] {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(220, 53, 69, .08);
    color: #b42318;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}

.pbl-results-card[b-k6gzvoxs0o] {
    min-height: 420px;
}

.pbl-loading-state[b-k6gzvoxs0o],
.pbl-empty-state[b-k6gzvoxs0o],
.pbl-initial-state[b-k6gzvoxs0o] {
    min-height: 360px;
    display: grid;
    place-items: center;
    text-align: center;
    color: #5b6b84;
}

.pbl-loading-state p[b-k6gzvoxs0o],
.pbl-empty-state p[b-k6gzvoxs0o],
.pbl-initial-state p[b-k6gzvoxs0o] {
    margin: 0;
}

.pbl-big-spinner[b-k6gzvoxs0o],
.pbl-spinner[b-k6gzvoxs0o] {
    border-radius: 50%;
    border: 4px solid #dcecff;
    border-top-color: #003b8f;
    animation: pbl-spin-b-k6gzvoxs0o .8s linear infinite;
}

.pbl-big-spinner[b-k6gzvoxs0o] {
    width: 54px;
    height: 54px;
    margin-bottom: 10px;
}

.pbl-spinner[b-k6gzvoxs0o] {
    width: 18px;
    height: 18px;
    border-width: 3px;
}

@keyframes pbl-spin-b-k6gzvoxs0o {
    to { transform: rotate(360deg); }
}

.pbl-summary[b-k6gzvoxs0o] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.pbl-summary-item[b-k6gzvoxs0o] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: #61758c;
    font-size: 13px;
    font-weight: 700;
}

.pbl-summary-item strong[b-k6gzvoxs0o] {
    color: #2a3b55;
    font-size: 16px;
    font-weight: 900;
}

.pbl-image-wrap[b-k6gzvoxs0o] {
    width: 100%;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #f6f9fd;
    border: 1px solid rgba(14, 61, 112, .06);
    overflow: hidden;
}

.pbl-image[b-k6gzvoxs0o] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pbl-image-placeholder[b-k6gzvoxs0o] {
    color: #9aabc0;
    font-size: 12px;
    font-weight: 700;
}

.pbl-badge[b-k6gzvoxs0o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(14, 75, 134, .10);
    color: #0a2a63;
    font-weight: 800;
}

.pbl-detail-card[b-k6gzvoxs0o] {
    padding: 14px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid rgba(14, 61, 112, .07);
}

.pbl-detail-header[b-k6gzvoxs0o] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #2a3b55;
    font-weight: 900;
}

.pbl-barcode-list[b-k6gzvoxs0o] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pbl-barcode-row[b-k6gzvoxs0o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(14, 61, 112, .06);
}

.pbl-barcode-main[b-k6gzvoxs0o] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.pbl-barcode-main strong[b-k6gzvoxs0o] {
    color: #2a3b55;
}

.pbl-barcode-main span[b-k6gzvoxs0o],
.pbl-barcode-meta[b-k6gzvoxs0o] {
    color: #5B6B84;
    font-size: 12px;
}

.pbl-barcode-meta[b-k6gzvoxs0o] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    white-space: nowrap;
}

.pbl-detail-empty[b-k6gzvoxs0o] {
    color: #5B6B84;
    font-size: 13px;
}

.pbl-barcode-actions[b-k6gzvoxs0o] {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.pbl-row-add-button[b-k6gzvoxs0o] {
    background: #e8f1ff;
    color: #0b4ea2;
}

.pbl-row-print-button[b-k6gzvoxs0o],
.pbl-modal-cancel[b-k6gzvoxs0o],
.pbl-modal-print[b-k6gzvoxs0o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 16px;
    border: 0;
    border-radius: 12px;
    font-weight: 800;
    cursor: pointer;
}

.pbl-row-print-button[b-k6gzvoxs0o] {
    background: #003b8f;
    color: #fff;
}

.pbl-row-print-button:hover[b-k6gzvoxs0o],
.pbl-modal-print:hover[b-k6gzvoxs0o] {
    background: #0a2a63;
    color: #fff;
}

.pbl-print-dialog .e-dialog[b-k6gzvoxs0o] {
    border-radius: 20px;
    overflow: hidden;
}

.pbl-create-dialog .e-dlg-content[b-k6gzvoxs0o] {
    padding: 20px 24px 18px;
}

.pbl-text-input[b-k6gzvoxs0o] {
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    border: 1px solid #c9d6e8;
    border-radius: 10px;
    padding: 0 12px;
    font-size: 14px;
    background: #fff;
    color: #101828;
}

.pbl-text-input:focus[b-k6gzvoxs0o] {
    outline: none;
    border-color: #0357c8;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.12);
}

.pbl-dialog-header[b-k6gzvoxs0o] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #2a3b55;
}

.pbl-dialog-header i[b-k6gzvoxs0o] {
    font-size: 20px;
}

.pbl-dialog-title[b-k6gzvoxs0o] {
    display: block;
    font-weight: 900;
    font-size: 16px;
}

.pbl-dialog-subtitle[b-k6gzvoxs0o] {
    display: block;
    color: #61758c;
    font-size: 12px;
}

.pbl-dialog-body[b-k6gzvoxs0o] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pbl-modal-grid[b-k6gzvoxs0o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pbl-modal-loading[b-k6gzvoxs0o] {
    min-height: 180px;
}

.pbl-modal-error[b-k6gzvoxs0o] {
    margin-top: 0;
}

.pbl-modal-actions[b-k6gzvoxs0o] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.pbl-modal-cancel[b-k6gzvoxs0o] {
    background: #e2e9f3;
    color: #2a3b55;
}

.pbl-modal-print[b-k6gzvoxs0o] {
    background: #003b8f;
    color: #fff;
}

@media (max-width: 900px) {
    .pbl-modal-grid[b-k6gzvoxs0o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .pbl-header[b-k6gzvoxs0o],
    .pbl-filter-grid[b-k6gzvoxs0o],
    .pbl-summary[b-k6gzvoxs0o] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .pbl-header[b-k6gzvoxs0o] {
        align-items: flex-start;
    }
}
/* /Components/Pages/ProductCreate.razor.rz.scp.css */
.product-create-page[b-l9x7b5lp53] {
    padding: 24px 28px 28px;
    background: #f5f8fc;
    min-height: 100%;
}

.product-create-header[b-l9x7b5lp53] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
    flex-wrap: wrap;
}

.product-create-header h1[b-l9x7b5lp53] {
    margin: 0 0 8px;
    font-size: 32px;
    font-weight: 800;
    color: #0b1b33;
}

.product-create-header p[b-l9x7b5lp53] {
    margin: 0;
    color: #5B6B84;
    font-size: 15px;
}

.btn-back[b-l9x7b5lp53],
.btn-primary[b-l9x7b5lp53],
.btn-secondary[b-l9x7b5lp53] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    font-weight: 700;
    border: none;
    min-height: 42px;
    padding: 0 16px;
}

.btn-back[b-l9x7b5lp53] {
    background: #fff;
    border: 1px solid #c9d6e8;
    color: #0b1b33;
}

.product-alert[b-l9x7b5lp53] {
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 16px;
    font-weight: 600;
}

.product-alert.error[b-l9x7b5lp53] {
    background: rgba(220, 53, 69, .1);
    border: 1px solid rgba(220, 53, 69, .25);
    color: #b42318;
}

.product-alert.success[b-l9x7b5lp53] {
    background: rgba(25, 135, 84, .1);
    border: 1px solid rgba(25, 135, 84, .22);
    color: #067647;
}

.product-create-card[b-l9x7b5lp53] {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    padding: 24px;
}

.product-create-grid[b-l9x7b5lp53] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.field-group[b-l9x7b5lp53] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field-group.span-2[b-l9x7b5lp53] {
    grid-column: span 2;
}

.field-group label[b-l9x7b5lp53] {
    font-size: 12px;
    font-weight: 700;
    color: #0b1b33;
}

.product-input[b-l9x7b5lp53] {
    width: 100%;
}

.checkbox-group[b-l9x7b5lp53] {
    justify-content: flex-end;
}

.checkbox-group label[b-l9x7b5lp53] {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border-radius: 10px;
    background: #f8fafd;
    border: 1px solid #e2e9f3;
    color: #0b1b33;
    font-size: 13px;
}

.checkbox-group input[type="checkbox"][b-l9x7b5lp53] {
    width: 18px;
    height: 18px;
    accent-color: #003b8f;
}

.product-create-actions[b-l9x7b5lp53] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}

.btn-primary[b-l9x7b5lp53] {
    background: #003b8f;
    color: #fff;
}

.btn-secondary[b-l9x7b5lp53] {
    background: #fff;
    color: #0b1b33;
    border: 1px solid #c9d6e8;
}

@media (max-width: 1100px) {
    .product-create-grid[b-l9x7b5lp53] {
        grid-template-columns: 1fr 1fr;
    }

    .field-group.span-2[b-l9x7b5lp53] {
        grid-column: span 2;
    }
}

@media (max-width: 720px) {
    .product-create-page[b-l9x7b5lp53] {
        padding: 16px;
    }

    .product-create-grid[b-l9x7b5lp53],
    .field-group.span-2[b-l9x7b5lp53] {
        grid-template-columns: 1fr;
        grid-column: span 1;
    }

    .product-create-actions[b-l9x7b5lp53] {
        justify-content: stretch;
    }

    .product-create-actions .btn-primary[b-l9x7b5lp53],
    .product-create-actions .btn-secondary[b-l9x7b5lp53] {
        width: 100%;
    }
}
/* /Components/Pages/ReceiptSettings.razor.rz.scp.css */
.receipt-settings-page[b-f94x3biiop] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px;
}

.receipt-settings-header[b-f94x3biiop] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.receipt-settings-header h1[b-f94x3biiop] {
    margin: 0;
    font-size: 1.8rem;
}

.receipt-settings-header p[b-f94x3biiop] {
    margin: 6px 0 0;
    color: #5b6b84;
}

.receipt-back-button[b-f94x3biiop],
.receipt-secondary-button[b-f94x3biiop],
.receipt-primary-button[b-f94x3biiop] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 10px;
    padding: 10px 16px;
    cursor: pointer;
    font-weight: 600;
}

.receipt-back-button[b-f94x3biiop],
.receipt-secondary-button[b-f94x3biiop] {
    background: #e2e9f3;
    color: #0B1B33;
}

.receipt-primary-button[b-f94x3biiop] {
    background: #0a6fe8;
    color: #fff;
}

.receipt-card[b-f94x3biiop],
.receipt-result-card[b-f94x3biiop] {
    background: #fff;
    border: 1px solid #e2e9f3;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.receipt-card[b-f94x3biiop] {
    padding: 24px;
}

.receipt-grid[b-f94x3biiop] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.receipt-field[b-f94x3biiop] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.receipt-field label[b-f94x3biiop] {
    font-weight: 600;
    color: #0B1B33;
}

.receipt-checkbox-field[b-f94x3biiop] {
    justify-content: end;
}

.receipt-checkbox[b-f94x3biiop] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    user-select: none;
}

.receipt-actions[b-f94x3biiop] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
}

.receipt-alert[b-f94x3biiop] {
    padding: 14px 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: 600;
}

.receipt-alert.error[b-f94x3biiop] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.receipt-alert.success[b-f94x3biiop],
.receipt-result-card[b-f94x3biiop] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.receipt-result-card[b-f94x3biiop] {
    margin-top: 18px;
    padding: 20px 24px;
}

.receipt-result-label[b-f94x3biiop] {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.8;
}

.receipt-result-value[b-f94x3biiop] {
    margin-top: 8px;
    font-size: 1.2rem;
    font-weight: 700;
}

.receipt-spinner[b-f94x3biiop] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: receipt-spin-b-f94x3biiop 0.8s linear infinite;
}

@keyframes receipt-spin-b-f94x3biiop {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .receipt-settings-page[b-f94x3biiop] {
        padding: 16px;
    }

    .receipt-settings-header[b-f94x3biiop],
    .receipt-actions[b-f94x3biiop] {
        flex-direction: column;
        align-items: stretch;
    }

    .receipt-grid[b-f94x3biiop] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/RetailCollection.razor.rz.scp.css */
.rc-page[b-wq1zrp7txl] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rc-header[b-wq1zrp7txl] {
    display: flex;
    align-items: flex-start;
}

.rc-header-content[b-wq1zrp7txl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
}

.rc-header-left[b-wq1zrp7txl] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.rc-header-actions[b-wq1zrp7txl] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-shrink: 0;
}

.rc-header-icon[b-wq1zrp7txl] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #e3f2ff, #f0f7ff);
    color: #0a6fe8;
    font-size: 20px;
}

.rc-title[b-wq1zrp7txl] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #0b1b33;
}

.rc-subtitle[b-wq1zrp7txl] {
    margin: 4px 0 0;
    color: #5b6b84;
    font-size: 13px;
}

.rc-filter-card[b-wq1zrp7txl],
.rc-grid-card[b-wq1zrp7txl],
.rc-hint-state[b-wq1zrp7txl],
.rc-loading-state[b-wq1zrp7txl] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.rc-filter-card[b-wq1zrp7txl] {
    padding: 18px;
}

.rc-filter-row[b-wq1zrp7txl] {
    display: grid;
    grid-template-columns: minmax(0, 280px) 1fr;
    gap: 16px;
    align-items: end;
}

.rc-field[b-wq1zrp7txl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rc-label[b-wq1zrp7txl] {
    font-size: 12px;
    font-weight: 600;
    color: #2A3B55;
}

.rc-select[b-wq1zrp7txl] {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #c9d6e8;
    border-radius: 10px;
    background: #fff;
    color: #0b1b33;
    font-size: 13px;
}

.rc-actions[b-wq1zrp7txl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.rc-primary-button[b-wq1zrp7txl],
.rc-secondary-button[b-wq1zrp7txl],
.rc-inline-button[b-wq1zrp7txl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    font-weight: 600;
    height: 40px;
    padding: 0 16px;
}

.rc-primary-button[b-wq1zrp7txl] {
    border: none;
    background: #0a6fe8;
    color: #fff;
}

.rc-secondary-button[b-wq1zrp7txl] {
    border: 1px solid #c9d6e8;
    background: #fff;
    color: #0b1b33;
}

.rc-inline-button[b-wq1zrp7txl] {
    border: 1px solid #e3f2ff;
    background: #f0f7ff;
    color: #0a6fe8;
    height: 34px;
    padding: 0 12px;
    font-size: 12px;
}

.rc-primary-button:disabled[b-wq1zrp7txl],
.rc-secondary-button:disabled[b-wq1zrp7txl],
.rc-inline-button:disabled[b-wq1zrp7txl] {
    opacity: 0.7;
}

.rc-export-dropdown[b-wq1zrp7txl],
.rc-print-button[b-wq1zrp7txl] {
    height: 40px;
}

.rc-export-dropdown[b-wq1zrp7txl] {
    border-radius: 10px;
}

.rc-print-button[b-wq1zrp7txl] {
    min-width: 108px;
}

.rc-error-banner[b-wq1zrp7txl] {
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
    font-size: 13px;
}

.rc-loading-state[b-wq1zrp7txl] {
    padding: 32px 20px;
    text-align: center;
}

.rc-big-spinner[b-wq1zrp7txl],
.rc-spinner[b-wq1zrp7txl] {
    border: 3px solid rgba(10, 111, 232, 0.15);
    border-top-color: #0a6fe8;
    border-radius: 50%;
    animation: spin-b-wq1zrp7txl 0.85s linear infinite;
}

.rc-big-spinner[b-wq1zrp7txl] {
    width: 36px;
    height: 36px;
    margin: 0 auto 12px;
}

.rc-spinner[b-wq1zrp7txl] {
    width: 16px;
    height: 16px;
}

.rc-hint-state[b-wq1zrp7txl] {
    padding: 32px 20px;
    text-align: center;
}

.rc-hint-icon[b-wq1zrp7txl] {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: #f0f7ff;
    color: #0a6fe8;
    font-size: 22px;
}

.rc-select-all-bar[b-wq1zrp7txl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid #e2e9f3;
    border-radius: 12px;
    background: #fff;
}

.rc-select-count[b-wq1zrp7txl] {
    font-size: 12px;
    color: #5b6b84;
}

.rc-checkbox-label[b-wq1zrp7txl] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    font-size: 13px;
    color: #0b1b33;
}

.rc-grid-card[b-wq1zrp7txl] {
    overflow: hidden;
}

.rc-grid[b-wq1zrp7txl] {
    border: 0;
}

.rc-status-badge[b-wq1zrp7txl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.rc-status-badge.is-ready[b-wq1zrp7txl] {
    background: #dcfce7;
    color: #15803d;
}

.rc-status-badge.is-waiting-transfer[b-wq1zrp7txl] {
    background: #ffedd5;
    color: #c2410c;
}

.rc-status-badge.is-waiting-shortage[b-wq1zrp7txl] {
    background: #fee2e2;
    color: #dc2626;
}

.rc-status-badge.is-partial-shortage[b-wq1zrp7txl] {
    background: #fef9c3;
    color: #a16207;
}

.rc-status-badge.is-canceled[b-wq1zrp7txl] {
    background: #e2e9f3;
    color: #2A3B55;
}

.rc-status-badge.is-unknown[b-wq1zrp7txl] {
    background: #e2e9f3;
    color: #2A3B55;
}

.rc-empty-template[b-wq1zrp7txl] {
    padding: 28px 16px;
    text-align: center;
}

.rc-dialog-summary[b-wq1zrp7txl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.rc-modal-loading[b-wq1zrp7txl] {
    min-height: 180px;
    display: grid;
    place-items: center;
}

.rc-modal-intro[b-wq1zrp7txl] {
    margin-bottom: 14px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f0f7ff;
    color: #1e3a8a;
    font-size: 13px;
    line-height: 1.5;
}

.rc-modal-banner[b-wq1zrp7txl] {
    display: flex;
    width: 100%;
    margin-top: 10px;
}

.rc-packaging-layout[b-wq1zrp7txl],
.rc-result-panels[b-wq1zrp7txl] {
    display: grid;
    gap: 14px;
}

.rc-packaging-layout[b-wq1zrp7txl] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rc-summary-wide[b-wq1zrp7txl] {
    grid-column: 1 / -1;
}

.rc-section-card[b-wq1zrp7txl] {
    border: 1px solid #e2e9f3;
    border-radius: 14px;
    background: #fff;
    padding: 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.rc-section-header[b-wq1zrp7txl] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

.rc-section-header i[b-wq1zrp7txl] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #f0f7ff;
    color: #0a6fe8;
    flex: 0 0 auto;
}

.rc-section-header strong[b-wq1zrp7txl] {
    display: block;
    font-size: 14px;
    color: #0b1b33;
}

.rc-section-header span[b-wq1zrp7txl] {
    display: block;
    margin-top: 2px;
    color: #5b6b84;
    font-size: 12px;
}

.rc-summary-grid[b-wq1zrp7txl],
.rc-stats-grid[b-wq1zrp7txl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.rc-summary-span2[b-wq1zrp7txl] {
    grid-column: span 1;
}

.rc-stat-card[b-wq1zrp7txl] {
    border-radius: 14px;
    padding: 14px;
    border: 1px solid #e2e9f3;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #f8fafd;
}

.rc-stat-card span[b-wq1zrp7txl],
.rc-summary-card span[b-wq1zrp7txl] {
    font-size: 12px;
    color: #5b6b84;
}

.rc-stat-card strong[b-wq1zrp7txl],
.rc-summary-card strong[b-wq1zrp7txl] {
    font-size: 18px;
    color: #0b1b33;
    word-break: break-word;
}

.rc-stat-card.success[b-wq1zrp7txl] {
    background: #f0fdf4;
}

.rc-stat-card.error[b-wq1zrp7txl] {
    background: #fff1f2;
}

.rc-stat-card.info[b-wq1zrp7txl] {
    background: #f0f7ff;
}

.rc-inline-note[b-wq1zrp7txl] {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.rc-inline-note.warning[b-wq1zrp7txl] {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
}

.rc-inline-note.neutral[b-wq1zrp7txl] {
    background: #f8fafd;
    color: #2A3B55;
    border: 1px solid #e2e9f3;
}

.rc-dropdown[b-wq1zrp7txl] {
    width: 100%;
}

.rc-result-grid[b-wq1zrp7txl] {
    margin-top: 6px;
}

.rc-packaging-id-panel[b-wq1zrp7txl] {
    margin-top: 2px;
}

.rc-id-list[b-wq1zrp7txl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rc-id-pill[b-wq1zrp7txl] {
    padding: 8px 12px;
    border-radius: 999px;
    background: #f0f7ff;
    color: #0a6fe8;
    border: 1px solid #e3f2ff;
    font-size: 12px;
    font-weight: 700;
}

.rc-result-panels[b-wq1zrp7txl] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
}

.rc-packaging-result-dialog .e-dlg-content[b-wq1zrp7txl],
.rc-packaging-dialog .e-dlg-content[b-wq1zrp7txl] {
    overflow: auto;
}

.rc-result-list[b-wq1zrp7txl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rc-result-item[b-wq1zrp7txl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #e2e9f3;
    font-size: 12px;
}

.rc-result-item.success[b-wq1zrp7txl] {
    background: #f0fdf4;
    color: #15803d;
}

.rc-result-item.error[b-wq1zrp7txl] {
    background: #fff1f2;
    color: #be123c;
}

.rc-summary-card[b-wq1zrp7txl] {
    border-radius: 12px;
    padding: 12px 14px;
    border: 1px solid #e2e9f3;
    background: #f8fafd;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rc-summary-card.success[b-wq1zrp7txl] {
    background: #f0fdf4;
}

.rc-summary-card.info[b-wq1zrp7txl] {
    background: #f0f7ff;
}

@keyframes spin-b-wq1zrp7txl {
    to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
    .rc-header[b-wq1zrp7txl],
    .rc-filter-row[b-wq1zrp7txl],
    .rc-select-all-bar[b-wq1zrp7txl],
    .rc-dialog-summary[b-wq1zrp7txl],
    .rc-packaging-layout[b-wq1zrp7txl],
    .rc-result-panels[b-wq1zrp7txl],
    .rc-summary-grid[b-wq1zrp7txl],
    .rc-stats-grid[b-wq1zrp7txl] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .rc-summary-span2[b-wq1zrp7txl] {
        grid-column: auto;
    }

    .rc-actions[b-wq1zrp7txl] {
        justify-content: stretch;
    }

    .rc-primary-button[b-wq1zrp7txl],
    .rc-secondary-button[b-wq1zrp7txl],
    .rc-export-dropdown[b-wq1zrp7txl],
    .rc-print-button[b-wq1zrp7txl] {
        width: 100%;
        justify-content: center;
    }

    .rc-header-content[b-wq1zrp7txl] {
        flex-direction: column;
    }

    .rc-header-actions[b-wq1zrp7txl] {
        width: 100%;
        flex-wrap: wrap;
    }

    .rc-section-card[b-wq1zrp7txl] {
        padding: 12px;
    }
}
/* /Components/Pages/RetailOrderTracking.razor.rz.scp.css */
.rot-page[b-35k77r5ndu] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 18px 20px 28px;
}

.rot-header[b-35k77r5ndu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.rot-header-left[b-35k77r5ndu] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.rot-header-icon[b-35k77r5ndu] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #e3f2ff, #f0f7ff);
    color: #0a6fe8;
    font-size: 20px;
    flex-shrink: 0;
}

.rot-title[b-35k77r5ndu] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #0b1b33;
}

.rot-subtitle[b-35k77r5ndu] {
    margin: 4px 0 0;
    color: #5b6b84;
    font-size: 13px;
}

.rot-header-actions[b-35k77r5ndu] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.rot-export-dropdown[b-35k77r5ndu],
.rot-print-button[b-35k77r5ndu] {
    height: 40px;
}

.rot-filter-card[b-35k77r5ndu],
.rot-grid-card[b-35k77r5ndu],
.rot-loading-state[b-35k77r5ndu],
.rot-empty-state[b-35k77r5ndu],
.rot-hint-state[b-35k77r5ndu] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.rot-filter-card[b-35k77r5ndu] {
    padding: 18px;
}

.rot-filter-grid[b-35k77r5ndu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.rot-field[b-35k77r5ndu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rot-label[b-35k77r5ndu] {
    font-size: 12px;
    font-weight: 600;
    color: #2A3B55;
}

.rot-input[b-35k77r5ndu] {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #c9d6e8;
    border-radius: 10px;
    background: #fff;
    color: #0b1b33;
    font-size: 13px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.rot-input:disabled[b-35k77r5ndu] {
    background: #f8fafd;
    color: #8a9ab2;
}

.rot-dropdown[b-35k77r5ndu] {
    min-height: 40px;
}

.rot-filter-actions[b-35k77r5ndu] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.rot-search-button[b-35k77r5ndu],
.rot-clear-button[b-35k77r5ndu],
.rot-action-button[b-35k77r5ndu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.rot-search-button[b-35k77r5ndu] {
    height: 40px;
    padding: 0 18px;
    background: linear-gradient(135deg, #003b8f, #0357c8);
    color: #fff;
}

.rot-clear-button[b-35k77r5ndu] {
    height: 40px;
    padding: 0 18px;
    background: #edf2f8;
    color: #2A3B55;
}

.rot-action-button[b-35k77r5ndu] {
    width: 100%;
    height: 34px;
    background: #f0f7ff;
    color: #0a6fe8;
    font-size: 12px;
}

.rot-search-button:disabled[b-35k77r5ndu],
.rot-clear-button:disabled[b-35k77r5ndu] {
    opacity: 0.55;
    cursor: not-allowed;
}

.rot-search-button:not(:disabled):hover[b-35k77r5ndu],
.rot-clear-button:not(:disabled):hover[b-35k77r5ndu],
.rot-action-button:not(:disabled):hover[b-35k77r5ndu] {
    transform: translateY(-1px);
}

.rot-error-banner[b-35k77r5ndu] {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #c2410c;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.rot-grid-card[b-35k77r5ndu] {
    overflow: hidden;
}

.rot-loading-state[b-35k77r5ndu],
.rot-empty-state[b-35k77r5ndu],
.rot-hint-state[b-35k77r5ndu] {
    padding: 34px 20px;
    text-align: center;
}

.rot-big-spinner[b-35k77r5ndu],
.rot-spinner[b-35k77r5ndu] {
    border: 3px solid rgba(10, 111, 232, 0.15);
    border-top-color: #0a6fe8;
    border-radius: 50%;
    animation: rot-spin-b-35k77r5ndu 0.85s linear infinite;
}

.rot-big-spinner[b-35k77r5ndu] {
    width: 36px;
    height: 36px;
    margin: 0 auto 12px;
}

.rot-spinner[b-35k77r5ndu] {
    width: 16px;
    height: 16px;
}

.rot-hint-icon[b-35k77r5ndu] {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: #f0f7ff;
    color: #0a6fe8;
    font-size: 22px;
}

.rot-badge[b-35k77r5ndu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.rot-process-badge[b-35k77r5ndu] {
    background: #e0f2fe;
    color: #0369a1;
}

.rot-status-badge[b-35k77r5ndu] {
    background: #ede9fe;
    color: #6d28d9;
}

.rot-process-card[b-35k77r5ndu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 420px;
}

.rot-process-heads[b-35k77r5ndu],
.rot-process-body[b-35k77r5ndu] {
    display: grid;
    grid-template-columns: repeat(7, auto);
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

.rot-process-heads[b-35k77r5ndu] {
    font-size: 11px;
    font-weight: 600;
    color: #5b6b84;
}

.rot-process-body[b-35k77r5ndu] {
    font-size: 13px;
    font-weight: 700;
    color: #0b1b33;
}

.rot-process-body i[b-35k77r5ndu] {
    color: #0a6fe8;
    font-size: 12px;
}

.rot-detail-card[b-35k77r5ndu] {
    padding: 16px;
    background: #f8fafd;
    border-top: 1px solid #e2e9f3;
}

.rot-detail-header[b-35k77r5ndu] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: 700;
    color: #0b1b33;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.rot-detail-header i[b-35k77r5ndu] {
    color: #0a6fe8;
    font-size: 14px;
}

.rot-detail-body[b-35k77r5ndu] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.rot-detail-row[b-35k77r5ndu] {
    flex: 1 1 200px;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #e2e9f3;
    border-radius: 10px;
}

.rot-detail-process[b-35k77r5ndu] {
    flex: 1 1 100%;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #e2e9f3;
    border-radius: 10px;
}

.rot-detail-label[b-35k77r5ndu] {
    font-size: 11px;
    font-weight: 600;
    color: #5b6b84;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.rot-detail-value[b-35k77r5ndu] {
    font-size: 13px;
    font-weight: 600;
    color: #0b1b33;
    word-break: break-word;
}

.rot-detail-value.rot-status-badge[b-35k77r5ndu] {
    width: fit-content;
}

@keyframes rot-spin-b-35k77r5ndu {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 1200px) {
    .rot-filter-grid[b-35k77r5ndu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .rot-page[b-35k77r5ndu] {
        padding: 14px;
    }

    .rot-header[b-35k77r5ndu] {
        flex-direction: column;
    }

    .rot-header-actions[b-35k77r5ndu] {
        width: 100%;
    }

    .rot-filter-grid[b-35k77r5ndu] {
        grid-template-columns: 1fr;
    }

    .rot-process-card[b-35k77r5ndu] {
        min-width: 0;
    }

    .rot-process-heads[b-35k77r5ndu],
    .rot-process-body[b-35k77r5ndu] {
        justify-content: start;
        overflow-x: auto;
    }
}
/* /Components/Pages/RetailPackingWaitingCustomers.razor.rz.scp.css */
.rot-page[b-f2byvb9wgw] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 18px 20px 28px;
}

.rot-header[b-f2byvb9wgw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.rot-header-left[b-f2byvb9wgw] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.rot-header-icon[b-f2byvb9wgw] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #e3f2ff, #f0f7ff);
    color: #0a6fe8;
    font-size: 20px;
    flex-shrink: 0;
}

.rot-title[b-f2byvb9wgw] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #0b1b33;
}

.rot-subtitle[b-f2byvb9wgw] {
    margin: 4px 0 0;
    color: #5b6b84;
    font-size: 13px;
}

.rot-header-actions[b-f2byvb9wgw] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.rot-export-dropdown[b-f2byvb9wgw],
.rot-print-button[b-f2byvb9wgw] {
    height: 40px;
}

.rot-filter-card[b-f2byvb9wgw],
.rot-grid-card[b-f2byvb9wgw],
.rot-loading-state[b-f2byvb9wgw],
.rot-empty-state[b-f2byvb9wgw],
.rot-hint-state[b-f2byvb9wgw] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.rot-filter-card[b-f2byvb9wgw] {
    padding: 18px;
}

.rot-filter-grid[b-f2byvb9wgw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.rot-field[b-f2byvb9wgw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rot-label[b-f2byvb9wgw] {
    font-size: 12px;
    font-weight: 600;
    color: #2A3B55;
}

.rot-input[b-f2byvb9wgw] {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #c9d6e8;
    border-radius: 10px;
    background: #fff;
    color: #0b1b33;
    font-size: 13px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.rot-input:disabled[b-f2byvb9wgw] {
    background: #f8fafd;
    color: #8a9ab2;
}

.rot-dropdown[b-f2byvb9wgw] {
    min-height: 40px;
}

.rot-filter-actions[b-f2byvb9wgw] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.rot-search-button[b-f2byvb9wgw],
.rot-clear-button[b-f2byvb9wgw],
.rot-action-button[b-f2byvb9wgw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.rot-search-button[b-f2byvb9wgw] {
    height: 40px;
    padding: 0 18px;
    background: linear-gradient(135deg, #003b8f, #0357c8);
    color: #fff;
}

.rot-clear-button[b-f2byvb9wgw] {
    height: 40px;
    padding: 0 18px;
    background: #edf2f8;
    color: #2A3B55;
}

.rot-action-button[b-f2byvb9wgw] {
    width: 100%;
    height: 34px;
    background: #f0f7ff;
    color: #0a6fe8;
    font-size: 12px;
}

.rot-search-button:disabled[b-f2byvb9wgw],
.rot-clear-button:disabled[b-f2byvb9wgw] {
    opacity: 0.55;
    cursor: not-allowed;
}

.rot-search-button:not(:disabled):hover[b-f2byvb9wgw],
.rot-clear-button:not(:disabled):hover[b-f2byvb9wgw],
.rot-action-button:not(:disabled):hover[b-f2byvb9wgw] {
    transform: translateY(-1px);
}

.rot-error-banner[b-f2byvb9wgw] {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #c2410c;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.rot-grid-card[b-f2byvb9wgw] {
    overflow: hidden;
}

.rot-loading-state[b-f2byvb9wgw],
.rot-empty-state[b-f2byvb9wgw],
.rot-hint-state[b-f2byvb9wgw] {
    padding: 34px 20px;
    text-align: center;
}

.rot-big-spinner[b-f2byvb9wgw],
.rot-spinner[b-f2byvb9wgw] {
    border: 3px solid rgba(10, 111, 232, 0.15);
    border-top-color: #0a6fe8;
    border-radius: 50%;
    animation: rot-spin-b-f2byvb9wgw 0.85s linear infinite;
}

.rot-big-spinner[b-f2byvb9wgw] {
    width: 36px;
    height: 36px;
    margin: 0 auto 12px;
}

.rot-spinner[b-f2byvb9wgw] {
    width: 16px;
    height: 16px;
}

.rot-hint-icon[b-f2byvb9wgw] {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: #f0f7ff;
    color: #0a6fe8;
    font-size: 22px;
}

.rot-badge[b-f2byvb9wgw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.rot-process-badge[b-f2byvb9wgw] {
    background: #e0f2fe;
    color: #0369a1;
}

.rot-status-badge[b-f2byvb9wgw] {
    background: #ede9fe;
    color: #6d28d9;
}

.rot-process-card[b-f2byvb9wgw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 420px;
}

.rot-process-heads[b-f2byvb9wgw],
.rot-process-body[b-f2byvb9wgw] {
    display: grid;
    grid-template-columns: repeat(7, auto);
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

.rot-process-heads[b-f2byvb9wgw] {
    font-size: 11px;
    font-weight: 600;
    color: #5b6b84;
}

.rot-process-body[b-f2byvb9wgw] {
    font-size: 13px;
    font-weight: 700;
    color: #0b1b33;
}

.rot-process-body i[b-f2byvb9wgw] {
    color: #0a6fe8;
    font-size: 12px;
}

.rot-detail-card[b-f2byvb9wgw] {
    padding: 16px;
    background: #f8fafd;
    border-top: 1px solid #e2e9f3;
}

.rot-detail-header[b-f2byvb9wgw] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: 700;
    color: #0b1b33;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.rot-detail-header i[b-f2byvb9wgw] {
    color: #0a6fe8;
    font-size: 14px;
}

.rot-detail-body[b-f2byvb9wgw] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.rot-detail-row[b-f2byvb9wgw] {
    flex: 1 1 200px;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #e2e9f3;
    border-radius: 10px;
}

.rot-detail-process[b-f2byvb9wgw] {
    flex: 1 1 100%;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #e2e9f3;
    border-radius: 10px;
}

.rot-detail-label[b-f2byvb9wgw] {
    font-size: 11px;
    font-weight: 600;
    color: #5b6b84;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.rot-detail-value[b-f2byvb9wgw] {
    font-size: 13px;
    font-weight: 600;
    color: #0b1b33;
    word-break: break-word;
}

.rot-detail-value.rot-status-badge[b-f2byvb9wgw] {
    width: fit-content;
}

@keyframes rot-spin-b-f2byvb9wgw {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.rot-filter-grid-packing[b-f2byvb9wgw] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.rot-grid-toolbar[b-f2byvb9wgw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #f8fafc;
    flex-wrap: wrap;
}

.rot-grid-toolbar-left[b-f2byvb9wgw] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0f172a;
    font-size: 14px;
}

.rot-toolbar-label[b-f2byvb9wgw] {
    color: #5b6b84;
}

.rot-grid-toolbar-right[b-f2byvb9wgw] {
    margin-left: auto;
}

.rot-order-numbers[b-f2byvb9wgw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 120px;
    overflow: hidden;
}

.rot-order-numbers span[b-f2byvb9wgw] {
    line-height: 1.2;
    word-break: break-word;
}

.rot-order-more[b-f2byvb9wgw] {
    color: #0a6fe8;
    font-weight: 700;
}

.rot-detail-body-packing[b-f2byvb9wgw] {
    align-items: stretch;
}

.rot-detail-body-packing .rot-detail-row:first-child[b-f2byvb9wgw] {
    flex: 1 1 100%;
}

.rot-detail-body-packing .rot-detail-row[b-f2byvb9wgw] {
    flex: 1 1 220px;
}

.rot-summary-grid-two[b-f2byvb9wgw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rot-confirm-text[b-f2byvb9wgw] {
    margin-bottom: 14px;
    color: #2A3B55;
    font-size: 14px;
    line-height: 1.5;
}

.rot-todo-note[b-f2byvb9wgw] {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #f8fafd;
    border: 1px dashed #c9d6e8;
    color: #5b6b84;
    font-size: 12px;
}

.rot-endpacking-dialog .e-dlg-content[b-f2byvb9wgw] {
    padding-top: 16px;
}

.rot-endpacking-button[b-f2byvb9wgw] {
    height: 40px;
}

@media (max-width: 1200px) {
    .rot-filter-grid-packing[b-f2byvb9wgw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .rot-filter-grid-packing[b-f2byvb9wgw],
    .rot-summary-grid-two[b-f2byvb9wgw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/ProductMatchingModal.razor.rz.scp.css */
/* ════════════════════════════════════════
   PRODUCT MATCHING MODAL – Global Dialog Overrides
   ════════════════════════════════════════ */

[b-gj2yq88uj5] .product-matching-dialog.e-dialog {
    border-radius: 20px !important;
    box-shadow: 0 24px 80px rgba(0, 59, 143, 0.22) !important;
    border: none !important;
    overflow: hidden !important;
    background: #F5F8FC !important;
}

[b-gj2yq88uj5] .product-matching-dialog .e-dlg-header-content {
    background: #fff !important;
    border-bottom: 1.5px solid #e2e9f3 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

[b-gj2yq88uj5] .product-matching-dialog .e-dlg-content {
    padding: 0 !important;
    background: #F5F8FC !important;
    overflow-y: auto !important;
    max-height: calc(90vh - 120px) !important;
}

[b-gj2yq88uj5] .product-matching-dialog .e-dlg-closeicon-btn {
    top: 18px !important;
    right: 18px !important;
    background: #F5F8FC !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1.5px solid #dde3ef !important;
    color: #0B1B33 !important;
    transition: all .18s;
}

[b-gj2yq88uj5] .product-matching-dialog .e-dlg-closeicon-btn:hover {
    background: #003B8F !important;
    border-color: #003B8F !important;
    color: #fff !important;
}

/* ── HEADER ── */
.pm-dialog-header[b-gj2yq88uj5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 56px 20px 24px;
    gap: 16px;
    flex-wrap: wrap;
}

.pm-header-left[b-gj2yq88uj5] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pm-header-icon[b-gj2yq88uj5] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #003B8F 0%, #1a4f8a 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(0, 59, 143, 0.22);
}

.pm-header-text[b-gj2yq88uj5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pm-title[b-gj2yq88uj5] {
    font-size: 18px;
    font-weight: 700;
    color: #0B1B33;
    margin: 0;
    line-height: 1.3;
    letter-spacing: -0.3px;
}

.pm-subtitle[b-gj2yq88uj5] {
    font-size: 13px;
    color: #637aa8;
    margin: 0;
    line-height: 1.4;
}

.pm-header-badges[b-gj2yq88uj5] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pm-badge[b-gj2yq88uj5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.pm-badge-copy[b-gj2yq88uj5],
.pm-barcode-chip-button[b-gj2yq88uj5] {
    cursor: pointer;
    border: 1.5px solid transparent;
    background: inherit;
    font: inherit;
    appearance: none;
}

.pm-badge-copy:hover[b-gj2yq88uj5],
.pm-barcode-chip-button:hover[b-gj2yq88uj5] {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 59, 143, 0.12);
}

.pm-badge-copy:focus-visible[b-gj2yq88uj5],
.pm-barcode-chip-button:focus-visible[b-gj2yq88uj5] {
    outline: 2px solid #003B8F;
    outline-offset: 2px;
}

.pm-badge-barcode[b-gj2yq88uj5] {
    background: #EBF2FF;
    color: #003B8F;
    border: 1.5px solid #c4d8f7;
}

.pm-badge-integration[b-gj2yq88uj5] {
    background: linear-gradient(135deg, #003B8F 0%, #1a4f8a 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 59, 143, 0.18);
}

/* ── CONTENT WRAPPER ── */
.pm-content-wrapper[b-gj2yq88uj5] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── SEARCH AREA ── */
.pm-search-area[b-gj2yq88uj5] {
    background: #fff;
    padding: 18px 24px;
    border-bottom: 1.5px solid #e2e9f3;
}

.pm-search-box-wrap[b-gj2yq88uj5] {
    display: flex;
    align-items: center;
    background: #F5F8FC;
    border: 1.8px solid #dde3ef;
    border-radius: 12px;
    height: 46px;
    padding: 0 12px 0 16px;
    transition: border-color .18s, box-shadow .18s;
    gap: 8px;
}

.pm-search-box-wrap:focus-within[b-gj2yq88uj5] {
    border-color: #003B8F;
    box-shadow: 0 0 0 3px rgba(0, 59, 143, 0.10);
    background: #fff;
}

.pm-search-icon[b-gj2yq88uj5] {
    color: #7a92b8;
    font-size: 16px;
    flex-shrink: 0;
}

.pm-search-input[b-gj2yq88uj5] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 14.5px;
    color: #0B1B33;
    font-family: inherit;
    padding: 0;
}

.pm-search-input[b-gj2yq88uj5]::placeholder {
    color: #a0aec0;
    font-size: 14px;
}

.pm-search-actions[b-gj2yq88uj5] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pm-action-btn[b-gj2yq88uj5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border: 1.5px solid #dde3ef;
    border-radius: 8px;
    background: #fff;
    color: #4a6fa5;
    font-size: 13px;
    cursor: pointer;
    transition: all .18s;
    white-space: nowrap;
}

.pm-action-btn:hover[b-gj2yq88uj5] {
    background: #003B8F;
    border-color: #003B8F;
    color: #fff;
}

.pm-action-clear[b-gj2yq88uj5] {
    color: #F04438;
    border-color: #fddcda;
    background: #fff8f7;
}

.pm-action-clear:hover[b-gj2yq88uj5] {
    background: #F04438;
    border-color: #F04438;
    color: #fff;
}

/* ── PRODUCT AREA ── */
.pm-product-area[b-gj2yq88uj5] {
    padding: 20px 24px;
    min-height: 260px;
}

/* ── LOADING STATE ── */
.pm-loading-state[b-gj2yq88uj5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 24px;
    gap: 16px;
    color: #637aa8;
    font-size: 14px;
}

/* ── EMPTY STATE ── */
.pm-empty-state[b-gj2yq88uj5],
.pm-hint-state[b-gj2yq88uj5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 24px;
    text-align: center;
    gap: 12px;
}

.pm-empty-icon[b-gj2yq88uj5],
.pm-hint-icon[b-gj2yq88uj5] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 4px;
}

.pm-empty-icon[b-gj2yq88uj5] {
    background: #FFF3F2;
    color: #F04438;
}

.pm-hint-icon[b-gj2yq88uj5] {
    background: #EBF2FF;
    color: #003B8F;
}

.pm-empty-state h4[b-gj2yq88uj5],
.pm-hint-state h4[b-gj2yq88uj5] {
    font-size: 16px;
    font-weight: 700;
    color: #0B1B33;
    margin: 0;
}

.pm-empty-state p[b-gj2yq88uj5],
.pm-hint-state p[b-gj2yq88uj5] {
    font-size: 13.5px;
    color: #7a92b8;
    margin: 0;
    line-height: 1.6;
}

/* ── PRODUCT LIST ── */
.pm-product-list[b-gj2yq88uj5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── PRODUCT CARD ── */
.pm-product-card[b-gj2yq88uj5] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    border: 1.5px solid #e2e9f3;
    transition: box-shadow .2s, border-color .2s, transform .15s;
}

.pm-product-card:hover[b-gj2yq88uj5] {
    box-shadow: 0 6px 24px rgba(0, 59, 143, 0.10);
    border-color: #c4d8f7;
    transform: translateY(-1px);
}

.pm-card-matching[b-gj2yq88uj5] {
    border-color: #003B8F !important;
    box-shadow: 0 6px 24px rgba(0, 59, 143, 0.14) !important;
}

/* Card Image */
.pm-card-image[b-gj2yq88uj5] {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    overflow: hidden;
    background: #F5F8FC;
    border: 1.5px solid #e2e9f3;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pm-card-image img[b-gj2yq88uj5] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pm-card-no-image[b-gj2yq88uj5] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b0c0d8;
    font-size: 26px;
}

/* Card Info */
.pm-card-info[b-gj2yq88uj5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.pm-card-name[b-gj2yq88uj5] {
    font-size: 14.5px;
    font-weight: 700;
    color: #0B1B33;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pm-card-meta[b-gj2yq88uj5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pm-meta-item[b-gj2yq88uj5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #637aa8;
    background: #F5F8FC;
    padding: 3px 9px;
    border-radius: 6px;
    border: 1px solid #e0e8f4;
    white-space: nowrap;
}

.pm-meta-item i[b-gj2yq88uj5] {
    font-size: 11px;
    color: #7a92b8;
}

.pm-meta-variant[b-gj2yq88uj5] {
    background: #F0F4FF;
    border-color: #c4d8f7;
    color: #003B8F;
}

.pm-card-stock[b-gj2yq88uj5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: #12B76A;
    font-weight: 600;
}

.pm-card-stock i[b-gj2yq88uj5] {
    color: #12B76A;
    font-size: 12px;
}

/* Card Action */
.pm-card-action[b-gj2yq88uj5] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
}

.pm-btn-match[b-gj2yq88uj5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: linear-gradient(135deg, #003B8F 0%, #1a4f8a 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 22px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all .18s;
    box-shadow: 0 3px 12px rgba(0, 59, 143, 0.20);
    white-space: nowrap;
}

.pm-btn-match:hover:not(:disabled)[b-gj2yq88uj5] {
    background: linear-gradient(135deg, #011d3d 0%, #003B8F 100%);
    box-shadow: 0 6px 20px rgba(0, 59, 143, 0.30);
    transform: translateY(-1px);
}

.pm-btn-match:disabled[b-gj2yq88uj5] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* ── TOAST ── */
[b-gj2yq88uj5] .pm-toast.e-toast-container {
    z-index: 999999 !important;
}

[b-gj2yq88uj5] .pm-toast .e-toast {
    border-radius: 12px !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: 0 8px 30px rgba(0, 59, 143, 0.18) !important;
    overflow: hidden !important;
    background: #fff !important;
    min-width: 280px !important;
}

[b-gj2yq88uj5] .pm-toast .e-toast-template {
    padding: 0 !important;
}

.pm-toast-content[b-gj2yq88uj5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    font-size: 13.5px;
    font-weight: 500;
    color: #0B1B33;
}

.pm-toast-content i[b-gj2yq88uj5] {
    font-size: 18px;
    flex-shrink: 0;
}

.pm-toast-success-icon[b-gj2yq88uj5] { color: #12B76A; }
.pm-toast-error-icon[b-gj2yq88uj5]   { color: #F04438; }
.pm-toast-info-icon[b-gj2yq88uj5]    { color: #003B8F; }

/* ── SEARCH MODE TABS ── */
.pm-search-tabs[b-gj2yq88uj5] {
    display: flex;
    gap: 0;
    padding: 16px 24px 0;
    border-bottom: 2px solid #e2e9f3;
    background: #fff;
}

.pm-tab[b-gj2yq88uj5] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 22px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #7a8ba8;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    transition: color .18s, border-color .18s;
}

.pm-tab:hover[b-gj2yq88uj5] { color: #003B8F; }

.pm-tab-active[b-gj2yq88uj5] {
    color: #003B8F;
    border-bottom-color: #003B8F;
}

/* ── SEARCH HINT ── */
.pm-search-hint[b-gj2yq88uj5] {
    padding: 4px 2px 0;
    font-size: 0.78rem;
    color: #9aacbf;
    display: flex;
    align-items: center;
    gap: 5px;
}

.pm-search-hint i[b-gj2yq88uj5] { font-size: 0.75rem; }

/* ── BARCODE CHIPS ── */
.pm-card-barcodes[b-gj2yq88uj5] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
}

.pm-barcode-chip[b-gj2yq88uj5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #eef2f8;
    color: #344563;
    font-size: 0.77rem;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 20px;
    border: 1px solid #d8e2f0;
}

.pm-barcode-chip i[b-gj2yq88uj5] { font-size: 0.7rem; color: #7a8ba8; }

.pm-barcode-qty[b-gj2yq88uj5] {
    background: #003B8F;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 10px;
    margin-left: 2px;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .pm-dialog-header[b-gj2yq88uj5] {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 48px 16px 16px;
    }

    .pm-header-badges[b-gj2yq88uj5] {
        width: 100%;
    }

    .pm-product-card[b-gj2yq88uj5] {
        flex-wrap: wrap;
    }

    .pm-card-action[b-gj2yq88uj5] {
        width: 100%;
        min-width: unset;
    }

    .pm-btn-match[b-gj2yq88uj5] {
        width: 100%;
        justify-content: center;
    }

    .pm-card-image[b-gj2yq88uj5] {
        width: 58px;
        height: 58px;
    }
}

@media (max-width: 480px) {
    .pm-product-area[b-gj2yq88uj5] {
        padding: 16px;
    }

    .pm-search-area[b-gj2yq88uj5] {
        padding: 12px 16px;
    }

    .pm-card-meta[b-gj2yq88uj5] {
        flex-direction: column;
        gap: 4px;
    }
}