@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.0hqt4twfv7.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-z6m25ppol9] {
    position: relative;
    display: flex;
    flex-direction: column;

    /* min-height, bukan height: menjamin .page selalu tumbuh mengikuti konten
       sehingga containing block untuk sidebar sticky tidak pernah terkunci
       setinggi satu layar (kalau terkunci, sticky kehilangan ruang untuk
       menempel dan sidebar ikut ter-scroll habis). */
    min-height: 100%;
}

main[b-z6m25ppol9] {
    flex: 1;
}

@media (min-width: 641px) {
    .page[b-z6m25ppol9] {
        flex-direction: row;
    }

    article[b-z6m25ppol9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (min-width: 769px) {
    .page[b-z6m25ppol9] {
        height: 100vh;
        overflow: hidden;
    }

    main[b-z6m25ppol9] {
        overflow-y: auto;

        min-width: 0;
    }
}

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

    #blazor-error-ui .dismiss[b-z6m25ppol9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.app-shell--dev .page main[b-z6m25ppol9] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.env-bar[b-z6m25ppol9] {
    position: sticky;
    bottom: 0;

    margin-top: auto;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;

    flex: 0 0 auto;
    height: 34px;
    padding: 0 .75rem;

    background: #DC2626;
    border-top: 1px solid #B91C1C;
    color: #ececec;

    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .9px;
    white-space: nowrap;
    overflow: hidden;

    z-index: 900;
}

.env-bar i[b-z6m25ppol9] {
    flex-shrink: 0;
    font-size: .85rem;
    line-height: 1;
}

@media (max-width: 480px) {
    .env-bar[b-z6m25ppol9] {
        letter-spacing: .5px;
        font-size: .66rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.bi[b-bl0iaxn6ir] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.sidebar-container[b-bl0iaxn6ir] {
    height: calc(100vh - 28px);
    margin: 14px;
    top: 14px;
}

.sidebar-container.sidebar-collapsed[b-bl0iaxn6ir] {
    width: 100px !important;
}

.sidebar-container.sidebar-expanded[b-bl0iaxn6ir] {
    min-width: 280px !important;
}

@media (max-width: 768px) {
    .sidebar-container[b-bl0iaxn6ir] {
        height: unset;

        top: 0;
    }

    .sidebar-container.sidebar-collapsed[b-bl0iaxn6ir] {
        width: auto !important;
    }

    .sidebar-section.sidebar-collapsed[b-bl0iaxn6ir] {
        display: block;
    }
}

/* Header */
[b-bl0iaxn6ir] .custom-sidebar {
    height: 100%;
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 24px;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.055),
        0 2px 8px rgba(15, 23, 42, 0.025),
        inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.sidebar-user-card[b-bl0iaxn6ir] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: white;
    margin: 12px;
    padding: 14px;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}

.user-name[b-bl0iaxn6ir] {
    font-size: .95rem;
    font-weight: 600;
    color: #1f2937;
}

/* Section */
.sidebar-section[b-bl0iaxn6ir] {
    margin: 16px 14px 8px;
    padding-top: 14px;
    border-top: 1px solid #d8e1ec;
    font-size: .85rem;
    font-weight: 700;
    color: #64748b;
    letter-spacing: .2px;
}

.sidebar-section.sidebar-collapsed[b-bl0iaxn6ir] {
    display: none;
}

/* Menu */
[b-bl0iaxn6ir] .hx-sidebar-item-link {
    margin: 4px 10px;
    min-height: 46px;
    border-radius: 14px;
    color: #1e293b;
    transition: all .18s ease;
}

[b-bl0iaxn6ir] .hx-sidebar-item-link:hover {
    background: rgba(255,255,255,.45);
    backdrop-filter: blur(10px);
    box-shadow:
        0 4px 12px rgba(15,23,42,.05);
}

/* Icon */
[b-bl0iaxn6ir] .hx-sidebar-item-link .bi {
    color: #64748b;
}

/* Active */
[b-bl0iaxn6ir] .hx-sidebar-item-link.active {
    background: linear-gradient(
        135deg,
        rgba(255, 248, 232, .95),
        rgba(255, 238, 205, .95)
    );

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border: 1px solid rgba(245, 158, 11, .18);

    box-shadow:
        0 8px 24px rgba(245, 158, 11, .15);

    color: #F59E0B;
}

[b-bl0iaxn6ir] .hx-sidebar-item-link.active .bi {
    color: #F59E0B;
}

/* Footer */
[b-bl0iaxn6ir] .hx-sidebar-footer {
    margin-top: auto;
    border-top: 1px solid #d8e1ec;
    padding: 12px;
    display: block;
}

[b-bl0iaxn6ir] .hx-sidebar-footer.sidebar-collapsed {
    margin-top: auto;
    border-top: 1px solid #d8e1ec;
    padding: 12px;
    display: block;
}

[b-bl0iaxn6ir] .hx-sidebar-footer a {
    min-height: 46px;
    border-radius: 12px;
}

[b-bl0iaxn6ir] .hx-sidebar-footer a:hover {
    background: white;
}


.sidebar-user-dropdown[b-bl0iaxn6ir] {
    position: relative;
    margin: 12px;
}

.user-trigger[b-bl0iaxn6ir] {
    width: 100%;
    border: 1px solid rgba(255,255,255,.4);
    background: rgba(255,255,255,.35);
    backdrop-filter: blur(16px);
    border-radius: 16px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all .2s ease;
}

.user-trigger:hover[b-bl0iaxn6ir] {
    background: rgba(255,255,255,.55);
    box-shadow:
        0 8px 20px rgba(15,23,42,.08);
}

.user-trigger-collapsed[b-bl0iaxn6ir] {
    width: 45px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    margin: 1.5rem auto;

    border: 1px solid rgba(255,255,255,.4);
    border-radius: 16px;

    background: rgba(255,255,255,.35);
    backdrop-filter: blur(16px);

    transition: all .2s ease;
}

.user-trigger-collapsed:hover[b-bl0iaxn6ir] {
    background: rgba(255,255,255,.55);
}

.avatar[b-bl0iaxn6ir] {
    width: 38px;
    height: 38px;
    border-radius: 50%;

    background:
        radial-gradient(
            circle at top left,
            rgba(255,255,255,.95),
            rgba(255,255,255,.35) 35%
        ),
        linear-gradient(
            135deg,
            #FFE082 0%,
            #FFD54F 40%,
            #F59E0B 75%,
            #FB8C00 100%
        );

    border: 1px solid rgba(255,255,255,.7);

    color: #A16207;
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 6px 18px rgba(245,158,11,.18);

    transition: all .2s ease;
}

.user-trigger:hover .avatar[b-bl0iaxn6ir] {
    border-color: rgba(255,255,255,.95);

    transform: scale(1.05);

    box-shadow:
        0 10px 24px rgba(245,158,11,.30);
}

.avatar-collapsed[b-bl0iaxn6ir] {
    width: 42px;
    height: 42px;
    border-radius: 50%;

    background:
        radial-gradient(
            circle at top left,
            rgba(255,255,255,.95),
            rgba(255,255,255,.35) 35%
        ),
        linear-gradient(
            135deg,
            #FFE082 0%,
            #FFD54F 40%,
            #F59E0B 75%,
            #FB8C00 100%
        );

    border: 1px solid rgba(255,255,255,.7);

    color: #A16207;
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 6px 18px rgba(245,158,11,.18);

    transition: all .2s ease;
}

.user-info[b-bl0iaxn6ir] {
    flex: 1;
    text-align: left;
}

.user-name[b-bl0iaxn6ir] {
    font-size: .9rem;
    font-weight: 600;
    color: #111827;
}

.user-role[b-bl0iaxn6ir] {
    font-size: .75rem;
    color: #64748b;
}

.dropdown-icon[b-bl0iaxn6ir] {
    color: #64748b;
    transition: transform .2s ease;
}

.dropdown-icon.rotate[b-bl0iaxn6ir] {
    transform: rotate(180deg);
}

/* Dropdown */
.dropdown-menu[b-bl0iaxn6ir] {
    background: rgba(255,255,255,79%);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 16px;
    box-shadow:
        0 12px 32px rgba(15,23,42,.12);
}

.user-dropdown-menu[b-bl0iaxn6ir] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: white;
    border-radius: 14px;
    padding: 8px;
    box-shadow:
        0 10px 15px -3px rgb(0 0 0 / 0.1),
        0 4px 6px -4px rgb(0 0 0 / 0.1);
    z-index: 1000;
}

.dropdown-item[b-bl0iaxn6ir] {
    width: 100%;
    border: none;
    background: transparent;
    padding: 10px 12px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #334155;
    text-decoration: none;
    cursor: pointer;
}

.dropdown-item:hover[b-bl0iaxn6ir] {
    background: #f1f5f9;
}

.dropdown-divider[b-bl0iaxn6ir] {
    height: 1px;
    background: #e2e8f0;
    margin: 6px 0;
}

.text-danger[b-bl0iaxn6ir] {
    color: #dc2626 !important;
}

.logout-modal .modal-content[b-bl0iaxn6ir] {
    background: rgba(255,255,255,.55);
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 24px;
    box-shadow:
        0 20px 60px rgba(15,23,42,.15);
}

.logout-dialog[b-bl0iaxn6ir] {
    text-align: center;
    padding: 2rem 0;
}

.logout-icon[b-bl0iaxn6ir] {
    color: #ef4444;
    font-size: 3rem;
}

.logout-dialog h4[b-bl0iaxn6ir] {
    color: #ef4444;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: .5rem;
}

.logout-dialog p[b-bl0iaxn6ir] {
    color: #545a65;
    font-size: 11pt;
    line-height: 1.5;
    margin-bottom: 1.25rem;
}

.logout-actions[b-bl0iaxn6ir] {
    display: flex;
    justify-content: center;
    gap: .5rem;
}

.btn-cancel[b-bl0iaxn6ir] {
    border: none;
    background: #9ca3af;
    color: white;
    border-radius: 999px;
    padding: .45rem 1.2rem;
    font-size: .75rem;
    font-weight: 600;
}

.btn-logout[b-bl0iaxn6ir] {
    border: none;
    background: #ef4444;
    color: white;
    border-radius: 999px;
    padding: .45rem 1.2rem;
    font-size: .75rem;
    font-weight: 600;
}

.btn-cancel:hover[b-bl0iaxn6ir] {
    background: #6b7280;
}

.btn-logout:hover[b-bl0iaxn6ir] {
    background: #dc2626;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-evryddf28j],
.components-reconnect-repeated-attempt-visible[b-evryddf28j],
.components-reconnect-failed-visible[b-evryddf28j],
.components-pause-visible[b-evryddf28j],
.components-resume-failed-visible[b-evryddf28j],
.components-rejoining-animation[b-evryddf28j] {
    display: none;
}

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

#components-reconnect-modal[b-evryddf28j] {
    --st-primary: #f59e0b;
    --st-primary-dark: #d97706;
    --st-primary-soft: #fff7ed;
    --st-primary-border: #fed7aa;
    --st-primary-text: #a16207;
    --st-text: #1e293b;
    --st-muted: #64748b;
    --st-border: #e2e8f0;
    --st-surface: #f8fafc;

    width: min(440px, calc(100vw - 28px));
    max-width: 440px;
    max-height: calc(100dvh - 28px);
    padding: 0;
    overflow: auto;
    border: 1px solid #edf2f7;
    border-radius: 22px;
    background: #fff;
    color: var(--st-text);
    box-shadow:
        0 28px 80px rgba(15, 23, 42, .20),
        0 8px 24px rgba(15, 23, 42, .06);
    font-family: inherit;
}

#components-reconnect-modal[open][b-evryddf28j] {
    animation: reconnect-modal-enter-b-evryddf28j .25s ease-out;
}

#components-reconnect-modal[b-evryddf28j]::backdrop {
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.reconnect-card[b-evryddf28j] {
    width: 100%;
    background: #fff;
}

.reconnect-header[b-evryddf28j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px;
    border-bottom: 1px solid #f1f5f9;
}

.reconnect-brand[b-evryddf28j] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--st-text);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -.02em;
}

.reconnect-brand-icon[b-evryddf28j] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border: 1px solid var(--st-primary-border);
    border-radius: 11px;
    background: var(--st-primary-soft);
    color: var(--st-primary-dark);
    font-size: 18px;
}

.reconnect-status[b-evryddf28j] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 6px 9px;
    border: 1px solid var(--st-primary-border);
    border-radius: 999px;
    background: var(--st-primary-soft);
    color: var(--st-primary-text);
    font-size: 10px;
    font-weight: 750;
}

.reconnect-status-dot[b-evryddf28j] {
    width: 7px;
    height: 7px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--st-primary);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .14);
    animation: reconnect-status-pulse-b-evryddf28j 1.8s ease-in-out infinite;
}

.reconnect-body[b-evryddf28j] {
    padding: 26px 26px 22px;
}

.reconnect-illustration[b-evryddf28j] {
    position: relative;
    display: grid;
    width: 108px;
    height: 108px;
    margin: 0 auto 23px;
    place-items: center;
}

.reconnect-orbit[b-evryddf28j] {
    position: absolute;
    border-radius: 50%;
}

.reconnect-orbit-outer[b-evryddf28j] {
    inset: 0;
    border: 1px dashed #f4c979;
    animation: reconnect-orbit-spin-b-evryddf28j 18s linear infinite;
}

.reconnect-orbit-inner[b-evryddf28j] {
    inset: 10px;
    border: 1px solid #fde5b5;
    background: radial-gradient(circle, #fff7ed 0%, #fffdf8 75%);
    animation: reconnect-breathe-b-evryddf28j 2.6s ease-in-out infinite;
}

.reconnect-main-icon[b-evryddf28j] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid #fde2a7;
    border-radius: 19px;
    background: linear-gradient(145deg, #fff 0%, #fff7ed 100%);
    box-shadow: 0 8px 20px rgba(217, 119, 6, .12);
    color: var(--st-primary-dark);
    font-size: 29px;
}

.reconnect-floating-icon[b-evryddf28j] {
    position: absolute;
    z-index: 2;
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid var(--st-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .08);
    color: #64748b;
    font-size: 13px;
}

.reconnect-floating-top[b-evryddf28j] {
    top: 3px;
    right: -5px;
}

.reconnect-floating-bottom[b-evryddf28j] {
    bottom: 3px;
    left: -5px;
    color: var(--st-primary-dark);
}

.spin-animation[b-evryddf28j] {
    animation: reconnect-icon-spin-b-evryddf28j 2.5s linear infinite;
}

.reconnect-content[b-evryddf28j] {
    text-align: center;
}

.reconnect-eyebrow[b-evryddf28j] {
    display: inline-block;
    margin-bottom: 9px;
    color: var(--st-primary-dark);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
}

#components-reconnect-title[b-evryddf28j] {
    margin: 0;
    color: var(--st-text);
    font-size: clamp(21px, 5vw, 25px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.045em;
    overflow-wrap: anywhere;
}

.reconnect-message[b-evryddf28j] {
    max-width: 340px;
    margin: 11px auto 0;
    color: var(--st-muted);
    font-size: 13px;
    font-weight: 450;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.reconnect-message strong[b-evryddf28j] {
    color: var(--st-primary-text);
    font-weight: 800;
}

.reconnect-connection-panel[b-evryddf28j] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 24px;
    padding: 13px;
    border: 1px solid #fde5b5;
    border-radius: 14px;
    background: #fffaf0;
}

.reconnect-panel-icon[b-evryddf28j] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 11px;
    background: #ffedc2;
    color: var(--st-primary-dark);
    font-size: 17px;
}

.reconnect-panel-content[b-evryddf28j] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.reconnect-panel-content strong[b-evryddf28j] {
    color: #92400e;
    font-size: 12px;
    font-weight: 800;
}

.reconnect-panel-content span[b-evryddf28j] {
    color: #a16207;
    font-size: 11px;
    line-height: 1.5;
}

.reconnect-loader[b-evryddf28j] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 3px;
}

.reconnect-loader span[b-evryddf28j] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--st-primary);
    animation: reconnect-dot-b-evryddf28j 1s ease-in-out infinite;
}

.reconnect-loader span:nth-child(2)[b-evryddf28j] {
    animation-delay: .15s;
}

.reconnect-loader span:nth-child(3)[b-evryddf28j] {
    animation-delay: .3s;
}

.reconnect-progress[b-evryddf28j] {
    height: 4px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #fef3c7;
}

.reconnect-progress span[b-evryddf28j] {
    display: block;
    width: 38%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #fbbf24, #d97706);
    animation: reconnect-progress-slide-b-evryddf28j 1.6s ease-in-out infinite;
}

.reconnect-actions[b-evryddf28j] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 24px;
}

.reconnect-button[b-evryddf28j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 45px;
    padding: 11px 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    cursor: pointer;
    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.reconnect-button i[b-evryddf28j] {
    font-size: 15px;
}

.reconnect-button-primary[b-evryddf28j] {
    border-color: var(--st-primary);
    background: var(--st-primary);
    color: #422006;
    box-shadow: 0 4px 10px rgba(217, 119, 6, .18);
}

.reconnect-button-primary:hover[b-evryddf28j] {
    border-color: var(--st-primary-dark);
    background: #fbbf24;
    box-shadow: 0 6px 16px rgba(217, 119, 6, .22);
    transform: translateY(-1px);
}

.reconnect-button-secondary[b-evryddf28j] {
    border-color: var(--st-border);
    background: #fff;
    color: #475569;
}

.reconnect-button-secondary:hover[b-evryddf28j] {
    border-color: var(--st-primary-border);
    background: var(--st-primary-soft);
    color: #92400e;
}

.reconnect-button:focus-visible[b-evryddf28j] {
    outline: 3px solid rgba(245, 158, 11, .35);
    outline-offset: 3px;
}

.reconnect-button:active[b-evryddf28j] {
    transform: translateY(0);
}

.reconnect-button:disabled[b-evryddf28j] {
    opacity: .6;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.reconnect-footer[b-evryddf28j] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 7px;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
    color: #94a3b8;
    font-size: 10px;
    line-height: 1.6;
    text-align: center;
}

.reconnect-footer i[b-evryddf28j] {
    flex-shrink: 0;
    margin-top: 1px;
    color: #16a34a;
    font-size: 13px;
}

@keyframes reconnect-modal-enter-b-evryddf28j {
    from {
        opacity: 0;
        transform: translateY(8px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

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

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

@keyframes reconnect-breathe-b-evryddf28j {
    0%, 100% {
        transform: scale(1);
        opacity: .8;
    }

    50% {
        transform: scale(1.05);
        opacity: 1;
    }
}

@keyframes reconnect-status-pulse-b-evryddf28j {
    0%, 100% {
        box-shadow: 0 0 0 3px rgba(245, 158, 11, .14);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(245, 158, 11, .06);
    }
}

@keyframes reconnect-dot-b-evryddf28j {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: .45;
    }

    30% {
        transform: translateY(-4px);
        opacity: 1;
    }
}

@keyframes reconnect-progress-slide-b-evryddf28j {
    0% {
        transform: translateX(-110%);
    }

    100% {
        transform: translateX(290%);
    }
}

@media (max-width: 480px) {
    #components-reconnect-modal[b-evryddf28j] {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 24px);
        border-radius: 19px;
    }

    .reconnect-header[b-evryddf28j] {
        padding: 15px 16px;
    }

    .reconnect-brand[b-evryddf28j] {
        font-size: 13px;
    }

    .reconnect-status[b-evryddf28j] {
        gap: 5px;
        padding: 5px 7px;
        font-size: 9px;
    }

    .reconnect-body[b-evryddf28j] {
        padding: 22px 19px 18px;
    }

    .reconnect-illustration[b-evryddf28j] {
        width: 96px;
        height: 96px;
        margin-bottom: 20px;
    }

    .reconnect-main-icon[b-evryddf28j] {
        width: 52px;
        height: 52px;
        border-radius: 17px;
        font-size: 25px;
    }

    .reconnect-message[b-evryddf28j] {
        font-size: 12px;
    }

    .reconnect-connection-panel[b-evryddf28j] {
        gap: 9px;
        padding: 11px;
    }

    .reconnect-footer[b-evryddf28j] {
        margin-top: 18px;
        padding-top: 14px;
    }
}

@media (max-width: 360px) {
    .reconnect-header[b-evryddf28j] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .reconnect-status[b-evryddf28j] {
        align-self: flex-start;
    }

    .reconnect-body[b-evryddf28j] {
        padding-right: 15px;
        padding-left: 15px;
    }

    .reconnect-connection-panel[b-evryddf28j] {
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal *[b-evryddf28j],
    #components-reconnect-modal *[b-evryddf28j]::before,
    #components-reconnect-modal *[b-evryddf28j]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/Pages/Auth/LoginPage.razor.rz.scp.css */
.login-page[b-8wn5edwhd9] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(
            circle at top left,
            #fff4c7 0%,
            transparent 42%
        ),
        radial-gradient(
            circle at bottom right,
            #ffe2bf 0%,
            transparent 45%
        ),
        #ffffff;
}

/* without information */
/* .login-container {
    width: min(500px, 90%);
    display: grid;
    gap: 70px;
    align-items: center;
    z-index: 5;
} */

/* with information */
.login-container[b-8wn5edwhd9]{
    width:min(1200px,90%);
    display:grid;
    grid-template-columns:1fr 500px;
    gap:30px;
    align-items:center;
    z-index:5;
}

.login-information[b-8wn5edwhd9] {
    min-width: 0;
    padding: 24px;
}

.login-brand-panel[b-8wn5edwhd9] {
    position: relative;
    min-height: 620px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 50% 10%,
            rgba(255, 213, 79, 0.16),
            transparent 40%
        ),
        #fffdf8;
    box-shadow:
        0 20px 60px rgba(245, 158, 11, 0.08);
}

.login-logo-wrapper[b-8wn5edwhd9] {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 35px 30px 0;
    background:
        radial-gradient(
            circle at 50% 25%,
            rgba(255, 213, 79, 0.18),
            transparent 45%
        ),
        #fffdf8;
}

.login-logo[b-8wn5edwhd9] {
    width: min(82%, 700px);
    max-height: 300px;
    object-fit: contain;
}

.login-information-content[b-8wn5edwhd9] {
    position: relative;
    margin-top: -120px;
    padding: 90px 55px 50px;
    color: #ffffff;
    background:
        linear-gradient(
            to bottom,
            rgba(255, 253, 248, 0) 0%,
            rgba(255, 241, 190, 0.10) 15%,
            rgba(224, 175, 76, 0.42) 45%,
            rgba(196, 143, 43, 0.68) 70%,
            #c58a2b 100%
        );
}

.login-information-content[b-8wn5edwhd9]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at 15% 100%,
            rgba(255, 193, 7, 0.20),
            transparent 45%
        );
    pointer-events: none;
}

.login-information-content > *[b-8wn5edwhd9] {
    position: relative;
    z-index: 1;
}

.badge-title[b-8wn5edwhd9] {
    display: inline-flex;
    align-items: center;
    padding: 9px 19px;
    border-radius: 50px;
    background: rgba(255, 250, 240, 0.96);
    color: #d97706;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 24px;
    box-shadow:
        0 8px 24px rgba(120, 70, 0, 0.12);
}

.login-information-content h1[b-8wn5edwhd9] {
    margin: 0 0 16px;
    font-size: clamp(32px, 3vw, 48px);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -1.5px;
    color: #ffffff;
}

.login-information-content p[b-8wn5edwhd9] {
    max-width: 650px;
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
}

.badge-title[b-8wn5edwhd9]{
    display:inline-flex;
    padding:8px 18px;
    border-radius:50px;
    background:#fff8eb;
    color:#f59e0b;
    font-weight:600;
    margin-bottom:24px;
}

.glass-card[b-8wn5edwhd9] {
    background: rgba(255, 253, 248, 0.72);
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 28px;
    padding: 45px;
    box-shadow:
        0 25px 80px rgba(245, 158, 11, 0.12);
}

.logo[b-8wn5edwhd9]{
    text-align:center;
    margin-bottom:40px;
}

.logo-circle[b-8wn5edwhd9] {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background:
        linear-gradient(
            135deg,
            #FFD54F,
            #FB8C00
        );
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a16207;
    font-size: 34px;
    box-shadow:
        0 15px 35px rgba(255, 170, 0, 0.30);
}

.logo h3[b-8wn5edwhd9]{
    font-weight:700;
    margin-bottom:6px;
}

.logo span[b-8wn5edwhd9]{
    color:#888;
}

.login-error-banner[b-8wn5edwhd9]{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    margin-bottom:20px;
    border-radius:12px;
    background:#fef2f2;
    border:0.5px solid #fecaca;
    color:#b91c1c;
    font-size:14px;
    line-height:1.4;
}

.login-error-banner i[b-8wn5edwhd9]{
    font-size:16px;
    flex-shrink:0;
    line-height:1;
}

.form-group[b-8wn5edwhd9]  .input-error{
    border-color:#dc2626;
}

.form-group[b-8wn5edwhd9]  .input-error:focus{
    border-color:#dc2626;
    box-shadow:0 0 0 .2rem rgba(220,38,38,.15);
}

.form-group label[b-8wn5edwhd9]{
    margin-bottom:8px;
    display:block;
    font-weight:600;
}

.background-shape[b-8wn5edwhd9]{
    position:absolute;
    border-radius:50%;
    filter:blur(40px);
}

.shape-1[b-8wn5edwhd9]{
    width:420px;
    height:420px;
    top:-120px;
    left:-80px;
    background:#FFE082;
    opacity:.6;
}

.shape-2[b-8wn5edwhd9]{
    width:320px;
    height:320px;
    right:-80px;
    top:120px;
    background:#FFCC80;
    opacity:.45;
}

.shape-3[b-8wn5edwhd9]{
    width:280px;
    height:280px;
    bottom:-60px;
    left:35%;
    background:#FFD54F;
    opacity:.35;
}

@media (max-width: 991px) {

    .login-page[b-8wn5edwhd9] {
        padding: 30px 0;
        align-items: flex-start;
    }

    .login-container[b-8wn5edwhd9] {
        width: min(680px, 92%);
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .login-information[b-8wn5edwhd9] {
        padding: 0;
        width: 100%;
    }

    .login-brand-panel[b-8wn5edwhd9] {
        min-height: 500px;
        height: auto;
        border-radius: 22px;
    }

    .login-logo-wrapper[b-8wn5edwhd9] {
        flex: none;

        min-height: 0;
        height: 300px;

        padding: 30px 25px 0;

        align-items: flex-start;
    }

    .login-logo[b-8wn5edwhd9] {
        width: min(88%, 500px);
        height: 250px;
        max-height: 250px;

        object-fit: contain;
    }

    .login-information-content[b-8wn5edwhd9] {
        margin-top: -70px;
        padding: 80px 35px 40px;
    }

    .login-information-content h1[b-8wn5edwhd9] {
        font-size: clamp(30px, 6vw, 42px);
    }

    .login-information-content p[b-8wn5edwhd9] {
        max-width: 100%;
    }

    .glass-card[b-8wn5edwhd9] {
        width: 100%;
        max-width: 100%;
        margin: 0;

        padding: 40px 35px;

        border-radius: 24px;
    }
}

@media (max-width: 576px) {

    .login-page[b-8wn5edwhd9] {
        padding: 20px 0;
    }

    .login-container[b-8wn5edwhd9] {
        width: calc(100% - 28px);
        gap: 18px;
    }

    .login-brand-panel[b-8wn5edwhd9] {
        min-height: 440px;
        border-radius: 20px;
    }

    .login-logo-wrapper[b-8wn5edwhd9] {
        height: 235px;
        padding: 25px 18px 0;
    }

    .login-logo[b-8wn5edwhd9] {
        width: 95%;
        height: 200px;
        max-height: 200px;
    }

    .login-information-content[b-8wn5edwhd9] {
        margin-top: -55px;
        padding: 65px 25px 32px;
    }

    .badge-title[b-8wn5edwhd9] {
        padding: 8px 15px;
        font-size: 14px;
        margin-bottom: 18px;
    }

    .login-information-content h1[b-8wn5edwhd9] {
        margin-bottom: 12px;

        font-size: 30px;
        line-height: 1.12;
        letter-spacing: -0.8px;
    }

    .login-information-content p[b-8wn5edwhd9] {
        font-size: 14px;
        line-height: 1.55;
    }

    .glass-card[b-8wn5edwhd9] {
        padding: 32px 24px;
        border-radius: 22px;
    }

    .logo[b-8wn5edwhd9] {
        margin-bottom: 30px;
    }

    .logo-circle[b-8wn5edwhd9] {
        width: 64px;
        height: 64px;
        margin-bottom: 15px;
    }

    .logo-circle i[b-8wn5edwhd9] {
        font-size: 27px;
    }

    .logo h3[b-8wn5edwhd9] {
        font-size: 24px;
    }

    .logo span[b-8wn5edwhd9] {
        display: block;
        font-size: 14px;
        line-height: 1.5;
    }
}

@media (max-width: 400px) {

    .login-container[b-8wn5edwhd9] {
        width: calc(100% - 20px);
    }

    .login-brand-panel[b-8wn5edwhd9] {
        min-height: 400px;
    }

    .login-logo-wrapper[b-8wn5edwhd9] {
        height: 205px;
        padding-top: 20px;
    }

    .login-logo[b-8wn5edwhd9] {
        height: 175px;
        max-height: 175px;
    }

    .login-information-content[b-8wn5edwhd9] {
        margin-top: -45px;
        padding: 55px 20px 28px;
    }

    .login-information-content h1[b-8wn5edwhd9] {
        font-size: 27px;
    }

    .login-information-content p[b-8wn5edwhd9] {
        font-size: 13px;
    }

    .glass-card[b-8wn5edwhd9] {
        padding: 28px 20px;
    }
}

.logo-circle i[b-8wn5edwhd9]{
    font-size:30px;
}

.login-information[b-8wn5edwhd9] {
    cursor: pointer;
    position: relative;
    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

.login-information:hover[b-8wn5edwhd9] {
    transform: translateY(-2px);
}

.login-information:active[b-8wn5edwhd9] {
    transform: translateY(0);
}

.login-scroll-hint[b-8wn5edwhd9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 28px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    font-weight: 500;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.login-information:hover .login-scroll-hint[b-8wn5edwhd9] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateX(4px);
}

.login-scroll-hint i[b-8wn5edwhd9] {
    font-size: 15px;
    transition: transform 0.25s ease;
}

.login-information:hover .login-scroll-hint i[b-8wn5edwhd9] {
    transform: translateX(3px);
}

.login-form-highlight[b-8wn5edwhd9] {
    animation: loginFormHighlight-b-8wn5edwhd9 1.2s ease;
}

@keyframes loginFormHighlight-b-8wn5edwhd9 {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
    }

    35% {
        transform: scale(1.015);
        box-shadow:
            0 0 0 5px rgba(245, 158, 11, 0.12),
            0 15px 40px rgba(245, 158, 11, 0.15);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
    }
}
/* /Components/Pages/CompanyManagement/AddGroupCompanyMembershipPage.razor.rz.scp.css */
.company-membership-page[b-jmurgovi3i] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.5rem;
}

.company-membership-header[b-jmurgovi3i] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.company-membership-breadcrumb[b-jmurgovi3i] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .5rem;

    color: #94a3b8;
    font-size: .78rem;
    font-weight: 500;
}

.company-membership-breadcrumb i[b-jmurgovi3i] {
    font-size: .65rem;
}

.company-membership-header h1[b-jmurgovi3i] {
    margin: 0;
    color: #1e293b;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.company-membership-header p[b-jmurgovi3i] {
    margin: .35rem 0 0;
    color: #64748b;
    font-size: .9rem;
}

.company-membership-layout[b-jmurgovi3i] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
    gap: 1.25rem;
    align-items: start;
}

.company-membership-card[b-jmurgovi3i] {
    min-width: 0;

    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;

    box-shadow:
        0 1px 2px rgba(15, 23, 42, .03),
        0 8px 24px rgba(15, 23, 42, .04);
}

.company-card-header[b-jmurgovi3i] {
    display: flex;
    align-items: center;
    gap: .8rem;

    padding: 1.15rem 1.25rem;

    border-bottom: 1px solid #f1f5f9;
}

.company-card-icon[b-jmurgovi3i] {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #f59e0b;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 10px;

    font-size: 1rem;
}

.company-card-header h2[b-jmurgovi3i] {
    margin: 0;

    color: #1e293b;
    font-size: .95rem;
    font-weight: 700;
}

.company-card-header p[b-jmurgovi3i] {
    margin: .2rem 0 0;

    color: #94a3b8;
    font-size: .78rem;
}

.company-detail-card[b-jmurgovi3i] {
    overflow: hidden;
}

.company-detail-main[b-jmurgovi3i] {
    display: flex;
    align-items: center;
    gap: 1rem;

    padding: 1.35rem 1.25rem;
}

.company-avatar[b-jmurgovi3i] {
    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #f59e0b;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 14px;

    font-size: 1.5rem;
}

.company-identity[b-jmurgovi3i] {
    min-width: 0;
}

.company-identity h3[b-jmurgovi3i] {
    margin: 0 0 .25rem;

    color: #1e293b;
    font-size: 1.2rem;
    font-weight: 700;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-code[b-jmurgovi3i] {
    display: inline-flex;
    align-items: center;

    padding: .2rem .55rem;

    color: #a16207;
    background: #fff4d6;
    border-radius: 6px;

    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .03em;
}

.company-identity p[b-jmurgovi3i] {
    margin: .6rem 0 0;

    color: #64748b;
    font-size: .82rem;
    line-height: 1.5;
}

.company-detail-divider[b-jmurgovi3i] {
    height: 1px;
    margin: 0 1.25rem;

    background: #f1f5f9;
}

.company-detail-info[b-jmurgovi3i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;

    padding: 1rem 1.25rem;
}

.company-info-item[b-jmurgovi3i] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.company-info-label[b-jmurgovi3i] {
    display: flex;
    align-items: center;
    gap: .4rem;

    color: #94a3b8;
    font-size: .72rem;
    font-weight: 600;
}

.company-info-label i[b-jmurgovi3i] {
    color: #f59e0b;
}

.company-info-item strong[b-jmurgovi3i] {
    color: #334155;
    font-size: .85rem;
}

.company-groups-section[b-jmurgovi3i] {
    padding: 1rem 1.25rem 1.25rem;
}

.company-groups-header[b-jmurgovi3i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;

    margin-bottom: .8rem;
}

.company-groups-header h3[b-jmurgovi3i] {
    margin: 0;

    color: #334155;
    font-size: .82rem;
    font-weight: 700;
}

.company-groups-header span:not(.company-group-count)[b-jmurgovi3i] {
    display: block;

    margin-top: .15rem;

    color: #94a3b8;
    font-size: .7rem;
}

.company-group-count[b-jmurgovi3i] {
    min-width: 28px;
    height: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 .5rem;

    color: #a16207;
    background: #fff4d6;
    border: 1px solid #fed7aa;
    border-radius: 999px;

    font-size: .7rem;
    font-weight: 700;
}

.company-group-list[b-jmurgovi3i] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.company-group-item[b-jmurgovi3i] {
    display: flex;
    align-items: center;
    gap: .65rem;

    padding: .65rem .75rem;

    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 9px;

    transition:
        background-color .15s ease,
        border-color .15s ease;
}

.company-group-item:hover[b-jmurgovi3i] {
    background: #fff7ed;
    border-color: #fed7aa;
}

.company-group-item-icon[b-jmurgovi3i] {
    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #f59e0b;
    background: #fff;
    border: 1px solid #fed7aa;
    border-radius: 7px;

    font-size: .75rem;
}

.company-group-item-content[b-jmurgovi3i] {
    min-width: 0;
    flex: 1;
}

.company-group-item-content span[b-jmurgovi3i] {
    display: block;

    color: #475569;
    font-size: .8rem;
    font-weight: 600;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-group-item .btn[b-jmurgovi3i] {
    flex: 0 0 auto;

    opacity: .75;

    transition:
        opacity .15s ease,
        transform .15s ease;
}

.company-group-item:hover .btn[b-jmurgovi3i] {
    opacity: 1;
}

.company-group-item .btn:hover[b-jmurgovi3i] {
    transform: translateY(-1px);
}

.company-groups-empty[b-jmurgovi3i] {
    display: flex;
    align-items: center;
    gap: .7rem;

    padding: .85rem;

    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
}

.company-groups-empty > i[b-jmurgovi3i] {
    color: #94a3b8;
    font-size: 1rem;
}

.company-groups-empty strong[b-jmurgovi3i] {
    display: block;

    color: #475569;
    font-size: .78rem;
}

.company-groups-empty span[b-jmurgovi3i] {
    display: block;

    margin-top: .15rem;

    color: #94a3b8;
    font-size: .7rem;
}

.membership-form-card[b-jmurgovi3i] {
    position: sticky;
    top: 1rem;
}

.membership-form-content[b-jmurgovi3i] {
    padding: 1.25rem;
}

.membership-target-label[b-jmurgovi3i] {
    display: block;

    margin-bottom: .55rem;

    color: #94a3b8;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.membership-target-company[b-jmurgovi3i] {
    display: flex;
    align-items: center;
    gap: .7rem;

    padding: .75rem;

    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 10px;
}

.membership-target-icon[b-jmurgovi3i] {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #f59e0b;
    background: #fff;
    border: 1px solid #fed7aa;
    border-radius: 9px;
}

.membership-target-company strong[b-jmurgovi3i] {
    display: block;

    color: #334155;
    font-size: .82rem;
}

.membership-target-company span[b-jmurgovi3i] {
    display: block;

    margin-top: .15rem;

    color: #a16207;
    font-size: .7rem;
    font-weight: 600;
}

.membership-form-divider[b-jmurgovi3i] {
    height: 1px;
    margin: 1.15rem 0;

    background: #f1f5f9;
}

.membership-field small[b-jmurgovi3i] {
    display: block;

    margin-top: .4rem;

    color: #94a3b8;
    font-size: .7rem;
}

.membership-action[b-jmurgovi3i] {
    display: flex;
    justify-content: flex-end;

    margin-top: 1.15rem;
}

.company-membership-loading[b-jmurgovi3i] {
    min-height: 280px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .7rem;

    color: #94a3b8;
    font-size: .8rem;
}

.company-membership-loading .spinner-border[b-jmurgovi3i] {
    width: 1.5rem;
    height: 1.5rem;

    color: #f59e0b;
}

@media (max-width: 992px) {

    .company-membership-layout[b-jmurgovi3i] {
        grid-template-columns: 1fr;
    }

    .membership-form-card[b-jmurgovi3i] {
        position: static;
    }
}

@media (max-width: 576px) {

    .company-membership-page[b-jmurgovi3i] {
        padding: 1rem;
    }

    .company-membership-header[b-jmurgovi3i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .company-membership-header h1[b-jmurgovi3i] {
        font-size: 1.3rem;
    }

    .company-detail-main[b-jmurgovi3i] {
        padding: 1rem;
    }

    .company-avatar[b-jmurgovi3i] {
        width: 52px;
        height: 52px;
        font-size: 1.2rem;
    }

    .company-identity h3[b-jmurgovi3i] {
        font-size: 1rem;
    }

    .company-detail-info[b-jmurgovi3i] {
        grid-template-columns: 1fr;
    }

    .company-groups-section[b-jmurgovi3i],
    .membership-form-content[b-jmurgovi3i] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Components/Pages/CompanyManagement/Components/CompanyList.razor.rz.scp.css */
.company-list[b-iikt1432eu] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.company-item[b-iikt1432eu] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 78px;
    padding: .8rem 1rem;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.company-item[b-iikt1432eu]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: #f59e0b;
    opacity: 0;
    transform: scaleY(.5);
    transition:
        opacity .2s ease,
        transform .2s ease;
}

.company-item:hover[b-iikt1432eu] {
    border-color: #fed7aa;
    box-shadow:
        0 8px 24px rgba(15, 23, 42, .06);
    transform: translateY(-1px);
}

.company-item:hover[b-iikt1432eu]::before {
    opacity: 1;
    transform: scaleY(1);
}

.company-item-icon[b-iikt1432eu] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fff7ed;
    color: #ea580c;
    font-size: 1.15rem;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.company-item:hover .company-item-icon[b-iikt1432eu] {
    background: #ffedd5;
    color: #c2410c;
    transform: scale(1.03);
}

.company-item-content[b-iikt1432eu] {
    flex: 1;
    min-width: 0;
}

.company-item-header[b-iikt1432eu] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 0;
    margin-bottom: .3rem;
}

.company-item-header h5[b-iikt1432eu] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1e293b;
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.3;
}

.company-badge[b-iikt1432eu] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: .18rem .45rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #f8fafc;
    color: #64748b;
    font-size: .65rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .02em;
}

.company-item-subtitle[b-iikt1432eu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #94a3b8;
    font-size: .74rem;
    line-height: 1.4;
}

.company-item-actions[b-iikt1432eu] {
    display: flex;
    align-items: center;
    gap: .3rem;
    flex: 0 0 auto;
    padding-left: .5rem;
    border-left: 1px solid #f1f5f9;
}

.company-item-actions .action-btn[b-iikt1432eu] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease;
}

.company-item-actions .action-btn:hover[b-iikt1432eu] {
    transform: translateY(-1px);
}

.empty-state[b-iikt1432eu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.5rem;
    border: 1px dashed #dbe2ea;
    border-radius: 14px;
    background: #fafbfc;
    text-align: center;
}

.empty-icon[b-iikt1432eu] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .75rem;
    border-radius: 14px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 1.35rem;
}

.empty-state h5[b-iikt1432eu] {
    margin: 0 0 .25rem;
    color: #334155;
    font-size: .9rem;
    font-weight: 650;
}

.empty-state p[b-iikt1432eu] {
    margin: 0;
    max-width: 320px;
    color: #94a3b8;
    font-size: .75rem;
    line-height: 1.5;
}

@media (max-width: 576px) {

    .company-item[b-iikt1432eu] {
        gap: .75rem;
        padding: .75rem;
    }

    .company-item-icon[b-iikt1432eu] {
        width: 42px;
        height: 42px;

        flex-basis: 42px;

        border-radius: 10px;

        font-size: 1rem;
    }

    .company-item-header[b-iikt1432eu] {
        gap: .4rem;
    }

    .company-item-header h5[b-iikt1432eu] {
        font-size: .82rem;
    }

    .company-item-subtitle[b-iikt1432eu] {
        font-size: .7rem;
    }

    .company-item-actions[b-iikt1432eu] {
        padding-left: .35rem;
    }

    .company-item-actions .action-btn[b-iikt1432eu] {
        width: 29px;
        height: 29px;
        min-width: 29px;
    }
}

.company-badge[b-iikt1432eu]{
    padding:.3rem .8rem;
    border-radius:999px;
    background:#fff7ed;
    color:#d97706;
    font-weight:600;
    font-size:.8rem;
    border:1px solid #fde68a;
}

.company-item-actions[b-iikt1432eu]{
    display:flex;
    gap:.5rem;
}

.action-btn[b-iikt1432eu]{
    width:42px;
    height:42px;
    border-radius:12px !important;
}

.company-item:hover .action-btn[b-iikt1432eu]{
    transform:scale(1.05);
}

.empty-state[b-iikt1432eu]{
    padding:5rem 2rem;
    text-align:center;
    color:#64748b;
}

.empty-icon[b-iikt1432eu]{
    font-size:4rem;
    color:#f59e0b;
    margin-bottom:1rem;
}

.edit-company-header[b-iikt1432eu]{
    display:flex;
    align-items:center;
    gap:1rem;

    padding-bottom:1.25rem;
    margin-bottom:1.5rem;

    border-bottom:1px solid #edf2f7;
}

.edit-company-icon[b-iikt1432eu]{

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    background:linear-gradient(135deg,#fff8e6,#fde68a);

    color:#d97706;

    font-size:1.7rem;
}

.edit-company-header h5[b-iikt1432eu]{
    margin:0;
    font-weight:700;
}

.edit-company-header p[b-iikt1432eu]{
    margin:.25rem 0 0;
    color:#64748b;
}

.company-preview[b-iikt1432eu]{

    display:flex;
    align-items:center;
    gap:1rem;

    padding:1rem;

    border-radius:16px;

    background:#fafafa;

    border:1px solid #edf2f7;
}

.preview-avatar[b-iikt1432eu]{

    width:56px;
    height:56px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:14px;

    background:#fff7ed;

    color:#d97706;

    font-size:1.4rem;
}

.preview-name[b-iikt1432eu]{
    font-weight:700;
    color:#111827;
}

.preview-code[b-iikt1432eu]{
    color:#64748b;
}

.company-detail[b-iikt1432eu] {
    padding: .25rem;
}

.company-detail-header[b-iikt1432eu] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.company-detail-icon[b-iikt1432eu] {
    width: 3.25rem;
    height: 3.25rem;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 12px;

    background: #fff7ed;
    border: 1px solid #fed7aa;

    color: #f59e0b;
    font-size: 1.35rem;
}

.company-detail-identity[b-iikt1432eu] {
    min-width: 0;
}

.company-detail-title-row[b-iikt1432eu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
}

.company-detail-title-row h4[b-iikt1432eu] {
    margin: 0;

    font-size: 1.1rem;
    font-weight: 650;
    color: #1f2937;
}

.company-detail-identity p[b-iikt1432eu] {
    margin: .25rem 0 0;

    font-size: .8rem;
    color: #6b7280;
}

.company-detail-divider[b-iikt1432eu] {
    height: 1px;

    margin: 1.25rem 0;

    background: #f1f5f9;
}

.company-detail-section-title[b-iikt1432eu] {
    display: flex;
    align-items: center;
    gap: .5rem;

    margin-bottom: .9rem;

    font-size: .75rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .035em;

    color: #6b7280;
}

.company-detail-section-title i[b-iikt1432eu] {
    color: #f59e0b;
    font-size: .9rem;
}

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

.company-detail-field[b-iikt1432eu] {
    display: flex;
    flex-direction: column;
    gap: .2rem;

    padding: .8rem .9rem;

    background: #f9fafb;
    border: 1px solid #f1f5f9;
    border-radius: 10px;
}

.company-detail-field--full[b-iikt1432eu] {
    grid-column: 1 / -1;
}

.company-detail-field span[b-iikt1432eu] {
    font-size: .6875rem;
    color: #9ca3af;
}

.company-detail-field strong[b-iikt1432eu] {
    font-size: .8rem;
    font-weight: 600;
    color: #374151;
    overflow-wrap: anywhere;
}

.company-detail-groups[b-iikt1432eu] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.company-group-badge[b-iikt1432eu] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;

    padding: .4rem .65rem;

    border-radius: 999px;

    background: #fff7ed;
    border: 1px solid #fed7aa;

    color: #a16207;

    font-size: .7rem;
    font-weight: 600;
}

.company-group-badge i[b-iikt1432eu] {
    font-size: .65rem;
}

.company-detail-empty[b-iikt1432eu] {
    display: flex;
    align-items: center;
    gap: .5rem;

    padding: .8rem .9rem;

    border: 1px dashed #e5e7eb;
    border-radius: 10px;

    background: #f9fafb;

    color: #9ca3af;
    font-size: .75rem;
}

.company-detail-empty i[b-iikt1432eu] {
    font-size: .85rem;
}

@media (max-width: 576px) {

    .company-detail-grid[b-iikt1432eu] {
        grid-template-columns: 1fr;
    }

    .company-detail-field--full[b-iikt1432eu] {
        grid-column: auto;
    }

    .company-detail-header[b-iikt1432eu] {
        align-items: flex-start;
    }

    .company-detail-title-row h4[b-iikt1432eu] {
        font-size: 1rem;
    }
}

.company-detail-footer[b-iikt1432eu] {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.company-membership-action-card[b-iikt1432eu] {
    flex: 1;

    display: flex;
    align-items: center;
    gap: .75rem;

    padding: .7rem .8rem;

    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 12px;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.company-membership-action-card:hover[b-iikt1432eu] {
    border-color: #f59e0b;

    box-shadow:
        0 3px 10px rgba(245, 158, 11, .08);
}

.company-membership-action-icon[b-iikt1432eu] {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #f59e0b;
    background: #fff;
    border: 1px solid #fed7aa;
    border-radius: 9px;

    font-size: .95rem;
}

.company-membership-action-content[b-iikt1432eu] {
    min-width: 0;
    flex: 1;
}

.company-membership-action-content strong[b-iikt1432eu] {
    display: block;

    color: #334155;
    font-size: .8rem;
    font-weight: 700;
}

.company-membership-action-content span[b-iikt1432eu] {
    display: block;

    margin-top: .15rem;

    color: #94a3b8;
    font-size: .7rem;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/CompanyManagement/TabPanels/CreateCompanyTabPanel.razor.rz.scp.css */
.item-form[b-9zbybpg1s3] {
    margin-top: 1rem;
}

.company-form[b-9zbybpg1s3] {
    margin-top: 1rem;
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 8px 30px rgba(15, 23, 42, .05),
        0 2px 8px rgba(15, 23, 42, .03);
}

.company-form-header[b-9zbybpg1s3] {
    padding: 1.75rem 2rem;
    background: linear-gradient(180deg, #ffffff, #fbfcfd);
    border-bottom: 1px solid #edf2f7;
}

.company-header-card[b-9zbybpg1s3]{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:1.5rem 2rem;
    margin-bottom:1rem;

    background:linear-gradient(135deg,#ffffff,#fcfcfd);
    border:1px solid #e8edf4;
    border-radius:20px;

    box-shadow:
        0 10px 30px rgba(15,23,42,.05),
        0 2px 8px rgba(15,23,42,.03);
}

.company-header-left[b-9zbybpg1s3]{
    display:flex;
    align-items:center;
    gap:1.25rem;
}

.company-header-icon[b-9zbybpg1s3]{
    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #fff8e6,
        #fde68a
    );

    color:#d97706;

    font-size:1.75rem;

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.7),
        0 8px 18px rgba(245,158,11,.18);
}

.company-header-title[b-9zbybpg1s3]{
    font-size:1.5rem;
    font-weight:700;
    color:#111827;
    margin-bottom:.3rem;
}

.company-header-subtitle[b-9zbybpg1s3]{
    color:#6b7280;
    line-height:1.6;
    max-width:520px;
}

.company-header-actions[b-9zbybpg1s3]{
    display:flex;
    align-items:center;
    gap:.75rem;
}

.company-header-actions .btn[b-9zbybpg1s3]{
    min-width:110px;
}

@media (max-width:768px){

    .company-header-card[b-9zbybpg1s3]{
        flex-direction:column;
        align-items:flex-start;
        gap:1.5rem;
    }

    .company-header-actions[b-9zbybpg1s3]{
        width:100%;
    }

    .company-header-actions .btn[b-9zbybpg1s3]{
        width:100%;
    }
}

.company-form-title[b-9zbybpg1s3] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: .35rem;
}

.company-form-subtitle[b-9zbybpg1s3] {
    margin: 0;
    color: #6b7280;
}

.company-form-body[b-9zbybpg1s3] {
    padding: 2rem;
}

.form-section[b-9zbybpg1s3] {
    background: #fcfcfd;
    border: 1px solid #eef2f7;
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.form-section-title[b-9zbybpg1s3] {
    margin-bottom: 1.5rem;

    color: #f59e0b;
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.company-form-footer[b-9zbybpg1s3] {
    padding: 1.25rem 2rem;
    background: #fafbfc;
    border-top: 1px solid #edf2f7;
}

.company-form .form-control[b-9zbybpg1s3],
.company-form textarea[b-9zbybpg1s3],
.company-form .form-select[b-9zbybpg1s3] {
    min-height: 48px;
    border-radius: 12px;
    border: 1px solid #dbe3ec;
    transition: all .2s ease;
}

.company-form textarea[b-9zbybpg1s3] {
    min-height: 140px;
}

.company-form .form-control:hover[b-9zbybpg1s3],
.company-form .form-select:hover[b-9zbybpg1s3] {
    border-color: #cbd5e1;
}

.company-form .form-control:focus[b-9zbybpg1s3],
.company-form .form-select:focus[b-9zbybpg1s3],
.company-form textarea:focus[b-9zbybpg1s3] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 .2rem rgba(245, 158, 11, .15);
}

.confirmation-modal[b-9zbybpg1s3] {
    text-align: center;
    padding: .5rem 0;
}

.confirmation-icon[b-9zbybpg1s3] {
    width: 72px;
    height: 72px;
    margin: 0 auto 1.5rem;

    border-radius: 20px;

    background: linear-gradient(135deg, #fff7ed, #fde68a);

    color: #d97706;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 2rem;
}

.confirmation-title[b-9zbybpg1s3] {
    margin-bottom: .75rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #1f2937;
}

.confirmation-message[b-9zbybpg1s3] {
    max-width: 420px;
    margin: 0 auto 2rem;
    color: #6b7280;
    line-height: 1.6;
}

.confirmation-summary[b-9zbybpg1s3] {
    display: flex;
    flex-direction: column;
    gap: .85rem;

    padding: 1.25rem;

    background: #f8fafc;

    border: 1px solid #e5e7eb;
    border-radius: 14px;
}

.summary-row[b-9zbybpg1s3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary-row span[b-9zbybpg1s3] {
    color: #6b7280;
    font-size: .92rem;
}

.summary-row strong[b-9zbybpg1s3] {
    color: #1f2937;
    font-weight: 600;
}

.company-form[b-9zbybpg1s3] {
    animation: fadeUp-b-9zbybpg1s3 .25s ease;
}

@keyframes fadeUp-b-9zbybpg1s3 {

    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: none;
    }

}

.company-preview[b-9zbybpg1s3]{
    display:flex;
    align-items:center;
    gap:1rem;

    margin-top:2rem;

    padding:1rem;

    border-radius:16px;
    border:1px solid #edf2f7;
    background:#fafafa;
}

.preview-avatar[b-9zbybpg1s3]{
    width:56px;
    height:56px;

    border-radius:16px;

    background:#fff7ed;
    color:#f59e0b;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:1.5rem;
}

.preview-name[b-9zbybpg1s3]{
    font-weight:700;
    color:#1f2937;
}

.preview-code[b-9zbybpg1s3]{
    color:#64748b;
    text-align: start;
}
/* /Components/Pages/CompanyManagement/TabPanels/ListCompanyTabPanel.razor.rz.scp.css */
/* /Components/Pages/Dashboard/Components/ItemDetailViewer.razor.rz.scp.css */
.inventory-modal-overlay[b-vudl4xbdnu] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.38);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    animation: inventoryOverlayIn-b-vudl4xbdnu .18s ease-out;
}

.inventory-modal[b-vudl4xbdnu] {
    width: min(900px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 22px;
    box-shadow:
        0 30px 80px rgba(15, 23, 42, 0.18),
        0 10px 30px rgba(15, 23, 42, 0.08);
    animation: inventoryModalIn-b-vudl4xbdnu .22s ease-out;
}

.inventory-detail__header[b-vudl4xbdnu] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 22px 24px 19px;
    background: #ffffff;
    border-bottom: 1px solid #edf0f2;
}

.inventory-detail__identity[b-vudl4xbdnu] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.inventory-detail__icon[b-vudl4xbdnu] {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #f59e0b;
    color: #A16207;
    font-size: 19px;
    box-shadow:
        0 5px 12px rgba(245, 158, 11, .18);
}

.inventory-detail__identity h4[b-vudl4xbdnu] {
    margin: 0;
    color: #202c3a;
    font-size: 18px;
    font-weight: 700;
}

.inventory-detail__meta[b-vudl4xbdnu] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 5px;
    color: #737d87;
    font-size: 11px;
}

.inventory-detail__category[b-vudl4xbdnu] {
    padding: 3px 8px;
    border: 1px solid #f7dfb3;
    border-radius: 999px;
    background: #fff7e8;
    color: #d9911c;
    font-size: 9px;
    font-weight: 600;
}

.inventory-detail__close[b-vudl4xbdnu] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #8b939b;
    cursor: pointer;
    transition:
        background .15s ease,
        color .15s ease;
}

.inventory-detail__close:hover[b-vudl4xbdnu] {
    background: #f4f5f6;
    color: #414b55;
}

.inventory-detail__summary[b-vudl4xbdnu] {
    flex-shrink: 0;
    display: grid;
    grid-template-columns:
        repeat(3, 1fr);
    gap: 14px;
    padding: 15px 24px;
    background: #fffaf1;
    border-bottom: 1px solid #f2e5d0;
}

.detail-summary-card[b-vudl4xbdnu] {
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 11px 14px;
    border: 1px solid #f0ebe2;
    border-radius: 11px;
    background: #ffffff;
    box-shadow:
        0 2px 7px rgba(15, 23, 42, .025);
}

.detail-summary-card span[b-vudl4xbdnu] {
    color: #737b84;
    font-size: 10px;
}

.detail-summary-card strong[b-vudl4xbdnu] {
    margin-top: 4px;
    color: #293441;
    font-size: 17px;
}

.detail-summary-card:first-child strong[b-vudl4xbdnu] {
    color: #d77f00;
    font-size: 23px;
}

.detail-summary-card small[b-vudl4xbdnu] {
    color: #68727c;
    font-size: 11px;
    font-weight: 500;
}

.warehouse-detail-list[b-vudl4xbdnu] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 24px;
    overflow-y: auto;
    background: #ffffff;
}

.warehouse-detail-card[b-vudl4xbdnu] {
    flex-shrink: 0;
    overflow: hidden;
    border: 1px solid #f0e5d2;
    border-radius: 15px;
    background: #ffffff;
    box-shadow:
        0 2px 7px rgba(15, 23, 42, .025);
}

.warehouse-detail-header[b-vudl4xbdnu] {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 0 14px;
    background: #fff8eb;
    border-bottom: 1px solid #f3e6d2;
}

.warehouse-detail-title[b-vudl4xbdnu] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.warehouse-detail-title > i[b-vudl4xbdnu] {
    flex-shrink: 0;
    color: #e99109;
    font-size: 14px;
}

.warehouse-detail-title strong[b-vudl4xbdnu] {
    overflow: hidden;
    color: #343e48;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-type-badge[b-vudl4xbdnu] {
    flex-shrink: 0;
    padding: 4px 8px;
    border-radius: 6px;
    background: #e98b05;
    color: #A16207;
    font-size: 8px;
    font-weight: 800;
}

.warehouse-total[b-vudl4xbdnu] {
    flex-shrink: 0;
    color: #757d85;
    font-size: 10px;
}

.warehouse-total strong[b-vudl4xbdnu] {
    color: #d98709;
}

.warehouse-detail-body[b-vudl4xbdnu] {
    padding: 8px 14px 10px;
}

.parent-stock-row[b-vudl4xbdnu] {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px;
    border-bottom: 1px solid #f1f2f3;
    color: #3e4853;
    font-size: 11px;
}

.parent-stock-name[b-vudl4xbdnu] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.stock-icon[b-vudl4xbdnu] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff7e9;
    color: #f59e0b;
    font-size: 12px;
}

.agent-list[b-vudl4xbdnu] {
    position: relative;
    margin-left: 15px;
    padding-left: 14px;
}

.agent-list[b-vudl4xbdnu]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    border-radius: 999px;
    background: #ffe4b5;
}

.agent-row[b-vudl4xbdnu] {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 3px;
    border-bottom: 1px solid #f6f7f8;
}

.agent-row:last-child[b-vudl4xbdnu] {
    border-bottom: 0;
}

.agent-name[b-vudl4xbdnu] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.agent-avatar[b-vudl4xbdnu] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f59e0b;
    color: #A16207;
    font-size: 11px;
    font-weight: 700;
}

.agent-name strong[b-vudl4xbdnu],
.agent-row > strong[b-vudl4xbdnu] {
    color: #38424d;
    font-size: 11px;
    font-weight: 700;
}

.agent-badge[b-vudl4xbdnu] {
    padding: 3px 6px;
    border: 1px solid #f7dfb7;
    border-radius: 4px;
    background: #fff8eb;
    color: #e39820;
    font-size: 7px;
    font-weight: 800;
}

.inventory-detail__footer[b-vudl4xbdnu] {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    padding: 12px 16px;
    background: #ffffff;
    border-top: 1px solid #edf0f2;
}

.inventory-detail__footer .btn[b-vudl4xbdnu] {
    min-width: 80px;
    min-height: 36px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.warehouse-detail-list[b-vudl4xbdnu]::-webkit-scrollbar {
    width: 5px;
}

.warehouse-detail-list[b-vudl4xbdnu]::-webkit-scrollbar-track {
    background: transparent;
}

.warehouse-detail-list[b-vudl4xbdnu]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #dfe3e6;
}

.warehouse-detail-list[b-vudl4xbdnu]::-webkit-scrollbar-thumb:hover {
    background: #cbd1d6;
}

@keyframes inventoryOverlayIn-b-vudl4xbdnu {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes inventoryModalIn-b-vudl4xbdnu {
    from {
        opacity: 0;
        transform: translateY(12px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 768px) {

    .inventory-modal-overlay[b-vudl4xbdnu] {
        padding: 12px;
    }

    .inventory-modal[b-vudl4xbdnu] {
        max-height: calc(100vh - 24px);

        border-radius: 17px;
    }

    .inventory-detail__summary[b-vudl4xbdnu] {
        grid-template-columns: 1fr;

        padding: 14px 18px;
    }

    .inventory-detail__header[b-vudl4xbdnu] {
        padding: 18px;
    }

    .warehouse-detail-list[b-vudl4xbdnu] {
        padding: 14px 18px;
    }

    .warehouse-detail-header[b-vudl4xbdnu] {
        align-items: flex-start;
        flex-direction: column;

        padding: 12px 14px;
    }

    .warehouse-total[b-vudl4xbdnu] {
        padding-left: 22px;
    }
}

@media (max-width: 480px) {

    .inventory-detail__identity h4[b-vudl4xbdnu] {
        font-size: 16px;
    }

    .inventory-detail__icon[b-vudl4xbdnu] {
        width: 42px;
        height: 42px;
    }

    .warehouse-detail-title strong[b-vudl4xbdnu] {
        white-space: normal;
    }

    .agent-badge[b-vudl4xbdnu] {
        display: none;
    }
}
/* /Components/Pages/Dashboard/DashboardPage.razor.rz.scp.css */
.dashboard-page[b-8m7vu2tbdi] {
    width: 100%;
    min-height: 100%;
    padding: 4px 2px 30px;
}

.dashboard-header[b-8m7vu2tbdi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.dashboard-header h1[b-8m7vu2tbdi] {
    margin: 0;
    color: #202b38;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.3px;
}

.dashboard-header p[b-8m7vu2tbdi] {
    margin: 5px 0 0;
    color: #89939d;
    font-size: 12px;
}

.dashboard-header-date[b-8m7vu2tbdi] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border: 1px solid #eceff1;
    border-radius: 9px;
    background: rgba(255, 255, 255, .75);
    color: #737d87;
    font-size: 11px;
    font-weight: 500;
}

.dashboard-header-date i[b-8m7vu2tbdi] {
    color: #e9a62d;
}

.company-filter-card[b-8m7vu2tbdi] {
    margin: 1.25rem 0;
    padding: 1rem 1.15rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
}

.company-filter-content[b-8m7vu2tbdi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.company-filter-info[b-8m7vu2tbdi] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.company-filter-icon[b-8m7vu2tbdi] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #fff7ed;
    color: #f59e0b;
    border: 1px solid #fed7aa;
}

.company-filter-icon i[b-8m7vu2tbdi] {
    font-size: 1rem;
}

.company-filter-info > div:last-child[b-8m7vu2tbdi] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.company-filter-label[b-8m7vu2tbdi] {
    color: #1e293b;
    font-size: .85rem;
    font-weight: 700;
}

.company-filter-description[b-8m7vu2tbdi] {
    color: #64748b;
    font-size: .75rem;
    line-height: 1.4;
}

.company-filter-select[b-8m7vu2tbdi] {
    width: 280px;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .company-filter-content[b-8m7vu2tbdi] {
        align-items: stretch;
        flex-direction: column;
        gap: .85rem;
    }

    .company-filter-select[b-8m7vu2tbdi] {
        width: 100%;
    }
}

.inventory-grid[b-8m7vu2tbdi] {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.inventory-card[b-8m7vu2tbdi] {
    position: relative;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    padding: 23px 23px 20px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .96),
            rgba(255, 255, 255, .86)
        );
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    box-shadow:
        0 8px 24px rgba(15, 23, 42, .045),
        0 2px 6px rgba(15, 23, 42, .025);
    overflow: hidden;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.inventory-card[b-8m7vu2tbdi]::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -70px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: rgba(255, 193, 7, .035);
    pointer-events: none;
}

.inventory-card:hover[b-8m7vu2tbdi] {
    transform: translateY(-3px);
    border-color: rgba(245, 158, 11, .18);
    box-shadow:
        0 14px 30px rgba(15, 23, 42, .07),
        0 4px 10px rgba(15, 23, 42, .025);
}

.inventory-card__header[b-8m7vu2tbdi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.inventory-card__identity[b-8m7vu2tbdi] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 13px;
}

.inventory-card__icon[b-8m7vu2tbdi] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #f8dfb0;
    border-radius: 11px;
    background: #fff8eb;
    color: #f59e0b;
    font-size: 18px;
}

.inventory-card__name[b-8m7vu2tbdi] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inventory-card__name strong[b-8m7vu2tbdi] {
    display: -webkit-box;
    max-width: 145px;
    color: rgb(41, 52, 65);
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.inventory-card__name span[b-8m7vu2tbdi] {
    color: #858e98;
    font-size: 11px;
}

.inventory-category[b-8m7vu2tbdi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #fff3dd;
    color: #e7a02a;
    font-size: 9px;
    font-weight: 600;
    white-space: nowrap;
}

.inventory-card__summary[b-8m7vu2tbdi] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 25px;
    gap: 10px;
}

.inventory-total__value[b-8m7vu2tbdi] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    color: #172331;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.8px;
}

.inventory-total__value span[b-8m7vu2tbdi] {
    color: #49545f;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
}

.inventory-total__label[b-8m7vu2tbdi] {
    margin-top: 5px;
    color: #737d86;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .45px;
}

.inventory-warehouse-count[b-8m7vu2tbdi] {
    padding-bottom: 1px;
    color: #716b64;
    font-size: 10px;
    font-weight: 600;
}

.inventory-stock-list[b-8m7vu2tbdi] {
    display: flex;
    flex-direction: column;
    margin-top: 22px;
}

.inventory-stock-row[b-8m7vu2tbdi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 38px;
    border-bottom: 1px solid #eef0f2;
    color: #5d6670;
    font-size: 11px;
}

.inventory-stock-row strong[b-8m7vu2tbdi] {
    color: #39444f;
    font-size: 11px;
    font-weight: 700;
}

.inventory-more[b-8m7vu2tbdi] {
    padding-top: 12px;
    color: #6f665d;
    font-size: 10px;
    font-style: italic;
    font-weight: 600;
}

.inventory-detail-button[b-8m7vu2tbdi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: fit-content;
    margin: auto auto 0;
    padding: 12px 8px 0;
    border: 0;
    background: transparent;
    color: #f0a020;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition:
        color .16s ease,
        transform .16s ease;
}

.inventory-detail-button i[b-8m7vu2tbdi] {
    font-size: 8px;
    transition: transform .16s ease;
}

.inventory-detail-button:hover[b-8m7vu2tbdi] {
    color: #d88900;
    transform: translateY(-1px);
}

.inventory-detail-button:hover i[b-8m7vu2tbdi] {
    transform: translateX(2px);
}

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

@media (max-width: 700px) {
    .dashboard-page[b-8m7vu2tbdi] {
        padding: 0 0 24px;
    }

    .dashboard-header[b-8m7vu2tbdi] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .inventory-grid[b-8m7vu2tbdi] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .inventory-card[b-8m7vu2tbdi] {
        min-height: 330px;
    }
}


@media (max-width: 450px) {
    .inventory-card[b-8m7vu2tbdi] {
        padding: 18px;
    }

    .inventory-card__summary[b-8m7vu2tbdi] {
        margin-top: 20px;
    }

    .inventory-total__value[b-8m7vu2tbdi] {
        font-size: 27px;
    }
}

.inventory-stock-row[b-8m7vu2tbdi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.inventory-stock-identity[b-8m7vu2tbdi] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .125rem;
}

.inventory-stock-warehouse[b-8m7vu2tbdi] {
    color: #374151;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-stock-row > strong[b-8m7vu2tbdi] {
    flex-shrink: 0;

    color: #1f2937;
    font-size: .8125rem;
    font-weight: 600;
}

.dashboard-empty-state[b-8m7vu2tbdi] {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    padding: 48px 24px;
    margin-top: 20px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    text-align: center;
}

.dashboard-empty-state__icon[b-8m7vu2tbdi] {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 28px;
}

.dashboard-empty-state__content[b-8m7vu2tbdi] {
    max-width: 420px;
}

.dashboard-empty-state__content h3[b-8m7vu2tbdi] {
    margin: 0 0 6px;
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
}

.dashboard-empty-state__content p[b-8m7vu2tbdi] {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.6;
}
/* /Components/Pages/GroupManagement/AddCompanyMembershipPage.razor.rz.scp.css */
.company-membership-page[b-clpaexickr] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.5rem;
}

.company-membership-header[b-clpaexickr] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.company-membership-breadcrumb[b-clpaexickr] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .5rem;

    color: #94a3b8;
    font-size: .78rem;
    font-weight: 500;
}

.company-membership-breadcrumb i[b-clpaexickr] {
    font-size: .65rem;
}

.company-membership-header h1[b-clpaexickr] {
    margin: 0;
    color: #1e293b;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.company-membership-header p[b-clpaexickr] {
    margin: .35rem 0 0;
    color: #64748b;
    font-size: .9rem;
}

.company-membership-layout[b-clpaexickr] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
    gap: 1.25rem;
    align-items: start;
}

.company-membership-card[b-clpaexickr] {
    min-width: 0;

    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;

    box-shadow:
        0 1px 2px rgba(15, 23, 42, .03),
        0 8px 24px rgba(15, 23, 42, .04);
}

.company-card-header[b-clpaexickr] {
    display: flex;
    align-items: center;
    gap: .8rem;

    padding: 1.15rem 1.25rem;

    border-bottom: 1px solid #f1f5f9;
}

.company-card-icon[b-clpaexickr] {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #f59e0b;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 10px;

    font-size: 1rem;
}

.company-card-header h2[b-clpaexickr] {
    margin: 0;

    color: #1e293b;
    font-size: .95rem;
    font-weight: 700;
}

.company-card-header p[b-clpaexickr] {
    margin: .2rem 0 0;

    color: #94a3b8;
    font-size: .78rem;
}

.company-detail-card[b-clpaexickr] {
    overflow: hidden;
}

.company-detail-main[b-clpaexickr] {
    display: flex;
    align-items: center;
    gap: 1rem;

    padding: 1.35rem 1.25rem;
}

.company-avatar[b-clpaexickr] {
    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #f59e0b;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 14px;

    font-size: 1.5rem;
}

.company-identity[b-clpaexickr] {
    min-width: 0;
}

.company-identity h3[b-clpaexickr] {
    margin: 0 0 .25rem;

    color: #1e293b;
    font-size: 1.2rem;
    font-weight: 700;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-code[b-clpaexickr] {
    display: inline-flex;
    align-items: center;

    padding: .2rem .55rem;

    color: #a16207;
    background: #fff4d6;
    border-radius: 6px;

    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .03em;
}

.company-identity p[b-clpaexickr] {
    margin: .6rem 0 0;

    color: #64748b;
    font-size: .82rem;
    line-height: 1.5;
}

.company-detail-divider[b-clpaexickr] {
    height: 1px;
    margin: 0 1.25rem;

    background: #f1f5f9;
}

.company-detail-info[b-clpaexickr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;

    padding: 1rem 1.25rem;
}

.company-info-item[b-clpaexickr] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.company-info-label[b-clpaexickr] {
    display: flex;
    align-items: center;
    gap: .4rem;

    color: #94a3b8;
    font-size: .72rem;
    font-weight: 600;
}

.company-info-label i[b-clpaexickr] {
    color: #f59e0b;
}

.company-info-item strong[b-clpaexickr] {
    color: #334155;
    font-size: .85rem;
}

.company-groups-section[b-clpaexickr] {
    padding: 1rem 1.25rem 1.25rem;
}

.company-groups-header[b-clpaexickr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;

    margin-bottom: .8rem;
}

.company-groups-header h3[b-clpaexickr] {
    margin: 0;

    color: #334155;
    font-size: .82rem;
    font-weight: 700;
}

.company-groups-header span:not(.company-group-count)[b-clpaexickr] {
    display: block;

    margin-top: .15rem;

    color: #94a3b8;
    font-size: .7rem;
}

.company-group-count[b-clpaexickr] {
    min-width: 28px;
    height: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 .5rem;

    color: #a16207;
    background: #fff4d6;
    border: 1px solid #fed7aa;
    border-radius: 999px;

    font-size: .7rem;
    font-weight: 700;
}

.company-group-list[b-clpaexickr] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.company-group-item[b-clpaexickr] {
    display: flex;
    align-items: center;
    gap: .65rem;

    padding: .65rem .75rem;

    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 9px;

    transition:
        background-color .15s ease,
        border-color .15s ease;
}

.company-group-item:hover[b-clpaexickr] {
    background: #fff7ed;
    border-color: #fed7aa;
}

.company-group-item-icon[b-clpaexickr] {
    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #f59e0b;
    background: #fff;
    border: 1px solid #fed7aa;
    border-radius: 7px;

    font-size: .75rem;
}

.company-group-item-content[b-clpaexickr] {
    min-width: 0;
    flex: 1;
}

.company-group-item-content span[b-clpaexickr] {
    display: block;

    color: #475569;
    font-size: .8rem;
    font-weight: 600;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-group-item .btn[b-clpaexickr] {
    flex: 0 0 auto;

    opacity: .75;

    transition:
        opacity .15s ease,
        transform .15s ease;
}

.company-group-item:hover .btn[b-clpaexickr] {
    opacity: 1;
}

.company-group-item .btn:hover[b-clpaexickr] {
    transform: translateY(-1px);
}

.company-groups-empty[b-clpaexickr] {
    display: flex;
    align-items: center;
    gap: .7rem;

    padding: .85rem;

    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
}

.company-groups-empty > i[b-clpaexickr] {
    color: #94a3b8;
    font-size: 1rem;
}

.company-groups-empty strong[b-clpaexickr] {
    display: block;

    color: #475569;
    font-size: .78rem;
}

.company-groups-empty span[b-clpaexickr] {
    display: block;

    margin-top: .15rem;

    color: #94a3b8;
    font-size: .7rem;
}

.membership-form-card[b-clpaexickr] {
    position: sticky;
    top: 1rem;
}

.membership-form-content[b-clpaexickr] {
    padding: 1.25rem;
}

.membership-target-label[b-clpaexickr] {
    display: block;

    margin-bottom: .55rem;

    color: #94a3b8;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.membership-target-company[b-clpaexickr] {
    display: flex;
    align-items: center;
    gap: .7rem;

    padding: .75rem;

    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 10px;
}

.membership-target-icon[b-clpaexickr] {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #f59e0b;
    background: #fff;
    border: 1px solid #fed7aa;
    border-radius: 9px;
}

.membership-target-company strong[b-clpaexickr] {
    display: block;

    color: #334155;
    font-size: .82rem;
}

.membership-target-company span[b-clpaexickr] {
    display: block;

    margin-top: .15rem;

    color: #a16207;
    font-size: .7rem;
    font-weight: 600;
}

.membership-form-divider[b-clpaexickr] {
    height: 1px;
    margin: 1.15rem 0;

    background: #f1f5f9;
}

.membership-field small[b-clpaexickr] {
    display: block;

    margin-top: .4rem;

    color: #94a3b8;
    font-size: .7rem;
}

.membership-action[b-clpaexickr] {
    display: flex;
    justify-content: flex-end;

    margin-top: 1.15rem;
}

.company-membership-loading[b-clpaexickr] {
    min-height: 280px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .7rem;

    color: #94a3b8;
    font-size: .8rem;
}

.company-membership-loading .spinner-border[b-clpaexickr] {
    width: 1.5rem;
    height: 1.5rem;

    color: #f59e0b;
}

@media (max-width: 992px) {

    .company-membership-layout[b-clpaexickr] {
        grid-template-columns: 1fr;
    }

    .membership-form-card[b-clpaexickr] {
        position: static;
    }
}

@media (max-width: 576px) {

    .company-membership-page[b-clpaexickr] {
        padding: 1rem;
    }

    .company-membership-header[b-clpaexickr] {
        align-items: flex-start;
        flex-direction: column;
    }

    .company-membership-header h1[b-clpaexickr] {
        font-size: 1.3rem;
    }

    .company-detail-main[b-clpaexickr] {
        padding: 1rem;
    }

    .company-avatar[b-clpaexickr] {
        width: 52px;
        height: 52px;
        font-size: 1.2rem;
    }

    .company-identity h3[b-clpaexickr] {
        font-size: 1rem;
    }

    .company-detail-info[b-clpaexickr] {
        grid-template-columns: 1fr;
    }

    .company-groups-section[b-clpaexickr],
    .membership-form-content[b-clpaexickr] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Components/Pages/GroupManagement/TabPanels/CreateCompanyGroupTabPanel.razor.rz.scp.css */
.item-form[b-u7zklj1mlh] {
    margin-top: 1rem;
}

.company-form[b-u7zklj1mlh] {
    margin-top: 1rem;
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 8px 30px rgba(15, 23, 42, .05),
        0 2px 8px rgba(15, 23, 42, .03);
}

.company-form-header[b-u7zklj1mlh] {
    padding: 1.75rem 2rem;
    background: linear-gradient(180deg, #ffffff, #fbfcfd);
    border-bottom: 1px solid #edf2f7;
}

.company-header-card[b-u7zklj1mlh]{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:1.5rem 2rem;
    margin-bottom:1rem;

    background:linear-gradient(135deg,#ffffff,#fcfcfd);
    border:1px solid #e8edf4;
    border-radius:20px;

    box-shadow:
        0 10px 30px rgba(15,23,42,.05),
        0 2px 8px rgba(15,23,42,.03);
}

.company-header-left[b-u7zklj1mlh]{
    display:flex;
    align-items:center;
    gap:1.25rem;
}

.company-header-icon[b-u7zklj1mlh]{
    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #fff8e6,
        #fde68a
    );

    color:#d97706;

    font-size:1.75rem;

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.7),
        0 8px 18px rgba(245,158,11,.18);
}

.company-header-title[b-u7zklj1mlh]{
    font-size:1.5rem;
    font-weight:700;
    color:#111827;
    margin-bottom:.3rem;
}

.company-header-subtitle[b-u7zklj1mlh]{
    color:#6b7280;
    line-height:1.6;
    max-width:520px;
}

.company-header-actions[b-u7zklj1mlh]{
    display:flex;
    align-items:center;
    gap:.75rem;
}

.company-header-actions .btn[b-u7zklj1mlh]{
    min-width:110px;
}

@media (max-width:768px){

    .company-header-card[b-u7zklj1mlh]{
        flex-direction:column;
        align-items:flex-start;
        gap:1.5rem;
    }

    .company-header-actions[b-u7zklj1mlh]{
        width:100%;
    }

    .company-header-actions .btn[b-u7zklj1mlh]{
        width:100%;
    }
}

.company-form-title[b-u7zklj1mlh] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: .35rem;
}

.company-form-subtitle[b-u7zklj1mlh] {
    margin: 0;
    color: #6b7280;
}

.company-form-body[b-u7zklj1mlh] {
    padding: 2rem;
}

.form-section[b-u7zklj1mlh] {
    background: #fcfcfd;
    border: 1px solid #eef2f7;
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.form-section-title[b-u7zklj1mlh] {
    margin-bottom: 1.5rem;

    color: #f59e0b;
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.company-form-footer[b-u7zklj1mlh] {
    padding: 1.25rem 2rem;
    background: #fafbfc;
    border-top: 1px solid #edf2f7;
}

.company-form .form-control[b-u7zklj1mlh],
.company-form textarea[b-u7zklj1mlh],
.company-form .form-select[b-u7zklj1mlh] {
    min-height: 48px;
    border-radius: 12px;
    border: 1px solid #dbe3ec;
    transition: all .2s ease;
}

.company-form textarea[b-u7zklj1mlh] {
    min-height: 140px;
}

.company-form .form-control:hover[b-u7zklj1mlh],
.company-form .form-select:hover[b-u7zklj1mlh] {
    border-color: #cbd5e1;
}

.company-form .form-control:focus[b-u7zklj1mlh],
.company-form .form-select:focus[b-u7zklj1mlh],
.company-form textarea:focus[b-u7zklj1mlh] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 .2rem rgba(245, 158, 11, .15);
}

.confirmation-modal[b-u7zklj1mlh] {
    text-align: center;
    padding: .5rem 0;
}

.confirmation-icon[b-u7zklj1mlh] {
    width: 72px;
    height: 72px;
    margin: 0 auto 1.5rem;

    border-radius: 20px;

    background: linear-gradient(135deg, #fff7ed, #fde68a);

    color: #d97706;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 2rem;
}

.confirmation-title[b-u7zklj1mlh] {
    margin-bottom: .75rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #1f2937;
}

.confirmation-message[b-u7zklj1mlh] {
    max-width: 420px;
    margin: 0 auto 2rem;
    color: #6b7280;
    line-height: 1.6;
}

.confirmation-summary[b-u7zklj1mlh] {
    display: flex;
    flex-direction: column;
    gap: .85rem;

    padding: 1.25rem;

    background: #f8fafc;

    border: 1px solid #e5e7eb;
    border-radius: 14px;
}

.summary-row[b-u7zklj1mlh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary-row span[b-u7zklj1mlh] {
    color: #6b7280;
    font-size: .92rem;
}

.summary-row strong[b-u7zklj1mlh] {
    color: #1f2937;
    font-weight: 600;
}

.company-form[b-u7zklj1mlh] {
    animation: fadeUp-b-u7zklj1mlh .25s ease;
}

@keyframes fadeUp-b-u7zklj1mlh {

    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: none;
    }

}

.company-preview[b-u7zklj1mlh]{
    display:flex;
    align-items:center;
    gap:1rem;

    margin-top:2rem;

    padding:1rem;

    border-radius:16px;
    border:1px solid #edf2f7;
    background:#fafafa;
}

.preview-avatar[b-u7zklj1mlh]{
    width:56px;
    height:56px;

    border-radius:16px;

    background:#fff7ed;
    color:#f59e0b;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:1.5rem;
}

.preview-name[b-u7zklj1mlh]{
    font-weight:700;
    color:#1f2937;
}

.preview-code[b-u7zklj1mlh]{
    color:#64748b;
    text-align: start;
}
/* /Components/Pages/GroupManagement/TabPanels/ListCompanyGroupTabPanel.razor.rz.scp.css */
.company-list[b-nuoj33jgil] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    margin-top: 1rem;
}

.company-item[b-nuoj33jgil] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 72px;
    padding: .8rem 1rem;
    overflow: hidden;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    background: #fff;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.company-item[b-nuoj33jgil]::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 0;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: #f59e0b;
    opacity: 0;
    transform: scaleY(.5);
    transition:
        opacity .2s ease,
        transform .2s ease;
}

.company-item:hover[b-nuoj33jgil] {
    transform: translateY(-1px);
    border-color: #fed7aa;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.company-item:hover[b-nuoj33jgil]::before {
    opacity: 1;
    transform: scaleY(1);
}

.company-item-icon[b-nuoj33jgil] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fff7ed;
    color: #ea580c;
    font-size: 1.2rem;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.company-item:hover .company-item-icon[b-nuoj33jgil] {
    background: #ffedd5;
    color: #c2410c;

    transform: scale(1.03);
}

.company-item-content[b-nuoj33jgil] {
    flex: 1;
    min-width: 0;
}

.company-item-header[b-nuoj33jgil] {
    display: flex;
    align-items: center;
    margin-bottom: .25rem;
}

.company-item-header h5[b-nuoj33jgil] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1e293b;
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.35;
}

.company-item-subtitle[b-nuoj33jgil] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #94a3b8;
    font-size: .74rem;
    line-height: 1.4;
}

.company-item-actions[b-nuoj33jgil] {
    display: flex;
    align-items: center;
    gap: .3rem;
    flex: 0 0 auto;
    padding-left: .6rem;
    border-left: 1px solid #f1f5f9;
}

.company-item-actions .action-btn[b-nuoj33jgil] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition:
        transform .15s ease,
        background .15s ease;
}

.company-item-actions .action-btn:hover[b-nuoj33jgil] {
    transform: translateY(-1px);
}

.company-badge[b-nuoj33jgil]{
    padding:.3rem .8rem;
    border-radius:999px;
    background:#fff7ed;
    color:#d97706;
    font-weight:600;
    font-size:.8rem;
    border:1px solid #fde68a;
}

.company-item-actions[b-nuoj33jgil]{
    display:flex;
    gap:.5rem;
}

.action-btn[b-nuoj33jgil]{
    width:42px;
    height:42px;
    border-radius:12px !important;
}

.company-item:hover .action-btn[b-nuoj33jgil]{
    transform:scale(1.05);
}

.empty-state[b-nuoj33jgil]{
    padding:5rem 2rem;
    text-align:center;
    color:#64748b;
}

.empty-icon[b-nuoj33jgil]{
    font-size:4rem;
    color:#f59e0b;
    margin-bottom:1rem;
}

.edit-company-header[b-nuoj33jgil]{
    display:flex;
    align-items:center;
    gap:1rem;
    padding-bottom:1.25rem;
    margin-bottom:1.5rem;
    border-bottom:1px solid #edf2f7;
}

.edit-company-icon[b-nuoj33jgil]{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:linear-gradient(135deg,#fff8e6,#fde68a);
    color:#d97706;
    font-size:1.7rem;
}

.edit-company-header h5[b-nuoj33jgil]{
    margin:0;
    font-weight:700;
}

.edit-company-header p[b-nuoj33jgil]{
    margin:.25rem 0 0;
    color:#64748b;
}

.company-preview[b-nuoj33jgil]{
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1rem;
    border-radius:16px;
    background:#fafafa;
    border:1px solid #edf2f7;
}

.preview-avatar[b-nuoj33jgil]{

    width:56px;
    height:56px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:14px;

    background:#fff7ed;

    color:#d97706;

    font-size:1.4rem;
}

.preview-name[b-nuoj33jgil]{
    font-weight:700;
    color:#111827;
}

.preview-code[b-nuoj33jgil]{
    color:#64748b;
}

.company-detail[b-nuoj33jgil] {
    padding: .25rem;
}

.company-detail-header[b-nuoj33jgil] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.company-detail-icon[b-nuoj33jgil] {
    width: 3.25rem;
    height: 3.25rem;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 12px;

    background: #fff7ed;
    border: 1px solid #fed7aa;

    color: #f59e0b;
    font-size: 1.35rem;
}

.company-detail-identity[b-nuoj33jgil] {
    min-width: 0;
}

.company-detail-title-row[b-nuoj33jgil] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
}

.company-detail-title-row h4[b-nuoj33jgil] {
    margin: 0;

    font-size: 1.1rem;
    font-weight: 650;
    color: #1f2937;
}

.company-detail-identity p[b-nuoj33jgil] {
    margin: .25rem 0 0;

    font-size: .8rem;
    color: #6b7280;
}

.company-detail-divider[b-nuoj33jgil] {
    height: 1px;

    margin: 1.25rem 0;

    background: #f1f5f9;
}

.company-detail-section-title[b-nuoj33jgil] {
    display: flex;
    align-items: center;
    gap: .5rem;

    margin-bottom: .9rem;

    font-size: .75rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .035em;

    color: #6b7280;
}

.company-detail-section-title i[b-nuoj33jgil] {
    color: #f59e0b;
    font-size: .9rem;
}

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

.company-detail-field[b-nuoj33jgil] {
    display: flex;
    flex-direction: column;
    gap: .2rem;

    padding: .8rem .9rem;

    background: #f9fafb;
    border: 1px solid #f1f5f9;
    border-radius: 10px;
}

.company-detail-field--full[b-nuoj33jgil] {
    grid-column: 1 / -1;
}

.company-detail-field span[b-nuoj33jgil] {
    font-size: .6875rem;
    color: #9ca3af;
}

.company-detail-field strong[b-nuoj33jgil] {
    font-size: .8rem;
    font-weight: 600;
    color: #374151;
    overflow-wrap: anywhere;
}

.company-detail-groups[b-nuoj33jgil] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.company-group-badge[b-nuoj33jgil] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;

    padding: .4rem .65rem;

    border-radius: 999px;

    background: #fff7ed;
    border: 1px solid #fed7aa;

    color: #a16207;

    font-size: .7rem;
    font-weight: 600;
}

.company-group-badge i[b-nuoj33jgil] {
    font-size: .65rem;
}

.company-detail-empty[b-nuoj33jgil] {
    display: flex;
    align-items: center;
    gap: .5rem;

    padding: .8rem .9rem;

    border: 1px dashed #e5e7eb;
    border-radius: 10px;

    background: #f9fafb;

    color: #9ca3af;
    font-size: .75rem;
}

.company-detail-empty i[b-nuoj33jgil] {
    font-size: .85rem;
}

@media (max-width: 576px) {

    .company-detail-grid[b-nuoj33jgil] {
        grid-template-columns: 1fr;
    }

    .company-detail-field--full[b-nuoj33jgil] {
        grid-column: auto;
    }

    .company-detail-header[b-nuoj33jgil] {
        align-items: flex-start;
    }

    .company-detail-title-row h4[b-nuoj33jgil] {
        font-size: 1rem;
    }
}

.company-detail-footer[b-nuoj33jgil] {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.company-membership-action-card[b-nuoj33jgil] {
    flex: 1;

    display: flex;
    align-items: center;
    gap: .75rem;

    padding: .7rem .8rem;

    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 12px;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.company-membership-action-card:hover[b-nuoj33jgil] {
    border-color: #f59e0b;

    box-shadow:
        0 3px 10px rgba(245, 158, 11, .08);
}

.company-membership-action-icon[b-nuoj33jgil] {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #f59e0b;
    background: #fff;
    border: 1px solid #fed7aa;
    border-radius: 9px;

    font-size: .95rem;
}

.company-membership-action-content[b-nuoj33jgil] {
    min-width: 0;
    flex: 1;
}

.company-membership-action-content strong[b-nuoj33jgil] {
    display: block;

    color: #334155;
    font-size: .8rem;
    font-weight: 700;
}

.company-membership-action-content span[b-nuoj33jgil] {
    display: block;

    margin-top: .15rem;

    color: #94a3b8;
    font-size: .7rem;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/MasterItem/Components/ItemGridView.razor.rz.scp.css */
.items-view-grid[b-2x1izjtp0z] {
    width: 100%;
}

.items-view-grid .row[b-2x1izjtp0z] {
    margin: 0;
}

.items-view-grid .item-grid-column[b-2x1izjtp0z] {
    cursor: pointer;
}

.items-view-grid .item-card[b-2x1izjtp0z] {
    height: 100%;
    padding: 1rem;
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 16px;
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}

.items-view-grid .item-card:hover[b-2x1izjtp0z] {
    border-color: #fed7aa;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
    transform: translateY(-2px);
}

.items-view-grid .item-card-header[b-2x1izjtp0z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.items-view-grid .item-icon[b-2x1izjtp0z] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    flex-shrink: 0;

    border-radius: 10px;
    background: #fff7ed;
    color: #f59e0b;
}

.items-view-grid .item-flag[b-2x1izjtp0z] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}

.items-view-grid .item-heading[b-2x1izjtp0z] {
    margin-top: 1rem;
}

.items-view-grid .item-name[b-2x1izjtp0z] {
    margin: 0;

    font-size: .9375rem;
    font-weight: 600;
    line-height: 1.4;

    color: #1f2937;
}

.items-view-grid .item-code[b-2x1izjtp0z] {
    margin-top: .25rem;

    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .6875rem;

    color: #9ca3af;
}

.items-view-grid .item-divider[b-2x1izjtp0z] {
    height: 1px;
    margin: 1rem 0;

    background: #f1f5f9;
}

.items-view-grid .item-card-body[b-2x1izjtp0z] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}

.items-view-grid .item-row[b-2x1izjtp0z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.items-view-grid .item-row span[b-2x1izjtp0z] {
    font-size: .75rem;
    color: #9ca3af;
}

.items-view-grid .item-row strong[b-2x1izjtp0z] {
    min-width: 0;

    font-size: .75rem;
    font-weight: 600;
    color: #374151;

    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-card-badges[b-2x1izjtp0z] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .375rem;
}

.item-card-badge[b-2x1izjtp0z] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;

    padding: .25rem .5rem;
    border-radius: 6px;

    font-size: .625rem;
    font-weight: 600;
    line-height: 1.2;
}

.item-card-badge--category[b-2x1izjtp0z] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #a16207;
}

.item-card-badge--serialized[b-2x1izjtp0z] {
    background: #fff4d6;
    border: 1px solid #fde68a;
    color: #a16207;
}
/* /Components/Pages/MasterItem/Components/ItemListView.razor.rz.scp.css */
.items-view-list[b-ga6jaq9ejc] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}

.items-view-list .item-list-card[b-ga6jaq9ejc] {
    padding: 1rem 1.125rem;

    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 14px;

    cursor: pointer;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background .15s ease;
}

.items-view-list .item-list-card:hover[b-ga6jaq9ejc] {
    border-color: #fed7aa;
    background: #fffdfa;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05);
}

.items-view-list .item-main[b-ga6jaq9ejc] {
    display: flex;
    align-items: center;
    gap: .875rem;
}

.items-view-list .item-avatar[b-ga6jaq9ejc] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    flex-shrink: 0;

    border-radius: 10px;

    background: #fff7ed;
    color: #f59e0b;
}

.items-view-list .item-identity[b-ga6jaq9ejc] {
    min-width: 0;
    flex: 1;
}

.items-view-list .item-title-row[b-ga6jaq9ejc] {
    display: flex;
    align-items: center;
    gap: .5rem;

    min-width: 0;
}

.items-view-list .item-title[b-ga6jaq9ejc] {
    min-width: 0;

    font-size: .875rem;
    font-weight: 600;
    color: #1f2937;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.items-view-list .item-subtitle[b-ga6jaq9ejc] {
    margin-top: .2rem;

    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .6875rem;

    color: #9ca3af;
}

.items-view-list .item-flag[b-ga6jaq9ejc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    flex-shrink: 0;
}

.items-view-list .item-divider[b-ga6jaq9ejc] {
    height: 1px;
    margin: .875rem 0;

    background: #f1f5f9;
}

.items-view-list .item-info[b-ga6jaq9ejc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.items-view-list .item-chip[b-ga6jaq9ejc] {
    display: flex;
    flex-direction: column;
    gap: .2rem;

    min-width: 0;
}

.items-view-list .item-chip small[b-ga6jaq9ejc] {
    font-size: .6875rem;
    color: #9ca3af;
}

.items-view-list .item-chip strong[b-ga6jaq9ejc] {
    min-width: 0;

    font-size: .75rem;
    font-weight: 600;

    color: #374151;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .items-view-list .item-list-card[b-ga6jaq9ejc] {
        padding: .875rem;
    }

    .items-view-list .item-info[b-ga6jaq9ejc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .items-view-list .item-chip:last-child[b-ga6jaq9ejc] {
        display: none;
    }
}

.item-list-badge[b-ga6jaq9ejc] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;

    padding: .25rem .5rem;
    border-radius: 6px;

    font-size: .625rem;
    font-weight: 600;
    white-space: nowrap;
}

.item-list-badge--serialized[b-ga6jaq9ejc] {
    background: #fff4d6;
    border: 1px solid #fde68a;
    color: #a16207;
}

.item-list-badge--standard[b-ga6jaq9ejc] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
}
/* /Components/Pages/MasterItem/Components/ItemsGridList.razor.rz.scp.css */
.items-view-grid .item-card[b-amb7cgt2p9] {
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 18px;
    transition: .2s;
    overflow: hidden;

    height: 100%;
    display: flex;
    flex-direction: column;
    gap: .875rem;
    padding: 1.125rem;
}

.items-view-grid .item-card:hover[b-amb7cgt2p9] {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(15,23,42,.08);
}

.items-view-grid .item-card-header[b-amb7cgt2p9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.items-view-grid .item-icon[b-amb7cgt2p9] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #fff7ed;
    color: #f59e0b;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.items-view-grid .item-flag[b-amb7cgt2p9] {
    flex-shrink: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .375rem;
}

.items-view-grid .item-flag .badge[b-amb7cgt2p9] {
    border-radius: 999px;
    padding: .375rem .75rem;
    white-space: nowrap;
}

.items-view-grid .item-flag .badge-category[b-amb7cgt2p9] {
    padding: .25rem .625rem;
    font-size: .6875rem;
}

.header-content[b-amb7cgt2p9]{
    display:flex;
    align-items:center;
    gap:1rem;
}

.header-icon[b-amb7cgt2p9]{
    width:56px;
    height:56px;
    border-radius:16px;
    background:#fff7ed;
    color:#f59e0b;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:1.5rem;
    flex-shrink:0;
}

.items-view-grid .item-divider[b-amb7cgt2p9] {
    height: 1px;
    background: #f1f5f9;
}

.items-view-grid .item-card-body[b-amb7cgt2p9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.items-view-grid .item-row[b-amb7cgt2p9] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    margin-bottom: 0;
}

.items-view-grid .item-row span[b-amb7cgt2p9] {
    font-size: .8125rem;
    color: #6b7280;
}

.items-view-grid .item-row strong[b-amb7cgt2p9] {
    font-size: .8125rem;
    font-weight: 600;
    color: #1f2937;
}

.items-view-grid .item-code[b-amb7cgt2p9] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .75rem;
    color: #9ca3af;
    margin-top: .25rem;
}

.items-view-grid .item-name[b-amb7cgt2p9] {
    margin: 0;
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.35;
    color: #1f2937;
    overflow-wrap: anywhere;
}

.items-view-list[b-amb7cgt2p9] {
    display: flex;
    flex-direction: column;
    gap: .875rem;
}

.items-view-list .item-list-card[b-amb7cgt2p9] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    background: white;
    border: 1px solid #edf2f7;
    border-radius: 16px;
    padding: 1.375rem;
    transition: .2s;
}

.items-view-list .item-list-card:hover[b-amb7cgt2p9] {
    box-shadow: 0 8px 20px rgba(15,23,42,.05);
}

.items-view-list .item-main[b-amb7cgt2p9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.items-view-list .item-identity[b-amb7cgt2p9] {
    flex: 1;
    min-width: 0;
}

.items-view-list .item-flag[b-amb7cgt2p9] {
    flex-shrink: 0;
}

.items-view-list .item-flag .badge[b-amb7cgt2p9] {
    border-radius: 999px;
    padding: .375rem .75rem;
    white-space: nowrap;
}

.items-view-list .item-avatar[b-amb7cgt2p9] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: #fff7ed;
    color: #f59e0b;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
}

.items-view-list .item-title-row[b-amb7cgt2p9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.items-view-list .item-title[b-amb7cgt2p9] {
    min-width: 0;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.35;
    color: #1f2937;
    overflow-wrap: anywhere;
}

.items-view-list .item-subtitle[b-amb7cgt2p9] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: #9ca3af;
    font-size: .75rem;
    margin-top: .25rem;
}

.items-view-list .item-divider[b-amb7cgt2p9] {
    height: 1px;
    background: #f1f5f9;
}

.items-view-list .item-info[b-amb7cgt2p9] {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    align-items: center;
}

/* Badge "Serialized": Bootstrap .badge defaultnya color:#fff, dan .bg-warning
   hanya men-set background — jadi teksnya putih di atas kuning.
   Pakai oranye tua yang sama dengan .role-badge di User Management.
   .text-warning (#ffc107 di atas .bg-warning-subtle) juga terlalu pucat,
   disamakan supaya ketiga badge Serialized konsisten. */
.badge.bg-warning[b-amb7cgt2p9] {
    color: #A16207;
}

/* !important wajib di sini: utility .text-warning milik Bootstrap juga
   memakai !important, jadi tanpa ini aturannya kalah. */
.badge.bg-warning-subtle.text-warning[b-amb7cgt2p9] {
    color: #A16207 !important;
}

/* .badge-serialized tidak pernah didefinisikan, jadi badge ini tampil sebagai
   teks putih tanpa background alias tak terlihat. Diberi pil amber yang sama. */
.badge.badge-serialized[b-amb7cgt2p9] {
    background: #FFF4D6;
    color: #A16207;
    border-radius: 999px;
    padding: .25rem .625rem;
    font-size: .6875rem;
    font-weight: 600;
}

.badge-category[b-amb7cgt2p9] {
    flex-shrink: 0;
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    background: #eef2f6;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: .25rem .625rem;
    font-size: .6875rem;
    font-weight: 400;
}

.items-view-list .item-chip[b-amb7cgt2p9] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;

    background: #f9fafb;
    border: 1px solid #f1f5f9;
    border-radius: 8px;
    padding: .375rem .75rem;
}

.items-view-list .item-chip small[b-amb7cgt2p9] {
    display: inline;
    color: #9ca3af;
    font-size: .75rem;
}

.items-view-list .item-chip strong[b-amb7cgt2p9] {
    font-size: .8125rem;
    font-weight: 600;
    color: #1f2937;
}

.empty-state[b-amb7cgt2p9] {
    text-align: center;
    padding: 5rem 1rem;
    color: #6b7280;
}

.empty-state i[b-amb7cgt2p9] {
    font-size: 4rem;
    color: #f59e0b;
    margin-bottom: 1rem;
}

.item-form-header[b-amb7cgt2p9] {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #eef2f7;
    background: linear-gradient(180deg,#fff,#fcfcfd);
}

.item-form-title[b-amb7cgt2p9] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: .25rem;
}

.item-form-subtitle[b-amb7cgt2p9] {
    color: #6b7280;
    margin: 0;
}

.item-form-body[b-amb7cgt2p9] {
    padding: 2rem;
}

.item-form-footer[b-amb7cgt2p9] {
    background: #fafbfc;
    border-top: 1px solid #eef2f7;
    padding: 1rem 2rem;
}

.form-section-title[b-amb7cgt2p9] {
    font-size: .9rem;
    font-weight: 700;
    color: #f59e0b;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.hx-form-control[b-amb7cgt2p9],
.form-control[b-amb7cgt2p9],
textarea[b-amb7cgt2p9] {
    border-radius: 12px !important;
    min-height: 48px;
}

textarea[b-amb7cgt2p9] {
    min-height: 140px !important;
}

.checkbox-card[b-amb7cgt2p9] {
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fafafa;
}

.form-divider[b-amb7cgt2p9] {
    margin: 2rem 0;
    border-top: 1px dashed #eceff3;
}

@media (max-width: 992px) {
    .items-view-list .item-list-card[b-amb7cgt2p9] {
        padding: 1.25rem;
    }

    .items-view-list .item-info[b-amb7cgt2p9] {
        gap: .5rem;
    }
}

.item-detail[b-amb7cgt2p9] {
    padding: 0.25rem;
}

.item-detail-header[b-amb7cgt2p9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.item-detail-identity[b-amb7cgt2p9] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    min-width: 0;
}

.item-detail-icon[b-amb7cgt2p9] {
    width: 46px;
    height: 46px;
    min-width: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #fed7aa;
    border-radius: 12px;

    background: #fff7ed;
    color: #f59e0b;

    font-size: 1.15rem;
}

.item-detail-title-row[b-amb7cgt2p9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.item-detail-title[b-amb7cgt2p9] {
    margin: 0;

    color: #1f2937;

    font-size: 1.1rem;
    font-weight: 650;
    line-height: 1.35;
}

.item-detail-code[b-amb7cgt2p9] {
    margin-top: 0.2rem;

    color: #9ca3af;

    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.78rem;
    line-height: 1.4;
}

.item-detail-header > .badge[b-amb7cgt2p9] {
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.item-detail .badge-serialized[b-amb7cgt2p9] {
    display: inline-flex;
    align-items: center;

    padding: 0.3rem 0.6rem;

    border: 1px solid #fed7aa;
    border-radius: 999px;

    background: #fff4d6;
    color: #a16207;

    font-size: 0.7rem;
    font-weight: 600;
}

.item-detail .badge-category[b-amb7cgt2p9] {
    display: inline-flex;
    align-items: center;

    max-width: 12rem;
    padding: 0.3rem 0.65rem;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    border: 1px solid #e2e8f0;
    border-radius: 999px;

    background: #f1f5f9;
    color: #475569;

    font-size: 0.7rem;
    font-weight: 500;
}

.item-detail-divider[b-amb7cgt2p9] {
    height: 1px;
    margin: 1.25rem 0;

    background: #f1f5f9;
}

.item-detail-section[b-amb7cgt2p9] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.item-detail-section-title[b-amb7cgt2p9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;

    color: #f59e0b;

    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.item-detail-section-title i[b-amb7cgt2p9] {
    color: #f59e0b;
    font-size: 0.9rem;
}

.item-detail-grid[b-amb7cgt2p9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.item-detail-field[b-amb7cgt2p9] {
    min-width: 0;

    padding: 0.75rem 0.875rem;

    border: 1px solid #edf2f7;
    border-radius: 10px;

    background: #fafbfc;
}

.item-detail-field:hover[b-amb7cgt2p9] {
    border-color: #fed7aa;
    background: #fffaf5;
}

.item-detail-field span[b-amb7cgt2p9] {
    display: block;

    margin-bottom: 0.3rem;

    color: #9ca3af;

    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1.3;
}

.item-detail-field strong[b-amb7cgt2p9] {
    display: block;

    color: #1f2937;

    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-detail-field .text-success[b-amb7cgt2p9] {
    color: #15803d !important;
}

.item-detail-field .text-secondary[b-amb7cgt2p9] {
    color: #6b7280 !important;
}

.item-detail-description[b-amb7cgt2p9] {
    padding: 0.875rem 1rem;

    border: 1px solid #edf2f7;
    border-radius: 10px;

    background: #fafbfc;

    color: #374151;

    font-size: 0.875rem;
    line-height: 1.6;

    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.item-detail-description:hover[b-amb7cgt2p9] {
    border-color: #fed7aa;
    background: #fffaf5;
}

@media (max-width: 767.98px) {
    .item-detail-header[b-amb7cgt2p9] {
        flex-direction: column;
        align-items: stretch;
    }

    .item-detail-header > .badge[b-amb7cgt2p9] {
        align-self: flex-start;
        margin-top: 0;
    }

    .item-detail-grid[b-amb7cgt2p9] {
        grid-template-columns: 1fr;
    }

    .item-detail-field strong[b-amb7cgt2p9] {
        white-space: normal;
    }
}

@media (max-width: 575.98px) {
    .item-detail[b-amb7cgt2p9] {
        padding: 0;
    }

    .item-detail-identity[b-amb7cgt2p9] {
        gap: 0.7rem;
    }

    .item-detail-icon[b-amb7cgt2p9] {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .item-detail-title[b-amb7cgt2p9] {
        font-size: 1rem;
    }

    .item-detail-divider[b-amb7cgt2p9] {
        margin: 1rem 0;
    }

    .item-detail-grid[b-amb7cgt2p9] {
        gap: 0.625rem;
    }

    .item-detail-field[b-amb7cgt2p9] {
        padding: 0.7rem 0.75rem;
    }
}

.items-pagination[b-amb7cgt2p9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    margin-top: 20px;
    padding: 12px 14px;

    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.items-pagination__summary[b-amb7cgt2p9] {
    color: #6b7280;
    font-size: 11px;
}

.items-pagination__summary strong[b-amb7cgt2p9] {
    color: #374151;
    font-weight: 700;
}

.items-pagination__controls[b-amb7cgt2p9] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.items-pagination__size[b-amb7cgt2p9] {
    height: 32px;
    min-width: 58px;
    padding: 0 8px;

    border: 1px solid #dfe3e8;
    border-radius: 7px;

    background: #ffffff;
    color: #4b5563;

    font-size: 11px;
    font-weight: 600;

    cursor: pointer;
}

.items-pagination__button[b-amb7cgt2p9] {
    width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dfe3e8;
    border-radius: 7px;

    background: #ffffff;
    color: #6b7280;

    font-size: 11px;

    cursor: pointer;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.items-pagination__button:hover:not(:disabled)[b-amb7cgt2p9] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #d97706;
}

.items-pagination__button:disabled[b-amb7cgt2p9] {
    opacity: .45;
    cursor: not-allowed;
}

.items-pagination__page[b-amb7cgt2p9] {
    min-width: 100px;

    text-align: center;

    color: #6b7280;
    font-size: 11px;
}

.items-pagination__page strong[b-amb7cgt2p9] {
    color: #374151;
    font-weight: 700;
}

@media (max-width: 576px) {
    .items-pagination[b-amb7cgt2p9] {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .items-pagination__summary[b-amb7cgt2p9] {
        text-align: center;
    }

    .items-pagination__controls[b-amb7cgt2p9] {
        justify-content: center;
    }

    .items-pagination__page[b-amb7cgt2p9] {
        min-width: auto;
    }
}

.items-view-simple[b-amb7cgt2p9] {
    display: flex;
    flex-direction: column;

    background: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 14px;

    overflow: hidden;
}

.item-simple-header[b-amb7cgt2p9],
.item-simple-row[b-amb7cgt2p9] {
    display: grid;
    grid-template-columns:
        minmax(220px, 1.6fr)
        minmax(120px, .9fr)
        minmax(120px, .9fr)
        70px
        80px
        100px;

    align-items: center;
    gap: 16px;

    padding: 10px 16px;
}

.item-simple-header[b-amb7cgt2p9] {
    background: #f9fafb;
    border-bottom: 1px solid #edf2f7;

    color: #9ca3af;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.item-simple-row[b-amb7cgt2p9] {
    min-height: 58px;

    border-bottom: 1px solid #f1f5f9;

    cursor: pointer;

    transition:
        background-color .15s ease,
        border-color .15s ease;
}

.item-simple-row:last-child[b-amb7cgt2p9] {
    border-bottom: none;
}

.item-simple-row:hover[b-amb7cgt2p9] {
    background: #fffbf3;
}

.item-simple-item[b-amb7cgt2p9] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 3px;
}

.item-simple-item strong[b-amb7cgt2p9] {
    overflow: hidden;

    color: #374151;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.3;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.item-simple-item span[b-amb7cgt2p9] {
    overflow: hidden;

    color: #9ca3af;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 10px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.item-simple-value[b-amb7cgt2p9] {
    overflow: hidden;

    color: #6b7280;
    font-size: 12px;
    line-height: 1.3;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.item-simple-buffer[b-amb7cgt2p9] {
    color: #4b5563;
    font-weight: 600;
}

.item-simple-type[b-amb7cgt2p9] {
    display: flex;
    align-items: center;
}

.item-simple-type .badge[b-amb7cgt2p9] {
    white-space: nowrap;
}
/* /Components/Pages/MasterItem/Components/ItemSimpleView.razor.rz.scp.css */
.item-simple-view[b-5qb6zq3eut] {
    display: flex;
    flex-direction: column;

    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 14px;
    overflow: hidden;
}

.item-simple-header[b-5qb6zq3eut],
.item-simple-row[b-5qb6zq3eut] {
    display: grid;
    grid-template-columns:
        minmax(15rem, 2fr)
        minmax(8rem, 1fr)
        minmax(8rem, 1fr)
        5rem
        5rem
        7rem;

    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
}

.item-simple-header[b-5qb6zq3eut] {
    background: #f9fafb;
    border-bottom: 1px solid #f1f5f9;

    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #9ca3af;
}

.item-simple-row[b-5qb6zq3eut] {
    min-height: 4rem;

    border-bottom: 1px solid #f1f5f9;

    cursor: pointer;

    transition:
        background-color .15s ease,
        box-shadow .15s ease;
}

.item-simple-row:last-child[b-5qb6zq3eut] {
    border-bottom: none;
}

.item-simple-row:hover[b-5qb6zq3eut] {
    background: #fffbf3;
}

.item-simple-item[b-5qb6zq3eut] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.item-simple-item strong[b-5qb6zq3eut] {
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.3;
    color: #1f2937;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-simple-item span[b-5qb6zq3eut] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    font-size: .6875rem;
    line-height: 1.3;
    color: #9ca3af;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-simple-value[b-5qb6zq3eut] {
    min-width: 0;

    font-size: .75rem;
    color: #6b7280;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-simple-buffer[b-5qb6zq3eut] {
    font-weight: 600;
    color: #374151;
}

.item-simple-type[b-5qb6zq3eut] {
    display: flex;
    justify-content: flex-start;
}

.item-simple-type .badge[b-5qb6zq3eut] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;

    white-space: nowrap;

    padding: .3rem .55rem;
    border-radius: 999px;

    font-size: .625rem;
    font-weight: 600;
}

.item-simple-type .badge-serialized[b-5qb6zq3eut] {
    background: #fff4d6;
    color: #a16207;
    border: 1px solid #fde68a;
}

.item-simple-type .badge-standard[b-5qb6zq3eut] {
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

@media (max-width: 992px) {
    .item-simple-header[b-5qb6zq3eut],
    .item-simple-row[b-5qb6zq3eut] {
        grid-template-columns:
            minmax(12rem, 2fr)
            minmax(7rem, 1fr)
            minmax(7rem, 1fr)
            4.5rem
            6.5rem;

        gap: .75rem;
        padding: .7rem .75rem;
    }

    .item-simple-header span:nth-child(3)[b-5qb6zq3eut],
    .item-simple-row .item-simple-value:nth-child(3)[b-5qb6zq3eut] {
        display: none;
    }
}

@media (max-width: 576px) {
    .item-simple-header[b-5qb6zq3eut],
    .item-simple-row[b-5qb6zq3eut] {
        grid-template-columns:
            minmax(0, 1fr)
            4rem
            5.5rem;

        gap: .5rem;
        padding: .65rem .75rem;
    }

    .item-simple-header span:nth-child(2)[b-5qb6zq3eut],
    .item-simple-header span:nth-child(4)[b-5qb6zq3eut],
    .item-simple-header span:nth-child(5)[b-5qb6zq3eut],
    .item-simple-row .item-simple-value:nth-child(2)[b-5qb6zq3eut],
    .item-simple-row .item-simple-value:nth-child(4)[b-5qb6zq3eut],
    .item-simple-row .item-simple-value:nth-child(5)[b-5qb6zq3eut] {
        display: none;
    }

    .item-simple-type[b-5qb6zq3eut] {
        justify-content: flex-start;
    }

    .item-simple-type .badge[b-5qb6zq3eut] {
        padding: .25rem .45rem;
    }

    .item-simple-type .badge i[b-5qb6zq3eut] {
        display: none;
    }
}
/* /Components/Pages/MasterItem/TabPanels/CreateItemTabPanel.razor.rz.scp.css */
.item-form[b-8ui8g7tyuw] {
    margin-top: 1rem;
    border: 1px solid #edf2f7;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow:
        0 8px 30px rgba(15,23,42,.05),
        0 2px 8px rgba(15,23,42,.03);
}

.item-form-header[b-8ui8g7tyuw] {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #eef2f7;
    background: linear-gradient(180deg,#fff,#fcfcfd);
}

.item-form-title[b-8ui8g7tyuw] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: .25rem;
}

.item-form-subtitle[b-8ui8g7tyuw] {
    color: #6b7280;
    margin: 0;
}

.item-form-body[b-8ui8g7tyuw] {
    padding: 2rem;
}

.item-form-footer[b-8ui8g7tyuw] {
    background: #fafbfc;
    border-top: 1px solid #eef2f7;
    padding: 1rem 2rem;
}

.form-section-title[b-8ui8g7tyuw] {
    font-size: .9rem;
    font-weight: 700;
    color: #f59e0b;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.hx-form-control[b-8ui8g7tyuw],
.form-control[b-8ui8g7tyuw],
textarea[b-8ui8g7tyuw] {
    border-radius: 12px !important;
    min-height: 48px;
}

textarea[b-8ui8g7tyuw] {
    min-height: 140px !important;
}

.checkbox-card[b-8ui8g7tyuw] {
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fafafa;
}

.form-divider[b-8ui8g7tyuw] {
    margin: 2rem 0;
    border-top: 1px dashed #eceff3;
}

.confirmation-modal[b-8ui8g7tyuw] {
    text-align: center;
    padding: .5rem;
}

.confirmation-icon[b-8ui8g7tyuw] {
    width: 72px;
    height: 72px;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    background: #fff7ed;
    color: #f59e0b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.confirmation-title[b-8ui8g7tyuw] {
    font-weight: 700;
    margin-bottom: .5rem;
}

.confirmation-message[b-8ui8g7tyuw] {
    color: #6b7280;
    margin-bottom: 1.75rem;
}

.confirmation-summary[b-8ui8g7tyuw] {
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    overflow: hidden;
    text-align: left;
    background: #fafafa;
}

.summary-row[b-8ui8g7tyuw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .85rem 1rem;
    border-bottom: 1px solid #eceff3;
}

.summary-row:last-child[b-8ui8g7tyuw] {
    border-bottom: none;
}

.summary-row span[b-8ui8g7tyuw] {
    color: #6b7280;
}

.summary-row strong[b-8ui8g7tyuw] {
    color: #111827;
    font-weight: 600;
}
/* /Components/Pages/MasterItem/TabPanels/ListItemTabPanel.razor.rz.scp.css */
.item-page[b-1vpy8ezpx5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .3fr);
    gap: 1.5rem;
    margin-top: 1rem;
    align-items: start;
}

.item-content[b-1vpy8ezpx5] {
    min-width: 0;
}

.filter-sidebar[b-1vpy8ezpx5] {
    min-width: 0;
}

.item-content[b-1vpy8ezpx5]{
    display:flex;
    flex-direction:column;
    gap:1rem;
}

.toolbar[b-1vpy8ezpx5]{
    display:flex;
    gap:1rem;
    align-items:center;
}

.search-box[b-1vpy8ezpx5]{
    flex:1;
}

.search-box .form-control[b-1vpy8ezpx5]{
    height:48px;
    border-radius:14px;
}

.filter-sidebar[b-1vpy8ezpx5]{
    position:sticky;
    top:1rem;
    height:fit-content;
    background:#fff;
    border-radius:22px;
    border:1px solid #eceff3;
    box-shadow:
        0 12px 28px rgba(15,23,42,.06);
    overflow:hidden;
}

.sidebar-section[b-1vpy8ezpx5]{

    padding:1.5rem;

    border-bottom:1px solid #f1f5f9;
}

.sidebar-section:last-child[b-1vpy8ezpx5]{
    border-bottom:none;
}

.sidebar-title[b-1vpy8ezpx5]{

    font-weight:700;

    margin-bottom:1rem;

    font-size:1rem;
}

.sidebar-footer[b-1vpy8ezpx5]{

    padding:1rem;

    background:#f8fafc;
}

.view-toggle[b-1vpy8ezpx5] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;

    padding: .35rem;

    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 14px;

    box-shadow:
        0 1px 3px rgba(15,23,42,.05),
        inset 0 1px 0 rgba(255,255,255,.8);
}

.view-btn[b-1vpy8ezpx5] {
    width: 42px;
    height: 42px;

    padding: 0 !important;

    display: flex;
    justify-content: center;
    align-items: center;

    border: none !important;
    background: transparent !important;

    border-radius: 10px;

    color: #6b7280 !important;

    transition: all .2s ease;
}

.view-btn:hover[b-1vpy8ezpx5] {
    background: #ffffff !important;
    color: #374151 !important;

    transform: translateY(-1px);
}

.view-btn.active[b-1vpy8ezpx5] {
    background: linear-gradient(135deg,#f59e0b,#fbbf24) !important;
    color: #A16207 !important;

    box-shadow:
        0 6px 16px rgba(245,158,11,.30);
}

.view-btn.active:hover[b-1vpy8ezpx5] {
    transform: none;
}

.filter-chip[b-1vpy8ezpx5]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    padding:.55rem .85rem;
    border:1px solid #d8dee8;
    border-radius:12px;
    cursor:pointer;
    transition:.2s;
}

.filter-chip:hover[b-1vpy8ezpx5]{
    border-color:#f59e0b;
}

.filter-chip.active[b-1vpy8ezpx5]{
    background:#fff7ed;
    border-color:#f59e0b;
    color:#f59e0b;
    font-weight:600;
}

.search-box[b-1vpy8ezpx5]{
    background:white;
    border-radius:16px;
    border:1px solid #e5e7eb;
    padding:.4rem .6rem;
    box-shadow:0 2px 12px rgba(15,23,42,.04);
}

.filter-sidebar[b-1vpy8ezpx5] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 32px);
    background: #fff;
    border-left: 1px solid #e9ecef;
    box-shadow: -8px 0 24px rgba(15, 23, 42, .05);
}

.sidebar-header[b-1vpy8ezpx5] {
    padding: 1.5rem;
    border-bottom: 1px solid #edf2f7;
}

.sidebar-header h5[b-1vpy8ezpx5] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2937;
}

.sidebar-header small[b-1vpy8ezpx5] {
    display: block;
    margin-top: .35rem;
    color: #6b7280;
}

.sidebar-body[b-1vpy8ezpx5] {
    flex: 1;
    overflow-y: auto;

    display: flex;
    flex-direction: column;
    gap: 1.25rem;

    padding: 1.5rem;
}

.sidebar-footer[b-1vpy8ezpx5] {
    padding: 1.5rem;
    border-top: 1px solid #edf2f7;
    background: #fff;

    display: flex;
    flex-direction: column;
    gap: .75rem;

    position: sticky;
    bottom: 0;
}

.filter-sidebar[b-1vpy8ezpx5],
.sidebar-header[b-1vpy8ezpx5],
.sidebar-footer[b-1vpy8ezpx5] {
    background: #fff;
}

.filter-sidebar .hx-form-group[b-1vpy8ezpx5],
.filter-sidebar .form-group[b-1vpy8ezpx5] {
    margin-bottom: 0;
}

.filter-sidebar .form-label[b-1vpy8ezpx5] {
    font-size: .875rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: .4rem;
}

.filter-sidebar .form-control[b-1vpy8ezpx5],
.filter-sidebar .form-select[b-1vpy8ezpx5] {
    border-radius: .75rem;
    border: 1px solid #dbe3ec;
    min-height: 44px;

    transition: all .2s ease;
}

.filter-sidebar .form-control:focus[b-1vpy8ezpx5],
.filter-sidebar .form-select:focus[b-1vpy8ezpx5] {
    border-color: #2563eb;
    box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .15);
}

.filter-sidebar input[type=number][b-1vpy8ezpx5] {
    text-align: right;
}

.sidebar-footer .btn[b-1vpy8ezpx5] {
    height: 44px;
    border-radius: .75rem;
    font-weight: 600;
}

.sidebar-footer .btn-primary[b-1vpy8ezpx5] {
    box-shadow: 0 8px 20px rgba(37, 99, 235, .2);
}

.sidebar-body[b-1vpy8ezpx5]::-webkit-scrollbar {
    width: 6px;
}

.sidebar-body[b-1vpy8ezpx5]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

.sidebar-body[b-1vpy8ezpx5]::-webkit-scrollbar-track {
    background: transparent;
}

@media (max-width: 992px) {
    .filter-sidebar[b-1vpy8ezpx5] {
        width: 100%;
        height: auto;
    }

    .sidebar-body[b-1vpy8ezpx5] {
        max-height: 60vh;
    }

    .item-page[b-1vpy8ezpx5] {
        grid-template-columns: 1fr;
    }

    .filter-sidebar[b-1vpy8ezpx5] {
        display: none;
    }

    .item-list-card[b-1vpy8ezpx5] {
        display: grid;
        gap: 1rem;
    }

    .item-main[b-1vpy8ezpx5] {
        display: grid;
        gap: .5rem;
    }
}

@media (max-width: 992px) {
    .item-page[b-1vpy8ezpx5] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .filter-sidebar[b-1vpy8ezpx5] {
        order: -1;
    }
}

@media (max-width: 576px) {
    .item-page[b-1vpy8ezpx5] {
        gap: 1rem;
        margin-top: .75rem;
    }
}
/* /Components/Pages/MaterialRequest/Approval/ApprovalMaterialPage.razor.rz.scp.css */
.section-toolbar[b-7ktx04b87l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 24px 0 18px;
}

.section-toolbar-title[b-7ktx04b87l] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-toolbar-title > i[b-7ktx04b87l] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #fff7ed;
    color: #f59e0b;
}

.section-toolbar-title div[b-7ktx04b87l] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.section-toolbar-title strong[b-7ktx04b87l] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
}

.section-toolbar-title span[b-7ktx04b87l] {
    color: #94a3b8;
    font-size: 12px;
}

.view-toggle[b-7ktx04b87l] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.view-toggle-btn[b-7ktx04b87l] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s ease;
}

.view-toggle-btn:hover[b-7ktx04b87l] {
    background: #fff;
    color: #334155;
}

.view-toggle-btn.active[b-7ktx04b87l] {
    background: #fff4d6;
    color: #a16207;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
}

@media (max-width: 768px) {
    .section-toolbar[b-7ktx04b87l] {
        align-items: flex-start;
        flex-direction: column;
    }

    .view-toggle[b-7ktx04b87l] {
        width: 100%;
    }

    .view-toggle-btn[b-7ktx04b87l] {
        flex: 1;
        justify-content: center;
    }
}

.warehouse-filter-card[b-7ktx04b87l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 20px;
    margin: 20px 0;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.warehouse-filter-info[b-7ktx04b87l] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.warehouse-filter-icon[b-7ktx04b87l] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 19px;
}

.warehouse-filter-text[b-7ktx04b87l] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.warehouse-filter-label[b-7ktx04b87l] {
    color: #1e293b;
    font-size: 14px;
    font-weight: 700;
}

.warehouse-filter-description[b-7ktx04b87l] {
    color: #64748b;
    font-size: 13px;
    line-height: 1.4;
}

.warehouse-filter-control[b-7ktx04b87l] {
    width: 320px;
    flex-shrink: 0;
}

.warehouse-filter-control .filter-select[b-7ktx04b87l] {
    width: 100%;
}

@media (max-width: 768px) {
    .warehouse-filter-card[b-7ktx04b87l] {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .warehouse-filter-control[b-7ktx04b87l] {
        width: 100%;
    }
}
/* /Components/Pages/MaterialRequest/Approval/Components/ApprovalMaterialRequestForm.razor.rz.scp.css */

.approval-panel[b-n56qow8v34] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    margin-bottom: 1.15rem;
    padding: 1.15rem;
    background: #fff;
    border: 1px solid #fed7aa;
    border-radius: 16px;
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.approval-panel-header[b-n56qow8v34] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
    color: #1e293b;
    font-size: .98rem;
    font-weight: 700;
}

.approval-panel-header > i[b-n56qow8v34] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    color: #d97706;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 11px;
    font-size: 1.05rem;
}

.approval-count[b-n56qow8v34] {
    padding: .3rem .65rem;
    margin-left: auto;
    color: #a16207;
    background: #fff4d6;
    border: 1px solid #fde68a;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}

.approval-decision-actions[b-n56qow8v34] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    width: 100%;
    min-width: 0;
}

.approval-choice[b-n56qow8v34] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-width: 0;
    min-height: 41px;
    padding: .6rem .85rem;
    color: #475569;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.approval-choice:hover[b-n56qow8v34] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.approval-choice-approved.active[b-n56qow8v34] {
    color: #166534;
    background: #f0fdf4;
    border-color: #86efac;
}

.approval-choice-approved.active:hover[b-n56qow8v34] {
    background: #dcfce7;
}

.approval-choice-rejected.active[b-n56qow8v34] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fca5a5;
}

.approval-choice-rejected.active:hover[b-n56qow8v34] {
    background: #fee2e2;
}

.approval-choice:focus-visible[b-n56qow8v34] {
    outline: 3px solid rgba(245, 158, 11, .22);
    outline-offset: 2px;
}

/* Rejection comment */
.approval-comment[b-n56qow8v34] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
    min-width: 0;
    padding: .9rem;
    background: #fffaf5;
    border: 1px solid #fed7aa;
    border-radius: 11px;
}

.approval-comment label[b-n56qow8v34] {
    margin: 0;
    color: #334155;
    font-size: .83rem;
    font-weight: 600;
}

.approval-comment .form-control[b-n56qow8v34],
.approval-comment textarea[b-n56qow8v34] {
    width: 100%;
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: .85rem;
}

.approval-comment .form-control:focus[b-n56qow8v34],
.approval-comment textarea:focus[b-n56qow8v34] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .12);
}

.approval-comment .validation-message[b-n56qow8v34],
.approval-panel .validation-message[b-n56qow8v34] {
    color: #dc2626;
    font-size: .8rem;
}

/* Multi approval list */
.multi-approval-list[b-n56qow8v34] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    width: 100%;
    min-width: 0;
}

.multi-approval-item[b-n56qow8v34] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    width: 100%;
    min-width: 0;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.multi-approval-item:hover[b-n56qow8v34] {
    border-color: #fed7aa;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .035);
}

.multi-approval-item-header[b-n56qow8v34] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    width: 100%;
    min-width: 0;
}

.multi-approval-item-icon[b-n56qow8v34] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 39px;
    height: 39px;
    color: #d97706;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    font-size: 1rem;
}

.multi-approval-item-info[b-n56qow8v34] {
    flex: 1;
    min-width: 0;
}

.multi-approval-request-number[b-n56qow8v34] {
    overflow-wrap: anywhere;
    color: #1e293b;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.45;
}

.multi-approval-item-name[b-n56qow8v34] {
    margin-top: .25rem;
    overflow-wrap: anywhere;
    color: #64748b;
    font-size: .81rem;
    line-height: 1.5;
}

.approval-panel .validation-summary-errors[b-n56qow8v34] {
    padding: .75rem .9rem;
    color: #b91c1c;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 9px;
    font-size: .83rem;
}

.mr-btn--submit-approve[b-n56qow8v34] {
    color: #fff !important;
    background: #d97706 !important;
    border-color: #d97706 !important;
}

.mr-btn--submit-approve:hover[b-n56qow8v34] {
    background: #b45309 !important;
    border-color: #b45309 !important;
}

.mr-btn--submit-reject[b-n56qow8v34] {
    color: #fff !important;
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}

.mr-btn--submit-reject:hover[b-n56qow8v34] {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
}

.mr-btn--submit-idle[b-n56qow8v34] {
    color: #475569 !important;
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

@media (max-width: 576px) {
    .approval-panel[b-n56qow8v34] {
        padding: .85rem;
        border-radius: 13px;
    }

    .approval-panel-header[b-n56qow8v34] {
        font-size: .92rem;
    }

    .approval-count[b-n56qow8v34] {
        margin-left: 0;
    }

    .multi-approval-item[b-n56qow8v34] {
        padding: .8rem;
    }

    .approval-comment[b-n56qow8v34] {
        padding: .75rem;
    }

    .approval-choice[b-n56qow8v34] {
        padding-inline: .4rem;
        font-size: .81rem;
    }
}

.mr-btn--submit-mixed[b-n56qow8v34] {
    color: #fff !important;
    background: #475569 !important;
    border-color: #475569 !important;
}

.mr-btn--submit-mixed:hover[b-n56qow8v34] {
    background: #334155 !important;
    border-color: #334155 !important;
}

.mr-confirm-summary[b-n56qow8v34] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.mr-confirm-summary-item[b-n56qow8v34] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.mr-confirm-summary-item > i[b-n56qow8v34] {
    font-size: 1.2rem;
}

.mr-confirm-summary-item > div[b-n56qow8v34] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mr-confirm-summary-item span[b-n56qow8v34] {
    color: #64748b;
    font-size: .78rem;
}

.mr-confirm-summary-item strong[b-n56qow8v34] {
    color: #1e293b;
    font-size: 1.25rem;
}

.mr-confirm-summary-item.is-success > i[b-n56qow8v34] {
    color: #16a34a;
}

.mr-confirm-summary-item.is-danger > i[b-n56qow8v34] {
    color: #dc2626;
}

.mr-confirm-list[b-n56qow8v34] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 16px;
    padding-right: 3px;
}

.mr-confirm-list-item[b-n56qow8v34] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 11px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
}

.mr-confirm-list-icon[b-n56qow8v34] {
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
}

.mr-confirm-list-icon.is-success[b-n56qow8v34] {
    color: #15803d;
    background: #dcfce7;
}

.mr-confirm-list-icon.is-danger[b-n56qow8v34] {
    color: #b91c1c;
    background: #fee2e2;
}

.mr-confirm-list-content[b-n56qow8v34] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.mr-confirm-list-content > strong[b-n56qow8v34] {
    color: #1e293b;
    font-size: .86rem;
}

.mr-confirm-list-content > span[b-n56qow8v34] {
    color: #64748b;
    font-size: .8rem;
}

.mr-confirm-list-comment[b-n56qow8v34] {
    display: flex;
    gap: 6px;
    margin-top: 5px;
    color: #64748b;
    font-size: .78rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.mr-confirm-status[b-n56qow8v34] {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 6px;
    font-size: .7rem;
    font-weight: 700;
}

.mr-confirm-status.is-success[b-n56qow8v34] {
    color: #166534;
    background: #dcfce7;
}

.mr-confirm-status.is-danger[b-n56qow8v34] {
    color: #991b1b;
    background: #fee2e2;
}

.mr-confirm-note[b-n56qow8v34] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 11px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-size: .82rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.mr-confirm-note > i[b-n56qow8v34] {
    flex: 0 0 auto;
    margin-top: 2px;
}

.mr-confirm-note.is-success[b-n56qow8v34] {
    color: #166534;
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.mr-confirm-note.is-danger[b-n56qow8v34] {
    color: #991b1b;
    border-color: #fecaca;
    background: #fef2f2;
}

.mr-confirm-note.is-warning[b-n56qow8v34] {
    color: #92400e;
    border-color: #fde68a;
    background: #fffbeb;
}

@media (max-width: 480px) {
    .mr-confirm-summary[b-n56qow8v34] {
        gap: 7px;
    }

    .mr-confirm-summary-item[b-n56qow8v34] {
        padding: 9px;
    }

    .mr-confirm-list-item[b-n56qow8v34] {
        flex-wrap: wrap;
    }

    .mr-confirm-status[b-n56qow8v34] {
        margin-left: 40px;
    }
}
/* /Components/Pages/MaterialRequest/Components/ListRequestedMaterialGroupedByItem.razor.rz.scp.css */
.request-container[b-cfaoptgkch]{
    margin-top: 1rem;
    display:flex;
    flex-direction:column;
    gap:22px;
}

.request-card[b-cfaoptgkch]{
    background:white;
    border:1px solid #edf2f7;
    border-radius:24px;
    box-shadow:0 10px 35px rgba(15,23,42,.05);
}

.request-card summary[b-cfaoptgkch]{
    list-style:none;
}

.request-card summary[b-cfaoptgkch]::-webkit-details-marker{
    display:none;
}

.request-header[b-cfaoptgkch]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:24px 28px;
    cursor:pointer;
}

.request-header-left[b-cfaoptgkch]{
    display:flex;
    align-items:center;
    gap:18px;
    flex:1 1 auto;
    min-width:0;
}

.request-header-left > div[b-cfaoptgkch]{
    min-width:0;
}

.item-icon[b-cfaoptgkch]{
    flex:0 0 auto;
    width:54px;
    height:54px;
    border-radius:16px;
    background:#fff7ed;
    color:#f59e0b;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:1.3rem;
}

.item-title[b-cfaoptgkch]{
    font-size:1.35rem;
    font-weight:700;
    color:#0f172a;
    overflow-wrap:anywhere;
}

.item-subtitle[b-cfaoptgkch]{
    color:#94a3b8;
    margin-top:2px;
    font-size:.82rem;
}

.request-header-right[b-cfaoptgkch]{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}

.summary-pill[b-cfaoptgkch]{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    background:#f8fafc;
    color:#475569;
    font-size:.8rem;
    font-weight:600;
}

.summary-pill.warning[b-cfaoptgkch]{
    background:#fff8eb;
    color:#b45309;
}

.expand-arrow[b-cfaoptgkch]{
    flex:0 0 auto;
    font-size:1.1rem;
    color:#94a3b8;
    transition:.25s;
}

details[open] .expand-arrow[b-cfaoptgkch]{
    transform:rotate(180deg);
}

.table-wrapper[b-cfaoptgkch]{
    border-top:1px solid #f1f5f9;
}

.request-table[b-cfaoptgkch]{
    width:100%;
    border-collapse:collapse;
}

.request-table thead[b-cfaoptgkch]{
    background:#fafafa;
}

.request-table th[b-cfaoptgkch]{
    padding:18px;
    text-align:left;
    color:#94a3b8;
    font-size:.73rem;
    font-weight:700;
    letter-spacing:.08em;
}

.request-table td[b-cfaoptgkch]{
    padding:18px;
    border-top:1px solid #f8fafc;
    font-size: 10pt;
    cursor: pointer;
}

.request-table tbody tr[b-cfaoptgkch]{
    transition:.2s;
}

.request-table tbody tr:hover[b-cfaoptgkch]{
    background:#ecf0f4;
}

.user-info[b-cfaoptgkch]{
    display:flex;
    align-items:center;
    gap:12px;
}

.avatar[b-cfaoptgkch]{
    flex:0 0 auto;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#f59e0b;
    color:#A16207;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.78rem;
    font-weight:700;
}

.cell-sub[b-cfaoptgkch]{
    font-size:9pt;
    color:gray;
    letter-spacing:1px;
}

.empty-frame[b-cfaoptgkch]{
    margin-top:1rem;
    padding:26px;
    border-radius:24px;
    border:1px solid rgba(180,132,40,.10);
    background:linear-gradient(160deg,#FFF8EA 0%,#FEF4E4 55%,#FCEEDD 100%);
}

.empty-card[b-cfaoptgkch]{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:58px 44px 52px;
    background:#FFFFFF;
    border-radius:20px;
    border:1px solid rgba(180,132,40,.10);
    box-shadow:0 10px 30px rgba(120,90,20,.07);
}

.empty-visual[b-cfaoptgkch]{
    position:relative;
    width:116px;
    height:116px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:26px;
}

.empty-halo[b-cfaoptgkch]{
    position:absolute;
    inset:0;
    border-radius:999px;
    background:radial-gradient(circle at 50% 45%,rgba(245,158,11,.22),rgba(245,158,11,0) 68%);
    animation:mrEmptyHaloPulse-b-cfaoptgkch 5.5s ease-in-out infinite;
}

.empty-ring[b-cfaoptgkch]{
    position:absolute;
    inset:8px;
    border-radius:999px;
    border:1.5px dashed rgba(245,158,11,.35);
}

.empty-core[b-cfaoptgkch]{
    position:relative;
    width:78px;
    height:78px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(155deg,#FFFFFF 0%,#FEF3DC 100%);
    border:1px solid rgba(245,158,11,.22);
    box-shadow:0 8px 18px rgba(200,140,30,.14);
    animation:mrEmptyFloatY-b-cfaoptgkch 6s ease-in-out infinite;
}

.empty-title[b-cfaoptgkch]{
    margin:0 0 10px;
    font-size:22px;
    line-height:1.25;
    font-weight:650;
    color:#111827;
    letter-spacing:-.015em;
}

.empty-message[b-cfaoptgkch]{
    margin:0;
    max-width:430px;
    font-size:15px;
    line-height:1.6;
    color:#6B7280;
    text-wrap:pretty;
}

.empty-recap[b-cfaoptgkch]{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:22px;
}

.empty-recap-label[b-cfaoptgkch]{
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#9CA3AF;
}

.empty-recap-chip[b-cfaoptgkch]{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.2rem .65rem;
    border-radius:999px;
    background:#FFF8EB;
    border:1px solid #FDE7C3;
    color:#B45309;
    font-size:.72rem;
}

.empty-actions[b-cfaoptgkch]{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin-top:30px;
}

.empty-btn[b-cfaoptgkch]{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    height:42px;
    padding:0 20px;
    border-radius:12px;
    border:1px solid transparent;
    font-size:.9rem;
    font-weight:600;
    text-decoration:none;
    cursor:pointer;
    transition:all .2s ease;
}

.empty-btn i[b-cfaoptgkch]{
    font-size:.9rem;
}

.empty-btn.primary[b-cfaoptgkch]{
    background:#FFC107;
    border-color:#FFC107;
    color:var(--text-on-warning);
}

.empty-btn.primary:hover[b-cfaoptgkch]{
    background:#FFCA2C;
    border-color:#FFC720;
    color:var(--text-on-warning);
}

.empty-btn.ghost[b-cfaoptgkch]{
    background:#FFFFFF;
    border-color:#E5E7EB;
    color:#374151;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
}

.empty-btn.ghost:hover[b-cfaoptgkch]{
    background:#FFF8EB;
    border-color:#F59E0B;
    color:#D97706;
    box-shadow:0 6px 18px rgba(245,158,11,.12);
}

.empty-btn:active[b-cfaoptgkch]{
    transform:scale(.98);
}

@keyframes mrEmptyFloatY-b-cfaoptgkch{
    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-6px);
    }
}

@keyframes mrEmptyHaloPulse-b-cfaoptgkch{
    0%,100%{
        transform:scale(1);
        opacity:.55;
    }

    50%{
        transform:scale(1.12);
        opacity:.3;
    }
}

@media (max-width: 640px){
    .empty-frame[b-cfaoptgkch]{
        padding:14px;
    }

    .empty-card[b-cfaoptgkch]{
        padding:40px 20px 34px;
    }

    .empty-btn[b-cfaoptgkch]{
        width:100%;
        justify-content:center;
    }
}

@media (prefers-reduced-motion: reduce){
    .empty-halo[b-cfaoptgkch],
    .empty-core[b-cfaoptgkch]{
        animation:none;
    }
}

.mr-modal-overlay[b-cfaoptgkch]{
    position:fixed;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:32px;
    background:rgba(15,23,42,.45);
    backdrop-filter:blur(4px);
    z-index:9999;
}

.mr-modal[b-cfaoptgkch]{
    width:min(980px,95vw);
    max-height:90vh;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:
        0 24px 60px rgba(15,23,42,.18);
    animation:modalIn-b-cfaoptgkch .18s ease;
}

.mr-modal-body[b-cfaoptgkch]{
    max-height:90vh;
    overflow-y:auto;
    overflow-x:hidden;
    padding:28px;
}

.mr-modal-body[b-cfaoptgkch]::-webkit-scrollbar{
    width:10px;
}

.mr-modal-body[b-cfaoptgkch]::-webkit-scrollbar-track{
    background:#F3F4F6;
    border-radius:999px;
}

.mr-modal-body[b-cfaoptgkch]::-webkit-scrollbar-thumb{
    background:#D4A017;
    border-radius:999px;
    border:2px solid #F3F4F6;
}

.mr-modal-body[b-cfaoptgkch]::-webkit-scrollbar-thumb:hover{
    background:#B8860B;
}

.mr-modal-body[b-cfaoptgkch]{
    scrollbar-width:thin;
    scrollbar-color:#D4A017 #F3F4F6;
}

.status[b-cfaoptgkch] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    border: 1px solid transparent;
    white-space: nowrap;
}

.status.pending[b-cfaoptgkch] {
    background: #FFF8E6;
    color: #C98700;
    border-color: #F6D38A;
}

.status.waiting[b-cfaoptgkch] {
    background: #F4ECFF;
    color: #7C3AED;
    border-color: #D8C5FF;
}

.status.rejected[b-cfaoptgkch] {
    background: #FDECEC;
    color: #D32F2F;
    border-color: #F4B5B5;
}

.status.approved[b-cfaoptgkch] {
    background: #EAF8F0;
    color: #15803D;
    border-color: #B9E6C9;
}

.status.verified[b-cfaoptgkch] {
    background: #E8F5FF;
    color: #1976D2;
    border-color: #B9DBFF;
}

.action-column[b-cfaoptgkch]{
    width:70px;
    text-align:center;
    white-space:nowrap;
}

.action-dropdown[b-cfaoptgkch]{
    position:relative;
    display:inline-block;
    z-index:999;
}

.action-menu-btn[b-cfaoptgkch]{
    width:36px;
    height:36px;
    border:none;
    border-radius:10px;
    background:#F8F9FA;
    color:#6B7280;
    cursor:pointer;
    transition:.2s;
}

.action-menu-btn:hover[b-cfaoptgkch]{
    background:#EEF2F7;
    color:#1F2937;
}

.action-menu[b-cfaoptgkch]{
    position:absolute;
    right:0;
    top:42px;
    width:190px;
    background:white;
    border:1px solid #E5E7EB;
    border-radius:14px;
    box-shadow:
        0 12px 28px rgba(0,0,0,.12);
    overflow:hidden;
    z-index:1000;
}

.action-menu-item[b-cfaoptgkch]{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:12px 16px;
    border:none;
    background:white;
    color:#374151;
    text-decoration:none;
    cursor:pointer;
    transition:.15s;
}

.action-menu-item:hover[b-cfaoptgkch]{
    background:#F8FAFC;
}

.action-menu-item i[b-cfaoptgkch]{
    width:18px;
    text-align:center;
    color:#C88700;
}

.action-view-list[b-cfaoptgkch] {
    width: 34px;
    height: 34px;
    padding: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #e7e9ec;
    border-radius: 8px;

    background: #fff;
    color: #6b7280;

    cursor: pointer;

    transition: all 0.18s ease;
}

.action-view-list:hover[b-cfaoptgkch] {
    background: #fff8eb;
    border-color: #f2c46d;
    color: #c27a00;

    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(194, 122, 0, 0.10);
}

.action-view-list i[b-cfaoptgkch] {
    font-size: 15px;
}

.dropdown-overlay[b-cfaoptgkch]{
    position:fixed;
    inset:0;
    z-index:998;
    background:transparent;
}

@keyframes modalIn-b-cfaoptgkch{
    from{
        opacity:0;
        transform:translateY(12px) scale(.98);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

.pagination-container[b-cfaoptgkch] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #ECECEC;
}

.pagination-center[b-cfaoptgkch] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
}

.page-numbers[b-cfaoptgkch] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    justify-content: center;
}

.page-number[b-cfaoptgkch] {
    width: 38px;
    height: 38px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    background: #fff;
    color: #374151;
    cursor: pointer;
    transition: .2s;
    font-weight: 600;
}

.page-number:hover[b-cfaoptgkch] {
    border-color: #F59E0B;
    color: #F59E0B;
    background: #FFF8EB;
}

.page-number.active[b-cfaoptgkch] {
    background: #F59E0B;
    color: #A16207;
    border-color: #F59E0B;
}

.pagination-info[b-cfaoptgkch] {
    font-size: .9rem;
    color: #6B7280;
}

.page-nav-btn[b-cfaoptgkch] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    height: 42px;
    padding: 0 18px;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    background: #FFFFFF;
    color: #374151;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.page-nav-btn i[b-cfaoptgkch] {
    font-size: .9rem;
    transition: transform .2s ease;
}

.page-nav-btn:hover:not(:disabled)[b-cfaoptgkch] {
    background: #FFF8EB;
    border-color: #F59E0B;
    color: #D97706;
    box-shadow: 0 6px 18px rgba(245, 158, 11, .12);
}

.page-nav-btn:first-child:hover:not(:disabled) i[b-cfaoptgkch] {
    transform: translateX(-3px);
}

.page-nav-btn:last-child:hover:not(:disabled) i[b-cfaoptgkch] {
    transform: translateX(3px);
}

.page-nav-btn:active:not(:disabled)[b-cfaoptgkch] {
    transform: scale(.98);
}

.page-nav-btn:disabled[b-cfaoptgkch] {
    opacity: .45;
    cursor: not-allowed;
    background: #F9FAFB;
    color: #9CA3AF;
    box-shadow: none;
}

@media (max-width: 992px){

    .request-container[b-cfaoptgkch]{
        gap:16px;
    }

    .request-card[b-cfaoptgkch]{
        border-radius:18px;
    }

    .request-header[b-cfaoptgkch]{
        flex-wrap:wrap;
        align-items:flex-start;
        gap:12px;
        padding:18px 18px;
    }

    .request-header-left[b-cfaoptgkch]{
        gap:14px;
    }

    .item-icon[b-cfaoptgkch]{
        width:46px;
        height:46px;
        border-radius:14px;
        font-size:1.15rem;
    }

    .item-title[b-cfaoptgkch]{
        font-size:1.1rem;
    }

    .request-header-right[b-cfaoptgkch]{
        flex:1 0 100%;
        order:3;
    }

    .summary-pill[b-cfaoptgkch]{
        padding:6px 12px;
        font-size:.74rem;
    }

    .request-table[b-cfaoptgkch],
    .request-table tbody[b-cfaoptgkch],
    .request-table tr[b-cfaoptgkch],
    .request-table td[b-cfaoptgkch]{
        display:block;
        width:100%;
    }

    .request-table thead[b-cfaoptgkch]{
        display:none;
    }

    .request-table tr[b-cfaoptgkch]{
        position:relative;
        padding:14px 18px 14px 18px;
        border-top:1px solid #f1f5f9;
    }

    .request-table tr:first-child[b-cfaoptgkch]{
        border-top:none;
    }

    .request-table td[b-cfaoptgkch]{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:16px;
        padding:6px 0;
        border-top:none;
    }

    .request-table td[b-cfaoptgkch]::before{
        content:attr(data-label);
        flex:0 0 auto;
        color:#94a3b8;
        font-size:.68rem;
        font-weight:700;
        letter-spacing:.08em;
        text-transform:uppercase;
    }

    /* First cell doubles as the row title, so keep the action button clear of it. */
    .request-table td:first-child[b-cfaoptgkch]{
        padding-right:48px;
    }

    .cell-stack[b-cfaoptgkch]{
        text-align:right;
    }

    .request-table td.action-column[b-cfaoptgkch]{
        position:absolute;
        top:12px;
        right:14px;
        width:auto;
        padding:0;
    }

    .request-table td.action-column[b-cfaoptgkch]::before{
        content:none;
    }
}

/* Phone: single-column filters, stacked pagination, full-bleed modal. */
@media (max-width: 640.98px){

    .request-header[b-cfaoptgkch]{
        padding:16px 14px;
    }

    .request-table tr[b-cfaoptgkch]{
        padding:12px 14px;
    }

    .request-table td[b-cfaoptgkch]{
        font-size:9.5pt;
    }

    .user-info[b-cfaoptgkch]{
        gap:8px;
    }

    .avatar[b-cfaoptgkch]{
        width:30px;
        height:30px;
        font-size:.7rem;
    }

    .action-menu[b-cfaoptgkch]{
        width:180px;
    }

    .pagination-container[b-cfaoptgkch]{
        flex-wrap:wrap;
        justify-content:center;
        gap:.75rem;
    }

    .pagination-center[b-cfaoptgkch]{
        order:-1;
        flex:1 0 100%;
    }

    .page-nav-btn[b-cfaoptgkch]{
        flex:1 1 0;
        justify-content:center;
        padding:0 12px;
    }

    .pagination-info[b-cfaoptgkch]{
        font-size:.8rem;
        text-align:center;
    }

    .mr-modal-overlay[b-cfaoptgkch]{
        padding:12px;
    }

    .mr-modal[b-cfaoptgkch]{
        width:100%;
        max-height:92vh;
        border-radius:16px;
    }

    .mr-modal-body[b-cfaoptgkch]{
        max-height:92vh;
        padding:16px;
    }
}

.request-pagination[b-cfaoptgkch] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding: 12px 18px;

    border-top: 1px solid #eef0f2;
    background: #fafbfc;
}

.request-pagination-info[b-cfaoptgkch] {
    color: #7b8490;
    font-size: 12px;
}

.request-pagination-info strong[b-cfaoptgkch] {
    color: #3f4650;
    font-weight: 600;
}

.request-pagination-controls[b-cfaoptgkch] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.request-page-btn[b-cfaoptgkch],
.request-page-number[b-cfaoptgkch] {
    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid #e3e7eb;
    border-radius: 7px;

    background: #fff;
    color: #69727d;

    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.request-page-number.active[b-cfaoptgkch] {
    border-color: #f59e0b;
    background: #f59e0b;
    color: #fff;
}

.request-page-btn:hover:not(:disabled)[b-cfaoptgkch],
.request-page-number:hover:not(.active)[b-cfaoptgkch] {
    background: #f5f7f8;
    border-color: #d5dbe1;
    color: #3f4650;
}

.request-page-btn:disabled[b-cfaoptgkch] {
    opacity: .4;
    cursor: not-allowed;
}
/* /Components/Pages/MaterialRequest/Components/ListRequestedMaterialGroupedByRequester.razor.rz.scp.css */
.request-container[b-cv78qupxg8] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-top: 1rem;
}

.request-card[b-cv78qupxg8] {
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 24px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.request-header[b-cv78qupxg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 26px;
    cursor: pointer;
    list-style: none;
    background: #fff;
    transition: background 0.2s ease;
}

.request-header[b-cv78qupxg8]::-webkit-details-marker {
    display: none;
}

.request-header:hover[b-cv78qupxg8] {
    background: #fffcf8;
}

.request-header-left[b-cv78qupxg8] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.requester-avatar[b-cv78qupxg8] {
    flex:0 0 auto;
    width:54px;
    height:54px;
    border-radius:16px;
    background:#fff7ed;
    color:#f59e0b;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:1.3rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.requester-identity[b-cv78qupxg8] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.requester-name[b-cv78qupxg8] {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:1.35rem;
    font-weight:700;
    color:#0f172a;
    overflow-wrap:anywhere;
}

.requester-label[b-cv78qupxg8] {
    color:#94a3b8;
    font-size:.82rem;
}

.request-header-right[b-cv78qupxg8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

.summary-pill[b-cv78qupxg8] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.summary-pill i[b-cv78qupxg8] {
    font-size: 13px;
}

.summary-pill.warning[b-cv78qupxg8] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #a16207;
}

.expand-arrow[b-cv78qupxg8] {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 15px;
    transition: transform 0.25s ease;
}

.request-card[open] .expand-arrow[b-cv78qupxg8] {
    transform: rotate(180deg);
}

.table-wrapper[b-cv78qupxg8] {
    position: relative;
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #f1f5f9;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f8fafc;
}

.table-wrapper[b-cv78qupxg8]::-webkit-scrollbar {
    height: 8px;
}

.table-wrapper[b-cv78qupxg8]::-webkit-scrollbar-track {
    background: #f8fafc;
}

.table-wrapper[b-cv78qupxg8]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

.request-table[b-cv78qupxg8] {
    width: 100%;
    min-width: 1100px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
}

.request-table thead th[b-cv78qupxg8] {
    padding: 13px 18px;
    border-bottom: 1px solid #edf2f7;
    background: #fafbfc;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-align: left;
    white-space: nowrap;
}

.request-table tbody td[b-cv78qupxg8] {
    padding: 15px 18px;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
    font-size: 13px;
    vertical-align: middle;
}

.request-table tbody tr:last-child td[b-cv78qupxg8] {
    border-bottom: 0;
}

.request-table tbody tr[b-cv78qupxg8] {
    transition: background 0.18s ease;
}

.request-table tbody tr:hover[b-cv78qupxg8] {
    background: #fffcf8;
}

.request-table td strong[b-cv78qupxg8] {
    color: #334155;
    font-weight: 700;
}

.item-info[b-cv78qupxg8] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 190px;
}

.item-info__icon[b-cv78qupxg8] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fed7aa;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
}

.item-info__icon i[b-cv78qupxg8] {
    font-size: 15px;
}

.item-info__content[b-cv78qupxg8] {
    min-width: 0;
}

.item-info__name[b-cv78qupxg8] {
    overflow: hidden;
    color: #334155;
    font-weight: 600;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-info__code[b-cv78qupxg8] {
    margin-top: 2px;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.3;
}

.cell-stack[b-cv78qupxg8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cell-stack > div:first-child[b-cv78qupxg8] {
    color: #475569;
    font-weight: 600;
}

.cell-sub[b-cv78qupxg8] {
    color: #94a3b8;
    font-size: 11px;
}

.quantity-value[b-cv78qupxg8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    padding: 4px 9px;
    border-radius: 8px;
    background: #f8fafc;
    color: #334155;
    font-weight: 700;
}

.stock-value[b-cv78qupxg8] {
    color: #475569;
    font-weight: 600;
}

.status[b-cv78qupxg8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    border: 1px solid transparent;
    white-space: nowrap;
}

.status.pending[b-cv78qupxg8] {
    background: #FFF8E6;
    color: #C98700;
    border-color: #F6D38A;
}

.status.waiting[b-cv78qupxg8] {
    background: #F4ECFF;
    color: #7C3AED;
    border-color: #D8C5FF;
}

.status.rejected[b-cv78qupxg8] {
    background: #FDECEC;
    color: #D32F2F;
    border-color: #F4B5B5;
}

.status.approved[b-cv78qupxg8] {
    background: #EAF8F0;
    color: #15803D;
    border-color: #B9E6C9;
}

.status.verified[b-cv78qupxg8] {
    background: #E8F5FF;
    color: #1976D2;
    border-color: #B9DBFF;
}

.action-column[b-cv78qupxg8] {
    width: 70px;
    text-align: center;
}

.action-view-list[b-cv78qupxg8],
.action-menu-btn[b-cv78qupxg8] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-view-list:hover[b-cv78qupxg8],
.action-menu-btn:hover[b-cv78qupxg8] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #d97706;
}

/* .action-dropdown {
    position: relative;
    display: inline-flex;
} */

/* .action-menu {
    position: absolute;
    z-index: 30;
    top: calc(100% + 7px);
    right: 0;
    min-width: 170px;
    padding: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
} */

.action-menu-item[b-cv78qupxg8]{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:12px 16px;
    border:none;
    background:white;
    color:#374151;
    text-decoration:none;
    cursor:pointer;
    transition:.15s;
}

.action-menu-item:hover[b-cv78qupxg8]{
    background:#F8FAFC;
}

.action-menu-item i[b-cv78qupxg8]{
    width:18px;
    text-align:center;
    color:#C88700;
}

.action-view-list[b-cv78qupxg8] {
    width: 34px;
    height: 34px;
    padding: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #e7e9ec;
    border-radius: 8px;

    background: #fff;
    color: #6b7280;

    cursor: pointer;

    transition: all 0.18s ease;
}

.action-view-list:hover[b-cv78qupxg8] {
    background: #fff8eb;
    border-color: #f2c46d;
    color: #c27a00;

    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(194, 122, 0, 0.10);
}

.action-view-list i[b-cv78qupxg8] {
    font-size: 15px;
}

.dropdown-overlay[b-cv78qupxg8] {
    position: fixed;
    inset: 0;
    z-index: 20;
    background: transparent;
}

.action-dropdown[b-cv78qupxg8] {
    position: relative;
    display: inline-flex;
}

.action-menu[b-cv78qupxg8] {
    position: absolute;
    z-index: 1001;
    top: calc(100% + 7px);
    right: 0;
    min-width: 170px;
    padding: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
}

.request-pagination[b-cv78qupxg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 18px;
    border-top: 1px solid #f1f5f9;
    background: #fcfcfd;
}

.request-pagination-info[b-cv78qupxg8] {
    color: #94a3b8;
    font-size: 11px;
}

.request-pagination-info strong[b-cv78qupxg8] {
    color: #64748b;
    font-weight: 700;
}

.request-pagination-controls[b-cv78qupxg8] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.request-page-btn[b-cv78qupxg8],
.request-page-number[b-cv78qupxg8] {
    min-width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s ease;
}

.request-page-btn[b-cv78qupxg8] {
    border-color: #e2e8f0;
    background: #fff;
}

.request-page-btn:hover:not(:disabled)[b-cv78qupxg8],
.request-page-number:hover[b-cv78qupxg8] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #a16207;
}

.request-page-btn:disabled[b-cv78qupxg8] {
    opacity: 0.4;
    cursor: not-allowed;
}

.request-page-number.active[b-cv78qupxg8] {
    border-color: #f59e0b;
    background: #f59e0b;
    color: #fff;
}

.pagination-container[b-cv78qupxg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding: 14px 4px;
}

.page-nav-btn[b-cv78qupxg8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.page-nav-btn:hover:not(:disabled)[b-cv78qupxg8] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #a16207;
}

.page-nav-btn:disabled[b-cv78qupxg8] {
    opacity: 0.4;
    cursor: not-allowed;
}

.pagination-center[b-cv78qupxg8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}

.page-numbers[b-cv78qupxg8] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.page-number[b-cv78qupxg8] {
    min-width: 31px;
    height: 31px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s ease;
}

.page-number:hover[b-cv78qupxg8] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #a16207;
}

.page-number.active[b-cv78qupxg8] {
    border-color: #f59e0b;
    background: #f59e0b;
    color: #fff;
}

.pagination-info[b-cv78qupxg8] {
    color: #94a3b8;
    font-size: 11px;
}

.empty-frame[b-cv78qupxg8]{
    margin-top:1rem;
    padding:26px;
    border-radius:24px;
    border:1px solid rgba(180,132,40,.10);
    background:linear-gradient(160deg,#FFF8EA 0%,#FEF4E4 55%,#FCEEDD 100%);
}

.empty-card[b-cv78qupxg8]{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:58px 44px 52px;
    background:#FFFFFF;
    border-radius:20px;
    border:1px solid rgba(180,132,40,.10);
    box-shadow:0 10px 30px rgba(120,90,20,.07);
}

.empty-visual[b-cv78qupxg8]{
    position:relative;
    width:116px;
    height:116px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:26px;
}

.empty-halo[b-cv78qupxg8]{
    position:absolute;
    inset:0;
    border-radius:999px;
    background:radial-gradient(circle at 50% 45%,rgba(245,158,11,.22),rgba(245,158,11,0) 68%);
    animation:mrEmptyHaloPulse-b-cv78qupxg8 5.5s ease-in-out infinite;
}

.empty-ring[b-cv78qupxg8]{
    position:absolute;
    inset:8px;
    border-radius:999px;
    border:1.5px dashed rgba(245,158,11,.35);
}

.empty-core[b-cv78qupxg8]{
    position:relative;
    width:78px;
    height:78px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(155deg,#FFFFFF 0%,#FEF3DC 100%);
    border:1px solid rgba(245,158,11,.22);
    box-shadow:0 8px 18px rgba(200,140,30,.14);
    animation:mrEmptyFloatY-b-cv78qupxg8 6s ease-in-out infinite;
}

.empty-title[b-cv78qupxg8]{
    margin:0 0 10px;
    font-size:22px;
    line-height:1.25;
    font-weight:650;
    color:#111827;
    letter-spacing:-.015em;
}

.empty-message[b-cv78qupxg8]{
    margin:0;
    max-width:430px;
    font-size:15px;
    line-height:1.6;
    color:#6B7280;
    text-wrap:pretty;
}

.empty-recap[b-cv78qupxg8]{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:22px;
}

.empty-recap-label[b-cv78qupxg8]{
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#9CA3AF;
}

.empty-recap-chip[b-cv78qupxg8]{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.2rem .65rem;
    border-radius:999px;
    background:#FFF8EB;
    border:1px solid #FDE7C3;
    color:#B45309;
    font-size:.72rem;
}

.empty-actions[b-cv78qupxg8]{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin-top:30px;
}

.empty-btn[b-cv78qupxg8]{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    height:42px;
    padding:0 20px;
    border-radius:12px;
    border:1px solid transparent;
    font-size:.9rem;
    font-weight:600;
    text-decoration:none;
    cursor:pointer;
    transition:all .2s ease;
}

.empty-btn i[b-cv78qupxg8]{
    font-size:.9rem;
}

.empty-btn.primary[b-cv78qupxg8]{
    background:#FFC107;
    border-color:#FFC107;
    color:var(--text-on-warning);
}

.empty-btn.primary:hover[b-cv78qupxg8]{
    background:#FFCA2C;
    border-color:#FFC720;
    color:var(--text-on-warning);
}

.empty-btn.ghost[b-cv78qupxg8]{
    background:#FFFFFF;
    border-color:#E5E7EB;
    color:#374151;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
}

.empty-btn.ghost:hover[b-cv78qupxg8]{
    background:#FFF8EB;
    border-color:#F59E0B;
    color:#D97706;
    box-shadow:0 6px 18px rgba(245,158,11,.12);
}

.empty-btn:active[b-cv78qupxg8]{
    transform:scale(.98);
}

@keyframes mrEmptyFloatY-b-cv78qupxg8{
    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-6px);
    }
}

@keyframes mrEmptyHaloPulse-b-cv78qupxg8{
    0%,100%{
        transform:scale(1);
        opacity:.55;
    }

    50%{
        transform:scale(1.12);
        opacity:.3;
    }
}

@media (max-width: 640px){
    .empty-frame[b-cv78qupxg8]{
        padding:14px;
    }

    .empty-card[b-cv78qupxg8]{
        padding:40px 20px 34px;
    }

    .empty-btn[b-cv78qupxg8]{
        width:100%;
        justify-content:center;
    }
}

@media (prefers-reduced-motion: reduce){
    .empty-halo[b-cv78qupxg8],
    .empty-core[b-cv78qupxg8]{
        animation:none;
    }
}

.mr-modal-overlay[b-cv78qupxg8] {
    position: fixed;
    z-index: 1050;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(3px);
}

.mr-modal[b-cv78qupxg8] {
    width: min(100%, 900px);
    max-height: calc(100vh - 48px);
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}

.mr-modal-body[b-cv78qupxg8] {
    max-height: calc(100vh - 48px);
    overflow-y: auto;
}

@media (max-width: 992px) {
    .request-header[b-cv78qupxg8] {
        flex-wrap: wrap;
        padding: 20px;
    }

    .request-header-right[b-cv78qupxg8] {
        width: 100%;
        margin-left: 57px;
        justify-content: flex-start;
    }

    .expand-arrow[b-cv78qupxg8] {
        position: absolute;
        top: 24px;
        right: 20px;
    }

    .request-card[b-cv78qupxg8] {
        position: relative;
    }

    .request-table[b-cv78qupxg8],
    .request-table thead[b-cv78qupxg8],
    .request-table tbody[b-cv78qupxg8],
    .request-table tr[b-cv78qupxg8],
    .request-table th[b-cv78qupxg8],
    .request-table td[b-cv78qupxg8] {
        display: block;
    }

    .request-table[b-cv78qupxg8] {
        min-width: 0;
    }

    .request-table thead[b-cv78qupxg8] {
        display: none;
    }

    .request-table tbody[b-cv78qupxg8] {
        padding: 8px;
    }

    .request-table tbody tr[b-cv78qupxg8] {
        margin-bottom: 10px;
        padding: 12px;
        border: 1px solid #edf2f7;
        border-radius: 14px;
        background: #fff;
    }

    .request-table tbody tr:last-child[b-cv78qupxg8] {
        margin-bottom: 0;
    }

    .request-table tbody td[b-cv78qupxg8] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        min-height: 42px;
        padding: 8px 4px;
        border-bottom: 1px solid #f1f5f9;
        text-align: right;
    }

    .request-table tbody td:last-child[b-cv78qupxg8] {
        border-bottom: 0;
    }

    .request-table tbody td[b-cv78qupxg8]::before {
        flex: 0 0 120px;
        color: #94a3b8;
        content: attr(data-label);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-align: left;
    }

    .request-table tbody td[data-label="Item"][b-cv78qupxg8],
    .request-table tbody td[data-label="Warehouse"][b-cv78qupxg8] {
        align-items: flex-start;
    }

    .request-table tbody td[data-label="Item"] .item-info[b-cv78qupxg8],
    .request-table tbody td[data-label="Warehouse"] .cell-stack[b-cv78qupxg8] {
        flex: 1;
        justify-content: flex-end;
        text-align: right;
    }

    .request-table tbody td.action-column[b-cv78qupxg8] {
        justify-content: space-between;
    }

    .request-table tbody td.action-column[b-cv78qupxg8]::before {
        content: "ACTION";
    }

    .request-pagination[b-cv78qupxg8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .request-pagination-controls[b-cv78qupxg8] {
        width: 100%;
        justify-content: flex-end;
    }

    .pagination-container[b-cv78qupxg8] {
        flex-wrap: wrap;
    }

    .pagination-center[b-cv78qupxg8] {
        order: 3;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .request-container[b-cv78qupxg8] {
        gap: 14px;
    }

    .request-card[b-cv78qupxg8] {
        border-radius: 18px;
    }

    .request-header[b-cv78qupxg8] {
        padding: 17px;
    }

    .request-header-right[b-cv78qupxg8] {
        margin-left: 0;
        padding-right: 28px;
    }

    .summary-pill[b-cv78qupxg8] {
        padding: 6px 8px;
        font-size: 10px;
    }

    .requester-avatar[b-cv78qupxg8] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 11px;
    }

    .requester-name[b-cv78qupxg8] {
        font-size: 14px;
    }

    .request-table tbody td[b-cv78qupxg8] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
        text-align: left;
    }

    .request-table tbody td[b-cv78qupxg8]::before {
        flex-basis: auto;
    }

    .request-table tbody td[data-label="Item"] .item-info[b-cv78qupxg8],
    .request-table tbody td[data-label="Warehouse"] .cell-stack[b-cv78qupxg8] {
        justify-content: flex-start;
        width: 100%;
        text-align: left;
    }

    .request-table tbody td.action-column[b-cv78qupxg8] {
        align-items: center;
        flex-direction: row;
    }

    .pagination-container[b-cv78qupxg8] {
        justify-content: center;
    }

    .page-nav-btn span[b-cv78qupxg8] {
        display: none;
    }

    .page-nav-btn[b-cv78qupxg8] {
        min-width: 36px;
        padding: 7px;
        justify-content: center;
    }

    .mr-modal-overlay[b-cv78qupxg8] {
        padding: 12px;
    }

    .mr-modal[b-cv78qupxg8] {
        max-height: calc(100vh - 24px);
        border-radius: 16px;
    }

    .mr-modal-body[b-cv78qupxg8] {
        max-height: calc(100vh - 24px);
    }
}

.mr-modal-body[b-cv78qupxg8]{
    max-height:90vh;
    overflow-y:auto;
    overflow-x:hidden;
    padding:28px;
}

.mr-modal-body[b-cv78qupxg8]::-webkit-scrollbar{
    width:10px;
}

.mr-modal-body[b-cv78qupxg8]::-webkit-scrollbar-track{
    background:#F3F4F6;
    border-radius:999px;
}

.mr-modal-body[b-cv78qupxg8]::-webkit-scrollbar-thumb{
    background:#D4A017;
    border-radius:999px;
    border:2px solid #F3F4F6;
}

.mr-modal-body[b-cv78qupxg8]::-webkit-scrollbar-thumb:hover{
    background:#B8860B;
}

.mr-modal-body[b-cv78qupxg8]{
    scrollbar-width:thin;
    scrollbar-color:#D4A017 #F3F4F6;
}
/* /Components/Pages/MaterialRequest/Components/MaterialRequestDetailViewer.razor.rz.scp.css */
.mr-request-meta[b-2xfln62rnh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
}

.mr-requester[b-2xfln62rnh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mr-requester-label[b-2xfln62rnh] {
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--mr-muted);
}

.mr-requester-info[b-2xfln62rnh] {
    display: flex;
    flex-direction: column;
}

.mr-requester-name[b-2xfln62rnh] {
    font-size: 14px;
    font-weight: 600;
    color: var(--mr-text);
}

.mr-requester-date[b-2xfln62rnh] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
    font-size: 12px;
    color: var(--mr-muted);
}

.mr-requester-date i[b-2xfln62rnh] {
    font-size: 11px;
}

.mr-usage[b-2xfln62rnh] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.mr-usage-date[b-2xfln62rnh] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    color: var(--mr-text);
}

.mr-usage-date i[b-2xfln62rnh] {
    color: #f59e0b;
    font-size: 13px;
}

.mr-usage-countdown[b-2xfln62rnh] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    font-size: 11px;
    font-weight: 600;
    color: #c27a00;
}

.mr-usage-countdown i[b-2xfln62rnh] {
    font-size: 11px;
}

.supporting-document[b-2xfln62rnh] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fafafa;
    transition:
        border-color 0.15s ease,
        background-color 0.15s ease;
}

.supporting-document:hover[b-2xfln62rnh] {
    border-color: #fed7aa;
    background: #fffaf5;
}

.supporting-document-icon[b-2xfln62rnh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 9px;
    background: #fff1e8;
    color: #ea580c;
    font-size: 20px;
}

.supporting-document-info[b-2xfln62rnh] {
    flex: 1;
    min-width: 0;
}

.supporting-document-name[b-2xfln62rnh] {
    overflow: hidden;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supporting-document-meta[b-2xfln62rnh] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    color: #9ca3af;
    font-size: 11px;
    font-weight: 500;
}

.supporting-document-meta span[b-2xfln62rnh] {
    color: #d1d5db;
}

.supporting-document-view[b-2xfln62rnh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-shrink: 0;
    min-width: 72px;
    height: 32px;
    padding: 0 11px;
    border: 1px solid #fed7aa;
    border-radius: 7px;
    background: #fff7ed;
    color: #ea580c;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease,
        transform 0.1s ease;
}

.supporting-document-view:hover[b-2xfln62rnh] {
    border-color: #fdba74;
    background: #ffedd5;
    color: #c2410c;
}

.supporting-document-view:active[b-2xfln62rnh] {
    transform: translateY(1px);
}

.supporting-document-view i[b-2xfln62rnh] {
    font-size: 14px;
}

.supporting-document-empty[b-2xfln62rnh] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px dashed #d1d5db;
    border-radius: 9px;
    background: #fafafa;
    color: #9ca3af;
    font-size: 13px;
}

.supporting-document-empty i[b-2xfln62rnh] {
    font-size: 16px;
    color: #d1d5db;
}

.related-request-list[b-2xfln62rnh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.related-request-item[b-2xfln62rnh] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #edf2f7;
    border-radius: 12px;
    background: #fff;
    transition: border-color .15s ease, background-color .15s ease;
}

.related-request-item:hover[b-2xfln62rnh] {
    border-color: #fed7aa;
    background: #fffaf5;
}

.related-request-icon[b-2xfln62rnh] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 16px;
}

.related-request-info[b-2xfln62rnh] {
    min-width: 0;
    flex: 1;
}

.related-request-number[b-2xfln62rnh] {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}

.related-request-meta[b-2xfln62rnh] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
    overflow: hidden;
}

.related-request-meta span:nth-child(1)[b-2xfln62rnh],
.related-request-meta span:nth-child(3)[b-2xfln62rnh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.related-request-detail[b-2xfln62rnh] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 5px;
    color: #94a3b8;
    font-size: 11px;
}

.related-request-detail span[b-2xfln62rnh] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

@media (max-width: 768px) {
    .related-request-item[b-2xfln62rnh] {
        align-items: flex-start;
    }

    .related-request-detail[b-2xfln62rnh] {
        flex-wrap: wrap;
        gap: 8px 14px;
    }
}

.related-request-statuses[b-2xfln62rnh] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .65rem;
}

.related-request-status[b-2xfln62rnh] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.related-status-label[b-2xfln62rnh] {
    color: #64748b;
    font-size: .75rem;
    font-weight: 500;
}

.related-status-badge[b-2xfln62rnh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: .22rem .55rem;
    overflow-wrap: anywhere;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.4;
}

.related-status-pending[b-2xfln62rnh] {
    color: #a16207;
    background: #fff7ed;
    border-color: #fed7aa;
}

.related-status-success[b-2xfln62rnh] {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.related-status-danger[b-2xfln62rnh] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

.related-status-neutral[b-2xfln62rnh] {
    color: #475569;
    background: #f1f5f9;
    border-color: #e2e8f0;
}

@media (max-width: 576px) {
    .related-request-statuses[b-2xfln62rnh] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/MaterialRequest/ListView/ListMaterialRequestPage.razor.rz.scp.css */
.filter-card[b-dghqwfp2d5] {
    background: #fff;
    border: 1px solid #ECECEC;
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: 0 2px 10px rgba(15,23,42,.05);
}

.filter-header[b-dghqwfp2d5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    margin-bottom: 1.25rem;
}

.filter-title[b-dghqwfp2d5] {
    display: flex;
    align-items: center;
    gap: .65rem;
    font-weight: 700;
    color: #374151;
    font-size: 1rem;
}

.filter-title i[b-dghqwfp2d5] {
    color: #F59E0B;
}

.filter-caption[b-dghqwfp2d5] {
    font-size: .85rem;
    color: #9CA3AF;
}

.filter-grid[b-dghqwfp2d5] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 1rem;
    align-items: end;
}

.filter-actions[b-dghqwfp2d5] {
    display: flex;
    gap: .75rem;
}

/* ::deep — the buttons are rendered by HxButton, so scoped selectors miss them. */
.filter-actions[b-dghqwfp2d5]  .btn-search,
.filter-actions[b-dghqwfp2d5]  .btn-reset {
    min-width: 120px;
}

.section-divider[b-dghqwfp2d5] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.75rem 0 1.25rem;
}

.section-divider-line[b-dghqwfp2d5] {
    flex: 1;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        #E5E7EB 20%,
        #E5E7EB 80%,
        transparent
    );
}

.section-divider-text[b-dghqwfp2d5] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem 1rem;
    border: 1px solid #ECECEC;
    border-radius: 999px;
    background: #FFF;
    color: #6B7280;
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .05em;
    white-space: nowrap;
}

.section-divider-text[b-dghqwfp2d5]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #F59E0B;
}

.active-filters[b-dghqwfp2d5]{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.75rem;
    margin-top:1rem;
    padding-top:1rem;
    border-top:1px solid #EEF2F7;
}

.active-filter-title[b-dghqwfp2d5]{
    display:flex;
    align-items:center;
    gap:.4rem;
    font-size:.85rem;
    font-weight:600;
    color:#6B7280;
}

.active-filter-title i[b-dghqwfp2d5]{
    color:#F59E0B;
}

.filter-chip[b-dghqwfp2d5]{
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .15rem .6rem;
    border-radius: 999px;
    background: #FFF8EB;
    border: 1px solid #FDE7C3;
    color: #B45309;
    font-size: .72rem;
}

.clear-filter-btn[b-dghqwfp2d5]{
    margin-left:auto;
    background:none;
    border:none;
    color:#2563EB;
    font-weight:600;
    cursor:pointer;
    font-size: 12pt;
}

.clear-filter-btn:hover[b-dghqwfp2d5]{
    text-decoration:underline;
}

/* ---------- RESPONSIVE ---------- */

/* Tablet: the action buttons drop onto their own full-width row. */
@media (max-width: 992px){

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

    .filter-actions[b-dghqwfp2d5]{
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 640.98px){

    .filter-card[b-dghqwfp2d5]{
        padding: 1.15rem;
        border-radius: 16px;
    }

    .filter-header[b-dghqwfp2d5]{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 1rem;
    }

    .filter-grid[b-dghqwfp2d5]{
        grid-template-columns: minmax(0, 1fr);
        gap: .85rem;
    }

    .filter-actions[b-dghqwfp2d5]{
        gap: .5rem;
    }

    .filter-actions[b-dghqwfp2d5]  .btn{
        flex: 1 1 0;
        min-width: 0;
    }

    .clear-filter-btn[b-dghqwfp2d5]{
        margin-left: 0;
        font-size: .85rem;
    }

    .section-divider[b-dghqwfp2d5]{
        gap: .6rem;
        margin: 1.25rem 0 1rem;
    }

    .section-divider-text[b-dghqwfp2d5]{
        padding: .35rem .75rem;
        font-size: .72rem;
    }
}

.section-toolbar[b-dghqwfp2d5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 24px 0 18px;
}

.section-toolbar-title[b-dghqwfp2d5] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-toolbar-title > i[b-dghqwfp2d5] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #fff7ed;
    color: #f59e0b;
}

.section-toolbar-title div[b-dghqwfp2d5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.section-toolbar-title strong[b-dghqwfp2d5] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
}

.section-toolbar-title span[b-dghqwfp2d5] {
    color: #94a3b8;
    font-size: 12px;
}

.view-toggle[b-dghqwfp2d5] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.view-toggle-btn[b-dghqwfp2d5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s ease;
}

.view-toggle-btn:hover[b-dghqwfp2d5] {
    background: #fff;
    color: #334155;
}

.view-toggle-btn.active[b-dghqwfp2d5] {
    background: #fff4d6;
    color: #a16207;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
}

@media (max-width: 768px) {
    .section-toolbar[b-dghqwfp2d5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .view-toggle[b-dghqwfp2d5] {
        width: 100%;
    }

    .view-toggle-btn[b-dghqwfp2d5] {
        flex: 1;
        justify-content: center;
    }
}

.scope-filter-card[b-dghqwfp2d5] {
    width: 100%;
    padding: 14px 16px;
    margin-bottom: 16px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.035);
}

.scope-filter-header[b-dghqwfp2d5] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.scope-filter-icon[b-dghqwfp2d5] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 14px;
}

.scope-filter-info[b-dghqwfp2d5] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.scope-filter-info strong[b-dghqwfp2d5] {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    color: #1f2937;
}

.scope-filter-info span[b-dghqwfp2d5] {
    font-size: 11px;
    color: #94a3b8;
}

.scope-filter-body[b-dghqwfp2d5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1.4fr);
    align-items: center;
    gap: 8px;
}

.scope-filter-item[b-dghqwfp2d5] {
    min-width: 0;
}

.scope-arrow[b-dghqwfp2d5] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 50%;
    background: #f8fafc;
    border: 1px solid #e2e8f0;

    color: #94a3b8;
    font-size: 11px;
}

.scope-selection-info[b-dghqwfp2d5],
.scope-selection-hint[b-dghqwfp2d5] {
    display: flex;
    align-items: center;
    gap: 5px;

    margin-top: 4px;
    padding-left: 2px;

    font-size: 10px;
}

.scope-selection-info[b-dghqwfp2d5] {
    color: #64748b;
}

.scope-selection-info i[b-dghqwfp2d5] {
    color: #f59e0b;
    font-size: 9px;
}

.scope-selection-hint[b-dghqwfp2d5] {
    color: #94a3b8;
}

.scope-selection-hint i[b-dghqwfp2d5] {
    font-size: 9px;
}

@media (max-width: 700px) {

    .scope-filter-card[b-dghqwfp2d5] {
        padding: 13px 14px;
    }

    .scope-filter-body[b-dghqwfp2d5] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .scope-arrow[b-dghqwfp2d5] {
        display: none;
    }

    .scope-filter-item + .scope-filter-item[b-dghqwfp2d5] {
        margin-top: 2px;
    }
}
/* /Components/Pages/MaterialRequest/RequestSubmission/CreateMaterialRequestPage.razor.rz.scp.css */
.material-request[b-101od6njyz] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 28px;
    align-items: start;
}

.request-form-card[b-101od6njyz],
.review-card[b-101od6njyz] {
    background: #fff;
    border: 1px solid #eceef5;
    border-radius: 24px;
    box-shadow: 0 12px 35px rgba(15, 23, 42, .06);
}

.request-form-card[b-101od6njyz] {
    padding: 28px 32px;
}

.review-card[b-101od6njyz] {
    position: sticky;
    top: 20px;
    padding: 24px;
}

.page-header[b-101od6njyz] {
    margin-bottom: 20px;
}

.page-title[b-101od6njyz] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #1e293b;
    font-size: 1.8rem;
    font-weight: 700;
}

.page-title i[b-101od6njyz] {
    color: #f59e0b;
    font-size: 1.6rem;
}

.request-form-card hr[b-101od6njyz],
.review-card hr[b-101od6njyz] {
    margin: 22px 0;
    border: 0;
    border-top: 1px solid #edf1f7;
}

.form-section[b-101od6njyz] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.form-grid[b-101od6njyz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.form-group[b-101od6njyz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group label[b-101od6njyz] {
    color: #334155;
    font-size: .87rem;
    font-weight: 600;
}

.form-group small[b-101od6njyz] {
    color: #94a3b8;
    font-size: .75rem;
}

.form-footer[b-101od6njyz] {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
}

.selected-items-card[b-101od6njyz] {
    overflow: hidden;
    border: 1px solid #edf2f7;
    border-radius: 18px;
    background: #fff;
}

.selected-items-header[b-101od6njyz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    background: #fafbfd;
    border-bottom: 1px solid #edf2f7;
}

.selected-items-title[b-101od6njyz] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #334155;
    font-size: .98rem;
    font-weight: 700;
}

.selected-items-title .bi[b-101od6njyz] {
    color: #f59e0b;
    font-size: 1.05rem;
}

.selected-items-header small[b-101od6njyz] {
    display: block;
    margin-top: 3px;
    color: #94a3b8;
    font-size: .75rem;
}

.selected-items-count[b-101od6njyz] {
    flex: 0 0 auto;
    padding: .4rem .75rem;
    border-radius: 999px;
    background: #fff7ed;
    color: #a16207;
    font-size: .72rem;
    font-weight: 700;
}

.selected-items-list[b-101od6njyz] {
    padding: 0 20px;
}

.selected-item[b-101od6njyz] {
    padding: 18px 0;
    border-bottom: 1px solid #edf2f7;
}

.selected-item:last-child[b-101od6njyz] {
    border-bottom: 0;
}

.selected-item-main[b-101od6njyz] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.selected-item-icon[b-101od6njyz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    margin-top: 2px;
    border-radius: 12px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 1.05rem;
}

.selected-item-info[b-101od6njyz] {
    flex: 1;
    min-width: 0;
}

.selected-item-name[b-101od6njyz] {
    overflow: hidden;
    color: #1e293b;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-item-code[b-101od6njyz] {
    margin-top: 2px;
    color: #64748b;
    font-size: .76rem;
}

.selected-item-meta[b-101od6njyz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 9px;
    color: #64748b;
    font-size: .75rem;
}

.selected-item-meta strong[b-101od6njyz] {
    color: #334155;
    font-weight: 600;
}

.selected-item-meta .badge[b-101od6njyz] {
    margin-left: 2px;
}

.selected-item-actions[b-101od6njyz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.qty-control[b-101od6njyz] {
    display: grid;
    grid-template-columns: 40px 68px 40px;
    gap: 6px;
    align-items: center;
}

.qty-control .btn[b-101od6njyz] {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 11px;
}

.qty-input input[b-101od6njyz] {
    height: 40px;
    padding: 0 8px;
    text-align: center;
    font-size: .88rem;
    font-weight: 600;
}

.selected-item-actions > .btn[b-101od6njyz] {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 11px;
}

.item-stock-warning[b-101od6njyz] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 9px;
    font-size: .74rem;
    line-height: 1.4;
}

.item-stock-warning i[b-101od6njyz] {
    margin-top: 1px;
    flex: 0 0 auto;
}

.item-stock-warning.success[b-101od6njyz] {
    color: #166534;
    background: #f0fdf4;
}

.item-stock-warning.warning[b-101od6njyz] {
    color: #a16207;
    background: #fffbeb;
}

.item-stock-warning.danger[b-101od6njyz] {
    color: #b91c1c;
    background: #fef2f2;
}

.badge[b-101od6njyz] {
    padding: .38rem .7rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 600;
}

.bg-success[b-101od6njyz] {
    background: #eefbf3 !important;
    color: #15803d !important;
}

.bg-warning[b-101od6njyz] {
    background: #fff8e7 !important;
    color: #b45309 !important;
}

.bg-danger[b-101od6njyz] {
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

.review-title[b-101od6njyz] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1e293b;
    font-size: 1.25rem;
    font-weight: 700;
}

.review-title i[b-101od6njyz] {
    color: #f59e0b;
}

.review-item[b-101od6njyz] {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
}

.review-item > span:first-child[b-101od6njyz] {
    margin-bottom: 3px;
    color: #94a3b8;
    font-size: .75rem;
}

.review-item > strong[b-101od6njyz] {
    color: #334155;
    font-size: .93rem;
    font-weight: 600;
}

.review-items[b-101od6njyz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
}

.review-item-row[b-101od6njyz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #edf2f7;
    border-radius: 11px;
    background: #fafbfd;
}

.review-item-row > div[b-101od6njyz] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.review-item-row strong[b-101od6njyz] {
    overflow: hidden;
    color: #334155;
    font-size: .8rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.review-item-row small[b-101od6njyz] {
    margin-top: 2px;
    color: #94a3b8;
    font-size: .68rem;
}

.review-item-row > span[b-101od6njyz] {
    flex: 0 0 auto;
    color: #a16207;
    font-size: .78rem;
    font-weight: 700;
}

.review-status[b-101od6njyz] {
    display: flex;
    gap: 12px;
    margin-top: 28px;
    padding: 16px;
    border: 1px solid #d8e9ff;
    border-radius: 16px;
    background: #f8fbff;
}

.review-status > i[b-101od6njyz] {
    margin-top: 2px;
    color: #f59e0b;
    font-size: 1.2rem;
}

.review-status strong[b-101od6njyz] {
    display: block;
    margin-bottom: 4px;
    color: #334155;
}

.review-status div:last-child[b-101od6njyz] {
    color: #64748b;
    font-size: .8rem;
    line-height: 1.45;
}

.confirmation-modal[b-101od6njyz] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.confirmation-header[b-101od6njyz] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.confirmation-icon[b-101od6njyz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border-radius: 16px;
    background: #fff7e8;
    color: #d97706;
    font-size: 1.3rem;
}

.confirmation-header h5[b-101od6njyz] {
    margin: 0;
    color: #1f2937;
    font-size: 1.1rem;
    font-weight: 700;
}

.confirmation-header p[b-101od6njyz] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: .86rem;
}

.confirmation-section[b-101od6njyz] {
    padding: 18px 20px;
    border: 1px solid #edf2f7;
    border-radius: 16px;
}

.section-title[b-101od6njyz] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #334155;
    font-weight: 600;
}

.section-title i[b-101od6njyz] {
    color: #d97706;
}

.confirmation-items[b-101od6njyz] {
    display: flex;
    flex-direction: column;
}

.confirmation-item[b-101od6njyz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #edf2f7;
}

.confirmation-item:first-child[b-101od6njyz] {
    padding-top: 0;
}

.confirmation-item:last-child[b-101od6njyz] {
    padding-bottom: 0;
    border-bottom: 0;
}

.confirmation-item-icon[b-101od6njyz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 11px;
    background: #fff7ed;
    color: #d97706;
}

.confirmation-item-info[b-101od6njyz] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.confirmation-item-info strong[b-101od6njyz] {
    overflow: hidden;
    color: #334155;
    font-size: .86rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.confirmation-item-info span[b-101od6njyz] {
    margin-top: 2px;
    color: #94a3b8;
    font-size: .72rem;
}

.confirmation-item-quantity[b-101od6njyz] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    flex: 0 0 auto;
}

.confirmation-item-quantity strong[b-101od6njyz] {
    color: #a16207;
    font-size: .95rem;
    font-weight: 700;
}

.confirmation-item-quantity span[b-101od6njyz] {
    color: #64748b;
    font-size: .72rem;
}

.summary-grid[b-101od6njyz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 24px;
}

.summary-item[b-101od6njyz] {
    display: flex;
    flex-direction: column;
}

.summary-item label[b-101od6njyz] {
    margin-bottom: 5px;
    color: #94a3b8;
    font-size: .75rem;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.summary-item div[b-101od6njyz] {
    color: #334155;
    font-weight: 600;
    line-height: 1.6;
}

.full-width[b-101od6njyz] {
    grid-column: 1 / -1;
}

.confirmation-note[b-101od6njyz] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #fde68a;
    border-radius: 14px;
    background: #fffbeb;
}

.confirmation-note i[b-101od6njyz] {
    margin-top: 2px;
    color: #d97706;
}

.confirmation-note div[b-101od6njyz] {
    color: #92400e;
    font-size: .85rem;
    line-height: 1.6;
}

.uploaded-document[b-101od6njyz] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.uploaded-document:hover[b-101od6njyz] {
    border-color: #fed7aa;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05);
}

.uploaded-document__icon[b-101od6njyz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 11px;
    font-size: 21px;
}

.uploaded-document__icon--pdf[b-101od6njyz] {
    background: #fef2f2;
    color: #dc2626;
}

.uploaded-document__icon--image[b-101od6njyz] {
    background: #eff6ff;
    color: #2563eb;
}

.uploaded-document__icon--default[b-101od6njyz] {
    background: #f1f5f9;
    color: #64748b;
}

.uploaded-document__info[b-101od6njyz] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.uploaded-document__info strong[b-101od6njyz] {
    overflow: hidden;
    color: #1e293b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uploaded-document__info span[b-101od6njyz] {
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uploaded-document__success[b-101od6njyz] {
    flex: 0 0 auto;
    color: #16a34a;
    font-size: 18px;
}

.supporting-document-hint[b-101od6njyz] {
    color: #94a3b8;
    font-size: .75rem;
    line-height: 1.4;
}

.item-information-card[b-101od6njyz] {
    margin-top: 18px;
    padding: 24px;
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 18px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
}

.item-information-header[b-101od6njyz] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
}

.item-information-header > div:first-child[b-101od6njyz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(245, 158, 11, .1);
    color: #d97706;
}

.item-information-header h6[b-101od6njyz] {
    margin: 0;
    color: #1f2937;
    font-size: 1rem;
    font-weight: 700;
}

.item-information-header small[b-101od6njyz] {
    color: #64748b;
    font-size: .82rem;
}

.item-information-grid[b-101od6njyz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 28px;
}

.info-item[b-101od6njyz] {
    display: flex;
    flex-direction: column;
}

.info-item span:first-child[b-101od6njyz] {
    margin-bottom: 4px;
    color: #94a3b8;
    font-size: .72rem;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.info-item strong[b-101od6njyz] {
    color: #334155;
    font-size: .93rem;
    font-weight: 600;
}

.stock-summary[b-101od6njyz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.stock-card[b-101od6njyz] {
    padding: 18px;
    text-align: center;
    background: #fafbfd;
    border: 1px solid #edf2f7;
    border-radius: 16px;
    transition: border-color .2s ease, transform .2s ease;
}

.stock-card:hover[b-101od6njyz] {
    border-color: #d8e2ee;
    transform: translateY(-2px);
}

.stock-card small[b-101od6njyz] {
    display: block;
    margin-bottom: 8px;
    color: #94a3b8;
    font-size: .72rem;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.stock-card h4[b-101od6njyz] {
    margin: 0;
    font-size: 1.9rem;
    font-weight: 700;
}

.stock-card span[b-101od6njyz] {
    display: block;
    margin-top: 6px;
    color: #64748b;
    font-size: .78rem;
}

.stock-card.available h4[b-101od6njyz] {
    color: #15803d;
}

.stock-card.request h4[b-101od6njyz] {
    color: #d97706;
}

.stock-card.remaining h4[b-101od6njyz] {
    color: #2563eb;
}

.buffer-information[b-101od6njyz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px dashed #e5e7eb;
}

.buffer-information strong[b-101od6njyz] {
    display: block;
    margin-bottom: 3px;
    color: #334155;
    font-size: .88rem;
}

.inventory-message[b-101od6njyz] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 20px;
    padding: 15px 16px;
    border: 1px solid #eef2f7;
    border-radius: 14px;
    background: #fafbfd;
    color: #475569;
    font-size: .85rem;
}

.inventory-message.success[b-101od6njyz] {
    border-left: 4px solid #16a34a;
}

.inventory-message.warning[b-101od6njyz] {
    border-left: 4px solid #f59e0b;
}

.inventory-message.danger[b-101od6njyz] {
    border-left: 4px solid #dc2626;
}

@media (max-width: 992px) {
    .material-request[b-101od6njyz] {
        grid-template-columns: 1fr;
    }

    .review-card[b-101od6njyz] {
        position: static;
    }
}

@media (max-width: 768px) {
    .request-form-card[b-101od6njyz] {
        padding: 22px;
    }

    .form-grid[b-101od6njyz],
    .item-information-grid[b-101od6njyz],
    .summary-grid[b-101od6njyz] {
        grid-template-columns: 1fr;
    }

    .selected-items-header[b-101od6njyz] {
        align-items: flex-start;
    }

    .selected-item-main[b-101od6njyz] {
        flex-wrap: wrap;
    }

    .selected-item-info[b-101od6njyz] {
        min-width: calc(100% - 58px);
    }

    .selected-item-actions[b-101od6njyz] {
        width: 100%;
        justify-content: flex-end;
        padding-left: 58px;
    }

    .stock-summary[b-101od6njyz] {
        grid-template-columns: 1fr;
    }

    .buffer-information[b-101od6njyz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .form-footer[b-101od6njyz] {
        flex-direction: column-reverse;
    }

    .form-footer .btn[b-101od6njyz] {
        width: 100%;
    }

    .confirmation-item[b-101od6njyz] {
        align-items: flex-start;
    }

    .full-width[b-101od6njyz] {
        grid-column: auto;
    }
}

@media (max-width: 480px) {
    .selected-items-header[b-101od6njyz] {
        flex-direction: column;
        gap: 10px;
    }

    .selected-item-actions[b-101od6njyz] {
        padding-left: 0;
    }

    .qty-control[b-101od6njyz] {
        grid-template-columns: 38px 62px 38px;
    }

    .qty-control .btn[b-101od6njyz],
    .selected-item-actions > .btn[b-101od6njyz] {
        width: 38px;
        height: 38px;
    }

    .confirmation-item-icon[b-101od6njyz] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }
}

.item-selection[b-101od6njyz] {
    display: flex;
    align-items: stretch;
    gap: 10px;
    width: 100%;
}

.item-search[b-101od6njyz] {
    flex: 1;
    min-width: 0;
}

.item-menu-action[b-101od6njyz] {
    display: flex;
    align-items: stretch;
    flex: 0 0 auto;
}

.item-menu-button[b-101od6njyz] {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    background: #fff7ed;
    color: #d97706;
    box-shadow: none;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        box-shadow .2s ease;
}

.item-menu-button:hover[b-101od6njyz] {
    border-color: #f59e0b;
    background: #ffedd5;
    color: #b45309;
    box-shadow: 0 3px 10px rgba(245, 158, 11, .12);
}

.item-menu-button:focus[b-101od6njyz] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .12);
}

.form-hint[b-101od6njyz] {
    display: block;
    margin-top: 7px;
    color: #94a3b8;
    font-size: .75rem;
    line-height: 1.4;
}

@media (max-width: 576px) {
    .item-selection[b-101od6njyz] {
        gap: 8px;
    }

    .item-menu-button[b-101od6njyz] {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
}

@media (max-width: 1200px) {
    .material-request[b-101od6njyz] {
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 20px;
    }

    .request-form-card[b-101od6njyz] {
        padding: 24px 26px;
    }

    .review-card[b-101od6njyz] {
        padding: 20px;
    }

    .form-grid[b-101od6njyz] {
        gap: 16px;
    }

    .item-information-grid[b-101od6njyz] {
        gap: 16px 20px;
    }
}

@media (max-width: 992px) {
    .material-request[b-101od6njyz] {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .review-card[b-101od6njyz] {
        position: static;
    }

    .request-form-card[b-101od6njyz] {
        padding: 24px;
    }

    .review-card[b-101od6njyz] {
        padding: 22px 24px;
    }

    .page-title[b-101od6njyz] {
        font-size: 1.55rem;
    }

    .page-title i[b-101od6njyz] {
        font-size: 1.4rem;
    }

    .stock-summary[b-101od6njyz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .material-request[b-101od6njyz] {
        margin-top: .75rem;
        gap: 16px;
    }

    .request-form-card[b-101od6njyz] {
        padding: 20px;
        border-radius: 18px;
    }

    .review-card[b-101od6njyz] {
        padding: 20px;
        border-radius: 18px;
    }

    .page-header[b-101od6njyz] {
        margin-bottom: 16px;
    }

    .page-title[b-101od6njyz] {
        gap: 9px;
        font-size: 1.35rem;
    }

    .page-title i[b-101od6njyz] {
        font-size: 1.25rem;
    }

    .form-section[b-101od6njyz] {
        gap: 18px;
    }

    .form-grid[b-101od6njyz] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .selected-items-header[b-101od6njyz] {
        padding: 15px 16px;
    }

    .selected-items-list[b-101od6njyz] {
        padding: 0 16px;
    }

    .selected-item[b-101od6njyz] {
        padding: 15px 0;
    }

    .selected-item-main[b-101od6njyz] {
        flex-wrap: wrap;
    }

    .selected-item-info[b-101od6njyz] {
        min-width: calc(100% - 58px);
    }

    .selected-item-actions[b-101od6njyz] {
        width: 100%;
        justify-content: flex-end;
        padding-left: 58px;
    }

    .item-information-card[b-101od6njyz] {
        margin-top: 14px;
        padding: 20px;
        border-radius: 16px;
    }

    .item-information-header[b-101od6njyz] {
        gap: 12px;
        margin-bottom: 18px;
    }

    .item-information-header > div:first-child[b-101od6njyz] {
        width: 42px;
        height: 42px;
        border-radius: 11px;
    }

    .item-information-grid[b-101od6njyz] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .stock-summary[b-101od6njyz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .stock-card[b-101od6njyz] {
        padding: 14px 10px;
        border-radius: 13px;
    }

    .stock-card h4[b-101od6njyz] {
        font-size: 1.55rem;
    }

    .buffer-information[b-101od6njyz] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .confirmation-modal[b-101od6njyz] {
        gap: 18px;
    }

    .confirmation-section[b-101od6njyz] {
        padding: 16px;
    }

    .summary-grid[b-101od6njyz] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .full-width[b-101od6njyz] {
        grid-column: auto;
    }

    .form-footer[b-101od6njyz] {
        flex-direction: column-reverse;
        gap: 8px;
    }

    .form-footer .btn[b-101od6njyz] {
        width: 100%;
    }

    .item-selection[b-101od6njyz] {
        gap: 8px;
    }

    .item-menu-button[b-101od6njyz] {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
}

@media (max-width: 576px) {
    .material-request[b-101od6njyz] {
        margin-top: .5rem;
    }

    .request-form-card[b-101od6njyz] {
        padding: 16px;
        border-radius: 16px;
    }

    .review-card[b-101od6njyz] {
        padding: 16px;
        border-radius: 16px;
    }

    .page-title[b-101od6njyz] {
        font-size: 1.2rem;
    }

    .page-title i[b-101od6njyz] {
        font-size: 1.1rem;
    }

    .form-group[b-101od6njyz] {
        gap: 6px;
    }

    .form-group label[b-101od6njyz] {
        font-size: .82rem;
    }

    .selected-items-card[b-101od6njyz] {
        border-radius: 14px;
    }

    .selected-items-header[b-101od6njyz] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 14px;
    }

    .selected-items-title[b-101od6njyz] {
        font-size: .9rem;
    }

    .selected-items-list[b-101od6njyz] {
        padding: 0 14px;
    }

    .selected-item-main[b-101od6njyz] {
        gap: 10px;
    }

    .selected-item-icon[b-101od6njyz] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 10px;
    }

    .selected-item-info[b-101od6njyz] {
        min-width: calc(100% - 50px);
    }

    .selected-item-name[b-101od6njyz] {
        font-size: .88rem;
    }

    .selected-item-meta[b-101od6njyz] {
        gap: 6px 10px;
        margin-top: 7px;
    }

    .selected-item-actions[b-101od6njyz] {
        padding-left: 0;
    }

    .qty-control[b-101od6njyz] {
        grid-template-columns: 38px 62px 38px;
        gap: 5px;
    }

    .qty-control .btn[b-101od6njyz],
    .selected-item-actions > .btn[b-101od6njyz] {
        width: 38px;
        height: 38px;
    }

    .qty-input input[b-101od6njyz] {
        height: 38px;
    }

    .item-information-card[b-101od6njyz] {
        padding: 16px;
        border-radius: 14px;
    }

    .item-information-header[b-101od6njyz] {
        margin-bottom: 16px;
    }

    .item-information-header h6[b-101od6njyz] {
        font-size: .92rem;
    }

    .item-information-header small[b-101od6njyz] {
        font-size: .75rem;
    }

    .stock-summary[b-101od6njyz] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .stock-card[b-101od6njyz] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
        text-align: left;
    }

    .stock-card small[b-101od6njyz] {
        margin: 0;
        font-size: .68rem;
    }

    .stock-card h4[b-101od6njyz] {
        margin-left: auto;
        font-size: 1.35rem;
    }

    .stock-card span[b-101od6njyz] {
        display: none;
    }

    .buffer-information[b-101od6njyz] {
        margin-top: 16px;
        padding-top: 14px;
    }

    .inventory-message[b-101od6njyz] {
        margin-top: 14px;
        padding: 12px;
        font-size: .78rem;
    }

    .review-title[b-101od6njyz] {
        font-size: 1.1rem;
    }

    .review-item[b-101od6njyz] {
        margin-bottom: 14px;
    }

    .review-item-row[b-101od6njyz] {
        padding: 9px 10px;
    }

    .review-status[b-101od6njyz] {
        margin-top: 20px;
        padding: 13px;
    }

    .confirmation-header[b-101od6njyz] {
        gap: 11px;
    }

    .confirmation-icon[b-101od6njyz] {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        border-radius: 12px;
        font-size: 1.1rem;
    }

    .confirmation-header h5[b-101od6njyz] {
        font-size: 1rem;
    }

    .confirmation-header p[b-101od6njyz] {
        font-size: .78rem;
    }

    .confirmation-section[b-101od6njyz] {
        padding: 14px;
        border-radius: 13px;
    }

    .section-title[b-101od6njyz] {
        margin-bottom: 14px;
    }

    .confirmation-item[b-101od6njyz] {
        gap: 9px;
        padding: 10px 0;
    }

    .confirmation-item-icon[b-101od6njyz] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 9px;
    }

    .confirmation-item-info strong[b-101od6njyz] {
        font-size: .8rem;
    }

    .confirmation-item-info span[b-101od6njyz] {
        font-size: .68rem;
    }

    .confirmation-item-quantity strong[b-101od6njyz] {
        font-size: .85rem;
    }

    .confirmation-note[b-101od6njyz] {
        gap: 9px;
        padding: 12px;
    }

    .confirmation-note div[b-101od6njyz] {
        font-size: .77rem;
    }

    .uploaded-document[b-101od6njyz] {
        gap: 10px;
        padding: 11px 12px;
    }

    .uploaded-document__icon[b-101od6njyz] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        font-size: 18px;
    }

    .uploaded-document__info strong[b-101od6njyz] {
        font-size: 12px;
    }

    .uploaded-document__info span[b-101od6njyz] {
        font-size: 10px;
    }

    .uploaded-document__success[b-101od6njyz] {
        font-size: 16px;
    }

    .form-footer[b-101od6njyz] {
        gap: 7px;
    }

    .item-selection[b-101od6njyz] {
        gap: 7px;
    }

    .item-menu-button[b-101od6njyz] {
        width: 40px;
        min-width: 40px;
        height: 40px;
        border-radius: 9px;
    }
}

@media (max-width: 380px) {
    .request-form-card[b-101od6njyz],
    .review-card[b-101od6njyz] {
        padding: 14px;
    }

    .page-title[b-101od6njyz] {
        font-size: 1.1rem;
    }

    .selected-item-meta[b-101od6njyz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .selected-item-actions[b-101od6njyz] {
        justify-content: stretch;
    }

    .qty-control[b-101od6njyz] {
        flex: 1;
        grid-template-columns: 36px minmax(45px, 1fr) 36px;
    }

    .qty-control .btn[b-101od6njyz],
    .selected-item-actions > .btn[b-101od6njyz] {
        width: 36px;
        height: 36px;
    }

    .selected-item-actions > .btn[b-101od6njyz] {
        flex: 0 0 36px;
    }

    .review-item-row[b-101od6njyz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .review-item-row > span[b-101od6njyz] {
        align-self: flex-end;
    }
}
/* /Components/Pages/MaterialRequest/Verification/Components/VerificationMaterialRequestForm.razor.rz.scp.css */
.inbound-page[b-fftfoilexv]{
    display:flex;
    flex-direction:column;
    gap:.5rem;
    min-height:100vh;
}

.page-header h2[b-fftfoilexv]{
    margin:0;
    font-size:2rem;
    font-weight:700;
    color:#1F2937;
}

.page-header p[b-fftfoilexv]{
    margin-top:.35rem;
    color:#6B7280;
}

.inbound-layout[b-fftfoilexv]{
    display:grid;
    gap:2rem;
    align-items:start;
}

.form-panel[b-fftfoilexv],
.review-panel[b-fftfoilexv]{
    background:white;
    border-radius:26px;
    border:1px solid #ECECEC;
    box-shadow:
        0 20px 40px rgba(15,23,42,.05);
    padding:2rem;
}

.panel-header[b-fftfoilexv]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.panel-header h4[b-fftfoilexv]{
    margin:0;
    font-weight:700;
    color:#B26B00;
}

.panel-header p[b-fftfoilexv]{
    margin-top:.35rem;
    color:#64748B;
}

.system-date[b-fftfoilexv]{
    background:#F6F8FC;
    border-radius:16px;
    padding:.85rem 1rem;
    text-align:center;
    min-width:160px;
}

.system-date span[b-fftfoilexv]{
    display:block;
    font-size:.7rem;
    font-weight:700;
    color:#94A3B8;
    letter-spacing:.08em;
}

.system-date strong[b-fftfoilexv]{
    font-size:.9rem;
    color:#334155;
}

.review-panel h4[b-fftfoilexv]{
    display:flex;
    align-items:center;
    gap:.5rem;
    font-weight:700;
    margin-bottom:2rem;
}

.review-panel h4 i[b-fftfoilexv]{
    color:#B26B00;
}

@media(max-width:992px){
    .inbound-layout[b-fftfoilexv]{
        grid-template-columns:1fr;
    }
}

.form-section[b-fftfoilexv]{
    border:1px solid #F1F5F9;
    border-radius:18px;
    padding:1.5rem;
    margin-bottom:1.75rem;
}

.section-title[b-fftfoilexv]{
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-bottom:1.5rem;
    color:#B26B00;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.04em;
}

.section-title i[b-fftfoilexv]{
    font-size:1rem;
}


.quantity-box[b-fftfoilexv]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid #D9E2EC;
    border-radius:14px;
    overflow:hidden;
    height:46px;
}

.qty-btn[b-fftfoilexv]{
    width:46px;
    height:46px;
    border:none;
    background:white;
    color:#D97706;
    font-size:1.1rem;
    transition:.2s;
}

.qty-btn:hover[b-fftfoilexv]{
    background:#FFF7ED;
}

.quantity-box span[b-fftfoilexv]{
    flex:1;
    text-align:center;
    font-size:1rem;
    font-weight:700;
}

.review-header[b-fftfoilexv]{
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:2rem;
}

.review-header i[b-fftfoilexv]{
    color:#D97706;
    font-size:1.5rem;
}

.review-header h4[b-fftfoilexv]{
    margin:0;
    font-weight:700;
}

.review-header small[b-fftfoilexv]{
    color:#94A3B8;
}

.review-card[b-fftfoilexv]{
    margin-bottom:1.6rem;
    padding:1rem;
    border-radius:16px;
    background:#FAFAFA;
    border:1px solid #EDF2F7;
}

.review-row[b-fftfoilexv]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.55rem 0;
    font-size: 9pt;
}

.review-row:not(:last-child)[b-fftfoilexv]{
    border-bottom:1px solid #F1F5F9;
}

.review-title[b-fftfoilexv]{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:.75rem;
    color:#475569;
    font-weight:700;
    font-size:.9rem;
}

.review-title i[b-fftfoilexv]{
    color:#D97706;
}

.qty-chip[b-fftfoilexv]{
    background:#FFF7ED;
    color:#D97706;
    padding:.3rem .7rem;
    border-radius:999px;
    font-weight:700;
}

.review-footer[b-fftfoilexv]{
    margin-top:2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    color:#94A3B8;
    font-size:.78rem;
}

.review-footer i[b-fftfoilexv]{
    font-size:.45rem;
}

.serial-wrapper[b-fftfoilexv]{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.serial-button[b-fftfoilexv]{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border:1px solid #FDBA74;
    border-radius:14px;
    background:#FFF8F2;
    color:#F59E0B;
    transition:.2s;
}

.serial-button:hover:not(:disabled)[b-fftfoilexv]{
    background:#F59E0B;
    color:var(--text-on-warning);
}

.serial-button:disabled[b-fftfoilexv]{
    cursor:not-allowed;
    background:#F9FAFB;
    border-color:#E5E7EB;
    color:#9CA3AF;
    opacity:.75;
}

.serial-button i[b-fftfoilexv]{
    font-size:1rem;
}

.serial-button:hover[b-fftfoilexv]{
    background:#F59E0B;
    color:var(--text-on-warning);
    border-color:#F59E0B;
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(245,158,11,.18);
}

.serial-hint[b-fftfoilexv]{
    color:#6B7280;
    font-size:.78rem;
    line-height:1.4;
    margin-left:8px;
}

.sn-overlay[b-fftfoilexv]{
    position:fixed;
    inset:0;
    z-index:3000;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(17,24,39,.45);
    backdrop-filter:blur(12px);
}

.sn-modal[b-fftfoilexv]{
    width:min(920px,95vw);
    max-height:600px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:28px;
    background: rgb(255 255 255 / 73%);
    backdrop-filter:blur(24px);
    box-shadow:
        0 20px 80px rgba(0,0,0,.18);
    animation:modalShow-b-fftfoilexv .25s ease;
}

.sn-header[b-fftfoilexv]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:28px 34px;
    border-bottom:1px solid #ECECEC;
}

.sn-title[b-fftfoilexv]{
    display:flex;
    gap:18px;
    align-items:center;
}

.sn-icon[b-fftfoilexv]{
    width:54px;
    height:54px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:16px;
    background:#FFF7E8;
    color:#F59E0B;
    font-size:24px;
}

.sn-title h4[b-fftfoilexv]{
    margin:0;
    font-weight:700;
}

.sn-title small[b-fftfoilexv]{
    color:#8A8A8A;
}

.sn-header-right[b-fftfoilexv]{
    display:flex;
    gap:18px;
    align-items:center;
}

.sn-badge[b-fftfoilexv]{
    padding:8px 16px;
    border-radius:999px;
    background:#FFF7E8;
    color:#F59E0B;
    font-weight:600;
}

.sn-close[b-fftfoilexv]{
    border:none;
    background:none;
    font-size:22px;
}

.sn-body[b-fftfoilexv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;

    max-height: 420px;
    overflow-y: auto;
    padding: 1rem;
}

.sn-card[b-fftfoilexv] {
    display: flex;
    align-items: center;
    gap: .625rem;

    padding: .625rem;

    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.sn-card:hover[b-fftfoilexv] {
    border-color: #f3c66d;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.sn-item-group[b-fftfoilexv] {
    display: flex;
    align-items: center;
    gap: .625rem;
    width: 100%;
}

.sn-number[b-fftfoilexv] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: #fff7ed;
    color: #c27a00;
    font-size: .7rem;
    font-weight: 700;
}

.sn-value[b-fftfoilexv] {
    flex: 1;
    min-width: 0;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #1f2937;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;
    font-size: .75rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sn-button-remove[b-fftfoilexv] {
    padding-right: 10px;
}

.sn-number[b-fftfoilexv]{
    width:54px;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:.72rem;
    font-weight:700;
    color:#9CA3AF;
    border-right:1px solid #F1F1F1;
    border-radius: 12px;
    background:#FCFCFC;
}

.sn-footer[b-fftfoilexv]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px 30px;
    border-top:1px solid #ECECEC;
}

.sn-footer small[b-fftfoilexv]{
    color:rgb(88 92 98);
}

@keyframes modalShow-b-fftfoilexv{

    from{
        opacity:0;
        transform:translateY(30px) scale(.98);
    }

    to{
        opacity:1;
        transform:none;
    }
}

.reference-section[b-fftfoilexv]{
    margin-top:24px;
}

.reference-card[b-fftfoilexv]{
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:16px;
    padding:20px;
    margin-bottom:16px;
    transition:.2s;
}

.reference-card:hover[b-fftfoilexv]{
    border-color:#F59E0B;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.reference-card-header[b-fftfoilexv]{
    display:flex;
    align-items:center;
    margin-bottom:18px;
}

.reference-icon[b-fftfoilexv]{
    width:48px;
    height:48px;
    border-radius:12px;
    background:#FFF7ED;
    color:#F59E0B;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.reference-info[b-fftfoilexv]{
    margin-left:14px;
    flex:1;
}

.reference-info h6[b-fftfoilexv]{
    margin:0;
    font-weight:600;
}

.reference-info small[b-fftfoilexv]{
    color:#94A3B8;
}

.action-buttons[b-fftfoilexv] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding: 0 1.5rem;
}

.confirm-header[b-fftfoilexv]{
    display:flex;
    align-items:center;
    gap:18px;
}

.confirm-icon[b-fftfoilexv]{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#FFF7E8;
    color:#F59E0B;
    font-size:26px;
}

.confirm-header h5[b-fftfoilexv]{
    margin:0;
    font-weight:700;
    color:#1F2937;
}

.confirm-header small[b-fftfoilexv]{
    color:#64748B;
}

.confirm-body[b-fftfoilexv]{
    padding-top:8px;
}

.confirm-body p[b-fftfoilexv]{
    color:#475569;
    margin-bottom:20px;
}

.confirm-footer[b-fftfoilexv]{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.review-row strong[b-fftfoilexv] {
    text-align: end;
}

.item-stock-card[b-fftfoilexv]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    background:#fffaf2;
    border:1px solid #fde7b2;
    border-radius:14px;
}

.stock-left[b-fftfoilexv]{
    display:flex;
    align-items:center;
    gap:12px;
}

.stock-icon[b-fftfoilexv]{
    width:42px;
    height:42px;
    border-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    color:#f59e0b;
    font-size:20px;
}

.stock-title[b-fftfoilexv]{
    font-size:.8rem;
    color:#6b7280;
}

.stock-value[b-fftfoilexv]{
    font-size:1.1rem;
    font-weight:700;
    color:#1f2937;
}

.confirm-header[b-fftfoilexv]{
    display:flex;
    align-items:center;
    gap:1rem;
}

.confirm-icon[b-fftfoilexv]{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#F59E0B,#FBBF24);
    color:#A16207;
    font-size:1.4rem;
    flex-shrink:0;
}

.confirm-header h5[b-fftfoilexv]{
    margin:0;
    font-weight:700;
    color:#1f2937;
}

.confirm-header small[b-fftfoilexv]{
    color:#6b7280;
}

.confirm-body[b-fftfoilexv]{
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}

.confirm-section[b-fftfoilexv]{
    padding:1rem;
    border:1px solid #edf2f7;
    border-radius:16px;
    background:#fff;
}

.confirm-section-title[b-fftfoilexv]{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:1rem;
    font-weight:700;
    color:#374151;
}

.confirm-section-title i[b-fftfoilexv]{
    color:#F59E0B;
}

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

.confirm-grid label[b-fftfoilexv]{
    display:block;
    font-size:.8rem;
    color:#9ca3af;
    margin-bottom:.2rem;
}

.confirm-grid strong[b-fftfoilexv]{
    color:#111827;
}

.confirm-reference[b-fftfoilexv]{
    padding:.85rem 1rem;
    border:1px solid #eef2f7;
    border-radius:12px;
    margin-bottom:.75rem;
    background:#fafafa;
}

.confirm-reference:last-child[b-fftfoilexv]{
    margin-bottom:0;
}

.confirm-reference strong[b-fftfoilexv]{
    display:block;
    color:#111827;
}

.confirm-reference div[b-fftfoilexv]{
    color:#374151;
}

.confirm-reference small[b-fftfoilexv]{
    color:#9ca3af;
}

.confirm-item[b-fftfoilexv]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem;
    border:1px solid #eef2f7;
    border-radius:14px;
    margin-bottom:.75rem;
}

.confirm-item:last-child[b-fftfoilexv]{
    margin-bottom:0;
}

.item-name[b-fftfoilexv]{
    font-weight:700;
    color:#111827;
}

.confirm-item small[b-fftfoilexv]{
    color:#6b7280;
}

.serial-label[b-fftfoilexv]{
    margin-top:.4rem;
    color:#F59E0B;
    font-size:.8rem;
}

.qty-chip[b-fftfoilexv]{
    min-width:80px;
    padding:.45rem .9rem;
    text-align:center;
    border-radius:999px;
    background:#FEF3C7;
    color:#B45309;
    font-weight:700;
}

.confirm-summary-card[b-fftfoilexv]{
    display:flex;
    justify-content:space-between;
    padding:1rem 1.25rem;
    border-radius:16px;
    background:#FFF8EB;
    border:1px solid #FDE68A;
}

.confirm-summary-card span[b-fftfoilexv]{
    display:block;
    font-size:.8rem;
    color:#6b7280;
}

.confirm-summary-card strong[b-fftfoilexv]{
    font-size:1.15rem;
    color:#111827;
}

.confirm-footer[b-fftfoilexv]{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.accordion-header[b-fftfoilexv]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    margin-bottom:1rem;
}

.accordion-description[b-fftfoilexv]{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.5rem;
    margin-top:.35rem;
    font-size:.85rem;
    color:#6b7280;
}

.accordion-description span[b-fftfoilexv]{
    display:flex;
    align-items:center;
    gap:.3rem;
}

.accordion-description i[b-fftfoilexv]{
    color:#f59e0b;
    font-size:.8rem;
}

.accordion-description .separator[b-fftfoilexv]{
    color:#d1d5db;
}

.accordion-toggle[b-fftfoilexv]{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    background:#fff8eb;
    color:#f59e0b;
    border-radius:10px;
    transition:.2s;
}

.accordion-toggle:hover[b-fftfoilexv]{
    background:#fde7b2;
}

.accordion-toggle i[b-fftfoilexv]{
    font-size:1rem;
}

.accordion-body[b-fftfoilexv]{
    animation:accordionFade-b-fftfoilexv .2s ease;
}

@keyframes accordionFade-b-fftfoilexv{
    from{
        opacity:0;
        transform:translateY(-5px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

.serial-hint[b-fftfoilexv] {
    margin-top: .5rem;
    font-size: .75rem;
    color: #9ca3af;
}

.serial-generator-card[b-fftfoilexv] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 15px;
    margin-bottom: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: linear-gradient(
        135deg,
        #fffaf4 0%,
        #ffffff 100%
    );
}

.serial-generator-card__icon[b-fftfoilexv] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff1df;
    color: #d97706;
    font-size: 17px;
}

.serial-generator-card__content[b-fftfoilexv] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.serial-generator-card__content strong[b-fftfoilexv] {
    color: #343a40;
    font-size: 12px;
    font-weight: 700;
}

.serial-generator-card__content span[b-fftfoilexv] {
    color: #8a9097;
    font-size: 11px;
    line-height: 1.45;
}

.serial-generator-card__button[b-fftfoilexv] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid #e5a65c;
    border-radius: 7px;
    background: #fff;
    color: #c56a00;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.serial-generator-card__button i[b-fftfoilexv] {
    font-size: 11px;
}

.serial-generator-card__button:hover[b-fftfoilexv] {
    background: #fff4e6;
    border-color: #d97706;
    color: #b85f00;
}

.serial-generator-card__button:active[b-fftfoilexv] {
    transform: translateY(1px);
}

.stock-opname-warning[b-fftfoilexv] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: 1rem 1.1rem;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fff7ed;
    color: #9a3412;
}

.stock-opname-warning__icon[b-fftfoilexv] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #ffedd5;
    color: #ea580c;
    font-size: .95rem;
}

.stock-opname-warning__content[b-fftfoilexv] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

.stock-opname-warning__content strong[b-fftfoilexv] {
    color: #9a3412;
    font-size: .9rem;
    font-weight: 700;
}

.stock-opname-warning__content span[b-fftfoilexv] {
    color: #c2410c;
    font-size: .82rem;
    line-height: 1.5;
}


.multi-approval-list[b-fftfoilexv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.multi-approval-item[b-fftfoilexv] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
}

.multi-approval-item-header[b-fftfoilexv] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    justify-content: space-between;
    min-width: 0;
    margin-bottom: 1rem;
}

.multi-approval-item-icon[b-fftfoilexv] {
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #2563eb;
    background: #eff6ff;
}

.multi-approval-item-info[b-fftfoilexv] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.multi-approval-request-number[b-fftfoilexv] {
    color: #1e40af;
    font-size: .8rem;
    font-weight: 700;
}

.multi-approval-item-name[b-fftfoilexv] {
    margin-top: .2rem;
    color: #1e293b;
    font-weight: 600;
}

.multi-approval-summary[b-fftfoilexv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

.multi-approval-summary > div[b-fftfoilexv] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .85rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.multi-approval-summary span[b-fftfoilexv] {
    color: #64748b;
    font-size: .8rem;
}

.multi-approval-summary strong[b-fftfoilexv] {
    color: #1e293b;
    font-size: 1.25rem;
}

@media (max-width: 576px) {
    .multi-approval-item[b-fftfoilexv] {
        padding: .75rem;
    }

    .multi-approval-item-header[b-fftfoilexv] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/MaterialRequest/Verification/VerificationMaterialPage.razor.rz.scp.css */
.section-toolbar[b-t9d37akstf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 24px 0 18px;
}

.section-toolbar-title[b-t9d37akstf] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-toolbar-title > i[b-t9d37akstf] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #fff7ed;
    color: #f59e0b;
}

.section-toolbar-title div[b-t9d37akstf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.section-toolbar-title strong[b-t9d37akstf] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
}

.section-toolbar-title span[b-t9d37akstf] {
    color: #94a3b8;
    font-size: 12px;
}

.view-toggle[b-t9d37akstf] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.view-toggle-btn[b-t9d37akstf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s ease;
}

.view-toggle-btn:hover[b-t9d37akstf] {
    background: #fff;
    color: #334155;
}

.view-toggle-btn.active[b-t9d37akstf] {
    background: #fff4d6;
    color: #a16207;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
}

@media (max-width: 768px) {
    .section-toolbar[b-t9d37akstf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .view-toggle[b-t9d37akstf] {
        width: 100%;
    }

    .view-toggle-btn[b-t9d37akstf] {
        flex: 1;
        justify-content: center;
    }
}

.warehouse-filter-card[b-t9d37akstf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 20px;
    margin: 20px 0;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.warehouse-filter-info[b-t9d37akstf] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.warehouse-filter-icon[b-t9d37akstf] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 19px;
}

.warehouse-filter-text[b-t9d37akstf] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.warehouse-filter-label[b-t9d37akstf] {
    color: #1e293b;
    font-size: 14px;
    font-weight: 700;
}

.warehouse-filter-description[b-t9d37akstf] {
    color: #64748b;
    font-size: 13px;
    line-height: 1.4;
}

.warehouse-filter-control[b-t9d37akstf] {
    width: 320px;
    flex-shrink: 0;
}

.warehouse-filter-control .filter-select[b-t9d37akstf] {
    width: 100%;
}

@media (max-width: 768px) {
    .warehouse-filter-card[b-t9d37akstf] {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .warehouse-filter-control[b-t9d37akstf] {
        width: 100%;
    }
}
/* /Components/Pages/MyInventory/Components/MyInventoryList.razor.rz.scp.css */
.my-inventory-list[b-7ys97ev8ew] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.my-inventory-card[b-7ys97ev8ew] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    cursor: pointer;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.my-inventory-card:hover[b-7ys97ev8ew] {
    border-color: #cbd5e1;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    transform: translateY(-2px);
}

.my-inventory-card:focus-visible[b-7ys97ev8ew] {
    outline: 3px solid rgba(245, 158, 11, 0.25);
    outline-offset: 2px;
}

.my-inventory-card.closed[b-7ys97ev8ew] {
    background: #fafafa;
    border-color: #e5e7eb;
}

.my-inventory-card.cancelled[b-7ys97ev8ew] {
    background: #fffafa;
    border-color: #fecaca;
}

.my-inventory-card.closed:hover[b-7ys97ev8ew] {
    border-color: #d1d5db;
}

.my-inventory-card.cancelled:hover[b-7ys97ev8ew] {
    border-color: #fca5a5;
}

.my-inventory-card__icon[b-7ys97ev8ew] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    color: #d97706;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    font-size: 20px;
}

.my-inventory-card.closed .my-inventory-card__icon[b-7ys97ev8ew] {
    color: #64748b;
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.my-inventory-card.cancelled .my-inventory-card__icon[b-7ys97ev8ew] {
    color: #dc2626;
    background: #fef2f2;
    border-color: #fecaca;
}

.my-inventory-card__content[b-7ys97ev8ew] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    gap: 18px;
}

.my-inventory-card__top[b-7ys97ev8ew] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.my-inventory-card__identity[b-7ys97ev8ew] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 6px;
}

.my-inventory-card__title[b-7ys97ev8ew] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.my-inventory-card__title strong[b-7ys97ev8ew] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.my-inventory-card.closed .my-inventory-card__title strong[b-7ys97ev8ew] {
    color: #475569;
}

.my-inventory-card.cancelled .my-inventory-card__title strong[b-7ys97ev8ew] {
    color: #7f1d1d;
}

.my-inventory-card__code[b-7ys97ev8ew] {
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-inventory-card__status[b-7ys97ev8ew] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.my-inventory-card__status i[b-7ys97ev8ew] {
    font-size: 11px;
}

.my-inventory-card__status--active[b-7ys97ev8ew] {
    color: #15803d;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.my-inventory-card__status--closed[b-7ys97ev8ew] {
    color: #475569;
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.my-inventory-card__status--cancelled[b-7ys97ev8ew] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

.my-inventory-card__return-badge[b-7ys97ev8ew] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px;
    color: #a16207;
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.my-inventory-card__return-badge i[b-7ys97ev8ew] {
    font-size: 11px;
}

.my-inventory-card__quantity[b-7ys97ev8ew] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 90px;
    text-align: right;
}

.my-inventory-card__quantity span[b-7ys97ev8ew] {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
}

.my-inventory-card__quantity strong[b-7ys97ev8ew] {
    color: #1e293b;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

.my-inventory-card__quantity small[b-7ys97ev8ew] {
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
}

.my-inventory-card.closed .my-inventory-card__quantity strong[b-7ys97ev8ew] {
    color: #64748b;
}

.my-inventory-card.cancelled .my-inventory-card__quantity strong[b-7ys97ev8ew] {
    color: #b91c1c;
}

.my-inventory-card__details[b-7ys97ev8ew] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
}

.my-inventory-detail[b-7ys97ev8ew] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-width: 0;
}

.my-inventory-detail__icon[b-7ys97ev8ew] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    color: #94a3b8;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 8px;
    font-size: 13px;
}

.my-inventory-detail > div:last-child[b-7ys97ev8ew] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 3px;
}

.my-inventory-detail span[b-7ys97ev8ew] {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.my-inventory-detail strong[b-7ys97ev8ew] {
    overflow: hidden;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-inventory-card.closed .my-inventory-detail strong[b-7ys97ev8ew] {
    color: #64748b;
}

.my-inventory-card__cancellation[b-7ys97ev8ew] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
}

.my-inventory-card__cancellation > i[b-7ys97ev8ew] {
    flex: 0 0 auto;
    margin-top: 2px;
    font-size: 15px;
}

.my-inventory-card__cancellation > div[b-7ys97ev8ew] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 3px;
}

.my-inventory-card__cancellation strong[b-7ys97ev8ew] {
    color: #991b1b;
    font-size: 12px;
    font-weight: 700;
}

.my-inventory-card__cancellation span[b-7ys97ev8ew] {
    color: #b91c1c;
    font-size: 12px;
    line-height: 1.5;
    word-break: break-word;
}

@media (max-width: 992px) {
    .my-inventory-card__details[b-7ys97ev8ew] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 16px;
    }
}

@media (max-width: 576px) {
    .my-inventory-card[b-7ys97ev8ew] {
        gap: 12px;
        padding: 15px;
        border-radius: 14px;
    }

    .my-inventory-card__icon[b-7ys97ev8ew] {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        font-size: 17px;
    }

    .my-inventory-card__top[b-7ys97ev8ew] {
        flex-direction: column;
        gap: 12px;
    }

    .my-inventory-card__quantity[b-7ys97ev8ew] {
        flex-direction: row;
        align-items: baseline;
        gap: 6px;
        text-align: left;
    }

    .my-inventory-card__quantity strong[b-7ys97ev8ew] {
        font-size: 20px;
    }

    .my-inventory-card__quantity small[b-7ys97ev8ew] {
        font-size: 11px;
    }

    .my-inventory-card__details[b-7ys97ev8ew] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .my-inventory-detail strong[b-7ys97ev8ew] {
        white-space: normal;
    }

    .my-inventory-card__title[b-7ys97ev8ew] {
        gap: 6px;
    }
}

.my-inventory-empty-state[b-7ys97ev8ew] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 220px;
    padding: 36px 24px;
    border: 1px dashed #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    text-align: left;
}

.my-inventory-empty-state__icon[b-7ys97ev8ew] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    border: 1px solid #fed7aa;
    border-radius: 18px;
    background: #fff7ed;
    color: #f59e0b;
}

.my-inventory-empty-state__icon i[b-7ys97ev8ew] {
    font-size: 28px;
}

.my-inventory-empty-state__content h5[b-7ys97ev8ew] {
    margin: 0 0 6px;
    color: #334155;
    font-size: 15px;
    font-weight: 700;
}

.my-inventory-empty-state__content p[b-7ys97ev8ew] {
    max-width: 360px;
    margin: 0;
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.6;
}

@media (max-width: 576px) {
    .my-inventory-empty-state[b-7ys97ev8ew] {
        flex-direction: column;
        min-height: 200px;
        padding: 32px 20px;
        text-align: center;
    }

    .my-inventory-empty-state__content p[b-7ys97ev8ew] {
        max-width: 280px;
    }
}
/* /Components/Pages/MyInventory/Components/MyInventorySerialNumberItem.razor.rz.scp.css */
.my-inventory-detail-section[b-mkk45s0w19] {
    padding: 22px 24px;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 14px;
}

.my-inventory-detail-section__header[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.my-inventory-detail-section__header > div:first-child[b-mkk45s0w19] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.my-inventory-detail-section__header strong[b-mkk45s0w19] {
    font-size: 15px;
}

.my-inventory-detail-section__header span[b-mkk45s0w19] {
    color: var(--bs-secondary-color);
    font-size: 12px;
}

.my-inventory-serial-list[b-mkk45s0w19] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.my-inventory-serial-card[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.my-inventory-serial-card:hover[b-mkk45s0w19] {
    border-color: #dee2e6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.my-inventory-serial-card__main[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    gap: 13px;
    flex: 1;
    min-width: 0;
}

.my-inventory-serial-card__icon[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 9px;
    background: #f8f9fa;
    color: #64748b;
    font-size: 15px;
}

.my-inventory-serial-card__content[b-mkk45s0w19] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.my-inventory-serial-card__title[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.my-inventory-serial-card__title strong[b-mkk45s0w19] {
    color: #334155;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.my-inventory-serial-card__reference[b-mkk45s0w19] {
    color: #64748b;
    font-size: 12px;
    white-space: nowrap;
}

.my-inventory-serial-card__timestamp[b-mkk45s0w19] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    flex: 0 0 auto;
}

.my-inventory-serial-card__timestamp span[b-mkk45s0w19] {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 500;
}

.my-inventory-serial-card__timestamp strong[b-mkk45s0w19] {
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.my-inventory-status-badge[b-mkk45s0w19] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    white-space: nowrap;
}

.my-inventory-status-badge--reserved[b-mkk45s0w19] {
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.my-inventory-status-badge--installed[b-mkk45s0w19] {
    color: #166534;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.my-inventory-status-badge--default[b-mkk45s0w19] {
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

@media (max-width: 700px) {
    .my-inventory-serial-card[b-mkk45s0w19] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .my-inventory-serial-card__timestamp[b-mkk45s0w19] {
        align-items: flex-start;
        padding-left: 51px;
    }
}

.my-inventory-edit-list[b-mkk45s0w19] {
    display: flex;
    flex-direction: column;
}

.my-inventory-edit-item[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 13px 18px;
    border-bottom: 1px solid #f1f3f5;
}

.my-inventory-edit-item:last-child[b-mkk45s0w19] {
    border-bottom: 0;
}

.my-inventory-edit-item__serial[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 180px;
    min-width: 0;
}

.my-inventory-edit-item__serial i[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    font-size: 14px;
}

.my-inventory-edit-item__serial strong[b-mkk45s0w19] {
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    word-break: break-all;
}

.my-inventory-edit-item__fields[b-mkk45s0w19] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 1fr 1fr;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.my-inventory-edit-field[b-mkk45s0w19] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.my-inventory-edit-field label[b-mkk45s0w19] {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
}

.my-inventory-edit-item .custom-input[b-mkk45s0w19] {
    min-height: 38px;
    border-radius: 8px;
}

.my-inventory-edit-actions[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 11px 18px;
    border-top: 1px solid #eef0f2;
    background: #fafbfc;
}

@media (max-width: 1000px) {
    .my-inventory-serial-item__content[b-mkk45s0w19] {
        flex-wrap: wrap;
        gap: 7px 16px;
    }

    .my-inventory-edit-item[b-mkk45s0w19] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .my-inventory-edit-item__serial[b-mkk45s0w19] {
        flex: none;
    }

    .my-inventory-edit-item__fields[b-mkk45s0w19] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .my-inventory-serial-item[b-mkk45s0w19],
    .my-inventory-edit-item[b-mkk45s0w19] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .my-inventory-serial-item__content[b-mkk45s0w19] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .my-inventory-serial-item__title[b-mkk45s0w19] {
        min-width: 0;
    }

    .my-inventory-edit-item__fields[b-mkk45s0w19] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 500px) {
    .my-inventory-edit-item__fields[b-mkk45s0w19] {
        grid-template-columns: 1fr;
    }
}

.my-inventory-serial-placeholder-badge[b-mkk45s0w19] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 22px;
    padding: 4px 9px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.my-inventory-serial-placeholder-badge i[b-mkk45s0w19] {
    font-size: 10px;
}

.my-inventory-usage-summary[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-shrink: 0;
}

.my-inventory-usage-summary__item[b-mkk45s0w19] {
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.my-inventory-usage-summary__item > span[b-mkk45s0w19] {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 500;
}

.my-inventory-usage-summary__item > strong[b-mkk45s0w19] {
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.my-inventory-usage-summary__divider[b-mkk45s0w19] {
    width: 1px;
    height: 22px;
    background: #e9ecef;
}

.my-inventory-usage-summary__item--remaining[b-mkk45s0w19] {
    padding: 5px 9px;
    border: 1px solid #fde68a;
    border-radius: 999px;
    background: #fffbeb;
}

.my-inventory-usage-summary__item--remaining > span[b-mkk45s0w19],
.my-inventory-usage-summary__item--remaining > strong[b-mkk45s0w19] {
    color: #a16207;
}

.my-inventory-usage-summary__item--complete[b-mkk45s0w19] {
    padding: 5px 9px;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    background: #f0fdf4;
}

.my-inventory-usage-summary__item--complete > span[b-mkk45s0w19],
.my-inventory-usage-summary__item--complete > strong[b-mkk45s0w19] {
    color: #15803d;
}

@media (max-width: 900px) {
    .my-inventory-usage-summary[b-mkk45s0w19] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .my-inventory-usage-summary[b-mkk45s0w19] {
        width: 100%;
        gap: 8px;
    }

    .my-inventory-usage-summary__divider[b-mkk45s0w19] {
        height: 18px;
    }
}


@media (max-width: 500px) {
    .my-inventory-usage-summary__divider[b-mkk45s0w19] {
        display: none;
    }

    .my-inventory-usage-summary__item[b-mkk45s0w19] {
        padding: 4px 8px;
        border: 1px solid #e9ecef;
        border-radius: 999px;
        background: #f8fafc;
    }

    .my-inventory-usage-summary__item--remaining[b-mkk45s0w19],
    .my-inventory-usage-summary__item--complete[b-mkk45s0w19] {
        padding: 4px 8px;
    }
}
/* /Components/Pages/MyInventory/Components/MyInventoryUsageItem.razor.rz.scp.css */
.my-inventory-detail-section[b-qtzhijurpm] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    overflow: hidden;
}

.my-inventory-detail-section__header[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid #eef0f2;
}

.my-inventory-detail-section__header > div:first-child[b-qtzhijurpm] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.my-inventory-detail-section__header strong[b-qtzhijurpm] {
    color: #1f2937;
    font-size: 14px;
    font-weight: 700;
}

.my-inventory-detail-section__header span[b-qtzhijurpm] {
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.5;
}

.my-inventory-usage-list[b-qtzhijurpm] {
    display: flex;
    flex-direction: column;
}

.my-inventory-usage-item[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    border-bottom: 1px solid #f1f3f5;
}

.my-inventory-usage-item:last-child[b-qtzhijurpm] {
    border-bottom: 0;
}

.my-inventory-usage-item__icon[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    font-size: 14px;
}

.my-inventory-usage-item__content[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    min-width: 0;
}

.my-inventory-usage-item__title[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 150px;
}

.my-inventory-usage-item__title span[b-qtzhijurpm] {
    color: #64748b;
    font-size: 12px;
}

.my-inventory-usage-item__title strong[b-qtzhijurpm] {
    color: #334155;
    font-size: 13px;
    font-weight: 600;
}

.my-inventory-usage-item__content > span:not(.timestamp)[b-qtzhijurpm] {
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}

.timestamp[b-qtzhijurpm] {
    margin-left: auto;
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}

.my-inventory-edit-list[b-qtzhijurpm] {
    display: flex;
    flex-direction: column;
}

.my-inventory-edit-item[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 13px 18px;
    border-bottom: 1px solid #f1f3f5;
}

.my-inventory-edit-item:last-child[b-qtzhijurpm] {
    border-bottom: 0;
}

.my-inventory-edit-item__icon[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    font-size: 14px;
}

.my-inventory-edit-item__fields[b-qtzhijurpm] {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.my-inventory-edit-field[b-qtzhijurpm] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.my-inventory-edit-field label[b-qtzhijurpm] {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
}

.my-inventory-edit-item .custom-input[b-qtzhijurpm] {
    min-height: 38px;
    border-radius: 8px;
}

.my-inventory-edit-actions[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 11px 18px;
    border-top: 1px solid #eef0f2;
    background: #fafbfc;
}

@media (max-width: 1000px) {
    .my-inventory-usage-item__content[b-qtzhijurpm] {
        flex-wrap: wrap;
        gap: 7px 16px;
    }

    .my-inventory-edit-item[b-qtzhijurpm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .my-inventory-edit-item__fields[b-qtzhijurpm] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .my-inventory-usage-item[b-qtzhijurpm] {
        align-items: flex-start;
    }

    .my-inventory-usage-item__content[b-qtzhijurpm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .timestamp[b-qtzhijurpm] {
        margin-left: auto;
    }

    .my-inventory-edit-item__fields[b-qtzhijurpm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 500px) {
    .my-inventory-edit-item__fields[b-qtzhijurpm] {
        grid-template-columns: 1fr;
    }
}

.my-inventory-edit-actions[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 11px 18px;
    border-top: 1px solid #eef0f2;
    background: #fafbfc;
}

.my-inventory-edit-actions__right[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-inventory-remove-button[b-qtzhijurpm] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 8px !important;
}

.my-inventory-edit-item__fields[b-qtzhijurpm] {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr auto;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

@media (max-width: 1000px) {
    .my-inventory-edit-item[b-qtzhijurpm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .my-inventory-edit-item__fields[b-qtzhijurpm] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .my-inventory-edit-item__fields[b-qtzhijurpm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .my-inventory-remove-button[b-qtzhijurpm] {
        grid-column: 2;
        justify-self: end;
    }
}

@media (max-width: 500px) {
    .my-inventory-edit-item__fields[b-qtzhijurpm] {
        grid-template-columns: 1fr;
    }

    .my-inventory-remove-button[b-qtzhijurpm] {
        grid-column: auto;
        justify-self: start;
    }

    .my-inventory-edit-actions[b-qtzhijurpm] {
        align-items: stretch;
        flex-direction: column;
    }

    .my-inventory-edit-actions__right[b-qtzhijurpm] {
        justify-content: flex-end;
    }
}

.my-inventory-usage-summary[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.my-inventory-usage-summary__item[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.my-inventory-usage-summary__item > span[b-qtzhijurpm] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 500;
}

.my-inventory-usage-summary__item > strong[b-qtzhijurpm] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 700;
}

.my-inventory-usage-summary__item--remaining[b-qtzhijurpm] {
    padding: 0.3rem 0.6rem;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    background: #fff7ed;
}

.my-inventory-usage-summary__item--remaining > span[b-qtzhijurpm],
.my-inventory-usage-summary__item--remaining > strong[b-qtzhijurpm] {
    color: #a16207;
}

.my-inventory-usage-summary__item--error[b-qtzhijurpm] {
    padding: 0.3rem 0.6rem;
    border: 1px solid #fecaca;
    border-radius: 999px;
    background: #fef2f2;
}

.my-inventory-usage-summary__item--error > span[b-qtzhijurpm],
.my-inventory-usage-summary__item--error > strong[b-qtzhijurpm] {
    color: #b91c1c;
}

.my-inventory-usage-summary__divider[b-qtzhijurpm] {
    width: 1px;
    height: 20px;
    background: #e2e8f0;
}

.my-inventory-usage-warning[b-qtzhijurpm] {
    display: flex;
    align-items: center;
    gap: 0.6rem;

    margin-bottom: 1rem;
    padding: 0.7rem 0.85rem;

    border: 1px solid #fed7aa;
    border-radius: 0.5rem;

    background: #fff7ed;

    color: #a16207;
    font-size: 0.82rem;
    font-weight: 500;
}

.my-inventory-usage-warning i[b-qtzhijurpm] {
    flex-shrink: 0;
    font-size: 0.9rem;
}
/* /Components/Pages/MyInventory/MyInventoryDetailPage.razor.rz.scp.css */
.my-inventory-detail-page[b-74bwjqr41g] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px;
}

.my-inventory-detail-header[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    margin-bottom: 18px;
    padding: 22px 24px;

    background: #ffffff;
    border: 1px solid #eeeae3;
    border-radius: 14px;

    box-shadow:
        0 3px 10px rgba(15, 23, 42, .035);
}

.my-inventory-detail-header__identity[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.my-inventory-detail-header__icon[b-74bwjqr41g] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #d88700;
    font-size: 20px;

    box-shadow:
        0 3px 8px rgba(217, 135, 0, .10);
}

.my-inventory-detail-header__identity > div:last-child[b-74bwjqr41g] {
    min-width: 0;
}

.my-inventory-detail-header h3[b-74bwjqr41g] {
    margin: 2px 0 4px;

    color: #263342;
    font-size: 21px;
    font-weight: 750;
    letter-spacing: -.3px;
}

.my-inventory-detail-header__identity span[b-74bwjqr41g],
.my-inventory-detail-header__movement span[b-74bwjqr41g] {
    display: block;

    color: #858b93;
    font-size: 12px;
}

.my-inventory-detail-header p[b-74bwjqr41g] {
    margin: 0;

    color: #858b93;
    font-size: 12px;
}

.my-inventory-detail-header__movement[b-74bwjqr41g] {
    min-width: 170px;
    text-align: right;
}

.my-inventory-detail-header__movement strong[b-74bwjqr41g] {
    display: block;

    margin-top: 4px;

    color: #9a6206;
    font-size: 14px;
    font-weight: 700;
}

.my-inventory-detail-content[b-74bwjqr41g] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.my-inventory-detail-section[b-74bwjqr41g] {
    padding: 20px 22px;

    background: #ffffff;
    border: 1px solid #eeeae3;
    border-radius: 14px;

    box-shadow:
        0 2px 7px rgba(15, 23, 42, .025);
}

.my-inventory-detail-section__header[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    margin-bottom: 15px;
}

.my-inventory-detail-section__header > div:first-child[b-74bwjqr41g] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.my-inventory-detail-section__header strong[b-74bwjqr41g] {
    color: #394350;
    font-size: 15px;
    font-weight: 750;
}

.my-inventory-detail-section__header span[b-74bwjqr41g] {
    color: #858b93;
    font-size: 11px;
}

.my-inventory-detail-section__actions[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-inventory-detail-count[b-74bwjqr41g] {
    min-width: 30px;

    padding: 4px 9px;

    border-radius: 8px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #9a6206 !important;

    text-align: center;
    font-size: 11px !important;
    font-weight: 750;
}

.my-inventory-detail-info-grid[b-74bwjqr41g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 1px;

    overflow: hidden;

    border: 1px solid #eeeae3;
    border-radius: 10px;

    background: #eeeae3;
}

.my-inventory-detail-info[b-74bwjqr41g] {
    display: flex;
    flex-direction: column;
    gap: 5px;

    min-width: 0;
    padding: 14px 16px;

    background: #fafafa;
}

.my-inventory-detail-info span[b-74bwjqr41g] {
    color: #858b93;
    font-size: 10px;
    font-weight: 600;
}

.my-inventory-detail-info strong[b-74bwjqr41g] {
    overflow: hidden;

    color: #4b535d;

    font-size: 13px;
    font-weight: 650;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-inventory-serial-list[b-74bwjqr41g],
.my-inventory-reference-list[b-74bwjqr41g],
.my-inventory-usage-list[b-74bwjqr41g] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.my-inventory-serial-item[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 13px 15px;

    background: #fffdfa;
    border: 1px solid #eeeae3;
    border-radius: 10px;

    transition:
        border-color .15s ease,
        background-color .15s ease,
        box-shadow .15s ease;
}

.my-inventory-serial-item:hover[b-74bwjqr41g] {
    background: #fffaf1;
    border-color: #f0d7aa;

    box-shadow:
        0 3px 8px rgba(15, 23, 42, .035);
}

.my-inventory-serial-item > i[b-74bwjqr41g] {
    color: #d88700;
    font-size: 17px;
}

.my-inventory-serial-item__content[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    min-width: 0;
}

.my-inventory-serial-item__content strong[b-74bwjqr41g] {
    color: #394350;
    font-size: 13px;
    font-weight: 700;
}

.my-inventory-serial-item__content span[b-74bwjqr41g] {
    padding: 3px 8px;

    border-radius: 6px;

    background: #f5f5f4;
    border: 1px solid #e7e5e2;

    color: #777d84;

    font-size: 10px;
}

.my-inventory-detail-edit-button[b-74bwjqr41g],
.my-inventory-detail-save-button[b-74bwjqr41g],
.my-inventory-detail-cancel-button[b-74bwjqr41g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    min-height: 34px;
    padding: 6px 12px;

    border-radius: 8px;

    font-family: inherit;
    font-size: 12px;
    font-weight: 650;

    cursor: pointer;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.my-inventory-detail-edit-button[b-74bwjqr41g] {
    background: #fff7ed;
    border: 1px solid #f3ddc0;
    color: #b96f05;
}

.my-inventory-detail-edit-button:hover[b-74bwjqr41g] {
    background: #fff0dc;
    border-color: #edcc9f;
}

.my-inventory-detail-save-button[b-74bwjqr41g] {
    background: #2563eb;
    border: 1px solid #2563eb;
    color: #ffffff;
}

.my-inventory-detail-save-button:hover[b-74bwjqr41g] {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

.my-inventory-detail-cancel-button[b-74bwjqr41g] {
    background: #ffffff;
    border: 1px solid #dedede;
    color: #666666;
}

.my-inventory-detail-cancel-button:hover[b-74bwjqr41g] {
    background: #f7f7f7;
    border-color: #cccccc;
}

.my-inventory-detail-edit-button:active[b-74bwjqr41g],
.my-inventory-detail-save-button:active[b-74bwjqr41g],
.my-inventory-detail-cancel-button:active[b-74bwjqr41g] {
    transform: translateY(1px);
}

.my-inventory-outbound-serial-edit-list[b-74bwjqr41g],
.my-inventory-usage-edit-list[b-74bwjqr41g],
.my-inventory-edit-list[b-74bwjqr41g] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.my-inventory-outbound-serial-edit-item[b-74bwjqr41g],
.my-inventory-usage-edit-item[b-74bwjqr41g],
.my-inventory-edit-item[b-74bwjqr41g] {
    padding: 15px;

    background: #fffdfa;
    border: 1px solid #eeeae3;
    border-radius: 11px;
}

.my-inventory-serial-edit-number[b-74bwjqr41g],
.my-inventory-usage-edit-item__number[b-74bwjqr41g] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #9a6206;

    font-size: 11px;
    font-weight: 750;
}

.my-inventory-serial-edit-fields[b-74bwjqr41g] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 10px;

    width: 100%;
}

.my-inventory-usage-edit-item__fields[b-74bwjqr41g] {
    display: grid;
    grid-template-columns: .7fr 1.2fr 1fr;
    gap: 10px;

    width: 100%;
}

.my-inventory-edit-field[b-74bwjqr41g] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.my-inventory-edit-field > label[b-74bwjqr41g] {
    color: #5f6670;
    font-size: 11px;
    font-weight: 650;
}

.my-inventory-edit-field .custom-input[b-74bwjqr41g] {
    width: 100%;
    min-height: 38px;

    padding: 7px 11px;

    background: #ffffff;
    border: 1px solid #ddd9d2;
    border-radius: 8px;

    color: #394350;

    font-size: 12px;

    outline: none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.my-inventory-edit-field .custom-input:focus[b-74bwjqr41g] {
    border-color: #d88700;
    box-shadow: 0 0 0 3px rgba(216, 135, 0, .10);
}

.my-inventory-edit-item__serial[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 14px;
}

.my-inventory-edit-item__serial i[b-74bwjqr41g] {
    color: #d88700;
    font-size: 17px;
}

.my-inventory-edit-item__icon[b-74bwjqr41g] {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 12px;

    border-radius: 9px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #d88700;
}

.my-inventory-edit-actions[b-74bwjqr41g] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;

    margin-top: 16px;
    padding-top: 14px;

    border-top: 1px solid #eeeae3;
}

.my-inventory-edit-button[b-74bwjqr41g] {
    border-radius: 8px;
}

.my-inventory-usage-item[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 13px 14px;

    background: #fffdfa;
    border: 1px solid #eeeae3;
    border-radius: 10px;
}

.my-inventory-usage-item__icon[b-74bwjqr41g],
.my-inventory-reference-item__icon[b-74bwjqr41g] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #d88700;
}

.my-inventory-usage-item__content[b-74bwjqr41g] {
    display: flex;
    flex-direction: column;
    gap: 3px;

    min-width: 0;
}

.my-inventory-usage-item__content span[b-74bwjqr41g],
.my-inventory-reference-item__content span[b-74bwjqr41g] {
    color: #858b93;
    font-size: 10px;
    font-weight: 600;
}

.my-inventory-usage-item__content strong[b-74bwjqr41g] {
    color: #394350;
    font-size: 13px;
    font-weight: 700;
}

.my-inventory-reference-item[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 13px 14px;

    background: #fffdfa;
    border: 1px solid #eeeae3;
    border-radius: 10px;
}

.my-inventory-reference-item__content[b-74bwjqr41g] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;

    min-width: 0;
}

.my-inventory-reference-item__content strong[b-74bwjqr41g] {
    overflow: hidden;

    color: #394350;

    font-size: 13px;
    font-weight: 700;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-inventory-reference-item__content small[b-74bwjqr41g] {
    color: #858b93;
    font-size: 10px;
}

.my-inventory-reference-item__date[b-74bwjqr41g] {
    color: #858b93;
    font-size: 11px;
    white-space: nowrap;
}

.my-inventory-status-badge--reserved[b-74bwjqr41g] {
    color: #a16207;
    background: #fff4d6;
    border: 1px solid #f3d99b;
}

.my-inventory-status-badge--installed[b-74bwjqr41g] {
    color: #23804a;
    background: #e7faee;
    border: 1px solid #bdebcf;
}

@media (max-width: 900px) {
    .my-inventory-detail-header[b-74bwjqr41g] {
        align-items: flex-start;
        flex-direction: column;
    }

    .my-inventory-detail-header__movement[b-74bwjqr41g] {
        width: 100%;
        text-align: left;
    }

    .my-inventory-detail-info-grid[b-74bwjqr41g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .my-inventory-serial-edit-fields[b-74bwjqr41g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .my-inventory-usage-edit-item__fields[b-74bwjqr41g] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .my-inventory-edit-item__fields[b-74bwjqr41g] {
        grid-template-columns: 1fr;
    }

    .my-inventory-edit-actions[b-74bwjqr41g] {
        flex-direction: column-reverse;
    }

    .my-inventory-edit-button[b-74bwjqr41g] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .my-inventory-detail-page[b-74bwjqr41g] {
        padding: 14px;
    }

    .my-inventory-detail-header[b-74bwjqr41g],
    .my-inventory-detail-section[b-74bwjqr41g] {
        padding: 18px;
    }

    .my-inventory-detail-info-grid[b-74bwjqr41g] {
        grid-template-columns: 1fr;
    }

    .my-inventory-detail-section__header[b-74bwjqr41g] {
        align-items: flex-start;
        flex-direction: column;
    }

    .my-inventory-detail-section__actions[b-74bwjqr41g] {
        width: 100%;
        justify-content: flex-end;
    }

    .my-inventory-outbound-serial-edit-item[b-74bwjqr41g],
    .my-inventory-usage-edit-item[b-74bwjqr41g] {
        flex-direction: column;
    }

    .my-inventory-serial-edit-fields[b-74bwjqr41g] {
        grid-template-columns: 1fr;
    }

    .my-inventory-usage-item[b-74bwjqr41g] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .my-inventory-reference-item[b-74bwjqr41g] {
        align-items: flex-start;
    }

    .my-inventory-reference-item__date[b-74bwjqr41g] {
        margin-left: auto;
    }
}

.my-inventory-confirmation[b-74bwjqr41g] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 4px 2px;
}

.my-inventory-confirmation__icon[b-74bwjqr41g] {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #fff7ed;
    border: 1px solid #fed7aa;

    color: #f59e0b;
    font-size: 1.15rem;
}

.my-inventory-confirmation__content[b-74bwjqr41g] {
    min-width: 0;
    padding-top: 1px;
}

.my-inventory-confirmation__content strong[b-74bwjqr41g] {
    display: block;

    margin-bottom: 4px;

    color: #1e293b;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.4;
}

.my-inventory-confirmation__content p[b-74bwjqr41g] {
    margin: 0;

    color: #64748b;
    font-size: 0.875rem;
    line-height: 1.55;
}

.my-inventory-detail-page .modal-content[b-74bwjqr41g] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;

    box-shadow:
        0 12px 32px rgba(15, 23, 42, 0.12),
        0 2px 8px rgba(15, 23, 42, 0.05);

    overflow: hidden;
}

.my-inventory-detail-page .modal-header[b-74bwjqr41g] {
    padding: 16px 20px;

    border-bottom: 1px solid #f1f5f9;
}

.my-inventory-detail-page .modal-title[b-74bwjqr41g] {
    color: #1e293b;
    font-size: 1rem;
    font-weight: 600;
}

.my-inventory-detail-page .modal-body[b-74bwjqr41g] {
    padding: 18px 20px;
}

.my-inventory-detail-page .modal-footer[b-74bwjqr41g] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;

    padding: 12px 20px;

    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
}

.my-inventory-detail-actions[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    margin-bottom: 16px;
    padding: 14px 16px;

    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
}

.my-inventory-detail-actions__info[b-74bwjqr41g] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 2px;
}

.my-inventory-detail-actions__info span[b-74bwjqr41g] {
    color: #1e293b;

    font-size: 0.875rem;
    font-weight: 600;
}

.my-inventory-detail-actions__info small[b-74bwjqr41g] {
    color: #64748b;

    font-size: 0.78rem;
}

.my-inventory-detail-actions__buttons[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-inventory-action[b-74bwjqr41g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    min-height: 36px;
    padding: 7px 13px;

    border-radius: 9px;

    font-size: 0.8rem;
    font-weight: 500;

    cursor: pointer;

    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease,
        transform 0.15s ease;
}

.my-inventory-action i[b-74bwjqr41g] {
    font-size: 0.85rem;
}

.my-inventory-action:hover[b-74bwjqr41g] {
    transform: translateY(-1px);
}

.my-inventory-action:active[b-74bwjqr41g] {
    transform: translateY(0);
}

.my-inventory-action--return[b-74bwjqr41g] {
    color: #a16207;

    background: #fff7ed;
    border: 1px solid #fed7aa;
}

.my-inventory-action--return:hover[b-74bwjqr41g] {
    background: #ffedd5;
    border-color: #fdba74;
}

.my-inventory-action--cancel[b-74bwjqr41g] {
    color: #b91c1c;

    background: #ffffff;
    border: 1px solid #fecaca;
}

.my-inventory-action--cancel:hover[b-74bwjqr41g] {
    background: #fef2f2;
    border-color: #fca5a5;
}

.my-inventory-action--close[b-74bwjqr41g] {
    color: #ffffff;

    background: #334155;
    border: 1px solid #334155;
}

.my-inventory-action--close:hover[b-74bwjqr41g] {
    background: #1e293b;
    border-color: #1e293b;
}

@media (max-width: 768px) {

    .my-inventory-detail-actions[b-74bwjqr41g] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .my-inventory-detail-actions__buttons[b-74bwjqr41g] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .my-inventory-action[b-74bwjqr41g] {
        width: 100%;
    }

}

@media (max-width: 576px) {

    .my-inventory-detail-actions__buttons[b-74bwjqr41g] {
        grid-template-columns: 1fr;
    }

}

.my-inventory-detail-header__meta[b-74bwjqr41g] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;

    flex-shrink: 0;
}

.my-inventory-status-badge[b-74bwjqr41g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    width: fit-content;

    padding: 5px 9px;

    border-radius: 7px;

    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
}

.my-inventory-status-badge i[b-74bwjqr41g] {
    font-size: 0.65rem;
}

.my-inventory-status-badge--active[b-74bwjqr41g] {
    color: #166534;

    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.my-inventory-status-badge--return[b-74bwjqr41g] {
    color: #a16207;

    background: #fff7ed;
    border: 1px solid #fed7aa;
}

.my-inventory-status-badge--closed[b-74bwjqr41g] {
    color: #475569;

    background: #f8fafc;
    border: 1px solid #cbd5e1;
}

.my-inventory-status-badge--cancelled[b-74bwjqr41g] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
}

.my-inventory-cancelled-alert[b-74bwjqr41g] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    background: #fff7f7;
    border: 2px solid #fecaca;
    border-radius: 10px;
}

.my-inventory-cancelled-alert__icon[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 30px;
    width: 30px;
    height: 30px;

    background: #fee2e2;
    border-radius: 50%;

    color: #dc2626;
    font-size: 12px;
}

.my-inventory-cancelled-alert__content[b-74bwjqr41g] {
    min-width: 0;
    flex: 1;
}

.my-inventory-cancelled-alert__header[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.my-inventory-cancelled-alert__header strong[b-74bwjqr41g] {
    color: #b91c1c;
    font-size: 14px;
    font-weight: 700;
}

.my-inventory-cancelled-alert__header span[b-74bwjqr41g] {
    color: #9ca3af;
    font-size: 11px;
    white-space: nowrap;
}

.my-inventory-cancelled-alert__content p[b-74bwjqr41g] {
    margin: 4px 0 6px;

    color: #4b5563;
    font-size: 13px;
    line-height: 1.5;
}

.my-inventory-cancelled-alert__content small[b-74bwjqr41g] {
    display: flex;
    align-items: center;
    gap: 5px;

    color: #9ca3af;
    font-size: 11px;
}

.my-inventory-cancelled-alert__content small i[b-74bwjqr41g] {
    font-size: 11px;
    color: #dc2626;
}

@media (max-width: 576px) {
    .my-inventory-cancelled-alert__header[b-74bwjqr41g] {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }
}

.my-inventory-back-button[b-74bwjqr41g] {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    min-height: 36px;
    margin-bottom: 14px;
    padding: 8px 13px;

    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 9px;

    color: #64748b;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.my-inventory-back-button i[b-74bwjqr41g] {
    font-size: 14px;
    transition: transform .15s ease;
}

.my-inventory-back-button:hover[b-74bwjqr41g] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #b45309;
}

.my-inventory-back-button:hover i[b-74bwjqr41g] {
    transform: translateX(-2px);
}

.my-inventory-back-button:active[b-74bwjqr41g] {
    transform: translateY(1px);
}

.my-inventory-back-button:focus-visible[b-74bwjqr41g] {
    outline: 3px solid rgba(245, 158, 11, .18);
    outline-offset: 2px;
}

@media (max-width: 576px) {
    .my-inventory-back-button[b-74bwjqr41g] {
        width: fit-content;
        margin-bottom: 12px;
    }
}
/* /Components/Pages/MyInventory/MyInventoryPage.razor.rz.scp.css */
.my-inventory-page[b-x4hc5fhms2] {
    width: 100%;
}

.my-inventory-header[b-x4hc5fhms2] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 28px;

    margin-bottom: 8px;
    padding: 22px 24px;

    background: #ffffff;
    border: 1px solid #eeeae3;
    border-radius: 18px;

    box-shadow:
        0 4px 14px rgba(15, 23, 42, .035),
        0 1px 3px rgba(15, 23, 42, .025);
}

.my-inventory-header__identity[b-x4hc5fhms2] {
    display: flex;
    align-items: center;
    gap: 16px;

    min-width: 280px;
}

.my-inventory-header__icon[b-x4hc5fhms2] {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #d88700;
    font-size: 23px;

    background: linear-gradient(
        145deg,
        #fff8e8 0%,
        #ffefc7 100%
    );

    border: 1px solid #f3d69b;
    border-radius: 15px;

    box-shadow:
        0 4px 10px rgba(217, 135, 0, .07),
        inset 0 1px 0 rgba(255, 255, 255, .8);
}

.my-inventory-header__content[b-x4hc5fhms2] {
    min-width: 0;
}

.my-inventory-header__eyebrow[b-x4hc5fhms2] {
    display: flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 5px;

    color: #b7791f;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.my-inventory-header__eyebrow-line[b-x4hc5fhms2] {
    width: 18px;
    height: 2px;

    background: #e6a536;
    border-radius: 999px;
}

.my-inventory-header__identity h3[b-x4hc5fhms2] {
    margin: 0;

    color: #263342;
    font-size: 23px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.45px;
}

.my-inventory-header__identity p[b-x4hc5fhms2] {
    max-width: 390px;

    margin: 7px 0 0;

    color: #858b93;
    font-size: 12.5px;
    line-height: 1.5;
}

.my-inventory-header__summary[b-x4hc5fhms2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(125px, 1fr));
    gap: 10px;

    flex: 1;
    max-width: 720px;
}

.my-inventory-summary[b-x4hc5fhms2] {
    position: relative;

    min-width: 0;
    padding: 13px 14px 12px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;

    overflow: hidden;

    background: #fafafa;
    border: 1px solid #e8e9eb;
    border-radius: 12px;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.my-inventory-summary[b-x4hc5fhms2]::after {
    content: "";

    position: absolute;
    right: -18px;
    bottom: -22px;

    width: 70px;
    height: 70px;

    border-radius: 50%;
    background: currentColor;
    opacity: .035;

    pointer-events: none;
}

.my-inventory-summary:hover[b-x4hc5fhms2] {
    transform: translateY(-2px);

    box-shadow: 0 5px 14px rgba(15, 23, 42, .055);
}

.my-inventory-summary__top[b-x4hc5fhms2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.my-inventory-summary__top span[b-x4hc5fhms2] {
    color: #858b93;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .045em;
    line-height: 1.2;
    text-transform: uppercase;
}

.my-inventory-summary__top i[b-x4hc5fhms2] {
    font-size: 15px;
    opacity: .8;
}

.my-inventory-summary strong[b-x4hc5fhms2] {
    display: block;

    color: #9a6206;
    font-size: 23px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: -.5px;
}

.my-inventory-summary small[b-x4hc5fhms2] {
    color: #a1a6ad;
    font-size: 10px;
    line-height: 1.25;
    white-space: nowrap;
}

.my-inventory-summary--active[b-x4hc5fhms2] {
    color: #d88700;
    background: #fffaf0;
    border-color: #f3dfb7;
}

.my-inventory-summary--active .my-inventory-summary__top i[b-x4hc5fhms2],
.my-inventory-summary--active strong[b-x4hc5fhms2] {
    color: #d88700;
}

.my-inventory-summary--closed[b-x4hc5fhms2] {
    color: #15803d;
    background: #f5fbf7;
    border-color: #d7eddd;
}

.my-inventory-summary--closed .my-inventory-summary__top i[b-x4hc5fhms2],
.my-inventory-summary--closed strong[b-x4hc5fhms2] {
    color: #15803d;
}

.my-inventory-summary--cancelled[b-x4hc5fhms2] {
    color: #dc2626;
    background: #fff7f7;
    border-color: #f3dada;
}

.my-inventory-summary--cancelled .my-inventory-summary__top i[b-x4hc5fhms2],
.my-inventory-summary--cancelled strong[b-x4hc5fhms2] {
    color: #dc2626;
}

.my-inventory-summary--quantity[b-x4hc5fhms2] {
    color: #2563eb;
    background: #f7faff;
    border-color: #dce7fb;
}

.my-inventory-summary--quantity .my-inventory-summary__top i[b-x4hc5fhms2],
.my-inventory-summary--quantity strong[b-x4hc5fhms2] {
    color: #2563eb;
}

@media (max-width: 1200px) {
    .my-inventory-header[b-x4hc5fhms2] {
        flex-direction: column;
        gap: 20px;
    }

    .my-inventory-header__summary[b-x4hc5fhms2] {
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .my-inventory-header[b-x4hc5fhms2] {
        padding: 18px;
        border-radius: 15px;
    }

    .my-inventory-header__identity[b-x4hc5fhms2] {
        min-width: 0;
    }

    .my-inventory-header__identity h3[b-x4hc5fhms2] {
        font-size: 20px;
    }

    .my-inventory-header__identity p[b-x4hc5fhms2] {
        font-size: 12px;
    }

    .my-inventory-header__summary[b-x4hc5fhms2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .my-inventory-header__summary[b-x4hc5fhms2] {
        grid-template-columns: 1fr;
    }

    .my-inventory-summary[b-x4hc5fhms2] {
        min-height: 105px;
    }
}

.my-inventory-card__icon[b-x4hc5fhms2] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: #fff7ed;
    border: 1px solid #f3dfc6;

    color: #d97706;
    font-size: 20px;
}

.my-inventory-card__content[b-x4hc5fhms2] {
    min-width: 0;
    flex: 1;
}

.my-inventory-card__top[b-x4hc5fhms2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.my-inventory-card__identity[b-x4hc5fhms2] {
    min-width: 0;
}

.my-inventory-card__title[b-x4hc5fhms2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.my-inventory-card__title strong[b-x4hc5fhms2] {
    color: #2e3845;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 750;
}

.my-inventory-card__code[b-x4hc5fhms2] {
    display: block;

    margin-top: 5px;

    color: #858b93;
    font-family: monospace;
    font-size: 12px;
}

.my-inventory-card__quantity[b-x4hc5fhms2] {
    flex: 0 0 auto;
    min-width: 120px;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.my-inventory-card__quantity span[b-x4hc5fhms2] {
    color: #858b93;
    font-size: 10px;
    font-weight: 650;
}

.my-inventory-card__quantity strong[b-x4hc5fhms2] {
    margin-top: 2px;

    color: #9a6206;
    font-size: 27px;
    line-height: 1.1;
    font-weight: 750;
}

.my-inventory-card__quantity small[b-x4hc5fhms2] {
    margin-top: 2px;

    color: #999fa6;
    font-size: 11px;
}

.my-inventory-card__details[b-x4hc5fhms2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;

    margin-top: 18px;
    padding-top: 16px;

    border-top: 1px solid #edf0f2;
}

.my-inventory-detail[b-x4hc5fhms2] {
    min-width: 0;

    display: flex;
    align-items: center;
    gap: 10px;
}

.my-inventory-detail__icon[b-x4hc5fhms2] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background: #f8f9fa;
    border: 1px solid #e5e7e9;

    color: #7f8790;
    font-size: 14px;
}

.my-inventory-detail > div:last-child[b-x4hc5fhms2] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 3px;
}

.my-inventory-detail span[b-x4hc5fhms2] {
    color: #969ba2;
    font-size: 9px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.my-inventory-detail strong[b-x4hc5fhms2] {
    overflow: hidden;

    color: #4b535d;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 650;

    white-space: nowrap;
    text-overflow: ellipsis;
}

@keyframes my-inventory-return-modal-fade-in-b-x4hc5fhms2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes my-inventory-return-modal-slide-in-b-x4hc5fhms2 {
    from {
        opacity: 0;
        transform: translateY(8px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 1000px) {
    .my-inventory-header[b-x4hc5fhms2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .my-inventory-header__summary[b-x4hc5fhms2] {
        width: 100%;
    }

    .my-inventory-summary[b-x4hc5fhms2] {
        flex: 1;
    }

    .my-inventory-card__details[b-x4hc5fhms2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .my-inventory-header[b-x4hc5fhms2] {
        padding: 20px;
    }

    .my-inventory-card__top[b-x4hc5fhms2] {
        gap: 14px;
    }

    .my-inventory-card__quantity[b-x4hc5fhms2] {
        min-width: 100px;
    }
}

@media (max-width: 600px) {
    .my-inventory-header__identity[b-x4hc5fhms2] {
        align-items: flex-start;
    }

    .my-inventory-header__icon[b-x4hc5fhms2] {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .my-inventory-header__identity h3[b-x4hc5fhms2] {
        font-size: 20px;
    }

    .my-inventory-header__summary[b-x4hc5fhms2] {
        gap: 9px;
    }

    .my-inventory-summary[b-x4hc5fhms2] {
        min-width: 0;
    }

    .my-inventory-card__icon[b-x4hc5fhms2] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 17px;
    }

    .my-inventory-card__top[b-x4hc5fhms2] {
        flex-direction: column;
    }

    .my-inventory-card__quantity[b-x4hc5fhms2] {
        align-items: flex-start;
    }

    .my-inventory-card__quantity strong[b-x4hc5fhms2] {
        font-size: 23px;
    }

    .my-inventory-card__details[b-x4hc5fhms2] {
        grid-template-columns: 1fr;
        gap: 11px;
    }
}

@media (max-width: 420px) {
    .my-inventory-header__summary[b-x4hc5fhms2] {
        flex-direction: column;
        width: 100%;
    }

    .my-inventory-summary[b-x4hc5fhms2] {
        width: 100%;
    }
}

.my-inventory-section[b-x4hc5fhms2] {
    margin-bottom: 28px;
}

.my-inventory-section:last-child[b-x4hc5fhms2] {
    margin-bottom: 0;
}

.my-inventory-section__header[b-x4hc5fhms2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 13px;
    padding: 0 3px;
}

.my-inventory-section__title[b-x4hc5fhms2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-inventory-section__title > i[b-x4hc5fhms2] {
    color: #22a05a;
    font-size: 7px;
}

.my-inventory-section--closed .my-inventory-section__title > i[b-x4hc5fhms2] {
    color: #9ca3af;
}

.my-inventory-section--cancelled .my-inventory-section__title > i[b-x4hc5fhms2] {
    color: #dc2626;
}

.my-inventory-section__title h4[b-x4hc5fhms2] {
    margin: 0;

    color: #374151;
    font-size: 15px;
    font-weight: 750;
}

.my-inventory-section__count[b-x4hc5fhms2] {
    min-width: 23px;
    height: 21px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 7px;

    border-radius: 999px;

    background: #f3f4f6;
    color: #6b7280;

    font-size: 10px;
    font-weight: 700;
}

.my-inventory-section__header p[b-x4hc5fhms2] {
    margin: 4px 0 0 15px;

    color: #969ba2;
    font-size: 11px;
}

.my-inventory-section__badge[b-x4hc5fhms2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 5px 10px;

    border-radius: 999px;

    font-size: 10px;
    font-weight: 700;
}

.my-inventory-section__badge--active[b-x4hc5fhms2] {
    background: #e8f8ee;
    border: 1px solid #bfe8cc;
    color: #229653;
}

.my-inventory-section__badge--closed[b-x4hc5fhms2] {
    background: #f3f4f6;
    border: 1px solid #dfe1e4;
    color: #6b7280;
}

.my-inventory-section__badge--cancelled[b-x4hc5fhms2] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
}

.my-inventory-card__cancellation[b-x4hc5fhms2] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 14px;
    padding: 10px 12px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
}

.my-inventory-card__cancellation > i[b-x4hc5fhms2] {
    color: #dc2626;
    font-size: 14px;
}

.my-inventory-card__cancellation strong[b-x4hc5fhms2] {
    margin-right: 6px;
    color: #b91c1c;
    font-size: 12px;
}

.my-inventory-card__cancellation span[b-x4hc5fhms2] {
    color: #7f1d1d;
    font-size: 12px;
}

.my-inventory-section__empty[b-x4hc5fhms2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 48px 24px;
    text-align: center;

    border: 1px dashed #e2e8f0;
    border-radius: 14px;

    background: #f8fafc;
}

.my-inventory-section__empty-icon[b-x4hc5fhms2] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    margin-bottom: 14px;

    border-radius: 14px;

    background: #f1f5f9;
    color: #94a3b8;

    font-size: 22px;
}

.my-inventory-section__empty strong[b-x4hc5fhms2] {
    color: #475569;
    font-size: 14px;
    font-weight: 600;
}

.my-inventory-section__empty span[b-x4hc5fhms2] {
    margin-top: 6px;

    color: #94a3b8;
    font-size: 13px;
}

.my-inventory-filter[b-x4hc5fhms2] {
    margin-bottom: 24px;
    padding: 20px 22px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #ffffff;
}

.my-inventory-filter__body[b-x4hc5fhms2] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
}

.my-inventory-filter__field[b-x4hc5fhms2] {
    flex: 1;
    max-width: 420px;
}

.my-inventory-filter__field label[b-x4hc5fhms2] {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

.my-inventory-filter__select-wrapper[b-x4hc5fhms2] {
    position: relative;
    display: flex;
    align-items: center;
}

.my-inventory-filter__select-wrapper > i:first-child[b-x4hc5fhms2] {
    position: absolute;
    left: 14px;
    z-index: 1;
    color: #94a3b8;
    pointer-events: none;
}

.my-inventory-filter__select[b-x4hc5fhms2] {
    width: 100%;
    height: 44px;
    padding: 0 42px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    color: #334155;
    font-size: 13px;
    outline: none;
    appearance: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.my-inventory-filter__select:hover[b-x4hc5fhms2] {
    border-color: #cbd5e1;
}

.my-inventory-filter__select:focus[b-x4hc5fhms2] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.12);
}

.my-inventory-filter__select-arrow[b-x4hc5fhms2] {
    position: absolute;
    right: 14px;
    color: #94a3b8;
    font-size: 12px;
    pointer-events: none;
}

.my-inventory-filter__clear[b-x4hc5fhms2] {
    height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.my-inventory-filter__clear:hover[b-x4hc5fhms2] {
    border-color: #f59e0b;
    color: #d97706;
    background: #fff7ed;
}

.my-inventory-filter__checkbox[b-x4hc5fhms2] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.my-inventory-filter__checkbox:hover[b-x4hc5fhms2] {
    border-color: #f59e0b;
    background: #fffaf0;
}

.my-inventory-filter__checkbox input[b-x4hc5fhms2] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.my-inventory-filter__checkbox-box[b-x4hc5fhms2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: transparent;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.my-inventory-filter__checkbox-box i[b-x4hc5fhms2] {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.my-inventory-filter__checkbox
    input:checked
    + .my-inventory-filter__checkbox-box[b-x4hc5fhms2] {
    border-color: #f59e0b;
    background: #f59e0b;
    color: #ffffff;
}

.my-inventory-filter__checkbox
    input:checked
    + .my-inventory-filter__checkbox-box
    i[b-x4hc5fhms2] {
    display: block;
}

.my-inventory-filter__checkbox
    input:not(:checked)
    + .my-inventory-filter__checkbox-box
    i[b-x4hc5fhms2] {
    display: none;
}

.my-inventory-filter__checkbox:has(input:checked)[b-x4hc5fhms2] {
    border-color: #f59e0b;
    background: #fff7ed;
    color: #b45309;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.08);
}

/* Keyboard focus */
.my-inventory-filter__checkbox:has(input:focus-visible)[b-x4hc5fhms2] {
    outline: 3px solid rgba(245, 158, 11, 0.2);
    outline-offset: 2px;
}

@media (max-width: 768px) {

    .my-inventory-filter__body[b-x4hc5fhms2] {
        flex-direction: column;
        align-items: stretch;
    }

    .my-inventory-filter__field[b-x4hc5fhms2] {
        max-width: none;
    }

    .my-inventory-filter__clear[b-x4hc5fhms2] {
        justify-content: center;
    }

    .my-inventory-filter__checkbox[b-x4hc5fhms2] {
        width: 100%;
        justify-content: flex-start;
    }
}

.my-inventory-summary--active[b-x4hc5fhms2],
.my-inventory-summary--closed[b-x4hc5fhms2],
.my-inventory-summary--cancelled[b-x4hc5fhms2] {
    cursor: pointer;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.my-inventory-summary--active:hover[b-x4hc5fhms2],
.my-inventory-summary--closed:hover[b-x4hc5fhms2],
.my-inventory-summary--cancelled:hover[b-x4hc5fhms2] {
    transform: translateY(-3px);
}

.my-inventory-summary--active.my-inventory-summary--selected[b-x4hc5fhms2] {
    border-color: #f59e0b;
    background: #fff7ed;
    box-shadow:
        0 0 0 3px rgba(245, 158, 11, 0.14),
        0 8px 20px rgba(245, 158, 11, 0.12);
}

.my-inventory-summary--active.my-inventory-summary--selected
.my-inventory-summary__top[b-x4hc5fhms2] {
    color: #d97706;
}

.my-inventory-summary--active.my-inventory-summary--selected strong[b-x4hc5fhms2] {
    color: #b45309;
}

.my-inventory-summary--closed.my-inventory-summary--selected[b-x4hc5fhms2] {
    border-color: #22c55e;
    background: #f0fdf4;
    box-shadow:
        0 0 0 3px rgba(34, 197, 94, 0.12),
        0 8px 20px rgba(34, 197, 94, 0.1);
}

.my-inventory-summary--closed.my-inventory-summary--selected
.my-inventory-summary__top[b-x4hc5fhms2] {
    color: #16a34a;
}

.my-inventory-summary--closed.my-inventory-summary--selected strong[b-x4hc5fhms2] {
    color: #15803d;
}

.my-inventory-summary--cancelled.my-inventory-summary--selected[b-x4hc5fhms2] {
    border-color: #ef4444;
    background: #fef2f2;
    box-shadow:
        0 0 0 3px rgba(239, 68, 68, 0.12),
        0 8px 20px rgba(239, 68, 68, 0.1);
}

.my-inventory-summary--cancelled.my-inventory-summary--selected
.my-inventory-summary__top[b-x4hc5fhms2] {
    color: #dc2626;
}

.my-inventory-summary--cancelled.my-inventory-summary--selected strong[b-x4hc5fhms2] {
    color: #b91c1c;
}
/* /Components/Pages/MyWarehouse/MyWarehousePage.razor.rz.scp.css */
.warehouse-page[b-a4czvyfl1c] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.page-header[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
}

.page-header-content[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.page-header-icon[b-a4czvyfl1c] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #fed7aa;
    border-radius: 11px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 1rem;
}

.page-header h4[b-a4czvyfl1c] {
    margin: 0;
    color: #1e293b;
    font-size: .98rem;
    font-weight: 650;
}

.page-header p[b-a4czvyfl1c] {
    margin: .15rem 0 0;
    color: #64748b;
    font-size: .76rem;
}

.selected-warehouse-badge[b-a4czvyfl1c] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .65rem;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: .72rem;
    font-weight: 600;
    white-space: nowrap;
}

.selected-warehouse-badge i[b-a4czvyfl1c] {
    font-size: .7rem;
}

.warehouse-section[b-a4czvyfl1c],
.inventory-section[b-a4czvyfl1c] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.section-header[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 .15rem;
}

.section-header h5[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: 0;
    color: #334155;
    font-size: .84rem;
    font-weight: 650;
}

.section-header h5 i[b-a4czvyfl1c] {
    color: #f59e0b;
}

.section-header p[b-a4czvyfl1c] {
    margin: .15rem 0 0;
    color: #94a3b8;
    font-size: .72rem;
}

.selection-indicator[b-a4czvyfl1c] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #64748b;
    font-size: .7rem;
    font-weight: 600;
}

.selection-dot[b-a4czvyfl1c],
.status-dot[b-a4czvyfl1c] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.grid-cell[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.grid-cell-content[b-a4czvyfl1c] {
    min-width: 0;
}

.grid-icon[b-a4czvyfl1c] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 9px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-size: .85rem;
}

.warehouse-icon[b-a4czvyfl1c] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #f59e0b;
}

.item-icon[b-a4czvyfl1c] {
    background: #f8fafc;
    color: #64748b;
}

.item[b-a4czvyfl1c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #334155;
    font-size: .8rem;
    font-weight: 600;
}

.subitem[b-a4czvyfl1c] {
    margin-top: .1rem;
    color: #94a3b8;
    font-size: .69rem;
}

.item-type-badge[b-a4czvyfl1c],
.tracking-badge[b-a4czvyfl1c],
.stock-status[b-a4czvyfl1c],
.warehouse-context-status[b-a4czvyfl1c] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .28rem .55rem;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.item-type-badge[b-a4czvyfl1c] {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #475569;
}

.stock-value[b-a4czvyfl1c] {
    display: inline-flex;
    align-items: baseline;
    gap: .3rem;
}

.stock-value strong[b-a4czvyfl1c] {
    color: #1e293b;
    font-size: .82rem;
    font-weight: 650;
}

.stock-value span[b-a4czvyfl1c] {
    color: #64748b;
    font-size: .7rem;
}

.stock-value.muted strong[b-a4czvyfl1c] {
    color: #64748b;
}

.stock-status[b-a4czvyfl1c] {
    border: 1px solid transparent;
}

.stock-status.low[b-a4czvyfl1c] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #c2410c;
}

.stock-status.low .status-dot[b-a4czvyfl1c] {
    background: #f97316;
}

.stock-status.sufficient[b-a4czvyfl1c] {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #15803d;
}

.stock-status.sufficient .status-dot[b-a4czvyfl1c] {
    background: #22c55e;
}

.tracking-badge.serialized[b-a4czvyfl1c] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
}

.tracking-badge.bulk[b-a4czvyfl1c] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

.inventory-header[b-a4czvyfl1c] {
    align-items: center;
}

.section-header-main[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.section-icon[b-a4czvyfl1c] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fed7aa;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: .85rem;
}

.inventory-header p strong[b-a4czvyfl1c] {
    color: #475569;
    font-weight: 600;
}

.warehouse-context[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.warehouse-context-code[b-a4czvyfl1c] {
    padding: .25rem .5rem;
    border-radius: 6px;
    background: #f8fafc;
    color: #64748b;
    font-size: .68rem;
    font-weight: 600;
}

.warehouse-context-status[b-a4czvyfl1c] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
}

.warehouse-context-status .status-dot[b-a4czvyfl1c] {
    background: #22c55e;
}

.grid-pagination[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .4rem .85rem;
}

.pagination-info[b-a4czvyfl1c] {
    color: #94a3b8;
    font-size: .7rem;
}

.pagination-info strong[b-a4czvyfl1c] {
    color: #64748b;
    font-weight: 600;
}

.pagination-actions[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    gap: .05rem;
}

.page-indicator[b-a4czvyfl1c] {
    min-width: 42px;
    text-align: center;
    color: #64748b;
    font-size: .7rem;
    font-weight: 600;
}

.warehouse-empty-state[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    min-height: 100px;
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
}

.empty-state-icon[b-a4czvyfl1c] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #94a3b8;
}

.empty-state-content h5[b-a4czvyfl1c] {
    margin: 0;
    color: #475569;
    font-size: .78rem;
    font-weight: 650;
}

.empty-state-content p[b-a4czvyfl1c] {
    margin: .15rem 0 0;
    color: #94a3b8;
    font-size: .7rem;
}

@media (max-width: 768px) {

    .page-header[b-a4czvyfl1c],
    .section-header[b-a4czvyfl1c],
    .inventory-header[b-a4czvyfl1c] {
        align-items: flex-start;
        flex-direction: column;
    }

    .selected-warehouse-badge[b-a4czvyfl1c] {
        align-self: flex-start;
    }

    .warehouse-context[b-a4czvyfl1c] {
        align-self: flex-start;
    }

    .grid-pagination[b-a4czvyfl1c] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pagination-actions[b-a4czvyfl1c] {
        align-self: flex-end;
    }
}

.item-type-badge[b-a4czvyfl1c] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .55rem;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #c2410c;
}

.item-type-badge.tbd-type[b-a4czvyfl1c] {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #475569;
}

.inventory-header-actions[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.export-button[b-a4czvyfl1c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 32px;
    padding: .35rem .75rem;
    border: 1px solid #15803d;
    border-radius: 8px;
    background: #16a34a;
    color: #ffffff;
    font-size: .7rem;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}

.export-button:hover:not(:disabled)[b-a4czvyfl1c] {
    background: #15803d;
    border-color: #166534;
}

.export-button:focus-visible[b-a4czvyfl1c] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, .2);
}

.export-button:disabled[b-a4czvyfl1c] {
    opacity: .7;
    cursor: not-allowed;
}

.export-loading[b-a4czvyfl1c] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.export-spinner[b-a4czvyfl1c] {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: export-spin-b-a4czvyfl1c .65s linear infinite;
}

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

.warehouse-filter-card[b-a4czvyfl1c] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}

.warehouse-filter-field[b-a4czvyfl1c] {
    flex: 1;
    min-width: 0;
}

.warehouse-filter-label[b-a4czvyfl1c] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .35rem;
    color: #475569;
    font-size: .72rem;
    font-weight: 600;
}

.warehouse-filter-label i[b-a4czvyfl1c] {
    color: #f59e0b;
}

.warehouse-search-input[b-a4czvyfl1c] {
    position: relative;
    display: flex;
    align-items: center;
}

.warehouse-search-input > i[b-a4czvyfl1c] {
    position: absolute;
    left: .75rem;
    color: #94a3b8;
    pointer-events: none;
}

.warehouse-search-input input[b-a4czvyfl1c] {
    width: 100%;
    height: 38px;
    padding: .45rem 2.25rem .45rem 2.25rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    outline: none;
    background: #fff;
    color: #334155;
    font-size: .8rem;
    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.warehouse-search-input input[b-a4czvyfl1c]::placeholder {
    color: #94a3b8;
}

.warehouse-search-input input:focus[b-a4czvyfl1c] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .12);
}

.warehouse-search-clear[b-a4czvyfl1c] {
    position: absolute;
    right: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
}

.warehouse-search-clear:hover[b-a4czvyfl1c] {
    background: #f1f5f9;
    color: #475569;
}

@media (max-width: 768px) {
    .warehouse-filter-card[b-a4czvyfl1c] {
        flex-direction: column;
        align-items: stretch;
        gap: .75rem;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found-page[b-rhpyrcxmm8] {
    min-height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
}

.not-found-card[b-rhpyrcxmm8] {
    width: 100%;
    max-width: 560px;
    padding: 44px 36px 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    box-shadow: 0 16px 45px rgba(15, 23, 42, 0.06);
}

.not-found-illustration[b-rhpyrcxmm8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 145px;
    margin-bottom: 24px;
    overflow: hidden;
}

.not-found-code[b-rhpyrcxmm8] {
    color: #fff7ed;
    font-size: clamp(100px, 20vw, 150px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.08em;
    user-select: none;
}

.not-found-icon[b-rhpyrcxmm8] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border: 1px solid #fed7aa;
    border-radius: 20px;
    background: #fff;
    color: #f59e0b;
    font-size: 28px;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.14);
    transform: rotate(-8deg);
}

.not-found-badge[b-rhpyrcxmm8] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    background: #fff7ed;
    color: #b45309;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.not-found-card h1[b-rhpyrcxmm8] {
    margin: 20px 0 10px;
    color: #0f172a;
    font-size: clamp(23px, 4vw, 30px);
    font-weight: 750;
    letter-spacing: -0.04em;
}

.not-found-card > p[b-rhpyrcxmm8] {
    max-width: 390px;
    margin: 0 auto;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.not-found-actions[b-rhpyrcxmm8] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.not-found-btn[b-rhpyrcxmm8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.not-found-btn:hover[b-rhpyrcxmm8] {
    transform: translateY(-1px);
}

.not-found-btn.primary[b-rhpyrcxmm8] {
    border-color: #f59e0b;
    background: #f59e0b;
    color: #fff;
}

.not-found-btn.primary:hover[b-rhpyrcxmm8] {
    border-color: #d97706;
    background: #d97706;
}

.not-found-btn.secondary[b-rhpyrcxmm8] {
    border-color: #e2e8f0;
    background: #fff;
    color: #475569;
}

.not-found-btn.secondary:hover[b-rhpyrcxmm8] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #b45309;
}

.not-found-footer[b-rhpyrcxmm8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
    color: #94a3b8;
    font-size: 11px;
}

.not-found-footer i[b-rhpyrcxmm8] {
    color: #16a34a;
    font-size: 14px;
}

@media (max-width: 576px) {
    .not-found-page[b-rhpyrcxmm8] {
        min-height: calc(100vh - 80px);
        padding: 20px 12px;
    }

    .not-found-card[b-rhpyrcxmm8] {
        padding: 32px 20px 24px;
        border-radius: 18px;
    }

    .not-found-illustration[b-rhpyrcxmm8] {
        min-height: 115px;
    }

    .not-found-icon[b-rhpyrcxmm8] {
        width: 54px;
        height: 54px;
        border-radius: 16px;
        font-size: 23px;
    }

    .not-found-actions[b-rhpyrcxmm8] {
        flex-direction: column;
    }

    .not-found-btn[b-rhpyrcxmm8] {
        width: 100%;
    }

    .not-found-footer[b-rhpyrcxmm8] {
        line-height: 1.6;
    }
}

@media (prefers-reduced-motion: reduce) {
    .not-found-btn[b-rhpyrcxmm8] {
        transition: none;
    }

    .not-found-btn:hover[b-rhpyrcxmm8] {
        transform: none;
    }
}
/* /Components/Pages/StockOpname/Components/ProposalCloseStockOpname.razor.rz.scp.css */
.detail-card[b-njechk2y8t] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    margin: 0 22px;
}

.detail-card-header[b-njechk2y8t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #e2e8f0;
    background: #ffffff;
}

.detail-card-title[b-njechk2y8t] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.detail-card-title i[b-njechk2y8t] {
    color: #f59e0b;
    font-size: 14px;
}

.detail-card-body[b-njechk2y8t] {
    padding: 18px;
}

.detail-info-label[b-njechk2y8t] {
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
}

.detail-info-value[b-njechk2y8t] {
    color: #334155;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.close-proposal-card[b-njechk2y8t] {
    overflow: hidden;
}

.close-proposal-card .detail-card-header[b-njechk2y8t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.close-proposal-card .detail-card-title[b-njechk2y8t] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.close-proposal-card .detail-card-title i[b-njechk2y8t] {
    flex-shrink: 0;
    font-size: 14px;
}

.status-badge[b-njechk2y8t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.status-badge i[b-njechk2y8t] {
    font-size: 11px;
}

.close-proposal-card .status-badge[b-njechk2y8t] {
    flex-shrink: 0;
}

.close-proposal-content[b-njechk2y8t] {
    padding: 0;
}

.close-proposal-info[b-njechk2y8t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px 20px;
    background: #fcfcfd;
    border-bottom: 1px solid #e2e8f0;
}

.close-proposal-item[b-njechk2y8t] {
    min-width: 0;
    padding: 11px 13px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
}

.close-proposal-item .detail-info-label[b-njechk2y8t] {
    margin-bottom: 4px;
}

.close-proposal-item .detail-info-value[b-njechk2y8t] {
    overflow-wrap: anywhere;
}

.close-proposal-variance[b-njechk2y8t] {
    margin: 16px 20px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #ffffff;
}

.close-proposal-variance-header[b-njechk2y8t] {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 9px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.close-proposal-variance-title[b-njechk2y8t] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.close-proposal-variance-title i[b-njechk2y8t] {
    flex-shrink: 0;
    font-size: 14px;
}

.close-proposal-variance.balance[b-njechk2y8t] {
    border-color: #bbf7d0;
}

.close-proposal-variance.balance .close-proposal-variance-header[b-njechk2y8t] {
    border-bottom-color: #dcfce7;
    background: #f0fdf4;
}

.close-proposal-variance.balance .close-proposal-variance-title[b-njechk2y8t] {
    color: #16a34a;
}

.close-proposal-variance.surplus[b-njechk2y8t] {
    border-color: #bfdbfe;
}

.close-proposal-variance.surplus .close-proposal-variance-header[b-njechk2y8t] {
    border-bottom-color: #dbeafe;
    background: #eff6ff;
}

.close-proposal-variance.surplus .close-proposal-variance-title[b-njechk2y8t] {
    color: #2563eb;
}

.close-proposal-variance.shortage[b-njechk2y8t] {
    border-color: #fecaca;
}

.close-proposal-variance.shortage .close-proposal-variance-header[b-njechk2y8t] {
    border-bottom-color: #fee2e2;
    background: #fef2f2;
}

.close-proposal-variance.shortage .close-proposal-variance-title[b-njechk2y8t] {
    color: #dc2626;
}

.close-proposal-variance-body[b-njechk2y8t] {
    display: grid;
    gap: 16px;
    padding: 14px;
}

.close-proposal-field[b-njechk2y8t] {
    min-width: 0;
}

.close-proposal-field .detail-info-label[b-njechk2y8t] {
    margin-bottom: 4px;
}

.close-proposal-field .detail-info-value[b-njechk2y8t] {
    line-height: 1.5;
}

.close-proposal-field .detail-info-value.remark[b-njechk2y8t] {
    font-weight: 500;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.close-proposal-card .status-pending[b-njechk2y8t] {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
}

.close-proposal-card .status-approved[b-njechk2y8t] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.close-proposal-card .status-rejected[b-njechk2y8t] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #dc2626;
}

@media (max-width: 768px) {
    .close-proposal-info[b-njechk2y8t] {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .close-proposal-variance[b-njechk2y8t] {
        margin: 14px;
    }

    .close-proposal-variance-body[b-njechk2y8t] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 576px) {
    .close-proposal-card .detail-card-header[b-njechk2y8t] {
        align-items: flex-start;
    }

    .close-proposal-card .detail-card-title[b-njechk2y8t] {
        font-size: 12px;
    }

    .close-proposal-info[b-njechk2y8t] {
        gap: 8px;
        padding: 12px;
    }

    .close-proposal-item[b-njechk2y8t] {
        padding: 10px 12px;
    }

    .close-proposal-variance[b-njechk2y8t] {
        margin: 12px;
    }

    .close-proposal-variance-header[b-njechk2y8t] {
        padding: 9px 12px;
    }

    .close-proposal-variance-body[b-njechk2y8t] {
        padding: 12px;
    }
}

.close-proposal-actions[b-njechk2y8t] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 20px;
    border-top: 1px solid #e2e8f0;
    background: #fcfcfd;
}

.close-proposal-action-button[b-njechk2y8t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    min-height: 32px;
    padding: 6px 12px;

    border: 1px solid transparent;
    border-radius: 7px;

    font-size: 11px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.close-proposal-action-button i[b-njechk2y8t] {
    font-size: 11px;
}

.close-proposal-action-button:hover[b-njechk2y8t] {
    transform: translateY(-1px);
}

.close-proposal-action-button:active[b-njechk2y8t] {
    transform: translateY(0);
}

.close-proposal-action-button.reject[b-njechk2y8t] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #dc2626;
}

.close-proposal-action-button.reject:hover[b-njechk2y8t] {
    border-color: #fca5a5;
    background: #fee2e2;
    color: #b91c1c;
}

.close-proposal-action-button.approve[b-njechk2y8t] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.close-proposal-action-button.approve:hover[b-njechk2y8t] {
    border-color: #86efac;
    background: #dcfce7;
    color: #166534;
}

@media (max-width: 576px) {
    .close-proposal-actions[b-njechk2y8t] {
        padding: 12px;
    }

    .close-proposal-action-button[b-njechk2y8t] {
        flex: 1;
    }
}

.proposal-confirmation[b-njechk2y8t] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 6px 2px;
}

.proposal-confirmation-icon[b-njechk2y8t] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;
    flex: 0 0 38px;

    border-radius: 10px;
    font-size: 15px;
}

.proposal-confirmation-icon.approve[b-njechk2y8t] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #16a34a;
}

.proposal-confirmation-icon.reject[b-njechk2y8t] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #dc2626;
}

.proposal-confirmation-content[b-njechk2y8t] {
    min-width: 0;
}

.proposal-confirmation-title[b-njechk2y8t] {
    margin-bottom: 4px;

    color: #1e293b;
    font-size: 16px;
    font-weight: 700;
}

.proposal-confirmation-description[b-njechk2y8t] {
    max-width: 620px;

    color: #64748b;
    font-size: 14px;
    line-height: 1.55;
}

.proposal-confirmation-footer[b-njechk2y8t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.proposal-confirmation-footer-actions[b-njechk2y8t] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.proposal-modal-button[b-njechk2y8t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    min-height: 32px;
    padding: 6px 12px;

    border: 1px solid transparent;
    border-radius: 7px;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.proposal-modal-button.cancel[b-njechk2y8t] {
    border-color: #e2e8f0;
    background: #ffffff;
    color: #475569;
}

.proposal-modal-button.cancel:hover[b-njechk2y8t] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.proposal-modal-button.approve[b-njechk2y8t] {
    border-color: #16a34a;
    background: #16a34a;
    color: #ffffff;
}

.proposal-modal-button.approve:hover:not(:disabled)[b-njechk2y8t] {
    border-color: #15803d;
    background: #15803d;
}

.proposal-modal-button.reject[b-njechk2y8t] {
    border-color: #dc2626;
    background: #dc2626;
    color: #ffffff;
}

.proposal-modal-button.reject:hover:not(:disabled)[b-njechk2y8t] {
    border-color: #b91c1c;
    background: #b91c1c;
}

.proposal-modal-button:disabled[b-njechk2y8t] {
    opacity: .45;
    cursor: not-allowed;
}

@media (max-width: 576px) {
    .proposal-confirmation[b-njechk2y8t] {
        gap: 10px;
    }

    .proposal-confirmation-footer[b-njechk2y8t] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .proposal-confirmation-footer-actions[b-njechk2y8t] {
        justify-content: space-between;
        width: 100%;
    }

    .proposal-modal-button[b-njechk2y8t] {
        min-height: 34px;
    }
}

.close-proposal-corrective-action[b-njechk2y8t] {
    margin: 0 20px 16px 20px;
    overflow: hidden;
    border: 1px solid #fed7aa;
    border-radius: 11px;
    background: #fffaf3;
}

.close-proposal-corrective-action-header[b-njechk2y8t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
}

.close-proposal-corrective-action-label[b-njechk2y8t] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.close-proposal-corrective-action-label > i[b-njechk2y8t] {
    flex-shrink: 0;
    color: #f59e0b;
    font-size: 15px;
}

.corrective-action-title[b-njechk2y8t] {
    color: #92400e;
    font-size: 12px;
    font-weight: 700;
}

.corrective-action-description[b-njechk2y8t] {
    margin-top: 2px;
    color: #78716c;
    font-size: 10px;
    line-height: 1.4;
}

.close-proposal-corrective-action-value[b-njechk2y8t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: 26px;
    padding: 4px 9px;
    border: 1px solid #fed7aa;
    border-radius: 7px;
    background: #fff7ed;
    color: #a16207;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.close-proposal-corrective-action-info[b-njechk2y8t] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #fed7aa;
    background: rgba(255, 247, 237, .55);
    color: #64748b;
    font-size: 10px;
    line-height: 1.5;
}

.close-proposal-corrective-action-info i[b-njechk2y8t] {
    flex-shrink: 0;
    margin-top: 1px;
    color: #d97706;
    font-size: 12px;
}

@media (max-width: 576px) {
    .close-proposal-corrective-action[b-njechk2y8t] {
        margin: 12px;
    }

    .close-proposal-corrective-action-header[b-njechk2y8t] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .close-proposal-corrective-action-value[b-njechk2y8t] {
        align-self: flex-start;
    }
}
/* /Components/Pages/StockOpname/CreateStockOpnamePage.razor.rz.scp.css */
.page-header[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.page-header h1[b-9zzhq0byhp] {
    margin: 0;
    color: #202b38;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.3px;
}

.page-header p[b-9zzhq0byhp] {
    margin: 5px 0 0;
    color: #89939d;
    font-size: 12px;
}

.page-header-date[b-9zzhq0byhp] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border: 1px solid #eceff1;
    border-radius: 9px;
    background: rgba(255, 255, 255, .75);
    color: #737d87;
    font-size: 11px;
    font-weight: 500;
}

.page-header-date i[b-9zzhq0byhp] {
    color: #e9a62d;
}

.stock-opname-card[b-9zzhq0byhp] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(15, 23, 42, .035);
}

.step-section[b-9zzhq0byhp] {
    padding: 1.25rem;
    border-bottom: 1px solid #f1f5f9;
}

.step-section:last-child[b-9zzhq0byhp] {
    border-bottom: 0;
}

.step-header[b-9zzhq0byhp] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: 1rem;
}

.step-number[b-9zzhq0byhp] {
    display: flex;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: .78rem;
    font-weight: 800;
}

.step-title[b-9zzhq0byhp] {
    color: #1f2937;
    font-size: .9rem;
    font-weight: 700;
}

.step-description[b-9zzhq0byhp] {
    margin-top: .15rem;
    color: #94a3b8;
    font-size: .76rem;
}

.form-field[b-9zzhq0byhp] {
    max-width: 600px;
}

.form-field label[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .45rem;
    color: #475569;
    font-size: .78rem;
    font-weight: 700;
}

.form-field label i[b-9zzhq0byhp] {
    color: #94a3b8;
}

.opname-type-grid[b-9zzhq0byhp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.opname-type-card[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    gap: .85rem;
    width: 100%;
    padding: 1rem;
    text-align: left;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    cursor: pointer;
    transition: .2s ease;
}

.opname-type-card:hover[b-9zzhq0byhp] {
    border-color: #fed7aa;
    background: #fffaf5;
}

.opname-type-card.selected[b-9zzhq0byhp] {
    background: #fff7ed;
    border-color: #f59e0b;
}

.opname-type-icon[b-9zzhq0byhp] {
    display: flex;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #f8fafc;
    color: #64748b;
    font-size: 1.05rem;
}

.opname-type-card.selected .opname-type-icon[b-9zzhq0byhp] {
    background: #fff;
    color: #f59e0b;
}

.opname-type-content[b-9zzhq0byhp] {
    flex: 1;
    min-width: 0;
}

.opname-type-title[b-9zzhq0byhp] {
    color: #334155;
    font-size: .82rem;
    font-weight: 700;
}

.opname-type-description[b-9zzhq0byhp] {
    margin-top: .2rem;
    color: #94a3b8;
    font-size: .73rem;
    line-height: 1.45;
}

.opname-type-check[b-9zzhq0byhp] {
    color: #e2e8f0;
}

.opname-type-card.selected .opname-type-check[b-9zzhq0byhp] {
    color: #f59e0b;
}

.item-summary[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
    padding: .75rem;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
}

.item-summary-info[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.item-summary-icon[b-9zzhq0byhp] {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
}

.item-summary-title[b-9zzhq0byhp] {
    color: #334155;
    font-size: .8rem;
    font-weight: 700;
}

.item-summary-description[b-9zzhq0byhp] {
    margin-top: .1rem;
    color: #94a3b8;
    font-size: .7rem;
}

.select-all-button[b-9zzhq0byhp] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .7rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #64748b;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
}

.select-all-button:hover[b-9zzhq0byhp] {
    border-color: #fed7aa;
    color: #f59e0b;
}

.item-icon[b-9zzhq0byhp] {
    display: flex;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f8fafc;
    color: #64748b;
}

.item-name[b-9zzhq0byhp] {
    overflow: hidden;
    color: #334155;
    font-size: .82rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.serialized-badge[b-9zzhq0byhp] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .25rem .5rem;
    border-radius: 999px;
    background: #fff4d6;
    color: #a16207;
    font-size: .65rem;
    font-weight: 700;
}

.empty-state[b-9zzhq0byhp] {
    padding: 2rem 1rem;
    text-align: center;
    background: #f8fafc;
    border: 1px dashed #e2e8f0;
    border-radius: 14px;
}

.empty-icon[b-9zzhq0byhp] {
    display: flex;
    width: 42px;
    height: 42px;
    margin: 0 auto .6rem;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #fff;
    color: #94a3b8;
}

.empty-title[b-9zzhq0byhp] {
    color: #475569;
    font-size: .82rem;
    font-weight: 700;
}

.empty-description[b-9zzhq0byhp] {
    margin-top: .2rem;
    color: #94a3b8;
    font-size: .72rem;
}

@media (max-width: 768px) {
    .opname-type-grid[b-9zzhq0byhp] {
        grid-template-columns: 1fr;
    }
}

.item-table-wrapper[b-9zzhq0byhp] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #fff;
}

.item-table[b-9zzhq0byhp] {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.item-table thead[b-9zzhq0byhp] {
    background: #f8fafc;
}

.item-table th[b-9zzhq0byhp] {
    padding: 13px 16px;
    border-bottom: 1px solid #e5e7eb;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}

.item-table td[b-9zzhq0byhp] {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    font-size: 13px;
    vertical-align: middle;
}

.item-table tbody tr[b-9zzhq0byhp] {
    transition: background .15s ease;
}

.item-table tbody tr:hover[b-9zzhq0byhp] {
    background: #f8fafc;
}

.item-table tbody tr.selected[b-9zzhq0byhp] {
    background: #fffaf2;
}

.item-table tbody tr:last-child td[b-9zzhq0byhp] {
    border-bottom: 0;
}

.column-check[b-9zzhq0byhp] {
    width: 48px;
    text-align: center !important;
}

.column-check input[b-9zzhq0byhp] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.item-name-cell[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}

.item-icon[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 10px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 16px;
}

.item-name[b-9zzhq0byhp] {
    color: #1e293b;
    font-weight: 600;
}

.item-code[b-9zzhq0byhp] {
    color: #64748b;
    font-family: monospace;
    font-size: 12px;
}

.current-stock[b-9zzhq0byhp] {
    color: #1e293b;
    font-weight: 600;
    white-space: nowrap;
}

.current-stock span[b-9zzhq0byhp] {
    margin-left: 3px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 500;
}

.actual-stock-input[b-9zzhq0byhp] {
    position: relative;
    display: flex;
    align-items: center;
    width: 140px;
}

.actual-stock-input .form-control[b-9zzhq0byhp] {
    width: 100%;
    height: 38px;
    padding-right: 42px;
    border: 1px solid #fed7aa;
    border-radius: 9px;
    background: #fff;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.actual-stock-input .form-control:focus[b-9zzhq0byhp] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .12);
}

.actual-stock-uom[b-9zzhq0byhp] {
    position: absolute;
    right: 11px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
    pointer-events: none;
}

.not-selected[b-9zzhq0byhp] {
    color: #94a3b8;
    font-size: 12px;
    font-style: italic;
}

.serialized-badge[b-9zzhq0byhp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 5px;
    padding: 3px 7px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 10px;
    font-weight: 600;
}

.selection-badge[b-9zzhq0byhp] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 7px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.selection-badge.selected[b-9zzhq0byhp] {
    background: #fff4d6;
    color: #a16207;
}

.selection-badge.difference[b-9zzhq0byhp] {
    background: #fef2f2;
    color: #dc2626;
}

.difference-value[b-9zzhq0byhp] {
    margin-left: 2px;
    font-weight: 700;
}

.text-muted[b-9zzhq0byhp] {
    color: #94a3b8;
}

.confirmation-modal-header[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.confirmation-icon[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 12px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 19px;
}

.confirmation-title[b-9zzhq0byhp] {
    color: #1e293b;
    font-size: 17px;
    font-weight: 700;
}

.confirmation-subtitle[b-9zzhq0byhp] {
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
}

.confirmation-modal-body[b-9zzhq0byhp] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.confirmation-summary[b-9zzhq0byhp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f8fafc;
}

.summary-item[b-9zzhq0byhp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 13px 15px;
    border-right: 1px solid #e5e7eb;
}

.summary-item:last-child[b-9zzhq0byhp] {
    border-right: 0;
}

.summary-label[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.summary-value[b-9zzhq0byhp] {
    overflow: hidden;
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.confirmation-section[b-9zzhq0byhp] {
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

.confirmation-section-header[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
    background: #f8fafc;
}

.confirmation-section-title[b-9zzhq0byhp] {
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
}

.confirmation-section-description[b-9zzhq0byhp] {
    margin-top: 3px;
    color: #64748b;
    font-size: 11px;
}

.confirmation-item-count[b-9zzhq0byhp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 26px;
    padding: 0 8px;
    border-radius: 7px;
    background: #fff4d6;
    color: #a16207;
    font-size: 11px;
    font-weight: 700;
}

.confirmation-item-list[b-9zzhq0byhp] {
    max-height: 320px;
    overflow-y: auto;
}

.confirmation-item[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 16px;
    border-bottom: 1px solid #f1f5f9;
}

.confirmation-item:last-child[b-9zzhq0byhp] {
    border-bottom: 0;
}

.confirmation-item-icon[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 14px;
}

.confirmation-item-info[b-9zzhq0byhp] {
    min-width: 0;
    flex: 1;
}

.confirmation-item-name[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
}

.confirmation-item-meta[b-9zzhq0byhp] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    color: #94a3b8;
    font-family: monospace;
    font-size: 10px;
}

.confirmation-item-stock[b-9zzhq0byhp] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 90px;
}

.confirmation-stock-label[b-9zzhq0byhp] {
    color: #94a3b8;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
}

.confirmation-item-stock strong[b-9zzhq0byhp] {
    color: #334155;
    font-size: 12px;
}

.confirmation-item-stock strong span[b-9zzhq0byhp] {
    margin-left: 2px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 500;
}

.confirmation-info[b-9zzhq0byhp] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    background: #fff7ed;
}

.confirmation-info-icon[b-9zzhq0byhp] {
    color: #f59e0b;
    font-size: 14px;
}

.confirmation-info-title[b-9zzhq0byhp] {
    color: #92400e;
    font-size: 12px;
    font-weight: 700;
}

.confirmation-info-text[b-9zzhq0byhp] {
    margin-top: 2px;
    color: #a16207;
    font-size: 11px;
    line-height: 1.5;
}

.confirmation-modal-footer[b-9zzhq0byhp] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.confirmation-cancel-button[b-9zzhq0byhp],
.confirmation-submit-button[b-9zzhq0byhp] {
    height: 38px;
    padding: 0 15px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: .15s ease;
}

.confirmation-cancel-button[b-9zzhq0byhp] {
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
}

.confirmation-cancel-button:hover[b-9zzhq0byhp] {
    background: #f8fafc;
}

.confirmation-submit-button[b-9zzhq0byhp] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #f59e0b;
    background: #f59e0b;
    color: #fff;
}

.confirmation-submit-button:hover[b-9zzhq0byhp] {
    background: #d97706;
    border-color: #d97706;
}

@media (max-width: 640px) {
    .confirmation-summary[b-9zzhq0byhp] {
        grid-template-columns: 1fr;
    }

    .summary-item[b-9zzhq0byhp] {
        border-right: 0;
        border-bottom: 1px solid #e5e7eb;
    }

    .summary-item:last-child[b-9zzhq0byhp] {
        border-bottom: 0;
    }

    .confirmation-item-stock[b-9zzhq0byhp] {
        min-width: 70px;
    }
}

.stock-opname-actions[b-9zzhq0byhp] {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

.submit-stock-opname-button[b-9zzhq0byhp] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 17px;
    border: 0;
    border-radius: 9px;
    background: #f59e0b;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, transform .15s ease;
}

.submit-stock-opname-button:hover:not(:disabled)[b-9zzhq0byhp] {
    background: #d97706;
    transform: translateY(-1px);
}

.submit-stock-opname-button:disabled[b-9zzhq0byhp] {
    opacity: .5;
    cursor: not-allowed;
}
/* /Components/Pages/StockOpname/ListStockOpnamePage.razor.rz.scp.css */
.page-header[b-ha64ijyood] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.page-header h1[b-ha64ijyood] {
    margin: 0;
    color: #202b38;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.3px;
}

.page-header p[b-ha64ijyood] {
    margin: 5px 0 0;
    color: #89939d;
    font-size: 12px;
}

.page-header-date[b-ha64ijyood] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border: 1px solid #eceff1;
    border-radius: 9px;
    background: rgba(255, 255, 255, .75);
    color: #737d87;
    font-size: 11px;
    font-weight: 500;
}

.page-header-date i[b-ha64ijyood] {
    color: #e9a62d;
}

.stock-opname-card[b-ha64ijyood] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(15, 23, 42, .035);
}

.step-section[b-ha64ijyood] {
    padding: 1.25rem;
    border-bottom: 1px solid #f1f5f9;
}

.step-section:last-child[b-ha64ijyood] {
    border-bottom: 0;
}

.step-header[b-ha64ijyood] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: 1rem;
}

.step-number[b-ha64ijyood] {
    display: flex;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: .78rem;
    font-weight: 800;
}

.step-title[b-ha64ijyood] {
    color: #1f2937;
    font-size: .9rem;
    font-weight: 700;
}

.step-description[b-ha64ijyood] {
    margin-top: .15rem;
    color: #94a3b8;
    font-size: .76rem;
}

.form-field[b-ha64ijyood] {
    max-width: 600px;
}

.form-field label[b-ha64ijyood] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .45rem;
    color: #475569;
    font-size: .78rem;
    font-weight: 700;
}

.form-field label i[b-ha64ijyood] {
    color: #94a3b8;
}

.stock-opname-list-section[b-ha64ijyood] {
    margin-top: 24px;
    padding: 22px;
    border-top: 1px solid #e5e7eb;
}

.list-header[b-ha64ijyood] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.list-title[b-ha64ijyood] {
    color: #1e293b;
    font-size: 14px;
    font-weight: 700;
}

.list-description[b-ha64ijyood] {
    margin-top: 3px;
    color: #64748b;
    font-size: 11px;
}

.list-count[b-ha64ijyood] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
    color: #a16207;
    font-size: 11px;
    font-weight: 600;
}

.stock-opname-list[b-ha64ijyood] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

.stock-opname-item[b-ha64ijyood] {
    display: grid;
    grid-template-columns: minmax(230px, 1.4fr) minmax(150px, 1fr) 70px 120px 70px;
    align-items: center;
    gap: 18px;
    min-height: 72px;
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    transition: background .15s ease;
}

.stock-opname-item:last-child[b-ha64ijyood] {
    border-bottom: 0;
}

.stock-opname-item:hover[b-ha64ijyood] {
    background: #fafafa;
}

.stock-opname-number[b-ha64ijyood] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stock-opname-icon[b-ha64ijyood] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 15px;
}

.stock-opname-number-text[b-ha64ijyood] {
    color: #1e293b;
    font-size: 12px;
    font-weight: 700;
}

.stock-opname-meta[b-ha64ijyood] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    color: #94a3b8;
    font-size: 10px;
}

.stock-opname-meta i[b-ha64ijyood] {
    font-size: 9px;
}

.stock-opname-warehouse[b-ha64ijyood],
.stock-opname-items[b-ha64ijyood],
.stock-opname-status[b-ha64ijyood] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.stock-opname-warehouse strong[b-ha64ijyood] {
    overflow: hidden;
    color: #334155;
    font-size: 11px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-code[b-ha64ijyood] {
    color: #94a3b8;
    font-family: monospace;
    font-size: 10px;
    line-height: normal;
}

.info-label[b-ha64ijyood] {
    color: #94a3b8;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.stock-opname-items[b-ha64ijyood] {
    align-items: center;
}

.stock-opname-items strong[b-ha64ijyood] {
    color: #334155;
    font-size: 13px;
}

.stock-opname-status[b-ha64ijyood] {
    align-items: flex-start;
}

.status-badge[b-ha64ijyood] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 23px;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}

.status-completed[b-ha64ijyood] {
    background: #dcfce7;
    color: #15803d;
}

.status-progress[b-ha64ijyood] {
    background: #dbeafe;
    color: #1d4ed8;
}

.status-propose-closing[b-ha64ijyood] {
    background: #fef3c7;
    color: #b45309;
}

.status-invalid[b-ha64ijyood] {
    background: #f1f5f9;
    color: #1e293b;
}

.status-rejected[b-ha64ijyood] {
    background: #fef2f2;
    color: #dc2626;
}

.stock-opname-item-action[b-ha64ijyood] {
    display: flex;
    justify-content: flex-end;
}

.view-stock-opname-button[b-ha64ijyood] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 11px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: .15s ease;
}

.view-stock-opname-button:hover[b-ha64ijyood] {
    border-color: #f59e0b;
    background: #fff7ed;
    color: #d97706;
}

.list-loading[b-ha64ijyood] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 140px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    color: #64748b;
    font-size: 11px;
}

.list-loading .spinner-border[b-ha64ijyood] {
    color: #f59e0b;
}

.empty-state[b-ha64ijyood] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 25px;
    border: 1px dashed #e2e8f0;
    border-radius: 12px;
    background: #fafafa;
    text-align: center;
}

.empty-state-icon[b-ha64ijyood] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    border-radius: 11px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 18px;
}

.empty-state-title[b-ha64ijyood] {
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.empty-state-description[b-ha64ijyood] {
    margin-top: 4px;
    color: #94a3b8;
    font-size: 10px;
}

@media (max-width: 900px) {
    .stock-opname-item[b-ha64ijyood] {
        grid-template-columns: 1fr 1fr;
    }

    .stock-opname-item-action[b-ha64ijyood] {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .stock-opname-item[b-ha64ijyood] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .stock-opname-items[b-ha64ijyood],
    .stock-opname-status[b-ha64ijyood] {
        align-items: flex-start;
    }
}
/* /Components/Pages/StockOpname/ListStockOpnameProposalClosePage.razor.rz.scp.css */
.page-header[b-if6dox803j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.page-header h1[b-if6dox803j] {
    margin: 0;
    color: #202b38;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.3px;
}

.page-header p[b-if6dox803j] {
    margin: 5px 0 0;
    color: #89939d;
    font-size: 12px;
}

.page-header-date[b-if6dox803j] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border: 1px solid #eceff1;
    border-radius: 9px;
    background: rgba(255, 255, 255, .75);
    color: #737d87;
    font-size: 11px;
    font-weight: 500;
}

.page-header-date i[b-if6dox803j] {
    color: #e9a62d;
}

.stock-opname-card[b-if6dox803j] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(15, 23, 42, .035);
}

.step-section[b-if6dox803j] {
    padding: 1.25rem;
    border-bottom: 1px solid #f1f5f9;
}

.step-section:last-child[b-if6dox803j] {
    border-bottom: 0;
}

.step-header[b-if6dox803j] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: 1rem;
}

.step-number[b-if6dox803j] {
    display: flex;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: .78rem;
    font-weight: 800;
}

.step-title[b-if6dox803j] {
    color: #1f2937;
    font-size: .9rem;
    font-weight: 700;
}

.step-description[b-if6dox803j] {
    margin-top: .15rem;
    color: #94a3b8;
    font-size: .76rem;
}

.form-field[b-if6dox803j] {
    max-width: 600px;
}

.form-field label[b-if6dox803j] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .45rem;
    color: #475569;
    font-size: .78rem;
    font-weight: 700;
}

.form-field label i[b-if6dox803j] {
    color: #94a3b8;
}

.stock-opname-list-section[b-if6dox803j] {
    margin-top: 24px;
    padding: 22px;
    border-top: 1px solid #e5e7eb;
}

.list-header[b-if6dox803j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.list-title[b-if6dox803j] {
    color: #1e293b;
    font-size: 14px;
    font-weight: 700;
}

.list-description[b-if6dox803j] {
    margin-top: 3px;
    color: #64748b;
    font-size: 11px;
}

.list-count[b-if6dox803j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
    color: #a16207;
    font-size: 11px;
    font-weight: 600;
}

.stock-opname-list[b-if6dox803j] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

.stock-opname-item[b-if6dox803j] {
    display: grid;
    grid-template-columns: minmax(230px, 1.4fr) minmax(150px, 1fr) 70px 120px 70px;
    align-items: center;
    gap: 18px;
    min-height: 72px;
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    transition: background .15s ease;
}

.stock-opname-item:last-child[b-if6dox803j] {
    border-bottom: 0;
}

.stock-opname-item:hover[b-if6dox803j] {
    background: #fafafa;
}

.stock-opname-number[b-if6dox803j] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stock-opname-icon[b-if6dox803j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 15px;
}

.stock-opname-number-text[b-if6dox803j] {
    color: #1e293b;
    font-size: 12px;
    font-weight: 700;
}

.stock-opname-meta[b-if6dox803j] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    color: #94a3b8;
    font-size: 10px;
}

.stock-opname-meta i[b-if6dox803j] {
    font-size: 9px;
}

.stock-opname-warehouse[b-if6dox803j],
.stock-opname-items[b-if6dox803j],
.stock-opname-status[b-if6dox803j] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.stock-opname-warehouse strong[b-if6dox803j] {
    overflow: hidden;
    color: #334155;
    font-size: 11px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-code[b-if6dox803j] {
    color: #94a3b8;
    font-family: monospace;
    font-size: 10px;
    line-height: normal;
}

.info-label[b-if6dox803j] {
    color: #94a3b8;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.stock-opname-items[b-if6dox803j] {
    align-items: center;
}

.stock-opname-items strong[b-if6dox803j] {
    color: #334155;
    font-size: 13px;
}

.stock-opname-status[b-if6dox803j] {
    align-items: flex-start;
}

.status-badge[b-if6dox803j] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 23px;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}

.status-completed[b-if6dox803j] {
    background: #dcfce7;
    color: #15803d;
}

.status-progress[b-if6dox803j] {
    background: #dbeafe;
    color: #1d4ed8;
}

.status-propose-closing[b-if6dox803j] {
    background: #fef3c7;
    color: #b45309;
}

.status-invalid[b-if6dox803j] {
    background: #f1f5f9;
    color: #1e293b;
}

.status-rejected[b-if6dox803j] {
    background: #fef2f2;
    color: #dc2626;
}

.stock-opname-item-action[b-if6dox803j] {
    display: flex;
    justify-content: flex-end;
}

.view-stock-opname-button[b-if6dox803j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 11px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: .15s ease;
}

.view-stock-opname-button:hover[b-if6dox803j] {
    border-color: #f59e0b;
    background: #fff7ed;
    color: #d97706;
}

.list-loading[b-if6dox803j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 140px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    color: #64748b;
    font-size: 11px;
}

.list-loading .spinner-border[b-if6dox803j] {
    color: #f59e0b;
}

.empty-state[b-if6dox803j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 25px;
    border: 1px dashed #e2e8f0;
    border-radius: 12px;
    background: #fafafa;
    text-align: center;
}

.empty-state-icon[b-if6dox803j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    border-radius: 11px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 18px;
}

.empty-state-title[b-if6dox803j] {
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.empty-state-description[b-if6dox803j] {
    margin-top: 4px;
    color: #94a3b8;
    font-size: 10px;
}

@media (max-width: 900px) {
    .stock-opname-item[b-if6dox803j] {
        grid-template-columns: 1fr 1fr;
    }

    .stock-opname-item-action[b-if6dox803j] {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .stock-opname-item[b-if6dox803j] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .stock-opname-items[b-if6dox803j],
    .stock-opname-status[b-if6dox803j] {
        align-items: flex-start;
    }
}
/* /Components/Pages/StockOpname/StockOpnameDetailPage.razor.rz.scp.css */
.stock-opname-page[b-2tox3um46l] {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px;
    color: #1e293b;
}

.page-header[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.page-header-main[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.page-header-icon[b-2tox3um46l] {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    border: 1px solid #fed7aa;
    border-radius: 14px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 21px;
}

.page-header-eyebrow[b-2tox3um46l] {
    margin-bottom: 3px;
    color: #a16207;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
}

.page-header h1[b-2tox3um46l] {
    margin: 0;
    color: #1e293b;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.page-header p[b-2tox3um46l] {
    margin: 5px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

.page-header-actions[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.back-button[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 38px;
    padding: 0 13px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.back-button:hover[b-2tox3um46l] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #1e293b;
}

.back-button:active[b-2tox3um46l] {
    transform: translateY(1px);
}

.detail-card[b-2tox3um46l] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .04);
}

.detail-card-header[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border-bottom: 1px solid #f1f5f9;
    background: #fffdfa;
}

.detail-eyebrow[b-2tox3um46l] {
    margin-bottom: 4px;
    color: #a16207;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .09em;
}

.detail-number[b-2tox3um46l] {
    color: #1e293b;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.detail-created[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    color: #64748b;
    font-size: 12px;
}

.detail-created i[b-2tox3um46l] {
    color: #f59e0b;
}

.status-badge[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.status-badge i[b-2tox3um46l] {
    font-size: 11px;
}

.status-completed[b-2tox3um46l] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.status-progress[b-2tox3um46l] {
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #a16207;
}

.status-propose-closing[b-2tox3um46l] {
    background: #fef3c7;
    color: #b45309;
}

.status-invalid[b-2tox3um46l] {
    background: #f1f5f9;
    color: #1e293b;
}

.status-rejected[b-2tox3um46l] {
    background: #fef2f2;
    color: #dc2626;
}

.status-pending[b-2tox3um46l] {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
}

.detail-summary[b-2tox3um46l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 18px 22px;
    border-bottom: 1px solid #f1f5f9;
}

.summary-card[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    background: #ffffff;
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}

.summary-card:hover[b-2tox3um46l] {
    border-color: #fed7aa;
    box-shadow: 0 4px 12px rgba(245, 158, 11, .07);
    transform: translateY(-1px);
}

.summary-card-icon[b-2tox3um46l] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border: 1px solid #fed7aa;
    border-radius: 11px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 17px;
}

.summary-card-label[b-2tox3um46l] {
    margin-bottom: 2px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.summary-card-value[b-2tox3um46l] {
    overflow: hidden;
    color: #334155;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-card-meta[b-2tox3um46l] {
    margin-top: 2px;
    color: #94a3b8;
    font-size: 11px;
}

.detail-section[b-2tox3um46l] {
    padding: 20px 22px;
}

.section-header[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.section-title[b-2tox3um46l] {
    color: #334155;
    font-size: 15px;
    font-weight: 700;
}

.section-description[b-2tox3um46l] {
    margin-top: 3px;
    color: #94a3b8;
    font-size: 12px;
}

.section-count[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.item-table-wrapper[b-2tox3um46l] {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
}

.item-table[b-2tox3um46l] {
    width: 100%;
    min-width: 780px;
    border-collapse: collapse;
    background: #ffffff;
}

.item-table thead[b-2tox3um46l] {
    background: #f8fafc;
}

.item-table th[b-2tox3um46l] {
    padding: 11px 14px;
    border-bottom: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.item-table td[b-2tox3um46l] {
    padding: 12px 14px;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
    font-size: 12px;
    vertical-align: middle;
}

.item-table tbody tr:last-child td[b-2tox3um46l] {
    border-bottom: 0;
}

.item-table tbody tr[b-2tox3um46l] {
    transition: background .15s ease;
}

.item-table tbody tr:hover[b-2tox3um46l] {
    background: #fffbf5;
}

.column-number[b-2tox3um46l] {
    width: 45px;
    color: #94a3b8 !important;
    font-weight: 600;
}

.item-name-cell[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}

.item-icon[b-2tox3um46l] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    border: 1px solid #fed7aa;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
}

.item-name[b-2tox3um46l] {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.item-code[b-2tox3um46l] {
    display: block;
    margin-top: 2px;
    color: #94a3b8;
    font-size: 10px;
}

.difference-badge[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 25px;
    padding: 4px 8px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
}

.difference-match[b-2tox3um46l] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.difference-surplus[b-2tox3um46l] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #2563eb;
}

.difference-shortage[b-2tox3um46l] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #dc2626;
}

.detail-information[b-2tox3um46l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0 22px 22px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    background: #e2e8f0;
}

.information-item[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 52px;
    padding: 10px 14px;
    background: #ffffff;
}

.information-label[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
}

.information-label i[b-2tox3um46l] {
    color: #f59e0b;
    font-size: 13px;
}

.information-item strong[b-2tox3um46l] {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
}

.empty-state[b-2tox3um46l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    padding: 30px;
    border: 1px dashed #cbd5e1;
    border-radius: 13px;
    background: #f8fafc;
    text-align: center;
}

.empty-state-icon[b-2tox3um46l] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    color: #94a3b8;
    font-size: 19px;
}

.empty-state-title[b-2tox3um46l] {
    color: #475569;
    font-size: 13px;
    font-weight: 700;
}

.empty-state-description[b-2tox3um46l] {
    max-width: 420px;
    margin-top: 4px;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.5;
}

.detail-loading[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 260px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    color: #64748b;
    font-size: 12px;
}

.detail-loading .spinner-border[b-2tox3um46l] {
    color: #f59e0b;
}

@media (max-width: 992px) {
    .detail-summary[b-2tox3um46l] {
        grid-template-columns: 1fr;
    }

    .detail-information[b-2tox3um46l] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .stock-opname-page[b-2tox3um46l] {
        padding: 16px;
    }

    .page-header[b-2tox3um46l] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .page-header-actions[b-2tox3um46l] {
        width: 100%;
        justify-content: space-between;
    }

    .page-header h1[b-2tox3um46l] {
        font-size: 21px;
    }

    .page-header p[b-2tox3um46l] {
        font-size: 12px;
    }

    .detail-card-header[b-2tox3um46l] {
        align-items: flex-start;
        flex-direction: column;
        padding: 17px;
    }

    .detail-summary[b-2tox3um46l],
    .detail-section[b-2tox3um46l] {
        padding: 16px;
    }

    .detail-information[b-2tox3um46l] {
        margin: 0 16px 16px;
    }
}

@media (max-width: 480px) {
    .page-header-main[b-2tox3um46l] {
        align-items: flex-start;
    }

    .page-header-icon[b-2tox3um46l] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 18px;
    }

    .page-header-actions[b-2tox3um46l] {
        align-items: stretch;
        flex-direction: column;
    }

    .back-button[b-2tox3um46l] {
        justify-content: center;
    }

    .detail-number[b-2tox3um46l] {
        font-size: 17px;
    }

    .section-header[b-2tox3um46l] {
        align-items: flex-start;
        flex-direction: column;
    }

    .information-item[b-2tox3um46l] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .information-item strong[b-2tox3um46l] {
        text-align: left;
    }
}

.stock-opname-page[b-2tox3um46l] {
    padding: 24px;
    color: #1e293b;
}

.detail-card[b-2tox3um46l] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.detail-card-header[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid #e2e8f0;
}

.detail-card-title[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.detail-card-title i[b-2tox3um46l] {
    color: #f59e0b;
    font-size: 18px;
}

.detail-card-body[b-2tox3um46l] {
    padding: 0;
}

.stock-opname-table-wrapper[b-2tox3um46l] {
    width: 100%;
    overflow-x: auto;
}

.stock-opname-table[b-2tox3um46l] {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
}

.stock-opname-table thead th[b-2tox3um46l] {
    padding: 12px 16px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}

.stock-opname-table tbody td[b-2tox3um46l] {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
    vertical-align: middle;
}

.stock-opname-table tbody tr:last-child td[b-2tox3um46l] {
    border-bottom: 0;
}

.stock-opname-table tbody tr[b-2tox3um46l] {
    transition: background-color .15s ease;
}

.stock-opname-table tbody tr:hover[b-2tox3um46l] {
    background: #fffbeb;
}

.item-number[b-2tox3um46l] {
    width: 48px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
}

.item-name[b-2tox3um46l] {
    color: #0f172a;
    font-weight: 600;
}

.stock-value[b-2tox3um46l] {
    color: #475569;
    font-weight: 600;
    white-space: nowrap;
}

.actual-stock-input[b-2tox3um46l] {
    width: 110px;
    height: 36px;
    padding: 6px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    font-size: 13px;
    font-weight: 600;
    outline: none;
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background-color .15s ease;
}

.actual-stock-input:hover[b-2tox3um46l] {
    border-color: #fbbf24;
}

.actual-stock-input:focus[b-2tox3um46l] {
    border-color: #f59e0b;
    background: #fffdf8;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .12);
}

.actual-stock-input:disabled[b-2tox3um46l] {
    background: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

.difference-value[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    padding: 5px 8px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
}

.difference-value.positive[b-2tox3um46l] {
    background: #ecfdf5;
    color: #047857;
}

.difference-value.negative[b-2tox3um46l] {
    background: #fef2f2;
    color: #dc2626;
}

.difference-value.neutral[b-2tox3um46l] {
    background: #f1f5f9;
    color: #64748b;
}

.stock-status[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.stock-status i[b-2tox3um46l] {
    font-size: 10px;
}

.stock-status.pending[b-2tox3um46l] {
    background: #fff7ed;
    color: #c2410c;
}


.stock-status.rejected[b-2tox3um46l] {
    background: #fef2f2;
    color: #dc2626;
}

.stock-status.approved[b-2tox3um46l] {
    background: #ecfdf5;
    color: #047857;
}

.stock-opname-actions[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.reject-item-button[b-2tox3um46l],
.approve-item-button[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 92px;
    height: 34px;
    padding: 0 12px;
    border-radius: 9px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .15s ease;
}

.reject-item-button i[b-2tox3um46l],
.approve-item-button i[b-2tox3um46l] {
    font-size: 14px;
}

.reject-item-button[b-2tox3um46l] {
    background: #fff5f5;
    color: #d32f2f;
    border-color: #f5c2c2;
}

.reject-item-button:hover:not(:disabled)[b-2tox3um46l] {
    background: #fdecec;
    border-color: #efaaaa;
    color: #c62828;
    box-shadow: 0 4px 12px rgba(211, 47, 47, .12);
    transform: translateY(-1px);
}

.reject-item-button:active:not(:disabled)[b-2tox3um46l] {
    background: #fbdede;
    transform: translateY(0);
    box-shadow: none;
}

.approve-item-button[b-2tox3um46l] {
    background: #edf9f1;
    color: #15803d;
    border-color: #b9e6c9;
}

.approve-item-button:hover:not(:disabled)[b-2tox3um46l] {
    background: #e2f5e9;
    border-color: #91d4aa;
    color: #166534;
    box-shadow: 0 4px 12px rgba(21, 128, 61, .12);
    transform: translateY(-1px);
}

.approve-item-button:active:not(:disabled)[b-2tox3um46l] {
    background: #d8f0e1;
    transform: translateY(0);
    box-shadow: none;
}

.reject-item-button:focus-visible[b-2tox3um46l],
.approve-item-button:focus-visible[b-2tox3um46l] {
    outline: none;
    box-shadow:
        0 0 0 3px rgba(245, 158, 11, .14),
        0 4px 12px rgba(15, 23, 42, .08);
}

.reject-item-button:disabled[b-2tox3um46l],
.approve-item-button:disabled[b-2tox3um46l] {
    opacity: .45;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.reject-item-button .spinner-border[b-2tox3um46l],
.approve-item-button .spinner-border[b-2tox3um46l] {
    width: 13px;
    height: 13px;
    border-width: 2px;
}

em[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 9px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #94a3b8;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

.close-stock-opname-button[b-2tox3um46l],
.save-item-button[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 78px;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid #2563eb;
    border-radius: 8px;
    background: #2563eb;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}

.close-stock-opname-button:hover:not(:disabled)[b-2tox3um46l],
.save-item-button:hover:not(:disabled)[b-2tox3um46l] {
    background: #1d4ed8;
    border-color: #1d4ed8;
    box-shadow: 0 3px 8px rgba(37, 99, 235, .2);
}

.close-stock-opname-button:active:not(:disabled)[b-2tox3um46l],
.save-item-button:active:not(:disabled)[b-2tox3um46l] {
    transform: translateY(1px);
}

.close-stock-opname-button:disabled[b-2tox3um46l],
.save-item-button:disabled[b-2tox3um46l] {
    opacity: .65;
    cursor: not-allowed;
}

.save-item-button .spinner-border[b-2tox3um46l] {
    width: 12px;
    height: 12px;
    border-width: 2px;
}

.detail-info-grid[b-2tox3um46l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 18px 20px;
    border-top: 1px solid #e2e8f0;
    background: #fcfcfd;
}

.detail-info-item[b-2tox3um46l] {
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
}

.detail-info-label[b-2tox3um46l] {
    margin-bottom: 4px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.detail-info-value[b-2tox3um46l] {
    color: #334155;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 992px) {
    .detail-info-grid[b-2tox3um46l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .stock-opname-page[b-2tox3um46l] {
        padding: 16px;
    }

    .detail-card-header[b-2tox3um46l] {
        padding: 16px;
    }

    .detail-info-grid[b-2tox3um46l] {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .actual-stock-input[b-2tox3um46l] {
        width: 90px;
    }
}

.add-items-header[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 1rem;
    margin-bottom: 10px;
    padding: 14px 16px;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    background: #eff6ff;
}

.add-items-header .section-title[b-2tox3um46l] {
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
}

.add-items-header .section-description[b-2tox3um46l] {
    margin-top: 3px;
    color: #78716c;
    font-size: 11px;
}

.column-check[b-2tox3um46l] {
    width: 44px;
    text-align: center !important;
}

.item-checkbox[b-2tox3um46l] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #f59e0b;
    cursor: pointer;
}

.item-table tbody tr.selected[b-2tox3um46l] {
    background: #fffbeb;
}

.item-table tbody tr.selected td[b-2tox3um46l] {
    border-bottom-color: #fde68a;
}

.not-selected[b-2tox3um46l] {
    color: #94a3b8;
    font-size: 12px;
    font-style: italic;
}

.item-empty-state[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 180px;
    padding: 32px 24px;
    text-align: left;
}

.item-empty-state__icon[b-2tox3um46l] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f8fafc;
    color: #94a3b8;
    font-size: 22px;
}

.item-empty-state__content[b-2tox3um46l] {
    max-width: 420px;
}

.item-empty-state__title[b-2tox3um46l] {
    margin-bottom: 4px;
    color: #334155;
    font-size: 15px;
    font-weight: 700;
}

.item-empty-state__description[b-2tox3um46l] {
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

.stock-opname-review-badge[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border: 1px solid;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.stock-opname-review-badge i[b-2tox3um46l] {
    font-size: 11px;
    padding-top: 3px;
}

.stock-opname-review-badge small[b-2tox3um46l] {
    padding-left: 6px;
    border-left: 1px solid currentColor;
    opacity: .7;
    font-size: 10px;
    font-weight: 500;
}

.review-approved[b-2tox3um46l] {
    color: #15803d;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.review-rejected[b-2tox3um46l] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

.review-default[b-2tox3um46l] {
    color: #475569;
    background: #f8fafc;
    border-color: #e2e8f0;
}

.review-not-reviewed[b-2tox3um46l] {
    color: #64748b;
    background: #f8fafc;
    border-color: #e2e8f0;
    font-weight: 500;
}

.confirmation-content[b-2tox3um46l] {
    text-align: center;
}

.confirmation-content h5[b-2tox3um46l] {
    margin: 0 0 8px;

    color: #1e293b;

    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.confirmation-content p[b-2tox3um46l] {
    max-width: 430px;
    margin: 0 auto;

    color: #64748b;

    font-size: 13.5px;
    line-height: 1.65;
}

.confirmation-check[b-2tox3um46l] {
    margin-top: 22px;
    padding: 15px 16px;

    border: 1px solid #e2e8f0;
    border-radius: 12px;

    background: #f8fafc;

    transition:
        border-color 0.15s ease,
        background-color 0.15s ease;
}

.confirmation-check:hover[b-2tox3um46l] {
    border-color: #cbd5e1;
    background: #f1f5f9;
}

.confirmation-check label[b-2tox3um46l] {
    margin: 0;

    color: #475569;

    font-size: 13px;
    line-height: 1.55;
}

.confirmation-actions[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 8px;
}

.stock-opname-confirmation[b-2tox3um46l] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.confirmation-header[b-2tox3um46l] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
}

.confirmation-icon[b-2tox3um46l] {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #ecfdf5;
    color: #16a34a;

    font-size: 1.15rem;
}

.confirmation-content[b-2tox3um46l] {
    min-width: 0;
}

.confirmation-content h5[b-2tox3um46l] {
    margin: .1rem 0 .25rem;
    text-align: start;
    color: #1e293b;

    font-size: .95rem;
    font-weight: 650;
}

.confirmation-content div[b-2tox3um46l] {
    margin: 0;

    color: #64748b;

    font-size: .75rem;
    line-height: 1.5;
}

.variance-section[b-2tox3um46l] {
    padding: .85rem;

    border: 1px solid;
    border-radius: 12px;
}

.variance-surplus[b-2tox3um46l] {
    border-color: #fde68a;
    background: #fffbeb;
}

.variance-shortage[b-2tox3um46l] {
    border-color: #fecaca;
    background: #fffafa;
}

.variance-header[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: .75rem;

    margin-bottom: .7rem;
}

.variance-title[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: .4rem;

    color: #334155;

    font-size: .78rem;
    font-weight: 650;
}

.variance-surplus .variance-title i[b-2tox3um46l] {
    color: #d97706;
}

.variance-shortage .variance-title i[b-2tox3um46l] {
    color: #dc2626;
}

.corrective-action-section[b-2tox3um46l] {
    display: flex;
    flex-direction: column;
    gap: .7rem;

    padding: .85rem;

    border: 1px solid #fed7aa;
    border-radius: 12px;

    background: #fffaf3;
}

.corrective-action-header[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: .75rem;
}

.corrective-action-title[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: .4rem;

    color: #334155;

    font-size: .78rem;
    font-weight: 650;
}

.corrective-action-title i[b-2tox3um46l] {
    color: #f59e0b;
    font-size: .9rem;
}

.corrective-action-section .variance-badge[b-2tox3um46l] {
    background: #fff7ed;
    color: #a16207;
}

.corrective-action-section .form-control[b-2tox3um46l],
.corrective-action-section .form-select[b-2tox3um46l] {
    border-color: #fed7aa;
    background: #ffffff;
}

.corrective-action-section .form-control:focus[b-2tox3um46l],
.corrective-action-section .form-select:focus[b-2tox3um46l] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .1);
}

.variance-badge[b-2tox3um46l] {
    padding: .2rem .45rem;

    border-radius: 5px;

    background: rgba(255, 255, 255, .7);

    color: #64748b;

    font-size: .6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.variance-fields[b-2tox3um46l] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.no-variance[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: .7rem;

    padding: .75rem .85rem;

    border: 1px solid #bbf7d0;
    border-radius: 10px;

    background: #f0fdf4;
}

.no-variance > i[b-2tox3um46l] {
    color: #16a34a;
    font-size: 1.15rem;
}

.no-variance div[b-2tox3um46l] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.no-variance strong[b-2tox3um46l] {
    color: #166534;

    font-size: .75rem;
}

.no-variance span[b-2tox3um46l] {
    color: #64748b;

    font-size: .68rem;
}

.confirmation-footer[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
}

.confirmation-actions[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: .5rem;

    flex: 0 0 auto;
}

.review-detail-card[b-2tox3um46l] {
    margin: 0 22px 20px;
    overflow: hidden;
    border: 1px solid #c7d2fe;
    border-radius: 12px;
    background: #ffffff;
}

.review-detail-header[b-2tox3um46l] {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 14px;
    border-bottom: 1px solid #c7d2fe;
    background: #eef2ff;
}

.review-detail-title[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #3730a3;
    font-size: 12px;
    font-weight: 700;
}

.review-detail-title i[b-2tox3um46l] {
    color: #4f46e5;
    font-size: 14px;
}

.review-detail-body[b-2tox3um46l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 14px;
    background: #fafaff;
}

.review-detail-item[b-2tox3um46l] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #e0e7ff;
    border-radius: 9px;
    background: #ffffff;
}

.review-detail-icon[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border: 1px solid #c7d2fe;
    border-radius: 7px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 12px;
}

.review-detail-content[b-2tox3um46l] {
    min-width: 0;
    flex: 1;
}

.review-detail-content .detail-info-label[b-2tox3um46l] {
    margin-bottom: 3px;
    color: #64748b;
}

.review-detail-content .detail-info-value[b-2tox3um46l] {
    color: #334155;
    overflow-wrap: anywhere;
}

.review-detail-role[b-2tox3um46l] {
    margin-top: 3px;
    color: #818cf8;
    font-size: 10px;
    font-weight: 600;
}

.review-detail-item .detail-info-value.remark[b-2tox3um46l] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.5;
}

.review-remark-item[b-2tox3um46l] {
    grid-column: 1 / -1;
}

@media (max-width: 768px) {
    .review-detail-body[b-2tox3um46l] {
        grid-template-columns: 1fr;
    }

    .review-remark-item[b-2tox3um46l] {
        grid-column: auto;
    }
}

@media (max-width: 576px) {
    .review-detail-card[b-2tox3um46l] {
        margin: 0 12px 16px;
    }

    .review-detail-body[b-2tox3um46l] {
        gap: 8px;
        padding: 12px;
    }

    .review-detail-item[b-2tox3um46l] {
        padding: 9px 10px;
    }
}

.document-action-card[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 22px 20px;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
}

.document-action-content[b-2tox3um46l] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.document-action-icon[b-2tox3um46l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border: 1px solid #fed7aa;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 15px;
}

.document-action-info[b-2tox3um46l] {
    min-width: 0;
}

.document-action-title[b-2tox3um46l] {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}

.document-action-description[b-2tox3um46l] {
    margin-top: 2px;
    color: #64748b;
    font-size: 10px;
    line-height: 1.45;
}

.document-action-button[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 32px;
    flex-shrink: 0;
    padding: 6px 12px;
    border: 1px solid #f59e0b;
    border-radius: 7px;
    background: #f59e0b;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        transform .15s ease;
}

.document-action-button:hover[b-2tox3um46l] {
    border-color: #d97706;
    background: #d97706;
    transform: translateY(-1px);
}

.document-action-button:active[b-2tox3um46l] {
    transform: translateY(0);
}

.document-action-button i[b-2tox3um46l] {
    font-size: 11px;
}

@media (max-width: 576px) {
    .document-action-card[b-2tox3um46l] {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
        margin: 0 12px 16px;
    }

    .document-action-button[b-2tox3um46l] {
        width: 100%;
    }
}

.document-action-button[b-2tox3um46l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;

    min-width: 150px;
    min-height: 38px;

    padding: .45rem .85rem;

    border: 1px solid #d97706;
    border-radius: 8px;

    background: #f59e0b;
    color: #fff;

    font-size: .78rem;
    font-weight: 600;

    cursor: pointer;
    transition: all .2s ease;
}

.document-action-button:hover:not(:disabled)[b-2tox3um46l] {
    background: #d97706;
    border-color: #b45309;
}

.document-action-button:disabled[b-2tox3um46l] {
    opacity: .8;
    cursor: not-allowed;
}

.document-spinner[b-2tox3um46l] {
    display: inline-block;

    width: 15px;
    height: 15px;

    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;

    border-radius: 50%;

    animation: document-spin-b-2tox3um46l .65s linear infinite;
}

@keyframes document-spin-b-2tox3um46l {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Tools/ChangePassword/ChangePasswordpage.razor.rz.scp.css */
.change-password-page[b-et8nsjh07v] {
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 48px 24px;
    background: #f8fafc;
}

.change-password-card[b-et8nsjh07v] {
    width: 100%;
    max-width: 620px;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}

.change-password-card__header[b-et8nsjh07v] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.change-password-card__icon[b-et8nsjh07v] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #d97706;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 14px;
    font-size: 24px;
}

.change-password-card__header h1[b-et8nsjh07v] {
    margin: 0;
    color: #1e293b;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.change-password-card__header p[b-et8nsjh07v] {
    margin: 5px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}

.change-password-card__divider[b-et8nsjh07v] {
    height: 1px;
    margin: 28px 0;
    background: #e2e8f0;
}

.change-password-form[b-et8nsjh07v] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.change-password-form__group[b-et8nsjh07v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.change-password-form__group label[b-et8nsjh07v] {
    color: #334155;
    font-size: 14px;
    font-weight: 600;
}

.password-input[b-et8nsjh07v] {
    position: relative;
    display: flex;
    align-items: center;
}

.password-input .form-control[b-et8nsjh07v] {
    min-height: 46px;
    padding: 10px 46px 10px 14px;
    color: #1e293b;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 14px;
    box-shadow: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.password-input .form-control[b-et8nsjh07v]::placeholder {
    color: #94a3b8;
}

.password-input .form-control:hover[b-et8nsjh07v] {
    border-color: #94a3b8;
}

.password-input .form-control:focus[b-et8nsjh07v] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.14);
}

.password-input__toggle[b-et8nsjh07v] {
    position: absolute;
    top: 50%;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #64748b;
    background: transparent;
    border: 0;
    border-radius: 6px;
    transform: translateY(-50%);
    cursor: pointer;
    transition:
        color 0.2s ease,
        background 0.2s ease;
}

.password-input__toggle:hover[b-et8nsjh07v] {
    color: #d97706;
    background: #fff7ed;
}

.password-input__toggle:focus-visible[b-et8nsjh07v] {
    outline: 2px solid #f59e0b;
    outline-offset: 2px;
}

.change-password-form__group[b-et8nsjh07v]
 .validation-message {
    margin-top: 1px;
    color: #dc2626;
    font-size: 12px;
}

.password-hint[b-et8nsjh07v] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 1px;
    color: #64748b;
    font-size: 12px;
}

.password-hint i[b-et8nsjh07v] {
    color: #f59e0b;
    font-size: 13px;
}

.change-password-card__footer[b-et8nsjh07v] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
}

.change-password-button[b-et8nsjh07v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.change-password-button:hover[b-et8nsjh07v] {
    transform: translateY(-1px);
}

.change-password-button--secondary[b-et8nsjh07v] {
    color: #475569;
    background: #ffffff;
    border: 1px solid #cbd5e1;
}

.change-password-button--secondary:hover[b-et8nsjh07v] {
    color: #334155;
    background: #f8fafc;
    border-color: #94a3b8;
}

.change-password-button--primary[b-et8nsjh07v] {
    color: #ffffff;
    background: #f59e0b;
    border: 1px solid #f59e0b;
}

.change-password-button--primary:hover[b-et8nsjh07v] {
    color: #ffffff;
    background: #d97706;
    border-color: #d97706;
}

.change-password-button:focus-visible[b-et8nsjh07v] {
    outline: 2px solid #f59e0b;
    outline-offset: 3px;
}

@media (max-width: 576px) {
    .change-password-page[b-et8nsjh07v] {
        min-height: calc(100vh - 64px);
        padding: 24px 16px;
    }

    .change-password-card[b-et8nsjh07v] {
        padding: 24px 20px;
        border-radius: 16px;
    }

    .change-password-card__header[b-et8nsjh07v] {
        align-items: flex-start;
    }

    .change-password-card__icon[b-et8nsjh07v] {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .change-password-card__header h1[b-et8nsjh07v] {
        font-size: 20px;
    }

    .change-password-card__footer[b-et8nsjh07v] {
        flex-direction: column-reverse;
    }

    .change-password-button[b-et8nsjh07v] {
        width: 100%;
    }
}

.password-confirmation[b-et8nsjh07v] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 4px 0;
}

.password-confirmation__icon[b-et8nsjh07v] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    color: #d97706;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    font-size: 21px;
}

.password-confirmation__content h5[b-et8nsjh07v] {
    margin: 2px 0 7px;
    color: #1e293b;
    font-size: 16px;
    font-weight: 700;
}

.password-confirmation__content p[b-et8nsjh07v] {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.password-confirmation__actions[b-et8nsjh07v] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}

.password-confirmation__actions
.change-password-button[b-et8nsjh07v] {
    min-height: 40px;
    padding: 9px 16px;
    font-size: 13px;
}

.password-confirmation__actions
.change-password-button:disabled[b-et8nsjh07v] {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}

@media (max-width: 576px) {
    .password-confirmation[b-et8nsjh07v] {
        gap: 12px;
    }

    .password-confirmation__actions[b-et8nsjh07v] {
        flex-direction: column-reverse;
    }

    .password-confirmation__actions
    .change-password-button[b-et8nsjh07v] {
        width: 100%;
    }
}
/* /Components/Pages/Tools/SerialNumber/SerialNumberDraftPage.razor.rz.scp.css */
.sn-draft-page[b-4uu2rqnf3w] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sn-draft-header[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.page-title[b-4uu2rqnf3w] {
    font-size: 24px;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.3;
}

.page-subtitle[b-4uu2rqnf3w] {
    margin-top: 4px;
    font-size: 14px;
    color: #6b7280;
}

.scanner-card[b-4uu2rqnf3w],
.result-card[b-4uu2rqnf3w] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.03),
        0 4px 12px rgba(0, 0, 0, 0.03);
}

.scanner-card[b-4uu2rqnf3w] {
    padding: 20px;
}

.scanner-card-header[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.scanner-title[b-4uu2rqnf3w],
.result-title[b-4uu2rqnf3w] {
    font-size: 16px;
    font-weight: 700;
    color: #1f2937;
}

.scanner-description[b-4uu2rqnf3w],
.result-subtitle[b-4uu2rqnf3w] {
    margin-top: 4px;
    font-size: 13px;
    color: #6b7280;
}

.scanner-icon[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #fff7ed;
    color: #ea580c;
    font-size: 20px;
}

.scanner-input-wrapper[b-4uu2rqnf3w] {
    width: 100%;
}

.scanner-input-wrapper input[b-4uu2rqnf3w] {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.4px;
}

.scanner-hint[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    font-size: 12px;
    color: #9ca3af;
}

.result-card[b-4uu2rqnf3w] {
    overflow: hidden;
}

.result-header[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid #f0f0f0;
}

.result-count[b-4uu2rqnf3w] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 7px;
    background: #fff7ed;
    color: #ea580c;
    font-size: 16px;
    font-weight: 700;
}

.result-count span[b-4uu2rqnf3w] {
    font-size: 11px;
    font-weight: 600;
    color: #9a3412;
}

.serial-list[b-4uu2rqnf3w] {
    display: flex;
    flex-direction: column;
}

.serial-item[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 54px;
    padding: 10px 20px;
    border-bottom: 1px solid #f3f4f6;
    transition:
        background-color 0.15s ease,
        padding-left 0.15s ease;
}

.serial-item:last-child[b-4uu2rqnf3w] {
    border-bottom: none;
}

.serial-item:hover[b-4uu2rqnf3w] {
    padding-left: 24px;
    background: #fffaf5;
}

.serial-number[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 7px;
    background: #f3f4f6;
    color: #6b7280;
    font-size: 12px;
    font-weight: 700;
}

.serial-value[b-4uu2rqnf3w] {
    flex: 1;
    font-family:
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    letter-spacing: 0.3px;
}

.serial-status[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16a34a;
    font-size: 16px;
}

.empty-state[b-4uu2rqnf3w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 56px 24px;
    text-align: center;
}

.empty-icon[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 14px;
    border-radius: 12px;
    background: #f9fafb;
    color: #9ca3af;
    font-size: 24px;
}

.empty-title[b-4uu2rqnf3w] {
    font-size: 14px;
    font-weight: 700;
    color: #4b5563;
}

.empty-description[b-4uu2rqnf3w] {
    max-width: 420px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.5;
    color: #9ca3af;
}

@media (max-width: 768px) {
    .sn-draft-page[b-4uu2rqnf3w] {
        padding: 16px;
    }

    .sn-draft-header[b-4uu2rqnf3w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .scanner-card[b-4uu2rqnf3w],
    .result-card[b-4uu2rqnf3w] {
        border-radius: 10px;
    }

    .serial-item[b-4uu2rqnf3w] {
        padding: 10px 14px;
    }

    .serial-item:hover[b-4uu2rqnf3w] {
        padding-left: 18px;
    }
}

.result-header-actions[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.clear-all-button[b-4uu2rqnf3w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #fecaca;
    border-radius: 7px;
    background: #fff;
    color: #dc2626;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease;
}

.clear-all-button:hover[b-4uu2rqnf3w] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}

.delete-serial-button[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #9ca3af;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease;
}

.delete-serial-button:hover[b-4uu2rqnf3w] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #dc2626;
}

.download-button[b-4uu2rqnf3w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border: 1px solid #ea580c;
    border-radius: 7px;
    background: #ea580c;
    color: var(--text-on-warning);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.download-button:hover[b-4uu2rqnf3w] {
    background: #c2410c;
    border-color: #c2410c;

    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.2);
}

.download-button:active[b-4uu2rqnf3w] {
    transform: translateY(1px);
}

.download-template-button[b-4uu2rqnf3w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 18px;
    padding: 9px 14px;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease;
}

.download-template-button:hover[b-4uu2rqnf3w] {
    background: #ffedd5;
    border-color: #fdba74;
    color: #9a3412;
}

.download-template-button:active[b-4uu2rqnf3w] {
    transform: translateY(1px);
}

.import-button[b-4uu2rqnf3w] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background: #ffffff;
    color: #4b5563;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease;
}

.import-button:hover[b-4uu2rqnf3w] {
    background: #f9fafb;
    border-color: #d1d5db;
    color: #1f2937;
}

.import-file-input[b-4uu2rqnf3w] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    display: none;
}

.serial-edit-wrapper[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

.serial-edit-input[b-4uu2rqnf3w] {
    flex: 1;
    min-width: 0;
    height: 34px;
    padding: 6px 10px;
    border: 1px solid #ea580c;
    border-radius: 7px;
    outline: none;
    background: #ffffff;
    font-family:
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    transition: box-shadow 0.15s ease;
}

.serial-edit-input:focus[b-4uu2rqnf3w] {
    box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.12);
}

.edit-serial-button[b-4uu2rqnf3w],
.edit-save-button[b-4uu2rqnf3w],
.edit-cancel-button[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    padding: 0;
    border-radius: 7px;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease;
}

.edit-serial-button[b-4uu2rqnf3w] {
    border: 1px solid transparent;
    background: transparent;
    color: #9ca3af;
}

.edit-serial-button:hover[b-4uu2rqnf3w] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #ea580c;
}

.edit-save-button[b-4uu2rqnf3w] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #16a34a;
}

.edit-save-button:hover[b-4uu2rqnf3w] {
    background: #dcfce7;
    color: #15803d;
}

.edit-cancel-button[b-4uu2rqnf3w] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #dc2626;
}

.edit-cancel-button:hover[b-4uu2rqnf3w] {
    background: #fee2e2;
    color: #b91c1c;
}

.add-manual-button[b-4uu2rqnf3w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border: 1px solid #fed7aa;
    border-radius: 7px;
    background: #fff7ed;
    color: #ea580c;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease;
}

.add-manual-button:hover[b-4uu2rqnf3w] {
    background: #ffedd5;
    border-color: #fdba74;
    color: #c2410c;
}

.manual-input-panel[b-4uu2rqnf3w] {
    padding: 14px 20px;
    border-bottom: 1px solid #f3f4f6;
    background: #fffbf7;
}

.manual-input-content[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.manual-input-label[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-right: 4px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.manual-input-label i[b-4uu2rqnf3w] {
    color: #ea580c;
}

.manual-input[b-4uu2rqnf3w] {
    flex: 1;
    min-width: 0;
    height: 34px;
    padding: 6px 10px;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    outline: none;
    background: #ffffff;
    font-family:
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.manual-input:focus[b-4uu2rqnf3w] {
    border-color: #ea580c;
    box-shadow:
        0 0 0 3px rgba(234, 88, 12, 0.10);
}

.manual-save-button[b-4uu2rqnf3w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid #ea580c;
    border-radius: 7px;
    background: #ea580c;
    color: var(--text-on-warning);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.manual-save-button:hover[b-4uu2rqnf3w] {
    background: #c2410c;
    border-color: #c2410c;
}

.manual-cancel-button[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background: #ffffff;
    color: #6b7280;
    cursor: pointer;
}

.manual-cancel-button:hover[b-4uu2rqnf3w] {
    background: #f9fafb;
    color: #374151;
}

.manual-input-error[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 7px;
    margin-left: 132px;
    font-size: 12px;
    color: #dc2626;
}

.scanner-feedback[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 8px;
}

.scanner-feedback--duplicate[b-4uu2rqnf3w] {
    border: 1px solid #f3c7c7;
    background: #fff5f5;
    color: #c62828;
}

.scanner-feedback > i[b-4uu2rqnf3w] {
    font-size: 18px;
    flex-shrink: 0;
}

.scanner-feedback > div[b-4uu2rqnf3w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.scanner-feedback > div > strong[b-4uu2rqnf3w] {
    font-size: 12px;
}

.scanner-feedback > div > span[b-4uu2rqnf3w] {
    color: #777;
    font-size: 11px;
}

.scanner-feedback > div > span strong[b-4uu2rqnf3w] {
    color: #b71c1c;
    font-weight: 600;
}

.scanner-feedback__close[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #b71c1c;
    cursor: pointer;
}

.scanner-feedback__close:hover[b-4uu2rqnf3w] {
    background: #fde8e8;
}

.duplicate-serial-list[b-4uu2rqnf3w] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.duplicate-serial-item[b-4uu2rqnf3w] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border: 1px solid #f1caca;
    border-radius: 6px;
    background: #fff;
    color: #b42318;
    font-size: 11px;
    font-weight: 600;
}

.duplicate-serial-item i[b-4uu2rqnf3w] {
    font-size: 10px;
}

.serial-edit-error[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    background: #fff5f5;
    color: #c62828;
    font-size: 11px;
}

.serial-edit-error i[b-4uu2rqnf3w] {
    font-size: 13px;
}

.serial-edit-error strong[b-4uu2rqnf3w] {
    font-weight: 700;
}

.scanner-status[b-4uu2rqnf3w] {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 14px;
    padding: 12px 14px;

    border: 1px solid;
    border-radius: 10px;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.scanner-status__indicator[b-4uu2rqnf3w] {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;
}

.scanner-status__indicator i[b-4uu2rqnf3w] {
    font-size: 17px;
}

.scanner-status__content[b-4uu2rqnf3w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.scanner-status__content strong[b-4uu2rqnf3w] {
    font-size: 13px;
    line-height: 1.2;
}

.scanner-status__content span[b-4uu2rqnf3w] {
    font-size: 12px;
    line-height: 1.4;
}

.scanner-status--ready[b-4uu2rqnf3w] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.scanner-status--ready .scanner-status__indicator[b-4uu2rqnf3w] {
    background: #dcfce7;
    color: #16a34a;
}

.scanner-status--ready .scanner-status__content strong[b-4uu2rqnf3w] {
    color: #15803d;
}

.scanner-status--ready .scanner-status__content span[b-4uu2rqnf3w] {
    color: #4b7c5b;
}

.scanner-status--idle[b-4uu2rqnf3w] {
    background: #f8fafc;
    border-color: #e2e8f0;
}

.scanner-status--idle .scanner-status__indicator[b-4uu2rqnf3w] {
    background: #e2e8f0;
    color: #64748b;
}

.scanner-status--idle .scanner-status__content strong[b-4uu2rqnf3w] {
    color: #475569;
}

.scanner-status--idle .scanner-status__content span[b-4uu2rqnf3w] {
    color: #64748b;
}
/* /Components/Pages/Transaction/AuditTrail/AuditTrailTransactionPage.razor.rz.scp.css */
.audit-trail-page[b-q029id3ny4] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.audit-filter-card[b-q029id3ny4] {
    width: 100%;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    box-shadow:
        0 2px 8px rgba(31, 41, 55, 0.035);
}

.audit-filter-header[b-q029id3ny4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.audit-filter-title[b-q029id3ny4] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #36404b;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.audit-filter-title i[b-q029id3ny4] {
    color: #c27a00;
    font-size: 16px;
}

.audit-filter-description[b-q029id3ny4] {
    margin-top: 4px;
    color: #98a0a8;
    font-size: 12px;
    line-height: 1.4;
}

.audit-filter-reset[b-q029id3ny4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #e5e8eb;
    border-radius: 7px;
    background: #ffffff;
    color: #7c858f;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color 0.16s ease,
        border-color 0.16s ease,
        color 0.16s ease,
        transform 0.16s ease;
}

.audit-filter-reset i[b-q029id3ny4] {
    font-size: 14px;
}

.audit-filter-reset:hover[b-q029id3ny4] {
    background: #f8f9fa;
    border-color: #d8dde1;
    color: #4f5963;
    transform: translateY(-1px);
}

.audit-filter-reset:active[b-q029id3ny4] {
    transform: translateY(0);
}

.audit-filter-divider[b-q029id3ny4] {
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background: #eef1f3;
}

.audit-filter-row[b-q029id3ny4] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    width: 100%;
}

.audit-filter-field[b-q029id3ny4] {
    flex: 1;
    min-width: 0;
}

.audit-filter-field input[b-q029id3ny4] {
    width: 100%;
    min-height: 38px;
    border-color: #e1e5e8;
    border-radius: 8px;
    color: #37414b;
    font-size: 11px;
    transition:
        border-color 0.16s ease,
        box-shadow 0.16s ease;
}

.audit-filter-field input[b-q029id3ny4]::placeholder {
    color: #b0b6bd;
}

.audit-filter-field input:focus[b-q029id3ny4] {
    border-color: #e5ad45;
    box-shadow:
        0 0 0 3px rgba(229, 173, 69, 0.12);
}

.audit-filter-action[b-q029id3ny4] {
    flex: 0 0 auto;
}

.audit-trail-list[b-q029id3ny4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

@media (max-width: 768px) {

    .audit-filter-row[b-q029id3ny4] {
        flex-direction: column;
        align-items: stretch;
    }

    .audit-filter-action[b-q029id3ny4] {
        width: 100%;
    }

    .audit-filter-action .btn[b-q029id3ny4] {
        width: 100%;
    }
}


@media (max-width: 576px) {

    .audit-filter-card[b-q029id3ny4] {
        padding: 15px;
    }

    .audit-filter-header[b-q029id3ny4] {
        align-items: flex-start;
    }

    .audit-filter-reset[b-q029id3ny4] {
        flex-shrink: 0;
    }
}

.audit-list-section[b-q029id3ny4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.audit-list-label[b-q029id3ny4] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #68727d;
    font-size: 13px;
    font-weight: 700;
}

.audit-list-label i[b-q029id3ny4] {
    color: #c27a00;
    font-size: 17px;
}

.warehouse-filter-card[b-q029id3ny4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 20px;
    margin: 10px 0 0;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.warehouse-filter-info[b-q029id3ny4] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.warehouse-filter-icon[b-q029id3ny4] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 19px;
}

.warehouse-filter-text[b-q029id3ny4] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.warehouse-filter-label[b-q029id3ny4] {
    color: #1e293b;
    font-size: 14px;
    font-weight: 700;
}

.warehouse-filter-description[b-q029id3ny4] {
    color: #64748b;
    font-size: 13px;
    line-height: 1.4;
}

.warehouse-filter-control[b-q029id3ny4] {
    width: 320px;
    flex-shrink: 0;
}

.warehouse-filter-control .filter-select[b-q029id3ny4] {
    width: 100%;
}

@media (max-width: 768px) {
    .warehouse-filter-card[b-q029id3ny4] {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .warehouse-filter-control[b-q029id3ny4] {
        width: 100%;
    }
}
/* /Components/Pages/Transaction/AuditTrail/Components/AuditTrailDetailViewer.razor.rz.scp.css */
.audit-detail-overlay[b-7kch4bx8sm] {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background: rgba(15, 23, 42, .42);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    animation: audit-detail-overlay-in-b-7kch4bx8sm .18s ease-out;
}

.audit-detail-modal[b-7kch4bx8sm] {
    width: min(900px, calc(100vw - 48px));
    max-height: min(900px, calc(100vh - 48px));

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: #fff;

    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 22px;

    box-shadow:
        0 24px 70px rgba(15, 23, 42, .22),
        0 8px 25px rgba(15, 23, 42, .10);

    animation: audit-detail-modal-in-b-7kch4bx8sm .2s ease-out;
}

.audit-detail-header[b-7kch4bx8sm] {
    min-height: 102px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 20px 28px;

    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #fffdf9 100%
        );

    border-bottom: 1px solid #edf0f3;
}

.audit-detail-header__identity[b-7kch4bx8sm] {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 15px;
}

.audit-detail-header__icon[b-7kch4bx8sm] {
    flex: 0 0 auto;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #d88700;

    font-size: 21px;

    box-shadow:
        0 3px 8px rgba(217, 135, 0, .10);
}

.audit-detail-header__content[b-7kch4bx8sm] {
    min-width: 0;
}

.audit-detail-header__top[b-7kch4bx8sm] {
    display: flex;
    align-items: center;

    gap: 9px;
}

.audit-detail-header__top h3[b-7kch4bx8sm] {
    min-width: 0;

    margin: 0;

    color: #263342;

    font-size: 20px;
    font-weight: 750;

    letter-spacing: -.3px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audit-detail-header__type[b-7kch4bx8sm] {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 3px 8px;

    border-radius: 5px;

    background: #e9eef8;
    color: #61718a;

    font-size: 9px;
    font-weight: 800;
}

.audit-detail-header__bottom[b-7kch4bx8sm] {
    margin-top: 7px;
}

.audit-detail-movement[b-7kch4bx8sm] {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding: 4px 10px;

    border-radius: 999px;

    background: #e7faee;
    border: 1px solid #bdebcf;

    color: #23a45a;

    font-size: 11px;
    font-weight: 650;
}

.audit-detail-movement i[b-7kch4bx8sm] {
    font-size: 11px;
}

.audit-detail-movement strong[b-7kch4bx8sm] {
    font-weight: 750;
}

.audit-detail-close[b-7kch4bx8sm] {
    flex: 0 0 auto;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 8px;

    background: transparent;
    color: #7c8490;

    cursor: pointer;

    transition:
        background .15s ease,
        color .15s ease,
        transform .15s ease;
}

.audit-detail-close:hover[b-7kch4bx8sm] {
    background: #f4f5f6;
    color: #343a40;

    transform: rotate(4deg);
}

.audit-detail-body[b-7kch4bx8sm] {
    flex: 1;

    overflow-y: auto;

    padding: 24px 28px 28px;

    background: #f8f7f4;

    scrollbar-width: thin;
    scrollbar-color: #d9dde2 transparent;
}

.audit-detail-body[b-7kch4bx8sm]::-webkit-scrollbar {
    width: 6px;
}

.audit-detail-body[b-7kch4bx8sm]::-webkit-scrollbar-track {
    background: transparent;
}

.audit-detail-body[b-7kch4bx8sm]::-webkit-scrollbar-thumb {
    background: #d9dde2;
    border-radius: 999px;
}

.audit-detail-section[b-7kch4bx8sm] {
    margin-bottom: 25px;
}

.audit-detail-section:last-child[b-7kch4bx8sm] {
    margin-bottom: 0;
}

.audit-detail-section__title[b-7kch4bx8sm] {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 9px;

    color: #a36a0b;

    font-size: 13px;
    font-weight: 750;

    letter-spacing: .7px;
}

.audit-detail-section__title i[b-7kch4bx8sm] {
    font-size: 13px;
}

.audit-detail-info-card[b-7kch4bx8sm] {
    padding: 18px 16px;

    background: #fff;

    border: 1px solid #eeeae3;
    border-radius: 13px;

    box-shadow:
        0 2px 7px rgba(15, 23, 42, .025);
}

.audit-detail-info-grid[b-7kch4bx8sm] {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap: 38px;
    row-gap: 17px;
}

.audit-detail-info[b-7kch4bx8sm] {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 5px;
}

.audit-detail-info > span[b-7kch4bx8sm] {
    color: #737a83;

    font-size: 10px;
    font-weight: 550;
}

.audit-detail-info > strong[b-7kch4bx8sm] {
    min-width: 0;

    color: #2f3945;

    font-size: 14px;
    font-weight: 600;

    line-height: 1.35;

    overflow-wrap: anywhere;
}

.audit-detail-info--full[b-7kch4bx8sm] {
    grid-column: 1 / -1;
}

.audit-detail-user[b-7kch4bx8sm] {
    display: flex;
    align-items: center;

    gap: 8px;
}

.audit-detail-user__avatar[b-7kch4bx8sm] {
    width: 25px;
    height: 25px;

    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #fff8e9;
    border: 1px solid #f0dfbd;

    color: #c47b0a;

    font-size: 11px;
}

.audit-detail-item-card[b-7kch4bx8sm] {
    padding: 17px 16px;

    background: #fff;

    border: 1px solid #eeeae3;
    border-radius: 13px;
}

.audit-detail-item-card__header[b-7kch4bx8sm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;
}

.audit-detail-item-card__header > div:first-child[b-7kch4bx8sm] {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 4px;
}

.audit-detail-item-card__header strong[b-7kch4bx8sm] {
    color: #2e3845;

    font-size: 14px;
    font-weight: 750;

    overflow-wrap: anywhere;
}

.audit-detail-item-card__header span[b-7kch4bx8sm] {
    color: #7a818a;
    font-size: 11px;
}

.audit-detail-uom[b-7kch4bx8sm] {
    flex: 0 0 auto;

    min-width: 64px;

    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 8px 10px;

    border-radius: 8px;

    background: #f0f2f6;
    border: 1px solid #e2e5e9;
}

.audit-detail-uom span[b-7kch4bx8sm] {
    color: #727984;

    font-size: 8px;
    font-weight: 700;

    text-transform: uppercase;
}

.audit-detail-uom strong[b-7kch4bx8sm] {
    margin-top: 2px;

    color: #414b58;

    font-size: 11px;
}

.audit-detail-serial-section[b-7kch4bx8sm] {
    margin-top: 16px;
    padding-top: 14px;

    border-top: 1px solid #edf0f2;
}

.audit-detail-serial-header[b-7kch4bx8sm] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 9px;
}

.audit-detail-serial-header > span[b-7kch4bx8sm] {
    color: #606974;
    font-size: 10px;
}

.audit-detail-serial-header > span strong[b-7kch4bx8sm] {
    font-weight: 750;
}

.audit-detail-serial-header small[b-7kch4bx8sm] {
    color: #9a9fa6;
    font-size: 9px;
}

.audit-detail-serial-list[b-7kch4bx8sm] {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;
}

.audit-detail-serial[b-7kch4bx8sm] {
    display: inline-flex;
    align-items: center;

    max-width: 100%;

    padding: 5px 8px;

    border: 1px solid #e1e7f0;
    border-radius: 5px;

    background: #f3f6fb;
    color: #526071;

    font-family: monospace;
    font-size: 10px;

    overflow-wrap: anywhere;
}

.audit-detail-no-serial[b-7kch4bx8sm] {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-top: 15px;
    padding-top: 14px;

    border-top: 1px solid #edf0f2;

    color: #858b93;

    font-size: 10px;
}

.audit-detail-no-serial i[b-7kch4bx8sm] {
    color: #d08a12;
}

.audit-detail-related[b-7kch4bx8sm] {
    margin-top: 18px;
    padding-top: 16px;

    border-top: 1px solid #eceef0;
}

.audit-detail-related__header[b-7kch4bx8sm] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 10px;
}

.audit-detail-related__title[b-7kch4bx8sm] {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;
}

.audit-detail-related__title > i[b-7kch4bx8sm] {
    width: 30px;
    height: 30px;

    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background: #fff7ed;
    color: #d97706;

    font-size: 14px;
}

.audit-detail-related__title > div[b-7kch4bx8sm] {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.audit-detail-related__title strong[b-7kch4bx8sm] {
    color: #343940;

    font-size: 13px;
    font-weight: 700;
}

.audit-detail-related__title span[b-7kch4bx8sm] {
    color: #8a8f98;
    font-size: 11px;
}

.audit-detail-related__count[b-7kch4bx8sm] {
    min-width: 22px;
    height: 22px;

    flex: 0 0 auto;

    padding: 0 7px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: #f4f5f6;
    color: #6f757d;

    font-size: 10px;
    font-weight: 700;
}

.audit-detail-related__list[b-7kch4bx8sm] {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.audit-detail-related-card[b-7kch4bx8sm] {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 11px 12px;

    background: #fafafa;

    border: 1px solid #e8e9eb;
    border-radius: 8px;

    transition:
        border-color .15s ease,
        background .15s ease,
        box-shadow .15s ease;
}

.audit-detail-related-card:hover[b-7kch4bx8sm] {
    background: #fff;
    border-color: #f0a04b;

    box-shadow:
        0 3px 10px rgba(0, 0, 0, .04);
}

.audit-detail-related-card__icon[b-7kch4bx8sm] {
    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background: #f3f4f6;
    color: #6b7280;

    font-size: 14px;
}

.audit-detail-related-card__main[b-7kch4bx8sm] {
    min-width: 0;
    flex: 1;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.audit-detail-related-card__main > span[b-7kch4bx8sm] {
    color: #969ba2;

    font-size: 9px;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: .04em;
}

.audit-detail-related-card__main > strong[b-7kch4bx8sm] {
    color: #343940;

    font-size: 12px;
    font-weight: 700;

    overflow-wrap: anywhere;
}

.audit-detail-related-card__item[b-7kch4bx8sm] {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 6px;

    margin-top: 1px;
}

.audit-detail-related-card__item span[b-7kch4bx8sm] {
    max-width: 220px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: #6f757d;
    font-size: 11px;
}

.audit-detail-related-card__item small[b-7kch4bx8sm] {
    flex: 0 0 auto;

    padding: 2px 5px;

    border-radius: 4px;

    background: #f0f1f2;
    color: #858a91;

    font-size: 10px;
    font-weight: 600;
}

.audit-detail-related-card__quantity[b-7kch4bx8sm] {
    flex: 0 0 auto;

    display: flex;
    flex-direction: column;
    align-items: flex-end;

    gap: 2px;
}

.audit-detail-related-card__quantity span[b-7kch4bx8sm] {
    color: #969ba2;

    font-size: 9px;

    text-transform: uppercase;
}

.audit-detail-related-card__quantity strong[b-7kch4bx8sm] {
    color: #343940;
    font-size: 12px;
}

.audit-detail-related-card__action[b-7kch4bx8sm] {
    flex: 0 0 auto;
}

.audit-detail-related-card__action button[b-7kch4bx8sm] {
    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #e1e3e5;
    border-radius: 6px;

    background: #fff;
    color: #777d85;

    cursor: pointer;

    transition: all .15s ease;
}

.audit-detail-related-card__action button:hover[b-7kch4bx8sm] {
    border-color: #f0a04b;

    background: #fff7ed;
    color: #d97706;
}

.audit-detail-reference-list[b-7kch4bx8sm] {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.audit-detail-reference-card[b-7kch4bx8sm] {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        auto;

    align-items: center;

    gap: 16px;

    padding: 11px 14px;

    background: #fff;

    border: 1px solid #eeeae3;
    border-radius: 9px;

    box-shadow:
        0 2px 5px rgba(15, 23, 42, .02);
}

.audit-detail-reference-main[b-7kch4bx8sm] {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.audit-detail-reference-main > span[b-7kch4bx8sm] {
    color: #777d84;

    font-size: 9px;
    font-weight: 750;

    text-transform: uppercase;
}

.audit-detail-reference-main > strong[b-7kch4bx8sm] {
    color: #9a6206;

    font-size: 12px;
    font-weight: 750;

    overflow-wrap: anywhere;
}

.audit-detail-reference-main > small[b-7kch4bx8sm] {
    color: #858b93;
    font-size: 9px;
}

.audit-detail-reference-file[b-7kch4bx8sm] {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 5px;

    margin-top: 3px;

    color: #69717b;

    font-size: 10px;
}

.audit-detail-reference-file i[b-7kch4bx8sm] {
    flex: 0 0 auto;

    color: #d97706;
    font-size: 11px;
}

.audit-detail-reference-file span[b-7kch4bx8sm] {
    min-width: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-detail-reference-meta[b-7kch4bx8sm] {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    gap: 12px;

    color: #686f77;

    font-size: 9px;
}

.audit-detail-reference-meta span[b-7kch4bx8sm] {
    display: inline-flex;
    align-items: center;

    gap: 4px;
}

.audit-detail-reference-meta i[b-7kch4bx8sm] {
    font-size: 9px;
}

.audit-detail-reference-action[b-7kch4bx8sm] {
    display: flex;
    align-items: center;
}

.audit-detail-reference-action__button[b-7kch4bx8sm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    padding: 7px 10px;

    border: 1px solid #fed7aa;
    border-radius: 7px;

    background: #fff7ed;
    color: #c2410c;

    font-size: 12px;
    font-weight: 600;

    text-decoration: none;

    cursor: pointer;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.audit-detail-reference-action__button:hover[b-7kch4bx8sm] {
    background: #ffedd5;
    border-color: #fdba74;
    color: #9a3412;
}

.audit-detail-reference-action__button i[b-7kch4bx8sm] {
    font-size: 13px;
}

.audit-detail-reference-empty[b-7kch4bx8sm] {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 22px;

    border: 1px dashed #ddd9d1;
    border-radius: 10px;

    color: #8a8f96;

    font-size: 11px;
}

.audit-detail-cancel-action[b-7kch4bx8sm] {
    margin-top: 20px;
}

.cancel-transaction-button[b-7kch4bx8sm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    height: 40px;

    padding: 0 16px;

    border: 1px solid #f1b8b8;
    border-radius: 8px;

    background: #fff5f5;
    color: #c62828;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .15s ease;
}

.cancel-transaction-button:disabled[b-7kch4bx8sm] {
    cursor: not-allowed;

    background: #f8f8f8;
    border-color: #e0e0e0;
    color: #a0a0a0;

    opacity: .7;
    transform: none;
}

.cancel-transaction-button:disabled:hover[b-7kch4bx8sm] {
    background: #f8f8f8;
    border-color: #e0e0e0;
    color: #a0a0a0;
}

.cancel-transaction-button i[b-7kch4bx8sm] {
    font-size: 16px;
}

.cancel-transaction-button:hover[b-7kch4bx8sm] {
    background: #fde8e8;
    border-color: #e89a9a;
    color: #b71c1c;
}

.cancel-transaction-button:active[b-7kch4bx8sm] {
    transform: translateY(1px);
}

.cancel-transaction-button:focus-visible[b-7kch4bx8sm] {
    outline: 2px solid rgba(198, 40, 40, .25);
    outline-offset: 2px;
}

.cancel-transaction-button:disabled[b-7kch4bx8sm] {
    opacity: .55;
    cursor: not-allowed;
    pointer-events: none;
}

.audit-detail-cancellation[b-7kch4bx8sm] {
    margin-top: 20px;

    overflow: hidden;

    border: 1px solid #f1c4c4;
    border-radius: 10px;

    background: #fff8f8;
}

.audit-detail-cancellation__header[b-7kch4bx8sm] {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px 16px;
}

.audit-detail-cancellation__icon[b-7kch4bx8sm] {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: #fde8e8;
    color: #c62828;

    font-size: 18px;
}

.audit-detail-cancellation__title[b-7kch4bx8sm] {
    display: flex;
    flex-direction: column;

    gap: 2px;
}

.audit-detail-cancellation__title strong[b-7kch4bx8sm] {
    color: #b71c1c;

    font-size: 13px;
    font-weight: 700;
}

.audit-detail-cancellation__title span[b-7kch4bx8sm] {
    color: #777;
    font-size: 12px;
}

.audit-detail-cancellation__divider[b-7kch4bx8sm] {
    height: 1px;
    background: #f1dddd;
}

.audit-detail-cancellation__grid[b-7kch4bx8sm] {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}

.audit-detail-cancellation__item[b-7kch4bx8sm] {
    min-width: 0;

    padding: 14px 16px;

    border-bottom: 1px solid #f1dddd;
}

.audit-detail-cancellation__item:nth-child(odd)[b-7kch4bx8sm] {
    border-right: 1px solid #f1dddd;
}

.audit-detail-cancellation__item--full[b-7kch4bx8sm] {
    grid-column: 1 / -1;
    border-right: none;
}

.audit-detail-cancellation__item span[b-7kch4bx8sm] {
    display: block;

    margin-bottom: 5px;

    color: #999;

    font-size: 11px;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: .03em;
}

.audit-detail-cancellation__item strong[b-7kch4bx8sm] {
    display: block;

    color: #333;

    font-size: 13px;
    font-weight: 600;

    line-height: 1.5;

    overflow-wrap: anywhere;
}

.audit-detail-loading[b-7kch4bx8sm] {
    min-height: 360px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 7px;

    text-align: center;
}

.audit-detail-loading__spinner[b-7kch4bx8sm] {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 8px;

    border-radius: 50%;

    background: #fff4dc;
    color: #d88700;

    font-size: 20px;

    animation: audit-detail-spin-b-7kch4bx8sm 1s linear infinite;
}

.audit-detail-loading__spinner--danger[b-7kch4bx8sm] {
    background: #fff0f0;
    color: #d64545;

    animation: none;
}

.audit-detail-loading strong[b-7kch4bx8sm] {
    color: #394350;
    font-size: 14px;
}

.audit-detail-loading span[b-7kch4bx8sm] {
    max-width: 320px;

    color: #858b93;
    font-size: 11px;
}

.audit-detail-footer[b-7kch4bx8sm] {
    display: flex;
    justify-content: flex-end;

    padding: 14px 20px;

    background: #fff;

    border-top: 1px solid #edf0f2;
}

.audit-detail-footer__close[b-7kch4bx8sm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-width: 78px;
    height: 34px;

    padding: 0 15px;

    border: 0;
    border-radius: 8px;

    background: #f59a00;
    color: var(--text-on-warning);

    font-size: 11px;
    font-weight: 650;

    cursor: pointer;

    box-shadow:
        0 3px 8px rgba(245, 154, 0, .18);

    transition:
        background .15s ease,
        transform .15s ease,
        box-shadow .15s ease;
}

.audit-detail-footer__close:hover[b-7kch4bx8sm] {
    background: #df8700;

    transform: translateY(-1px);

    box-shadow:
        0 5px 12px rgba(245, 154, 0, .22);
}

@keyframes audit-detail-overlay-in-b-7kch4bx8sm {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes audit-detail-modal-in-b-7kch4bx8sm {
    from {
        opacity: 0;
        transform: translateY(12px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes audit-detail-spin-b-7kch4bx8sm {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (min-width: 1600px) {
    .audit-detail-modal[b-7kch4bx8sm] {
        width: min(980px, calc(100vw - 80px));
    }

    .audit-detail-header[b-7kch4bx8sm] {
        padding: 22px 32px;
    }

    .audit-detail-body[b-7kch4bx8sm] {
        padding: 28px 32px 32px;
    }

    .audit-detail-footer[b-7kch4bx8sm] {
        padding: 15px 24px;
    }
}

@media (max-width: 900px) {
    .audit-detail-overlay[b-7kch4bx8sm] {
        padding: 16px;
    }

    .audit-detail-modal[b-7kch4bx8sm] {
        width: min(820px, calc(100vw - 32px));
        max-height: calc(100vh - 32px);
    }

    .audit-detail-header[b-7kch4bx8sm] {
        padding: 18px 22px;
    }

    .audit-detail-body[b-7kch4bx8sm] {
        padding: 22px;
    }

    .audit-detail-info-grid[b-7kch4bx8sm] {
        column-gap: 24px;
    }

    .audit-detail-reference-card[b-7kch4bx8sm] {
        grid-template-columns:
            minmax(0, 1fr)
            auto;
    }

    .audit-detail-reference-main[b-7kch4bx8sm] {
        grid-column: 1;
    }

    .audit-detail-reference-meta[b-7kch4bx8sm] {
        grid-column: 2;
        grid-row: 1;
    }

    .audit-detail-reference-action[b-7kch4bx8sm] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .audit-detail-overlay[b-7kch4bx8sm] {
        padding: 8px;
    }

    .audit-detail-modal[b-7kch4bx8sm] {
        width: 100%;
        max-width: none;

        max-height: calc(100vh - 16px);

        border-radius: 16px;
    }

    .audit-detail-header[b-7kch4bx8sm] {
        min-height: 78px;

        padding: 14px 16px;

        gap: 12px;
    }

    .audit-detail-header__identity[b-7kch4bx8sm] {
        gap: 10px;
    }

    .audit-detail-header__icon[b-7kch4bx8sm] {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 17px;
    }

    .audit-detail-header__top[b-7kch4bx8sm] {
        gap: 6px;
    }

    .audit-detail-header__top h3[b-7kch4bx8sm] {
        max-width: calc(100vw - 150px);

        font-size: 15px;
    }

    .audit-detail-header__bottom[b-7kch4bx8sm] {
        margin-top: 5px;
    }

    .audit-detail-movement[b-7kch4bx8sm] {
        padding: 3px 8px;

        font-size: 9px;
    }

    .audit-detail-close[b-7kch4bx8sm] {
        width: 32px;
        height: 32px;
    }

    .audit-detail-body[b-7kch4bx8sm] {
        padding: 18px 14px 22px;
    }

    .audit-detail-section[b-7kch4bx8sm] {
        margin-bottom: 20px;
    }

    .audit-detail-section__title[b-7kch4bx8sm] {
        margin-bottom: 8px;

        font-size: 11px;
    }

    .audit-detail-info-card[b-7kch4bx8sm],
    .audit-detail-item-card[b-7kch4bx8sm] {
        padding: 14px;

        border-radius: 11px;
    }

    .audit-detail-info-grid[b-7kch4bx8sm] {
        grid-template-columns: 1fr;

        gap: 13px;
    }

    .audit-detail-info--full[b-7kch4bx8sm] {
        grid-column: auto;
    }

    .audit-detail-info > strong[b-7kch4bx8sm] {
        font-size: 13px;
    }

    .audit-detail-item-card__header[b-7kch4bx8sm] {
        gap: 12px;
    }

    .audit-detail-item-card__header strong[b-7kch4bx8sm] {
        font-size: 13px;
    }

    .audit-detail-uom[b-7kch4bx8sm] {
        min-width: 58px;

        padding: 7px 8px;
    }

    .audit-detail-serial-list[b-7kch4bx8sm] {
        gap: 5px;
    }

    .audit-detail-serial[b-7kch4bx8sm] {
        padding: 4px 7px;

        font-size: 9px;
    }

    .audit-detail-reference-card[b-7kch4bx8sm] {
        display: flex;
        flex-direction: column;
        align-items: stretch;

        gap: 9px;

        padding: 11px 12px;
    }

    .audit-detail-reference-main[b-7kch4bx8sm] {
        width: 100%;
    }

    .audit-detail-reference-meta[b-7kch4bx8sm] {
        width: 100%;

        display: flex;
        flex-wrap: wrap;

        align-items: center;

        gap: 7px 12px;
    }

    .audit-detail-reference-action[b-7kch4bx8sm] {
        width: 100%;
    }

    .audit-detail-reference-action__button[b-7kch4bx8sm] {
        width: 100%;
    }

    .audit-detail-footer[b-7kch4bx8sm] {
        padding: 11px 14px;
    }

    .audit-detail-footer__close[b-7kch4bx8sm] {
        width: 100%;
        height: 36px;
    }
}

@media (max-width: 600px) {
    .audit-detail-related-card[b-7kch4bx8sm] {
        display: grid;

        grid-template-columns:
            auto
            minmax(0, 1fr)
            auto;

        gap: 9px;

        padding: 10px;
    }

    .audit-detail-related-card__icon[b-7kch4bx8sm] {
        width: 30px;
        height: 30px;

        flex-basis: 30px;
    }

    .audit-detail-related-card__main[b-7kch4bx8sm] {
        min-width: 0;
    }

    .audit-detail-related-card__item[b-7kch4bx8sm] {
        min-width: 0;

        flex-wrap: wrap;
    }

    .audit-detail-related-card__item span[b-7kch4bx8sm] {
        max-width: 100%;
    }

    .audit-detail-related-card__quantity[b-7kch4bx8sm] {
        grid-column: 2;

        align-items: flex-start;

        margin-top: 2px;
    }

    .audit-detail-related-card__action[b-7kch4bx8sm] {
        grid-column: 3;
        grid-row: 1 / span 2;

        align-self: center;
    }

    .audit-detail-cancellation__header[b-7kch4bx8sm] {
        align-items: flex-start;

        padding: 13px;
    }

    .audit-detail-cancellation__icon[b-7kch4bx8sm] {
        width: 34px;
        height: 34px;

        flex-basis: 34px;

        font-size: 16px;
    }

    .audit-detail-cancellation__title strong[b-7kch4bx8sm] {
        font-size: 12px;
    }

    .audit-detail-cancellation__title span[b-7kch4bx8sm] {
        font-size: 10px;

        line-height: 1.4;
    }

    .audit-detail-cancellation__grid[b-7kch4bx8sm] {
        grid-template-columns: 1fr;
    }

    .audit-detail-cancellation__item[b-7kch4bx8sm] {
        padding: 12px 13px;

        border-right: none !important;
    }

    .audit-detail-cancellation__item--full[b-7kch4bx8sm] {
        grid-column: auto;
    }
}

@media (max-width: 480px) {
    .audit-detail-header__identity[b-7kch4bx8sm] {
        gap: 9px;
    }

    .audit-detail-header__top h3[b-7kch4bx8sm] {
        max-width: 170px;

        font-size: 14px;
    }

    .audit-detail-header__type[b-7kch4bx8sm] {
        display: none;
    }

    .audit-detail-movement[b-7kch4bx8sm] {
        font-size: 9px;
    }

    .audit-detail-section__title[b-7kch4bx8sm] {
        font-size: 11px;
    }

    .audit-detail-related-card[b-7kch4bx8sm] {
        gap: 7px;
    }

    .audit-detail-related-card__item span[b-7kch4bx8sm] {
        font-size: 10px;
    }

    .audit-detail-related-card__item small[b-7kch4bx8sm] {
        font-size: 9px;
    }
}

@media (max-width: 380px) {
    .audit-detail-overlay[b-7kch4bx8sm] {
        padding: 5px;
    }

    .audit-detail-modal[b-7kch4bx8sm] {
        max-height: calc(100vh - 10px);

        border-radius: 14px;
    }

    .audit-detail-header[b-7kch4bx8sm] {
        padding: 12px 13px;
    }

    .audit-detail-header__icon[b-7kch4bx8sm] {
        width: 36px;
        height: 36px;

        font-size: 15px;
    }

    .audit-detail-header__top h3[b-7kch4bx8sm] {
        max-width: 155px;

        font-size: 13px;
    }

    .audit-detail-body[b-7kch4bx8sm] {
        padding: 15px 11px 18px;
    }

    .audit-detail-info-card[b-7kch4bx8sm],
    .audit-detail-item-card[b-7kch4bx8sm] {
        padding: 12px;
    }

    .audit-detail-related-card[b-7kch4bx8sm] {
        gap: 7px;
    }
}

.mr-modal-overlay[b-7kch4bx8sm]{
    position:fixed;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:32px;
    background:rgba(15,23,42,.45);
    backdrop-filter:blur(4px);
    z-index:9999;
}

.mr-modal[b-7kch4bx8sm]{
    width:min(980px,95vw);
    max-height:90vh;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:
        0 24px 60px rgba(15,23,42,.18);
    animation:modalIn .18s ease;
}

.mr-modal-body[b-7kch4bx8sm]{
    max-height:90vh;
    overflow-y:auto;
    overflow-x:hidden;
    padding:28px;
}

.mr-modal-body[b-7kch4bx8sm]::-webkit-scrollbar{
    width:10px;
}

.mr-modal-body[b-7kch4bx8sm]::-webkit-scrollbar-track{
    background:#F3F4F6;
    border-radius:999px;
}

.mr-modal-body[b-7kch4bx8sm]::-webkit-scrollbar-thumb{
    background:#D4A017;
    border-radius:999px;
    border:2px solid #F3F4F6;
}

.mr-modal-body[b-7kch4bx8sm]::-webkit-scrollbar-thumb:hover{
    background:#B8860B;
}

.mr-modal-body[b-7kch4bx8sm]{
    scrollbar-width:thin;
    scrollbar-color:#D4A017 #F3F4F6;
}
/* /Components/Pages/Transaction/AuditTrail/Components/AuditTrailList.razor.rz.scp.css */
.audit-trail-list[b-nje340787o] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.audit-card[b-nje340787o] {
    width: 100%;
    display: grid;
    gap: 5px;
    padding: 14px 16px 10px;
    background: #ffffff;
    border: 1px solid #edf0f3;
    border-radius: 13px;
    box-shadow: 0 2px 8px rgba(31, 41, 55, 0.035);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.audit-card:hover[b-nje340787o] {
    border-color: #e1e5e9;
    box-shadow:
        0 5px 16px rgba(31, 41, 55, 0.065);

    transform: translateY(-1px);
}

.audit-card__header[b-nje340787o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.audit-card__identity[b-nje340787o] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.audit-card__number[b-nje340787o] {
    color: #26313d;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1px;
    white-space: nowrap;
}

.movement-badge[b-nje340787o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 17px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.movement-badge--inbound[b-nje340787o] {
    background: #ffe5c8;
    color: #b86b15;
}

.movement-badge--outbound[b-nje340787o] {
    background: #ffe1d2;
    color: #b95728;
}

.movement-badge--adjustment[b-nje340787o] {
    background: #e5e9ff;
    color: #5865b8;
}

.movement-badge--default[b-nje340787o] {
    background: #edf0f3;
    color: #68727e;
}

.audit-card__actions[b-nje340787o] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.movement-status[b-nje340787o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.movement-status strong[b-nje340787o] {
    font-weight: 700;
}

.movement-status--inbound[b-nje340787o] {
    background: #f1faef;
    border: 1px solid #d4ead0;
    color: #3f8a47;
}

.movement-status--outbound[b-nje340787o] {
    background: #fff4f3;
    border: 1px solid #f5d5d2;
    color: #d1544d;
}

.movement-status--adjustment[b-nje340787o] {
    background: #f3f4ff;
    border: 1px solid #dfe2ff;
    color: #5d67b7;
}

.movement-status--default[b-nje340787o] {
    background: #f5f6f7;
    border: 1px solid #e5e7e9;
    color: #68727e;
}

.movement-status i[b-nje340787o] {
    font-size: 10px;
}

.audit-action[b-nje340787o] {
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px;
    border: 1px solid #e6e9ec;
    border-radius: 6px;
    background: #ffffff;
    color: #747e89;
    font-size: 11px;
    cursor: pointer;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.audit-action i[b-nje340787o] {
    font-size: 12px;
}

.audit-action:hover[b-nje340787o] {
    background: #fff8eb;
    border-color: #f2c46d;
    color: #c27a00;

    transform: translateY(-1px);
}

.audit-action.view:hover[b-nje340787o] {
    background: #f0f3ff;
    border-color: #9aa7f5;
    color: #4c5fd5;

    transform: translateY(-1px);
}

.audit-card__divider[b-nje340787o] {
    height: 1px;
    margin: 10px 0 9px;
    background: #eef1f3;
}

.audit-card__information[b-nje340787o] {
    display: grid;
    grid-template-columns:
        1.25fr 1.15fr 1fr 1fr;
    gap: 16px;
}

.audit-info[b-nje340787o] {
    min-width: 0;
}

.audit-info__label[b-nje340787o] {
    display: block;
    margin-bottom: 4px;
    color: #a1a8b0;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.audit-info__value[b-nje340787o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    color: #313b46;
    font-size: 12px;
    line-height: 1.35;
}

.audit-info__value strong[b-nje340787o] {
    color: #39434e;
    font-size: 12px;
    font-weight: 700;
}

.audit-info__value span[b-nje340787o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-card__footer[b-nje340787o] {
    display: flex;
    align-items: center;
    margin-top: 9px;
    padding-top: 7px;
    border-top: 1px solid #f0f2f4;
}

.audit-passing[b-nje340787o] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 7px;
    border-radius: 4px;
    background: #f5f7f9;
    color: #8b949e;
    font-size: 9px;
    line-height: 1.3;
}

.audit-passing i[b-nje340787o] {
    color: #7c8792;
    font-size: 10px;
}

.audit-passing strong[b-nje340787o] {
    color: #69747f;
    font-weight: 600;
}

.audit-empty[b-nje340787o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 30px;
    border: 1px dashed #dfe4e8;
    border-radius: 14px;
    background: #fafbfc;
    text-align: center;
}

.audit-empty__icon[b-nje340787o] {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #f0f2f4;
    color: #9aa2aa;
    font-size: 20px;
}

.audit-empty__title[b-nje340787o] {
    color: #46505a;
    font-size: 14px;
    font-weight: 700;
}

.audit-empty__description[b-nje340787o] {
    margin-top: 4px;
    color: #929aa3;
    font-size: 11px;
}

.movement-status-mobile[b-nje340787o] {
    display: none;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.movement-status-mobile strong[b-nje340787o] {
    font-weight: 700;
}

.movement-status-mobile i[b-nje340787o] {
    font-size: 10px;
}

@media (max-width: 900px) {

    .audit-card__information[b-nje340787o] {
        grid-template-columns:
            repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .audit-card[b-nje340787o] {
        padding: 13px;
    }

    .audit-card__header[b-nje340787o] {
        align-items: flex-start;
    }

    .audit-card__actions[b-nje340787o] {
        flex-shrink: 0;
    }

    .movement-status[b-nje340787o] {
        display: none;
    }

    .movement-status-mobile[b-nje340787o] {
        display: inline-flex;
    }

    .audit-card__information[b-nje340787o] {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
}

.audit-pagination[b-nje340787o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 18px;
    padding: 14px 0;
}

.audit-pagination__button[b-nje340787o] {
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    color: #66717c;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.audit-pagination__button:hover:not(:disabled)[b-nje340787o] {
    border-color: #f59e0b;
    background: #fff8eb;
    color: #d98505;
    transform: translateY(-1px);
}

.audit-pagination__button.active[b-nje340787o] {
    border-color: #f59e0b;
    background: #f59e0b;
    color: #A16207;
    box-shadow:
        0 3px 8px rgba(245, 158, 11, .18);
}

.audit-pagination__button:disabled[b-nje340787o] {
    opacity: .45;
    cursor: not-allowed;
    background: #f8f9fa;
}

.audit-timeline[b-nje340787o] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 8px 0 20px;
}

.audit-timeline__item[b-nje340787o] {
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    min-width: 0;
}

.audit-timeline__marker[b-nje340787o] {
    position: relative;
    display: flex;
    justify-content: center;
    min-height: 100%;
}

.audit-timeline__marker[b-nje340787o]::after {
    content: "";
    position: absolute;
    top: 42px;
    bottom: -12px;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: #e9edf1;
    border-radius: 999px;
}

.audit-timeline__item:last-child
.audit-timeline__marker[b-nje340787o]::after {
    display: none;
}

.audit-timeline__dot[b-nje340787o] {
    position: relative;
    z-index: 2;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    box-shadow:
        0 2px 8px rgba(15, 23, 42, .12);
    font-size: 13px;
}

.audit-timeline__dot--inbound[b-nje340787o] {
    background: #f1faef;
    color: #3f8a47;
}

.audit-timeline__dot--outbound[b-nje340787o] {
    background: #ffe8e8;
    color: #d64545;
}

.audit-timeline__dot--adjustment[b-nje340787o] {
    background: #eaf2ff;
    color: #3973c6;
}

.audit-timeline__dot--default[b-nje340787o] {
    background: #f1f3f5;
    color: #6c757d;
}

.audit-timeline__content[b-nje340787o] {
    min-width: 0;
    padding: 10px 0 22px 12px;
}

.audit-timeline__content .audit-card[b-nje340787o] {
    position: relative;
    width: 100%;
    margin: 0;
}

.audit-timeline__content[b-nje340787o]::before {
    content: "";
    position: absolute;
    top: 29px;
    left: 0;
    width: 12px;
    height: 2px;
    background: #e9edf1;
}

.audit-timeline__item:hover
.audit-timeline__dot[b-nje340787o] {
    transform: scale(1.05);
    box-shadow:
        0 4px 12px rgba(15, 23, 42, .16);
}

.audit-timeline__dot[b-nje340787o] {
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.audit-timeline .audit-card__header[b-nje340787o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

@media (max-width: 768px) {
    .audit-timeline__item[b-nje340787o] {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .audit-timeline__dot[b-nje340787o] {
        width: 32px;
        height: 32px;

        margin-top: 20px;

        font-size: 11px;
    }

    .audit-timeline__marker[b-nje340787o]::after {
        top: 48px;
    }

    .audit-timeline__content[b-nje340787o] {
        padding-left: 8px;
    }

    .audit-timeline__content[b-nje340787o]::before {
        width: 8px;
    }

    .audit-timeline .audit-card__header[b-nje340787o] {
        align-items: flex-start;
        flex-direction: column;
    }
}


@media (max-width: 576px) {
    .audit-timeline__item[b-nje340787o] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .audit-timeline__dot[b-nje340787o] {
        width: 28px;
        height: 28px;
        border-width: 3px;
        font-size: 10px;
    }

    .audit-timeline__marker[b-nje340787o]::after {
        top: 48px;
    }

    .audit-timeline__content[b-nje340787o] {
        padding-left: 7px;
        padding-bottom: 16px;
    }

    .audit-timeline__content[b-nje340787o]::before {
        width: 7px;
    }
}

.audit-action[b-nje340787o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
}

.audit-action:disabled[b-nje340787o] {
    cursor: not-allowed;
    opacity: .7;
}

.print-spinner[b-nje340787o] {
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
    animation: print-spin-b-nje340787o .65s linear infinite;
}

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

.audit-card__cancellation[b-nje340787o] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    padding: 9px 12px;
    border: 1px solid #f1c4c4;
    border-radius: 7px;
    background: #fff5f5;
    color: #c62828;
    font-size: 12px;
    font-weight: 600;
}

.audit-card__cancellation i[b-nje340787o] {
    font-size: 15px;
}

.audit-card__related[b-nje340787o] {
    margin-top: 14px;
    border: 1px solid #e7e9ec;
    border-radius: 9px;
    background: #fafafa;
    overflow: hidden;
}

.audit-card__related-header[b-nje340787o] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 13px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease;
}

.audit-card__related-header:hover[b-nje340787o] {
    background: #f7f7f8;
}

.audit-card__related-title[b-nje340787o] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.audit-card__related-icon[b-nje340787o] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #fff4e5;
    color: #d97706;
    font-size: 13px;
}

.audit-card__related-title > div:last-child[b-nje340787o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.audit-card__related-title strong[b-nje340787o] {
    font-size: 11px;
    font-weight: 700;
    color: #343940;
}

.audit-card__related-title span[b-nje340787o] {
    font-size: 10px;
    color: #969ba2;
}

.audit-card__related-chevron[b-nje340787o] {
    flex: 0 0 auto;
    color: #858a91;
    font-size: 12px;
}

.audit-card__related-body[b-nje340787o] {
    padding: 0 10px 10px;
    border-top: 1px solid #e9eaec;
}

.audit-card__related-item[b-nje340787o] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 4px;
    border-bottom: 1px solid #eceef0;
}

.audit-card__related-item:last-child[b-nje340787o] {
    border-bottom: 0;
}

.audit-card__related-item-icon[b-nje340787o] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #f0f1f2;
    color: #737981;
    font-size: 12px;
}

.audit-card__related-item-main[b-nje340787o] {
    min-width: 0;
    flex: 1;
}

.audit-card__related-item-top[b-nje340787o] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.audit-card__related-item-top strong[b-nje340787o] {
    font-size: 11px;
    font-weight: 700;
    color: #343940;
}

.audit-card__related-current[b-nje340787o] {
    padding: 2px 5px;
    border-radius: 4px;
    background: #fff4e5;
    color: #c56a00;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.audit-card__related-item-detail[b-nje340787o] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
}

.audit-card__related-item-detail span:first-child[b-nje340787o] {
    color: #777d85;
    font-size: 9px;
    font-weight: 600;
}

.audit-card__related-item-detail span:last-child[b-nje340787o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #969ba2;
    font-size: 9px;
}

.audit-card__related-item-quantity[b-nje340787o] {
    min-width: 55px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.audit-card__related-item-quantity span[b-nje340787o] {
    font-size: 8px;
    color: #969ba2;
    text-transform: uppercase;
}

.audit-card__related-item-quantity strong[b-nje340787o] {
    font-size: 11px;
    color: #343940;
}

.audit-card__related-item-action[b-nje340787o] {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e3e5;
    border-radius: 6px;
    background: #fff;
    color: #777d85;
    cursor: pointer;
    transition: all 0.15s ease;
}

.audit-card__related-item-action:hover[b-nje340787o] {
    border-color: #f0a04b;
    background: #fff7ed;
    color: #d97706;
}
/* /Components/Pages/Transaction/Cancellation/TransactionCancellationPage.razor.rz.scp.css */
.cancellation-page[b-eq4eu8y9f7] {
    width: 100%;
    padding: 24px;
}

.cancellation-card[b-eq4eu8y9f7] {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.cancellation-header[b-eq4eu8y9f7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px;
    border-bottom: 1px solid #eeeeee;
}

.cancellation-eyebrow[b-eq4eu8y9f7] {
    display: block;
    margin-bottom: 5px;
    color: #f28c28;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cancellation-header h2[b-eq4eu8y9f7] {
    margin: 0;
    color: #252525;
    font-size: 22px;
    font-weight: 700;
}

.cancellation-header p[b-eq4eu8y9f7] {
    margin: 6px 0 0;
    color: #777777;
    font-size: 13px;
}

.cancellation-icon[b-eq4eu8y9f7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: #fff1f1;
    color: #c62828;
    font-size: 20px;
}

.cancellation-detail-grid[b-eq4eu8y9f7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 8px 28px;
    border-bottom: 1px solid #eeeeee;
}

.cancellation-detail[b-eq4eu8y9f7] {
    min-width: 0;
    padding: 16px 20px 16px 0;
}

.cancellation-detail span[b-eq4eu8y9f7] {
    display: block;
    margin-bottom: 6px;
    color: #888888;
    font-size: 12px;
    font-weight: 500;
}

.cancellation-detail strong[b-eq4eu8y9f7] {
    display: block;
    color: #292929;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cancellation-form[b-eq4eu8y9f7] {
    padding: 24px 28px;
}

.cancellation-form label[b-eq4eu8y9f7] {
    display: block;
    margin-bottom: 8px;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
}

.cancellation-textarea[b-eq4eu8y9f7] {
    display: block;
    width: 100%;
    min-height: 130px;
    padding: 12px 14px;
    border: 1px solid #dcdcdc;
    border-radius: 9px;
    background: #ffffff;
    color: #333333;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
    resize: vertical;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.cancellation-textarea[b-eq4eu8y9f7]::placeholder {
    color: #aaaaaa;
}

.cancellation-textarea:hover[b-eq4eu8y9f7] {
    border-color: #cfcfcf;
}

.cancellation-textarea:focus[b-eq4eu8y9f7] {
    border-color: #f28c28;
    box-shadow: 0 0 0 3px rgba(242, 140, 40, 0.12);
}

.cancellation-actions[b-eq4eu8y9f7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 18px 28px;
    background: #fafafa;
    border-top: 1px solid #eeeeee;
}

.cancellation-button[b-eq4eu8y9f7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 110px;
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}

.cancellation-button i[b-eq4eu8y9f7] {
    font-size: 15px;
}

.cancellation-button:active[b-eq4eu8y9f7] {
    transform: translateY(1px);
}

.cancellation-button:focus-visible[b-eq4eu8y9f7] {
    outline: 2px solid rgba(242, 140, 40, 0.25);
    outline-offset: 2px;
}

.cancellation-button--secondary[b-eq4eu8y9f7] {
    border: 1px solid #dcdcdc;
    background: #ffffff;
    color: #555555;
}

.cancellation-button--secondary:hover[b-eq4eu8y9f7] {
    background: #f5f5f5;
    border-color: #cccccc;
    color: #333333;
}

.cancellation-button--danger[b-eq4eu8y9f7] {
    border: 1px solid #c62828;
    background: #c62828;
    color: #ffffff;
}

.cancellation-button--danger:hover[b-eq4eu8y9f7] {
    background: #b71c1c;
    border-color: #b71c1c;
}

.cancellation-button--danger:disabled[b-eq4eu8y9f7] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.cancellation-button .spinner-border[b-eq4eu8y9f7] {
    width: 14px;
    height: 14px;
    border-width: 2px;
}

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

@media (max-width: 600px) {
    .cancellation-page[b-eq4eu8y9f7] {
        padding: 12px;
    }

    .cancellation-header[b-eq4eu8y9f7] {
        padding: 20px;
    }

    .cancellation-header h2[b-eq4eu8y9f7] {
        font-size: 19px;
    }

    .cancellation-icon[b-eq4eu8y9f7] {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .cancellation-detail-grid[b-eq4eu8y9f7] {
        grid-template-columns: 1fr;
        padding: 8px 20px;
    }

    .cancellation-detail[b-eq4eu8y9f7] {
        padding: 12px 0;
    }

    .cancellation-form[b-eq4eu8y9f7] {
        padding: 20px;
    }

    .cancellation-actions[b-eq4eu8y9f7] {
        flex-direction: column-reverse;
        align-items: stretch;

        padding: 16px 20px;
    }

    .cancellation-button[b-eq4eu8y9f7] {
        width: 100%;
    }
}

.cancellation-modal-backdrop[b-eq4eu8y9f7] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(20, 20, 20, 0.45);
    backdrop-filter: blur(2px);
    animation: cancellation-modal-fade-in-b-eq4eu8y9f7 0.15s ease-out;
}

.cancellation-modal[b-eq4eu8y9f7] {
    width: 100%;
    max-width: 440px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    animation: cancellation-modal-slide-in-b-eq4eu8y9f7 0.18s ease-out;
}

.cancellation-modal__icon[b-eq4eu8y9f7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 24px auto 0;
    border-radius: 50%;
    background: #fff4df;
    color: #d97706;
    font-size: 21px;
}

.cancellation-modal__content[b-eq4eu8y9f7] {
    padding: 18px 24px 20px;
    text-align: center;
}

.cancellation-modal__content h3[b-eq4eu8y9f7] {
    margin: 0;
    color: #292929;
    font-size: 18px;
    font-weight: 700;
}

.cancellation-modal__content p[b-eq4eu8y9f7] {
    margin: 8px 0 18px;
    color: #777777;
    font-size: 13px;
    line-height: 1.55;
}

.cancellation-modal__transaction[b-eq4eu8y9f7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    background: #fafafa;
    text-align: left;
}

.cancellation-modal__transaction span[b-eq4eu8y9f7] {
    color: #888888;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.cancellation-modal__transaction strong[b-eq4eu8y9f7] {
    color: #333333;
    font-size: 13px;
    font-weight: 700;
}

.cancellation-modal__actions[b-eq4eu8y9f7] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    background: #fafafa;
    border-top: 1px solid #eeeeee;
}

.cancellation-modal__actions .cancellation-button[b-eq4eu8y9f7] {
    min-width: auto;
}

@keyframes cancellation-modal-fade-in-b-eq4eu8y9f7 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes cancellation-modal-slide-in-b-eq4eu8y9f7 {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 600px) {
    .cancellation-modal-backdrop[b-eq4eu8y9f7] {
        align-items: flex-end;
        padding: 12px;
    }

    .cancellation-modal[b-eq4eu8y9f7] {
        max-width: none;
        border-radius: 14px;
    }

    .cancellation-modal__actions[b-eq4eu8y9f7] {
        flex-direction: column-reverse;
    }

    .cancellation-modal__actions .cancellation-button[b-eq4eu8y9f7] {
        width: 100%;
    }
}

.cancellation-confirmation[b-eq4eu8y9f7] {
    margin-top: 20px;
}

.cancellation-confirmation > label[b-eq4eu8y9f7] {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.cancellation-confirmation__input[b-eq4eu8y9f7] {
    width: 100%;
    padding: 11px 13px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.cancellation-confirmation__input:focus[b-eq4eu8y9f7] {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

.cancellation-confirmation__error[b-eq4eu8y9f7] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 7px;
    font-size: 12px;
    color: #dc2626;
}
/* /Components/Pages/Transaction/Inbound/GoodsReceipt/GoodsReceiptPage.razor.rz.scp.css */
.inbound-page[b-yvungzb4wz]{
    display:flex;
    flex-direction:column;
    gap:.5rem;
    min-height:100vh;
}

.page-header h2[b-yvungzb4wz]{
    margin:0;
    font-size:2rem;
    font-weight:700;
    color:#1F2937;
}

.page-header p[b-yvungzb4wz]{
    margin-top:.35rem;
    color:#6B7280;
}

.inbound-layout[b-yvungzb4wz]{
    display:grid;
    grid-template-columns:2.3fr 1fr;
    gap:2rem;
    align-items:start;
}

.form-panel[b-yvungzb4wz],
.review-panel[b-yvungzb4wz]{
    background:white;
    border-radius:26px;
    border:1px solid #ECECEC;
    box-shadow:
        0 20px 40px rgba(15,23,42,.05);
    padding:2rem;
}

.panel-header[b-yvungzb4wz]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.panel-header h4[b-yvungzb4wz]{
    margin:0;
    font-weight:700;
    color:#B26B00;
}

.panel-header p[b-yvungzb4wz]{
    margin-top:.35rem;
    color:#64748B;
}

.system-date[b-yvungzb4wz]{
    background:#F6F8FC;
    border-radius:16px;
    padding:.85rem 1rem;
    text-align:center;
    min-width:160px;
}

.system-date span[b-yvungzb4wz]{
    display:block;
    font-size:.7rem;
    font-weight:700;
    color:#94A3B8;
    letter-spacing:.08em;
}

.system-date strong[b-yvungzb4wz]{
    font-size:.9rem;
    color:#334155;
}

.review-panel h4[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    gap:.5rem;
    font-weight:700;
    margin-bottom:2rem;
}

.review-panel h4 i[b-yvungzb4wz]{
    color:#B26B00;
}

@media(max-width:992px){
    .inbound-layout[b-yvungzb4wz]{
        grid-template-columns:1fr;
    }
}

.form-section[b-yvungzb4wz]{
    border:1px solid #F1F5F9;
    border-radius:18px;
    padding:1.5rem;
    margin-bottom:1.75rem;
}

.section-title[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-bottom:1.5rem;
    color:#B26B00;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.04em;
}

.section-title i[b-yvungzb4wz]{
    font-size:1rem;
}


.quantity-box[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid #D9E2EC;
    border-radius:14px;
    overflow:hidden;
    height:46px;
}

.qty-btn[b-yvungzb4wz]{
    width:46px;
    height:46px;
    border:none;
    background:white;
    color:#D97706;
    font-size:1.1rem;
    transition:.2s;
}

.qty-btn:hover[b-yvungzb4wz]{
    background:#FFF7ED;
}

.quantity-box span[b-yvungzb4wz]{
    flex:1;
    text-align:center;
    font-size:1rem;
    font-weight:700;
}

.review-header[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:2rem;
}

.review-header i[b-yvungzb4wz]{
    color:#D97706;
    font-size:1.5rem;
}

.review-header h4[b-yvungzb4wz]{
    margin:0;
    font-weight:700;
}

.review-header small[b-yvungzb4wz]{
    color:#94A3B8;
}

.review-card[b-yvungzb4wz]{
    margin-bottom:1.6rem;
    padding:1rem;
    border-radius:16px;
    background:#FAFAFA;
    border:1px solid #EDF2F7;
}

.review-row[b-yvungzb4wz]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.55rem 0;
    font-size: 9pt;
}

.review-row:not(:last-child)[b-yvungzb4wz]{
    border-bottom:1px solid #F1F5F9;
}

.review-title[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:.75rem;
    color:#475569;
    font-weight:700;
    font-size:.9rem;
}

.review-title i[b-yvungzb4wz]{
    color:#D97706;
}

.qty-chip[b-yvungzb4wz]{
    background:#FFF7ED;
    color:#D97706;
    padding:.3rem .7rem;
    border-radius:999px;
    font-weight:700;
}

.review-footer[b-yvungzb4wz]{
    margin-top:2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    color:#94A3B8;
    font-size:.78rem;
}

.review-footer i[b-yvungzb4wz]{
    font-size:.45rem;
}

.serial-wrapper[b-yvungzb4wz]{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.serial-button[b-yvungzb4wz]{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border:1px solid #FDBA74;
    border-radius:14px;
    background:#FFF8F2;
    color:#F59E0B;
    transition:.2s;
}

.serial-button:hover:not(:disabled)[b-yvungzb4wz]{
    background:#F59E0B;
    color:var(--text-on-warning);
}

.serial-button:disabled[b-yvungzb4wz]{
    cursor:not-allowed;
    background:#F9FAFB;
    border-color:#E5E7EB;
    color:#9CA3AF;
    opacity:.75;
}

.serial-button i[b-yvungzb4wz]{
    font-size:1rem;
}

.serial-button:hover[b-yvungzb4wz]{
    background:#F59E0B;
    color:var(--text-on-warning);
    border-color:#F59E0B;
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(245,158,11,.18);
}

.serial-hint[b-yvungzb4wz]{
    color:#6B7280;
    font-size:.78rem;
    line-height:1.4;
    margin-left:8px;
}

.sn-overlay[b-yvungzb4wz]{
    position:fixed;
    inset:0;
    z-index:3000;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(17,24,39,.45);
    backdrop-filter:blur(12px);
}

.sn-modal[b-yvungzb4wz]{
    width:min(920px,95vw);
    max-height:600px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:28px;
    background: rgb(255 255 255 / 73%);
    backdrop-filter:blur(24px);
    box-shadow:
        0 20px 80px rgba(0,0,0,.18);
    animation:modalShow-b-yvungzb4wz .25s ease;
}

.sn-header[b-yvungzb4wz]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:28px 34px;
    border-bottom:1px solid #ECECEC;
}

.sn-title[b-yvungzb4wz]{
    display:flex;
    gap:18px;
    align-items:center;
}

.sn-icon[b-yvungzb4wz]{
    width:54px;
    height:54px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:16px;
    background:#FFF7E8;
    color:#F59E0B;
    font-size:24px;
}

.sn-title h4[b-yvungzb4wz]{
    margin:0;
    font-weight:700;
}

.sn-title small[b-yvungzb4wz]{
    color:#8A8A8A;
}

.sn-header-right[b-yvungzb4wz]{
    display:flex;
    gap:18px;
    align-items:center;
}

.sn-badge[b-yvungzb4wz]{
    padding:8px 16px;
    border-radius:999px;
    background:#FFF7E8;
    color:#F59E0B;
    font-weight:600;
}

.sn-close[b-yvungzb4wz]{
    border:none;
    background:none;
    font-size:22px;
}

.sn-body[b-yvungzb4wz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    max-height: 420px;
    overflow-y: auto;
    padding: 1rem;
}

.sn-card[b-yvungzb4wz] {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .625rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.sn-card:hover[b-yvungzb4wz] {
    border-color: #f3c66d;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.sn-item-group[b-yvungzb4wz] {
    display: flex;
    align-items: center;
    gap: .625rem;
    width: 100%;
}

.sn-number[b-yvungzb4wz] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: #fff7ed;
    color: #c27a00;
    font-size: .7rem;
    font-weight: 700;
}

.sn-value[b-yvungzb4wz] {
    flex: 1;
    min-width: 0;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #1f2937;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;
    font-size: .75rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sn-button-remove[b-yvungzb4wz] {
    padding-right: 10px;
}

.sn-number[b-yvungzb4wz]{
    width:54px;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:.72rem;
    font-weight:700;
    color:#9CA3AF;
    border-right:1px solid #F1F1F1;
    border-radius: 12px;
    background:#FCFCFC;
}

.sn-footer[b-yvungzb4wz]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px 30px;
    border-top:1px solid #ECECEC;
}

.sn-footer small[b-yvungzb4wz]{
    color:rgb(88 92 98);
}

@keyframes modalShow-b-yvungzb4wz{

    from{
        opacity:0;
        transform:translateY(30px) scale(.98);
    }

    to{
        opacity:1;
        transform:none;
    }
}

.reference-section[b-yvungzb4wz]{
    margin-top:24px;
}

.reference-card[b-yvungzb4wz]{
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:16px;
    padding:20px;
    margin-bottom:16px;
    transition:.2s;
}

.reference-card:hover[b-yvungzb4wz]{
    border-color:#F59E0B;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.reference-card-header[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    margin-bottom:18px;
}

.reference-icon[b-yvungzb4wz]{
    width:48px;
    height:48px;
    border-radius:12px;
    background:#FFF7ED;
    color:#F59E0B;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.reference-info[b-yvungzb4wz]{
    margin-left:14px;
    flex:1;
}

.reference-info h6[b-yvungzb4wz]{
    margin:0;
    font-weight:600;
}

.reference-info small[b-yvungzb4wz]{
    color:#94A3B8;
}

.action-buttons[b-yvungzb4wz] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding: 0 1.5rem;
}

.confirm-header[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    gap:18px;
}

.confirm-icon[b-yvungzb4wz]{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#FFF7E8;
    color:#F59E0B;
    font-size:26px;
}

.confirm-header h5[b-yvungzb4wz]{
    margin:0;
    font-weight:700;
    color:#1F2937;
}

.confirm-header small[b-yvungzb4wz]{
    color:#64748B;
}

.confirm-body[b-yvungzb4wz]{
    padding-top:8px;
}

.confirm-body p[b-yvungzb4wz]{
    color:#475569;
    margin-bottom:20px;
}

.confirm-footer[b-yvungzb4wz]{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.review-row strong[b-yvungzb4wz] {
    text-align: end;
}

.item-stock-card[b-yvungzb4wz]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    background:#fffaf2;
    border:1px solid #fde7b2;
    border-radius:14px;
}

.stock-left[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    gap:12px;
}

.stock-icon[b-yvungzb4wz]{
    width:42px;
    height:42px;
    border-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    color:#f59e0b;
    font-size:20px;
}

.stock-title[b-yvungzb4wz]{
    font-size:.8rem;
    color:#6b7280;
}

.stock-value[b-yvungzb4wz]{
    font-size:1.1rem;
    font-weight:700;
    color:#1f2937;
}

.confirm-header[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    gap:1rem;
}

.confirm-icon[b-yvungzb4wz]{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#F59E0B,#FBBF24);
    color:#A16207;
    font-size:1.4rem;
    flex-shrink:0;
}

.confirm-header h5[b-yvungzb4wz]{
    margin:0;
    font-weight:700;
    color:#1f2937;
}

.confirm-header small[b-yvungzb4wz]{
    color:#6b7280;
}

.confirm-body[b-yvungzb4wz]{
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}

.confirm-section[b-yvungzb4wz]{
    padding:1rem;
    border:1px solid #edf2f7;
    border-radius:16px;
    background:#fff;
}

.confirm-section-title[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:1rem;
    font-weight:700;
    color:#374151;
}

.confirm-section-title i[b-yvungzb4wz]{
    color:#F59E0B;
}

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

.confirm-grid label[b-yvungzb4wz]{
    display:block;
    font-size:.8rem;
    color:#9ca3af;
    margin-bottom:.2rem;
}

.confirm-grid strong[b-yvungzb4wz]{
    color:#111827;
}

.confirm-reference[b-yvungzb4wz]{
    padding:.85rem 1rem;
    border:1px solid #eef2f7;
    border-radius:12px;
    margin-bottom:.75rem;
    background:#fafafa;
}

.confirm-reference:last-child[b-yvungzb4wz]{
    margin-bottom:0;
}

.confirm-reference strong[b-yvungzb4wz]{
    display:block;
    color:#111827;
}

.confirm-reference div[b-yvungzb4wz]{
    color:#374151;
}

.confirm-reference small[b-yvungzb4wz]{
    color:#9ca3af;
}

.confirm-item[b-yvungzb4wz]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem;
    border:1px solid #eef2f7;
    border-radius:14px;
    margin-bottom:.75rem;
}

.confirm-item:last-child[b-yvungzb4wz]{
    margin-bottom:0;
}

.item-name[b-yvungzb4wz]{
    font-weight:700;
    color:#111827;
}

.confirm-item small[b-yvungzb4wz]{
    color:#6b7280;
}

.serial-label[b-yvungzb4wz]{
    margin-top:.4rem;
    color:#F59E0B;
    font-size:.8rem;
}

.qty-chip[b-yvungzb4wz]{
    min-width:80px;
    padding:.45rem .9rem;
    text-align:center;
    border-radius:999px;
    background:#FEF3C7;
    color:#B45309;
    font-weight:700;
}

.confirm-summary-card[b-yvungzb4wz]{
    display:flex;
    justify-content:space-between;
    padding:1rem 1.25rem;
    border-radius:16px;
    background:#FFF8EB;
    border:1px solid #FDE68A;
}

.confirm-summary-card span[b-yvungzb4wz]{
    display:block;
    font-size:.8rem;
    color:#6b7280;
}

.confirm-summary-card strong[b-yvungzb4wz]{
    font-size:1.15rem;
    color:#111827;
}

.confirm-footer[b-yvungzb4wz]{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.accordion-header[b-yvungzb4wz]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    margin-bottom:1rem;
}

.accordion-description[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.5rem;
    margin-top:.35rem;
    font-size:.85rem;
    color:#6b7280;
}

.accordion-description span[b-yvungzb4wz]{
    display:flex;
    align-items:center;
    gap:.3rem;
}

.accordion-description i[b-yvungzb4wz]{
    color:#f59e0b;
    font-size:.8rem;
}

.accordion-description .separator[b-yvungzb4wz]{
    color:#d1d5db;
}

.accordion-toggle[b-yvungzb4wz]{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    background:#fff8eb;
    color:#f59e0b;
    border-radius:10px;
    transition:.2s;
}

.accordion-toggle:hover[b-yvungzb4wz]{
    background:#fde7b2;
}

.accordion-toggle i[b-yvungzb4wz]{
    font-size:1rem;
}

.accordion-body[b-yvungzb4wz]{
    animation:accordionFade-b-yvungzb4wz .2s ease;
}

@keyframes accordionFade-b-yvungzb4wz{
    from{
        opacity:0;
        transform:translateY(-5px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

.serial-hint[b-yvungzb4wz] {
    margin-top: .5rem;
    font-size: .75rem;
    color: #9ca3af;
}

.serial-generator-card[b-yvungzb4wz] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 15px;
    margin-bottom: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: linear-gradient(
        135deg,
        #fffaf4 0%,
        #ffffff 100%
    );
}

.serial-generator-card__icon[b-yvungzb4wz] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff1df;
    color: #d97706;
    font-size: 17px;
}

.serial-generator-card__content[b-yvungzb4wz] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.serial-generator-card__content strong[b-yvungzb4wz] {
    color: #343a40;
    font-size: 12px;
    font-weight: 700;
}

.serial-generator-card__content span[b-yvungzb4wz] {
    color: #8a9097;
    font-size: 11px;
    line-height: 1.45;
}

.serial-generator-card__button[b-yvungzb4wz] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid #e5a65c;
    border-radius: 7px;
    background: #fff;
    color: #c56a00;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.serial-generator-card__button i[b-yvungzb4wz] {
    font-size: 11px;
}

.serial-generator-card__button:hover[b-yvungzb4wz] {
    background: #fff4e6;
    border-color: #d97706;
    color: #b85f00;
}

.serial-generator-card__button:active[b-yvungzb4wz] {
    transform: translateY(1px);
}

.supporting-document-field[b-yvungzb4wz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.supporting-document-label[b-yvungzb4wz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.supporting-document-hint[b-yvungzb4wz] {
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: 1.4;
}

.supporting-document-status[b-yvungzb4wz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;

    padding: 0.3rem 0.6rem;
    border: 1px solid #fed7aa;
    border-radius: 999px;

    background: #fff7ed;
    color: #a16207;

    font-size: 0.72rem;
    font-weight: 600;
}

.supporting-document-status i[b-yvungzb4wz] {
    font-size: 0.7rem;
}

.uploaded-document[b-yvungzb4wz] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    margin-top: 12px;

    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.uploaded-document:hover[b-yvungzb4wz] {
    border-color: #fed7aa;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

/* File icon */
.uploaded-document__icon[b-yvungzb4wz] {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 42px;
    width: 42px;
    height: 42px;

    border-radius: 11px;
    font-size: 21px;
}

.uploaded-document__icon--pdf[b-yvungzb4wz] {
    color: #dc2626;
    background: #fef2f2;
}

.uploaded-document__icon--image[b-yvungzb4wz] {
    color: #2563eb;
    background: #eff6ff;
}

.uploaded-document__icon--word[b-yvungzb4wz] {
    color: #2563eb;
    background: #eff6ff;
}

.uploaded-document__icon--excel[b-yvungzb4wz] {
    color: #15803d;
    background: #f0fdf4;
}

.uploaded-document__icon--powerpoint[b-yvungzb4wz] {
    color: #c2410c;
    background: #fff7ed;
}

.uploaded-document__icon--default[b-yvungzb4wz] {
    color: #64748b;
    background: #f1f5f9;
}

.uploaded-document__info[b-yvungzb4wz] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.uploaded-document__info strong[b-yvungzb4wz] {
    color: #1e293b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.uploaded-document__info span[b-yvungzb4wz] {
    overflow: hidden;

    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uploaded-document__success[b-yvungzb4wz] {
    flex: 0 0 auto;

    color: #16a34a;
    font-size: 18px;
}

.supporting-document-label[b-yvungzb4wz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.supporting-document-hint[b-yvungzb4wz] {
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: 1.4;
}

.stock-opname-warning[b-yvungzb4wz] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: 1rem 1.1rem;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fff7ed;
    color: #9a3412;
}

.stock-opname-warning__icon[b-yvungzb4wz] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #ffedd5;
    color: #ea580c;
    font-size: .95rem;
}

.stock-opname-warning__content[b-yvungzb4wz] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

.stock-opname-warning__content strong[b-yvungzb4wz] {
    color: #9a3412;
    font-size: .9rem;
    font-weight: 700;
}

.stock-opname-warning__content span[b-yvungzb4wz] {
    color: #c2410c;
    font-size: .82rem;
    line-height: 1.5;
}

.item-selector[b-yvungzb4wz] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    width: 100%;
}

.item-selector-search[b-yvungzb4wz] {
    flex: 1;
    min-width: 0;
}

.item-selector-action[b-yvungzb4wz] {
    flex: 0 0 auto;
}

.item-menu-button[b-yvungzb4wz] {
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
}

.item-search-placeholder[b-yvungzb4wz],
.item-search-empty[b-yvungzb4wz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    color: #64748b;
    font-size: 0.875rem;
}

.item-search-placeholder i[b-yvungzb4wz],
.item-search-empty i[b-yvungzb4wz] {
    font-size: 0.9rem;
}

@media (max-width: 576px) {
    .item-selector[b-yvungzb4wz] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .item-selector-action[b-yvungzb4wz] {
        width: 100%;
    }

    .item-menu-button[b-yvungzb4wz] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Transaction/Inbound/InternalTransferIn/Components/InternalTransferInDetailViewer.razor.rz.scp.css */
.my-inventory-detail-page[b-6szkkklyh0] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px;
}

.my-inventory-detail-header[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    margin-bottom: 18px;
    padding: 22px 24px;

    background: #ffffff;
    border: 1px solid #eeeae3;
    border-radius: 14px;

    box-shadow:
        0 3px 10px rgba(15, 23, 42, .035);
}

.my-inventory-detail-header__identity[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.my-inventory-detail-header__icon[b-6szkkklyh0] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #d88700;
    font-size: 20px;

    box-shadow:
        0 3px 8px rgba(217, 135, 0, .10);
}

.my-inventory-detail-header__identity > div:last-child[b-6szkkklyh0] {
    min-width: 0;
}

.my-inventory-detail-header h3[b-6szkkklyh0] {
    margin: 2px 0 4px;

    color: #263342;
    font-size: 21px;
    font-weight: 750;
    letter-spacing: -.3px;
}

.my-inventory-detail-header__identity span[b-6szkkklyh0],
.my-inventory-detail-header__movement span[b-6szkkklyh0] {
    display: block;

    color: #858b93;
    font-size: 12px;
}

.my-inventory-detail-header p[b-6szkkklyh0] {
    margin: 0;

    color: #858b93;
    font-size: 12px;
}

.my-inventory-detail-header__movement[b-6szkkklyh0] {
    min-width: 170px;
    text-align: right;
}

.my-inventory-detail-header__movement strong[b-6szkkklyh0] {
    display: block;

    margin-top: 4px;

    color: #9a6206;
    font-size: 14px;
    font-weight: 700;
}

.my-inventory-detail-content[b-6szkkklyh0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.my-inventory-detail-section[b-6szkkklyh0] {
    padding: 20px 22px;

    background: #ffffff;
    border: 1px solid #eeeae3;
    border-radius: 14px;

    box-shadow:
        0 2px 7px rgba(15, 23, 42, .025);
}

.my-inventory-detail-section__header[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    margin-bottom: 15px;
}

.my-inventory-detail-section__header > div:first-child[b-6szkkklyh0] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.my-inventory-detail-section__header strong[b-6szkkklyh0] {
    color: #394350;
    font-size: 15px;
    font-weight: 750;
}

.my-inventory-detail-section__header span[b-6szkkklyh0] {
    color: #858b93;
    font-size: 11px;
}

.my-inventory-detail-section__actions[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-inventory-detail-count[b-6szkkklyh0] {
    min-width: 30px;

    padding: 4px 9px;

    border-radius: 8px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #9a6206 !important;

    text-align: center;
    font-size: 11px !important;
    font-weight: 750;
}

.my-inventory-detail-info-grid[b-6szkkklyh0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 1px;

    overflow: hidden;

    border: 1px solid #eeeae3;
    border-radius: 10px;

    background: #eeeae3;
}

.my-inventory-detail-info[b-6szkkklyh0] {
    display: flex;
    flex-direction: column;
    gap: 5px;

    min-width: 0;
    padding: 14px 16px;

    background: #fafafa;
}

.my-inventory-detail-info span[b-6szkkklyh0] {
    color: #858b93;
    font-size: 10px;
    font-weight: 600;
}

.my-inventory-detail-info strong[b-6szkkklyh0] {
    overflow: hidden;

    color: #4b535d;

    font-size: 13px;
    font-weight: 650;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-inventory-serial-list[b-6szkkklyh0],
.my-inventory-reference-list[b-6szkkklyh0],
.my-inventory-usage-list[b-6szkkklyh0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.my-inventory-serial-item[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 13px 15px;

    background: #fffdfa;
    border: 1px solid #eeeae3;
    border-radius: 10px;

    transition:
        border-color .15s ease,
        background-color .15s ease,
        box-shadow .15s ease;
}

.my-inventory-serial-item:hover[b-6szkkklyh0] {
    background: #fffaf1;
    border-color: #f0d7aa;

    box-shadow:
        0 3px 8px rgba(15, 23, 42, .035);
}

.my-inventory-serial-item > i[b-6szkkklyh0] {
    color: #d88700;
    font-size: 17px;
}

.my-inventory-serial-item__content[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    min-width: 0;
}

.my-inventory-serial-item__content strong[b-6szkkklyh0] {
    color: #394350;
    font-size: 13px;
    font-weight: 700;
}

.my-inventory-serial-item__content span[b-6szkkklyh0] {
    padding: 3px 8px;

    border-radius: 6px;

    background: #f5f5f4;
    border: 1px solid #e7e5e2;

    color: #777d84;

    font-size: 10px;
}

.my-inventory-detail-edit-button[b-6szkkklyh0],
.my-inventory-detail-save-button[b-6szkkklyh0],
.my-inventory-detail-cancel-button[b-6szkkklyh0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    min-height: 34px;
    padding: 6px 12px;

    border-radius: 8px;

    font-family: inherit;
    font-size: 12px;
    font-weight: 650;

    cursor: pointer;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.my-inventory-detail-edit-button[b-6szkkklyh0] {
    background: #fff7ed;
    border: 1px solid #f3ddc0;
    color: #b96f05;
}

.my-inventory-detail-edit-button:hover[b-6szkkklyh0] {
    background: #fff0dc;
    border-color: #edcc9f;
}

.my-inventory-detail-save-button[b-6szkkklyh0] {
    background: #2563eb;
    border: 1px solid #2563eb;
    color: #ffffff;
}

.my-inventory-detail-save-button:hover[b-6szkkklyh0] {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

.my-inventory-detail-cancel-button[b-6szkkklyh0] {
    background: #ffffff;
    border: 1px solid #dedede;
    color: #666666;
}

.my-inventory-detail-cancel-button:hover[b-6szkkklyh0] {
    background: #f7f7f7;
    border-color: #cccccc;
}

.my-inventory-detail-edit-button:active[b-6szkkklyh0],
.my-inventory-detail-save-button:active[b-6szkkklyh0],
.my-inventory-detail-cancel-button:active[b-6szkkklyh0] {
    transform: translateY(1px);
}

.my-inventory-outbound-serial-edit-list[b-6szkkklyh0],
.my-inventory-usage-edit-list[b-6szkkklyh0],
.my-inventory-edit-list[b-6szkkklyh0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.my-inventory-outbound-serial-edit-item[b-6szkkklyh0],
.my-inventory-usage-edit-item[b-6szkkklyh0],
.my-inventory-edit-item[b-6szkkklyh0] {
    padding: 15px;

    background: #fffdfa;
    border: 1px solid #eeeae3;
    border-radius: 11px;
}

.my-inventory-serial-edit-number[b-6szkkklyh0],
.my-inventory-usage-edit-item__number[b-6szkkklyh0] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #9a6206;

    font-size: 11px;
    font-weight: 750;
}

.my-inventory-serial-edit-fields[b-6szkkklyh0] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 10px;

    width: 100%;
}

.my-inventory-usage-edit-item__fields[b-6szkkklyh0] {
    display: grid;
    grid-template-columns: .7fr 1.2fr 1fr;
    gap: 10px;

    width: 100%;
}

.my-inventory-edit-field[b-6szkkklyh0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.my-inventory-edit-field > label[b-6szkkklyh0] {
    color: #5f6670;
    font-size: 11px;
    font-weight: 650;
}

.my-inventory-edit-field .custom-input[b-6szkkklyh0] {
    width: 100%;
    min-height: 38px;

    padding: 7px 11px;

    background: #ffffff;
    border: 1px solid #ddd9d2;
    border-radius: 8px;

    color: #394350;

    font-size: 12px;

    outline: none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.my-inventory-edit-field .custom-input:focus[b-6szkkklyh0] {
    border-color: #d88700;
    box-shadow: 0 0 0 3px rgba(216, 135, 0, .10);
}

.my-inventory-edit-item__serial[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 14px;
}

.my-inventory-edit-item__serial i[b-6szkkklyh0] {
    color: #d88700;
    font-size: 17px;
}

.my-inventory-edit-item__icon[b-6szkkklyh0] {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 12px;

    border-radius: 9px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #d88700;
}

.my-inventory-edit-actions[b-6szkkklyh0] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;

    margin-top: 16px;
    padding-top: 14px;

    border-top: 1px solid #eeeae3;
}

.my-inventory-edit-button[b-6szkkklyh0] {
    border-radius: 8px;
}

.my-inventory-usage-item[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 13px 14px;

    background: #fffdfa;
    border: 1px solid #eeeae3;
    border-radius: 10px;
}

.my-inventory-usage-item__icon[b-6szkkklyh0],
.my-inventory-reference-item__icon[b-6szkkklyh0] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #d88700;
}

.my-inventory-usage-item__content[b-6szkkklyh0] {
    display: flex;
    flex-direction: column;
    gap: 3px;

    min-width: 0;
}

.my-inventory-usage-item__content span[b-6szkkklyh0],
.my-inventory-reference-item__content span[b-6szkkklyh0] {
    color: #858b93;
    font-size: 10px;
    font-weight: 600;
}

.my-inventory-usage-item__content strong[b-6szkkklyh0] {
    color: #394350;
    font-size: 13px;
    font-weight: 700;
}

.my-inventory-reference-item[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 13px 14px;

    background: #fffdfa;
    border: 1px solid #eeeae3;
    border-radius: 10px;
}

.my-inventory-reference-item__content[b-6szkkklyh0] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;

    min-width: 0;
}

.my-inventory-reference-item__content strong[b-6szkkklyh0] {
    overflow: hidden;

    color: #394350;

    font-size: 13px;
    font-weight: 700;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-inventory-reference-item__content small[b-6szkkklyh0] {
    color: #858b93;
    font-size: 10px;
}

.my-inventory-reference-item__date[b-6szkkklyh0] {
    color: #858b93;
    font-size: 11px;
    white-space: nowrap;
}

.my-inventory-status-badge[b-6szkkklyh0] {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    padding: 4px 9px;

    border-radius: 999px;

    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.my-inventory-status-badge--reserved[b-6szkkklyh0] {
    color: #a16207;
    background: #fff4d6;
    border: 1px solid #f3d99b;
}

.my-inventory-status-badge--installed[b-6szkkklyh0] {
    color: #23804a;
    background: #e7faee;
    border: 1px solid #bdebcf;
}

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

@media (max-width: 900px) {
    .my-inventory-detail-header[b-6szkkklyh0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .my-inventory-detail-header__movement[b-6szkkklyh0] {
        width: 100%;
        text-align: left;
    }

    .my-inventory-detail-info-grid[b-6szkkklyh0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .my-inventory-serial-edit-fields[b-6szkkklyh0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .my-inventory-usage-edit-item__fields[b-6szkkklyh0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .my-inventory-edit-item__fields[b-6szkkklyh0] {
        grid-template-columns: 1fr;
    }

    .my-inventory-edit-actions[b-6szkkklyh0] {
        flex-direction: column-reverse;
    }

    .my-inventory-edit-button[b-6szkkklyh0] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .my-inventory-detail-page[b-6szkkklyh0] {
        padding: 14px;
    }

    .my-inventory-detail-header[b-6szkkklyh0],
    .my-inventory-detail-section[b-6szkkklyh0] {
        padding: 18px;
    }

    .my-inventory-detail-info-grid[b-6szkkklyh0] {
        grid-template-columns: 1fr;
    }

    .my-inventory-detail-section__header[b-6szkkklyh0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .my-inventory-detail-section__actions[b-6szkkklyh0] {
        width: 100%;
        justify-content: flex-end;
    }

    .my-inventory-outbound-serial-edit-item[b-6szkkklyh0],
    .my-inventory-usage-edit-item[b-6szkkklyh0] {
        flex-direction: column;
    }

    .my-inventory-serial-edit-fields[b-6szkkklyh0] {
        grid-template-columns: 1fr;
    }

    .my-inventory-usage-item[b-6szkkklyh0] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .my-inventory-reference-item[b-6szkkklyh0] {
        align-items: flex-start;
    }

    .my-inventory-reference-item__date[b-6szkkklyh0] {
        margin-left: auto;
    }
}

.my-inventory-confirmation[b-6szkkklyh0] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 4px 2px;
}

.my-inventory-confirmation__icon[b-6szkkklyh0] {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #fff7ed;
    border: 1px solid #fed7aa;

    color: #f59e0b;
    font-size: 1.15rem;
}

.my-inventory-confirmation__content[b-6szkkklyh0] {
    min-width: 0;
    padding-top: 1px;
}

.my-inventory-confirmation__content strong[b-6szkkklyh0] {
    display: block;

    margin-bottom: 4px;

    color: #1e293b;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.4;
}

.my-inventory-confirmation__content p[b-6szkkklyh0] {
    margin: 0;

    color: #64748b;
    font-size: 0.875rem;
    line-height: 1.55;
}

.my-inventory-detail-page .modal-content[b-6szkkklyh0] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;

    box-shadow:
        0 12px 32px rgba(15, 23, 42, 0.12),
        0 2px 8px rgba(15, 23, 42, 0.05);

    overflow: hidden;
}

.my-inventory-detail-page .modal-header[b-6szkkklyh0] {
    padding: 16px 20px;

    border-bottom: 1px solid #f1f5f9;
}

.my-inventory-detail-page .modal-title[b-6szkkklyh0] {
    color: #1e293b;
    font-size: 1rem;
    font-weight: 600;
}

.my-inventory-detail-page .modal-body[b-6szkkklyh0] {
    padding: 18px 20px;
}

.my-inventory-detail-page .modal-footer[b-6szkkklyh0] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;

    padding: 12px 20px;

    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
}

.my-inventory-detail-actions[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    margin-bottom: 16px;
    padding: 14px 16px;

    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
}

.my-inventory-detail-actions__info[b-6szkkklyh0] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 2px;
}

.my-inventory-detail-actions__info span[b-6szkkklyh0] {
    color: #1e293b;

    font-size: 0.875rem;
    font-weight: 600;
}

.my-inventory-detail-actions__info small[b-6szkkklyh0] {
    color: #64748b;

    font-size: 0.78rem;
}

.my-inventory-detail-actions__buttons[b-6szkkklyh0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-inventory-action[b-6szkkklyh0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    min-height: 36px;
    padding: 7px 13px;

    border-radius: 9px;

    font-size: 0.8rem;
    font-weight: 500;

    cursor: pointer;

    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease,
        transform 0.15s ease;
}

.my-inventory-action i[b-6szkkklyh0] {
    font-size: 0.85rem;
}

.my-inventory-action:hover[b-6szkkklyh0] {
    transform: translateY(-1px);
}

.my-inventory-action:active[b-6szkkklyh0] {
    transform: translateY(0);
}

.my-inventory-action--return[b-6szkkklyh0] {
    color: #a16207;

    background: #fff7ed;
    border: 1px solid #fed7aa;
}

.my-inventory-action--return:hover[b-6szkkklyh0] {
    background: #ffedd5;
    border-color: #fdba74;
}

.my-inventory-action--cancel[b-6szkkklyh0] {
    color: #b91c1c;

    background: #ffffff;
    border: 1px solid #fecaca;
}

.my-inventory-action--cancel:hover[b-6szkkklyh0] {
    background: #fef2f2;
    border-color: #fca5a5;
}

.my-inventory-action--close[b-6szkkklyh0] {
    color: #ffffff;

    background: #334155;
    border: 1px solid #334155;
}

.my-inventory-action--close:hover[b-6szkkklyh0] {
    background: #1e293b;
    border-color: #1e293b;
}

@media (max-width: 768px) {

    .my-inventory-detail-actions[b-6szkkklyh0] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .my-inventory-detail-actions__buttons[b-6szkkklyh0] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .my-inventory-action[b-6szkkklyh0] {
        width: 100%;
    }

}

@media (max-width: 576px) {

    .my-inventory-detail-actions__buttons[b-6szkkklyh0] {
        grid-template-columns: 1fr;
    }

}

.my-inventory-detail-header__meta[b-6szkkklyh0] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;

    flex-shrink: 0;
}

.my-inventory-status-badge[b-6szkkklyh0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    width: fit-content;

    padding: 5px 9px;

    border-radius: 7px;

    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
}

.my-inventory-status-badge i[b-6szkkklyh0] {
    font-size: 0.65rem;
}

.my-inventory-status-badge--active[b-6szkkklyh0] {
    color: #166534;

    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.my-inventory-status-badge--return[b-6szkkklyh0] {
    color: #a16207;

    background: #fff7ed;
    border: 1px solid #fed7aa;
}

.my-inventory-status-badge--closed[b-6szkkklyh0] {
    color: #475569;

    background: #f8fafc;
    border: 1px solid #cbd5e1;
}
/* /Components/Pages/Transaction/Inbound/InternalTransferIn/Components/InternalTransferInVerificationForm.razor.rz.scp.css */
.inbound-page[b-j0jb0s6u8d]{
    display:flex;
    flex-direction:column;
    gap:.5rem;
    min-height:100vh;
}

.page-header h2[b-j0jb0s6u8d]{
    margin:0;
    font-size:2rem;
    font-weight:700;
    color:#1F2937;
}

.page-header p[b-j0jb0s6u8d]{
    margin-top:.35rem;
    color:#6B7280;
}

.inbound-layout[b-j0jb0s6u8d]{
    display:grid;
    grid-template-columns:2.3fr 1fr;
    gap:2rem;
    align-items:start;
}

.form-panel[b-j0jb0s6u8d],
.review-panel[b-j0jb0s6u8d]{
    background:white;
    border-radius:26px;
    border:1px solid #ECECEC;
    box-shadow:
        0 20px 40px rgba(15,23,42,.05);
    padding:2rem;
}

.panel-header[b-j0jb0s6u8d]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.panel-header h4[b-j0jb0s6u8d]{
    margin:0;
    font-weight:700;
    color:#B26B00;
}

.panel-header p[b-j0jb0s6u8d]{
    margin-top:.35rem;
    color:#64748B;
}

.system-date[b-j0jb0s6u8d]{
    background:#F6F8FC;
    border-radius:16px;
    padding:.85rem 1rem;
    text-align:center;
    min-width:160px;
}

.system-date span[b-j0jb0s6u8d]{
    display:block;
    font-size:.7rem;
    font-weight:700;
    color:#94A3B8;
    letter-spacing:.08em;
}

.system-date strong[b-j0jb0s6u8d]{
    font-size:.9rem;
    color:#334155;
}

.review-panel h4[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    gap:.5rem;
    font-weight:700;
    margin-bottom:2rem;
}

.review-panel h4 i[b-j0jb0s6u8d]{
    color:#B26B00;
}

@media(max-width:992px){
    .inbound-layout[b-j0jb0s6u8d]{
        grid-template-columns:1fr;
    }
}

.form-section[b-j0jb0s6u8d]{
    border:1px solid #F1F5F9;
    border-radius:18px;
    padding:1.5rem;
    margin-bottom:1.75rem;
}

.section-title[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-bottom:1.5rem;
    color:#B26B00;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.04em;
}

.section-title i[b-j0jb0s6u8d]{
    font-size:1rem;
}


.quantity-box[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid #D9E2EC;
    border-radius:14px;
    overflow:hidden;
    height:46px;
}

.qty-btn[b-j0jb0s6u8d]{
    width:46px;
    height:46px;
    border:none;
    background:white;
    color:#D97706;
    font-size:1.1rem;
    transition:.2s;
}

.qty-btn:hover[b-j0jb0s6u8d]{
    background:#FFF7ED;
}

.quantity-box span[b-j0jb0s6u8d]{
    flex:1;
    text-align:center;
    font-size:1rem;
    font-weight:700;
}

.review-header[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:2rem;
}

.review-header i[b-j0jb0s6u8d]{
    color:#D97706;
    font-size:1.5rem;
}

.review-header h4[b-j0jb0s6u8d]{
    margin:0;
    font-weight:700;
}

.review-header small[b-j0jb0s6u8d]{
    color:#94A3B8;
}

.review-card[b-j0jb0s6u8d]{
    margin-bottom:1.6rem;
    padding:1rem;
    border-radius:16px;
    background:#FAFAFA;
    border:1px solid #EDF2F7;
}

.review-row[b-j0jb0s6u8d]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.55rem 0;
    font-size: 9pt;
}

.review-row:not(:last-child)[b-j0jb0s6u8d]{
    border-bottom:1px solid #F1F5F9;
}

.review-title[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:.75rem;
    color:#475569;
    font-weight:700;
    font-size:.9rem;
}

.review-title i[b-j0jb0s6u8d]{
    color:#D97706;
}

.qty-chip[b-j0jb0s6u8d]{
    background:#FFF7ED;
    color:#D97706;
    padding:.3rem .7rem;
    border-radius:999px;
    font-weight:700;
}

.review-footer[b-j0jb0s6u8d]{
    margin-top:2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    color:#94A3B8;
    font-size:.78rem;
}

.review-footer i[b-j0jb0s6u8d]{
    font-size:.45rem;
}

.serial-wrapper[b-j0jb0s6u8d]{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.serial-button[b-j0jb0s6u8d]{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border:1px solid #FDBA74;
    border-radius:14px;
    background:#FFF8F2;
    color:#F59E0B;
    transition:.2s;
}

.serial-button:hover:not(:disabled)[b-j0jb0s6u8d]{
    background:#F59E0B;
    color:var(--text-on-warning);
}

.serial-button:disabled[b-j0jb0s6u8d]{
    cursor:not-allowed;
    background:#F9FAFB;
    border-color:#E5E7EB;
    color:#9CA3AF;
    opacity:.75;
}

.serial-button i[b-j0jb0s6u8d]{
    font-size:1rem;
}

.serial-button:hover[b-j0jb0s6u8d]{
    background:#F59E0B;
    color:var(--text-on-warning);
    border-color:#F59E0B;
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(245,158,11,.18);
}

.serial-hint[b-j0jb0s6u8d]{
    color:#6B7280;
    font-size:.78rem;
    line-height:1.4;
    margin-left:8px;
}

.sn-overlay[b-j0jb0s6u8d]{
    position:fixed;
    inset:0;
    z-index:3000;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(17,24,39,.45);
    backdrop-filter:blur(12px);
}

.sn-modal[b-j0jb0s6u8d]{
    width:min(920px,95vw);
    max-height:600px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:28px;
    background: rgb(255 255 255 / 73%);
    backdrop-filter:blur(24px);
    box-shadow:
        0 20px 80px rgba(0,0,0,.18);
    animation:modalShow-b-j0jb0s6u8d .25s ease;
}

.sn-header[b-j0jb0s6u8d]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:28px 34px;
    border-bottom:1px solid #ECECEC;
}

.sn-title[b-j0jb0s6u8d]{
    display:flex;
    gap:18px;
    align-items:center;
}

.sn-icon[b-j0jb0s6u8d]{
    width:54px;
    height:54px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:16px;
    background:#FFF7E8;
    color:#F59E0B;
    font-size:24px;
}

.sn-title h4[b-j0jb0s6u8d]{
    margin:0;
    font-weight:700;
}

.sn-title small[b-j0jb0s6u8d]{
    color:#8A8A8A;
}

.sn-header-right[b-j0jb0s6u8d]{
    display:flex;
    gap:18px;
    align-items:center;
}

.sn-badge[b-j0jb0s6u8d]{
    padding:8px 16px;
    border-radius:999px;
    background:#FFF7E8;
    color:#F59E0B;
    font-weight:600;
}

.sn-close[b-j0jb0s6u8d]{
    border:none;
    background:none;
    font-size:22px;
}

.sn-body[b-j0jb0s6u8d] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    max-height: 420px;
    overflow-y: auto;
    padding: 1rem;
}

.sn-card[b-j0jb0s6u8d] {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .625rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.sn-card:hover[b-j0jb0s6u8d] {
    border-color: #f3c66d;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.sn-item-group[b-j0jb0s6u8d] {
    display: flex;
    align-items: center;
    gap: .625rem;
    width: 100%;
}

.sn-number[b-j0jb0s6u8d] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: #fff7ed;
    color: #c27a00;
    font-size: .7rem;
    font-weight: 700;
}

.sn-value[b-j0jb0s6u8d] {
    flex: 1;
    min-width: 0;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #1f2937;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;
    font-size: .75rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sn-button-remove[b-j0jb0s6u8d] {
    padding-right: 10px;
}

.sn-number[b-j0jb0s6u8d]{
    width:54px;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:.72rem;
    font-weight:700;
    color:#9CA3AF;
    border-right:1px solid #F1F1F1;
    border-radius: 12px;
    background:#FCFCFC;
}

.sn-footer[b-j0jb0s6u8d]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px 30px;
    border-top:1px solid #ECECEC;
}

.sn-footer small[b-j0jb0s6u8d]{
    color:rgb(88 92 98);
}

@keyframes modalShow-b-j0jb0s6u8d{

    from{
        opacity:0;
        transform:translateY(30px) scale(.98);
    }

    to{
        opacity:1;
        transform:none;
    }
}

.reference-section[b-j0jb0s6u8d]{
    margin-top:24px;
}

.reference-card[b-j0jb0s6u8d]{
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:16px;
    padding:20px;
    margin-bottom:16px;
    transition:.2s;
}

.reference-card:hover[b-j0jb0s6u8d]{
    border-color:#F59E0B;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.reference-card-header[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    margin-bottom:18px;
}

.reference-icon[b-j0jb0s6u8d]{
    width:48px;
    height:48px;
    border-radius:12px;
    background:#FFF7ED;
    color:#F59E0B;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.reference-info[b-j0jb0s6u8d]{
    margin-left:14px;
    flex:1;
}

.reference-info h6[b-j0jb0s6u8d]{
    margin:0;
    font-weight:600;
}

.reference-info small[b-j0jb0s6u8d]{
    color:#94A3B8;
}

.action-buttons[b-j0jb0s6u8d] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding: 0 1.5rem;
}

.confirm-header[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    gap:18px;
}

.confirm-icon[b-j0jb0s6u8d]{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#FFF7E8;
    color:#F59E0B;
    font-size:26px;
}

.confirm-header h5[b-j0jb0s6u8d]{
    margin:0;
    font-weight:700;
    color:#1F2937;
}

.confirm-header small[b-j0jb0s6u8d]{
    color:#64748B;
}

.confirm-body[b-j0jb0s6u8d]{
    padding-top:8px;
}

.confirm-body p[b-j0jb0s6u8d]{
    color:#475569;
    margin-bottom:20px;
}

.confirm-footer[b-j0jb0s6u8d]{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.review-row strong[b-j0jb0s6u8d] {
    text-align: end;
}

.item-stock-card[b-j0jb0s6u8d]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    background:#fffaf2;
    border:1px solid #fde7b2;
    border-radius:14px;
}

.stock-left[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    gap:12px;
}

.stock-icon[b-j0jb0s6u8d]{
    width:42px;
    height:42px;
    border-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    color:#f59e0b;
    font-size:20px;
}

.stock-title[b-j0jb0s6u8d]{
    font-size:.8rem;
    color:#6b7280;
}

.stock-value[b-j0jb0s6u8d]{
    font-size:1.1rem;
    font-weight:700;
    color:#1f2937;
}

.confirm-header[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    gap:1rem;
}

.confirm-icon[b-j0jb0s6u8d]{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#F59E0B,#FBBF24);
    color:#A16207;
    font-size:1.4rem;
    flex-shrink:0;
}

.confirm-header h5[b-j0jb0s6u8d]{
    margin:0;
    font-weight:700;
    color:#1f2937;
}

.confirm-header small[b-j0jb0s6u8d]{
    color:#6b7280;
}

.confirm-body[b-j0jb0s6u8d]{
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}

.confirm-section[b-j0jb0s6u8d]{
    padding:1rem;
    border:1px solid #edf2f7;
    border-radius:16px;
    background:#fff;
}

.confirm-section-title[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:1rem;
    font-weight:700;
    color:#374151;
}

.confirm-section-title i[b-j0jb0s6u8d]{
    color:#F59E0B;
}

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

.confirm-grid label[b-j0jb0s6u8d]{
    display:block;
    font-size:.8rem;
    color:#9ca3af;
    margin-bottom:.2rem;
}

.confirm-grid strong[b-j0jb0s6u8d]{
    color:#111827;
}

.confirm-reference[b-j0jb0s6u8d]{
    padding:.85rem 1rem;
    border:1px solid #eef2f7;
    border-radius:12px;
    margin-bottom:.75rem;
    background:#fafafa;
}

.confirm-reference:last-child[b-j0jb0s6u8d]{
    margin-bottom:0;
}

.confirm-reference strong[b-j0jb0s6u8d]{
    display:block;
    color:#111827;
}

.confirm-reference div[b-j0jb0s6u8d]{
    color:#374151;
}

.confirm-reference small[b-j0jb0s6u8d]{
    color:#9ca3af;
}

.confirm-item[b-j0jb0s6u8d]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem;
    border:1px solid #eef2f7;
    border-radius:14px;
    margin-bottom:.75rem;
}

.confirm-item:last-child[b-j0jb0s6u8d]{
    margin-bottom:0;
}

.item-name[b-j0jb0s6u8d]{
    font-weight:700;
    color:#111827;
}

.confirm-item small[b-j0jb0s6u8d]{
    color:#6b7280;
}

.serial-label[b-j0jb0s6u8d]{
    margin-top:.4rem;
    color:#F59E0B;
    font-size:.8rem;
}

.qty-chip[b-j0jb0s6u8d]{
    min-width:80px;
    padding:.45rem .9rem;
    text-align:center;
    border-radius:999px;
    background:#FEF3C7;
    color:#B45309;
    font-weight:700;
}

.confirm-summary-card[b-j0jb0s6u8d]{
    display:flex;
    justify-content:space-between;
    padding:1rem 1.25rem;
    border-radius:16px;
    background:#FFF8EB;
    border:1px solid #FDE68A;
}

.confirm-summary-card span[b-j0jb0s6u8d]{
    display:block;
    font-size:.8rem;
    color:#6b7280;
}

.confirm-summary-card strong[b-j0jb0s6u8d]{
    font-size:1.15rem;
    color:#111827;
}

.confirm-footer[b-j0jb0s6u8d]{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.accordion-header[b-j0jb0s6u8d]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    margin-bottom:1rem;
}

.accordion-description[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.5rem;
    margin-top:.35rem;
    font-size:.85rem;
    color:#6b7280;
}

.accordion-description span[b-j0jb0s6u8d]{
    display:flex;
    align-items:center;
    gap:.3rem;
}

.accordion-description i[b-j0jb0s6u8d]{
    color:#f59e0b;
    font-size:.8rem;
}

.accordion-description .separator[b-j0jb0s6u8d]{
    color:#d1d5db;
}

.accordion-toggle[b-j0jb0s6u8d]{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    background:#fff8eb;
    color:#f59e0b;
    border-radius:10px;
    transition:.2s;
}

.accordion-toggle:hover[b-j0jb0s6u8d]{
    background:#fde7b2;
}

.accordion-toggle i[b-j0jb0s6u8d]{
    font-size:1rem;
}

.accordion-body[b-j0jb0s6u8d]{
    animation:accordionFade-b-j0jb0s6u8d .2s ease;
}

@keyframes accordionFade-b-j0jb0s6u8d{
    from{
        opacity:0;
        transform:translateY(-5px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

.serial-hint[b-j0jb0s6u8d] {
    margin-top: .5rem;
    font-size: .75rem;
    color: #9ca3af;
}

.serial-generator-card[b-j0jb0s6u8d] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 15px;
    margin-bottom: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: linear-gradient(
        135deg,
        #fffaf4 0%,
        #ffffff 100%
    );
}

.serial-generator-card__icon[b-j0jb0s6u8d] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff1df;
    color: #d97706;
    font-size: 17px;
}

.serial-generator-card__content[b-j0jb0s6u8d] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.serial-generator-card__content strong[b-j0jb0s6u8d] {
    color: #343a40;
    font-size: 12px;
    font-weight: 700;
}

.serial-generator-card__content span[b-j0jb0s6u8d] {
    color: #8a9097;
    font-size: 11px;
    line-height: 1.45;
}

.serial-generator-card__button[b-j0jb0s6u8d] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid #e5a65c;
    border-radius: 7px;
    background: #fff;
    color: #c56a00;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.serial-generator-card__button i[b-j0jb0s6u8d] {
    font-size: 11px;
}

.serial-generator-card__button:hover[b-j0jb0s6u8d] {
    background: #fff4e6;
    border-color: #d97706;
    color: #b85f00;
}

.serial-generator-card__button:active[b-j0jb0s6u8d] {
    transform: translateY(1px);
}

.supporting-document-field[b-j0jb0s6u8d] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.supporting-document-label[b-j0jb0s6u8d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.supporting-document-hint[b-j0jb0s6u8d] {
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: 1.4;
}

.supporting-document-status[b-j0jb0s6u8d] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;

    padding: 0.3rem 0.6rem;
    border: 1px solid #fed7aa;
    border-radius: 999px;

    background: #fff7ed;
    color: #a16207;

    font-size: 0.72rem;
    font-weight: 600;
}

.supporting-document-status i[b-j0jb0s6u8d] {
    font-size: 0.7rem;
}

.uploaded-document[b-j0jb0s6u8d] {
    display: flex;
    align-items: center;
    gap: 0.85rem;

    min-height: 64px;
    padding: 0.75rem 0.9rem;

    border: 1px solid #fed7aa;
    border-radius: 0.65rem;

    background: #fff7ed;
}

.uploaded-document__icon[b-j0jb0s6u8d] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    flex: 0 0 40px;

    border-radius: 0.5rem;

    background: #fff;
    color: #dc2626;

    font-size: 1.1rem;
}

.uploaded-document__content[b-j0jb0s6u8d] {
    min-width: 0;
    flex: 1;
}

.uploaded-document__title[b-j0jb0s6u8d] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.3;
}

.uploaded-document__meta[b-j0jb0s6u8d] {
    margin-top: 0.2rem;

    color: #78716c;
    font-size: 0.72rem;
}

.uploaded-document__meta span[b-j0jb0s6u8d] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.uploaded-document__meta i[b-j0jb0s6u8d] {
    color: #16a34a;
    font-size: 0.65rem;
}

.uploaded-document__action[b-j0jb0s6u8d] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;
    flex: 0 0 28px;

    border-radius: 50%;

    background: #dcfce7;
    color: #16a34a;

    font-size: 0.8rem;
}

.stock-opname-warning[b-j0jb0s6u8d] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: 1rem 1.1rem;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fff7ed;
    color: #9a3412;
}

.stock-opname-warning__icon[b-j0jb0s6u8d] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #ffedd5;
    color: #ea580c;
    font-size: .95rem;
}

.stock-opname-warning__content[b-j0jb0s6u8d] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

.stock-opname-warning__content strong[b-j0jb0s6u8d] {
    color: #9a3412;
    font-size: .9rem;
    font-weight: 700;
}

.stock-opname-warning__content span[b-j0jb0s6u8d] {
    color: #c2410c;
    font-size: .82rem;
    line-height: 1.5;
}
/* /Components/Pages/Transaction/Inbound/InternalTransferIn/InternalTransferInPage.razor.rz.scp.css */
.internal-transfer-in-page[b-ovf3jd0tzw] {
    width: 100%;
}

.internal-transfer-in-header[b-ovf3jd0tzw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
    padding: 22px 24px;

    background: #ffffff;
    border: 1px solid #eeeae3;
    border-radius: 14px;

    box-shadow: 0 3px 10px rgba(15, 23, 42, .035);
}

.internal-transfer-in-header__identity[b-ovf3jd0tzw] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.internal-transfer-in-header__icon[b-ovf3jd0tzw] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;
    background: #fff2d6;
    border: 1px solid #f5dca7;

    color: #d88700;
    font-size: 20px;
}

.internal-transfer-in-header__identity h3[b-ovf3jd0tzw] {
    margin: 0;

    color: #263342;
    font-size: 20px;
    font-weight: 750;
    letter-spacing: -.3px;
}

.internal-transfer-in-header__identity p[b-ovf3jd0tzw] {
    margin: 5px 0 0;

    color: #858b93;
    font-size: 12px;
}

.internal-transfer-in-header__summary[b-ovf3jd0tzw] {
    display: flex;
    gap: 10px;
}

.internal-transfer-in-summary[b-ovf3jd0tzw] {
    min-width: 120px;
    padding: 9px 13px;

    display: flex;
    flex-direction: column;
    gap: 2px;

    background: #fafafa;
    border: 1px solid #e8e9eb;
    border-radius: 9px;
}

.internal-transfer-in-summary span[b-ovf3jd0tzw] {
    color: #8a8f96;
    font-size: 9px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.internal-transfer-in-summary strong[b-ovf3jd0tzw] {
    color: #9a6206;
    font-size: 18px;
    font-weight: 750;
}

.internal-transfer-in-list[b-ovf3jd0tzw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.internal-transfer-in-card[b-ovf3jd0tzw] {
    display: flex;
    align-items: center;
    gap: 18px;

    padding: 17px 18px;

    background: #ffffff;
    border: 1px solid #eeeae3;
    border-radius: 13px;

    box-shadow: 0 2px 7px rgba(15, 23, 42, .025);

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}

.internal-transfer-in-card:hover[b-ovf3jd0tzw] {
    border-color: #f0c47a;
    box-shadow: 0 5px 15px rgba(15, 23, 42, .055);
    transform: translateY(-1px);
}

.internal-transfer-in-card__main[b-ovf3jd0tzw] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex: 1;
    min-width: 0;
}

.internal-transfer-in-card__icon[b-ovf3jd0tzw] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;
    background: #fff7ed;
    border: 1px solid #f5dfc5;

    color: #d97706;
    font-size: 18px;
}

.internal-transfer-in-card__content[b-ovf3jd0tzw] {
    min-width: 0;
    flex: 1;
}

.internal-transfer-in-card__header[b-ovf3jd0tzw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.internal-transfer-in-card__title[b-ovf3jd0tzw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.internal-transfer-in-card__title strong[b-ovf3jd0tzw] {
    color: #2e3845;
    font-size: 15px;
    font-weight: 750;
}

.internal-transfer-in-card__code[b-ovf3jd0tzw] {
    display: block;
    margin-top: 4px;

    color: #858b93;
    font-family: monospace;
    font-size: 11px;
}

.internal-transfer-in-status[b-ovf3jd0tzw] {
    display: inline-flex;
    align-items: center;

    padding: 4px 8px;
    border-radius: 999px;

    font-size: 9px;
    font-weight: 700;
    line-height: 1;
}

.internal-transfer-in-status--pending[b-ovf3jd0tzw] {
    color: #9a6206;
    background: #fff4dc;
    border: 1px solid #f5dca7;
}

.internal-transfer-in-status--received[b-ovf3jd0tzw] {
    color: #168044;
    background: #e8f8ef;
    border: 1px solid #bee8cf;
}

.internal-transfer-in-card__transaction[b-ovf3jd0tzw] {
    min-width: 150px;
    text-align: right;
}

.internal-transfer-in-card__transaction span[b-ovf3jd0tzw] {
    display: block;

    color: #969ba2;
    font-size: 9px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.internal-transfer-in-card__transaction strong[b-ovf3jd0tzw] {
    display: block;
    margin-top: 3px;

    color: #4b535d;
    font-family: monospace;
    font-size: 11px;
    font-weight: 650;
}

.internal-transfer-in-card__details[b-ovf3jd0tzw] {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin-top: 13px;
    padding-top: 12px;

    border-top: 1px solid #edf0f2;
}

.internal-transfer-in-detail[b-ovf3jd0tzw] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.internal-transfer-in-detail__icon[b-ovf3jd0tzw] {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;
    background: #f8f9fa;
    border: 1px solid #e7e9eb;

    color: #8b929a;
    font-size: 12px;
}

.internal-transfer-in-detail > div:last-child[b-ovf3jd0tzw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.internal-transfer-in-detail span[b-ovf3jd0tzw] {
    color: #969ba2;
    font-size: 8px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.internal-transfer-in-detail strong[b-ovf3jd0tzw] {
    overflow: hidden;

    color: #4b535d;
    font-size: 11px;
    font-weight: 650;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.internal-transfer-in-card__action[b-ovf3jd0tzw] {
    flex: 0 0 auto;
}

.internal-transfer-in-view-button[b-ovf3jd0tzw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    height: 34px;
    padding: 0 13px;

    border: 1px solid #e8e9eb;
    border-radius: 8px;

    background: #ffffff;
    color: #5f6670;

    font-family: inherit;
    font-size: 11px;
    font-weight: 650;

    cursor: pointer;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.internal-transfer-in-view-button:hover[b-ovf3jd0tzw] {
    background: #fff7ed;
    border-color: #f0c47a;
    color: #c47500;
}

.internal-transfer-in-view-button i[b-ovf3jd0tzw] {
    font-size: 11px;
}

.internal-transfer-in-empty[b-ovf3jd0tzw] {
    min-height: 260px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;

    background: #ffffff;
    border: 1px dashed #ddd9d1;
    border-radius: 13px;
}

.internal-transfer-in-empty__icon[b-ovf3jd0tzw] {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 5px;

    border-radius: 50%;
    background: #fff4dc;
    color: #d88700;

    font-size: 20px;
}

.internal-transfer-in-empty strong[b-ovf3jd0tzw] {
    color: #394350;
    font-size: 14px;
}

.internal-transfer-in-empty span[b-ovf3jd0tzw] {
    color: #858b93;
    font-size: 11px;
}

@media (max-width: 900px) {
    .internal-transfer-in-header[b-ovf3jd0tzw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .internal-transfer-in-header__summary[b-ovf3jd0tzw] {
        width: 100%;
    }

    .internal-transfer-in-summary[b-ovf3jd0tzw] {
        flex: 1;
    }

    .internal-transfer-in-card[b-ovf3jd0tzw] {
        align-items: flex-start;
    }
}

@media (max-width: 650px) {
    .internal-transfer-in-header[b-ovf3jd0tzw] {
        padding: 18px;
    }

    .internal-transfer-in-header__identity[b-ovf3jd0tzw] {
        align-items: flex-start;
    }

    .internal-transfer-in-header__icon[b-ovf3jd0tzw] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .internal-transfer-in-header__identity h3[b-ovf3jd0tzw] {
        font-size: 18px;
    }

    .internal-transfer-in-header__summary[b-ovf3jd0tzw] {
        gap: 8px;
    }

    .internal-transfer-in-card[b-ovf3jd0tzw] {
        padding: 14px;
    }

    .internal-transfer-in-card__header[b-ovf3jd0tzw] {
        flex-direction: column;
        gap: 10px;
    }

    .internal-transfer-in-card__transaction[b-ovf3jd0tzw] {
        text-align: left;
    }

    .internal-transfer-in-card__details[b-ovf3jd0tzw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .internal-transfer-in-header__summary[b-ovf3jd0tzw] {
        flex-direction: column;
    }

    .internal-transfer-in-summary[b-ovf3jd0tzw] {
        width: 100%;
    }

    .internal-transfer-in-card[b-ovf3jd0tzw] {
        flex-direction: column;
    }

    .internal-transfer-in-card__main[b-ovf3jd0tzw] {
        width: 100%;
    }

    .internal-transfer-in-card__action[b-ovf3jd0tzw] {
        width: 100%;
    }

    .internal-transfer-in-view-button[b-ovf3jd0tzw] {
        width: 100%;
    }
}

.internal-transfer-in-pagination[b-ovf3jd0tzw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    margin-top: 14px;
    padding: 10px 12px;

    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 10px;
}

.internal-transfer-in-pagination__size[b-ovf3jd0tzw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.internal-transfer-in-pagination__size span[b-ovf3jd0tzw],
.internal-transfer-in-pagination__info[b-ovf3jd0tzw] {
    color: var(--bs-secondary-color);
    font-size: 12px;
}

.internal-transfer-in-pagination__size select[b-ovf3jd0tzw] {
    min-width: 62px;
    height: 32px;
    padding: 0 28px 0 9px;

    border: 1px solid var(--bs-border-color);
    border-radius: 7px;

    background: var(--bs-body-bg);
    color: var(--bs-body-color);

    font-size: 12px;
    outline: none;
    cursor: pointer;
}

.internal-transfer-in-pagination__size select:focus[b-ovf3jd0tzw] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), .1);
}

.internal-transfer-in-pagination__info strong[b-ovf3jd0tzw] {
    color: var(--bs-body-color);
    font-weight: 650;
}

.internal-transfer-in-pagination__navigation[b-ovf3jd0tzw] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.internal-transfer-in-pagination__navigation button[b-ovf3jd0tzw] {
    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid transparent;
    border-radius: 7px;

    background: transparent;
    color: var(--bs-secondary-color);

    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color .15s ease,
        color .15s ease,
        border-color .15s ease;
}

.internal-transfer-in-pagination__navigation button:hover:not(:disabled)[b-ovf3jd0tzw] {
    background: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

.internal-transfer-in-pagination__navigation button.active[b-ovf3jd0tzw] {
    background: var(--bs-primary);
    color: #fff;
}

.internal-transfer-in-pagination__navigation button:disabled[b-ovf3jd0tzw] {
    opacity: .4;
    cursor: not-allowed;
}

.internal-transfer-in-pagination__navigation button i[b-ovf3jd0tzw] {
    font-size: 11px;
}

@media (max-width: 700px) {
    .internal-transfer-in-pagination[b-ovf3jd0tzw] {
        flex-wrap: wrap;
    }

    .internal-transfer-in-pagination__info[b-ovf3jd0tzw] {
        order: 3;
        width: 100%;
        text-align: center;
    }

    .internal-transfer-in-pagination__navigation[b-ovf3jd0tzw] {
        margin-left: auto;
    }
}

@media (max-width: 480px) {
    .internal-transfer-in-pagination[b-ovf3jd0tzw] {
        justify-content: space-between;
    }

    .internal-transfer-in-pagination__navigation button[b-ovf3jd0tzw] {
        width: 28px;
        height: 28px;
    }

    .internal-transfer-in-pagination__size span[b-ovf3jd0tzw] {
        display: none;
    }
}
/* /Components/Pages/Transaction/Inbound/Return/ReturnPage.razor.rz.scp.css */
.inbound-page[b-8mynhzaazd]{
    display:flex;
    flex-direction:column;
    gap:.5rem;
    min-height:100vh;
}

.page-header h2[b-8mynhzaazd]{
    margin:0;
    font-size:2rem;
    font-weight:700;
    color:#1F2937;
}

.page-header p[b-8mynhzaazd]{
    margin-top:.35rem;
    color:#6B7280;
}

.inbound-layout[b-8mynhzaazd]{
    display:grid;
    grid-template-columns:2.3fr 1fr;
    gap:2rem;
    align-items:start;
}

.form-panel[b-8mynhzaazd],
.review-panel[b-8mynhzaazd]{
    background:white;
    border-radius:26px;
    border:1px solid #ECECEC;
    box-shadow:
        0 20px 40px rgba(15,23,42,.05);
    padding:2rem;
}

.panel-header[b-8mynhzaazd]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.panel-header h4[b-8mynhzaazd]{
    margin:0;
    font-weight:700;
    color:#B26B00;
}

.panel-header p[b-8mynhzaazd]{
    margin-top:.35rem;
    color:#64748B;
}

.system-date[b-8mynhzaazd]{
    background:#F6F8FC;
    border-radius:16px;
    padding:.85rem 1rem;
    text-align:center;
    min-width:160px;
}

.system-date span[b-8mynhzaazd]{
    display:block;
    font-size:.7rem;
    font-weight:700;
    color:#94A3B8;
    letter-spacing:.08em;
}

.system-date strong[b-8mynhzaazd]{
    font-size:.9rem;
    color:#334155;
}

.review-panel h4[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    gap:.5rem;
    font-weight:700;
    margin-bottom:2rem;
}

.review-panel h4 i[b-8mynhzaazd]{
    color:#B26B00;
}

@media(max-width:992px){
    .inbound-layout[b-8mynhzaazd]{
        grid-template-columns:1fr;
    }
}

.form-section[b-8mynhzaazd]{
    border:1px solid #F1F5F9;
    border-radius:18px;
    padding:1.5rem;
    margin-bottom:1.75rem;
}

.section-title[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-bottom:1.5rem;
    color:#B26B00;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.04em;
}

.section-title i[b-8mynhzaazd]{
    font-size:1rem;
}


.quantity-box[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid #D9E2EC;
    border-radius:14px;
    overflow:hidden;
    height:46px;
}

.qty-btn[b-8mynhzaazd]{
    width:46px;
    height:46px;
    border:none;
    background:white;
    color:#D97706;
    font-size:1.1rem;
    transition:.2s;
}

.qty-btn:hover[b-8mynhzaazd]{
    background:#FFF7ED;
}

.quantity-box span[b-8mynhzaazd]{
    flex:1;
    text-align:center;
    font-size:1rem;
    font-weight:700;
}

.review-header[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:2rem;
}

.review-header i[b-8mynhzaazd]{
    color:#D97706;
    font-size:1.5rem;
}

.review-header h4[b-8mynhzaazd]{
    margin:0;
    font-weight:700;
}

.review-header small[b-8mynhzaazd]{
    color:#94A3B8;
}

.review-card[b-8mynhzaazd]{
    margin-bottom:1.6rem;
    padding:1rem;
    border-radius:16px;
    background:#FAFAFA;
    border:1px solid #EDF2F7;
}

.review-row[b-8mynhzaazd]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.55rem 0;
    font-size: 9pt;
}

.review-row:not(:last-child)[b-8mynhzaazd]{
    border-bottom:1px solid #F1F5F9;
}

.review-title[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:.75rem;
    color:#475569;
    font-weight:700;
    font-size:.9rem;
}

.review-title i[b-8mynhzaazd]{
    color:#D97706;
}

.qty-chip[b-8mynhzaazd]{
    background:#FFF7ED;
    color:#D97706;
    padding:.3rem .7rem;
    border-radius:999px;
    font-weight:700;
}

.review-footer[b-8mynhzaazd]{
    margin-top:2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    color:#94A3B8;
    font-size:.78rem;
}

.review-footer i[b-8mynhzaazd]{
    font-size:.45rem;
}

.serial-wrapper[b-8mynhzaazd]{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.serial-button[b-8mynhzaazd]{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border:1px solid #FDBA74;
    border-radius:14px;
    background:#FFF8F2;
    color:#F59E0B;
    transition:.2s;
}

.serial-button:hover:not(:disabled)[b-8mynhzaazd]{
    background:#F59E0B;
    color:var(--text-on-warning);
}

.serial-button:disabled[b-8mynhzaazd]{
    cursor:not-allowed;
    background:#F9FAFB;
    border-color:#E5E7EB;
    color:#9CA3AF;
    opacity:.75;
}

.serial-button i[b-8mynhzaazd]{
    font-size:1rem;
}

.serial-button:hover[b-8mynhzaazd]{
    background:#F59E0B;
    color:var(--text-on-warning);
    border-color:#F59E0B;
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(245,158,11,.18);
}

.serial-hint[b-8mynhzaazd]{
    color:#6B7280;
    font-size:.78rem;
    line-height:1.4;
    margin-left:8px;
}

.sn-overlay[b-8mynhzaazd]{
    position:fixed;
    inset:0;
    z-index:3000;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(17,24,39,.45);
    backdrop-filter:blur(12px);
}

.sn-modal[b-8mynhzaazd]{
    width:min(920px,95vw);
    max-height:600px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:28px;
    background: rgb(255 255 255 / 73%);
    backdrop-filter:blur(24px);
    box-shadow:
        0 20px 80px rgba(0,0,0,.18);
    animation:modalShow-b-8mynhzaazd .25s ease;
}

.sn-header[b-8mynhzaazd]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:28px 34px;
    border-bottom:1px solid #ECECEC;
}

.sn-title[b-8mynhzaazd]{
    display:flex;
    gap:18px;
    align-items:center;
}

.sn-icon[b-8mynhzaazd]{
    width:54px;
    height:54px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:16px;
    background:#FFF7E8;
    color:#F59E0B;
    font-size:24px;
}

.sn-title h4[b-8mynhzaazd]{
    margin:0;
    font-weight:700;
}

.sn-title small[b-8mynhzaazd]{
    color:#8A8A8A;
}

.sn-header-right[b-8mynhzaazd]{
    display:flex;
    gap:18px;
    align-items:center;
}

.sn-badge[b-8mynhzaazd]{
    padding:8px 16px;
    border-radius:999px;
    background:#FFF7E8;
    color:#F59E0B;
    font-weight:600;
}

.sn-close[b-8mynhzaazd]{
    border:none;
    background:none;
    font-size:22px;
}

.sn-body[b-8mynhzaazd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    max-height: 420px;
    overflow-y: auto;
    padding: 1rem;
}

.sn-card[b-8mynhzaazd] {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .625rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.sn-card:hover[b-8mynhzaazd] {
    border-color: #f3c66d;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.sn-item-group[b-8mynhzaazd] {
    display: flex;
    align-items: center;
    gap: .625rem;
    width: 100%;
}

.sn-number[b-8mynhzaazd] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: #fff7ed;
    color: #c27a00;
    font-size: .7rem;
    font-weight: 700;
}

.sn-value[b-8mynhzaazd] {
    flex: 1;
    min-width: 0;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #1f2937;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;
    font-size: .75rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sn-button-remove[b-8mynhzaazd] {
    padding-right: 10px;
}

.sn-number[b-8mynhzaazd]{
    width:54px;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:.72rem;
    font-weight:700;
    color:#9CA3AF;
    border-right:1px solid #F1F1F1;
    border-radius: 12px;
    background:#FCFCFC;
}

.sn-footer[b-8mynhzaazd]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px 30px;
    border-top:1px solid #ECECEC;
}

.sn-footer small[b-8mynhzaazd]{
    color:rgb(88 92 98);
}

@keyframes modalShow-b-8mynhzaazd{

    from{
        opacity:0;
        transform:translateY(30px) scale(.98);
    }

    to{
        opacity:1;
        transform:none;
    }
}

.reference-section[b-8mynhzaazd]{
    margin-top:24px;
}

.reference-card[b-8mynhzaazd]{
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:16px;
    padding:20px;
    margin-bottom:16px;
    transition:.2s;
}

.reference-card:hover[b-8mynhzaazd]{
    border-color:#F59E0B;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.reference-card-header[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    margin-bottom:18px;
}

.reference-icon[b-8mynhzaazd]{
    width:48px;
    height:48px;
    border-radius:12px;
    background:#FFF7ED;
    color:#F59E0B;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.reference-info[b-8mynhzaazd]{
    margin-left:14px;
    flex:1;
}

.reference-info h6[b-8mynhzaazd]{
    margin:0;
    font-weight:600;
}

.reference-info small[b-8mynhzaazd]{
    color:#94A3B8;
}

.action-buttons[b-8mynhzaazd] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding: 0 1.5rem;
}

.confirm-header[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    gap:18px;
}

.confirm-icon[b-8mynhzaazd]{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#FFF7E8;
    color:#F59E0B;
    font-size:26px;
}

.confirm-header h5[b-8mynhzaazd]{
    margin:0;
    font-weight:700;
    color:#1F2937;
}

.confirm-header small[b-8mynhzaazd]{
    color:#64748B;
}

.confirm-body[b-8mynhzaazd]{
    padding-top:8px;
}

.confirm-body p[b-8mynhzaazd]{
    color:#475569;
    margin-bottom:20px;
}

.confirm-footer[b-8mynhzaazd]{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.review-row strong[b-8mynhzaazd] {
    text-align: end;
}

.item-stock-card[b-8mynhzaazd]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    background:#fffaf2;
    border:1px solid #fde7b2;
    border-radius:14px;
}

.stock-left[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    gap:12px;
}

.stock-icon[b-8mynhzaazd]{
    width:42px;
    height:42px;
    border-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    color:#f59e0b;
    font-size:20px;
}

.stock-title[b-8mynhzaazd]{
    font-size:.8rem;
    color:#6b7280;
}

.stock-value[b-8mynhzaazd]{
    font-size:1.1rem;
    font-weight:700;
    color:#1f2937;
}

.confirm-header[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    gap:1rem;
}

.confirm-icon[b-8mynhzaazd]{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#F59E0B,#FBBF24);
    color:#A16207;
    font-size:1.4rem;
    flex-shrink:0;
}

.confirm-header h5[b-8mynhzaazd]{
    margin:0;
    font-weight:700;
    color:#1f2937;
}

.confirm-header small[b-8mynhzaazd]{
    color:#6b7280;
}

.confirm-body[b-8mynhzaazd]{
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}

.confirm-section[b-8mynhzaazd]{
    padding:1rem;
    border:1px solid #edf2f7;
    border-radius:16px;
    background:#fff;
}

.confirm-section-title[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:1rem;
    font-weight:700;
    color:#374151;
}

.confirm-section-title i[b-8mynhzaazd]{
    color:#F59E0B;
}

.confirm-grid[b-8mynhzaazd]{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
}

.confirm-grid label[b-8mynhzaazd]{
    display:block;
    font-size:.8rem;
    color:#9ca3af;
    margin-bottom:.2rem;
}

.confirm-grid strong[b-8mynhzaazd]{
    color:#111827;
}

.confirm-reference[b-8mynhzaazd]{
    padding:.85rem 1rem;
    border:1px solid #eef2f7;
    border-radius:12px;
    margin-bottom:.75rem;
    background:#fafafa;
}

.confirm-reference:last-child[b-8mynhzaazd]{
    margin-bottom:0;
}

.confirm-reference strong[b-8mynhzaazd]{
    display:block;
    color:#111827;
}

.confirm-reference div[b-8mynhzaazd]{
    color:#374151;
}

.confirm-reference small[b-8mynhzaazd]{
    color:#9ca3af;
}

.confirm-item[b-8mynhzaazd]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem;
    border:1px solid #eef2f7;
    border-radius:14px;
    margin-bottom:.75rem;
}

.confirm-item:last-child[b-8mynhzaazd]{
    margin-bottom:0;
}

.item-name[b-8mynhzaazd]{
    font-weight:700;
    color:#111827;
}

.confirm-item small[b-8mynhzaazd]{
    color:#6b7280;
}

.serial-label[b-8mynhzaazd]{
    margin-top:.4rem;
    color:#F59E0B;
    font-size:.8rem;
}

.qty-chip[b-8mynhzaazd]{
    min-width:80px;
    padding:.45rem .9rem;
    text-align:center;
    border-radius:999px;
    background:#FEF3C7;
    color:#B45309;
    font-weight:700;
}

.confirm-summary-card[b-8mynhzaazd]{
    display:flex;
    justify-content:space-between;
    padding:1rem 1.25rem;
    border-radius:16px;
    background:#FFF8EB;
    border:1px solid #FDE68A;
}

.confirm-summary-card span[b-8mynhzaazd]{
    display:block;
    font-size:.8rem;
    color:#6b7280;
}

.confirm-summary-card strong[b-8mynhzaazd]{
    font-size:1.15rem;
    color:#111827;
}

.confirm-footer[b-8mynhzaazd]{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.accordion-header[b-8mynhzaazd]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    margin-bottom:1rem;
}

.accordion-description[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.5rem;
    margin-top:.35rem;
    font-size:.85rem;
    color:#6b7280;
}

.accordion-description span[b-8mynhzaazd]{
    display:flex;
    align-items:center;
    gap:.3rem;
}

.accordion-description i[b-8mynhzaazd]{
    color:#f59e0b;
    font-size:.8rem;
}

.accordion-description .separator[b-8mynhzaazd]{
    color:#d1d5db;
}

.accordion-toggle[b-8mynhzaazd]{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    background:#fff8eb;
    color:#f59e0b;
    border-radius:10px;
    transition:.2s;
}

.accordion-toggle:hover[b-8mynhzaazd]{
    background:#fde7b2;
}

.accordion-toggle i[b-8mynhzaazd]{
    font-size:1rem;
}

.accordion-body[b-8mynhzaazd]{
    animation:accordionFade-b-8mynhzaazd .2s ease;
}

@keyframes accordionFade-b-8mynhzaazd{
    from{
        opacity:0;
        transform:translateY(-5px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

.serial-hint[b-8mynhzaazd] {
    margin-top: .5rem;
    font-size: .75rem;
    color: #9ca3af;
}

.serial-generator-card[b-8mynhzaazd] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 15px;
    margin-bottom: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: linear-gradient(
        135deg,
        #fffaf4 0%,
        #ffffff 100%
    );
}

.serial-generator-card__icon[b-8mynhzaazd] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff1df;
    color: #d97706;
    font-size: 17px;
}

.serial-generator-card__content[b-8mynhzaazd] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.serial-generator-card__content strong[b-8mynhzaazd] {
    color: #343a40;
    font-size: 12px;
    font-weight: 700;
}

.serial-generator-card__content span[b-8mynhzaazd] {
    color: #8a9097;
    font-size: 11px;
    line-height: 1.45;
}

.serial-generator-card__button[b-8mynhzaazd] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid #e5a65c;
    border-radius: 7px;
    background: #fff;
    color: #c56a00;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.serial-generator-card__button i[b-8mynhzaazd] {
    font-size: 11px;
}

.serial-generator-card__button:hover[b-8mynhzaazd] {
    background: #fff4e6;
    border-color: #d97706;
    color: #b85f00;
}

.serial-generator-card__button:active[b-8mynhzaazd] {
    transform: translateY(1px);
}

.supporting-document-field[b-8mynhzaazd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.supporting-document-label[b-8mynhzaazd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.supporting-document-hint[b-8mynhzaazd] {
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: 1.4;
}

.supporting-document-status[b-8mynhzaazd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;

    padding: 0.3rem 0.6rem;
    border: 1px solid #fed7aa;
    border-radius: 999px;

    background: #fff7ed;
    color: #a16207;

    font-size: 0.72rem;
    font-weight: 600;
}

.supporting-document-status i[b-8mynhzaazd] {
    font-size: 0.7rem;
}

.uploaded-document[b-8mynhzaazd] {
    display: flex;
    align-items: center;
    gap: 0.85rem;

    min-height: 64px;
    padding: 0.75rem 0.9rem;

    border: 1px solid #fed7aa;
    border-radius: 0.65rem;

    background: #fff7ed;
}

.uploaded-document__icon[b-8mynhzaazd] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    flex: 0 0 40px;

    border-radius: 0.5rem;

    background: #fff;
    color: #dc2626;

    font-size: 1.1rem;
}

.uploaded-document__content[b-8mynhzaazd] {
    min-width: 0;
    flex: 1;
}

.uploaded-document__title[b-8mynhzaazd] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.3;
}

.uploaded-document__meta[b-8mynhzaazd] {
    margin-top: 0.2rem;

    color: #78716c;
    font-size: 0.72rem;
}

.uploaded-document__meta span[b-8mynhzaazd] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.uploaded-document__meta i[b-8mynhzaazd] {
    color: #16a34a;
    font-size: 0.65rem;
}

.uploaded-document__action[b-8mynhzaazd] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;
    flex: 0 0 28px;

    border-radius: 50%;

    background: #dcfce7;
    color: #16a34a;

    font-size: 0.8rem;
}

.stock-opname-warning[b-8mynhzaazd] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: 1rem 1.1rem;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fff7ed;
    color: #9a3412;
}

.stock-opname-warning__icon[b-8mynhzaazd] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #ffedd5;
    color: #ea580c;
    font-size: .95rem;
}

.stock-opname-warning__content[b-8mynhzaazd] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

.stock-opname-warning__content strong[b-8mynhzaazd] {
    color: #9a3412;
    font-size: .9rem;
    font-weight: 700;
}

.stock-opname-warning__content span[b-8mynhzaazd] {
    color: #c2410c;
    font-size: .82rem;
    line-height: 1.5;
}
/* /Components/Pages/Transaction/Inbound/ReturnDismantle/ReturnDismantlePage.razor.rz.scp.css */
.inbound-page[b-epyzrsybih]{
    display:flex;
    flex-direction:column;
    gap:.5rem;
    min-height:100vh;
}

.page-header h2[b-epyzrsybih]{
    margin:0;
    font-size:2rem;
    font-weight:700;
    color:#1F2937;
}

.page-header p[b-epyzrsybih]{
    margin-top:.35rem;
    color:#6B7280;
}

.inbound-layout[b-epyzrsybih]{
    display:grid;
    grid-template-columns:2.3fr 1fr;
    gap:2rem;
    align-items:start;
}

.form-panel[b-epyzrsybih],
.review-panel[b-epyzrsybih]{
    background:white;
    border-radius:26px;
    border:1px solid #ECECEC;
    box-shadow:
        0 20px 40px rgba(15,23,42,.05);
    padding:2rem;
}

.panel-header[b-epyzrsybih]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.panel-header h4[b-epyzrsybih]{
    margin:0;
    font-weight:700;
    color:#B26B00;
}

.panel-header p[b-epyzrsybih]{
    margin-top:.35rem;
    color:#64748B;
}

.system-date[b-epyzrsybih]{
    background:#F6F8FC;
    border-radius:16px;
    padding:.85rem 1rem;
    text-align:center;
    min-width:160px;
}

.system-date span[b-epyzrsybih]{
    display:block;
    font-size:.7rem;
    font-weight:700;
    color:#94A3B8;
    letter-spacing:.08em;
}

.system-date strong[b-epyzrsybih]{
    font-size:.9rem;
    color:#334155;
}

.review-panel h4[b-epyzrsybih]{
    display:flex;
    align-items:center;
    gap:.5rem;
    font-weight:700;
    margin-bottom:2rem;
}

.review-panel h4 i[b-epyzrsybih]{
    color:#B26B00;
}

@media(max-width:992px){
    .inbound-layout[b-epyzrsybih]{
        grid-template-columns:1fr;
    }
}

.form-section[b-epyzrsybih]{
    border:1px solid #F1F5F9;
    border-radius:18px;
    padding:1.5rem;
    margin-bottom:1.75rem;
}

.section-title[b-epyzrsybih]{
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-bottom:1.5rem;
    color:#B26B00;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.04em;
}

.section-title i[b-epyzrsybih]{
    font-size:1rem;
}


.quantity-box[b-epyzrsybih]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid #D9E2EC;
    border-radius:14px;
    overflow:hidden;
    height:46px;
}

.qty-btn[b-epyzrsybih]{
    width:46px;
    height:46px;
    border:none;
    background:white;
    color:#D97706;
    font-size:1.1rem;
    transition:.2s;
}

.qty-btn:hover[b-epyzrsybih]{
    background:#FFF7ED;
}

.quantity-box span[b-epyzrsybih]{
    flex:1;
    text-align:center;
    font-size:1rem;
    font-weight:700;
}

.review-header[b-epyzrsybih]{
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:2rem;
}

.review-header i[b-epyzrsybih]{
    color:#D97706;
    font-size:1.5rem;
}

.review-header h4[b-epyzrsybih]{
    margin:0;
    font-weight:700;
}

.review-header small[b-epyzrsybih]{
    color:#94A3B8;
}

.review-card[b-epyzrsybih]{
    margin-bottom:1.6rem;
    padding:1rem;
    border-radius:16px;
    background:#FAFAFA;
    border:1px solid #EDF2F7;
}

.review-row[b-epyzrsybih]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.55rem 0;
    font-size: 9pt;
}

.review-row:not(:last-child)[b-epyzrsybih]{
    border-bottom:1px solid #F1F5F9;
}

.review-title[b-epyzrsybih]{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:.75rem;
    color:#475569;
    font-weight:700;
    font-size:.9rem;
}

.review-title i[b-epyzrsybih]{
    color:#D97706;
}

.qty-chip[b-epyzrsybih]{
    background:#FFF7ED;
    color:#D97706;
    padding:.3rem .7rem;
    border-radius:999px;
    font-weight:700;
}

.review-footer[b-epyzrsybih]{
    margin-top:2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    color:#94A3B8;
    font-size:.78rem;
}

.review-footer i[b-epyzrsybih]{
    font-size:.45rem;
}

.serial-wrapper[b-epyzrsybih]{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.serial-button[b-epyzrsybih]{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border:1px solid #FDBA74;
    border-radius:14px;
    background:#FFF8F2;
    color:#F59E0B;
    transition:.2s;
}

.serial-button:hover:not(:disabled)[b-epyzrsybih]{
    background:#F59E0B;
    color:var(--text-on-warning);
}

.serial-button:disabled[b-epyzrsybih]{
    cursor:not-allowed;
    background:#F9FAFB;
    border-color:#E5E7EB;
    color:#9CA3AF;
    opacity:.75;
}

.serial-button i[b-epyzrsybih]{
    font-size:1rem;
}

.serial-button:hover[b-epyzrsybih]{
    background:#F59E0B;
    color:var(--text-on-warning);
    border-color:#F59E0B;
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(245,158,11,.18);
}

.serial-hint[b-epyzrsybih]{
    color:#6B7280;
    font-size:.78rem;
    line-height:1.4;
    margin-left:8px;
}

.sn-overlay[b-epyzrsybih]{
    position:fixed;
    inset:0;
    z-index:3000;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(17,24,39,.45);
    backdrop-filter:blur(12px);
}

.sn-modal[b-epyzrsybih]{
    width:min(920px,95vw);
    max-height:600px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:28px;
    background: rgb(255 255 255 / 73%);
    backdrop-filter:blur(24px);
    box-shadow:
        0 20px 80px rgba(0,0,0,.18);
    animation:modalShow-b-epyzrsybih .25s ease;
}

.sn-header[b-epyzrsybih]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:28px 34px;
    border-bottom:1px solid #ECECEC;
}

.sn-title[b-epyzrsybih]{
    display:flex;
    gap:18px;
    align-items:center;
}

.sn-icon[b-epyzrsybih]{
    width:54px;
    height:54px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:16px;
    background:#FFF7E8;
    color:#F59E0B;
    font-size:24px;
}

.sn-title h4[b-epyzrsybih]{
    margin:0;
    font-weight:700;
}

.sn-title small[b-epyzrsybih]{
    color:#8A8A8A;
}

.sn-header-right[b-epyzrsybih]{
    display:flex;
    gap:18px;
    align-items:center;
}

.sn-badge[b-epyzrsybih]{
    padding:8px 16px;
    border-radius:999px;
    background:#FFF7E8;
    color:#F59E0B;
    font-weight:600;
}

.sn-close[b-epyzrsybih]{
    border:none;
    background:none;
    font-size:22px;
}

.sn-body[b-epyzrsybih] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    max-height: 420px;
    overflow-y: auto;
    padding: 1rem;
}

.sn-card[b-epyzrsybih] {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .625rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.sn-card:hover[b-epyzrsybih] {
    border-color: #f3c66d;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.sn-item-group[b-epyzrsybih] {
    display: flex;
    align-items: center;
    gap: .625rem;
    width: 100%;
}

.sn-number[b-epyzrsybih] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: #fff7ed;
    color: #c27a00;
    font-size: .7rem;
    font-weight: 700;
}

.sn-value[b-epyzrsybih] {
    flex: 1;
    min-width: 0;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #1f2937;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;
    font-size: .75rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sn-button-remove[b-epyzrsybih] {
    padding-right: 10px;
}

.sn-number[b-epyzrsybih]{
    width:54px;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:.72rem;
    font-weight:700;
    color:#9CA3AF;
    border-right:1px solid #F1F1F1;
    border-radius: 12px;
    background:#FCFCFC;
}

.sn-footer[b-epyzrsybih]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px 30px;
    border-top:1px solid #ECECEC;
}

.sn-footer small[b-epyzrsybih]{
    color:rgb(88 92 98);
}

@keyframes modalShow-b-epyzrsybih{

    from{
        opacity:0;
        transform:translateY(30px) scale(.98);
    }

    to{
        opacity:1;
        transform:none;
    }
}

.reference-section[b-epyzrsybih]{
    margin-top:24px;
}

.reference-card[b-epyzrsybih]{
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:16px;
    padding:20px;
    margin-bottom:16px;
    transition:.2s;
}

.reference-card:hover[b-epyzrsybih]{
    border-color:#F59E0B;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.reference-card-header[b-epyzrsybih]{
    display:flex;
    align-items:center;
    margin-bottom:18px;
}

.reference-icon[b-epyzrsybih]{
    width:48px;
    height:48px;
    border-radius:12px;
    background:#FFF7ED;
    color:#F59E0B;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.reference-info[b-epyzrsybih]{
    margin-left:14px;
    flex:1;
}

.reference-info h6[b-epyzrsybih]{
    margin:0;
    font-weight:600;
}

.reference-info small[b-epyzrsybih]{
    color:#94A3B8;
}

.action-buttons[b-epyzrsybih] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding: 0 1.5rem;
}

.confirm-header[b-epyzrsybih]{
    display:flex;
    align-items:center;
    gap:18px;
}

.confirm-icon[b-epyzrsybih]{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#FFF7E8;
    color:#F59E0B;
    font-size:26px;
}

.confirm-header h5[b-epyzrsybih]{
    margin:0;
    font-weight:700;
    color:#1F2937;
}

.confirm-header small[b-epyzrsybih]{
    color:#64748B;
}

.confirm-body[b-epyzrsybih]{
    padding-top:8px;
}

.confirm-body p[b-epyzrsybih]{
    color:#475569;
    margin-bottom:20px;
}

.confirm-footer[b-epyzrsybih]{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.review-row strong[b-epyzrsybih] {
    text-align: end;
}

.item-stock-card[b-epyzrsybih]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    background:#fffaf2;
    border:1px solid #fde7b2;
    border-radius:14px;
}

.stock-left[b-epyzrsybih]{
    display:flex;
    align-items:center;
    gap:12px;
}

.stock-icon[b-epyzrsybih]{
    width:42px;
    height:42px;
    border-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    color:#f59e0b;
    font-size:20px;
}

.stock-title[b-epyzrsybih]{
    font-size:.8rem;
    color:#6b7280;
}

.stock-value[b-epyzrsybih]{
    font-size:1.1rem;
    font-weight:700;
    color:#1f2937;
}

.confirm-header[b-epyzrsybih]{
    display:flex;
    align-items:center;
    gap:1rem;
}

.confirm-icon[b-epyzrsybih]{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#F59E0B,#FBBF24);
    color:#A16207;
    font-size:1.4rem;
    flex-shrink:0;
}

.confirm-header h5[b-epyzrsybih]{
    margin:0;
    font-weight:700;
    color:#1f2937;
}

.confirm-header small[b-epyzrsybih]{
    color:#6b7280;
}

.confirm-body[b-epyzrsybih]{
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}

.confirm-section[b-epyzrsybih]{
    padding:1rem;
    border:1px solid #edf2f7;
    border-radius:16px;
    background:#fff;
}

.confirm-section-title[b-epyzrsybih]{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:1rem;
    font-weight:700;
    color:#374151;
}

.confirm-section-title i[b-epyzrsybih]{
    color:#F59E0B;
}

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

.confirm-grid label[b-epyzrsybih]{
    display:block;
    font-size:.8rem;
    color:#9ca3af;
    margin-bottom:.2rem;
}

.confirm-grid strong[b-epyzrsybih]{
    color:#111827;
}

.confirm-reference[b-epyzrsybih]{
    padding:.85rem 1rem;
    border:1px solid #eef2f7;
    border-radius:12px;
    margin-bottom:.75rem;
    background:#fafafa;
}

.confirm-reference:last-child[b-epyzrsybih]{
    margin-bottom:0;
}

.confirm-reference strong[b-epyzrsybih]{
    display:block;
    color:#111827;
}

.confirm-reference div[b-epyzrsybih]{
    color:#374151;
}

.confirm-reference small[b-epyzrsybih]{
    color:#9ca3af;
}

.confirm-item[b-epyzrsybih]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem;
    border:1px solid #eef2f7;
    border-radius:14px;
    margin-bottom:.75rem;
}

.confirm-item:last-child[b-epyzrsybih]{
    margin-bottom:0;
}

.item-name[b-epyzrsybih]{
    font-weight:700;
    color:#111827;
}

.confirm-item small[b-epyzrsybih]{
    color:#6b7280;
}

.serial-label[b-epyzrsybih]{
    margin-top:.4rem;
    color:#F59E0B;
    font-size:.8rem;
}

.qty-chip[b-epyzrsybih]{
    min-width:80px;
    padding:.45rem .9rem;
    text-align:center;
    border-radius:999px;
    background:#FEF3C7;
    color:#B45309;
    font-weight:700;
}

.confirm-summary-card[b-epyzrsybih]{
    display:flex;
    justify-content:space-between;
    padding:1rem 1.25rem;
    border-radius:16px;
    background:#FFF8EB;
    border:1px solid #FDE68A;
}

.confirm-summary-card span[b-epyzrsybih]{
    display:block;
    font-size:.8rem;
    color:#6b7280;
}

.confirm-summary-card strong[b-epyzrsybih]{
    font-size:1.15rem;
    color:#111827;
}

.confirm-footer[b-epyzrsybih]{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.accordion-header[b-epyzrsybih]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    margin-bottom:1rem;
}

.accordion-description[b-epyzrsybih]{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.5rem;
    margin-top:.35rem;
    font-size:.85rem;
    color:#6b7280;
}

.accordion-description span[b-epyzrsybih]{
    display:flex;
    align-items:center;
    gap:.3rem;
}

.accordion-description i[b-epyzrsybih]{
    color:#f59e0b;
    font-size:.8rem;
}

.accordion-description .separator[b-epyzrsybih]{
    color:#d1d5db;
}

.accordion-toggle[b-epyzrsybih]{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    background:#fff8eb;
    color:#f59e0b;
    border-radius:10px;
    transition:.2s;
}

.accordion-toggle:hover[b-epyzrsybih]{
    background:#fde7b2;
}

.accordion-toggle i[b-epyzrsybih]{
    font-size:1rem;
}

.accordion-body[b-epyzrsybih]{
    animation:accordionFade-b-epyzrsybih .2s ease;
}

@keyframes accordionFade-b-epyzrsybih{
    from{
        opacity:0;
        transform:translateY(-5px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

.serial-hint[b-epyzrsybih] {
    margin-top: .5rem;
    font-size: .75rem;
    color: #9ca3af;
}

.serial-generator-card[b-epyzrsybih] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 15px;
    margin-bottom: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: linear-gradient(
        135deg,
        #fffaf4 0%,
        #ffffff 100%
    );
}

.serial-generator-card__icon[b-epyzrsybih] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff1df;
    color: #d97706;
    font-size: 17px;
}

.serial-generator-card__content[b-epyzrsybih] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.serial-generator-card__content strong[b-epyzrsybih] {
    color: #343a40;
    font-size: 12px;
    font-weight: 700;
}

.serial-generator-card__content span[b-epyzrsybih] {
    color: #8a9097;
    font-size: 11px;
    line-height: 1.45;
}

.serial-generator-card__button[b-epyzrsybih] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid #e5a65c;
    border-radius: 7px;
    background: #fff;
    color: #c56a00;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.serial-generator-card__button i[b-epyzrsybih] {
    font-size: 11px;
}

.serial-generator-card__button:hover[b-epyzrsybih] {
    background: #fff4e6;
    border-color: #d97706;
    color: #b85f00;
}

.serial-generator-card__button:active[b-epyzrsybih] {
    transform: translateY(1px);
}

.supporting-document-field[b-epyzrsybih] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.supporting-document-label[b-epyzrsybih] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.supporting-document-hint[b-epyzrsybih] {
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: 1.4;
}

.supporting-document-status[b-epyzrsybih] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;

    padding: 0.3rem 0.6rem;
    border: 1px solid #fed7aa;
    border-radius: 999px;

    background: #fff7ed;
    color: #a16207;

    font-size: 0.72rem;
    font-weight: 600;
}

.supporting-document-status i[b-epyzrsybih] {
    font-size: 0.7rem;
}

.uploaded-document[b-epyzrsybih] {
    display: flex;
    align-items: center;
    gap: 0.85rem;

    min-height: 64px;
    padding: 0.75rem 0.9rem;

    border: 1px solid #fed7aa;
    border-radius: 0.65rem;

    background: #fff7ed;
}

.uploaded-document__icon[b-epyzrsybih] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    flex: 0 0 40px;

    border-radius: 0.5rem;

    background: #fff;
    color: #dc2626;

    font-size: 1.1rem;
}

.uploaded-document__content[b-epyzrsybih] {
    min-width: 0;
    flex: 1;
}

.uploaded-document__title[b-epyzrsybih] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.3;
}

.uploaded-document__meta[b-epyzrsybih] {
    margin-top: 0.2rem;

    color: #78716c;
    font-size: 0.72rem;
}

.uploaded-document__meta span[b-epyzrsybih] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.uploaded-document__meta i[b-epyzrsybih] {
    color: #16a34a;
    font-size: 0.65rem;
}

.uploaded-document__action[b-epyzrsybih] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;
    flex: 0 0 28px;

    border-radius: 50%;

    background: #dcfce7;
    color: #16a34a;

    font-size: 0.8rem;
}

.stock-opname-warning[b-epyzrsybih] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: 1rem 1.1rem;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fff7ed;
    color: #9a3412;
}

.stock-opname-warning__icon[b-epyzrsybih] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #ffedd5;
    color: #ea580c;
    font-size: .95rem;
}

.stock-opname-warning__content[b-epyzrsybih] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

.stock-opname-warning__content strong[b-epyzrsybih] {
    color: #9a3412;
    font-size: .9rem;
    font-weight: 700;
}

.stock-opname-warning__content span[b-epyzrsybih] {
    color: #c2410c;
    font-size: .82rem;
    line-height: 1.5;
}
/* /Components/Pages/UserManagement/Components/UserDetailDrawer.razor.rz.scp.css */
.drawer-backdrop[b-1xnae13dy6] {

    position: fixed;
    inset: 0;

    background: rgba(15,23,42,.20);

    backdrop-filter: blur(1px);

    z-index: 1040;
}

.user-detail-drawer[b-1xnae13dy6] {
    position: fixed;

    top: 20px;
    right: 20px;
    bottom: 20px;

    width: 460px;
    max-width: calc(100vw - 40px);

    display: flex;
    flex-direction: column;

    overflow: hidden;

    z-index: 1050;

    background: rgba(255,255,255,.86);

    backdrop-filter: blur(28px) saturate(180%);
    -webkit-backdrop-filter: blur(28px) saturate(180%);

    border: 1px solid rgba(255,255,255,.45);

    border-radius: 32px;

    box-shadow:
        0 30px 60px rgba(15,23,42,.18),
        0 8px 20px rgba(15,23,42,.08),
        inset 0 1px 1px rgba(255,255,255,.6);

    animation: drawer-slide-b-1xnae13dy6 .28s cubic-bezier(.2,.9,.2,1);
}

@keyframes drawer-slide-b-1xnae13dy6 {

    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.drawer-content[b-1xnae13dy6]{
    flex:1;
    overflow:auto;
    padding:32px;
}

.drawer-close[b-1xnae13dy6] {
    position: absolute;
    top: 18px;
    right: 18px;

    width: 38px;
    height: 38px;

    border: none;
    border-radius: 50%;

    background: #FFF7E6;

    color: #9A6700;

    transition: .2s;
}

.drawer-close:hover[b-1xnae13dy6] {
    background: #FDE68A;
}

.drawer-profile[b-1xnae13dy6] {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin-bottom: 30px;
}

.drawer-avatar[b-1xnae13dy6] {
    position: relative;

    width: 90px;
    height: 90px;

    border-radius: 50%;

    background: linear-gradient(180deg,#FBBF24,#F59E0B);

    color: #A16207;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 32px;
    font-weight: 700;

    margin-bottom: 18px;
}

.online-indicator[b-1xnae13dy6] {
    position: absolute;

    right: 4px;
    bottom: 6px;

    width: 18px;
    height: 18px;

    border-radius: 50%;

    background: #22C55E;

    border: 3px solid white;
}

.drawer-profile h3[b-1xnae13dy6] {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1F2937;
}

.drawer-email[b-1xnae13dy6] {
    margin-top: 6px;
    color: #6B7280;
    font-size: .95rem;
}

.drawer-status[b-1xnae13dy6] {
    margin-top: 16px;

    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.status-badge[b-1xnae13dy6],
.role-badge[b-1xnae13dy6] {
    padding: 7px 14px;

    border-radius: 999px;

    font-size: .85rem;
    font-weight: 600;
}

.status-badge.active[b-1xnae13dy6] {
    background: #DCFCE7;
    color: #15803D;
}

.status-badge.inactive[b-1xnae13dy6] {
    background: #FEE2E2;
    color: #B91C1C;
}

.role-badge[b-1xnae13dy6] {
    background: #FEF3C7;
    color: #A16207;
}

.drawer-actions[b-1xnae13dy6] {
    display: flex;
    gap: 12px;

    margin-bottom: 32px;
}

.drawer-section[b-1xnae13dy6] {
    margin-bottom: 30px;
}

.drawer-section h6[b-1xnae13dy6] {
    margin-bottom: 14px;

    color: #6B7280;

    font-size: .78rem;
    font-weight: 700;

    letter-spacing: .08em;
}

.info-card[b-1xnae13dy6] {
    background: #FAFAFA;

    border: 1px solid #ECECEC;

    border-radius: 16px;

    padding: 18px;
}

.info-row[b-1xnae13dy6] {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 10px 0;
}

.info-row:not(:last-child)[b-1xnae13dy6] {
    border-bottom: 1px solid #ECECEC;
}

.info-row span[b-1xnae13dy6] {
    color: #6B7280;
    font-size: .9rem;
}

.info-row strong[b-1xnae13dy6] {
    color: #1F2937;
    font-weight: 600;
    text-align: right;
}

.tag-list[b-1xnae13dy6] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tag[b-1xnae13dy6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 8px 12px;

    border-radius: 10px;

    background: #EEF2FF;

    color: #374151;

    font-size: .82rem;
    font-weight: 500;
}

.tag.default[b-1xnae13dy6]{
    background: #F1F5F9;
    color: #475569;
    border: 1px solid #E2E8F0;
}

.tag.warning[b-1xnae13dy6] {
    background: #FEF3C7;
    color: #A16207;
    border-color: #FDE68A;
}

.user-detail-drawer[b-1xnae13dy6]::-webkit-scrollbar {
    width: 8px;
}

.user-detail-drawer[b-1xnae13dy6]::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 999px;
}

.user-detail-drawer[b-1xnae13dy6]::-webkit-scrollbar-track {
    background: transparent;
}

@media (max-width:768px) {

    .user-detail-drawer[b-1xnae13dy6] {
        width: 100%;
    }

    .drawer-actions[b-1xnae13dy6] {
        flex-direction: column;
    }

    .info-row[b-1xnae13dy6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .info-row strong[b-1xnae13dy6] {
        text-align: left;
    }
}

.navigation-list[b-1xnae13dy6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.navigation-item[b-1xnae13dy6] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 62px;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    color: #1f2937;
    text-align: left;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.navigation-item:hover[b-1xnae13dy6] {
    border-color: #fed7aa;
    background: #fffaf5;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.navigation-item:active[b-1xnae13dy6] {
    transform: translateY(0);
}

.navigation-icon[b-1xnae13dy6] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin-right: 12px;
    border-radius: 10px;
    background: #f1f5f9;
    color: #475569;
    font-size: 16px;
}

.navigation-icon.warning[b-1xnae13dy6] {
    background: #fff7ed;
    color: #ea580c;
}

.navigation-icon.danger[b-1xnae13dy6] {
    background: #fef2f2;
    color: #dc2626;
}

.navigation-content[b-1xnae13dy6] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.navigation-content strong[b-1xnae13dy6] {
    overflow: hidden;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navigation-content span[b-1xnae13dy6] {
    overflow: hidden;
    color: #94a3b8;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navigation-arrow[b-1xnae13dy6] {
    margin-left: 10px;
    color: #94a3b8;
    font-size: 13px;
    transition: transform 0.2s ease, color 0.2s ease;
}

.navigation-item:hover .navigation-arrow[b-1xnae13dy6] {
    color: #ea580c;
    transform: translateX(3px);
}
/* /Components/Pages/UserManagement/EditUserAccountPage.razor.rz.scp.css */
.user-card[b-ystb730zgj]{
    border:none;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
}

.user-card:hover[b-ystb730zgj]{
    box-shadow:0 14px 45px rgba(0,0,0,.08);
    transition:.25s ease;
}

.user-header[b-ystb730zgj]{
    background:#fff;
    padding:1.75rem 2rem 1rem 2rem;
    border-bottom:1px solid #edf2f7;
}

.user-header h4[b-ystb730zgj]{
    margin:0;
    font-weight:700;
    color:#1f2937;
}

.user-header p[b-ystb730zgj]{
    margin:.35rem 0 0;
    color:#6b7280;
}

.card-body[b-ystb730zgj]{
    padding:1rem 2rem;
}

.form-section[b-ystb730zgj]{
    margin-bottom:2rem;
    padding:1.5rem;
    border:1px solid #eef2f7;
    border-radius:14px;
    background:#fafbfd;
}

.form-section:last-child[b-ystb730zgj]{
    margin-bottom:0;
}

.section-header[b-ystb730zgj]{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin-bottom:1rem;
    font-size:1rem;
    font-weight:600;
    color:#334155;
}

.section-header i[b-ystb730zgj]{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff3ee;
    color: #b45309;
    font-size: 1rem;
}

.custom-label[b-ystb730zgj]{
    font-weight:600;
    margin-bottom:.5rem;
    color:#374151;
}

.user-footer[b-ystb730zgj]{
    display:flex;
    justify-content:flex-end;
    gap:.75rem;
    padding:1.25rem 2rem;
    background:#fff;
    border-top:1px solid #edf2f7;
}

[b-ystb730zgj] .validation-message{
    margin-top:.35rem;
    font-size:.82rem;
}

.user-footer[b-ystb730zgj]  .btn-update-user{
    background:#d97706;
    border-color:#d97706;
    color:var(--text-on-warning);
    font-weight:600;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.user-footer[b-ystb730zgj]  .btn-update-user .bi,
.user-footer[b-ystb730zgj]  .btn-update-user i{
    color:var(--text-on-warning);
}

.user-footer[b-ystb730zgj]  .btn-update-user:hover:not(:disabled),
.user-footer[b-ystb730zgj]  .btn-update-user:focus:not(:disabled),
.user-footer[b-ystb730zgj]  .btn-update-user:active:not(:disabled){
    background:#b45309;
    border-color:#b45309;
    color:var(--text-on-warning);
    box-shadow:0 4px 12px rgba(217,119,6,.25);
}

[b-ystb730zgj] .btn-confirm-update{
    background:#d97706;
    border-color:#d97706;
    color:var(--text-on-warning);
    font-weight:600;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

[b-ystb730zgj] .btn-confirm-update .bi,
[b-ystb730zgj] .btn-confirm-update i{
    color:var(--text-on-warning);
}

[b-ystb730zgj] .btn-confirm-update:hover:not(:disabled),
[b-ystb730zgj] .btn-confirm-update:focus:not(:disabled),
[b-ystb730zgj] .btn-confirm-update:active:not(:disabled){
    background:#b45309;
    border-color:#b45309;
    color:var(--text-on-warning);
    box-shadow:0 4px 12px rgba(217,119,6,.25);
}

[b-ystb730zgj] .btn-confirm-update:disabled{
    background:#d97706;
    border-color:#d97706;
    opacity:.55;
}

.confirmation-header[b-ystb730zgj]{
    display:flex;
    align-items:center;
    gap:16px;
}

.confirmation-icon[b-ystb730zgj]{
    width:56px;
    height:56px;
    border-radius:14px;
    background:#fffbeb;
    color:#d97706;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.confirmation-header h5[b-ystb730zgj]{
    font-weight:700;
    margin:0;
}

.confirmation-header p[b-ystb730zgj]{
    color:#6b7280;
    font-size:.9rem;
}

.confirmation-summary[b-ystb730zgj]{
    border:1px solid #edf2f7;
    border-radius:14px;
    overflow:hidden;
    margin-bottom:1.5rem;
}

.summary-item[b-ystb730zgj]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem 1.25rem;
    border-bottom:1px solid #edf2f7;
}

.summary-item:last-child[b-ystb730zgj]{
    border-bottom:none;
}

.summary-item span:first-child[b-ystb730zgj]{
    color:#64748b;
}

.summary-item strong[b-ystb730zgj]{
    font-weight:500;
    color:#1f2937;
}

.summary-badge[b-ystb730zgj]{
    background:#fffbeb;
    color:#b45309;
    border:1px solid #fde68a;
    border-radius:999px;
    padding:.45rem .9rem;
    font-size:.8rem;
    font-weight:600;
}

.confirmation-section[b-ystb730zgj]{
    margin-bottom:1.5rem;
}

.confirmation-section h6[b-ystb730zgj]{
    font-weight:600;
    margin-bottom:.75rem;
    color:#374151;
}

.summary-tags[b-ystb730zgj]{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
}

.tag[b-ystb730zgj]{
    padding:.45rem .75rem;
    border-radius:999px;
    background:#fffbeb;
    border:1px solid #fde68a;
    color:#b45309;
    font-size:.8rem;
    font-weight:600;
}

.confirmation-alert[b-ystb730zgj]{
    display:flex;
    gap:12px;
    align-items:flex-start;
    background:#fffbeb;
    border:1px solid #fde68a;
    color:#92400e;
    border-radius:12px;
    padding:1rem;
}

.confirmation-alert i[b-ystb730zgj]{
    font-size:18px;
    margin-top:2px;
}

.status-badge[b-ystb730zgj]{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.45rem .8rem;
    border-radius:999px;
    font-size:.8rem;
    font-weight:600;
}

.status-active[b-ystb730zgj]{
    background:#ecfdf3;
    color:#15803d;
    border:1px solid #bbf7d0;
}

.status-inactive[b-ystb730zgj]{
    background:#f8fafc;
    color:#64748b;
    border:1px solid #e2e8f0;
}
/* /Components/Pages/UserManagement/EditUserWarehouseAccess/EditUserWarehouseAccess.razor.rz.scp.css */
.edit-warehouse-access-page[b-9ycidcrihj] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.page-header[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-header-title[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-header-title > i[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #fff7ed;
    color: #ea580c;
    font-size: 20px;
}

.page-header-title h4[b-9ycidcrihj] {
    margin: 0;
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
}

.page-header-title p[b-9ycidcrihj] {
    margin: 3px 0 0;
    color: #64748b;
    font-size: 13px;
}

/* User Summary */

.user-summary-card[b-9ycidcrihj],
.warehouse-access-card[b-9ycidcrihj] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.user-summary-card[b-9ycidcrihj] {
    padding: 20px;
}

.user-summary-header[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.user-avatar[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 15px;
    font-weight: 700;
}

.user-summary-info[b-9ycidcrihj] {
    min-width: 0;
    flex: 1;
}

.user-summary-info h5[b-9ycidcrihj] {
    margin: 0;
    color: #1e293b;
    font-size: 16px;
    font-weight: 700;
}

.user-summary-meta[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 5px;
    color: #64748b;
    font-size: 12px;
}

.user-summary-meta span[b-9ycidcrihj] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.user-summary-meta i[b-9ycidcrihj] {
    color: #94a3b8;
}

.status-badge[b-9ycidcrihj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}

.status-badge.active[b-9ycidcrihj] {
    background: #ecfdf5;
    color: #047857;
}

.status-badge.inactive[b-9ycidcrihj] {
    background: #f1f5f9;
    color: #64748b;
}

.status-dot[b-9ycidcrihj] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.user-summary-divider[b-9ycidcrihj] {
    height: 1px;
    margin: 18px 0;
    background: #f1f5f9;
}

.user-summary-grid[b-9ycidcrihj] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.user-summary-item[b-9ycidcrihj] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.summary-label[b-9ycidcrihj] {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.summary-value[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    overflow: hidden;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-value i[b-9ycidcrihj] {
    flex: 0 0 auto;
    color: #f59e0b;
}

/* Warehouse */

.warehouse-access-card[b-9ycidcrihj] {
    overflow: hidden;
}

.section-header[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid #f1f5f9;
}

.section-title[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-icon[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #fff7ed;
    color: #ea580c;
}

.section-title h5[b-9ycidcrihj] {
    margin: 0;
    color: #1e293b;
    font-size: 14px;
    font-weight: 700;
}

.section-title p[b-9ycidcrihj] {
    margin: 3px 0 0;
    color: #64748b;
    font-size: 12px;
}

.access-count[b-9ycidcrihj] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    color: #94a3b8;
    font-size: 11px;
}

.access-count strong[b-9ycidcrihj] {
    color: #c2410c;
    font-size: 18px;
}

/* Add Form */

.add-access-form[b-9ycidcrihj] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 18px 20px;
    background: #fafafa;
    border-bottom: 1px solid #f1f5f9;
}

.form-field[b-9ycidcrihj] {
    flex: 1;
    min-width: 0;
}

.form-field label[b-9ycidcrihj] {
    display: block;
    margin-bottom: 7px;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
}

.form-field label span[b-9ycidcrihj] {
    color: #ef4444;
}

.btn-add-access[b-9ycidcrihj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid #ea580c;
    border-radius: 9px;
    background: #ea580c;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.btn-add-access:hover[b-9ycidcrihj] {
    border-color: #c2410c;
    background: #c2410c;
    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.18);
    transform: translateY(-1px);
}

.btn-add-access:active[b-9ycidcrihj] {
    transform: translateY(0);
}

/* Warehouse List */

.warehouse-list[b-9ycidcrihj] {
    display: flex;
    flex-direction: column;
}

.warehouse-access-item[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 20px;
    border-bottom: 1px solid #f1f5f9;
    transition: background-color 0.2s ease;
}

.warehouse-access-item:last-child[b-9ycidcrihj] {
    border-bottom: 0;
}

.warehouse-access-item:hover[b-9ycidcrihj] {
    background: #fffbf7;
}

.warehouse-icon[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    background: #fff7ed;
    color: #ea580c;
}

.warehouse-info[b-9ycidcrihj] {
    flex: 1;
    min-width: 0;
}

.warehouse-info strong[b-9ycidcrihj] {
    display: block;
    overflow: hidden;
    color: #334155;
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-meta[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
    color: #94a3b8;
    font-size: 11px;
}

.warehouse-code[b-9ycidcrihj] {
    padding: 2px 6px;
    border-radius: 5px;
    background: #f1f5f9;
    color: #64748b;
    font-weight: 600;
}

.warehouse-type[b-9ycidcrihj] {
    padding: 2px 6px;
    border-radius: 5px;
    background: #fef3c7;
    color: #a16207;
    font-weight: 600;
}

.btn-delete-access[b-9ycidcrihj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #ffffff;
    color: #ef4444;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.btn-delete-access:hover[b-9ycidcrihj] {
    border-color: #fca5a5;
    background: #fef2f2;
    color: #dc2626;
    transform: translateY(-1px);
}

.btn-delete-access:active[b-9ycidcrihj] {
    transform: scale(0.94);
}

/* Empty */

.warehouse-empty-state[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 130px;
    padding: 24px;
    text-align: left;
}

.empty-icon[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: #f8fafc;
    color: #94a3b8;
    font-size: 18px;
}

.warehouse-empty-state strong[b-9ycidcrihj],
.warehouse-empty-state span[b-9ycidcrihj] {
    display: block;
}

.warehouse-empty-state strong[b-9ycidcrihj] {
    color: #475569;
    font-size: 13px;
}

.warehouse-empty-state span[b-9ycidcrihj] {
    margin-top: 3px;
    color: #94a3b8;
    font-size: 11px;
}

/* Loading */

.warehouse-access-loading[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 180px;
    color: #64748b;
    font-size: 13px;
}

/* Responsive */

@media (max-width: 900px) {
    .user-summary-grid[b-9ycidcrihj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .user-summary-header[b-9ycidcrihj] {
        align-items: flex-start;
    }

    .status-badge[b-9ycidcrihj] {
        margin-left: auto;
    }

    .user-summary-meta[b-9ycidcrihj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .user-summary-grid[b-9ycidcrihj] {
        grid-template-columns: 1fr;
    }

    .add-access-form[b-9ycidcrihj] {
        align-items: stretch;
        flex-direction: column;
    }

    .btn-add-access[b-9ycidcrihj] {
        width: 100%;
    }
}

.warehouse-access-groups[b-9ycidcrihj] {
    display: flex;
    flex-direction: column;
}

.warehouse-access-group[b-9ycidcrihj] {
    border: 1px solid #e2e8f0;
    overflow: hidden;
    background: #fff;
}

.warehouse-access-group.inherited-access[b-9ycidcrihj] {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}

.warehouse-group-header[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid #e2e8f0;
}

.inherited-access .warehouse-group-header[b-9ycidcrihj] {
    background: #f1f5f9;
}

.warehouse-group-title[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.warehouse-group-icon[b-9ycidcrihj] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: #fff7ed;
    color: #f59e0b;
}

.inherited-access .warehouse-group-icon[b-9ycidcrihj] {
    background: #e2e8f0;
    color: #64748b;
}

.warehouse-group-title h6[b-9ycidcrihj] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
}

.warehouse-group-title p[b-9ycidcrihj] {
    margin: 3px 0 0;
    font-size: 12px;
    color: #64748b;
}

.warehouse-group-count[b-9ycidcrihj] {
    min-width: 30px;
    height: 28px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.warehouse-list[b-9ycidcrihj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
}

.warehouse-access-item[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 64px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.warehouse-access-item:not(.readonly):hover[b-9ycidcrihj] {
    border-color: #fed7aa;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .05);
}

.warehouse-access-item.readonly[b-9ycidcrihj] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
}

.warehouse-item-main[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.warehouse-icon[b-9ycidcrihj] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: #fff7ed;
    color: #f59e0b;
}

.readonly .warehouse-icon[b-9ycidcrihj] {
    background: #e2e8f0;
    color: #64748b;
}

.warehouse-item-info[b-9ycidcrihj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.warehouse-item-info strong[b-9ycidcrihj] {
    overflow: hidden;
    color: #1e293b;
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-item-info > span[b-9ycidcrihj] {
    color: #64748b;
    font-size: 11px;
}

.warehouse-item-name[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.readonly-badge[b-9ycidcrihj] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding: 3px 7px;
    border-radius: 6px;
    background: #e2e8f0;
    color: #475569;
    font-size: 10px;
    font-weight: 700;
}

.btn-delete-access[b-9ycidcrihj] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 0;
    border-radius: 8px;
    background: #fef2f2;
    color: #dc2626;
    cursor: pointer;
    transition: all .15s ease;
}

.btn-delete-access:hover[b-9ycidcrihj] {
    background: #fee2e2;
    color: #b91c1c;
}

.readonly-indicator[b-9ycidcrihj] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: #e2e8f0;
    color: #64748b;
}

.warehouse-empty-state.compact[b-9ycidcrihj] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 12px;
    padding: 16px;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
}

.warehouse-empty-state.compact > i[b-9ycidcrihj] {
    font-size: 20px;
    color: #94a3b8;
}

.warehouse-empty-state.compact div[b-9ycidcrihj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.warehouse-empty-state.compact strong[b-9ycidcrihj] {
    color: #475569;
    font-size: 12px;
}

.warehouse-empty-state.compact span[b-9ycidcrihj] {
    color: #94a3b8;
    font-size: 11px;
}
/* /Components/Pages/UserManagement/ResetPassword/ResetPasswordPage.razor.rz.scp.css */
.recovery-password-page[b-24xigdjjv0] {
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.recovery-password-card[b-24xigdjjv0] {
    width: min(720px, 100%);
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eeeae3;
    border-radius: 18px;
    box-shadow:
        0 18px 45px rgba(15, 23, 42, .08),
        0 4px 14px rgba(15, 23, 42, .04);
    animation: recovery-password-card-in-b-24xigdjjv0 .2s ease-out;
}

.recovery-password-header[b-24xigdjjv0] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 22px 26px;
    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #fffdf9 100%
    );
    border-bottom: 1px solid #edf0f2;
}

.recovery-password-header__icon[b-24xigdjjv0] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #fff2d6;
    border: 1px solid #f5dca7;
    color: #d88700;
    font-size: 19px;
}

.recovery-password-header__content h4[b-24xigdjjv0] {
    margin: 0;
    color: #263342;
    font-size: 18px;
    font-weight: 750;
}

.recovery-password-header__content p[b-24xigdjjv0] {
    margin: 4px 0 0;
    color: #858b93;
    font-size: 11px;
}

.recovery-password-body[b-24xigdjjv0] {
    padding: 24px 26px;
    background: #ffffff;
}

.recovery-password-user[b-24xigdjjv0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 20px;
    margin-bottom: 22px;
    border-bottom: 1px solid #edf0f2;
}

.recovery-password-user__icon[b-24xigdjjv0] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff8e9;
    border: 1px solid #f0dfbd;
    color: #c47b0a;
    font-size: 16px;
}

.recovery-password-user__info[b-24xigdjjv0] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.recovery-password-user__info strong[b-24xigdjjv0] {
    color: #343940;
    font-size: 13px;
    font-weight: 700;
}

.recovery-password-user__info span[b-24xigdjjv0] {
    color: #858b93;
    font-size: 10px;
}

.recovery-password-user__role[b-24xigdjjv0] {
    padding: 4px 9px;
    border-radius: 5px;
    background: #e9eef8;
    color: #61718a;
    font-size: 9px;
    font-weight: 800;
}

.recovery-password-form[b-24xigdjjv0] {
    padding-top: 2px;
}

.recovery-password-form__header[b-24xigdjjv0] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
}

.recovery-password-form__header > i[b-24xigdjjv0] {
    color: #d88700;
    font-size: 14px;
}

.recovery-password-form__header > div[b-24xigdjjv0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.recovery-password-form__header strong[b-24xigdjjv0] {
    color: #343940;
    font-size: 13px;
    font-weight: 700;
}

.recovery-password-form__header span[b-24xigdjjv0] {
    color: #858b93;
    font-size: 10px;
}

.recovery-password-footer[b-24xigdjjv0] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;

    padding: 14px 20px;

    background: #ffffff;
    border-top: 1px solid #edf0f2;
}

.recovery-password-button[b-24xigdjjv0] {
    min-width: 135px;
}

.recovery-password-button--secondary[b-24xigdjjv0] {
    min-width: 80px;
}

@keyframes recovery-password-card-in-b-24xigdjjv0 {
    from {
        opacity: 0;
        transform: translateY(12px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 600px) {
    .recovery-password-page[b-24xigdjjv0] {
        min-height: calc(100vh - 40px);
        padding: 20px 12px;
    }

    .recovery-password-header[b-24xigdjjv0] {
        padding: 18px;
    }

    .recovery-password-body[b-24xigdjjv0] {
        padding: 20px 18px;
    }

    .recovery-password-user__role[b-24xigdjjv0] {
        display: none;
    }

    .recovery-password-footer[b-24xigdjjv0] {
        padding: 12px 16px;
    }
}

.password-field[b-24xigdjjv0] {
    position: relative;
}

.password-field .password-input[b-24xigdjjv0] {
    padding-right: 44px;
}

.password-toggle[b-24xigdjjv0] {
    position: absolute;
    right: 10px;
    bottom: 4px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #858b93;
    cursor: pointer;
    transition:
        background .15s ease,
        color .15s ease;
}

.password-toggle:hover[b-24xigdjjv0] {
    background: #fff7ed;
    color: #d88700;
}

.password-toggle:focus-visible[b-24xigdjjv0] {
    outline: 2px solid rgba(245, 154, 0, .25);
    outline-offset: 1px;
}

.password-toggle i[b-24xigdjjv0] {
    font-size: 14px;
}
/* /Components/Pages/UserManagement/TabPanels/CreateUserTabPanel.razor.rz.scp.css */
.user-card[b-29z81zmgz6]{
    border:none;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
}

.user-header[b-29z81zmgz6]{
    background:#fff;
    padding:1.75rem 2rem 1rem 2rem;
    border-bottom:1px solid #edf2f7;
}

.user-header h4[b-29z81zmgz6]{
    margin:0;
    font-weight:700;
    color:#1f2937;
}

.user-header p[b-29z81zmgz6]{
    margin:.35rem 0 0;
    color:#6b7280;
}

.card-body[b-29z81zmgz6]{
    padding:1rem 2rem;
}

.form-section[b-29z81zmgz6]{
    margin-bottom:2rem;
    padding:1.5rem;
    border:1px solid #eef2f7;
    border-radius:14px;
    background:#fafbfd;
}

.form-section:last-child[b-29z81zmgz6]{
    margin-bottom:0;
}

.section-header[b-29z81zmgz6]{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin-bottom:1rem;
    font-size:1rem;
    font-weight:600;
    color:#334155;
}

.section-header i[b-29z81zmgz6]{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff3ee;
    color: #b45309;
    font-size: 1rem;
}

.custom-label[b-29z81zmgz6]{
    font-weight:600;
    margin-bottom:.5rem;
    color:#374151;
}

.user-footer[b-29z81zmgz6]{
    display:flex;
    justify-content:flex-end;
    gap:.75rem;
    padding:1.25rem 2rem;
    background:#fff;
    border-top:1px solid #edf2f7;
}

.validation-message[b-29z81zmgz6]{
    margin-top:.35rem;
    font-size:.82rem;
}

.user-card:hover[b-29z81zmgz6]{
    box-shadow:0 14px 45px rgba(0,0,0,.08);
    transition:.25s ease;
}

.review-section[b-29z81zmgz6]{
    position:sticky;
    top:24px;
}

.review-header[b-29z81zmgz6]{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:20px;
}

.review-icon[b-29z81zmgz6]{
    width:48px;
    height:48px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fffbeb;
    background:#d97706;
    font-size:20px;
}

.review-header h5[b-29z81zmgz6]{
    margin:0;
    font-size:1.1rem;
    font-weight:700;
    color:#1f2937;
}

.review-header p[b-29z81zmgz6]{
    margin:.35rem 0 0;
    color:#6b7280;
    font-size:.9rem;
}

.review-card[b-29z81zmgz6]{
    background:#fafbfd;
    border:1px solid #edf2f7;
    border-radius:14px;
    padding:1.25rem;
    margin-bottom:1rem;
    transition:.2s ease;
}

.review-card:hover[b-29z81zmgz6]{
    border-color:#d8e2ef;
    box-shadow:0 6px 18px rgba(15,23,42,.05);
}

.review-title[b-29z81zmgz6]{
    font-size:.9rem;
    font-weight:600;
    color:#334155;
    margin-bottom:1rem;
}

.review-item[b-29z81zmgz6]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.75rem 0;
    border-bottom:1px solid #edf2f7;
}

.review-item:last-child[b-29z81zmgz6]{
    border-bottom:none;
}

.review-item span:first-child[b-29z81zmgz6]{
    color:#6b7280;
    font-size:.88rem;
}

.review-item strong[b-29z81zmgz6]{
    color:#1f2937;
    font-weight:500;
    text-align:right;
    font-size: 10pt;
}

.review-tags[b-29z81zmgz6]{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
}

.tag[b-29z81zmgz6]{
    padding:.45rem .75rem;
    border-radius:999px;
    background:#fffbeb;
    border:1px solid #fde68a;
    color:#b45309;
    font-size:.8rem;
    font-weight:600;
}

.review-badge[b-29z81zmgz6]{
    padding:.45rem .8rem;
    border-radius:999px;
    background:#fff3ee;
    border:1px solid #ffe7dc;
    color:#b45309;
    font-size:.8rem;
    font-weight:600;
}

.empty-review[b-29z81zmgz6]{
    padding:1rem;
    text-align:center;
    background:#fff;
    border:1px dashed #fff3ee;
    border-radius:10px;
    color:#94a3b8;
    font-size:.88rem;
}

.status-badge[b-29z81zmgz6]{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.45rem .8rem;
    border-radius:999px;
    font-size:.8rem;
    font-weight:600;
}

.status-active[b-29z81zmgz6]{
    background:#ecfdf3;
    color:#15803d;
    border:1px solid #bbf7d0;
}

.status-inactive[b-29z81zmgz6]{
    background:#f8fafc;
    color:#64748b;
    border:1px solid #e2e8f0;
}

.confirmation-header[b-29z81zmgz6]{
    display:flex;
    align-items:center;
    gap:16px;
}

.confirmation-icon[b-29z81zmgz6]{
    width:56px;
    height:56px;
    border-radius:14px;
    background:#fffbeb;
    color:#d97706;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.confirmation-header h5[b-29z81zmgz6]{
    font-weight:700;
    margin:0;
}

.confirmation-header p[b-29z81zmgz6]{
    color:#6b7280;
    font-size:.9rem;
}

.confirmation-summary[b-29z81zmgz6]{
    border:1px solid #edf2f7;
    border-radius:14px;
    overflow:hidden;
    margin-bottom:1.5rem;
}

.summary-item[b-29z81zmgz6]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem 1.25rem;
    border-bottom:1px solid #edf2f7;
}

.summary-item:last-child[b-29z81zmgz6]{
    border-bottom:none;
}

.summary-item span:first-child[b-29z81zmgz6]{
    color:#64748b;
}

.summary-item strong[b-29z81zmgz6]{
    font-weight:500;
    color:#1f2937;
}

.summary-badge[b-29z81zmgz6]{
    background:#fffbeb;
    color:#b45309;
    border:1px solid #fde68a;
    border-radius:999px;
    padding:.45rem .9rem;
    font-size:.8rem;
    font-weight:600;
}

.confirmation-section[b-29z81zmgz6]{
    margin-bottom:1.5rem;
}

.confirmation-section h6[b-29z81zmgz6]{
    font-weight:600;
    margin-bottom:.75rem;
    color:#374151;
}

.summary-tags[b-29z81zmgz6]{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
}

.confirmation-alert[b-29z81zmgz6]{
    display:flex;
    gap:12px;
    align-items:flex-start;
    background:#fffbeb;
    border:1px solid #fde68a;
    color:#92400e;
    border-radius:12px;
    padding:1rem;
}

.confirmation-alert i[b-29z81zmgz6]{
    font-size:18px;
    margin-top:2px;
}

.password-input-toggle[b-29z81zmgz6] {
    min-width: 38px;
    height: 100%;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 9px !important;

    border: 0 !important;
    background: transparent !important;

    color: #858b93 !important;

    box-shadow: none !important;
}

.password-input-toggle:hover[b-29z81zmgz6] {
    color: #d97706 !important;
    background: #fff7ed !important;
}

.password-input-toggle:focus[b-29z81zmgz6] {
    box-shadow: none !important;
}

.password-input-toggle i[b-29z81zmgz6] {
    font-size: 15px;
}

.password-toggle[b-29z81zmgz6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    background: #ffffff;
    color: #c2410c;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(194, 65, 12, 0.06);
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.password-toggle:hover[b-29z81zmgz6] {
    border-color: #fdba74;
    background: #fff7ed;
    color: #ea580c;
}

.password-toggle i[b-29z81zmgz6] {
    display: block;
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}
/* /Components/Pages/UserManagement/TabPanels/ListUserTabPanel.razor.rz.scp.css */
.page-header[b-hfhw1495sn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 1rem 0;
}

.page-header h2[b-hfhw1495sn] {
    margin-bottom: .35rem;
    color: #1f2937;
    font-size: 2.35rem;
    font-weight: 700;
}

.page-header p[b-hfhw1495sn] {
    margin: 0;
    color: #6b7280;
    font-size: 1rem;
}

.filter-card[b-hfhw1495sn] {
    margin-bottom: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(15, 23, 42, .035);
}

.filter-accordion[b-hfhw1495sn] {
    width: 100%;
}

.filter-accordion-header[b-hfhw1495sn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.filter-accordion-header[b-hfhw1495sn]::-webkit-details-marker {
    display: none;
}

.filter-header-info[b-hfhw1495sn] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.filter-icon[b-hfhw1495sn] {
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: #fff7ed;
    color: #f59e0b;
}

.filter-title[b-hfhw1495sn] {
    color: #1f2937;
    font-size: .95rem;
    font-weight: 700;
}

.filter-description[b-hfhw1495sn] {
    margin-top: .15rem;
    color: #94a3b8;
    font-size: .78rem;
}

.filter-header-action[b-hfhw1495sn] {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: #94a3b8;
    font-size: .75rem;
    font-weight: 600;
}

.filter-header-action span[b-hfhw1495sn] {
    padding: .25rem .6rem;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
}

.filter-header-action i[b-hfhw1495sn] {
    transition: transform .2s ease;
}

.filter-accordion[open] .filter-header-action i[b-hfhw1495sn] {
    transform: rotate(180deg);
}

.filter-content[b-hfhw1495sn] {
    padding: 0 1.15rem 1.15rem;
    border-top: 1px solid #f1f5f9;
}

.filter-grid[b-hfhw1495sn] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 1rem;
    padding-top: 1rem;
    align-items: start;
}

.filter-field[b-hfhw1495sn] {
    min-width: 0;
}

.filter-field label[b-hfhw1495sn] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .45rem;
    color: #475569;
    font-size: .78rem;
    font-weight: 700;
}

.filter-field label i[b-hfhw1495sn] {
    color: #94a3b8;
}

.filter-input[b-hfhw1495sn],
.filter-select[b-hfhw1495sn] {
    width: 100%;
}

.filter-hint[b-hfhw1495sn] {
    display: block;
    margin-top: .35rem;
    color: #94a3b8;
    font-size: .72rem;
}

.filter-access-group[b-hfhw1495sn] {
    grid-column: span 2;
}

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

    .filter-access-group[b-hfhw1495sn] {
        grid-column: span 1;
    }
}

@media (max-width: 768px) {
    .filter-accordion-header[b-hfhw1495sn] {
        padding: .9rem 1rem;
    }

    .filter-content[b-hfhw1495sn] {
        padding: 0 1rem 1rem;
    }

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

    .filter-access-group[b-hfhw1495sn] {
        grid-column: auto;
    }

    .filter-description[b-hfhw1495sn] {
        display: none;
    }

    .filter-header-action span[b-hfhw1495sn] {
        display: none;
    }
}

.grid-card[b-hfhw1495sn] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .04);
}

.user-cell[b-hfhw1495sn] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.avatar[b-hfhw1495sn] {
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #fff6de;
    border-radius: 50%;
    color: #b7791f;
    font-size: 1.2rem;
    font-weight: 700;
}

.user-name[b-hfhw1495sn] {
    color: #1f2937;
    font-size: 1rem;
    font-weight: 700;
}

.user-email[b-hfhw1495sn] {
    color: #6b7280;
    font-size: .92rem;
}

.role-badge[b-hfhw1495sn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .7rem;
    background: #fff4d6;
    border-radius: 999px;
    color: #a16207;
    font-size: 10pt;
    font-weight: 600;
    text-transform: capitalize;
}

.status-pill[b-hfhw1495sn] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .25rem .7rem;
    border-radius: 999px;
    font-size: 10pt;
    font-weight: 600;
    text-transform: capitalize;
}

.status-pill.active[b-hfhw1495sn] {
    background: #eaf9f0;
    color: #0f8a43;
}

.status-pill.inactive[b-hfhw1495sn] {
    background: #feecec;
    color: #dc2626;
}

.status-pill .dot[b-hfhw1495sn] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    background: currentColor;
    border-radius: 50%;
}

.action-button[b-hfhw1495sn] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 10px;
    background: #f8fafc;
    transition: .2s;
}

.action-button:hover[b-hfhw1495sn] {
    background: #eef2f7;
}

@media (max-width: 1200px) {
    .grid-filter[b-hfhw1495sn] {
        grid-template-columns:
            minmax(220px, 1.5fr)
            minmax(160px, .7fr)
            minmax(150px, .6fr);
    }
}

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

    .page-header h2[b-hfhw1495sn] {
        font-size: 1.8rem;
    }
}

.export-card[b-hfhw1495sn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.export-card-info[b-hfhw1495sn] {
    display: flex;
    align-items: center;
    gap: .875rem;
}

.export-card-icon[b-hfhw1495sn] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: #ecfdf5;
    color: #16a34a;
    font-size: 1.15rem;
}

.export-card-title[b-hfhw1495sn] {
    font-size: .9rem;
    font-weight: 600;
    color: #1e293b;
}

.export-card-description[b-hfhw1495sn] {
    margin-top: 2px;
    font-size: .78rem;
    color: #64748b;
}

.export-button[b-hfhw1495sn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 125px;
    min-height: 38px;
    padding: 0 .9rem;
    gap: .5rem;
    border: 0;
    border-radius: 9px;
    background: #16a34a;
    color: #fff;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color .15s ease,
        box-shadow .15s ease,
        opacity .15s ease;
}

.export-button:hover:not(:disabled)[b-hfhw1495sn] {
    background: #15803d;
    box-shadow: 0 3px 8px rgba(22, 163, 74, .2);
}

.export-button:disabled[b-hfhw1495sn] {
    background: #16a34a;
    color: #fff;
    opacity: .8;
    cursor: wait;
}

.export-loading[b-hfhw1495sn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.export-spinner[b-hfhw1495sn] {
    display: inline-block;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top: 2px solid #fff;
    border-radius: 50%;
    animation: export-spinner-rotation-b-hfhw1495sn .7s linear infinite;
}

@keyframes export-spinner-rotation-b-hfhw1495sn {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 576px) {
    .export-card[b-hfhw1495sn] {
        align-items: stretch;
        flex-direction: column;
    }

    .export-button[b-hfhw1495sn] {
        width: 100%;
    }
}
/* /Components/Pages/UserProfile/UserProfilePage.razor.rz.scp.css */
.profile-loading[b-by2cwubus8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 80px 16px;
    color: #6B7280;
}

.profile-loading i[b-by2cwubus8] {
    font-size: 3rem;
    color: #F59E0B;
}

.profile-shell[b-by2cwubus8] {
    overflow: hidden;
    background: rgba(255, 255, 255, .86);
    backdrop-filter: blur(28px) saturate(180%);
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 18px;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, .06),
        inset 0 1px 1px rgba(255, 255, 255, .6);
}

.profile-banner[b-by2cwubus8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    padding: 22px 24px;
    background: linear-gradient(135deg, #FFF8E8, #FFEBC6);
    border-bottom: 1px solid #FDE68A;
}

.profile-avatar[b-by2cwubus8] {
    position: relative;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(180deg, #FBBF24, #F59E0B);
    color: #A16207;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .02em;
}

.online-indicator[b-by2cwubus8] {
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #22C55E;
    border: 3px solid #fff;
}

.profile-identity[b-by2cwubus8] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.profile-identity h3[b-by2cwubus8] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #1F2937;
    overflow-wrap: anywhere;
}

.profile-email[b-by2cwubus8] {
    color: #92400E;
    font-size: .875rem;
    overflow-wrap: anywhere;
}

.profile-badges[b-by2cwubus8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.status-badge[b-by2cwubus8],
.role-badge[b-by2cwubus8] {
    padding: 6px 13px;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}

.role-badge[b-by2cwubus8] {
    background: #FEF3C7;
    color: #A16207;

    border: 1px solid rgba(161, 98, 7, .18);
}

.status-badge.active[b-by2cwubus8] {
    background: #DCFCE7;
    color: #15803D;
}

.status-badge.inactive[b-by2cwubus8] {
    background: #FEE2E2;
    color: #B91C1C;
}

.profile-body[b-by2cwubus8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    padding: 22px 24px 24px;
}

.profile-col[b-by2cwubus8] {
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-width: 0;
}

.profile-col:first-child[b-by2cwubus8] {
    padding-right: 32px;
    border-right: 1px solid #F1F5F9;
}

.profile-col:last-child .profile-section + .profile-section[b-by2cwubus8] {
    border-top: 1px solid #F1F5F9;
    padding-top: 20px;
}

.profile-section h6[b-by2cwubus8] {
    margin: 0 0 10px;
    color: #6B7280;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.field-grid[b-by2cwubus8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.field[b-by2cwubus8] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
}

.field span[b-by2cwubus8] {
    flex-shrink: 0;
    min-width: 110px;
    color: #64748B;
    font-size: 12px;
    line-height: 1.35;
}

.field strong[b-by2cwubus8] {
    min-width: 0;
    color: #1F2937;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.tag-list[b-by2cwubus8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag[b-by2cwubus8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 11px;
    border-radius: 10px;
    background: #EEF2FF;
    color: #374151;
    font-size: .8rem;
    font-weight: 500;
}

.tag.outline[b-by2cwubus8] {
    background: #fff;
    border: 1px solid #E2E8F0;
    color: #475569;
}

.tag-empty[b-by2cwubus8] {
    color: #9CA3AF;
    font-size: .82rem;
}

.profile-actions[b-by2cwubus8] {
    display: flex;
    justify-content: flex-start;
    margin-top: auto;
    padding-top: 4px;
}

.btn-change-password[b-by2cwubus8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(180deg, #FBBF24, #F59E0B);
    color: var(--text-on-warning);
    font-size: .875rem;
    font-weight: 600;
    box-shadow: 0 6px 16px rgba(245, 158, 11, .28);
    transition: .2s;
}

.btn-change-password:hover[b-by2cwubus8] {
    filter: brightness(1.04);
    box-shadow: 0 8px 20px rgba(245, 158, 11, .34);
}

@media (max-width: 992px) {

    .profile-body[b-by2cwubus8] {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .profile-col:first-child[b-by2cwubus8] {
        padding-right: 0;
        padding-bottom: 24px;

        border-right: none;
        border-bottom: 1px solid #F1F5F9;
    }
}

@media (max-width: 768px) {

    .profile-banner[b-by2cwubus8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;

        padding: 20px;
    }

    .profile-body[b-by2cwubus8] {
        padding: 20px;
    }

    .profile-actions[b-by2cwubus8] {
        justify-content: stretch;
    }

    .btn-change-password[b-by2cwubus8] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Warehouse/Components/WarehouseList.razor.rz.scp.css */
.warehouse-list[b-az74weit0m] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.warehouse-card[b-az74weit0m] {
    display: grid;
    grid-template-columns: minmax(280px, 1.4fr) minmax(220px, .8fr) auto;
    align-items: center;
    gap: 24px;
    padding: 16px 18px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.warehouse-card:hover[b-az74weit0m] {
    border-color: #fed7aa;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
    transform: translateY(-1px);
}

.warehouse-card__main[b-az74weit0m] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.warehouse-card__icon[b-az74weit0m] {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 19px;
}

.warehouse-card__identity[b-az74weit0m] {
    min-width: 0;
}

.warehouse-card__title[b-az74weit0m] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.warehouse-card__title h5[b-az74weit0m] {
    margin: 0;
    min-width: 0;
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-card__meta[b-az74weit0m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 7px;
}

.warehouse-meta[b-az74weit0m] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 600;
}

.warehouse-meta i[b-az74weit0m] {
    font-size: 10px;
}

.warehouse-meta--code[b-az74weit0m] {
    background: #f1f5f9;
    color: #475569;
}

.warehouse-meta--type[b-az74weit0m] {
    background: #fff7ed;
    color: #b45309;
    border: 1px solid #fed7aa;
}

.warehouse-card__owner[b-az74weit0m] {
    min-width: 0;
    padding-left: 20px;
    border-left: 1px solid #f1f5f9;
}

.warehouse-owner-label[b-az74weit0m] {
    display: block;
    margin-bottom: 5px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.warehouse-owner-value[b-az74weit0m] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
}

.warehouse-owner-value i[b-az74weit0m] {
    flex-shrink: 0;
    color: #94a3b8;
}

.warehouse-owner-value span[b-az74weit0m] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-status[b-az74weit0m] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    padding: 4px 8px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.warehouse-status--active[b-az74weit0m] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.warehouse-card__actions[b-az74weit0m] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.warehouse-action-button[b-az74weit0m] {
    width: 36px;
    height: 36px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px !important;
}

@media (max-width: 900px) {

    .warehouse-card[b-az74weit0m] {
        grid-template-columns: minmax(240px, 1fr) auto;
        gap: 16px;
    }

    .warehouse-card__owner[b-az74weit0m] {
        grid-column: 1;
        padding-left: 60px;
        margin-top: -6px;
        border-left: none;
    }

    .warehouse-card__actions[b-az74weit0m] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 600px) {

    .warehouse-card[b-az74weit0m] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        padding: 15px;
    }

    .warehouse-card__main[b-az74weit0m] {
        align-items: flex-start;
    }

    .warehouse-card__title[b-az74weit0m] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .warehouse-card__title h5[b-az74weit0m] {
        white-space: normal;
    }

    .warehouse-card__owner[b-az74weit0m] {
        padding: 12px 0 0;
        border-top: 1px solid #f1f5f9;
        border-left: none;
    }

    .warehouse-card__actions[b-az74weit0m] {
        justify-content: flex-end;
        padding-top: 2px;
    }
}

.warehouse-detail[b-az74weit0m]{
    display:flex;
    flex-direction:column;
    gap:1.5rem;
}

.warehouse-hero[b-az74weit0m]{
    display:flex;
    align-items:center;
    gap:1.5rem;
    padding:1.5rem;
    border-radius:20px;
    background:linear-gradient(
        135deg,
        #fffdf7,
        #fff8e8
    );
    border:1px solid #fde7b3;
}

.warehouse-avatar[b-az74weit0m]{
    width:76px;
    height:76px;
    flex-shrink:0;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:22px;
    background:linear-gradient(
        135deg,
        #fff8e6,
        #fde68a
    );
    color:#d97706;
    font-size:2rem;
}

.warehouse-hero-content[b-az74weit0m]{
    flex:1;
}

.warehouse-hero-content h3[b-az74weit0m]{
    margin:0;
    font-size:1.35rem;
    font-weight:700;
    color:#111827;
}

.warehouse-hero-meta[b-az74weit0m]{
    margin-top:.6rem;
    display:flex;
    gap:.6rem;
    flex-wrap:wrap;
}

.warehouse-owner[b-az74weit0m]{
    margin-top:.8rem;
    display:flex;
    align-items:center;
    gap:.5rem;
    color:#64748b;
}

.warehouse-owner i[b-az74weit0m]{
    color:#f59e0b;
}

.warehouse-code-badge[b-az74weit0m]{
    padding:.35rem .8rem;
    border-radius:999px;
    background:#fff;
    border:1px solid #e2e8f0;
    color:#475569;
    font-size:.8rem;
    font-weight:600;
}

.warehouse-type-badge[b-az74weit0m]{
    padding:.35rem .8rem;
    border-radius:999px;
    background:#fff7ed;
    border:1px solid #fde68a;
    color:#d97706;
    font-size:.8rem;
    font-weight:600;
}

.detail-card[b-az74weit0m]{
    background:#fff;
    border:1px solid #edf2f7;
    border-radius:18px;
    overflow:hidden;
}

.detail-card-header[b-az74weit0m]{
    display:flex;
    align-items:center;
    gap:.7rem;
    padding:1rem 1.25rem;
    background:#fafafa;
    border-bottom:1px solid #edf2f7;
    font-weight:700;
    color:#334155;
}

.detail-card-header i[b-az74weit0m]{
    color:#f59e0b;
}

.detail-grid[b-az74weit0m]{
    padding:.4rem 1.25rem;
}

.detail-row[b-az74weit0m]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    padding:1rem 0;
    border-bottom:1px solid #f3f4f6;
}

.detail-row:last-child[b-az74weit0m]{
    border-bottom:none;
}

.detail-row span[b-az74weit0m]{
    color:#64748b;
    font-size:.92rem;
}

.detail-row strong[b-az74weit0m]{
    color:#111827;
    font-weight:600;
    text-align:right;
}

.detail-content[b-az74weit0m]{
    padding:1.25rem;
    color:#475569;
    line-height:1.7;
    white-space:pre-wrap;
}

.timeline-grid[b-az74weit0m]{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:1rem;
    padding:1.25rem;
}

.timeline-item[b-az74weit0m]{
    padding:1rem;
    border-radius:14px;
    background:#fafafa;
    border:1px solid #edf2f7;
}

.timeline-item small[b-az74weit0m]{
    display:block;
    color:#94a3b8;
    margin-bottom:.4rem;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.timeline-item strong[b-az74weit0m]{
    display:block;
    color:#111827;
    font-size:1rem;
}

.timeline-item span[b-az74weit0m]{
    color:#64748b;
    font-size:.9rem;
}

.edit-warehouse-header[b-az74weit0m] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.25rem 0 1rem;
}

.edit-warehouse-icon[b-az74weit0m] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 1.15rem;
}

.edit-warehouse-header h5[b-az74weit0m] {
    margin: 0;
    color: #1e293b;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.4;
}

.edit-warehouse-header p[b-az74weit0m] {
    margin: 0.2rem 0 0;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.45;
}

@media (max-width:768px){

    .warehouse-hero[b-az74weit0m]{
        flex-direction:column;
        text-align:center;
    }

    .warehouse-owner[b-az74weit0m]{
        justify-content:center;
    }

    .warehouse-hero-meta[b-az74weit0m]{
        justify-content:center;
    }

    .detail-row[b-az74weit0m]{
        flex-direction:column;
        align-items:flex-start;
    }

    .detail-row strong[b-az74weit0m]{
        text-align:left;
    }

    .timeline-grid[b-az74weit0m]{
        grid-template-columns:1fr;
    }
}
/* /Components/Pages/Warehouse/TabPanels/CreateWarehouseTabPanel.razor.rz.scp.css */
.warehouse-form[b-v7bsmm3wl3] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    margin-top: 1rem;
}

.company-header-card[b-v7bsmm3wl3] {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 1.75rem 2rem;

    border-radius: 22px;

    background: linear-gradient(135deg,#ffffff,#fafbfc);

    border: 1px solid #edf2f7;

    box-shadow:
        0 10px 30px rgba(15,23,42,.05),
        0 2px 8px rgba(15,23,42,.03);
}

.company-header-left[b-v7bsmm3wl3] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.company-header-icon[b-v7bsmm3wl3] {
    width: 70px;
    height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    background: linear-gradient(
        135deg,
        #fff8e6,
        #fde68a
    );

    color: #d97706;

    font-size: 2rem;

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.7),
        0 10px 24px rgba(245,158,11,.18);
}

.company-header-title[b-v7bsmm3wl3] {
    font-size: 1.55rem;
    font-weight: 700;
    color: #111827;
}

.company-header-subtitle[b-v7bsmm3wl3] {
    margin-top: .35rem;

    color: #6b7280;

    line-height: 1.6;

    max-width: 620px;
}

.form-section[b-v7bsmm3wl3] {

    padding: 1.75rem;

    background: #fff;

    border-radius: 20px;

    border: 1px solid #edf2f7;

    box-shadow:
        0 4px 18px rgba(15,23,42,.03);
}

.form-section-title[b-v7bsmm3wl3] {

    margin-bottom: 1.5rem;

    font-size: .82rem;

    font-weight: 700;

    color: #f59e0b;

    letter-spacing: .08em;

    text-transform: uppercase;
}

.form-control[b-v7bsmm3wl3],
.form-select[b-v7bsmm3wl3],
textarea[b-v7bsmm3wl3] {

    border-radius: 14px !important;

    border: 1px solid #dbe3ec;

    transition: .2s;
}

.form-control[b-v7bsmm3wl3],
.form-select[b-v7bsmm3wl3] {
    min-height: 48px;
}

.form-control:focus[b-v7bsmm3wl3],
.form-select:focus[b-v7bsmm3wl3],
textarea:focus[b-v7bsmm3wl3] {

    border-color: #f59e0b;

    box-shadow:
        0 0 0 .2rem rgba(245,158,11,.15);
}

textarea[b-v7bsmm3wl3] {
    min-height: 110px;
}

.company-preview[b-v7bsmm3wl3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 18px;
    background: linear-gradient(135deg,#ffffff,#fafafa);
    border: 1px solid #edf2f7;
    justify-content: space-between;
}

.preview-avatar[b-v7bsmm3wl3] {

    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    background: #fff7ed;

    color: #d97706;

    font-size: 1.6rem;
}

.preview-name[b-v7bsmm3wl3] {

    font-size: 1.05rem;

    font-weight: 700;

    color: #111827;
}

.preview-code[b-v7bsmm3wl3] {

    margin-top: .25rem;

    color: #64748b;
}

.item-form-footer[b-v7bsmm3wl3] {

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-top: .5rem;
}

.confirmation-modal[b-v7bsmm3wl3] {

    text-align: center;

    padding: .5rem;
}

.confirmation-icon[b-v7bsmm3wl3] {

    width: 80px;
    height: 80px;

    margin: 0 auto 1.5rem;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 22px;

    background: linear-gradient(
        135deg,
        #fff8e6,
        #fde68a
    );

    color: #d97706;

    font-size: 2rem;

    box-shadow:
        0 12px 28px rgba(245,158,11,.18);
}

.confirmation-title[b-v7bsmm3wl3] {

    margin-bottom: .5rem;

    font-size: 1.4rem;

    font-weight: 700;

    color: #111827;
}

.confirmation-message[b-v7bsmm3wl3] {

    margin-bottom: 2rem;

    color: #6b7280;

    line-height: 1.6;
}

.confirmation-summary[b-v7bsmm3wl3] {

    display: flex;
    flex-direction: column;

    gap: .85rem;

    padding: 1.25rem;

    border-radius: 16px;

    background: #fafbfc;

    border: 1px solid #edf2f7;
}

.summary-row[b-v7bsmm3wl3] {

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-bottom: .75rem;

    border-bottom: 1px dashed #e5e7eb;
}

.summary-row:last-child[b-v7bsmm3wl3] {
    border-bottom: none;
    padding-bottom: 0;
}

.summary-row span[b-v7bsmm3wl3] {

    color: #64748b;

    font-size: .92rem;
}

.summary-row strong[b-v7bsmm3wl3] {

    color: #111827;

    font-weight: 600;
}

@media (max-width: 768px) {

    .company-header-card[b-v7bsmm3wl3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }

    .company-header-left[b-v7bsmm3wl3] {
        align-items: flex-start;
    }

    .item-form-footer[b-v7bsmm3wl3] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .summary-row[b-v7bsmm3wl3] {
        flex-direction: column;
        align-items: flex-start;
        gap: .35rem;
    }
}
/* /Components/Pages/Warehouse/TabPanels/ListWarehouseTabPanel.razor.rz.scp.css */
.warehouse-filter-card[b-jiib7u7a7s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 20px;
    margin: 20px 0;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.warehouse-filter-info[b-jiib7u7a7s] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.warehouse-filter-icon[b-jiib7u7a7s] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 19px;
}

.warehouse-filter-text[b-jiib7u7a7s] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.warehouse-filter-label[b-jiib7u7a7s] {
    color: #1e293b;
    font-size: 14px;
    font-weight: 700;
}

.warehouse-filter-description[b-jiib7u7a7s] {
    color: #64748b;
    font-size: 13px;
    line-height: 1.4;
}

.warehouse-filter-control[b-jiib7u7a7s] {
    width: 320px;
    flex-shrink: 0;
}

.warehouse-filter-control .filter-select[b-jiib7u7a7s] {
    width: 100%;
}

@media (max-width: 768px) {
    .warehouse-filter-card[b-jiib7u7a7s] {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .warehouse-filter-control[b-jiib7u7a7s] {
        width: 100%;
    }
}

.warehouse-empty-state[b-jiib7u7a7s] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
    margin-top: 20px;
    padding: 40px 24px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    text-align: center;
}

.warehouse-empty-state__icon[b-jiib7u7a7s] {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 24px;
}

.warehouse-empty-state__content h3[b-jiib7u7a7s] {
    margin: 0 0 5px;
    color: #1e293b;
    font-size: 16px;
    font-weight: 700;
}

.warehouse-empty-state__content p[b-jiib7u7a7s] {
    max-width: 400px;
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}
/* /Components/Shared/AppPagination/AppPagination.razor.rz.scp.css */
.app-pagination[b-hlvmem0w0g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 20px;
}

.app-pagination__button[b-hlvmem0w0g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    color: #64748b;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.app-pagination__button:hover:not(:disabled)[b-hlvmem0w0g] {
    color: #d97706;
    background: #fff7ed;
    border-color: #fed7aa;
}

.app-pagination__button.active[b-hlvmem0w0g] {
    color: #ffffff;
    background: #f59e0b;
    border-color: #f59e0b;
}

.app-pagination__button:disabled[b-hlvmem0w0g] {
    color: #cbd5e1;
    background: #f8fafc;
    border-color: #f1f5f9;
    cursor: not-allowed;
}

.app-pagination__ellipsis[b-hlvmem0w0g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 34px;
    color: #94a3b8;
    font-size: 12px;
}
/* /Components/Shared/ItemMenu/ItemMenu.razor.rz.scp.css */
.item-menu-header[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: -4px -4px 18px;
    padding: 14px 16px;
    border: 1px solid #edf2f7;
    border-radius: 14px;
    background: #fff;
}

.item-menu-header-info[b-jmk67pihwp] {
    min-width: 0;
}

.item-menu-title[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.item-menu-title-icon[b-jmk67pihwp] {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 16px;
}

.item-menu-title-text[b-jmk67pihwp] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.item-menu-description[b-jmk67pihwp] {
    margin-top: 2px;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.4;
}

.item-menu-header-actions[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.item-menu-count[b-jmk67pihwp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
    color: #a16207;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.item-menu-count i[b-jmk67pihwp] {
    color: #f59e0b;
    font-size: 12px;
}

.item-menu-view-toggle[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #f8fafc;
}

.item-menu-view-button[b-jmk67pihwp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 68px;
    padding: 6px 9px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s ease;
}

.item-menu-view-button:hover[b-jmk67pihwp] {
    color: #334155;
    background: #f1f5f9;
}

.item-menu-view-button.active[b-jmk67pihwp] {
    background: #fff;
    color: #d97706;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
}

.item-menu-view-button.active i[b-jmk67pihwp] {
    color: #f59e0b;
}

@media (max-width: 700px) {
    .item-menu-header[b-jmk67pihwp] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .item-menu-header-actions[b-jmk67pihwp] {
        width: 100%;
        justify-content: space-between;
    }
}

.item-menu-header-actions[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.item-menu-count[b-jmk67pihwp] {
    padding: 5px 10px;
    border-radius: 8px;
    background: #fff7ed;
    color: #a16207;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.item-menu-view-toggle[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    padding: 3px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #f8fafc;
}

.item-menu-view-button[b-jmk67pihwp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s ease;
}

.item-menu-view-button:hover[b-jmk67pihwp] {
    color: #334155;
}

.item-menu-view-button.active[b-jmk67pihwp] {
    background: #fff;
    color: #d97706;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
}

.item-menu-grid[b-jmk67pihwp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    max-height: 560px;
    overflow-y: auto;
    padding: 2px;
}

.item-menu-card[b-jmk67pihwp] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 14px;
    border: 1px solid #edf2f7;
    border-radius: 14px;
    background: #fff;
    text-align: left;
    cursor: pointer;
    transition: all .15s ease;
}

.item-menu-card:hover[b-jmk67pihwp] {
    border-color: #fed7aa;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .07);
    transform: translateY(-1px);
}

.item-menu-card-header[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 11px;
}

.item-menu-icon[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 15px;
}

.item-menu-card-content[b-jmk67pihwp] {
    min-width: 0;
}

.item-menu-code[b-jmk67pihwp] {
    color: #d97706;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}

.item-menu-name[b-jmk67pihwp] {
    margin-top: 3px;
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.item-menu-description-text[b-jmk67pihwp] {
    display: -webkit-box;
    margin-top: 5px;
    overflow: hidden;
    color: #64748b;
    font-size: 11px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.item-menu-meta[b-jmk67pihwp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;
}

.item-menu-meta-item[b-jmk67pihwp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.item-menu-meta-item span[b-jmk67pihwp] {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.item-menu-meta-item strong[b-jmk67pihwp] {
    overflow: hidden;
    color: #334155;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-menu-card-footer[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;
}

.item-menu-brand[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: #64748b;
    font-size: 10px;
}

.item-menu-brand span[b-jmk67pihwp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-menu-brand i[b-jmk67pihwp] {
    color: #94a3b8;
}

.item-menu-status[b-jmk67pihwp],
.item-menu-badge[b-jmk67pihwp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 7px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}

.item-menu-status.active[b-jmk67pihwp] {
    background: #ecfdf5;
    color: #047857;
}

.item-menu-status.discontinued[b-jmk67pihwp] {
    background: #fef2f2;
    color: #b91c1c;
}

.item-menu-badge.serialized[b-jmk67pihwp] {
    background: #eff6ff;
    color: #2563eb;
}

.item-menu-badge.bulk[b-jmk67pihwp] {
    background: #f1f5f9;
    color: #475569;
}

/* Simple */

.item-menu-simple-list[b-jmk67pihwp] {
    display: flex;
    flex-direction: column;
    max-height: 560px;
    overflow-y: auto;
    padding: 2px;
}

.item-menu-simple-item[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    padding: 11px 12px;
    border: 0;
    border-bottom: 1px solid #f1f5f9;
    background: #fff;
    text-align: left;
    cursor: pointer;
    transition: all .15s ease;
}

.item-menu-simple-item:hover[b-jmk67pihwp] {
    border-radius: 10px;
    background: #fffaf3;
}

.item-menu-simple-icon[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #fff7ed;
    color: #f59e0b;
}

.item-menu-simple-content[b-jmk67pihwp] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 20px;
}

.item-menu-simple-main[b-jmk67pihwp] {
    min-width: 180px;
}

.item-menu-simple-meta[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #64748b;
    font-size: 11px;
}

.item-menu-simple-meta span[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.item-menu-simple-meta strong[b-jmk67pihwp] {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 600;
}

.item-menu-simple-status[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.item-menu-simple-arrow[b-jmk67pihwp] {
    color: #cbd5e1;
    font-size: 12px;
}

.item-menu-loading[b-jmk67pihwp] {
    display: flex;
    min-height: 280px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #64748b;
    font-size: 13px;
}

.item-menu-empty[b-jmk67pihwp] {
    display: flex;
    min-height: 280px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #64748b;
}

.item-menu-empty strong[b-jmk67pihwp] {
    margin-top: 5px;
    color: #334155;
    font-size: 14px;
}

.item-menu-empty span[b-jmk67pihwp] {
    font-size: 12px;
}

.item-menu-empty-icon[b-jmk67pihwp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 5px;
    border-radius: 12px;
    background: #fff7ed;
    color: #f59e0b;
    font-size: 20px;
}

.item-menu-footer[b-jmk67pihwp] {
    display: flex;
    justify-content: flex-end;
}

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

    .item-menu-simple-meta[b-jmk67pihwp] {
        gap: 10px;
    }
}

@media (max-width: 700px) {
    .item-menu-header[b-jmk67pihwp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .item-menu-header-actions[b-jmk67pihwp] {
        width: 100%;
        justify-content: space-between;
    }

    .item-menu-grid[b-jmk67pihwp] {
        grid-template-columns: 1fr;
    }

    .item-menu-simple-content[b-jmk67pihwp] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .item-menu-simple-status[b-jmk67pihwp] {
        display: none;
    }
}
/* /Components/Shared/Toasts/AppToast.razor.rz.scp.css */
.app-toast-overlay[b-p411ld5r0h] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(3px);
    animation: app-toast-overlay-in-b-p411ld5r0h 0.2s ease-out;
}

.app-toast[b-p411ld5r0h] {
    position: relative;
    width: min(480px, 100%);
    padding: 34px 34px 30px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    box-shadow:
        0 30px 70px rgba(0, 0, 0, 0.16),
        0 10px 25px rgba(0, 0, 0, 0.08);
    text-align: center;
    overflow: hidden;
    animation: app-toast-in-b-p411ld5r0h 0.3s cubic-bezier(.16, 1, .3, 1);
}

.app-toast__close[b-p411ld5r0h] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 9px;
    background: #f8fafc;
    color: #94a3b8;
    cursor: pointer;
    transition:
        background-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.app-toast__close:hover[b-p411ld5r0h] {
    background: #f1f5f9;
    color: #334155;
    transform: scale(1.05);
}

.app-toast__icon-wrapper[b-p411ld5r0h] {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.app-toast__icon[b-p411ld5r0h] {
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 34px;
}

.app-toast__body[b-p411ld5r0h] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.app-toast__title[b-p411ld5r0h] {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
}

.app-toast__message[b-p411ld5r0h] {
    max-width: 390px;
    margin: 0 auto;
    color: #64748b;
    font-size: 14px;
    line-height: 1.6;
}

.app-toast__footer[b-p411ld5r0h] {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.app-toast__action[b-p411ld5r0h] {
    min-width: 120px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        filter .15s ease;
}

.app-toast__action:hover[b-p411ld5r0h] {
    transform: translateY(-1px);
    filter: brightness(.96);
}

.app-toast__action:active[b-p411ld5r0h] {
    transform: translateY(0);
}

.app-toast__progress[b-p411ld5r0h] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #f1f5f9;
}

.app-toast__progress-bar[b-p411ld5r0h] {
    width: 100%;
    height: 100%;
    transform-origin: left;
    animation-name: app-toast-progress-b-p411ld5r0h;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.app-toast--Success[b-p411ld5r0h] {
    border-color: #ccebd8;
}

.app-toast--Success .app-toast__icon[b-p411ld5r0h] {
    background: #e8f8ee;
    color: #0f8a43;
}

.app-toast--Success .app-toast__title[b-p411ld5r0h] {
    color: #0f6f38;
}

.app-toast--Success .app-toast__action[b-p411ld5r0h] {
    background: #0f8a43;
    box-shadow: 0 4px 10px rgba(15, 138, 67, .20);
}

.app-toast--Success .app-toast__progress-bar[b-p411ld5r0h] {
    background: #0f8a43;
}

.app-toast--Danger[b-p411ld5r0h] {
    border-color: #f3c4c4;
}

.app-toast--Danger .app-toast__icon[b-p411ld5r0h] {
    background: #fdecec;
    color: #c62828;
}

.app-toast--Danger .app-toast__title[b-p411ld5r0h] {
    color: #a61b1b;
}

.app-toast--Danger .app-toast__action[b-p411ld5r0h] {
    background: #c62828;
    box-shadow: 0 4px 10px rgba(198, 40, 40, .20);
}

.app-toast--Danger .app-toast__progress-bar[b-p411ld5r0h] {
    background: #c62828;
}

.app-toast--Warning[b-p411ld5r0h] {
    border-color: #f5dfaa;
}

.app-toast--Warning .app-toast__icon[b-p411ld5r0h] {
    background: #fff5db;
    color: #b7791f;
}

.app-toast--Warning .app-toast__title[b-p411ld5r0h] {
    color: #946200;
}

.app-toast--Warning .app-toast__action[b-p411ld5r0h] {
    background: #b7791f;
    box-shadow: 0 4px 10px rgba(183, 121, 31, .20);
}

.app-toast--Warning .app-toast__progress-bar[b-p411ld5r0h] {
    background: #b7791f;
}

.app-toast--Info[b-p411ld5r0h] {
    border-color: #c8e7f5;
}

.app-toast--Info .app-toast__icon[b-p411ld5r0h] {
    background: #ddf7ff;
    color: #0277bd;
}

.app-toast--Info .app-toast__title[b-p411ld5r0h] {
    color: #02638f;
}

.app-toast--Info .app-toast__action[b-p411ld5r0h] {
    background: #0277bd;
    box-shadow: 0 4px 10px rgba(2, 119, 189, .20);
}

.app-toast--Info .app-toast__progress-bar[b-p411ld5r0h] {
    background: #0277bd;
}

@keyframes app-toast-overlay-in-b-p411ld5r0h {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes app-toast-in-b-p411ld5r0h {
    from {
        opacity: 0;
        transform: translateY(15px) scale(.92);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes app-toast-progress-b-p411ld5r0h {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}


@media (max-width: 576px) {
    .app-toast[b-p411ld5r0h] {
        padding: 30px 24px 26px;
        border-radius: 18px;
    }

    .app-toast__icon[b-p411ld5r0h] {
        width: 68px;
        height: 68px;

        font-size: 30px;
    }

    .app-toast__title[b-p411ld5r0h] {
        font-size: 19px;
    }
}