@import '_content/BlazorEssentials/BlazorEssentials.6oydb6jskt.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* #region LAYOUT GRID */

.layout[b-k25bgy6jgu] {
    display: flex;
    min-height: 100vh;
}

.main-content[b-k25bgy6jgu] {
    flex: 1;
    margin-left: 250px;
    min-height: 100vh;
    background-color: var(--color-bg-base);
    overflow-x: hidden;
}

.main-content.logged-out[b-k25bgy6jgu] {
    flex: 1;
    margin-left: unset;
    min-height: 100vh;
    background-color: var(--color-bg-base);
    overflow-x: hidden;
}

/* #endregion */

/* #region MOBILE HEADER */

.mobile-header[b-k25bgy6jgu] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #121212;
    border-bottom: 1px solid var(--color-border);
    align-items: center;
    gap: 16px;
    padding: 0 20px;
    z-index: 250;
}

/* #endregion */

/* #region HAMBURGER BUTTON */

.hamburger-btn[b-k25bgy6jgu] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.hamburger-line[b-k25bgy6jgu] {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--color-text-primary);
    transition: background-color 0.2s ease;
}

.hamburger-btn:hover .hamburger-line[b-k25bgy6jgu] {
    background-color: var(--color-primary);
}

/* #endregion */

/* #region SIDEBAR OVERLAY */

.sidebar-overlay[b-k25bgy6jgu] {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 299;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* #endregion */

/* #region TOP SELECTORS */

.top-selectors[b-k25bgy6jgu] {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 60;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* #endregion */

/* #region MOBILE */

@media (max-width: 768px) {
    .mobile-header[b-k25bgy6jgu] {
        display: flex;
    }

    .main-content[b-k25bgy6jgu] {
        margin-left: 0;
        padding-top: 60px;
    }

    .sidebar-overlay[b-k25bgy6jgu] {
        display: block;
        pointer-events: none;
    }

    .sidebar-overlay.active[b-k25bgy6jgu] {
        opacity: 1;
        pointer-events: auto;
    }

    .top-selectors[b-k25bgy6jgu] {
        top: 10px;
        right: 16px;
        z-index: 260;
    }
}

/* #endregion */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-oa6w0nn0wa],
.components-reconnect-repeated-attempt-visible[b-oa6w0nn0wa],
.components-reconnect-failed-visible[b-oa6w0nn0wa],
.components-pause-visible[b-oa6w0nn0wa],
.components-resume-failed-visible[b-oa6w0nn0wa],
.components-rejoining-animation[b-oa6w0nn0wa] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/Sidebar.razor.rz.scp.css */
/* #region SIDEBAR LAYOUT */

.sidebar[b-5g0gfbmlfh] {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100vh;
    background-color: #121212;
    border-right: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
    z-index: 200;
    overflow-y: auto;
    transition: transform 0.3s ease;
}

/* #endregion */

/* #region SIDEBAR HEADER */

.sidebar__header[b-5g0gfbmlfh] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 20px;
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
}

.sidebar__logo[b-5g0gfbmlfh] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sidebar__logo-img[b-5g0gfbmlfh] {
    width: 36px;
    height: 36px;
    object-fit: contain;
    border-radius: 8px;
    filter: drop-shadow(0 0 6px rgba(111, 255, 0, 0.8)) drop-shadow(0 0 14px rgba(111, 255, 0, 0.4));
}

.sidebar__org-name[b-5g0gfbmlfh] {
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: linear-gradient(90deg, #6fff00 0%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* #endregion */

/* #region NAVIGATION */

.sidebar__nav[b-5g0gfbmlfh] {
    flex: 1;
    padding: 16px 0;
    overflow-y: auto;
}

.sidebar__nav-list[b-5g0gfbmlfh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sidebar__nav-link[b-5g0gfbmlfh] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 20px;
    color: var(--color-text-secondary);
    font-family: var(--font-body);
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    border-left: 3px solid transparent;
    transition: color 0.2s ease, background-color 0.2s ease, border-left-color 0.2s ease;
    text-decoration: none;
}

.sidebar__nav-link:hover[b-5g0gfbmlfh] {
    color: var(--color-primary);
    background-color: rgba(111, 255, 0, 0.05);
    border-left-color: var(--color-primary);
}

.sidebar__nav-link.active[b-5g0gfbmlfh] {
    color: var(--color-primary);
    background-color: rgba(111, 255, 0, 0.08);
    border-left-color: var(--color-primary);
}

.nav-icon[b-5g0gfbmlfh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

    .nav-icon svg[b-5g0gfbmlfh] {
        width: 20px;
        height: 20px;
    }

.nav-label[b-5g0gfbmlfh] {
    white-space: nowrap;
}

/* #endregion */

/* #region SIDEBAR FOOTER */

.sidebar__footer[b-5g0gfbmlfh] {
    padding: 16px 12px;
    border-top: 1px solid var(--color-border);
    flex-shrink: 0;
}

.sidebar__logout-btn[b-5g0gfbmlfh] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 12px 8px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    color: var(--color-text-secondary);
    font-family: var(--font-body);
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, border-left-color 0.2s ease;
    text-align: left;
}

.sidebar__logout-btn:hover[b-5g0gfbmlfh] {
    color: var(--color-danger);
    background-color: rgba(255, 51, 51, 0.06);
    border-left-color: var(--color-danger);
}

/* #endregion */

/* #region MOBILE */

@media (max-width: 768px) {
    .sidebar[b-5g0gfbmlfh] {
        transform: translateX(-100%);
        z-index: 300;
    }

    .sidebar.open[b-5g0gfbmlfh] {
        transform: translateX(0);
    }
}

/* #endregion */
/* /Components/Pages/Adjustments/AdjustmentsForm.razor.rz.scp.css */
/* #region SHELL */

.adj-shell[b-w9tzs3193c] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 120px;
}

.adj-container[b-w9tzs3193c] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes adj-fade-up-b-w9tzs3193c {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region HEADER */

.adj-header[b-w9tzs3193c] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: adj-fade-up-b-w9tzs3193c .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.adj-title[b-w9tzs3193c] {
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.05;
    margin-bottom: 6px;
}

.adj-subtitle[b-w9tzs3193c] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

/* #endregion */

/* #region FORM */

.adj-form[b-w9tzs3193c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* #endregion */

/* #region CARDS */

.adj-card[b-w9tzs3193c] {
    position: relative;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.adj-card[b-w9tzs3193c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background .2s ease;
}

.adj-card:hover[b-w9tzs3193c] {
    border-color: rgba(255, 234, 0, 0.15);
    box-shadow: 0 0 28px rgba(255, 234, 0, 0.04), 0 10px 28px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

.adj-card:hover[b-w9tzs3193c]::before,
.adj-card:focus-within[b-w9tzs3193c]::before {
    background: #ffea00;
}

.adj-card:focus-within[b-w9tzs3193c] {
    border-color: rgba(255, 234, 0, 0.15);
}

.adj-form .adj-card:nth-child(1)[b-w9tzs3193c] { animation: adj-fade-up-b-w9tzs3193c .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both; }
.adj-form .adj-card:nth-child(2)[b-w9tzs3193c] { animation: adj-fade-up-b-w9tzs3193c .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both; }
.adj-form .adj-card:nth-child(3)[b-w9tzs3193c] { animation: adj-fade-up-b-w9tzs3193c .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both; }
.adj-form .adj-card:nth-child(4)[b-w9tzs3193c] { animation: adj-fade-up-b-w9tzs3193c .3s cubic-bezier(0.22, 1, 0.36, 1) .24s both; }
.adj-form .adj-card:nth-child(5)[b-w9tzs3193c] { animation: adj-fade-up-b-w9tzs3193c .3s cubic-bezier(0.22, 1, 0.36, 1) .30s both; }

/* #endregion */

/* #region CARD HEADER */

.adj-card-header[b-w9tzs3193c] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.adj-step-icon[b-w9tzs3193c] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--border-radius-sm);
    background: rgba(255, 234, 0, 0.08);
    color: #ffea00;
}

.adj-step-icon svg[b-w9tzs3193c] {
    width: 17px;
    height: 17px;
}

.adj-step-icon--muted[b-w9tzs3193c] {
    background: rgba(255, 255, 255, 0.04);
    color: var(--color-text-secondary);
}

.adj-card-meta[b-w9tzs3193c] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.adj-step-num[b-w9tzs3193c] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #ffea00;
    line-height: 1;
}

.adj-card-title[b-w9tzs3193c] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.adj-card-desc[b-w9tzs3193c] {
    font-size: 13px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.adj-optional-tag[b-w9tzs3193c] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-border);
    border-radius: 100px;
    padding: 2px 8px;
}

/* #endregion */

/* #region FIELD & LABEL */

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

.adj-field--no-border[b-w9tzs3193c] {
    border: none;
    padding: 0;
    margin: 0;
}

.adj-label[b-w9tzs3193c] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

/* #endregion */

/* #region SELECT (STEPS 1 & 5) */

.adj-select[b-w9tzs3193c] {
    width: 100%;
    padding: 12px 40px 12px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    transition: border-color 0.15s ease;
    min-height: 48px;
}

.adj-select:focus[b-w9tzs3193c] {
    border-color: #ffea00;
}

.adj-select option[b-w9tzs3193c],
.adj-select optgroup[b-w9tzs3193c] {
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
}

/* #endregion */

/* #region PRODUCT SEARCH (STEP 2) */

.adj-search-wrap[b-w9tzs3193c] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.adj-search-icon[b-w9tzs3193c] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--color-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.adj-search-input[b-w9tzs3193c] {
    width: 100%;
    padding: 12px 14px 12px 38px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
    min-height: 48px;
}

.adj-search-input[b-w9tzs3193c]::placeholder {
    color: var(--color-text-secondary);
}

.adj-search-input:focus[b-w9tzs3193c] {
    border-color: #ffea00;
}

/* SUGGESTIONS */

.adj-suggestions[b-w9tzs3193c] {
    list-style: none;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
}

.adj-suggestion[b-w9tzs3193c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    transition: background 0.1s ease;
}

.adj-suggestion:not(:last-child)[b-w9tzs3193c] {
    border-bottom: 1px solid var(--color-border);
}

.adj-suggestion:hover[b-w9tzs3193c] {
    background: var(--color-bg-surface-alt);
}

.adj-suggestion--active[b-w9tzs3193c] {
    background: var(--color-bg-surface);
    border-left: 2px solid #ffea00;
}

.adj-suggestion-left[b-w9tzs3193c] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.adj-suggestion-name[b-w9tzs3193c] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adj-suggestion-sku[b-w9tzs3193c] {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
}

.adj-suggestion-stock[b-w9tzs3193c] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-secondary);
    white-space: nowrap;
    flex-shrink: 0;
}

.adj-suggestion-stock--low[b-w9tzs3193c] {
    color: var(--color-danger);
}

/* #endregion */

/* #region STOCK INDICATOR (STEP 2) */

.adj-stock-indicator[b-w9tzs3193c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 18px 20px;
    background: var(--color-bg-base);
    border: 1px solid rgba(255, 234, 0, 0.3);
    border-left: 3px solid #ffea00;
    border-radius: var(--border-radius-sm);
}

.adj-stock-label-row[b-w9tzs3193c] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--color-text-secondary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.adj-stock-label-row svg[b-w9tzs3193c] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}

.adj-stock-value-row[b-w9tzs3193c] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.adj-stock-value[b-w9tzs3193c] {
    font-size: clamp(36px, 6vw, 52px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #ffea00;
    line-height: 1;
}

.adj-stock-unit[b-w9tzs3193c] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-secondary);
}

.adj-stock-context[b-w9tzs3193c] {
    font-size: 12px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
}

/* #endregion */

/* #region ADJUSTMENT TYPE (STEP 3) */

.adj-type-group[b-w9tzs3193c] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.adj-type-option[b-w9tzs3193c] {
    display: block;
    cursor: pointer;
    position: relative;
}

.adj-type-radio[b-w9tzs3193c] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.adj-type-body[b-w9tzs3193c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 18px 12px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    text-align: center;
    min-height: 96px;
    user-select: none;
}

.adj-type-option:hover .adj-type-body[b-w9tzs3193c] {
    border-color: rgba(255, 234, 0, 0.3);
    background: rgba(255, 234, 0, 0.03);
}

.adj-type-radio:checked + .adj-type-body[b-w9tzs3193c] {
    border-color: #ffea00;
    background: rgba(255, 234, 0, 0.08);
    box-shadow: 0 0 0 1px #ffea00;
}

.adj-type-icon[b-w9tzs3193c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
}

.adj-type-icon svg[b-w9tzs3193c] {
    width: 16px;
    height: 16px;
}

.adj-type-icon--add[b-w9tzs3193c] {
    background: rgba(111, 255, 0, 0.1);
    color: var(--color-primary);
}

.adj-type-icon--subtract[b-w9tzs3193c] {
    background: rgba(var(--color-danger-rgb, 255, 60, 60), 0.1);
    color: var(--color-danger);
}

.adj-type-icon--set[b-w9tzs3193c] {
    background: rgba(255, 234, 0, 0.1);
    color: #ffea00;
}

.adj-type-radio:checked + .adj-type-body .adj-type-icon--add[b-w9tzs3193c],
.adj-type-radio:checked + .adj-type-body .adj-type-icon--subtract[b-w9tzs3193c],
.adj-type-radio:checked + .adj-type-body .adj-type-icon--set[b-w9tzs3193c] {
    box-shadow: 0 0 0 1px currentColor;
}

.adj-type-label[b-w9tzs3193c] {
    font-size: 13px;
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1.2;
}

.adj-type-desc[b-w9tzs3193c] {
    font-size: 10px;
    color: var(--color-text-secondary);
    line-height: 1.4;
}

/* #endregion */

/* #region QUANTITY (STEP 4) */

.adj-qty-row[b-w9tzs3193c] {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    height: 72px;
    transition: border-color 0.15s ease;
}

.adj-qty-row:focus-within[b-w9tzs3193c] {
    border-color: #ffea00;
}

.adj-qty-btn[b-w9tzs3193c] {
    flex-shrink: 0;
    width: 72px;
    background: var(--color-bg-surface);
    color: var(--color-text-secondary);
    border: none;
    border-right: 1px solid var(--color-border);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}

.adj-qty-btn svg[b-w9tzs3193c] {
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.adj-qty-btn--inc[b-w9tzs3193c] {
    border-right: none;
    border-left: 1px solid var(--color-border);
    color: #ffea00;
}

.adj-qty-btn:hover[b-w9tzs3193c],
.adj-qty-btn:focus-visible[b-w9tzs3193c] {
    background: rgba(255, 234, 0, 0.08);
    color: #ffea00;
    outline: none;
}

.adj-qty-btn:active[b-w9tzs3193c] {
    background: rgba(255, 234, 0, 0.14);
}

.adj-qty-input[b-w9tzs3193c] {
    flex: 1;
    background: var(--color-bg-base);
    color: #ffea00;
    border: none;
    text-align: center;
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 800;
    letter-spacing: -0.04em;
    outline: none;
    appearance: textfield;
    -moz-appearance: textfield;
    font-family: var(--font-body);
    line-height: 1;
}

.adj-qty-input[b-w9tzs3193c]::-webkit-inner-spin-button,
.adj-qty-input[b-w9tzs3193c]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.adj-qty-hint[b-w9tzs3193c] {
    font-size: 12px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.adj-qty-hint strong[b-w9tzs3193c] {
    color: var(--color-text-primary);
    font-weight: 600;
}

.adj-qty-hint--neutral[b-w9tzs3193c] {
    color: var(--color-text-secondary);
    font-weight: 700;
}

.adj-qty-hint--positive[b-w9tzs3193c] {
    color: var(--color-primary);
    font-weight: 700;
}

.adj-qty-hint--negative[b-w9tzs3193c] {
    color: var(--color-danger);
    font-weight: 700;
}

/* #endregion */

/* #region NOTES TEXTAREA (STEP 6) */

.adj-textarea[b-w9tzs3193c] {
    width: 100%;
    padding: 12px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    line-height: 1.6;
    resize: vertical;
    outline: none;
    min-height: 96px;
    transition: border-color 0.15s ease;
    appearance: none;
}

.adj-textarea[b-w9tzs3193c]::placeholder {
    color: var(--color-text-secondary);
}

.adj-textarea:focus[b-w9tzs3193c] {
    border-color: #ffea00;
}

/* #endregion */

/* #region STICKY FOOTER */

.adj-footer[b-w9tzs3193c] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: var(--color-bg-surface);
    border-top: 1px solid var(--color-border);
    padding: 14px 32px 20px;
}

.adj-footer-inner[b-w9tzs3193c] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.adj-footer-summary[b-w9tzs3193c] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.adj-footer-crumb[b-w9tzs3193c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adj-footer-crumb svg[b-w9tzs3193c] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.adj-footer-crumb--type[b-w9tzs3193c] {
    color: #ffea00;
    font-weight: 600;
}

.adj-footer-sep[b-w9tzs3193c] {
    color: var(--color-border);
    font-size: 16px;
    user-select: none;
    flex-shrink: 0;
}

.adj-footer-qty[b-w9tzs3193c] {
    font-size: 14px;
    font-weight: 800;
    color: #ffea00;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.adj-confirm-btn[b-w9tzs3193c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    background: #ffea00;
    color: #000000;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.adj-confirm-btn:hover[b-w9tzs3193c] {
    background: #fff176;
    box-shadow: 0 0 20px rgba(255, 234, 0, 0.25);
}

.adj-confirm-icon[b-w9tzs3193c] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .adj-shell[b-w9tzs3193c] {
        padding: 28px 20px 108px;
    }

    .adj-container[b-w9tzs3193c] {
        gap: 22px;
    }

    .adj-type-group[b-w9tzs3193c] {
        gap: 8px;
    }
}

@media (max-width: 600px) {
    .adj-shell[b-w9tzs3193c] {
        padding: 20px 14px 100px;
    }

    .adj-header[b-w9tzs3193c] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding-bottom: 20px;
    }

    .adj-card[b-w9tzs3193c] {
        padding: 18px 16px;
    }

    .adj-type-group[b-w9tzs3193c] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .adj-type-body[b-w9tzs3193c] {
        flex-direction: row;
        justify-content: flex-start;
        padding: 14px 16px;
        min-height: 64px;
        gap: 14px;
        text-align: left;
    }

    .adj-type-desc[b-w9tzs3193c] {
        display: none;
    }

    .adj-qty-row[b-w9tzs3193c] {
        height: 80px;
    }

    .adj-qty-btn[b-w9tzs3193c] {
        width: 80px;
    }

    .adj-footer[b-w9tzs3193c] {
        padding: 12px 14px 18px;
    }

    .adj-footer-inner[b-w9tzs3193c] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .adj-footer-summary[b-w9tzs3193c] {
        justify-content: center;
    }

    .adj-confirm-btn[b-w9tzs3193c] {
        width: 100%;
        justify-content: center;
        padding: 15px 28px;
        font-size: 13px;
    }
}

/* #endregion */
/* /Components/Pages/Auth/AcceptInviteSection.razor.rz.scp.css */
/* #region SHELL */
.invite-shell[b-fim76g5um1] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    background: var(--color-bg-base);
    overflow: hidden;
}

.shell-grid[b-fim76g5um1] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(111, 255, 0, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(111, 255, 0, 0.03) 1px, transparent 1px);
    background-size: 52px 52px;
    pointer-events: none;
}

.shell-vignette[b-fim76g5um1] {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 90% 70% at 50% 50%, transparent 30%, var(--color-bg-base) 100%);
    pointer-events: none;
}
/* #endregion */

/* #region CARD */
.invite-card[b-fim76g5um1] {
    position: relative;
    width: 100%;
    max-width: 520px;
    padding: 52px 48px 44px;
    background: var(--color-bg-surface);
    border: 1px solid rgba(111, 255, 0, 0.18);
    border-radius: var(--border-radius-lg);
    box-shadow:
        0 0 0 1px rgba(111, 255, 0, 0.04),
        0 32px 80px rgba(0, 0, 0, 0.75),
        0 0 60px rgba(111, 255, 0, 0.04);
    animation: card-rise-b-fim76g5um1 .35s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes card-rise-b-fim76g5um1 {
    from { opacity: 0; transform: translateY(20px) scale(0.985); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
/* #endregion */

/* #region BRAND */
.brand[b-fim76g5um1] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 36px;
    animation: fade-up-b-fim76g5um1 .3s cubic-bezier(0.22, 1, 0.36, 1) .08s both;
}

.brand-mark[b-fim76g5um1] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.brand-circle[b-fim76g5um1] {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--color-primary);
    animation: glow-pulse-b-fim76g5um1 2.8s ease-in-out infinite;
}

.brand-triangle[b-fim76g5um1] {
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 18px solid var(--color-primary);
    filter: drop-shadow(0 0 5px rgba(111, 255, 0, 0.5));
}

@keyframes glow-pulse-b-fim76g5um1 {
    0%, 100% { box-shadow: 0 0 6px rgba(111, 255, 0, 0.4); }
    50%       { box-shadow: 0 0 18px rgba(111, 255, 0, 0.85); }
}

.brand-text[b-fim76g5um1] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.eyebrow[b-fim76g5um1] {
    display: block;
    color: var(--color-primary);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.brand-name[b-fim76g5um1] {
    display: block;
    color: var(--color-text-primary);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.02em;
}
/* #endregion */

/* #region INTRO */
.intro[b-fim76g5um1] {
    margin-bottom: 38px;
    animation: fade-up-b-fim76g5um1 .3s cubic-bezier(0.22, 1, 0.36, 1) .14s both;
}

.invite-badge[b-fim76g5um1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 5px 12px 5px 10px;
    background: rgba(111, 255, 0, 0.07);
    border: 1px solid rgba(111, 255, 0, 0.22);
    border-radius: var(--border-radius-sm);
    color: var(--color-primary);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.badge-dot[b-fim76g5um1] {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary);
    animation: glow-pulse-b-fim76g5um1 2s ease-in-out infinite;
    flex-shrink: 0;
}

.invite-card h1[b-fim76g5um1] {
    margin: 0 0 10px;
    font-size: clamp(24px, 5vw, 34px);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.1;
    color: var(--color-text-primary);
}

.org-name[b-fim76g5um1] {
    display: block;
    color: var(--color-primary);
    text-shadow: 0 0 28px rgba(111, 255, 0, 0.25);
}

.subtitle[b-fim76g5um1] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 1.6;
}
/* #endregion */

/* #region FORM */
.invite-form[b-fim76g5um1] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    animation: fade-up-b-fim76g5um1 .3s cubic-bezier(0.22, 1, 0.36, 1) .2s both;
}

.field-row[b-fim76g5um1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.field[b-fim76g5um1] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.field label[b-fim76g5um1] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

.field-hint[b-fim76g5um1] {
    font-size: 11px;
    color: #484848;
    line-height: 1.5;
}

.field input[b-fim76g5um1] {
    display: block;
    width: 100%;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font: inherit;
    font-size: 15px;
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
    box-sizing: border-box;
}

    .field input[b-fim76g5um1]::placeholder {
        color: #383838;
    }

    .field input:hover:not(:disabled)[b-fim76g5um1] {
        border-color: #3a3a3a;
    }

    .field input:focus[b-fim76g5um1] {
        background: rgba(111, 255, 0, 0.025);
        border-color: var(--color-primary);
        box-shadow: 0 0 0 3px rgba(111, 255, 0, 0.08);
    }
/* #endregion */

/* #region LOCKED INPUT (disabled email) */
.input-wrapper[b-fim76g5um1] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-wrapper--locked .input-icon[b-fim76g5um1] {
    position: absolute;
    left: 14px;
    display: flex;
    align-items: center;
    color: #484848;
    pointer-events: none;
}

.input-wrapper--locked input[b-fim76g5um1] {
    padding-left: 38px;
    cursor: not-allowed;
    color: #585858;
    background: rgba(255, 255, 255, 0.015);
    border-color: #282828;
    border-style: dashed;
    width: 100%;
}

    .input-wrapper--locked input:hover[b-fim76g5um1] {
        border-color: #282828;
    }
/* #endregion */

/* #region DIVIDER */
.divider[b-fim76g5um1] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 4px 0;
    color: #383838;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

    .divider[b-fim76g5um1]::before,
    .divider[b-fim76g5um1]::after {
        content: '';
        flex: 1;
        height: 1px;
        background: #222222;
    }
/* #endregion */

/* #region BUTTON */
.btn-join[b-fim76g5um1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 6px;
    padding: 18px 24px;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius-sm);
    color: #000000;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    position: relative;
    overflow: hidden;
    transition: background .22s, color .22s, box-shadow .22s;
}

    .btn-join[b-fim76g5um1]::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 60%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
        transform: skewX(-20deg);
        transition: left .5s ease;
    }

    .btn-join:hover[b-fim76g5um1]::after {
        left: 160%;
    }

    .btn-join:hover[b-fim76g5um1],
    .btn-join:focus-visible[b-fim76g5um1] {
        background: transparent;
        color: var(--color-primary);
        box-shadow:
            0 0 0 1px var(--color-primary),
            0 0 28px rgba(111, 255, 0, 0.12);
    }

    .btn-join:focus-visible[b-fim76g5um1] {
        outline: 2px solid var(--color-primary);
        outline-offset: 3px;
    }

.btn-arrow[b-fim76g5um1] {
    display: inline-block;
    font-size: 16px;
    transition: transform .22s;
}

    .btn-join:hover .btn-arrow[b-fim76g5um1],
    .btn-join:focus-visible .btn-arrow[b-fim76g5um1] {
        transform: translateX(5px);
    }
/* #endregion */

/* #region BACK LINK */
.back-link-row[b-fim76g5um1] {
    margin-top: 28px;
    text-align: center;
    font-size: 13px;
    color: #484848;
    animation: fade-up-b-fim76g5um1 .3s cubic-bezier(0.22, 1, 0.36, 1) .26s both;
}

.back-link[b-fim76g5um1] {
    color: var(--color-text-secondary);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #383838;
    text-underline-offset: 3px;
    transition: color .18s, text-decoration-color .18s;
}

    .back-link:hover[b-fim76g5um1] {
        color: var(--color-primary);
        text-decoration-color: var(--color-primary);
    }
/* #endregion */

/* #region KEYFRAMES */
@keyframes fade-up-b-fim76g5um1 {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* #endregion */

/* #region RESPONSIVE */
@media (max-width: 580px) {
    .invite-shell[b-fim76g5um1] {
        align-items: flex-start;
        padding: 60px 16px 40px;
    }

    .invite-card[b-fim76g5um1] {
        padding: 36px 24px 32px;
    }

    .field-row[b-fim76g5um1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .invite-card[b-fim76g5um1] {
        padding: 28px 18px 28px;
    }

    .invite-card h1[b-fim76g5um1] {
        font-size: 22px;
    }
}
/* #endregion */
/* /Components/Pages/Categories/List.razor.rz.scp.css */
/* #region SHELL */

.cl-shell[b-qaxvh4mc00] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 80px;
}

.cl-container[b-qaxvh4mc00] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes cl-fade-up-b-qaxvh4mc00 {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region HEADER */

.cl-header[b-qaxvh4mc00] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: cl-fade-up-b-qaxvh4mc00 .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cl-header-text[b-qaxvh4mc00] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cl-title[b-qaxvh4mc00] {
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.05;
}

.cl-subtitle[b-qaxvh4mc00] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.cl-btn-add[b-qaxvh4mc00] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    background: var(--color-primary);
    color: #000000;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s ease;
    white-space: nowrap;
}

.cl-btn-add:hover[b-qaxvh4mc00] {
    background: var(--color-primary-hover);
}

.cl-btn-icon[b-qaxvh4mc00] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

/* #endregion */

/* #region TOOLBAR */

.cl-toolbar[b-qaxvh4mc00] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    animation: cl-fade-up-b-qaxvh4mc00 .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both;
}

.cl-search-wrap[b-qaxvh4mc00] {
    position: relative;
    flex: 1;
    min-width: 240px;
}

.cl-search-icon[b-qaxvh4mc00] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--color-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.cl-search[b-qaxvh4mc00] {
    width: 100%;
    padding: 10px 14px 10px 38px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
}

.cl-search[b-qaxvh4mc00]::placeholder {
    color: var(--color-text-secondary);
}

.cl-search:focus[b-qaxvh4mc00] {
    border-color: var(--color-primary);
}

/* #endregion */

/* #region TABLE */

.cl-table-wrap[b-qaxvh4mc00] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    animation: cl-fade-up-b-qaxvh4mc00 .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both;
}

.cl-table[b-qaxvh4mc00] {
    width: 100%;
    border-collapse: collapse;
    min-width: 420px;
}

.cl-th[b-qaxvh4mc00] {
    padding: 12px 16px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    font-family: var(--font-body);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
    background: #0a0a0a;
}

.cl-th--center[b-qaxvh4mc00] { text-align: center; }

/* #endregion */

/* #region MOBILE CARDS */

.cl-cards[b-qaxvh4mc00] {
    display: none;
    flex-direction: column;
    gap: 6px;
    animation: cl-fade-up-b-qaxvh4mc00 .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both;
}

/* #endregion */

/* #region PAGINATION */

.cl-pagination[b-qaxvh4mc00] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 4px;
    animation: cl-fade-up-b-qaxvh4mc00 .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both;
}

.cl-page-numbers[b-qaxvh4mc00] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cl-page-btn[b-qaxvh4mc00] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font-body);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    white-space: nowrap;
}

.cl-page-btn svg[b-qaxvh4mc00] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.cl-page-btn:hover:not(:disabled):not(.cl-page-btn--active)[b-qaxvh4mc00] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.cl-page-btn--num[b-qaxvh4mc00] {
    min-width: 38px;
    justify-content: center;
    padding: 8px 6px;
}

.cl-page-btn--active[b-qaxvh4mc00] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #000000;
    font-weight: 800;
    cursor: default;
}

.cl-page-btn--nav:disabled[b-qaxvh4mc00] {
    opacity: 0.3;
    cursor: not-allowed;
}

.cl-page-ellipsis[b-qaxvh4mc00] {
    padding: 0 2px;
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 600;
    user-select: none;
    line-height: 1;
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .cl-shell[b-qaxvh4mc00] {
        padding: 28px 20px 60px;
    }

    .cl-container[b-qaxvh4mc00] {
        gap: 22px;
    }
}

@media (max-width: 768px) {
    .cl-table-wrap[b-qaxvh4mc00] {
        display: none;
    }

    .cl-cards[b-qaxvh4mc00] {
        display: flex;
    }

}

@media (max-width: 600px) {
    .cl-shell[b-qaxvh4mc00] {
        padding: 20px 14px 48px;
    }

    .cl-header[b-qaxvh4mc00] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding-bottom: 20px;
    }

    .cl-btn-add[b-qaxvh4mc00] {
        width: 100%;
        justify-content: center;
    }

    .cl-toolbar[b-qaxvh4mc00] {
        flex-direction: column;
        align-items: stretch;
    }

    .cl-search-wrap[b-qaxvh4mc00] {
        min-width: unset;
    }

    .cl-pagination[b-qaxvh4mc00] {
        gap: 6px;
    }

    .cl-page-btn--nav[b-qaxvh4mc00] {
        padding: 8px 10px;
        font-size: 12px;
    }
}

/* #endregion */
/* /Components/Pages/Categories/ListItem.razor.rz.scp.css */
/* #region THUMB */

.cl-thumb[b-wbt7meg47k] {
    width: 40px;
    height: 40px;
    border-radius: var(--border-radius-sm);
    flex-shrink: 0;
    object-fit: cover;
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
}

.cl-thumb--lg[b-wbt7meg47k] {
    width: 44px;
    height: 44px;
}

/* #endregion */

/* #region TABLE ROW */

.cl-tr[b-wbt7meg47k] {
    transition: background 0.12s ease;
    /* --depth is set via inline style on each <tr> */
}

.cl-tr:not(:last-child)[b-wbt7meg47k] {
    border-bottom: 1px solid var(--color-border);
}

.cl-tr:hover[b-wbt7meg47k] {
    background: var(--color-bg-surface-alt);
}

/* Heavier separator before each depth-0 row that follows any other row */
.cl-tr + .cl-tr[style*="--depth: 0"][b-wbt7meg47k] {
    border-top: 2px solid var(--color-border);
}

.cl-tr--disabled[b-wbt7meg47k] {
    opacity: 0.5;
}

.cl-td[b-wbt7meg47k] {
    padding: 13px 16px;
    font-size: 14px;
    color: var(--color-text-primary);
    vertical-align: middle;
}

.cl-td--center[b-wbt7meg47k]  { text-align: center; }
.cl-td--actions[b-wbt7meg47k] { white-space: nowrap; }

/* ── Name cell: thumb + icon/text slide together via --depth ── */

.cl-td--name[b-wbt7meg47k] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    /* CSS custom property --depth is inherited from <tr> */
    padding-left: calc(var(--depth, 0) * 32px + 16px);
    transition: padding-left 0s; /* no animation needed, it's structural */
}

/* #endregion */

/* #region ACTION BUTTONS */

.cl-action-btn[b-wbt7meg47k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    color: var(--color-text-secondary);
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    flex-shrink: 0;
}

.cl-action-btn svg[b-wbt7meg47k] {
    width: 14px;
    height: 14px;
    pointer-events: none;
}

.cl-action-btn + .cl-action-btn[b-wbt7meg47k] {
    margin-left: 6px;
}

.cl-action-btn--edit:hover[b-wbt7meg47k] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.08);
}

.cl-action-btn--delete:hover[b-wbt7meg47k] {
    border-color: var(--color-danger);
    color: var(--color-danger);
    background: rgba(255, 51, 51, 0.08);
}

/* #endregion */
/* /Components/Pages/Categories/MobileListItem.razor.rz.scp.css */
/* #region THUMB */

.cl-thumb[b-sd5p3nyp38] {
    width: 40px;
    height: 40px;
    border-radius: var(--border-radius-sm);
    flex-shrink: 0;
    object-fit: cover;
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
}

.cl-thumb--lg[b-sd5p3nyp38] {
    width: 44px;
    height: 44px;
}

/* #endregion */

/* #region ACTION BUTTONS */

.cl-action-btn[b-sd5p3nyp38] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    color: var(--color-text-secondary);
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    flex-shrink: 0;
}

.cl-action-btn svg[b-sd5p3nyp38] {
    width: 14px;
    height: 14px;
    pointer-events: none;
}

.cl-action-btn + .cl-action-btn[b-sd5p3nyp38] {
    margin-left: 6px;
}

.cl-action-btn--edit:hover[b-sd5p3nyp38] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.08);
}

.cl-action-btn--delete:hover[b-sd5p3nyp38] {
    border-color: var(--color-danger);
    color: var(--color-danger);
    background: rgba(255, 51, 51, 0.08);
}

/* #endregion */

/* #region CARD */

/*
 * Cards use --depth (set via inline style) to drive:
 *   - margin-left  → visual indent
 *   - border-left  → hierarchy stripe
 */
.cl-card[b-sd5p3nyp38] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
    margin-left: calc(var(--depth, 0) * 20px);
    border-left-width: calc(2px + var(--depth, 0) * 0px);
}

/* Depth > 0: replace left border with an accent stripe */
.cl-card[style*="--depth: 1"][b-sd5p3nyp38],
.cl-card[style*="--depth: 2"][b-sd5p3nyp38],
.cl-card[style*="--depth: 3"][b-sd5p3nyp38] {
    border-left: 2px solid var(--color-border);
}

/* Heavier gap before depth-0 cards to visually separate root groups */
.cl-card[style*="--depth: 0"][b-sd5p3nyp38] {
    margin-top: 10px;
}

.cl-card[style*="--depth: 0"]:first-child[b-sd5p3nyp38] {
    margin-top: 0;
}

.cl-card--disabled[b-sd5p3nyp38] {
    opacity: 0.5;
}

.cl-card-head[b-sd5p3nyp38] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 12px;
}

.cl-card-meta[b-sd5p3nyp38] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cl-card-name[b-sd5p3nyp38] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.cl-card-actions[b-sd5p3nyp38] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    align-self: center;
}

/* #endregion */
/* /Components/Pages/Category/Detail.razor.rz.scp.css */
/* #region SHELL */

.cd-shell[b-7kdx7263xc] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 80px;
}

.cd-container[b-7kdx7263xc] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes cd-fade-up-b-7kdx7263xc {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region PAGE HEADER */

.cd-header[b-7kdx7263xc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: cd-fade-up-b-7kdx7263xc .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cd-header-left[b-7kdx7263xc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.cd-btn-back[b-7kdx7263xc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    padding: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font-body);
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: color 0.15s ease;
    width: fit-content;
}

.cd-btn-back svg[b-7kdx7263xc] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.cd-btn-back:hover[b-7kdx7263xc] {
    color: var(--color-primary);
}

.cd-btn-back:hover svg[b-7kdx7263xc] {
    transform: translateX(-3px);
}

.cd-title[b-7kdx7263xc] {
    font-size: clamp(22px, 3.5vw, 34px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-header-actions[b-7kdx7263xc] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.cd-btn[b-7kdx7263xc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.cd-btn svg[b-7kdx7263xc] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.cd-btn--save[b-7kdx7263xc] {
    background: var(--color-primary);
    color: #000000;
}

.cd-btn--save:hover[b-7kdx7263xc] {
    background: var(--color-primary-hover);
}

.cd-btn--delete[b-7kdx7263xc] {
    background: transparent;
    color: var(--color-danger);
    border: 1px solid var(--color-danger);
}

.cd-btn--delete:hover[b-7kdx7263xc] {
    background: rgba(255, 51, 51, 0.10);
}

/* #endregion */

/* #region MAIN CONTENT GRID */

.cd-grid[b-7kdx7263xc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    align-items: start;
}

/* #endregion */

/* #region CARD BASE (shared by gallery and form panel) */

.cd-gallery[b-7kdx7263xc],
.cd-form-panel[b-7kdx7263xc] {
    position: relative;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.cd-gallery[b-7kdx7263xc]::before,
.cd-form-panel[b-7kdx7263xc]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background .2s ease;
}

.cd-gallery:hover[b-7kdx7263xc],
.cd-form-panel:hover[b-7kdx7263xc] {
    border-color: rgba(111, 255, 0, 0.2);
    box-shadow: 0 0 28px rgba(111, 255, 0, 0.05), 0 10px 28px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

.cd-gallery:hover[b-7kdx7263xc]::before,
.cd-form-panel:hover[b-7kdx7263xc]::before,
.cd-gallery:focus-within[b-7kdx7263xc]::before,
.cd-form-panel:focus-within[b-7kdx7263xc]::before {
    background: var(--color-primary);
}

.cd-gallery:focus-within[b-7kdx7263xc],
.cd-form-panel:focus-within[b-7kdx7263xc] {
    border-color: rgba(111, 255, 0, 0.2);
}

.cd-grid > .cd-gallery[b-7kdx7263xc]   { animation: cd-fade-up-b-7kdx7263xc .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both; }
.cd-grid > .cd-form-panel[b-7kdx7263xc] { animation: cd-fade-up-b-7kdx7263xc .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both; }

/* #endregion */

/* #region GALLERY (IMAGE & BADGE) */

.cd-img-main[b-7kdx7263xc] {
    width: 100%;
    aspect-ratio: 4 / 3;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: border-color 0.15s ease;
    position: relative;
    overflow: hidden;
}

.cd-img-main:hover[b-7kdx7263xc] {
    border-color: var(--color-primary);
}

.cd-img-icon[b-7kdx7263xc] {
    width: 48px;
    height: 48px;
    opacity: 0.35;
}

.cd-img-placeholder-text[b-7kdx7263xc] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.4;
}

.cd-btn-upload[b-7kdx7263xc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    background: transparent;
    border: 1px dashed #444444;
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.cd-btn-upload svg[b-7kdx7263xc] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.cd-btn-upload:hover[b-7kdx7263xc] {
    border-color: var(--color-primary);
    border-style: solid;
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.04);
}

.cd-badge-section[b-7kdx7263xc],
.cd-status-section[b-7kdx7263xc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cd-badge-label[b-7kdx7263xc] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    line-height: 1;
    margin: 0;
}

.cd-color-grid[b-7kdx7263xc] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cd-color-swatch[b-7kdx7263xc] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    flex-shrink: 0;
}

.cd-color-swatch:hover[b-7kdx7263xc] {
    transform: scale(1.15);
}

.cd-color-swatch--active[b-7kdx7263xc] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(111, 255, 0, 0.25);
}

.cd-color-swatch--blue[b-7kdx7263xc]   { background: #3b82f6; }
.cd-color-swatch--purple[b-7kdx7263xc] { background: #8b5cf6; }
.cd-color-swatch--teal[b-7kdx7263xc]   { background: #14b8a6; }
.cd-color-swatch--orange[b-7kdx7263xc] { background: #f97316; }
.cd-color-swatch--green[b-7kdx7263xc]  { background: #22c55e; }
.cd-color-swatch--indigo[b-7kdx7263xc] { background: #6366f1; }

/* #endregion */

/* #region STATUS TOGGLE */

.cd-toggle[b-7kdx7263xc] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
}

.cd-toggle-input[b-7kdx7263xc] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.cd-toggle-track[b-7kdx7263xc] {
    position: relative;
    width: 44px;
    height: 24px;
    background: #333333;
    border-radius: 12px;
    border: 1px solid var(--color-border);
    transition: background 0.2s ease, border-color 0.2s ease;
    flex-shrink: 0;
}

.cd-toggle-thumb[b-7kdx7263xc] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    background: var(--color-text-secondary);
    border-radius: 50%;
    transition: transform 0.2s ease, background 0.2s ease;
}

.cd-toggle-input:checked + .cd-toggle-track[b-7kdx7263xc] {
    background: rgba(111, 255, 0, 0.15);
    border-color: var(--color-primary);
}

.cd-toggle-input:checked + .cd-toggle-track .cd-toggle-thumb[b-7kdx7263xc] {
    transform: translateX(20px);
    background: var(--color-primary);
}

.cd-toggle-text[b-7kdx7263xc] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
}

/* #endregion */

/* #region EDIT FORM */

.cd-section-title[b-7kdx7263xc] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    line-height: 1;
}

.cd-form[b-7kdx7263xc] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cd-field-row[b-7kdx7263xc] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cd-field[b-7kdx7263xc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cd-label[b-7kdx7263xc] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    line-height: 1;
}

.cd-input[b-7kdx7263xc],
.cd-textarea[b-7kdx7263xc],
.cd-select[b-7kdx7263xc] {
    width: 100%;
    padding: 12px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    line-height: 1.5;
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
}

.cd-input[b-7kdx7263xc]::placeholder,
.cd-textarea[b-7kdx7263xc]::placeholder {
    color: var(--color-text-secondary);
}

.cd-input:focus[b-7kdx7263xc],
.cd-textarea:focus[b-7kdx7263xc],
.cd-select:focus[b-7kdx7263xc] {
    border-color: var(--color-primary);
}

.cd-textarea[b-7kdx7263xc] {
    resize: vertical;
    min-height: 120px;
}

.cd-select-wrap[b-7kdx7263xc] {
    position: relative;
}

.cd-select-wrap .cd-select[b-7kdx7263xc] {
    padding-right: 38px;
    cursor: pointer;
}

.cd-select-arrow[b-7kdx7263xc] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    color: var(--color-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.cd-select option[b-7kdx7263xc] {
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
}

/* #endregion */

/* #region LINKED PRODUCTS */

.cd-products-section[b-7kdx7263xc] {
    position: relative;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    animation: cd-fade-up-b-7kdx7263xc .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both;
}

.cd-products-section[b-7kdx7263xc]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color-primary);
}

.cd-products-header[b-7kdx7263xc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 20px 20px 18px;
    border-bottom: 1px solid var(--color-border);
}

.cd-products-note[b-7kdx7263xc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--color-text-secondary);
    font-style: italic;
    line-height: 1.4;
    margin: 0;
}

.cd-products-note svg[b-7kdx7263xc] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: 0.7;
}

.cd-table-wrap[b-7kdx7263xc] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.cd-table[b-7kdx7263xc] {
    width: 100%;
    border-collapse: collapse;
    min-width: 480px;
}

.cd-th[b-7kdx7263xc] {
    padding: 12px 16px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
    background: #0a0a0a;
    font-family: var(--font-body);
}

.cd-th--right[b-7kdx7263xc] {
    text-align: right;
}

.cd-th--center[b-7kdx7263xc] {
    text-align: center;
}

.cd-tr[b-7kdx7263xc] {
    transition: background 0.12s ease;
}

.cd-tr:not(:last-child)[b-7kdx7263xc] {
    border-bottom: 1px solid var(--color-border);
}

.cd-tr:hover[b-7kdx7263xc] {
    background: var(--color-bg-surface-alt);
}

.cd-tr--low[b-7kdx7263xc] {
    border-left: 2px solid var(--color-danger);
}

.cd-tr-total[b-7kdx7263xc] {
    border-top: 1px solid #333333;
    background: #0a0a0a;
}

.cd-td[b-7kdx7263xc] {
    padding: 14px 16px;
    font-size: 14px;
    color: var(--color-text-primary);
    vertical-align: middle;
}

.cd-td--name[b-7kdx7263xc] {
    font-weight: 600;
    white-space: nowrap;
}

.cd-td--sku[b-7kdx7263xc] {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    color: var(--color-text-secondary);
    white-space: nowrap;
}

.cd-td--num[b-7kdx7263xc] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap;
}

.cd-td--center[b-7kdx7263xc] {
    text-align: center;
}

.cd-td--total-label[b-7kdx7263xc] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

.cd-td--total[b-7kdx7263xc] {
    font-size: 16px;
    font-weight: 800;
    color: var(--color-text-primary);
}

.cd-badge[b-7kdx7263xc] {
    display: inline-block;
    padding: 3px 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 2px;
}

.cd-badge--active[b-7kdx7263xc] {
    background: rgba(111, 255, 0, 0.12);
    color: var(--color-primary);
    border: 1px solid rgba(111, 255, 0, 0.25);
}

.cd-badge--low[b-7kdx7263xc] {
    background: rgba(255, 51, 51, 0.10);
    color: var(--color-danger);
    border: 1px solid rgba(255, 51, 51, 0.25);
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .cd-shell[b-7kdx7263xc] {
        padding: 28px 20px 60px;
    }

    .cd-container[b-7kdx7263xc] {
        gap: 22px;
    }
}

@media (max-width: 860px) {
    .cd-grid[b-7kdx7263xc] {
        grid-template-columns: 1fr;
    }

    .cd-img-main[b-7kdx7263xc] {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 600px) {
    .cd-shell[b-7kdx7263xc] {
        padding: 20px 14px 48px;
    }

    .cd-gallery[b-7kdx7263xc],
    .cd-form-panel[b-7kdx7263xc] {
        padding: 18px 16px;
    }

    .cd-header[b-7kdx7263xc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding-bottom: 20px;
    }

    .cd-title[b-7kdx7263xc] {
        white-space: normal;
    }

    .cd-header-actions[b-7kdx7263xc] {
        width: 100%;
        flex-direction: column;
    }

    .cd-btn[b-7kdx7263xc] {
        width: 100%;
        justify-content: center;
    }

    .cd-products-header[b-7kdx7263xc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* #endregion */
/* /Components/Pages/Dashboard/DashboardShell.razor.rz.scp.css */
/* #region SHELL */

.dash-shell[b-smsvo2lc9h] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 80px;
}

.dash-container[b-smsvo2lc9h] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* #endregion */

/* #region HEADER */

.dash-header[b-smsvo2lc9h] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: dash-fade-up-b-smsvo2lc9h .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.dash-title[b-smsvo2lc9h] {
    font-size: clamp(30px, 5vw, 44px);
    font-weight: 800;
    letter-spacing: -.045em;
    color: var(--color-text-primary);
    line-height: 1.05;
}

.dash-subtitle[b-smsvo2lc9h] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

@keyframes dash-fade-up-b-smsvo2lc9h {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .dash-shell[b-smsvo2lc9h] {
        padding: 28px 20px 60px;
    }

    .dash-container[b-smsvo2lc9h] {
        gap: 24px;
    }
}

@media (max-width: 600px) {
    .dash-shell[b-smsvo2lc9h] {
        padding: 20px 14px 48px;
    }

    .dash-header[b-smsvo2lc9h] {
        padding-bottom: 20px;
    }
}

/* #endregion */
/* /Components/Pages/Dashboard/SplitView.razor.rz.scp.css */
/* #region SPLIT VIEW */

.split-view[b-7390p5lbwu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
    animation: dash-fade-up-b-7390p5lbwu .3s cubic-bezier(0.22, 1, 0.36, 1) .16s both;
}

@keyframes dash-fade-up-b-7390p5lbwu {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region PANEL */

.split-panel[b-7390p5lbwu] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
}

/* #endregion */

/* #region PANEL HEADER */

.panel-header[b-7390p5lbwu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px;
    border-bottom: 1px solid var(--color-border);
}

.panel-title[b-7390p5lbwu] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--color-text-primary);
    margin: 0;
}

.panel-title-icon[b-7390p5lbwu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    flex-shrink: 0;
}

    .panel-title-icon svg[b-7390p5lbwu] {
        width: 13px;
        height: 13px;
    }

.panel-title-icon--danger[b-7390p5lbwu] {
    color: var(--color-danger);
    background: rgba(255, 51, 51, 0.1);
}

.panel-title-icon--neutral[b-7390p5lbwu] {
    color: var(--color-text-secondary);
    background: rgba(255, 255, 255, 0.05);
}

.panel-badge[b-7390p5lbwu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 20px;
    padding: 0 8px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}

.panel-badge--danger[b-7390p5lbwu] {
    background: rgba(255, 51, 51, 0.14);
    color: var(--color-danger);
    border: 1px solid rgba(255, 51, 51, 0.25);
}

.panel-badge--neutral[b-7390p5lbwu] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
}

/* #endregion */

/* #region STOCK LIST */

.stock-list[b-7390p5lbwu] {
    display: flex;
    flex-direction: column;
}

.stock-row[b-7390p5lbwu] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 22px;
    border-bottom: 1px solid var(--color-border);
    border-left: 3px solid transparent;
    transition: background .15s;
}

    .stock-row:last-child[b-7390p5lbwu] {
        border-bottom: none;
    }

    .stock-row:hover[b-7390p5lbwu] {
        background: rgba(255, 255, 255, 0.025);
    }

.stock-row--critical[b-7390p5lbwu] {
    border-left-color: var(--color-danger);
}

.stock-row--low[b-7390p5lbwu] {
    border-left-color: #ff8800;
}

.stock-row-info[b-7390p5lbwu] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}

.stock-name[b-7390p5lbwu] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stock-sku[b-7390p5lbwu] {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .1em;
    color: var(--color-text-secondary);
    text-transform: uppercase;
}

.stock-row-qty[b-7390p5lbwu] {
    display: flex;
    align-items: baseline;
    gap: 2px;
    flex-shrink: 0;
}

.qty-label[b-7390p5lbwu] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    margin-right: 5px;
}

.qty-value[b-7390p5lbwu] {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
}

.qty-value--critical[b-7390p5lbwu] {
    color: var(--color-danger);
}

.qty-value--low[b-7390p5lbwu] {
    color: #ff8800;
}

.qty-threshold[b-7390p5lbwu] {
    font-size: 11px;
    color: var(--color-text-secondary);
    margin-left: 1px;
}

.stock-status-badge[b-7390p5lbwu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 100px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    flex-shrink: 0;
}

.stock-status-badge--critical[b-7390p5lbwu] {
    background: rgba(255, 51, 51, 0.12);
    color: var(--color-danger);
    border: 1px solid rgba(255, 51, 51, 0.22);
}

.stock-status-badge--low[b-7390p5lbwu] {
    background: rgba(255, 136, 0, 0.1);
    color: #ff8800;
    border: 1px solid rgba(255, 136, 0, 0.2);
}

/* #endregion */

/* #region ACTIVITY LIST */

.activity-list[b-7390p5lbwu] {
    display: flex;
    flex-direction: column;
}

.activity-row[b-7390p5lbwu] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 22px;
    border-bottom: 1px solid var(--color-border);
    transition: background .15s;
}

    .activity-row:last-child[b-7390p5lbwu] {
        border-bottom: none;
    }

    .activity-row:hover[b-7390p5lbwu] {
        background: rgba(255, 255, 255, 0.025);
    }

.activity-badge[b-7390p5lbwu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 20px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
    flex-shrink: 0;
}

.activity-badge--in[b-7390p5lbwu] {
    background: rgba(111, 255, 0, 0.1);
    color: var(--color-primary);
    border: 1px solid rgba(111, 255, 0, 0.2);
}

.activity-badge--out[b-7390p5lbwu] {
    background: rgba(255, 51, 51, 0.1);
    color: var(--color-danger);
    border: 1px solid rgba(255, 51, 51, 0.2);
}

.activity-badge--adj[b-7390p5lbwu] {
    background: rgba(255, 200, 0, 0.1);
    color: #ffc800;
    border: 1px solid rgba(255, 200, 0, 0.2);
}

.activity-info[b-7390p5lbwu] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}

.activity-name[b-7390p5lbwu] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-meta[b-7390p5lbwu] {
    font-size: 11px;
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-time[b-7390p5lbwu] {
    font-size: 11px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: .04em;
    color: var(--color-text-secondary);
    flex-shrink: 0;
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .split-view[b-7390p5lbwu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .panel-header[b-7390p5lbwu] {
        padding: 14px 16px;
    }

    .stock-row[b-7390p5lbwu],
    .activity-row[b-7390p5lbwu] {
        padding: 11px 16px;
        gap: 10px;
    }

    .stock-status-badge[b-7390p5lbwu] {
        display: none;
    }

    .qty-label[b-7390p5lbwu] {
        display: none;
    }
}

/* #endregion */
/* /Components/Pages/Dashboard/StatsRow.razor.rz.scp.css */
/* #region STATS ROW */

.stats-row[b-r1y553xgqd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    animation: dash-fade-up-b-r1y553xgqd .3s cubic-bezier(0.22, 1, 0.36, 1) .08s both;
}

@keyframes dash-fade-up-b-r1y553xgqd {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region STAT CARD */

.stat-card[b-r1y553xgqd] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}

.stat-card[b-r1y553xgqd]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background .2s;
}

.stat-card:hover[b-r1y553xgqd] {
    border-color: rgba(111, 255, 0, 0.2);
    box-shadow: 0 0 28px rgba(111, 255, 0, 0.05), 0 10px 28px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

.stat-card:hover[b-r1y553xgqd]::before {
    background: var(--color-primary);
}

.stat-card--alert[b-r1y553xgqd]::before {
    background: var(--color-danger);
}

.stat-card--alert:hover[b-r1y553xgqd] {
    border-color: rgba(255, 51, 51, 0.22);
    box-shadow: 0 0 28px rgba(255, 51, 51, 0.06), 0 10px 28px rgba(0, 0, 0, 0.45);
}

.stat-card--alert:hover[b-r1y553xgqd]::before {
    background: var(--color-danger);
}

/* #endregion */

/* #region CARD TOP */

.stat-card-top[b-r1y553xgqd] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stat-icon[b-r1y553xgqd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--border-radius-sm);
    flex-shrink: 0;
}

    .stat-icon svg[b-r1y553xgqd] {
        width: 17px;
        height: 17px;
    }

.stat-icon--primary[b-r1y553xgqd] {
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.08);
}

.stat-icon--danger[b-r1y553xgqd] {
    color: var(--color-danger);
    background: rgba(255, 51, 51, 0.08);
}

.stat-icon--neutral[b-r1y553xgqd] {
    color: var(--color-text-secondary);
    background: rgba(255, 255, 255, 0.04);
}

.stat-label[b-r1y553xgqd] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    line-height: 1.3;
}

/* #endregion */

/* #region STAT VALUE */

.stat-value[b-r1y553xgqd] {
    font-size: clamp(34px, 4vw, 46px);
    font-weight: 800;
    letter-spacing: -.045em;
    color: var(--color-text-primary);
    line-height: 1;
}

.stat-value--danger[b-r1y553xgqd] {
    color: var(--color-danger);
}

/* #endregion */

/* #region STAT TREND */

.stat-trend[b-r1y553xgqd] {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 100px;
    width: fit-content;
    line-height: 1.4;
}

.stat-trend--up[b-r1y553xgqd] {
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.08);
}

.stat-trend--neutral[b-r1y553xgqd] {
    color: var(--color-text-secondary);
    background: rgba(255, 255, 255, 0.04);
}

.stat-trend--danger[b-r1y553xgqd] {
    color: var(--color-danger);
    background: rgba(255, 51, 51, 0.08);
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 520px) {
    .stats-row[b-r1y553xgqd] {
        gap: 12px;
    }

    .stat-card[b-r1y553xgqd] {
        padding: 18px 16px;
        gap: 10px;
    }
}

@media (max-width: 360px) {
    .stats-row[b-r1y553xgqd] {
        grid-template-columns: 1fr;
    }
}

/* #endregion */
/* /Components/Pages/ForgotPasswordConfirm/ForgotPasswordConfirm.razor.rz.scp.css */
/* #region SHELL */
.fpc-shell[b-ab92vt5jyo] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    background: var(--color-bg-base);
    overflow: hidden;
}

.shell-grid[b-ab92vt5jyo] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(111, 255, 0, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(111, 255, 0, 0.03) 1px, transparent 1px);
    background-size: 52px 52px;
    pointer-events: none;
}

.shell-vignette[b-ab92vt5jyo] {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 90% 70% at 50% 50%, transparent 30%, var(--color-bg-base) 100%);
    pointer-events: none;
}
/* #endregion */

/* #region CARD */
.fpc-card[b-ab92vt5jyo] {
    position: relative;
    width: 100%;
    max-width: 460px;
    padding: 52px 48px 44px;
    background: #121212;
    border: 1px solid rgba(111, 255, 0, 0.18);
    border-radius: 20px;
    box-shadow:
        0 0 0 1px rgba(111, 255, 0, 0.04),
        0 32px 80px rgba(0, 0, 0, 0.75),
        0 0 60px rgba(111, 255, 0, 0.06);
    animation: card-rise-b-ab92vt5jyo .35s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes card-rise-b-ab92vt5jyo {
    from { opacity: 0; transform: translateY(20px) scale(0.985); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
/* #endregion */

/* #region BRAND */
.brand[b-ab92vt5jyo] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 36px;
    animation: fade-up-b-ab92vt5jyo .3s cubic-bezier(0.22, 1, 0.36, 1) .08s both;
}

.brand-mark[b-ab92vt5jyo] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.brand-circle[b-ab92vt5jyo] {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--color-primary);
    animation: glow-pulse-b-ab92vt5jyo 2.8s ease-in-out infinite;
}

.brand-triangle[b-ab92vt5jyo] {
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 18px solid var(--color-primary);
    filter: drop-shadow(0 0 5px rgba(111, 255, 0, 0.5));
}

@keyframes glow-pulse-b-ab92vt5jyo {
    0%, 100% { box-shadow: 0 0 6px rgba(111, 255, 0, 0.4); }
    50%       { box-shadow: 0 0 18px rgba(111, 255, 0, 0.85); }
}

.brand-text[b-ab92vt5jyo] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.eyebrow[b-ab92vt5jyo] {
    display: block;
    color: var(--color-primary);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.brand-name[b-ab92vt5jyo] {
    display: block;
    color: var(--color-text-primary);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.02em;
}
/* #endregion */

/* #region INTRO */
.intro[b-ab92vt5jyo] {
    margin-bottom: 38px;
    animation: fade-up-b-ab92vt5jyo .3s cubic-bezier(0.22, 1, 0.36, 1) .14s both;
}

.fpc-card h1[b-ab92vt5jyo] {
    margin: 0 0 10px;
    font-size: clamp(22px, 5vw, 30px);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.1;
    color: var(--color-text-primary);
}

.subtitle[b-ab92vt5jyo] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 1.6;
}
/* #endregion */

/* #region FORM */
.fpc-form[b-ab92vt5jyo] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    animation: fade-up-b-ab92vt5jyo .3s cubic-bezier(0.22, 1, 0.36, 1) .2s both;
}

.field[b-ab92vt5jyo] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.field label[b-ab92vt5jyo] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

.field input[b-ab92vt5jyo] {
    display: block;
    width: 100%;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    color: var(--color-text-primary);
    font: inherit;
    font-size: 15px;
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
    box-sizing: border-box;
}

    .field input[b-ab92vt5jyo]::placeholder {
        color: #383838;
    }

    .field input:hover[b-ab92vt5jyo] {
        border-color: #3a3a3a;
    }

    .field input:focus[b-ab92vt5jyo] {
        background: rgba(111, 255, 0, 0.025);
        border-color: var(--color-primary);
        box-shadow: 0 0 0 3px rgba(111, 255, 0, 0.08);
    }
/* #endregion */

/* #region BUTTON */
.btn-primary[b-ab92vt5jyo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 6px;
    padding: 18px 24px;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 10px;
    color: #000000;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    position: relative;
    overflow: hidden;
    transition: background .22s, color .22s, box-shadow .22s;
}

    .btn-primary[b-ab92vt5jyo]::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 60%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
        transform: skewX(-20deg);
        transition: left .5s ease;
    }

    .btn-primary:hover[b-ab92vt5jyo]::after {
        left: 160%;
    }

    .btn-primary:hover[b-ab92vt5jyo],
    .btn-primary:focus-visible[b-ab92vt5jyo] {
        background: transparent;
        color: var(--color-primary);
        box-shadow:
            0 0 0 1px var(--color-primary),
            0 0 28px rgba(111, 255, 0, 0.12);
    }

    .btn-primary:focus-visible[b-ab92vt5jyo] {
        outline: 2px solid var(--color-primary);
        outline-offset: 3px;
    }

.btn-arrow[b-ab92vt5jyo] {
    display: inline-block;
    font-size: 16px;
    transition: transform .22s;
}

    .btn-primary:hover .btn-arrow[b-ab92vt5jyo],
    .btn-primary:focus-visible .btn-arrow[b-ab92vt5jyo] {
        transform: translateX(5px);
    }
/* #endregion */

/* #region KEYFRAMES */
@keyframes fade-up-b-ab92vt5jyo {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* #endregion */

/* #region RESPONSIVE */
@media (max-width: 520px) {
    .fpc-shell[b-ab92vt5jyo] {
        align-items: flex-start;
        padding: 60px 16px 40px;
    }

    .fpc-card[b-ab92vt5jyo] {
        padding: 36px 24px 32px;
        border-radius: 16px;
    }
}

@media (max-width: 360px) {
    .fpc-card h1[b-ab92vt5jyo] {
        font-size: 20px;
    }
}
/* #endregion */
/* /Components/Pages/ForgotPassword/ForgotPassword.razor.rz.scp.css */
/* #region SHELL */
.forgot-shell[b-qnadeov7fs] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    background: var(--color-bg-base);
    overflow: hidden;
}

.shell-grid[b-qnadeov7fs] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(111, 255, 0, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(111, 255, 0, 0.03) 1px, transparent 1px);
    background-size: 52px 52px;
    pointer-events: none;
}

.shell-vignette[b-qnadeov7fs] {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 90% 70% at 50% 50%, transparent 30%, var(--color-bg-base) 100%);
    pointer-events: none;
}
/* #endregion */

/* #region CARD */
.forgot-card[b-qnadeov7fs] {
    position: relative;
    width: 100%;
    max-width: 460px;
    padding: 52px 48px 44px;
    background: #121212;
    border: 1px solid rgba(111, 255, 0, 0.18);
    border-radius: var(--border-radius-lg);
    box-shadow:
        0 0 0 1px rgba(111, 255, 0, 0.04),
        0 32px 80px rgba(0, 0, 0, 0.75),
        0 0 60px rgba(111, 255, 0, 0.04);
    animation: card-rise-b-qnadeov7fs .35s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes card-rise-b-qnadeov7fs {
    from { opacity: 0; transform: translateY(20px) scale(0.985); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
/* #endregion */

/* #region BRAND */
.brand[b-qnadeov7fs] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 36px;
    animation: fade-up-b-qnadeov7fs .3s cubic-bezier(0.22, 1, 0.36, 1) .08s both;
}

.brand-mark[b-qnadeov7fs] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.brand-circle[b-qnadeov7fs] {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--color-primary);
    animation: glow-pulse-b-qnadeov7fs 2.8s ease-in-out infinite;
}

.brand-triangle[b-qnadeov7fs] {
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 18px solid var(--color-primary);
    filter: drop-shadow(0 0 5px rgba(111, 255, 0, 0.5));
}

@keyframes glow-pulse-b-qnadeov7fs {
    0%, 100% { box-shadow: 0 0 6px rgba(111, 255, 0, 0.4); }
    50%       { box-shadow: 0 0 18px rgba(111, 255, 0, 0.85); }
}

.brand-text[b-qnadeov7fs] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.eyebrow[b-qnadeov7fs] {
    display: block;
    color: var(--color-primary);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.brand-name[b-qnadeov7fs] {
    display: block;
    color: var(--color-text-primary);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.02em;
}
/* #endregion */

/* #region INTRO */
.intro[b-qnadeov7fs] {
    margin-bottom: 38px;
    animation: fade-up-b-qnadeov7fs .3s cubic-bezier(0.22, 1, 0.36, 1) .14s both;
}

.forgot-card h1[b-qnadeov7fs] {
    margin: 0 0 10px;
    font-size: clamp(22px, 5vw, 30px);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.1;
    color: var(--color-text-primary);
}

.subtitle[b-qnadeov7fs] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 1.6;
}
/* #endregion */

/* #region FORM */
.forgot-form[b-qnadeov7fs] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    animation: fade-up-b-qnadeov7fs .3s cubic-bezier(0.22, 1, 0.36, 1) .2s both;
}

.field[b-qnadeov7fs] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.field label[b-qnadeov7fs] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

.field input[b-qnadeov7fs] {
    display: block;
    width: 100%;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font: inherit;
    font-size: 15px;
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
    box-sizing: border-box;
}

    .field input[b-qnadeov7fs]::placeholder {
        color: #383838;
    }

    .field input:hover[b-qnadeov7fs] {
        border-color: #3a3a3a;
    }

    .field input:focus[b-qnadeov7fs] {
        background: rgba(111, 255, 0, 0.025);
        border-color: var(--color-primary);
        box-shadow: 0 0 0 3px rgba(111, 255, 0, 0.08);
    }
/* #endregion */

/* #region BUTTON */
.btn-primary[b-qnadeov7fs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 6px;
    padding: 18px 24px;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius-sm);
    color: #000000;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    position: relative;
    overflow: hidden;
    transition: background .22s, color .22s, box-shadow .22s;
}

    .btn-primary[b-qnadeov7fs]::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 60%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
        transform: skewX(-20deg);
        transition: left .5s ease;
    }

    .btn-primary:hover[b-qnadeov7fs]::after {
        left: 160%;
    }

    .btn-primary:hover[b-qnadeov7fs],
    .btn-primary:focus-visible[b-qnadeov7fs] {
        background: transparent;
        color: var(--color-primary);
        box-shadow:
            0 0 0 1px var(--color-primary),
            0 0 28px rgba(111, 255, 0, 0.12);
    }

    .btn-primary:focus-visible[b-qnadeov7fs] {
        outline: 2px solid var(--color-primary);
        outline-offset: 3px;
    }

.btn-arrow[b-qnadeov7fs] {
    display: inline-block;
    font-size: 16px;
    transition: transform .22s;
}

    .btn-primary:hover .btn-arrow[b-qnadeov7fs],
    .btn-primary:focus-visible .btn-arrow[b-qnadeov7fs] {
        transform: translateX(5px);
    }
/* #endregion */

/* #region BACK LINK */
.back-link-row[b-qnadeov7fs] {
    margin-top: 28px;
    text-align: center;
    font-size: 13px;
    animation: fade-up-b-qnadeov7fs .3s cubic-bezier(0.22, 1, 0.36, 1) .26s both;
}

.back-link[b-qnadeov7fs] {
    color: var(--color-text-secondary);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #383838;
    text-underline-offset: 3px;
    transition: color .18s, text-decoration-color .18s;
}

    .back-link:hover[b-qnadeov7fs] {
        color: var(--color-primary);
        text-decoration-color: var(--color-primary);
    }
/* #endregion */

/* #region KEYFRAMES */
@keyframes fade-up-b-qnadeov7fs {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* #endregion */

/* #region RESPONSIVE */
@media (max-width: 520px) {
    .forgot-shell[b-qnadeov7fs] {
        align-items: flex-start;
        padding: 60px 16px 40px;
    }

    .forgot-card[b-qnadeov7fs] {
        padding: 36px 24px 32px;
    }
}

@media (max-width: 360px) {
    .forgot-card h1[b-qnadeov7fs] {
        font-size: 20px;
    }
}
/* #endregion */
/* /Components/Pages/Inbound/InboundForm.razor.rz.scp.css */
/* #region SHELL */

.ib-shell[b-kgp5rnvnbp] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 120px;
}

.ib-container[b-kgp5rnvnbp] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes ib-fade-up-b-kgp5rnvnbp {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region HEADER */

.ib-header[b-kgp5rnvnbp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: ib-fade-up-b-kgp5rnvnbp .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.ib-title[b-kgp5rnvnbp] {
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.05;
    margin-bottom: 6px;
}

.ib-subtitle[b-kgp5rnvnbp] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

/* #endregion */

/* #region FORM */

.ib-form[b-kgp5rnvnbp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* #endregion */

/* #region CARDS */

.ib-card[b-kgp5rnvnbp] {
    position: relative;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ib-card[b-kgp5rnvnbp]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background .2s ease;
}

.ib-card:hover[b-kgp5rnvnbp] {
    border-color: rgba(111, 255, 0, 0.2);
    box-shadow: 0 0 28px rgba(111, 255, 0, 0.05), 0 10px 28px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

.ib-card:hover[b-kgp5rnvnbp]::before,
.ib-card:focus-within[b-kgp5rnvnbp]::before {
    background: var(--color-primary);
}

.ib-card:focus-within[b-kgp5rnvnbp] {
    border-color: rgba(111, 255, 0, 0.2);
}

.ib-form .ib-card:nth-child(1)[b-kgp5rnvnbp] { animation: ib-fade-up-b-kgp5rnvnbp .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both; }
.ib-form .ib-card:nth-child(2)[b-kgp5rnvnbp] { animation: ib-fade-up-b-kgp5rnvnbp .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both; }
.ib-form .ib-card:nth-child(3)[b-kgp5rnvnbp] { animation: ib-fade-up-b-kgp5rnvnbp .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both; }
.ib-form .ib-card:nth-child(4)[b-kgp5rnvnbp] { animation: ib-fade-up-b-kgp5rnvnbp .3s cubic-bezier(0.22, 1, 0.36, 1) .24s both; }

/* #endregion */

/* #region CARD HEADER */

.ib-card-header[b-kgp5rnvnbp] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.ib-step-icon[b-kgp5rnvnbp] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--border-radius-sm);
    background: rgba(111, 255, 0, 0.08);
    color: var(--color-primary);
}

.ib-step-icon svg[b-kgp5rnvnbp] {
    width: 17px;
    height: 17px;
}

.ib-step-icon--muted[b-kgp5rnvnbp] {
    background: rgba(255, 255, 255, 0.04);
    color: var(--color-text-secondary);
}

.ib-card-meta[b-kgp5rnvnbp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ib-step-num[b-kgp5rnvnbp] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-primary);
    line-height: 1;
}

.ib-card-title[b-kgp5rnvnbp] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ib-card-desc[b-kgp5rnvnbp] {
    font-size: 13px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.ib-optional-tag[b-kgp5rnvnbp] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-border);
    border-radius: 100px;
    padding: 2px 8px;
}

/* #endregion */

/* #region FIELD & LABEL */

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

.ib-label[b-kgp5rnvnbp] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

/* #endregion */

/* #region SELECT (STEP 1) */

.ib-select[b-kgp5rnvnbp] {
    width: 100%;
    padding: 12px 40px 12px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    transition: border-color 0.15s ease;
    min-height: 48px;
}

.ib-select:focus[b-kgp5rnvnbp] {
    border-color: var(--color-primary);
}

.ib-select option[b-kgp5rnvnbp] {
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
}

/* #endregion */

/* #region PRODUCT SEARCH (STEP 2) */

.ib-search-wrap[b-kgp5rnvnbp] {
    position: relative;
    width: 100%;
}

.ib-search-icon[b-kgp5rnvnbp] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--color-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.ib-search-input[b-kgp5rnvnbp] {
    width: 100%;
    padding: 12px 14px 12px 38px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
    min-height: 48px;
}

.ib-search-input[b-kgp5rnvnbp]::placeholder {
    color: var(--color-text-secondary);
}

.ib-search-input:focus[b-kgp5rnvnbp] {
    border-color: var(--color-primary);
}

/* SUGGESTIONS */

.ib-suggestions[b-kgp5rnvnbp] {
    list-style: none;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
}

.ib-suggestion[b-kgp5rnvnbp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    transition: background 0.1s ease;
}

.ib-suggestion:not(:last-child)[b-kgp5rnvnbp] {
    border-bottom: 1px solid var(--color-border);
}

.ib-suggestion:hover[b-kgp5rnvnbp] {
    background: var(--color-bg-surface-alt);
}

.ib-suggestion--active[b-kgp5rnvnbp] {
    background: var(--color-bg-surface);
    border-left: 2px solid var(--color-primary);
}

.ib-suggestion-left[b-kgp5rnvnbp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ib-suggestion-name[b-kgp5rnvnbp] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ib-suggestion-sku[b-kgp5rnvnbp] {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
}

.ib-suggestion-stock[b-kgp5rnvnbp] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-secondary);
    white-space: nowrap;
    flex-shrink: 0;
}

.ib-suggestion-stock--low[b-kgp5rnvnbp] {
    color: var(--color-danger);
}

/* #endregion */

/* #region QUANTITY (STEP 3) */

.ib-qty-row[b-kgp5rnvnbp] {
    display: flex;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    height: 72px;
    transition: border-color 0.15s ease;
}

.ib-qty-row:focus-within[b-kgp5rnvnbp] {
    border-color: var(--color-primary);
}

.ib-qty-btn[b-kgp5rnvnbp] {
    flex-shrink: 0;
    width: 72px;
    background: var(--color-bg-surface);
    color: var(--color-text-secondary);
    border: none;
    border-right: 1px solid var(--color-border);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}

.ib-qty-btn svg[b-kgp5rnvnbp] {
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.ib-qty-btn--inc[b-kgp5rnvnbp] {
    border-right: none;
    border-left: 1px solid var(--color-border);
    color: var(--color-primary);
}

.ib-qty-btn:hover[b-kgp5rnvnbp],
.ib-qty-btn:focus-visible[b-kgp5rnvnbp] {
    background: rgba(111, 255, 0, 0.08);
    color: var(--color-primary);
    outline: none;
}

.ib-qty-btn:active[b-kgp5rnvnbp] {
    background: rgba(111, 255, 0, 0.14);
}

.ib-qty-input[b-kgp5rnvnbp] {
    flex: 1;
    min-width: 0;
    background: var(--color-bg-base);
    color: var(--color-primary);
    border: none;
    text-align: center;
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 800;
    letter-spacing: -0.04em;
    outline: none;
    appearance: textfield;
    -moz-appearance: textfield;
    font-family: var(--font-body);
    line-height: 1;
}

.ib-qty-input[b-kgp5rnvnbp]::-webkit-inner-spin-button,
.ib-qty-input[b-kgp5rnvnbp]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ib-qty-hint[b-kgp5rnvnbp] {
    font-size: 12px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.ib-qty-hint strong[b-kgp5rnvnbp] {
    color: var(--color-text-primary);
    font-weight: 600;
}

.ib-qty-hint--after[b-kgp5rnvnbp] {
    color: var(--color-primary);
    font-weight: 700;
}

/* #endregion */

/* #region NOTES TEXTAREA (STEP 4) */

.ib-textarea[b-kgp5rnvnbp] {
    width: 100%;
    padding: 12px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    line-height: 1.6;
    resize: vertical;
    outline: none;
    min-height: 96px;
    transition: border-color 0.15s ease;
    appearance: none;
}

.ib-textarea[b-kgp5rnvnbp]::placeholder {
    color: var(--color-text-secondary);
}

.ib-textarea:focus[b-kgp5rnvnbp] {
    border-color: var(--color-primary);
}

/* #endregion */

/* #region STICKY FOOTER */

.ib-footer[b-kgp5rnvnbp] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: var(--color-bg-surface);
    border-top: 1px solid var(--color-border);
    padding: 14px 32px 20px;
}

.ib-footer-inner[b-kgp5rnvnbp] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.ib-footer-summary[b-kgp5rnvnbp] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.ib-footer-crumb[b-kgp5rnvnbp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ib-footer-crumb svg[b-kgp5rnvnbp] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.ib-footer-sep[b-kgp5rnvnbp] {
    color: var(--color-border);
    font-size: 16px;
    user-select: none;
    flex-shrink: 0;
}

.ib-footer-qty[b-kgp5rnvnbp] {
    font-size: 14px;
    font-weight: 800;
    color: var(--color-primary);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.ib-confirm-btn[b-kgp5rnvnbp] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    background: var(--color-primary);
    color: #000000;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
    transition: background 0.15s ease;
}

.ib-confirm-btn:hover[b-kgp5rnvnbp] {
    background: var(--color-primary-hover);
}

.ib-confirm-icon[b-kgp5rnvnbp] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .ib-shell[b-kgp5rnvnbp] {
        padding: 28px 20px 108px;
    }

    .ib-container[b-kgp5rnvnbp] {
        gap: 22px;
    }
}

@media (max-width: 600px) {
    .ib-shell[b-kgp5rnvnbp] {
        padding: 20px 14px 100px;
    }

    .ib-header[b-kgp5rnvnbp] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding-bottom: 20px;
    }

    .ib-card[b-kgp5rnvnbp] {
        padding: 18px 16px;
    }

    .ib-qty-row[b-kgp5rnvnbp] {
        height: 80px;
    }

    .ib-qty-btn[b-kgp5rnvnbp] {
        width: 80px;
    }

    .ib-footer[b-kgp5rnvnbp] {
        padding: 12px 14px 18px;
    }

    .ib-footer-inner[b-kgp5rnvnbp] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .ib-footer-summary[b-kgp5rnvnbp] {
        justify-content: center;
    }

    .ib-confirm-btn[b-kgp5rnvnbp] {
        width: 100%;
        justify-content: center;
        padding: 15px 28px;
        font-size: 13px;
    }
}

/* #endregion */
/* /Components/Pages/Internal/NotFound.razor.rz.scp.css */
/* #region SHELL */

.nf-shell[b-a4mmm78kig] {
    min-height: 100vh;
    background: #121212;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
}

.nf-container[b-a4mmm78kig] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    text-align: center;
    max-width: 600px;
    width: 100%;
    animation: nf-fade-up-b-a4mmm78kig 0.35s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* #endregion */

/* #region HERO */

.nf-hero[b-a4mmm78kig] {
    position: relative;
    line-height: 1;
}

.nf-code[b-a4mmm78kig] {
    display: block;
    font-size: clamp(96px, 22vw, 200px);
    font-weight: 800;
    letter-spacing: -0.05em;
    color: transparent;
    -webkit-text-stroke: 2px #6fff00;
    text-stroke: 2px #6fff00;
    user-select: none;
    position: relative;
}

.nf-code[b-a4mmm78kig]::after {
    content: "404";
    position: absolute;
    inset: 0;
    color: #6fff00;
    opacity: 0.06;
    filter: blur(24px);
    pointer-events: none;
}

/* #endregion */

/* #region BODY */

.nf-body[b-a4mmm78kig] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.nf-title[b-a4mmm78kig] {
    font-size: clamp(20px, 4vw, 28px);
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.02em;
    margin: 0;
    line-height: 1.2;
}

.nf-subtitle[b-a4mmm78kig] {
    font-size: 15px;
    color: #a0a0a0;
    line-height: 1.6;
    margin: 0;
}

/* #endregion */

/* #region ACTIONS */

.nf-actions[b-a4mmm78kig] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-top: 8px;
}

.nf-btn-primary[b-a4mmm78kig] {
    display: inline-block;
    padding: 14px 36px;
    background: #6fff00;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid #6fff00;
    transition: background 0.18s ease, color 0.18s ease;
}

.nf-btn-primary:hover[b-a4mmm78kig],
.nf-btn-primary:focus-visible[b-a4mmm78kig] {
    background: transparent;
    color: #6fff00;
    outline: none;
}

.nf-btn-secondary[b-a4mmm78kig] {
    font-size: 13px;
    color: #a0a0a0;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: color 0.18s ease, border-color 0.18s ease;
}

.nf-btn-secondary:hover[b-a4mmm78kig],
.nf-btn-secondary:focus-visible[b-a4mmm78kig] {
    color: #ffffff;
    border-bottom-color: #ffffff;
    outline: none;
}

/* #endregion */

/* #region ANIMATION */

@keyframes nf-fade-up-b-a4mmm78kig {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 480px) {
    .nf-shell[b-a4mmm78kig] {
        padding: 32px 16px;
    }

    .nf-container[b-a4mmm78kig] {
        gap: 24px;
    }

    .nf-btn-primary[b-a4mmm78kig] {
        width: 100%;
        text-align: center;
        padding: 14px 24px;
    }
}

/* #endregion */
/* /Components/Pages/InterWarehouseTransfer/TransferForm.razor.rz.scp.css */
/* #region SHELL */

.trf-shell[b-l6gl8kuprk] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 120px;
}

.trf-container[b-l6gl8kuprk] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes trf-fade-up-b-l6gl8kuprk {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region HEADER */

.trf-header[b-l6gl8kuprk] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: trf-fade-up-b-l6gl8kuprk .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.trf-title[b-l6gl8kuprk] {
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.05;
    margin-bottom: 6px;
}

.trf-subtitle[b-l6gl8kuprk] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.trf-header-badge[b-l6gl8kuprk] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    background: rgba(111, 255, 0, 0.07);
    border: 1px solid rgba(111, 255, 0, 0.2);
    color: var(--color-primary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.trf-header-badge svg[b-l6gl8kuprk] {
    width: 13px;
    height: 13px;
}

/* #endregion */

/* #region FORM */

.trf-form[b-l6gl8kuprk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* #endregion */

/* #region CARDS */

.trf-card[b-l6gl8kuprk] {
    position: relative;
    background: #121212;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.trf-card[b-l6gl8kuprk]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background .2s ease;
}

.trf-card:hover[b-l6gl8kuprk] {
    border-color: rgba(111, 255, 0, 0.2);
    box-shadow: 0 0 32px rgba(111, 255, 0, 0.04), 0 10px 28px rgba(0, 0, 0, 0.5);
    transform: translateY(-2px);
}

.trf-card:hover[b-l6gl8kuprk]::before,
.trf-card:focus-within[b-l6gl8kuprk]::before {
    background: var(--color-primary);
}

.trf-card:focus-within[b-l6gl8kuprk] {
    border-color: rgba(111, 255, 0, 0.2);
}

.trf-form .trf-card:nth-child(1)[b-l6gl8kuprk] { animation: trf-fade-up-b-l6gl8kuprk .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both; }
.trf-form .trf-card:nth-child(2)[b-l6gl8kuprk] { animation: trf-fade-up-b-l6gl8kuprk .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both; }
.trf-form .trf-card:nth-child(3)[b-l6gl8kuprk] { animation: trf-fade-up-b-l6gl8kuprk .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both; }
.trf-form .trf-card:nth-child(4)[b-l6gl8kuprk] { animation: trf-fade-up-b-l6gl8kuprk .3s cubic-bezier(0.22, 1, 0.36, 1) .24s both; }

/* #endregion */

/* #region CARD HEADER */

.trf-card-header[b-l6gl8kuprk] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.trf-step-icon[b-l6gl8kuprk] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(111, 255, 0, 0.08);
    color: var(--color-primary);
}

.trf-step-icon svg[b-l6gl8kuprk] {
    width: 17px;
    height: 17px;
}

.trf-step-icon--dest[b-l6gl8kuprk] {
    background: rgba(111, 255, 0, 0.04);
    color: rgba(111, 255, 0, 0.6);
}

.trf-step-icon--muted[b-l6gl8kuprk] {
    background: rgba(255, 255, 255, 0.04);
    color: var(--color-text-secondary);
}

.trf-card-meta[b-l6gl8kuprk] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.trf-step-num[b-l6gl8kuprk] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-primary);
    line-height: 1;
}

.trf-card-title[b-l6gl8kuprk] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.trf-card-desc[b-l6gl8kuprk] {
    font-size: 13px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.trf-card-desc em[b-l6gl8kuprk] {
    font-style: normal;
    color: var(--color-primary);
    font-weight: 600;
}

.trf-optional-tag[b-l6gl8kuprk] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-border);
    border-radius: 100px;
    padding: 2px 8px;
}

/* #endregion */

/* #region ROUTE CARD (STEPS 1 & 2) */

.trf-card--route[b-l6gl8kuprk] {
    gap: 0;
    padding: 0;
}

.trf-route-block[b-l6gl8kuprk] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px;
}

.trf-route-connector[b-l6gl8kuprk] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0 28px;
}

.trf-connector-line[b-l6gl8kuprk] {
    flex: 1;
    height: 1px;
    background: var(--color-border);
}

.trf-connector-node[b-l6gl8kuprk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-primary);
    background: rgba(111, 255, 0, 0.06);
    color: var(--color-primary);
    flex-shrink: 0;
}

.trf-connector-node svg[b-l6gl8kuprk] {
    width: 18px;
    height: 18px;
}

/* Divider between the two route blocks */
.trf-route-block + .trf-route-connector[b-l6gl8kuprk] {
    border-top: 1px dashed var(--color-border);
    border-bottom: 1px dashed var(--color-border);
    padding: 12px 28px;
}

.trf-route-block:last-child[b-l6gl8kuprk] {
    border-top: none;
}

/* #endregion */

/* #region FIELD & LABEL */

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

.trf-label[b-l6gl8kuprk] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

/* #endregion */

/* #region SELECT (STEPS 1 & 2) */

.trf-select[b-l6gl8kuprk] {
    width: 100%;
    padding: 14px 44px 14px 16px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font-body);
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    min-height: 56px;
}

.trf-select:focus[b-l6gl8kuprk] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 1px var(--color-primary);
}

.trf-select--source:focus[b-l6gl8kuprk] {
    border-color: var(--color-primary);
}

.trf-select--dest:focus[b-l6gl8kuprk] {
    border-color: rgba(111, 255, 0, 0.6);
}

.trf-select option[b-l6gl8kuprk],
.trf-select optgroup[b-l6gl8kuprk] {
    background: #121212;
    color: var(--color-text-primary);
}

/* #endregion */

/* #region PRODUCT SEARCH (STEP 3) */

.trf-product-row[b-l6gl8kuprk] {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.trf-search-wrap[b-l6gl8kuprk] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.trf-search-icon[b-l6gl8kuprk] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--color-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.trf-search-input[b-l6gl8kuprk] {
    width: 100%;
    padding: 14px 14px 14px 42px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
    min-height: 52px;
}

.trf-search-input[b-l6gl8kuprk]::placeholder {
    color: var(--color-text-secondary);
}

.trf-search-input:focus[b-l6gl8kuprk] {
    border-color: var(--color-primary);
}

.trf-scan-btn[b-l6gl8kuprk] {
    flex-shrink: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 0 18px;
    background: #121212;
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    font-family: var(--font-body);
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    min-height: 52px;
}

.trf-scan-btn svg[b-l6gl8kuprk] {
    width: 18px;
    height: 18px;
}

.trf-scan-label[b-l6gl8kuprk] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.trf-scan-btn:hover[b-l6gl8kuprk],
.trf-scan-btn:focus-visible[b-l6gl8kuprk] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.05);
    outline: none;
}

/* SUGGESTIONS */

.trf-suggestions[b-l6gl8kuprk] {
    list-style: none;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

.trf-suggestion[b-l6gl8kuprk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.1s ease;
}

.trf-suggestion:not(:last-child)[b-l6gl8kuprk] {
    border-bottom: 1px solid var(--color-border);
}

.trf-suggestion:hover[b-l6gl8kuprk] {
    background: var(--color-bg-surface-alt);
}

.trf-suggestion--active[b-l6gl8kuprk] {
    background: #121212;
    border-left: 2px solid var(--color-primary);
}

.trf-suggestion-left[b-l6gl8kuprk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.trf-suggestion-name[b-l6gl8kuprk] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trf-suggestion-sku[b-l6gl8kuprk] {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
}

.trf-suggestion-stock[b-l6gl8kuprk] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-secondary);
    white-space: nowrap;
    flex-shrink: 0;
}

/* #endregion */

/* #region STOCK INDICATOR (STEP 3) */

.trf-stock-indicator[b-l6gl8kuprk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 18px 20px;
    background: var(--color-bg-base);
    border: 1px solid rgba(111, 255, 0, 0.25);
    border-left: 3px solid var(--color-primary);
}

.trf-stock-label-row[b-l6gl8kuprk] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--color-text-secondary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.trf-stock-label-row svg[b-l6gl8kuprk] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}

.trf-stock-value-row[b-l6gl8kuprk] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.trf-stock-value[b-l6gl8kuprk] {
    font-size: clamp(36px, 6vw, 52px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-primary);
    line-height: 1;
}

.trf-stock-unit[b-l6gl8kuprk] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-secondary);
}

.trf-stock-context[b-l6gl8kuprk] {
    font-size: 12px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
}

/* #endregion */

/* #region QUANTITY (STEP 4) */

.trf-qty-row[b-l6gl8kuprk] {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--color-border);
    overflow: hidden;
    height: 80px;
    transition: border-color 0.15s ease;
}

.trf-qty-row:focus-within[b-l6gl8kuprk] {
    border-color: var(--color-primary);
}

.trf-qty-btn[b-l6gl8kuprk] {
    flex-shrink: 0;
    width: 80px;
    background: #121212;
    color: var(--color-text-secondary);
    border: none;
    border-right: 1px solid var(--color-border);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}

.trf-qty-btn svg[b-l6gl8kuprk] {
    width: 22px;
    height: 22px;
    pointer-events: none;
}

.trf-qty-btn--inc[b-l6gl8kuprk] {
    border-right: none;
    border-left: 1px solid var(--color-border);
    color: var(--color-primary);
}

.trf-qty-btn:hover[b-l6gl8kuprk],
.trf-qty-btn:focus-visible[b-l6gl8kuprk] {
    background: rgba(111, 255, 0, 0.07);
    color: var(--color-primary);
    outline: none;
}

.trf-qty-btn:active[b-l6gl8kuprk] {
    background: rgba(111, 255, 0, 0.13);
}

.trf-qty-input[b-l6gl8kuprk] {
    flex: 1;
    background: var(--color-bg-base);
    color: var(--color-primary);
    border: none;
    text-align: center;
    font-size: clamp(32px, 5vw, 44px);
    font-weight: 800;
    letter-spacing: -0.04em;
    outline: none;
    appearance: textfield;
    -moz-appearance: textfield;
    font-family: var(--font-body);
    line-height: 1;
}

.trf-qty-input[b-l6gl8kuprk]::-webkit-inner-spin-button,
.trf-qty-input[b-l6gl8kuprk]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.trf-qty-hint[b-l6gl8kuprk] {
    font-size: 12px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.trf-qty-hint strong[b-l6gl8kuprk] {
    color: var(--color-text-primary);
    font-weight: 600;
}

.trf-qty-hint--warn[b-l6gl8kuprk] {
    color: var(--color-primary);
    font-weight: 700;
}

/* #endregion */

/* #region NOTES TEXTAREA (STEP 5) */

.trf-textarea[b-l6gl8kuprk] {
    width: 100%;
    padding: 14px 16px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    line-height: 1.6;
    resize: vertical;
    outline: none;
    min-height: 96px;
    transition: border-color 0.15s ease;
    appearance: none;
}

.trf-textarea[b-l6gl8kuprk]::placeholder {
    color: var(--color-text-secondary);
}

.trf-textarea:focus[b-l6gl8kuprk] {
    border-color: var(--color-primary);
}

/* #endregion */

/* #region STICKY FOOTER */

.trf-footer[b-l6gl8kuprk] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #121212;
    border-top: 1px solid var(--color-border);
    padding: 14px 32px 20px;
}

.trf-footer-inner[b-l6gl8kuprk] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.trf-footer-summary[b-l6gl8kuprk] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.trf-footer-crumb[b-l6gl8kuprk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trf-footer-crumb svg[b-l6gl8kuprk] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.trf-footer-arrow[b-l6gl8kuprk] {
    display: inline-flex;
    align-items: center;
    color: var(--color-primary);
    flex-shrink: 0;
}

.trf-footer-arrow svg[b-l6gl8kuprk] {
    width: 14px;
    height: 14px;
}

.trf-footer-sep[b-l6gl8kuprk] {
    color: var(--color-border);
    font-size: 16px;
    user-select: none;
    flex-shrink: 0;
}

.trf-footer-qty[b-l6gl8kuprk] {
    font-size: 14px;
    font-weight: 800;
    color: var(--color-primary);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.trf-confirm-btn[b-l6gl8kuprk] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 32px;
    background: var(--color-primary);
    color: #000000;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.trf-confirm-btn:hover[b-l6gl8kuprk] {
    background: #8fff33;
    box-shadow: 0 0 24px rgba(111, 255, 0, 0.3);
}

.trf-confirm-btn:active[b-l6gl8kuprk] {
    background: #5ad100;
}

.trf-confirm-icon[b-l6gl8kuprk] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .trf-shell[b-l6gl8kuprk] {
        padding: 28px 20px 108px;
    }

    .trf-container[b-l6gl8kuprk] {
        gap: 20px;
    }

    .trf-card[b-l6gl8kuprk] {
        padding: 22px;
    }

    .trf-route-block[b-l6gl8kuprk] {
        padding: 22px;
    }

    .trf-route-connector[b-l6gl8kuprk] {
        padding: 10px 22px;
    }
}

@media (max-width: 600px) {
    .trf-shell[b-l6gl8kuprk] {
        padding: 20px 14px 100px;
    }

    .trf-header[b-l6gl8kuprk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding-bottom: 20px;
    }

    .trf-card[b-l6gl8kuprk] {
        padding: 18px 16px;
    }

    .trf-route-block[b-l6gl8kuprk] {
        padding: 18px 16px;
    }

    .trf-route-connector[b-l6gl8kuprk] {
        padding: 10px 16px;
    }

    .trf-select[b-l6gl8kuprk] {
        font-size: 14px;
        min-height: 52px;
    }

    .trf-qty-row[b-l6gl8kuprk] {
        height: 88px;
    }

    .trf-qty-btn[b-l6gl8kuprk] {
        width: 72px;
    }

    .trf-footer[b-l6gl8kuprk] {
        padding: 12px 14px 18px;
    }

    .trf-footer-inner[b-l6gl8kuprk] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .trf-footer-summary[b-l6gl8kuprk] {
        justify-content: center;
    }

    .trf-confirm-btn[b-l6gl8kuprk] {
        width: 100%;
        justify-content: center;
        padding: 17px 28px;
        font-size: 13px;
    }
}

/* #endregion */
/* /Components/Pages/Login/LoginSection.razor.rz.scp.css */
/* #region SHELL */
.login-shell[b-sdxme7s8va] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: var(--color-bg-base);
    overflow: hidden;
}

.shell-grid[b-sdxme7s8va] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(111, 255, 0, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(111, 255, 0, 0.03) 1px, transparent 1px);
    background-size: 52px 52px;
    pointer-events: none;
}

.shell-vignette[b-sdxme7s8va] {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 70% at 50% 50%, transparent 35%, var(--color-bg-base) 100%);
    pointer-events: none;
}
/* #endregion */

/* #region CARD */
.login-card[b-sdxme7s8va] {
    position: relative;
    width: 100%;
    max-width: 460px;
    padding: 52px 48px 48px;
    background: var(--color-bg-surface);
    border: 1px solid rgba(111, 255, 0, 0.18);
    border-radius: var(--border-radius-lg);
    box-shadow:
        0 0 0 1px rgba(111, 255, 0, 0.04),
        0 32px 80px rgba(0, 0, 0, 0.7),
        0 0 60px rgba(111, 255, 0, 0.04);
    animation: card-rise-b-sdxme7s8va .35s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes card-rise-b-sdxme7s8va {
    from { opacity: 0; transform: translateY(20px) scale(0.985); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
/* #endregion */

/* #region BRAND */
.brand[b-sdxme7s8va] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 40px;
    animation: fade-up-b-sdxme7s8va .3s cubic-bezier(0.22, 1, 0.36, 1) .1s both;
}

.brand-mark[b-sdxme7s8va] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.brand-circle[b-sdxme7s8va] {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--color-primary);
    animation: glow-pulse-b-sdxme7s8va 2.8s ease-in-out infinite;
}

.brand-triangle[b-sdxme7s8va] {
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 18px solid var(--color-primary);
    filter: drop-shadow(0 0 5px rgba(111, 255, 0, 0.5));
}

@keyframes glow-pulse-b-sdxme7s8va {
    0%, 100% { box-shadow: 0 0 6px rgba(111, 255, 0, 0.4); }
    50%       { box-shadow: 0 0 18px rgba(111, 255, 0, 0.85); }
}

.brand-text[b-sdxme7s8va] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.eyebrow[b-sdxme7s8va] {
    display: block;
    color: var(--color-primary);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.brand-name[b-sdxme7s8va] {
    display: block;
    color: var(--color-text-primary);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.02em;
}
/* #endregion */

/* #region INTRO */
.intro[b-sdxme7s8va] {
    margin-bottom: 40px;
    animation: fade-up-b-sdxme7s8va .3s cubic-bezier(0.22, 1, 0.36, 1) .16s both;
}

.login-card h1[b-sdxme7s8va] {
    margin: 0 0 10px;
    font-size: clamp(32px, 6vw, 44px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.05;
}

.subtitle[b-sdxme7s8va] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 1.6;
}
/* #endregion */

/* #region FORM */
.login-form[b-sdxme7s8va] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    animation: fade-up-b-sdxme7s8va .3s cubic-bezier(0.22, 1, 0.36, 1) .22s both;
}

.field[b-sdxme7s8va] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.field-top[b-sdxme7s8va] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.field label[b-sdxme7s8va] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

.forgot-link[b-sdxme7s8va] {
    font-size: 11px;
    color: var(--color-text-secondary);
    white-space: nowrap;
    transition: color .2s;
}

    .forgot-link:hover[b-sdxme7s8va] {
        color: var(--color-primary);
    }

.field input[b-sdxme7s8va] {
    display: block;
    width: 100%;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font: inherit;
    font-size: 15px;
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
}

    .field input[b-sdxme7s8va]::placeholder {
        color: #383838;
    }

    .field input:hover[b-sdxme7s8va] {
        border-color: #3a3a3a;
    }

    .field input:focus[b-sdxme7s8va] {
        background: rgba(111, 255, 0, 0.025);
        border-color: var(--color-primary);
        box-shadow: 0 0 0 3px rgba(111, 255, 0, 0.08);
    }
/* #endregion */

/* #region BUTTON */
.btn-signin[b-sdxme7s8va] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 6px;
    padding: 16px 24px;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius-sm);
    color: var(--color-bg-base);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    position: relative;
    overflow: hidden;
    transition: background .22s, color .22s, box-shadow .22s;
}

    .btn-signin[b-sdxme7s8va]::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 60%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
        transform: skewX(-20deg);
        transition: left .5s ease;
    }

    .btn-signin:hover[b-sdxme7s8va]::after {
        left: 160%;
    }

    .btn-signin:hover[b-sdxme7s8va],
    .btn-signin:focus-visible[b-sdxme7s8va] {
        background: transparent;
        color: var(--color-primary);
        box-shadow: 0 0 24px rgba(111, 255, 0, 0.12);
    }

    .btn-signin:focus-visible[b-sdxme7s8va] {
        outline: 2px solid var(--color-primary);
        outline-offset: 3px;
    }



    .btn-signin.loading[b-sdxme7s8va]{
        background: transparent;
        height: 150px;
        pointer-events: none;
    }



.btn-arrow[b-sdxme7s8va] {
    display: inline-block;
    font-size: 16px;
    transition: transform .22s;
}

    .btn-signin:hover .btn-arrow[b-sdxme7s8va],
    .btn-signin:focus-visible .btn-arrow[b-sdxme7s8va] {
        transform: translateX(5px);
    }
/* #endregion */

/* #region SECURITY NOTE */
.security-note[b-sdxme7s8va] {
    margin-top: 32px;
    color: #383838;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-align: center;
    animation: fade-up-b-sdxme7s8va .3s cubic-bezier(0.22, 1, 0.36, 1) .28s both;
}
/* #endregion */

/* #region KEYFRAMES */
@keyframes fade-up-b-sdxme7s8va {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* #endregion */

/* #region RESPONSIVE */
@media (max-width: 520px) {
    .login-shell[b-sdxme7s8va] {
        align-items: flex-start;
        padding: 80px 16px 32px;
    }

    .login-card[b-sdxme7s8va] {
        padding: 36px 24px 32px;
    }

}

@media (max-width: 360px) {
    .login-card[b-sdxme7s8va] {
        padding: 28px 18px 28px;
    }

    .login-card h1[b-sdxme7s8va] {
        font-size: 28px;
    }
}
/* #endregion */
/* /Components/Pages/Movements/History.razor.rz.scp.css */
/* #region SHELL */

.mv-shell[b-zbs0184tcw] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 80px;
}

.mv-container[b-zbs0184tcw] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes mv-fade-up-b-zbs0184tcw {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region HEADER */

.mv-header[b-zbs0184tcw] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: mv-fade-up-b-zbs0184tcw .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.mv-header-text[b-zbs0184tcw] {
    flex: 1;
    min-width: 0;
}

.mv-title[b-zbs0184tcw] {
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.05;
    margin-bottom: 6px;
}

.mv-subtitle[b-zbs0184tcw] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.mv-header-actions[b-zbs0184tcw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.mv-header-badge[b-zbs0184tcw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 6px 14px;
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: 0;
    font-size: 11px;
    font-weight: 700;
    font-family: var(--font-body);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    white-space: nowrap;
}

.mv-header-badge svg[b-zbs0184tcw] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}

.mv-header-badge:hover[b-zbs0184tcw],
.mv-header-badge:focus-visible[b-zbs0184tcw] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.05);
    outline: none;
}

/* #endregion */

/* #region CARDS */

.mv-card[b-zbs0184tcw] {
    position: relative;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.mv-card[b-zbs0184tcw]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background .2s ease;
}

.mv-card:hover[b-zbs0184tcw] {
    border-color: rgba(111, 255, 0, 0.2);
    box-shadow: 0 0 28px rgba(111, 255, 0, 0.05), 0 10px 28px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

.mv-card:hover[b-zbs0184tcw]::before,
.mv-card:focus-within[b-zbs0184tcw]::before {
    background: var(--color-primary);
}

.mv-card:focus-within[b-zbs0184tcw] {
    border-color: rgba(111, 255, 0, 0.2);
}

.mv-card--filters[b-zbs0184tcw] {
    padding: 24px;
    animation: mv-fade-up-b-zbs0184tcw .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both;
}

.mv-card--table[b-zbs0184tcw] {
    padding: 0;
    animation: mv-fade-up-b-zbs0184tcw .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both;
}

.mv-card--mobile[b-zbs0184tcw] {
    padding: 18px;
    gap: 12px;
}

/* #endregion */

/* #region CARD HEADER */

.mv-card-header[b-zbs0184tcw] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.mv-card-icon[b-zbs0184tcw] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--border-radius-sm);
    background: rgba(111, 255, 0, 0.08);
    color: var(--color-primary);
}

.mv-card-icon svg[b-zbs0184tcw] {
    width: 17px;
    height: 17px;
}

.mv-card-meta[b-zbs0184tcw] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.mv-card-eyebrow[b-zbs0184tcw] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-primary);
    line-height: 1;
}

.mv-card-title[b-zbs0184tcw] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1.3;
}

.mv-card-desc[b-zbs0184tcw] {
    font-size: 13px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

/* #endregion */

/* #region FILTERS */

.mv-filters-body[b-zbs0184tcw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mv-search-wrap[b-zbs0184tcw] {
    position: relative;
}

.mv-search-icon[b-zbs0184tcw] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--color-text-secondary);
    pointer-events: none;
}

.mv-search-input[b-zbs0184tcw] {
    width: 100%;
    padding: 12px 14px 12px 38px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color 0.15s ease;
    min-height: 48px;
}

.mv-search-input[b-zbs0184tcw]::placeholder {
    color: var(--color-text-secondary);
}

.mv-search-input:focus[b-zbs0184tcw] {
    border-color: var(--color-primary);
}

.mv-filter-row[b-zbs0184tcw] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.mv-date-range[b-zbs0184tcw] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    flex: 1;
    min-width: 240px;
}

.mv-date-field[b-zbs0184tcw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.mv-date-label[b-zbs0184tcw] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

.mv-date-input[b-zbs0184tcw] {
    width: 100%;
    padding: 12px 10px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 13px;
    font-family: var(--font-body);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color 0.15s ease;
    min-height: 48px;
    cursor: pointer;
    color-scheme: dark;
}

.mv-date-input:focus[b-zbs0184tcw] {
    border-color: var(--color-primary);
}

.mv-date-sep[b-zbs0184tcw] {
    font-size: 16px;
    color: var(--color-border);
    flex-shrink: 0;
    padding-bottom: 12px;
    user-select: none;
}

.mv-select-wrap[b-zbs0184tcw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
    min-width: 160px;
}

.mv-type-select[b-zbs0184tcw] {
    padding: 12px 36px 12px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    transition: border-color 0.15s ease;
    min-height: 48px;
}

.mv-type-select:focus[b-zbs0184tcw] {
    border-color: var(--color-primary);
}

.mv-type-select option[b-zbs0184tcw] {
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
}

/* #endregion */

/* #region RESULT META */

.mv-result-meta[b-zbs0184tcw] {
    display: flex;
    align-items: center;
    animation: mv-fade-up-b-zbs0184tcw .3s cubic-bezier(0.22, 1, 0.36, 1) .09s both;
}

.mv-result-count[b-zbs0184tcw] {
    font-size: 12px;
    color: var(--color-text-secondary);
    line-height: 1;
}

.mv-result-count strong[b-zbs0184tcw] {
    color: var(--color-text-primary);
    font-weight: 600;
}

/* #endregion */

/* #region TABLE */

.mv-table[b-zbs0184tcw] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    min-width: 820px;
}

.mv-caption[b-zbs0184tcw] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.mv-th[b-zbs0184tcw] {
    padding: 12px 16px;
    background: var(--color-bg-surface);
    border-bottom: 1px solid var(--color-border);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    white-space: nowrap;
    user-select: none;
}

.mv-th--qty[b-zbs0184tcw] {
    text-align: right;
}

.mv-tr[b-zbs0184tcw] {
    transition: background 0.1s ease;
}

.mv-tr:not(:last-child)[b-zbs0184tcw] {
    border-bottom: 1px solid var(--color-border);
}

.mv-tr:hover[b-zbs0184tcw] {
    background: rgba(255, 255, 255, 0.025);
}

.mv-td[b-zbs0184tcw] {
    padding: 14px 16px;
    font-size: 13px;
    color: var(--color-text-primary);
    vertical-align: middle;
}

.mv-td--datetime[b-zbs0184tcw] {
    white-space: nowrap;
}

.mv-td--datetime .mv-date[b-zbs0184tcw],
.mv-td--datetime .mv-time[b-zbs0184tcw] {
    display: block;
}

.mv-date[b-zbs0184tcw] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.mv-time[b-zbs0184tcw] {
    font-size: 11px;
    color: var(--color-text-secondary);
    font-family: "Courier New", Courier, monospace;
}

.mv-td--product[b-zbs0184tcw] {
    min-width: 160px;
}

.mv-td--product .mv-product-name[b-zbs0184tcw],
.mv-td--product .mv-product-sku[b-zbs0184tcw] {
    display: block;
}

.mv-product-name[b-zbs0184tcw] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.mv-product-sku[b-zbs0184tcw] {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
    letter-spacing: 0.04em;
}

.mv-td--qty[b-zbs0184tcw] {
    text-align: right;
}

.mv-td--warehouse[b-zbs0184tcw] {
    font-size: 12px;
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.mv-td--user[b-zbs0184tcw] {
    font-size: 12px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
    white-space: nowrap;
}

.mv-td--ref[b-zbs0184tcw] {
    font-size: 12px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
    white-space: nowrap;
}

/* #endregion */

/* #region BADGES */

.mv-badge[b-zbs0184tcw] {
    display: inline-block;
    padding: 3px 8px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-radius: var(--border-radius-sm);
    white-space: nowrap;
}

.mv-badge--inbound[b-zbs0184tcw] {
    background: rgba(111, 255, 0, 0.1);
    color: var(--color-primary);
    border: 1px solid rgba(111, 255, 0, 0.25);
}

.mv-badge--outbound[b-zbs0184tcw] {
    background: rgba(255, 59, 59, 0.1);
    color: var(--color-danger);
    border: 1px solid rgba(255, 59, 59, 0.25);
}

.mv-badge--transfer[b-zbs0184tcw] {
    background: rgba(90, 140, 255, 0.1);
    color: #5a8cff;
    border: 1px solid rgba(90, 140, 255, 0.25);
}

.mv-badge--adjustment[b-zbs0184tcw] {
    background: rgba(255, 180, 0, 0.1);
    color: #ffb400;
    border: 1px solid rgba(255, 180, 0, 0.25);
}

/* #endregion */

/* #region QUANTITY INDICATORS */

.mv-qty[b-zbs0184tcw] {
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -0.02em;
    font-family: var(--font-body);
}

.mv-qty--positive[b-zbs0184tcw] {
    color: var(--color-primary);
}

.mv-qty--negative[b-zbs0184tcw] {
    color: var(--color-danger);
}

.mv-qty--neutral[b-zbs0184tcw] {
    color: #5a8cff;
}

/* #endregion */

/* #region MOBILE CARDS */

.mv-mobile-cards[b-zbs0184tcw] {
    display: none;
    flex-direction: column;
    gap: 12px;
}

.mv-mcard-top[b-zbs0184tcw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.mv-mcard-left[b-zbs0184tcw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mv-mcard-date[b-zbs0184tcw] {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
}

.mv-mcard-qty[b-zbs0184tcw] {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1;
    flex-shrink: 0;
}

.mv-mcard-product[b-zbs0184tcw] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1.3;
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.mv-mcard-sku[b-zbs0184tcw] {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.mv-mcard-footer[b-zbs0184tcw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border);
}

.mv-mcard-warehouse[b-zbs0184tcw] {
    font-size: 12px;
    color: var(--color-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.mv-mcard-ref[b-zbs0184tcw] {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
    white-space: nowrap;
    flex-shrink: 0;
}

/* #endregion */

/* #region PAGINATION */

.mv-pagination[b-zbs0184tcw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding-top: 4px;
    animation: mv-fade-up-b-zbs0184tcw .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both;
}

.mv-page-numbers[b-zbs0184tcw] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mv-page-btn[b-zbs0184tcw] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 14px;
    background: transparent;
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    font-size: 12px;
    font-weight: 600;
    font-family: var(--font-body);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    min-width: 40px;
    justify-content: center;
}

.mv-page-btn svg[b-zbs0184tcw] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.mv-page-btn:hover:not(:disabled):not(.mv-page-btn--active)[b-zbs0184tcw] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.05);
}

.mv-page-btn:focus-visible[b-zbs0184tcw] {
    outline: 1px solid var(--color-primary);
    outline-offset: 2px;
}

.mv-page-btn--active[b-zbs0184tcw] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #000000;
    font-weight: 800;
    cursor: default;
}

.mv-page-btn--nav[b-zbs0184tcw] {
    padding: 8px 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
}

.mv-page-btn:disabled[b-zbs0184tcw] {
    opacity: 0.3;
    cursor: not-allowed;
}

.mv-page-ellipsis[b-zbs0184tcw] {
    font-size: 14px;
    color: var(--color-text-secondary);
    padding: 0 4px;
    user-select: none;
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .mv-shell[b-zbs0184tcw] {
        padding: 28px 20px 60px;
    }

    .mv-container[b-zbs0184tcw] {
        gap: 22px;
    }
}

@media (max-width: 600px) {
    .mv-shell[b-zbs0184tcw] {
        padding: 20px 14px 48px;
    }

    .mv-header[b-zbs0184tcw] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding-bottom: 20px;
    }

    .mv-header-actions[b-zbs0184tcw] {
        width: 100%;
    }

    .mv-header-badge[b-zbs0184tcw] {
        flex: 1;
        justify-content: center;
    }

    .mv-card--filters[b-zbs0184tcw] {
        padding: 18px 16px;
    }

    .mv-filter-row[b-zbs0184tcw] {
        flex-direction: column;
        gap: 10px;
    }

    .mv-date-range[b-zbs0184tcw] {
        min-width: unset;
        width: 100%;
    }

    .mv-select-wrap[b-zbs0184tcw] {
        width: 100%;
    }

    .mv-type-select[b-zbs0184tcw] {
        width: 100%;
    }

    /* Hide table, show mobile cards */
    .mv-card--table[b-zbs0184tcw] {
        display: none;
    }

    .mv-mobile-cards[b-zbs0184tcw] {
        display: flex;
    }

    .mv-page-btn--nav[b-zbs0184tcw] {
        padding: 8px 12px;
    }
}

@media (max-width: 400px) {
    .mv-page-numbers[b-zbs0184tcw] {
        gap: 2px;
    }

    .mv-page-btn[b-zbs0184tcw] {
        padding: 7px 10px;
        min-width: 34px;
    }

    .mv-page-ellipsis[b-zbs0184tcw] {
        display: none;
    }
}

/* #endregion */
/* /Components/Pages/Outbound/OutboundForm.razor.rz.scp.css */
/* #region SHELL */

.ob-shell[b-6pu2ub5gli] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 132px;
}

.ob-container[b-6pu2ub5gli] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes ob-fade-up-b-6pu2ub5gli {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region HEADER */

.ob-header[b-6pu2ub5gli] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: ob-fade-up-b-6pu2ub5gli .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.ob-title[b-6pu2ub5gli] {
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.05;
    margin-bottom: 6px;
}

.ob-subtitle[b-6pu2ub5gli] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.ob-header-badge[b-6pu2ub5gli] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 6px 14px;
    border: 1px solid var(--color-border);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

.ob-header-badge svg[b-6pu2ub5gli] {
    width: 13px;
    height: 13px;
}

/* #endregion */

/* #region FORM */

.ob-form[b-6pu2ub5gli] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* #endregion */

/* #region CARDS */

.ob-card[b-6pu2ub5gli] {
    position: relative;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ob-card[b-6pu2ub5gli]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background .2s ease;
}

.ob-card:hover[b-6pu2ub5gli] {
    border-color: rgba(111, 255, 0, 0.2);
    box-shadow: 0 0 28px rgba(111, 255, 0, 0.05), 0 10px 28px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

.ob-card:hover[b-6pu2ub5gli]::before,
.ob-card:focus-within[b-6pu2ub5gli]::before {
    background: var(--color-primary);
}

.ob-card:focus-within[b-6pu2ub5gli] {
    border-color: rgba(111, 255, 0, 0.2);
}

.ob-form .ob-card:nth-child(1)[b-6pu2ub5gli] { animation: ob-fade-up-b-6pu2ub5gli .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both; }
.ob-form .ob-card:nth-child(2)[b-6pu2ub5gli] { animation: ob-fade-up-b-6pu2ub5gli .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both; }
.ob-form .ob-card:nth-child(3)[b-6pu2ub5gli] { animation: ob-fade-up-b-6pu2ub5gli .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both; }
.ob-form .ob-card:nth-child(4)[b-6pu2ub5gli] { animation: ob-fade-up-b-6pu2ub5gli .3s cubic-bezier(0.22, 1, 0.36, 1) .24s both; }
.ob-form .ob-card:nth-child(5)[b-6pu2ub5gli] { animation: ob-fade-up-b-6pu2ub5gli .3s cubic-bezier(0.22, 1, 0.36, 1) .30s both; }

/* #endregion */

/* #region CARD HEADER */

.ob-card-header[b-6pu2ub5gli] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.ob-step-icon[b-6pu2ub5gli] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--border-radius-sm);
    background: rgba(111, 255, 0, 0.08);
    color: var(--color-primary);
}

.ob-step-icon svg[b-6pu2ub5gli] {
    width: 17px;
    height: 17px;
}

.ob-step-icon--muted[b-6pu2ub5gli] {
    background: rgba(255, 255, 255, 0.04);
    color: var(--color-text-secondary);
}

.ob-card-meta[b-6pu2ub5gli] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ob-step-num[b-6pu2ub5gli] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-primary);
    line-height: 1;
}

.ob-card-title[b-6pu2ub5gli] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ob-card-desc[b-6pu2ub5gli] {
    font-size: 13px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.ob-optional-tag[b-6pu2ub5gli] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-border);
    border-radius: 100px;
    padding: 2px 8px;
}

/* #endregion */

/* #region FIELD & LABEL */

.ob-field[b-6pu2ub5gli] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ob-label[b-6pu2ub5gli] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

/* #endregion */

/* #region SELECT */

.ob-select[b-6pu2ub5gli] {
    width: 100%;
    padding: 12px 40px 12px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    transition: border-color 0.15s ease;
    min-height: 48px;
}

.ob-select:focus[b-6pu2ub5gli] {
    border-color: var(--color-primary);
}

.ob-select option[b-6pu2ub5gli],
.ob-select optgroup[b-6pu2ub5gli] {
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
}

/* #endregion */

/* #region PRODUCT SEARCH (STEP 2) */

.ob-product-row[b-6pu2ub5gli] {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.ob-search-wrap[b-6pu2ub5gli] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.ob-search-icon[b-6pu2ub5gli] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--color-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.ob-search-input[b-6pu2ub5gli] {
    width: 100%;
    padding: 12px 14px 12px 38px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
    min-height: 48px;
}

.ob-search-input[b-6pu2ub5gli]::placeholder {
    color: var(--color-text-secondary);
}

.ob-search-input:focus[b-6pu2ub5gli] {
    border-color: var(--color-primary);
}

.ob-scan-btn[b-6pu2ub5gli] {
    flex-shrink: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 0 16px;
    background: var(--color-bg-surface);
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    font-family: var(--font-body);
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    min-height: 48px;
}

.ob-scan-btn svg[b-6pu2ub5gli] {
    width: 18px;
    height: 18px;
}

.ob-scan-label[b-6pu2ub5gli] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ob-scan-btn:hover[b-6pu2ub5gli],
.ob-scan-btn:focus-visible[b-6pu2ub5gli] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.06);
    outline: none;
}

/* SUGGESTIONS */

.ob-suggestions[b-6pu2ub5gli] {
    list-style: none;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
}

.ob-suggestion[b-6pu2ub5gli] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    transition: background 0.1s ease;
}

.ob-suggestion:not(:last-child)[b-6pu2ub5gli] {
    border-bottom: 1px solid var(--color-border);
}

.ob-suggestion:hover[b-6pu2ub5gli] {
    background: var(--color-bg-surface-alt);
}

.ob-suggestion--active[b-6pu2ub5gli] {
    background: var(--color-bg-surface);
    border-left: 2px solid var(--color-primary);
}

.ob-suggestion-left[b-6pu2ub5gli] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ob-suggestion-name[b-6pu2ub5gli] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ob-suggestion-sku[b-6pu2ub5gli] {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
}

.ob-suggestion-stock[b-6pu2ub5gli] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-secondary);
    white-space: nowrap;
    flex-shrink: 0;
}

.ob-suggestion-stock--low[b-6pu2ub5gli] {
    color: var(--color-danger);
}

/* STOCK INDICATOR */

.ob-stock-indicator[b-6pu2ub5gli] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 11px 14px;
    background: rgba(111, 255, 0, 0.06);
    border: 1px solid rgba(111, 255, 0, 0.22);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--border-radius-sm);
    font-size: 13px;
    color: var(--color-text-secondary);
}

.ob-stock-indicator svg[b-6pu2ub5gli] {
    width: 14px;
    height: 14px;
    color: var(--color-primary);
    flex-shrink: 0;
}

.ob-stock-value[b-6pu2ub5gli] {
    font-size: 14px;
    font-weight: 800;
    color: var(--color-primary);
    letter-spacing: -0.02em;
}

.ob-stock-sep[b-6pu2ub5gli] {
    color: var(--color-border);
    user-select: none;
}

.ob-stock-sku[b-6pu2ub5gli] {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* #endregion */

/* #region QUANTITY (STEP 3) */

.ob-qty-row[b-6pu2ub5gli] {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    height: 72px;
    transition: border-color 0.15s ease;
}

.ob-qty-row:focus-within[b-6pu2ub5gli] {
    border-color: var(--color-primary);
}

.ob-qty-btn[b-6pu2ub5gli] {
    flex-shrink: 0;
    width: 72px;
    background: var(--color-bg-surface);
    color: var(--color-text-secondary);
    border: none;
    border-right: 1px solid var(--color-border);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}

.ob-qty-btn svg[b-6pu2ub5gli] {
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.ob-qty-btn--inc[b-6pu2ub5gli] {
    border-right: none;
    border-left: 1px solid var(--color-border);
    color: var(--color-primary);
}

.ob-qty-btn:hover[b-6pu2ub5gli],
.ob-qty-btn:focus-visible[b-6pu2ub5gli] {
    background: rgba(111, 255, 0, 0.08);
    color: var(--color-primary);
    outline: none;
}

.ob-qty-btn:active[b-6pu2ub5gli] {
    background: rgba(111, 255, 0, 0.14);
}

.ob-qty-input[b-6pu2ub5gli] {
    flex: 1;
    background: var(--color-bg-base);
    color: var(--color-primary);
    border: none;
    text-align: center;
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 800;
    letter-spacing: -0.04em;
    outline: none;
    appearance: textfield;
    -moz-appearance: textfield;
    font-family: var(--font-body);
    line-height: 1;
}

.ob-qty-input[b-6pu2ub5gli]::-webkit-inner-spin-button,
.ob-qty-input[b-6pu2ub5gli]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ob-qty-hint[b-6pu2ub5gli] {
    font-size: 12px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.ob-qty-hint strong[b-6pu2ub5gli] {
    color: var(--color-text-primary);
    font-weight: 600;
}

.ob-qty-hint--after[b-6pu2ub5gli] {
    color: var(--color-danger);
    font-weight: 700;
}

/* #endregion */

/* #region DISPATCH REASON (STEP 4) */

.ob-reason-warning[b-6pu2ub5gli] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 14px;
    background: rgba(255, 80, 60, 0.06);
    border: 1px solid rgba(255, 80, 60, 0.25);
    border-left: 3px solid var(--color-danger);
    border-radius: var(--border-radius-sm);
    font-size: 12px;
    color: var(--color-text-secondary);
    line-height: 1.55;
}

.ob-reason-warning svg[b-6pu2ub5gli] {
    width: 14px;
    height: 14px;
    color: var(--color-danger);
    flex-shrink: 0;
    margin-top: 1px;
}

/* #endregion */

/* #region NOTES TEXTAREA (STEP 5) */

.ob-textarea[b-6pu2ub5gli] {
    width: 100%;
    padding: 12px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    line-height: 1.6;
    resize: vertical;
    outline: none;
    min-height: 96px;
    transition: border-color 0.15s ease;
    appearance: none;
}

.ob-textarea[b-6pu2ub5gli]::placeholder {
    color: var(--color-text-secondary);
}

.ob-textarea:focus[b-6pu2ub5gli] {
    border-color: var(--color-primary);
}

/* #endregion */

/* #region STICKY FOOTER */

.ob-footer[b-6pu2ub5gli] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: var(--color-bg-surface);
    border-top: 1px solid var(--color-border);
    padding: 14px 32px 20px;
}

.ob-footer-inner[b-6pu2ub5gli] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.ob-footer-summary[b-6pu2ub5gli] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.ob-footer-crumb[b-6pu2ub5gli] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ob-footer-crumb svg[b-6pu2ub5gli] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.ob-footer-crumb--reason[b-6pu2ub5gli] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-border);
    padding: 2px 8px;
}

.ob-footer-sep[b-6pu2ub5gli] {
    color: var(--color-border);
    font-size: 16px;
    user-select: none;
    flex-shrink: 0;
}

.ob-footer-qty[b-6pu2ub5gli] {
    font-size: 14px;
    font-weight: 800;
    color: var(--color-danger);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.ob-confirm-btn[b-6pu2ub5gli] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    background: var(--color-primary);
    color: #000000;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
    transition: background 0.15s ease;
}

.ob-confirm-btn:hover[b-6pu2ub5gli] {
    background: var(--color-primary-hover);
}

.ob-confirm-icon[b-6pu2ub5gli] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .ob-shell[b-6pu2ub5gli] {
        padding: 28px 20px 120px;
    }

    .ob-container[b-6pu2ub5gli] {
        gap: 22px;
    }
}

@media (max-width: 600px) {
    .ob-shell[b-6pu2ub5gli] {
        padding: 20px 14px 112px;
    }

    .ob-header[b-6pu2ub5gli] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding-bottom: 20px;
    }

    .ob-card[b-6pu2ub5gli] {
        padding: 18px 16px;
    }

    .ob-qty-row[b-6pu2ub5gli] {
        height: 80px;
    }

    .ob-qty-btn[b-6pu2ub5gli] {
        width: 80px;
    }

    .ob-stock-sku[b-6pu2ub5gli] {
        width: 100%;
        white-space: normal;
    }

    .ob-footer[b-6pu2ub5gli] {
        padding: 12px 14px 18px;
    }

    .ob-footer-inner[b-6pu2ub5gli] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .ob-footer-summary[b-6pu2ub5gli] {
        justify-content: center;
    }

    .ob-confirm-btn[b-6pu2ub5gli] {
        width: 100%;
        justify-content: center;
        padding: 15px 28px;
        font-size: 13px;
    }
}

/* #endregion */
/* /Components/Pages/Products/List.razor.rz.scp.css */
/* #region SHELL */

.pl-shell[b-b18gond1pw] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 80px;
}

.pl-container[b-b18gond1pw] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes pl-fade-up-b-b18gond1pw {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region HEADER */

.pl-header[b-b18gond1pw] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: pl-fade-up-b-b18gond1pw .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pl-header-text[b-b18gond1pw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pl-title[b-b18gond1pw] {
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.05;
}

.pl-subtitle[b-b18gond1pw] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.pl-btn-add[b-b18gond1pw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    background: var(--color-primary);
    color: #000000;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s ease;
    white-space: nowrap;
}

.pl-btn-add:hover[b-b18gond1pw] {
    background: var(--color-primary-hover);
}

.pl-btn-icon[b-b18gond1pw] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

/* #endregion */

/* #region TOOLBAR */

.pl-toolbar[b-b18gond1pw] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    animation: pl-fade-up-b-b18gond1pw .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both;
}

.pl-search-wrap[b-b18gond1pw] {
    position: relative;
    flex: 1;
    min-width: 240px;
}

.pl-search-icon[b-b18gond1pw] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--color-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.pl-search[b-b18gond1pw] {
    width: 100%;
    padding: 10px 14px 10px 38px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
}

.pl-search[b-b18gond1pw]::placeholder {
    color: var(--color-text-secondary);
}

.pl-search:focus[b-b18gond1pw] {
    border-color: var(--color-primary);
}

.pl-filters[b-b18gond1pw] {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.pl-select[b-b18gond1pw] {
    padding: 10px 36px 10px 12px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 13px;
    font-family: var(--font-body);
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    transition: border-color 0.15s ease;
    min-width: 150px;
}

.pl-select:focus[b-b18gond1pw] {
    border-color: var(--color-primary);
}

.pl-select option[b-b18gond1pw] {
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
}

/* #endregion */

/* #region TABLE */

.pl-table-wrap[b-b18gond1pw] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    animation: pl-fade-up-b-b18gond1pw .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both;
}

.pl-table[b-b18gond1pw] {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

.pl-th[b-b18gond1pw] {
    padding: 12px 16px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    font-family: var(--font-body);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
    background: #0a0a0a;
}

.pl-th--img[b-b18gond1pw]  { width: 64px; padding-right: 0; }
.pl-th--center[b-b18gond1pw] { text-align: center; }
.pl-th--right[b-b18gond1pw]  { text-align: right; }

.pl-tr[b-b18gond1pw] {
    transition: background 0.12s ease;
}

.pl-tr:not(:last-child)[b-b18gond1pw] {
    border-bottom: 1px solid var(--color-border);
}

.pl-tr:hover[b-b18gond1pw] {
    background: var(--color-bg-surface-alt);
}

.pl-tr--alert[b-b18gond1pw] {
    border-left: 2px solid var(--color-danger);
}

.pl-td[b-b18gond1pw] {
    padding: 14px 16px;
    font-size: 14px;
    color: var(--color-text-primary);
    vertical-align: middle;
}

.pl-td--img[b-b18gond1pw]   { width: 64px; padding-right: 8px; }
.pl-td--sku[b-b18gond1pw]   { font-family: "Courier New", Courier, monospace; font-size: 12px; color: var(--color-text-secondary); white-space: nowrap; }
.pl-td--name[b-b18gond1pw]  { font-weight: 600; }
.pl-td--cat[b-b18gond1pw]   { font-size: 13px; color: var(--color-text-secondary); }
.pl-td--center[b-b18gond1pw] { text-align: center; }
.pl-td--right[b-b18gond1pw]  { text-align: right; }
.pl-td--stock[b-b18gond1pw]  { font-weight: 700; font-size: 16px; font-variant-numeric: tabular-nums; }
.pl-td--stock-low[b-b18gond1pw] { color: var(--color-danger); }
.pl-td--actions[b-b18gond1pw] { white-space: nowrap; }

/* #endregion */

/* #region THUMB */

.pl-thumb[b-b18gond1pw] {
    width: 40px;
    height: 40px;
    border-radius: var(--border-radius-sm);
    flex-shrink: 0;
    object-fit: cover;
    background: var(--color-bg-surface-alt);
    border: 1px solid var(--color-border);
    display: block;
}

.pl-thumb--lg[b-b18gond1pw] {
    width: 44px;
    height: 44px;
}

/* #endregion */

/* #region BADGES */

.pl-badge[b-b18gond1pw] {
    display: inline-block;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 100px;
    white-space: nowrap;
    font-family: var(--font-body);
}

.pl-badge--active[b-b18gond1pw] {
    background: rgba(111, 255, 0, 0.10);
    color: var(--color-primary);
    border: 1px solid rgba(111, 255, 0, 0.22);
}

.pl-badge--low[b-b18gond1pw] {
    background: rgba(255, 51, 51, 0.10);
    color: var(--color-danger);
    border: 1px solid rgba(255, 51, 51, 0.22);
}

/* #endregion */

/* #region ACTION BUTTONS */

.pl-action-btn[b-b18gond1pw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    color: var(--color-text-secondary);
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    flex-shrink: 0;
}

.pl-action-btn svg[b-b18gond1pw] {
    width: 14px;
    height: 14px;
    pointer-events: none;
}

.pl-action-btn + .pl-action-btn[b-b18gond1pw] {
    margin-left: 6px;
}

.pl-action-btn--edit:hover[b-b18gond1pw] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.08);
}

.pl-action-btn--delete:hover[b-b18gond1pw] {
    border-color: var(--color-danger);
    color: var(--color-danger);
    background: rgba(255, 51, 51, 0.08);
}

/* #endregion */

/* #region MOBILE CARDS */

.pl-cards[b-b18gond1pw] {
    display: none;
    flex-direction: column;
    gap: 10px;
    animation: pl-fade-up-b-b18gond1pw .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both;
}

.pl-card[b-b18gond1pw] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
}

.pl-card--alert[b-b18gond1pw] {
    border-left: 3px solid var(--color-danger);
}

.pl-card-head[b-b18gond1pw] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 14px 10px;
}

.pl-card-meta[b-b18gond1pw] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pl-card-sku[b-b18gond1pw] {
    font-size: 11px;
    font-family: "Courier New", Courier, monospace;
    color: var(--color-text-secondary);
    line-height: 1;
}

.pl-card-name[b-b18gond1pw] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.pl-card-actions[b-b18gond1pw] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    align-self: flex-start;
}

.pl-card-body[b-b18gond1pw] {
    padding: 10px 14px 14px 70px;
    border-top: 1px solid var(--color-border);
    margin-top: 4px;
}

.pl-card-dl[b-b18gond1pw] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 7px 20px;
    margin: 0;
}

.pl-card-dl dt[b-b18gond1pw] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    align-self: center;
}

.pl-card-dl dd[b-b18gond1pw] {
    font-size: 14px;
    color: var(--color-text-primary);
    font-weight: 500;
    align-self: center;
}

.pl-card-stock-low[b-b18gond1pw] {
    color: var(--color-danger);
    font-weight: 700;
}

/* #endregion */

/* #region PAGINATION */

.pl-pagination[b-b18gond1pw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 4px;
    animation: pl-fade-up-b-b18gond1pw .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both;
}

.pl-page-numbers[b-b18gond1pw] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pl-page-btn[b-b18gond1pw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font-body);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    white-space: nowrap;
}

.pl-page-btn svg[b-b18gond1pw] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.pl-page-btn:hover:not(:disabled):not(.pl-page-btn--active)[b-b18gond1pw] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.pl-page-btn--num[b-b18gond1pw] {
    min-width: 38px;
    justify-content: center;
    padding: 8px 6px;
}

.pl-page-btn--active[b-b18gond1pw] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #000000;
    font-weight: 800;
    cursor: default;
}

.pl-page-btn--nav:disabled[b-b18gond1pw] {
    opacity: 0.3;
    cursor: not-allowed;
}

.pl-page-ellipsis[b-b18gond1pw] {
    padding: 0 2px;
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 600;
    user-select: none;
    line-height: 1;
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .pl-shell[b-b18gond1pw] {
        padding: 28px 20px 60px;
    }

    .pl-container[b-b18gond1pw] {
        gap: 22px;
    }
}

@media (max-width: 768px) {
    .pl-table-wrap[b-b18gond1pw] {
        display: none;
    }

    .pl-cards[b-b18gond1pw] {
        display: flex;
    }

    .pl-filters[b-b18gond1pw] {
        flex-wrap: wrap;
        width: 100%;
    }

    .pl-select[b-b18gond1pw] {
        flex: 1;
        min-width: 130px;
    }
}

@media (max-width: 600px) {
    .pl-shell[b-b18gond1pw] {
        padding: 20px 14px 48px;
    }

    .pl-header[b-b18gond1pw] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding-bottom: 20px;
    }

    .pl-btn-add[b-b18gond1pw] {
        width: 100%;
        justify-content: center;
    }

    .pl-toolbar[b-b18gond1pw] {
        flex-direction: column;
        align-items: stretch;
    }

    .pl-search-wrap[b-b18gond1pw] {
        min-width: unset;
    }

    .pl-pagination[b-b18gond1pw] {
        gap: 6px;
    }

    .pl-page-btn--nav[b-b18gond1pw] {
        padding: 8px 10px;
        font-size: 12px;
    }
}

/* #endregion */
/* /Components/Pages/Product/Detail.razor.rz.scp.css */
/* #region SHELL */

.pd-shell[b-na1bg12d9r] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 88px 32px 80px;
}

.pd-container[b-na1bg12d9r] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes pd-fade-up-b-na1bg12d9r {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region PAGE HEADER */

.pd-header[b-na1bg12d9r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: pd-fade-up-b-na1bg12d9r .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pd-header-left[b-na1bg12d9r] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.pd-btn-back[b-na1bg12d9r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    padding: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font-body);
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: color 0.15s ease;
    width: fit-content;
}

.pd-btn-back svg[b-na1bg12d9r] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.pd-btn-back:hover[b-na1bg12d9r] {
    color: var(--color-primary);
}

.pd-btn-back:hover svg[b-na1bg12d9r] {
    transform: translateX(-3px);
}

.pd-title[b-na1bg12d9r] {
    font-size: clamp(22px, 3.5vw, 34px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pd-header-actions[b-na1bg12d9r] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.pd-btn[b-na1bg12d9r] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.pd-btn svg[b-na1bg12d9r] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.pd-btn--save[b-na1bg12d9r] {
    background: var(--color-primary);
    color: #000000;
}

.pd-btn--save:hover[b-na1bg12d9r] {
    background: var(--color-primary-hover);
}

.pd-btn--delete[b-na1bg12d9r] {
    background: transparent;
    color: var(--color-danger);
    border: 1px solid var(--color-danger);
}

.pd-btn--delete:hover[b-na1bg12d9r] {
    background: rgba(255, 51, 51, 0.10);
}

/* #endregion */

/* #region MAIN CONTENT GRID */

.pd-grid[b-na1bg12d9r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    align-items: start;
}

/* #endregion */

/* #region CARD BASE (shared by gallery and form panel) */

.pd-gallery[b-na1bg12d9r],
.pd-form-panel[b-na1bg12d9r] {
    position: relative;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pd-gallery[b-na1bg12d9r]::before,
.pd-form-panel[b-na1bg12d9r]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background .2s ease;
}

.pd-gallery:hover[b-na1bg12d9r],
.pd-form-panel:hover[b-na1bg12d9r] {
    border-color: rgba(111, 255, 0, 0.2);
    box-shadow: 0 0 28px rgba(111, 255, 0, 0.05), 0 10px 28px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

.pd-gallery:hover[b-na1bg12d9r]::before,
.pd-form-panel:hover[b-na1bg12d9r]::before,
.pd-gallery:focus-within[b-na1bg12d9r]::before,
.pd-form-panel:focus-within[b-na1bg12d9r]::before {
    background: var(--color-primary);
}

.pd-gallery:focus-within[b-na1bg12d9r],
.pd-form-panel:focus-within[b-na1bg12d9r] {
    border-color: rgba(111, 255, 0, 0.2);
}

.pd-grid > .pd-gallery[b-na1bg12d9r]  { animation: pd-fade-up-b-na1bg12d9r .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both; }
.pd-grid > .pd-form-panel[b-na1bg12d9r] { animation: pd-fade-up-b-na1bg12d9r .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both; }

/* #endregion */

/* #region IMAGE GALLERY */

.pd-img-main[b-na1bg12d9r] {
    width: 100%;
    aspect-ratio: 4 / 3;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: border-color 0.15s ease;
    position: relative;
    overflow: hidden;
}

.pd-img-main:hover[b-na1bg12d9r] {
    border-color: var(--color-primary);
}

.pd-img-icon[b-na1bg12d9r] {
    width: 48px;
    height: 48px;
    opacity: 0.35;
}

.pd-img-placeholder-text[b-na1bg12d9r] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.4;
}

.pd-thumbnails[b-na1bg12d9r] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.pd-thumb[b-na1bg12d9r] {
    aspect-ratio: 1 / 1;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: border-color 0.15s ease;
    position: relative;
    overflow: hidden;
}

.pd-thumb svg[b-na1bg12d9r] {
    width: 20px;
    height: 20px;
    opacity: 0.3;
}

.pd-thumb:hover[b-na1bg12d9r] {
    border-color: var(--color-primary);
}

.pd-thumb--active[b-na1bg12d9r] {
    border-color: var(--color-primary);
    box-shadow: inset 0 0 0 1px var(--color-primary);
}

.pd-thumb--active svg[b-na1bg12d9r] {
    opacity: 0.5;
    color: var(--color-primary);
}

.pd-thumb--empty[b-na1bg12d9r] {
    border-style: dashed;
    border-color: #333333;
}

.pd-thumb--empty svg[b-na1bg12d9r] {
    opacity: 0.2;
}

.pd-thumb--empty:hover[b-na1bg12d9r] {
    border-color: var(--color-primary);
    border-style: solid;
}

.pd-img-main-photo[b-na1bg12d9r] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.pd-thumb-upload-label[b-na1bg12d9r] {
    position: absolute;
    inset: 0;
    z-index: 1;
    cursor: pointer;
}

.pd-thumb-upload-label[b-na1bg12d9r]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(111, 255, 0, 0.07);
    opacity: 0;
    transition: opacity 0.15s ease;
}

.pd-thumb:hover .pd-thumb-upload-label[b-na1bg12d9r]::after {
    opacity: 1;
}

[b-na1bg12d9r] .pd-thumb-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.pd-img-delete[b-na1bg12d9r] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid #444;
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.pd-img-delete svg[b-na1bg12d9r] {
    width: 14px;
    height: 14px;
}

.pd-img-delete:hover[b-na1bg12d9r] {
    border-color: #ff4444;
    color: #ff4444;
}

.pd-img-main:hover .pd-img-delete[b-na1bg12d9r],
.pd-thumb:hover .pd-img-delete[b-na1bg12d9r] {
    opacity: 1;
}

.pd-thumb-photo[b-na1bg12d9r] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* #endregion */

/* #region EDIT FORM */

.pd-form-panel-header[b-na1bg12d9r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pd-section-title[b-na1bg12d9r] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    line-height: 1;
}

.pd-form[b-na1bg12d9r] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pd-field-row[b-na1bg12d9r] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pd-field-row--split[b-na1bg12d9r] {
    flex-direction: row;
    gap: 14px;
}

.pd-field-row--split .pd-field[b-na1bg12d9r] {
    flex: 1;
    min-width: 0;
}

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

.pd-label[b-na1bg12d9r] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    line-height: 1;
}

.pd-input[b-na1bg12d9r],
.pd-textarea[b-na1bg12d9r],
.pd-select[b-na1bg12d9r] {
    width: 100%;
    padding: 12px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    line-height: 1.5;
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
}

.pd-input[b-na1bg12d9r]::placeholder,
.pd-textarea[b-na1bg12d9r]::placeholder {
    color: var(--color-text-secondary);
}

.pd-input:focus[b-na1bg12d9r],
.pd-textarea:focus[b-na1bg12d9r],
.pd-select:focus[b-na1bg12d9r] {
    border-color: var(--color-primary);
}

.pd-input--mono[b-na1bg12d9r] {
    font-family: "Courier New", Courier, monospace;
    font-size: 13px;
    letter-spacing: 0.04em;
}

.pd-textarea[b-na1bg12d9r] {
    resize: vertical;
    min-height: 120px;
}

.pd-select-wrap[b-na1bg12d9r] {
    position: relative;
}

.pd-select-wrap .pd-select[b-na1bg12d9r] {
    padding-right: 38px;
    cursor: pointer;
}

.pd-select-arrow[b-na1bg12d9r] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    color: var(--color-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.pd-select option[b-na1bg12d9r] {
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
}

/* #endregion */

/* #region CATEGORIES CHECKLIST */

.pd-cat-list[b-na1bg12d9r] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pd-cat-item[b-na1bg12d9r] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    user-select: none;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.pd-cat-item:hover[b-na1bg12d9r] {
    border-color: rgba(111, 255, 0, 0.35);
    background: rgba(111, 255, 0, 0.03);
}

.pd-cat-check[b-na1bg12d9r] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.pd-cat-box[b-na1bg12d9r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border: 1.5px solid var(--color-border);
    border-radius: 3px;
    flex-shrink: 0;
    background: transparent;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.pd-cat-check:checked + .pd-cat-box[b-na1bg12d9r] {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.pd-cat-check:checked + .pd-cat-box[b-na1bg12d9r]::after {
    content: '';
    display: block;
    width: 4px;
    height: 7px;
    border: 1.5px solid #000000;
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translateY(-1px);
}

.pd-cat-check:checked ~ .pd-cat-name[b-na1bg12d9r] {
    color: var(--color-text-primary);
}

.pd-cat-item:has(.pd-cat-check:checked)[b-na1bg12d9r] {
    border-color: rgba(111, 255, 0, 0.3);
    background: rgba(111, 255, 0, 0.05);
}

.pd-cat-name[b-na1bg12d9r] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-secondary);
    transition: color 0.15s ease;
    white-space: nowrap;
}

/* #endregion */

/* #region CONTENT LANGUAGE SELECTOR */

.pd-val-lang-backdrop[b-na1bg12d9r] {
    position: fixed;
    inset: 0;
    z-index: 50;
}

.pd-val-lang-bar[b-na1bg12d9r] {
    position: relative;
    z-index: 51;
    flex-shrink: 0;
}

.pd-val-lang-trigger[b-na1bg12d9r] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    cursor: pointer;
    outline: none;
    transition: border-color .2s, color .2s, background .2s;
    user-select: none;
}

.pd-val-lang-trigger:hover[b-na1bg12d9r],
.pd-val-lang-trigger.open[b-na1bg12d9r] {
    border-color: rgba(111, 255, 0, 0.4);
    color: var(--color-text-primary);
    background: var(--color-bg-surface-alt);
}

.pd-val-lang-flag[b-na1bg12d9r] {
    display: block;
    width: 16px;
    height: 16px;
    object-fit: cover;
    border-radius: 3px;
    flex-shrink: 0;
}

.pd-val-lang-code[b-na1bg12d9r] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
}

.pd-val-lang-chevron[b-na1bg12d9r] {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    margin-left: 2px;
    transition: transform .2s;
}

.pd-val-lang-trigger.open .pd-val-lang-chevron[b-na1bg12d9r] {
    transform: rotate(180deg);
}

.pd-val-lang-dropdown[b-na1bg12d9r] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 160px;
    background: var(--color-bg-surface);
    border: 1px solid rgba(111, 255, 0, 0.2);
    border-radius: var(--border-radius-sm);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(111, 255, 0, 0.05);
    overflow: hidden;
    animation: pd-lang-open-b-na1bg12d9r .15s ease both;
}

@keyframes pd-lang-open-b-na1bg12d9r {
    from { opacity: 0; transform: translateY(-6px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.pd-val-lang-option[b-na1bg12d9r] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 11px 14px;
    background: none;
    border: none;
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    text-align: left;
    transition: background .15s, color .15s;
}

.pd-val-lang-option:hover[b-na1bg12d9r] {
    background: rgba(111, 255, 0, 0.06);
    color: var(--color-text-primary);
}

.pd-val-lang-option.selected[b-na1bg12d9r] {
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.04);
}

.pd-val-lang-option + .pd-val-lang-option[b-na1bg12d9r] {
    border-top: 1px solid var(--color-border);
}

.pd-val-lang-check[b-na1bg12d9r] {
    display: block;
    margin-left: auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary);
    box-shadow: 0 0 6px rgba(111, 255, 0, 0.6);
    flex-shrink: 0;
}

/* #endregion */

/* #region STOCK BY LOCATION */

.pd-stock-section[b-na1bg12d9r] {
    position: relative;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    animation: pd-fade-up-b-na1bg12d9r .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both;
}

.pd-stock-section[b-na1bg12d9r]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color-primary);
}

.pd-stock-header[b-na1bg12d9r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 20px 20px 18px;
    border-bottom: 1px solid var(--color-border);
}

.pd-stock-note[b-na1bg12d9r] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--color-text-secondary);
    font-style: italic;
    line-height: 1.4;
}

.pd-stock-note svg[b-na1bg12d9r] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: 0.7;
}

.pd-table-wrap[b-na1bg12d9r] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.pd-table[b-na1bg12d9r] {
    width: 100%;
    border-collapse: collapse;
    min-width: 320px;
}

.pd-th[b-na1bg12d9r] {
    padding: 12px 16px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
    background: #0a0a0a;
    font-family: var(--font-body);
}

.pd-th--right[b-na1bg12d9r] {
    text-align: right;
}

.pd-tr[b-na1bg12d9r] {
    transition: background 0.12s ease;
}

.pd-tr:not(:last-child)[b-na1bg12d9r] {
    border-bottom: 1px solid var(--color-border);
}

.pd-tr:hover[b-na1bg12d9r] {
    background: var(--color-bg-surface-alt);
}

.pd-tr--low[b-na1bg12d9r] {
    border-left: 2px solid var(--color-danger);
}

.pd-tr-total[b-na1bg12d9r] {
    border-top: 1px solid #333333;
    background: #0a0a0a;
}

.pd-td[b-na1bg12d9r] {
    padding: 14px 16px;
    font-size: 14px;
    color: var(--color-text-primary);
    vertical-align: middle;
}

.pd-td--name[b-na1bg12d9r] {
    font-weight: 600;
    white-space: nowrap;
}

.pd-td--num[b-na1bg12d9r] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap;
}

.pd-td--avail[b-na1bg12d9r] {
    color: var(--color-primary);
}

.pd-td--avail-low[b-na1bg12d9r] {
    color: var(--color-danger);
}

.pd-td--total-label[b-na1bg12d9r] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

.pd-td--total[b-na1bg12d9r] {
    font-size: 16px;
    font-weight: 800;
    color: var(--color-text-primary);
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .pd-shell[b-na1bg12d9r] {
        padding: 88px 20px 60px;
    }

    .pd-container[b-na1bg12d9r] {
        gap: 22px;
    }
}

@media (max-width: 860px) {
    .pd-grid[b-na1bg12d9r] {
        grid-template-columns: 1fr;
    }

    .pd-img-main[b-na1bg12d9r] {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 600px) {
    .pd-shell[b-na1bg12d9r] {
        padding: 80px 14px 48px;
    }

    .pd-gallery[b-na1bg12d9r],
    .pd-form-panel[b-na1bg12d9r] {
        padding: 18px 16px;
    }

    .pd-header[b-na1bg12d9r] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding-bottom: 20px;
    }

    .pd-title[b-na1bg12d9r] {
        white-space: normal;
    }

    .pd-header-actions[b-na1bg12d9r] {
        width: 100%;
        flex-direction: column;
    }

    .pd-btn[b-na1bg12d9r] {
        width: 100%;
        justify-content: center;
    }

    .pd-field-row--split[b-na1bg12d9r] {
        flex-direction: column;
        gap: 18px;
    }

    .pd-stock-header[b-na1bg12d9r] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .pd-thumbnails[b-na1bg12d9r] {
        gap: 8px;
    }

    .pd-cat-list[b-na1bg12d9r] {
        gap: 6px;
    }
}

/* #endregion */
/* /Components/Pages/Settings/Index.razor.rz.scp.css */
/* #region SHELL */

.st-shell[b-izqygdvthk] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 80px;
}

.st-container[b-izqygdvthk] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes st-fade-up-b-izqygdvthk {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region HEADER */

.st-header[b-izqygdvthk] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: st-fade-up-b-izqygdvthk .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.st-header-text[b-izqygdvthk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.st-title[b-izqygdvthk] {
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.05;
}

.st-subtitle[b-izqygdvthk] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

/* #endregion */

/* #region SECTION SHELL */

.st-section[b-izqygdvthk] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.st-section:nth-child(2)[b-izqygdvthk] { animation: st-fade-up-b-izqygdvthk .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both; }
.st-section:nth-child(3)[b-izqygdvthk] { animation: st-fade-up-b-izqygdvthk .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both; }
.st-section:nth-child(4)[b-izqygdvthk] { animation: st-fade-up-b-izqygdvthk .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both; }

.st-section-head[b-izqygdvthk] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.st-section-head--split[b-izqygdvthk] {
    justify-content: space-between;
}

.st-section-head-text[b-izqygdvthk] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.st-section-title[b-izqygdvthk] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

.st-section-context[b-izqygdvthk] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-primary);
}

/* #endregion */

/* #region PANEL (form wrapper) */

.st-panel[b-izqygdvthk] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    padding: 24px;
}

/* #endregion */

/* #region PRIMARY BUTTON */

.st-btn-primary[b-izqygdvthk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    background: var(--color-primary);
    color: #000000;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s ease;
    white-space: nowrap;
}

.st-btn-primary:hover[b-izqygdvthk] {
    background: var(--color-primary-hover);
}

.st-btn-primary--sm[b-izqygdvthk] {
    padding: 8px 16px;
    font-size: 11px;
}

/* #endregion */

/* #region GHOST BUTTON */

.st-btn-ghost[b-izqygdvthk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: transparent;
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font-body);
    letter-spacing: 0.02em;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.st-btn-ghost:hover[b-izqygdvthk] {
    border-color: var(--color-text-primary);
    color: var(--color-text-primary);
}

/* #endregion */

/* #region FORM */

.st-form-grid[b-izqygdvthk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 24px;
}

.st-field[b-izqygdvthk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.st-field--full[b-izqygdvthk] {
    grid-column: 1 / -1;
}

.st-label[b-izqygdvthk] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    font-family: var(--font-body);
}

.st-input[b-izqygdvthk] {
    width: 100%;
    padding: 10px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
}

.st-input[b-izqygdvthk]::placeholder {
    color: var(--color-text-secondary);
    opacity: 0.5;
}

.st-input:focus[b-izqygdvthk] {
    border-color: var(--color-primary);
}

.st-input--readonly[b-izqygdvthk] {
    color: var(--color-text-secondary);
    cursor: not-allowed;
    opacity: 0.6;
}

.st-select[b-izqygdvthk] {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}

.st-select option[b-izqygdvthk] {
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
}

.st-hint[b-izqygdvthk] {
    font-size: 11px;
    color: var(--color-text-secondary);
    opacity: 0.7;
}

.st-form-footer[b-izqygdvthk] {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--color-border);
}

/* #endregion */

/* #region TABLE */

.st-table-wrap[b-izqygdvthk] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.st-table[b-izqygdvthk] {
    width: 100%;
    border-collapse: collapse;
    min-width: 560px;
}

.st-th[b-izqygdvthk] {
    padding: 12px 16px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    font-family: var(--font-body);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
    background: #0a0a0a;
}

.st-th--center[b-izqygdvthk] { text-align: center; }

.st-tr[b-izqygdvthk] {
    transition: background 0.12s ease;
}

.st-tr:not(:last-child)[b-izqygdvthk] {
    border-bottom: 1px solid var(--color-border);
}

.st-tr:hover[b-izqygdvthk] {
    background: var(--color-bg-surface-alt);
}

.st-tr--selected[b-izqygdvthk] {
    border-left: 2px solid var(--color-primary);
}

.st-tr--selected td[b-izqygdvthk] {
    background: rgba(111, 255, 0, 0.03);
}

.st-tr--selected:hover td[b-izqygdvthk] {
    background: rgba(111, 255, 0, 0.06);
}

.st-td[b-izqygdvthk] {
    padding: 14px 16px;
    font-size: 14px;
    color: var(--color-text-primary);
    vertical-align: middle;
}

.st-td--name[b-izqygdvthk] {
    font-weight: 600;
    white-space: nowrap;
}

.st-td--email[b-izqygdvthk] {
    font-size: 13px;
    color: var(--color-text-secondary);
    font-family: "Courier New", Courier, monospace;
}

.st-td--center[b-izqygdvthk] { text-align: center; }

.st-td--actions[b-izqygdvthk] { white-space: nowrap; }

/* #endregion */

/* #region BADGES & ROLES */

.st-badge[b-izqygdvthk] {
    display: inline-block;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    font-family: var(--font-body);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 100px;
    white-space: nowrap;
}

.st-badge--active[b-izqygdvthk] {
    background: rgba(111, 255, 0, 0.10);
    color: var(--color-primary);
    border: 1px solid rgba(111, 255, 0, 0.22);
}

.st-badge--pending[b-izqygdvthk] {
    background: rgba(255, 160, 0, 0.10);
    color: #ffa500;
    border: 1px solid rgba(255, 160, 0, 0.22);
}

.st-role[b-izqygdvthk] {
    display: inline-block;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 100px;
    white-space: nowrap;
}

.st-role--owner[b-izqygdvthk] {
    background: rgba(111, 255, 0, 0.10);
    color: var(--color-primary);
    border: 1px solid rgba(111, 255, 0, 0.22);
}

.st-role--admin[b-izqygdvthk] {
    background: rgba(96, 165, 250, 0.10);
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.22);
}

.st-role--worker[b-izqygdvthk] {
    background: rgba(251, 191, 36, 0.10);
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.22);
}

.st-role--member[b-izqygdvthk] {
    background: rgba(160, 160, 160, 0.08);
    color: var(--color-text-secondary);
    border: 1px solid rgba(160, 160, 160, 0.18);
}

/* #endregion */

/* #region ACTION BUTTONS */

.st-actions[b-izqygdvthk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.st-action-btn[b-izqygdvthk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    color: var(--color-text-secondary);
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    flex-shrink: 0;
}

.st-action-btn svg[b-izqygdvthk] {
    width: 14px;
    height: 14px;
    pointer-events: none;
}

.st-action-btn--edit:hover:not(:disabled)[b-izqygdvthk] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.08);
}

.st-action-btn--delete:hover:not(:disabled)[b-izqygdvthk] {
    border-color: var(--color-danger);
    color: var(--color-danger);
    background: rgba(255, 51, 51, 0.08);
}

.st-action-btn--select:hover:not(:disabled)[b-izqygdvthk] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.08);
}

.st-action-btn--selected[b-izqygdvthk] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.10);
}

.st-action-btn:disabled[b-izqygdvthk] {
    opacity: 0.3;
    cursor: not-allowed;
}

/* #endregion */

/* #region MOBILE CARDS */

.st-cards[b-izqygdvthk] {
    display: none;
    flex-direction: column;
    gap: 10px;
}

.st-card[b-izqygdvthk] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
}

.st-card--selected[b-izqygdvthk] {
    border-left: 3px solid var(--color-primary);
}

.st-card-head[b-izqygdvthk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
}

.st-card-meta[b-izqygdvthk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.st-card-name[b-izqygdvthk] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.st-card-badges[b-izqygdvthk] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.st-card-actions[b-izqygdvthk] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    align-self: flex-start;
}

.st-card-body[b-izqygdvthk] {
    padding: 10px 14px 14px;
    border-top: 1px solid var(--color-border);
}

.st-card-dl[b-izqygdvthk] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 7px 20px;
    margin: 0;
}

.st-card-dl dt[b-izqygdvthk] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    align-self: center;
    white-space: nowrap;
    font-family: var(--font-body);
}

.st-card-dl dd[b-izqygdvthk] {
    font-size: 13px;
    color: var(--color-text-secondary);
    font-family: "Courier New", Courier, monospace;
    align-self: center;
    overflow-wrap: anywhere;
}

/* #endregion */

/* #region MODAL */

.st-modal-overlay[b-izqygdvthk] {
    display: none; /* Toggled to flex via Blazor */
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.80);
    z-index: 900;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: st-fade-up-b-izqygdvthk .25s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.st-modal[b-izqygdvthk] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    width: 100%;
    max-width: 460px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

.st-modal-head[b-izqygdvthk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid var(--color-border);
}

.st-modal-title[b-izqygdvthk] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-primary);
}

.st-modal-close[b-izqygdvthk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease;
    flex-shrink: 0;
}

.st-modal-close:hover[b-izqygdvthk] {
    border-color: var(--color-text-primary);
    color: var(--color-text-primary);
}

.st-modal-body[b-izqygdvthk] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.st-modal-foot[b-izqygdvthk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 20px;
    border-top: 1px solid var(--color-border);
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .st-shell[b-izqygdvthk] {
        padding: 28px 20px 60px;
    }

    .st-container[b-izqygdvthk] {
        gap: 22px;
    }
}

@media (max-width: 768px) {
    .st-table-wrap[b-izqygdvthk] {
        display: none;
    }

    .st-cards[b-izqygdvthk] {
        display: flex;
    }
}

@media (max-width: 600px) {
    .st-shell[b-izqygdvthk] {
        padding: 20px 14px 48px;
    }

    .st-header[b-izqygdvthk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding-bottom: 20px;
    }

    .st-form-grid[b-izqygdvthk] {
        grid-template-columns: 1fr;
    }

    .st-field--full[b-izqygdvthk] {
        grid-column: auto;
    }

    .st-section-head--split[b-izqygdvthk] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .st-panel[b-izqygdvthk] {
        padding: 16px;
    }
}

/* #endregion */
/* /Components/Pages/Warehouses/List.razor.rz.scp.css */
/* #region SHELL */

.wl-shell[b-71vlpfgqs9] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 80px;
}

.wl-container[b-71vlpfgqs9] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes wl-fade-up-b-71vlpfgqs9 {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region HEADER */

.wl-header[b-71vlpfgqs9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: wl-fade-up-b-71vlpfgqs9 .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.wl-header-text[b-71vlpfgqs9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wl-title[b-71vlpfgqs9] {
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.05;
}

.wl-subtitle[b-71vlpfgqs9] {
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.wl-btn-add[b-71vlpfgqs9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    background: var(--color-primary);
    color: #000000;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s ease;
    white-space: nowrap;
}

.wl-btn-add:hover[b-71vlpfgqs9] {
    background: var(--color-primary-hover);
}

.wl-btn-icon[b-71vlpfgqs9] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

/* #endregion */

/* #region TOOLBAR */

.wl-toolbar[b-71vlpfgqs9] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    animation: wl-fade-up-b-71vlpfgqs9 .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both;
}

.wl-search-wrap[b-71vlpfgqs9] {
    position: relative;
    flex: 1;
    min-width: 240px;
}

.wl-search-icon[b-71vlpfgqs9] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: var(--color-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.wl-search[b-71vlpfgqs9] {
    width: 100%;
    padding: 10px 14px 10px 38px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
}

.wl-search[b-71vlpfgqs9]::placeholder {
    color: var(--color-text-secondary);
}

.wl-search:focus[b-71vlpfgqs9] {
    border-color: var(--color-primary);
}


/* #endregion */

/* #region TABLE */

.wl-table-wrap[b-71vlpfgqs9] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    animation: wl-fade-up-b-71vlpfgqs9 .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both;
}

.wl-table[b-71vlpfgqs9] {
    width: 100%;
    border-collapse: collapse;
    min-width: 680px;
}

.wl-th[b-71vlpfgqs9] {
    padding: 12px 18px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    font-family: var(--font-body);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
    background: #0a0a0a;
}

.wl-th--center[b-71vlpfgqs9] { text-align: center; }

.wl-tr[b-71vlpfgqs9] {
    transition: background 0.12s ease;
}

.wl-tr:not(:last-child)[b-71vlpfgqs9] {
    border-bottom: 1px solid var(--color-border);
}

.wl-tr:hover[b-71vlpfgqs9] {
    background: var(--color-bg-surface-alt);
}

.wl-td[b-71vlpfgqs9] {
    padding: 16px 18px;
    font-size: 14px;
    color: var(--color-text-primary);
    vertical-align: middle;
}

.wl-td--name[b-71vlpfgqs9] {
    font-weight: 700;
    white-space: nowrap;
}

.wl-td--address[b-71vlpfgqs9] {
    font-size: 13px;
    color: var(--color-text-secondary);
    max-width: 280px;
}

.wl-td--contact[b-71vlpfgqs9] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wl-td--center[b-71vlpfgqs9] { text-align: center; }

.wl-td--actions[b-71vlpfgqs9] { white-space: nowrap; }

.wl-manager[b-71vlpfgqs9] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.wl-email[b-71vlpfgqs9] {
    font-size: 11px;
    color: var(--color-text-secondary);
    font-family: "Courier New", Courier, monospace;
}

/* #endregion */

/* #region BADGES */

.wl-badge[b-71vlpfgqs9] {
    display: inline-block;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 100px;
    white-space: nowrap;
    font-family: var(--font-body);
}

.wl-badge--active[b-71vlpfgqs9] {
    background: rgba(111, 255, 0, 0.10);
    color: var(--color-primary);
    border: 1px solid rgba(111, 255, 0, 0.22);
}

.wl-badge--inactive[b-71vlpfgqs9] {
    background: rgba(255, 51, 51, 0.10);
    color: var(--color-danger);
    border: 1px solid rgba(255, 51, 51, 0.22);
}

/* #endregion */

/* #region ACTION BUTTONS */

.wl-action-btn[b-71vlpfgqs9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    color: var(--color-text-secondary);
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    flex-shrink: 0;
}

.wl-action-btn svg[b-71vlpfgqs9] {
    width: 14px;
    height: 14px;
    pointer-events: none;
}

.wl-action-btn + .wl-action-btn[b-71vlpfgqs9] {
    margin-left: 6px;
}

.wl-action-btn--edit:hover[b-71vlpfgqs9] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.08);
}

.wl-action-btn--delete:hover[b-71vlpfgqs9] {
    border-color: var(--color-danger);
    color: var(--color-danger);
    background: rgba(255, 51, 51, 0.08);
}

/* #endregion */

/* #region MOBILE CARDS */

.wl-cards[b-71vlpfgqs9] {
    display: none;
    flex-direction: column;
    gap: 10px;
    animation: wl-fade-up-b-71vlpfgqs9 .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both;
}

.wl-card[b-71vlpfgqs9] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
}

.wl-card--inactive[b-71vlpfgqs9] {
    border-left: 3px solid var(--color-danger);
}

.wl-card-head[b-71vlpfgqs9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 14px 10px;
}

.wl-card-icon[b-71vlpfgqs9] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(111, 255, 0, 0.08);
    border: 1px solid rgba(111, 255, 0, 0.18);
    color: var(--color-primary);
    flex-shrink: 0;
}

.wl-card-icon svg[b-71vlpfgqs9] {
    width: 20px;
    height: 20px;
}

.wl-card-icon--inactive[b-71vlpfgqs9] {
    background: rgba(255, 51, 51, 0.08);
    border-color: rgba(255, 51, 51, 0.18);
    color: var(--color-danger);
}

.wl-card-meta[b-71vlpfgqs9] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.wl-card-name[b-71vlpfgqs9] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.wl-card-actions[b-71vlpfgqs9] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    align-self: flex-start;
}

.wl-card-body[b-71vlpfgqs9] {
    padding: 10px 14px 14px 66px;
    border-top: 1px solid var(--color-border);
    margin-top: 4px;
}

.wl-card-dl[b-71vlpfgqs9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 20px;
    margin: 0;
}

.wl-card-dl dt[b-71vlpfgqs9] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    align-self: center;
    white-space: nowrap;
}

.wl-card-dl dd[b-71vlpfgqs9] {
    font-size: 13px;
    color: var(--color-text-primary);
    font-weight: 500;
    align-self: center;
    overflow-wrap: anywhere;
}

/* #endregion */

/* #region PAGINATION */

.wl-pagination[b-71vlpfgqs9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 4px;
    animation: wl-fade-up-b-71vlpfgqs9 .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both;
}

.wl-page-numbers[b-71vlpfgqs9] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.wl-page-btn[b-71vlpfgqs9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font-body);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    white-space: nowrap;
}

.wl-page-btn svg[b-71vlpfgqs9] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.wl-page-btn:hover:not(:disabled):not(.wl-page-btn--active)[b-71vlpfgqs9] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.wl-page-btn--num[b-71vlpfgqs9] {
    min-width: 38px;
    justify-content: center;
    padding: 8px 6px;
}

.wl-page-btn--active[b-71vlpfgqs9] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #000000;
    font-weight: 800;
    cursor: default;
}

.wl-page-btn--nav:disabled[b-71vlpfgqs9] {
    opacity: 0.3;
    cursor: not-allowed;
}

.wl-page-ellipsis[b-71vlpfgqs9] {
    padding: 0 2px;
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 600;
    user-select: none;
    line-height: 1;
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .wl-shell[b-71vlpfgqs9] {
        padding: 28px 20px 60px;
    }

    .wl-container[b-71vlpfgqs9] {
        gap: 22px;
    }
}

@media (max-width: 768px) {
    .wl-table-wrap[b-71vlpfgqs9] {
        display: none;
    }

    .wl-cards[b-71vlpfgqs9] {
        display: flex;
    }


}

@media (max-width: 600px) {
    .wl-shell[b-71vlpfgqs9] {
        padding: 20px 14px 48px;
    }

    .wl-header[b-71vlpfgqs9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding-bottom: 20px;
    }

    .wl-btn-add[b-71vlpfgqs9] {
        width: 100%;
        justify-content: center;
    }

    .wl-toolbar[b-71vlpfgqs9] {
        flex-direction: column;
        align-items: stretch;
    }

    .wl-search-wrap[b-71vlpfgqs9] {
        min-width: unset;
    }

    .wl-pagination[b-71vlpfgqs9] {
        gap: 6px;
    }

    .wl-page-btn--nav[b-71vlpfgqs9] {
        padding: 8px 10px;
        font-size: 12px;
    }
}

/* #endregion */
/* /Components/Pages/Warehouse/Detail.razor.rz.scp.css */
/* #region SHELL */

.wd-shell[b-btoqc1uzr9] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 80px;
}

.wd-container[b-btoqc1uzr9] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes wd-fade-up-b-btoqc1uzr9 {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region PAGE HEADER */

.wd-header[b-btoqc1uzr9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    animation: wd-fade-up-b-btoqc1uzr9 .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.wd-header-left[b-btoqc1uzr9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.wd-btn-back[b-btoqc1uzr9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    padding: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font-body);
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: color 0.15s ease;
    width: fit-content;
}

.wd-btn-back svg[b-btoqc1uzr9] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.wd-btn-back:hover[b-btoqc1uzr9] {
    color: var(--color-primary);
}

.wd-btn-back:hover svg[b-btoqc1uzr9] {
    transform: translateX(-3px);
}

.wd-title[b-btoqc1uzr9] {
    font-size: clamp(22px, 3.5vw, 34px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--color-text-primary);
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wd-header-actions[b-btoqc1uzr9] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.wd-btn[b-btoqc1uzr9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.wd-btn svg[b-btoqc1uzr9] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.wd-btn--save[b-btoqc1uzr9] {
    background: var(--color-primary);
    color: #000000;
}

.wd-btn--save:hover[b-btoqc1uzr9] {
    background: var(--color-primary-hover);
}

.wd-btn--delete[b-btoqc1uzr9] {
    background: transparent;
    color: var(--color-danger);
    border: 1px solid var(--color-danger);
}

.wd-btn--delete:hover[b-btoqc1uzr9] {
    background: rgba(255, 51, 51, 0.10);
}

/* #endregion */

/* #region MAIN CONTENT GRID */

.wd-grid[b-btoqc1uzr9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    align-items: start;
}

/* #endregion */

/* #region CARD BASE (shared by visual panel and form panel) */

.wd-visual[b-btoqc1uzr9],
.wd-form-panel[b-btoqc1uzr9] {
    position: relative;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.wd-visual[b-btoqc1uzr9]::before,
.wd-form-panel[b-btoqc1uzr9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background .2s ease;
}

.wd-visual:hover[b-btoqc1uzr9],
.wd-form-panel:hover[b-btoqc1uzr9] {
    border-color: rgba(111, 255, 0, 0.2);
    box-shadow: 0 0 28px rgba(111, 255, 0, 0.05), 0 10px 28px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

.wd-visual:hover[b-btoqc1uzr9]::before,
.wd-form-panel:hover[b-btoqc1uzr9]::before,
.wd-visual:focus-within[b-btoqc1uzr9]::before,
.wd-form-panel:focus-within[b-btoqc1uzr9]::before {
    background: var(--color-primary);
}

.wd-visual:focus-within[b-btoqc1uzr9],
.wd-form-panel:focus-within[b-btoqc1uzr9] {
    border-color: rgba(111, 255, 0, 0.2);
}

.wd-grid > .wd-visual[b-btoqc1uzr9]     { animation: wd-fade-up-b-btoqc1uzr9 .3s cubic-bezier(0.22, 1, 0.36, 1) .06s both; }
.wd-grid > .wd-form-panel[b-btoqc1uzr9] { animation: wd-fade-up-b-btoqc1uzr9 .3s cubic-bezier(0.22, 1, 0.36, 1) .12s both; }

/* #endregion */

/* #region VISUAL / MAP PANEL */

.wd-map-main[b-btoqc1uzr9] {
    width: 100%;
    aspect-ratio: 4 / 3;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: border-color 0.15s ease;
    position: relative;
    overflow: hidden;
}

.wd-map-main:hover[b-btoqc1uzr9] {
    border-color: var(--color-primary);
}

.wd-map-icon[b-btoqc1uzr9] {
    width: 52px;
    height: 52px;
    opacity: 0.30;
    color: var(--color-primary);
}

.wd-map-placeholder-text[b-btoqc1uzr9] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.4;
}

.wd-btn-directions[b-btoqc1uzr9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.wd-btn-directions svg[b-btoqc1uzr9] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.wd-btn-directions:hover[b-btoqc1uzr9] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.04);
}

.wd-btn-upload[b-btoqc1uzr9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    background: transparent;
    border: 1px dashed #444444;
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.wd-btn-upload svg[b-btoqc1uzr9] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.wd-btn-upload:hover[b-btoqc1uzr9] {
    border-color: var(--color-primary);
    border-style: solid;
    color: var(--color-primary);
    background: rgba(111, 255, 0, 0.04);
}

/* #endregion */

/* #region EDIT FORM */

.wd-section-title[b-btoqc1uzr9] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    line-height: 1;
}

.wd-form[b-btoqc1uzr9] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.wd-field-row[b-btoqc1uzr9] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.wd-field-row--split[b-btoqc1uzr9] {
    flex-direction: row;
    gap: 14px;
}

.wd-field-row--split .wd-field[b-btoqc1uzr9] {
    flex: 1;
    min-width: 0;
}

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

.wd-label[b-btoqc1uzr9] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    line-height: 1;
}

.wd-input[b-btoqc1uzr9],
.wd-select[b-btoqc1uzr9] {
    width: 100%;
    padding: 12px 14px;
    background: var(--color-bg-base);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 14px;
    font-family: var(--font-body);
    line-height: 1.5;
    outline: none;
    transition: border-color 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
}

.wd-input[b-btoqc1uzr9]::placeholder {
    color: var(--color-text-secondary);
}

.wd-input:focus[b-btoqc1uzr9],
.wd-select:focus[b-btoqc1uzr9] {
    border-color: var(--color-primary);
}

.wd-input--mono[b-btoqc1uzr9] {
    font-family: "Courier New", Courier, monospace;
    font-size: 13px;
    letter-spacing: 0.04em;
}

.wd-select-wrap[b-btoqc1uzr9] {
    position: relative;
}

.wd-select-wrap .wd-select[b-btoqc1uzr9] {
    padding-right: 38px;
    cursor: pointer;
}

.wd-select-arrow[b-btoqc1uzr9] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    color: var(--color-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.wd-select option[b-btoqc1uzr9] {
    background: var(--color-bg-surface);
    color: var(--color-text-primary);
}

/* #endregion */

/* #region INVENTORY TABLE */

.wd-inventory-section[b-btoqc1uzr9] {
    position: relative;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    animation: wd-fade-up-b-btoqc1uzr9 .3s cubic-bezier(0.22, 1, 0.36, 1) .18s both;
}

.wd-inventory-section[b-btoqc1uzr9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color-primary);
}

.wd-inventory-header[b-btoqc1uzr9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 20px 20px 18px;
    border-bottom: 1px solid var(--color-border);
}

.wd-inventory-note[b-btoqc1uzr9] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--color-text-secondary);
    font-style: italic;
    line-height: 1.4;
}

.wd-inventory-note svg[b-btoqc1uzr9] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: 0.7;
}

.wd-table-wrap[b-btoqc1uzr9] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.wd-table[b-btoqc1uzr9] {
    width: 100%;
    border-collapse: collapse;
    min-width: 520px;
}

.wd-th[b-btoqc1uzr9] {
    padding: 12px 16px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
    background: #0a0a0a;
    font-family: var(--font-body);
}

.wd-th--right[b-btoqc1uzr9] {
    text-align: right;
}

.wd-tr[b-btoqc1uzr9] {
    transition: background 0.12s ease;
}

.wd-tr:not(:last-child)[b-btoqc1uzr9] {
    border-bottom: 1px solid var(--color-border);
}

.wd-tr:hover[b-btoqc1uzr9] {
    background: var(--color-bg-surface-alt);
}

.wd-tr--low[b-btoqc1uzr9] {
    border-left: 2px solid var(--color-danger);
}

.wd-tr-total[b-btoqc1uzr9] {
    border-top: 1px solid #333333;
    background: #0a0a0a;
}

.wd-td[b-btoqc1uzr9] {
    padding: 14px 16px;
    font-size: 14px;
    color: var(--color-text-primary);
    vertical-align: middle;
}

.wd-td--name[b-btoqc1uzr9] {
    font-weight: 600;
    white-space: nowrap;
}

.wd-td--sku[b-btoqc1uzr9] {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    color: var(--color-text-secondary);
    white-space: nowrap;
}

.wd-td--category[b-btoqc1uzr9] {
    font-size: 13px;
    color: var(--color-text-secondary);
}

.wd-td--num[b-btoqc1uzr9] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap;
}

.wd-td--qty[b-btoqc1uzr9] {
    color: var(--color-primary);
}

.wd-td--qty-low[b-btoqc1uzr9] {
    color: var(--color-danger);
}

.wd-td--total-label[b-btoqc1uzr9] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}

.wd-td--total[b-btoqc1uzr9] {
    font-size: 16px;
    font-weight: 800;
    color: var(--color-text-primary);
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .wd-shell[b-btoqc1uzr9] {
        padding: 28px 20px 60px;
    }

    .wd-container[b-btoqc1uzr9] {
        gap: 22px;
    }
}

@media (max-width: 860px) {
    .wd-grid[b-btoqc1uzr9] {
        grid-template-columns: 1fr;
    }

    .wd-map-main[b-btoqc1uzr9] {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 600px) {
    .wd-shell[b-btoqc1uzr9] {
        padding: 20px 14px 48px;
    }

    .wd-visual[b-btoqc1uzr9],
    .wd-form-panel[b-btoqc1uzr9] {
        padding: 18px 16px;
    }

    .wd-header[b-btoqc1uzr9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding-bottom: 20px;
    }

    .wd-title[b-btoqc1uzr9] {
        white-space: normal;
    }

    .wd-header-actions[b-btoqc1uzr9] {
        width: 100%;
        flex-direction: column;
    }

    .wd-btn[b-btoqc1uzr9] {
        width: 100%;
        justify-content: center;
    }

    .wd-field-row--split[b-btoqc1uzr9] {
        flex-direction: column;
        gap: 18px;
    }

    .wd-inventory-header[b-btoqc1uzr9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* #endregion */
/* /Components/Parts/Alert.razor.rz.scp.css */
/* #region CONTAINER */

.toast-alert-container[b-74wyfg0g7i] {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    pointer-events: none;
    height: 0;
}

/* #endregion */

/* #region BOX */

.toast-alert-box[b-74wyfg0g7i] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    color: var(--color-text-primary);
    padding: 12px 20px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: var(--shadow-base);
    pointer-events: auto;
    border-left: 4px solid #3399ff;
    font-family: var(--font-body);
    font-size: 14px;
    transform-origin: top center;
    transform: translateY(calc(var(--stack-index, 0) * 10px)) scale(calc(1 - var(--stack-index, 0) * 0.06));
    z-index: calc(100 - var(--stack-index, 0));
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.toast-alert-box.type-info[b-74wyfg0g7i] {
    border-left-color: #3399ff;
}

.toast-alert-box.type-success[b-74wyfg0g7i] {
    border-left-color: #39ff14;
}

.toast-alert-box.type-warning[b-74wyfg0g7i] {
    border-left-color: #ff9900;
}

.toast-alert-box.type-error[b-74wyfg0g7i] {
    border-left-color: var(--color-danger);
}

/* #endregion */

/* #region CONTENT & CLOSE */

.toast-alert-content[b-74wyfg0g7i] {
    flex-grow: 1;
    word-break: break-word;
}

.toast-alert-close[b-74wyfg0g7i] {
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    color: var(--color-text-secondary);
    margin-left: 15px;
    transition: color 0.2s ease;
    user-select: none;
}

.toast-alert-close:hover[b-74wyfg0g7i] {
    color: var(--color-primary);
}

/* #endregion */

/* #region ANIMATIONS */

.toast-slide-in[b-74wyfg0g7i] {
    animation: toastSlideIn-b-74wyfg0g7i 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.toast-slide-out[b-74wyfg0g7i] {
    animation: toastSlideOut-b-74wyfg0g7i 0.3s ease-in forwards;
}

@keyframes toastSlideIn-b-74wyfg0g7i {
    0% {
        opacity: 0;
        transform: translateY(calc(var(--stack-index, 0) * 10px - 30px)) scale(calc(0.85 - var(--stack-index, 0) * 0.06));
    }

    100% {
        opacity: 1;
        transform: translateY(calc(var(--stack-index, 0) * 10px)) scale(calc(1 - var(--stack-index, 0) * 0.06));
    }
}

@keyframes toastSlideOut-b-74wyfg0g7i {
    0% {
        opacity: 1;
        transform: translateY(calc(var(--stack-index, 0) * 10px)) scale(calc(1 - var(--stack-index, 0) * 0.06));
    }

    100% {
        opacity: 0;
        transform: translateY(calc(var(--stack-index, 0) * 10px - 20px)) scale(calc(0.85 - var(--stack-index, 0) * 0.06));
    }
}

/* #endregion */
/* /Components/Parts/Confirmator.razor.rz.scp.css */
/* #region BACKDROP */

.confirm-backdrop[b-b52qttuy68] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

/* #endregion */

/* #region BOX */

.confirm-box[b-b52qttuy68] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    padding: 2rem;
    border-radius: var(--border-radius-base);
    min-width: 300px;
    max-width: 480px;
    width: 90%;
    box-shadow: var(--shadow-base);
    animation: confirmFadeIn-b-b52qttuy68 0.2s ease;
}

.confirm-title[b-b52qttuy68] {
    margin-bottom: 0.75rem;
    color: var(--color-text-primary);
    font-family: var(--font-heading);
}

.confirm-message[b-b52qttuy68] {
    margin-bottom: 1.5rem;
    color: var(--color-text-secondary);
    font-size: 0.95rem;
}

/* #endregion */

/* #region BUTTONS */

.confirm-buttons[b-b52qttuy68] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.btn-cancel[b-b52qttuy68] {
    background: transparent;
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
    padding: 0.6rem 1.25rem;
    border-radius: var(--border-radius-base);
    font-family: var(--font-body);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.btn-cancel:hover[b-b52qttuy68] {
    border-color: var(--color-text-secondary);
    color: var(--color-text-primary);
}

.btn-ok[b-b52qttuy68] {
    background: var(--color-primary);
    color: #000000;
    border: none;
    padding: 0.6rem 1.25rem;
    border-radius: var(--border-radius-base);
    font-family: var(--font-body);
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.btn-ok:hover[b-b52qttuy68] {
    background: var(--color-primary-hover);
}

/* #endregion */

/* #region ANIMATIONS */

@keyframes confirmFadeIn-b-b52qttuy68 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

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

/* #endregion */
/* /Components/Parts/LanguageSelector.razor.rz.scp.css */
/* #region BACKDROP */
.lang-backdrop[b-i0yhefjcza] {
    position: fixed;
    inset: 0;
    z-index: 50;
}
/* #endregion */

/* #region BAR */
.lang-bar[b-i0yhefjcza] {
    position: relative;
    z-index: 51;
}
/* #endregion */

/* #region TRIGGER */
.lang-trigger[b-i0yhefjcza] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    cursor: pointer;
    outline: none;
    transition: border-color .2s, color .2s, background .2s;
    user-select: none;
}

    .lang-trigger:hover[b-i0yhefjcza],
    .lang-trigger.open[b-i0yhefjcza] {
        border-color: rgba(111, 255, 0, 0.4);
        color: var(--color-text-primary);
        background: var(--color-bg-surface-alt);
    }

.lang-flag[b-i0yhefjcza] {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: cover;
    border-radius: 3px;
    flex-shrink: 0;
}

.lang-code[b-i0yhefjcza] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
}

.lang-chevron[b-i0yhefjcza] {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    margin-left: 2px;
    transition: transform .2s;
}

    .lang-trigger.open .lang-chevron[b-i0yhefjcza] {
        transform: rotate(180deg);
    }
/* #endregion */

/* #region DROPDOWN */
.lang-dropdown[b-i0yhefjcza] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 160px;
    background: var(--color-bg-surface);
    border: 1px solid rgba(111, 255, 0, 0.2);
    border-radius: var(--border-radius-sm);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(111, 255, 0, 0.05);
    overflow: hidden;
    animation: dropdown-open-b-i0yhefjcza .15s ease both;
}

@keyframes dropdown-open-b-i0yhefjcza {
    from { opacity: 0; transform: translateY(-6px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.lang-option[b-i0yhefjcza] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 11px 14px;
    background: none;
    border: none;
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    text-align: left;
    transition: background .15s, color .15s;
}

    .lang-option:hover[b-i0yhefjcza] {
        background: rgba(111, 255, 0, 0.06);
        color: var(--color-text-primary);
    }

    .lang-option.selected[b-i0yhefjcza] {
        color: var(--color-primary);
        background: rgba(111, 255, 0, 0.04);
    }

    .lang-option + .lang-option[b-i0yhefjcza] {
        border-top: 1px solid var(--color-border);
    }

.lang-check[b-i0yhefjcza] {
    display: block;
    margin-left: auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary);
    box-shadow: 0 0 6px rgba(111, 255, 0, 0.6);
    flex-shrink: 0;
}
/* #endregion */

/* #region RESPONSIVE */
/* #endregion */
/* /Components/Parts/Loader.razor.rz.scp.css */
/* #region LOADER WRAPPER */

.loader-wrapper[b-zrjbg786uq] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0;
    width: 100%;
}

/* #endregion */

/* #region LOADER SPINNER */

.loader-spinner[b-zrjbg786uq] {
    position: relative;
    width: 72px;
    height: 72px;
}

.loader-ring[b-zrjbg786uq] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 3px solid transparent;
    animation: loader-spin-b-zrjbg786uq linear infinite;
}

.loader-ring-1[b-zrjbg786uq] {
    border-top-color: var(--color-primary);
    animation-duration: 1.1s;
}

.loader-ring-2[b-zrjbg786uq] {
    inset: 10px;
    border-right-color: var(--color-primary);
    opacity: 0.55;
    animation-duration: 1.6s;
    animation-direction: reverse;
}

.loader-ring-3[b-zrjbg786uq] {
    inset: 20px;
    border-bottom-color: var(--color-primary);
    opacity: 0.25;
    animation-duration: 2.2s;
}

.loader-core[b-zrjbg786uq] {
    position: absolute;
    inset: 30px;
    border-radius: 50%;
    background: var(--color-primary);
    opacity: 0.15;
    animation: loader-pulse-b-zrjbg786uq 1.6s ease-in-out infinite;
}

/* #endregion */

/* #region KEYFRAMES */

@keyframes loader-spin-b-zrjbg786uq {

    to {
        transform: rotate(360deg);
    }

}

@keyframes loader-pulse-b-zrjbg786uq {

    0%, 100% {
        opacity: 0.1;
        transform: scale(0.85);
    }

    50% {
        opacity: 0.35;
        transform: scale(1.1);
    }

}

/* #endregion */
/* /Components/Parts/NoOrganization.razor.rz.scp.css */
/* #region PAGE */

.no-org-page[b-rrtur1ippa] {
    min-height: 100vh;
    background: var(--color-bg-base);
    padding: 40px 32px 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* #endregion */

/* #region CONTENT */

.no-org-content[b-rrtur1ippa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 480px;
    width: 100%;
    text-align: center;
    animation: no-org-fade-up-b-rrtur1ippa .3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes no-org-fade-up-b-rrtur1ippa {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* #endregion */

/* #region ICON */

.no-org-icon[b-rrtur1ippa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(111, 255, 0, 0.06);
    border: 1px solid rgba(111, 255, 0, 0.15);
    color: var(--color-primary);
    margin-bottom: 12px;
    flex-shrink: 0;
}

    .no-org-icon svg[b-rrtur1ippa] {
        width: 34px;
        height: 34px;
    }

/* #endregion */

/* #region TEXT */

.no-org-title[b-rrtur1ippa] {
    font-size: clamp(24px, 4vw, 36px);
    font-weight: 800;
    letter-spacing: -.04em;
    color: var(--color-text-primary);
    line-height: 1.1;
}

.no-org-subtitle[b-rrtur1ippa] {
    font-size: 15px;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

/* #endregion */

/* #region RESPONSIVE */

@media (max-width: 900px) {
    .no-org-page[b-rrtur1ippa] {
        padding: 28px 20px 60px;
    }
}

@media (max-width: 600px) {
    .no-org-page[b-rrtur1ippa] {
        padding: 20px 14px 48px;
    }
}

/* #endregion */
/* /Components/Parts/OrganizationSelector.razor.rz.scp.css */
/* #region BACKDROP */
.org-backdrop[b-6row9c8msa] {
    position: fixed;
    inset: 0;
    z-index: 50;
}
/* #endregion */

/* #region BAR */
.org-bar[b-6row9c8msa] {
    position: relative;
    z-index: 51;
}
/* #endregion */

/* #region TRIGGER */
.org-trigger[b-6row9c8msa] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    cursor: pointer;
    outline: none;
    transition: border-color .2s, color .2s, background .2s;
    user-select: none;
    max-width: 200px;
}

    .org-trigger:hover[b-6row9c8msa],
    .org-trigger.open[b-6row9c8msa] {
        border-color: rgba(111, 255, 0, 0.4);
        color: var(--color-text-primary);
        background: var(--color-bg-surface-alt);
    }

.org-logo[b-6row9c8msa] {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: cover;
    border-radius: 3px;
    flex-shrink: 0;
}

.org-name[b-6row9c8msa] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.org-chevron[b-6row9c8msa] {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    margin-left: 2px;
    flex-shrink: 0;
    transition: transform .2s;
}

    .org-trigger.open .org-chevron[b-6row9c8msa] {
        transform: rotate(180deg);
    }
/* #endregion */

/* #region DROPDOWN */
.org-dropdown[b-6row9c8msa] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 200px;
    background: var(--color-bg-surface);
    border: 1px solid rgba(111, 255, 0, 0.2);
    border-radius: var(--border-radius-sm);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(111, 255, 0, 0.05);
    overflow: hidden;
    animation: org-dropdown-open-b-6row9c8msa .15s ease both;
}

@keyframes org-dropdown-open-b-6row9c8msa {
    from { opacity: 0; transform: translateY(-6px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.org-option[b-6row9c8msa] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 11px 14px;
    background: none;
    border: none;
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    text-align: left;
    transition: background .15s, color .15s;
}

    .org-option:hover[b-6row9c8msa] {
        background: rgba(111, 255, 0, 0.06);
        color: var(--color-text-primary);
    }

    .org-option.selected[b-6row9c8msa] {
        color: var(--color-primary);
        background: rgba(111, 255, 0, 0.04);
    }

    .org-option + .org-option[b-6row9c8msa] {
        border-top: 1px solid var(--color-border);
    }

.org-option-name[b-6row9c8msa] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.org-check[b-6row9c8msa] {
    display: block;
    margin-left: auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary);
    box-shadow: 0 0 6px rgba(111, 255, 0, 0.6);
    flex-shrink: 0;
}
/* #endregion */

/* #region RESPONSIVE */
@media (max-width: 768px) {
    .org-trigger[b-6row9c8msa] {
        max-width: 130px;
    }
}
/* #endregion */