@import '_content/BlazorForKids.Designer.Web/BlazorForKids.Designer.Web.e22375pryt.bundle.scp.css';

/* /Source/Components/ApplicationLogo.razor.rz.scp.css */
h3[b-xrh7xi6rqw]{
   
    font-size: 1.5rem;
    height: 100%;
    align-content: center;
}

a[b-xrh7xi6rqw]{
    display: flex;
    align-items: center;
    gap:1rem;
    padding: 1ch;
}
svg[b-xrh7xi6rqw] {
    height: 3rem;
}
/* /Source/Components/ButtonWithProgress.razor.rz.scp.css */
button[b-28z9wfzcr9]{
    background-color: var(--primary);
    color: white;
    padding: 1ch;
    border:none;
    border-radius: 1ch;
    width: min(150px,100%);
}
button[disabled][b-28z9wfzcr9]{
    background-color: gray;
}

.spinner-border[b-28z9wfzcr9] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-animation-b-28z9wfzcr9 0.75s linear infinite;
    margin-right: 0.5rem;
}

@keyframes spinner-border-animation-b-28z9wfzcr9 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* /Source/Components/DesktopVisibility.razor.rz.scp.css */
/*
    Desktop Visibility Component - Stiluri Scoped
    =============================================
    
    Controlează vizibilitatea conținutului bazat pe dimensiunea ecranului.
    Breakpoint: 768px (tablet/desktop separator)
*/

/* 
   Desktop Only - Vizibil pe desktop (> 768px), ascuns pe mobile/tablet 
*/
.desktop-only[b-zz9cj6nqqd] {
    display: block;
}

@media (max-width: 768px) {
    .desktop-only[b-zz9cj6nqqd] {
        display: none !important;
    }
}

/* 
   Mobile Only - Ascuns pe desktop, vizibil pe mobile/tablet (<= 768px)
*/
.mobile-only[b-zz9cj6nqqd] {
    display: none;
}

@media (max-width: 768px) {
    .mobile-only[b-zz9cj6nqqd] {
        display: block !important;
    }
}

/* 
   Suport pentru flex containers 
   Dacă conținutul părinte folosește flexbox
*/
.desktop-only.flex-item[b-zz9cj6nqqd] {
    display: flex;
}

@media (max-width: 768px) {
    .desktop-only.flex-item[b-zz9cj6nqqd] {
        display: none !important;
    }
}

.mobile-only.flex-item[b-zz9cj6nqqd] {
    display: none;
}

@media (max-width: 768px) {
    .mobile-only.flex-item[b-zz9cj6nqqd] {
        display: flex !important;
    }
}

/* 
   Suport pentru grid containers 
*/
.desktop-only.grid-item[b-zz9cj6nqqd] {
    display: grid;
}

@media (max-width: 768px) {
    .desktop-only.grid-item[b-zz9cj6nqqd] {
        display: none !important;
    }
}

.mobile-only.grid-item[b-zz9cj6nqqd] {
    display: none;
}

@media (max-width: 768px) {
    .mobile-only.grid-item[b-zz9cj6nqqd] {
        display: grid !important;
    }
}

/* 
   Suport pentru inline elements 
*/
.desktop-only.inline-item[b-zz9cj6nqqd] {
    display: inline;
}

@media (max-width: 768px) {
    .desktop-only.inline-item[b-zz9cj6nqqd] {
        display: none !important;
    }
}

.mobile-only.inline-item[b-zz9cj6nqqd] {
    display: none;
}

@media (max-width: 768px) {
    .mobile-only.inline-item[b-zz9cj6nqqd] {
        display: inline !important;
    }
}

/* 
   Suport pentru inline-block elements 
*/
.desktop-only.inline-block-item[b-zz9cj6nqqd] {
    display: inline-block;
}

@media (max-width: 768px) {
    .desktop-only.inline-block-item[b-zz9cj6nqqd] {
        display: none !important;
    }
}

.mobile-only.inline-block-item[b-zz9cj6nqqd] {
    display: none;
}

@media (max-width: 768px) {
    .mobile-only.inline-block-item[b-zz9cj6nqqd] {
        display: inline-block !important;
    }
}

/* 
   Print styles - ascunde controlul de vizibilitate la print 
*/
@media print {
    .mobile-only[b-zz9cj6nqqd] {
        display: none !important;
    }
    
    .desktop-only[b-zz9cj6nqqd] {
        display: block !important;
    }
}
/* /Source/Components/DisplayInfo.razor.rz.scp.css */
/* /Source/Components/DownloadToExcelButton.razor.rz.scp.css */
/* /Source/Components/EnablePushNotifications.razor.rz.scp.css */
.view[b-47ntipa7zu] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.btn-enable-notifications[b-47ntipa7zu] {
    width: min(300px, 80%);
    margin: auto;
    color: white;
    padding: 1rem;
    border-radius: 2rem;
    background: linear-gradient(180deg, #4facfe, #00f2fe);
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.btn-stop-notifications[b-47ntipa7zu] {
    background: linear-gradient(180deg, tomato,red,tomato);
    border-radius: 2rem;
    width: min(300px, 80%);
    display: flex;
    flex-direction: column;
    border: none;
    color: white;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    padding: 1rem;
    margin: auto;
}

h3[b-47ntipa7zu] {
    margin: 0;
    padding: 1rem;
    text-wrap: balance;
    text-align: center;
    opacity: 0.8;
    color: var(--accent);
}

button:hover[b-47ntipa7zu] {
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    zoom: 1.01;
}

[b-47ntipa7zu] svg {
    width: 100px;
    height: 100px;
}

.card-header[b-47ntipa7zu] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.notification-card[b-47ntipa7zu] {
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.meta-row[b-47ntipa7zu] {
    font-size: smaller;
    opacity: 0.7;
    display: flex;
    text-align: center;
    justify-content: center;
}
/* /Source/Components/MultiCommandButton.razor.rz.scp.css */
.mc-button-wrapper[b-h509nco5gq]{display:inline-block;position:relative;font-family:inherit;}
.mc-main[b-h509nco5gq]{display:flex;align-items:center;}
.mc-btn[b-h509nco5gq]{background-color:var(--primary);color:var(--on-primary, #fff);padding:0.7ch 1.2ch;border:none;border-radius:1ch 0 0 1ch;min-width:140px;cursor:pointer;transition:background-color .2s;}
.mc-btn[disabled][b-h509nco5gq]{background-color:var(--disabled-bg, #888);cursor:not-allowed;}
.mc-dropdown-btn[b-h509nco5gq]{background-color:var(--primary-dark, var(--primary));color:var(--on-primary,#fff);padding:0.7ch .9ch;border:none;border-radius:0 1ch 1ch 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;}
.mc-dropdown-btn:hover:not([disabled])[b-h509nco5gq]{background-color:var(--primary-hover, #2a4e9e);} 
.mc-btn:hover:not([disabled])[b-h509nco5gq]{background-color:var(--primary-hover, #2a4e9e);} 
.mc-icon[b-h509nco5gq]{font-size:.9rem;line-height:1;}
.mc-menu[b-h509nco5gq]{
    position:absolute;top:100%;
    left:0;
    z-index:50;
    margin:.4rem 0 0 0;
    padding:0;list-style:none;
    background:var(--surface, #fff);
    border:1px solid var(--border-color,#ddd);
    border-radius:.6ch;min-width:220px;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.mc-menu-item[b-h509nco5gq]{width:100%;text-align:left;background:transparent;border:none;padding:.55rem .8rem;font-size:.85rem;color:var(--text-primary,#222);cursor:pointer;display:flex;align-items:center;gap:.5rem;}
.mc-menu-item:hover[b-h509nco5gq]{background:var(--primary-light, #eef3ff);} 
.mc-alert[b-h509nco5gq]{margin-top:.5rem;padding:.5rem .75rem;border-radius:.5ch;background:var(--success-bg, #d1e7dd);color:var(--success-text,#0f5132);font-size:.75rem;}
.spinner-border[b-h509nco5gq]{display:inline-block;width:1rem;height:1rem;vertical-align:text-bottom;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border-animation-b-h509nco5gq .75s linear infinite;margin-right:.4rem;}
@keyframes spinner-border-animation-b-h509nco5gq{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/* /Source/Components/PageInfoCard.razor.rz.scp.css */
/* Hover / focus */

.bk-info-card:focus-visible[b-hfef3h68gm] {
    transform: translateY(-4px);
    box-shadow: 0 18px 35px rgba(0,0,0,.35);
    background: linear-gradient(135deg, #2563eb, #1e40af);
}

.bk-info-card:hover[b-hfef3h68gm] {
    background-color: light-dark(lightskyblue,dodgerblue);
}
/* Decorative accent */
.bk-info-card[b-hfef3h68gm]::after {
    content: "";
    position: absolute;
    inset: -40% -40% auto auto;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle at center, rgba(255,255,255,.15), transparent 60%);
    transform: rotate(25deg);
}


/* Value badge */
.bk-info-card .value[b-hfef3h68gm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    height: 56px;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1;
    border-radius: 16px;
    background-color: light-dark(whitesmoke,rgba(255,255,255,.18));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.bk-info-card .value[b-hfef3h68gm] {
    margin: 0.5rem 0 0.75rem;
}


    .bk-info-card .value:has(svg)[b-hfef3h68gm] {
        width: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;

        svg {
            width: 32px;
            height: 32px;
            position: relative;
            top: 0;
            right: 0;
            margin: 0;
        }
    }
/* Title */
.bk-info-card h4[b-hfef3h68gm] {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.2px;
}
/* Description */
.bk-info-card p[b-hfef3h68gm] {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.4;
}
/* Subtle focus ring for accessibility */
.bk-info-card:focus-visible[b-hfef3h68gm] {
    outline: 3px solid rgba(255,255,255,.35);
    outline-offset: 3px;
}

.bk-info-card[b-hfef3h68gm] {
    position: relative;
    display: block;
    width: 100%;
    max-width: 350px; /* desktop cap */
    height: 100%;
    padding: 1.25rem 1.25rem 1.5rem;
    border-radius: 14px;
    background: light-dark(whitesmoke,var(--bg-level-3));
    color: var(--fc);
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    overflow: hidden;
    height: max-content;
}

[b-hfef3h68gm] .corner-icon {
    right: 0.75rem;
    opacity: 0.9;
    position: absolute;
    top: 0.75rem;
    zoom: 1.3;

}

@media (max-width: 767px) {
    .bk-info-card[b-hfef3h68gm] {
        max-width: 100%;
    }
}


[b-hfef3h68gm] .accent{
    color:var(--accent);
}
/* /Source/Components/PageLink.razor.rz.scp.css */
/* /Source/Components/ReadQrCode.razor.rz.scp.css */
#qr-reader[b-hmszu58qs7]{
    width:400px;
    height:400px;
    
}
.container[b-hmszu58qs7]{
    width:100%;
    height:100%;
    background-color:rebeccapurple;
    display:grid;
    place-content:center;
}
/* /Source/Components/ReceiveOrDeliverMovementOrder.razor.rz.scp.css */
.view[b-62y4cwkdav]{
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    padding: var(--spacing-lg);
    background: linear-gradient(135deg, color-mix(in oklch,var(--bg-level-1),var(--primary) 8%), var(--bg));
}

.view-header[b-62y4cwkdav] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-lg);
    flex-wrap: wrap;
    padding: var(--spacing-md) var(--spacing-lg);
    background: var(--bg-level-1);
    border-radius: var(--radius-lg);
    border: 1px solid color-mix(in oklch, var(--border-color), var(--primary) 15%);
    box-shadow: var(--shadow-sm);
}

.filter[b-62y4cwkdav] {
    display: flex;
    gap: var(--spacing-sm);
    align-items: center;
    flex-wrap: wrap;

    label {
        font-weight: 600;
        color: var(--fc-secondary);
    }

    input[type="search"][b-62y4cwkdav] {
        padding: 0.55rem 0.85rem;
        border-radius: var(--radius-md);
        border: 1px solid var(--border-color);
        background-color: var(--bg-level-2);
        color: var(--fc);
        font-size: var(--text-base);
        min-width: 15rem;
        transition: border-color var(--transition-base), box-shadow var(--transition-base);

        &:hover,
        &:focus {
            border-color: var(--accent);
            box-shadow: 0 0 0 3px color-mix(in oklch, var(--accent), transparent 70%);
        }
    }
}

.search-box[b-62y4cwkdav] {
    position: relative;
    width: min(20rem, 100%);
}

.search-results[b-62y4cwkdav] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    background: var(--bg-level-1);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    max-height: 14rem;
    overflow-y: auto;
    padding: 0.25rem 0;
    z-index: 5;
    list-style: none;
    margin: 0;
}

.search-results li[b-62y4cwkdav] {
    padding: 0.5rem 0.85rem;
    cursor: pointer;
    font-size: var(--text-sm);
    color: var(--fc);
    transition: background-color var(--transition-base), color var(--transition-base);

    &:hover {
        background: color-mix(in oklch, var(--accent), transparent 80%);
        color: var(--accent);
    }
}

.clear-filter[b-62y4cwkdav] {
    border: none;
    border-radius: var(--radius-full);
    background: var(--bg-level-2);
    color: var(--fc);
    padding: 0.45rem 1rem;
    font-size: var(--text-sm);
    cursor: pointer;
    transition: background-color var(--transition-base), color var(--transition-base);

    &:hover {
        background: var(--accent);
        color: var(--accent-text);
    }
}

[b-62y4cwkdav] .title-material {
    font-weight: 700;
    font-size: var(--text-lg);
    text-align: center;
    color: var(--primary);
    padding-bottom: var(--spacing-sm);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

h3[b-62y4cwkdav]{
    font-size: var(--text-2xl);
    font-weight: 700;
    text-align: left;
    color: var(--primary);
    margin: 0;
}

.cards[b-62y4cwkdav]{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--spacing-lg);
}

.card[b-62y4cwkdav]{
    display: flex;
    flex-direction: column;
    background: var(--bg-level-1);
    border-radius: var(--radius-xl);
    padding: var(--spacing-lg);
    border: 1px solid color-mix(in oklch, var(--border-color), var(--primary) 10%);
    box-shadow: var(--shadow-md);
    min-height: 100%;
    position: relative;
    overflow: hidden;

    &::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at top right, color-mix(in oklch, var(--primary), transparent 70%), transparent 60%);
        opacity: 0.35;
        pointer-events: none;
    }

    > *[b-62y4cwkdav] {
        position: relative;
    }

    .header[b-62y4cwkdav]{
        font-weight: 600;
        font-size: var(--text-base);
        margin-bottom: var(--spacing-md);
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: var(--spacing-sm);
        padding-bottom: var(--spacing-sm);
        border-bottom: 1px dashed var(--border-color);
    }
    .body[b-62y4cwkdav]{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: var(--spacing-md);
        background-color: var(--bg-level-2);
        padding: var(--spacing-md);
        border-radius: var(--radius-lg);
    }
    .footer[b-62y4cwkdav]{
        margin-top: var(--spacing-md);
        display: flex;
        justify-content: flex-end;

        button{
            border: none;
            border-radius: var(--radius-full);
            background: var(--gradient-success);
            color: var(--success-text);
            cursor: pointer;
            font-size: var(--text-base);
            font-weight: 600;
            transition: transform var(--transition-base), box-shadow var(--transition-base);
            padding: 0.85rem 1.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: var(--spacing-sm);
            min-width: 12rem;
            box-shadow: var(--shadow-sm);

            span{
                padding: 0.25rem 0;
                display: flex;
            }

            &:hover[b-62y4cwkdav]{
                transform: translateY(-1px);
                box-shadow: var(--shadow-md);
            }
        }

    }
}

[b-62y4cwkdav] .display-box{
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.35rem 0.25rem;

    .label{
        font-size: var(--text-xs);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--fc-secondary);
    }

    .value[b-62y4cwkdav]{
        font-size: var(--text-base);
        font-weight: 600;
        color: var(--fc);
        word-break: break-word;
    }
}

.no-items[b-62y4cwkdav]{
    text-align: center;
    font-size: var(--text-lg);
    gap: var(--spacing-md);
    flex-direction: column;
    background-color: var(--bg-level-1);
    border: 1px dashed color-mix(in oklch, var(--border-color), var(--info) 30%);
    margin: 0 auto;
    width: min(480px, 100%);
    border-radius: var(--radius-xl);
    padding: var(--spacing-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-sm);

    svg{
        width: clamp(4rem, 12vw, 6rem);
        height: clamp(4rem, 12vw, 6rem);
        color: var(--info);
    }

    p[b-62y4cwkdav]{
        opacity: 0.85;
        font-weight: 600;
        color: var(--info);
    }
}

.total-counter[b-62y4cwkdav] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    background: var(--bg-level-1);
    border-radius: var(--radius-lg);
    padding: 0.65rem 1rem;
    border: 1px solid color-mix(in oklch, var(--border-color), var(--primary) 15%);
    box-shadow: var(--shadow-sm);

    span {
        font-size: var(--text-xs);
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: var(--fc-secondary);
    }

    strong[b-62y4cwkdav] {
        font-size: var(--text-xl);
        color: var(--primary);
        line-height: 1;
    }
}

@media (max-width: 768px) {
    .view[b-62y4cwkdav] {
        padding: var(--spacing-md);
    }

    .view-header[b-62y4cwkdav] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter[b-62y4cwkdav] {
        flex-direction: column;
        align-items: flex-start;

        input[type="search"] {
            width: 100%;
        }
    }

    .total-counter[b-62y4cwkdav] {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .card[b-62y4cwkdav] {
        padding: var(--spacing-md);

        .footer {
            button {
                width: 100%;
            }
        }
    }
}
/* /Source/Components/SubmitButton.razor.rz.scp.css */
/* 
   Submit Button Component - Stiluri Scoped
   ========================================
   
   Design modern pentru buton de submit cu indicator de progres.
   Folosește variabile CSS din colors.css pentru compatibilitate light/dark mode.
*/

/* Container buton principal */
.submit-btn[b-0kmzo5eack] {
    /* Layout și dimensiuni */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-xl);
    min-width: 160px;
    min-height: 48px;
    
    /* Tipografie */
    font-size: var(--text-base);
    font-weight: 600;
    font-family: inherit;
    
    /* Aspect vizual */
    background: var(--primary);
    color: var(--primary-text);
    border: none;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    
    /* Interacțiune */
    cursor: pointer;
    transition: all var(--transition-base);
    outline: none;
    position: relative;
    overflow: hidden;
}

/* Efecte hover și focus */
.submit-btn:hover:not(.processing):not(.disabled)[b-0kmzo5eack] {
    background: var(--primary-hover);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.submit-btn:focus:not(.processing):not(.disabled)[b-0kmzo5eack] {
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary), transparent 80%);
}

.submit-btn:active:not(.processing):not(.disabled)[b-0kmzo5eack] {
    transform: translateY(0);
    box-shadow: var(--shadow-sm);
}

/* Stare de procesare */
.submit-btn.processing[b-0kmzo5eack] {
    background: var(--info);
    color: var(--info-text);
    cursor: wait;
    pointer-events: none;
}

/* Animație subtilă pentru starea de procesare */
.submit-btn.processing[b-0kmzo5eack]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        color-mix(in oklch, white, transparent 80%),
        transparent
    );
    animation: shimmer-b-0kmzo5eack 2s infinite;
}

@keyframes shimmer-b-0kmzo5eack {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* Stare dezactivată */
.submit-btn.disabled[b-0kmzo5eack] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    background: var(--bg-level-2);
    color: var(--fc-tertiary);
}

/* Container spinner */
.spinner-container[b-0kmzo5eack] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Spinner animat */
.spinner[b-0kmzo5eack] {
    width: 18px;
    height: 18px;
    border: 3px solid color-mix(in oklch, var(--info-text), transparent 70%);
    border-top-color: var(--info-text);
    border-radius: var(--radius-full);
    animation: spin-b-0kmzo5eack 0.8s linear infinite;
}

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

/* Text buton */
.btn-text[b-0kmzo5eack] {
    font-size: var(--text-base);
    font-weight: 600;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

/* Text în timpul procesării */
.processing-text[b-0kmzo5eack] {
    animation: pulse-b-0kmzo5eack 1.5s ease-in-out infinite;
}

@keyframes pulse-b-0kmzo5eack {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Iconița butonului */
.btn-icon[b-0kmzo5eack] {
    font-size: var(--text-lg);
    line-height: 1;
    position: relative;
    z-index: 1;
}

/* Variante de culoare - pot fi aplicate prin CssClass */
.submit-btn.btn-success[b-0kmzo5eack] {
    background: var(--success);
    color: var(--success-text);
}

.submit-btn.btn-success:hover:not(.processing):not(.disabled)[b-0kmzo5eack] {
    background: var(--success-hover);
}

.submit-btn.btn-danger[b-0kmzo5eack] {
    background: var(--danger);
    color: var(--danger-text);
}

.submit-btn.btn-danger:hover:not(.processing):not(.disabled)[b-0kmzo5eack] {
    background: var(--danger-hover);
}

.submit-btn.btn-warning[b-0kmzo5eack] {
    background: var(--warning);
    color: var(--warning-text);
}

.submit-btn.btn-warning:hover:not(.processing):not(.disabled)[b-0kmzo5eack] {
    background: var(--warning-hover);
}

.submit-btn.btn-secondary[b-0kmzo5eack] {
    background: var(--secondary);
    color: var(--secondary-text);
}

.submit-btn.btn-secondary:hover:not(.processing):not(.disabled)[b-0kmzo5eack] {
    background: var(--secondary-hover);
}

/* Variante de dimensiune */
.submit-btn.btn-small[b-0kmzo5eack] {
    padding: var(--spacing-sm) var(--spacing-md);
    min-width: 120px;
    min-height: 36px;
    font-size: var(--text-sm);
}

.submit-btn.btn-small .spinner[b-0kmzo5eack] {
    width: 14px;
    height: 14px;
    border-width: 2px;
}

.submit-btn.btn-large[b-0kmzo5eack] {
    padding: var(--spacing-lg) var(--spacing-2xl);
    min-width: 200px;
    min-height: 56px;
    font-size: var(--text-lg);
}

.submit-btn.btn-large .spinner[b-0kmzo5eack] {
    width: 22px;
    height: 22px;
    border-width: 4px;
}

/* Buton full-width */
.submit-btn.btn-block[b-0kmzo5eack] {
    width: 100%;
}

/* Responsive design */
@media (max-width: 768px) {
    .submit-btn[b-0kmzo5eack] {
        padding: var(--spacing-sm) var(--spacing-lg);
        min-width: 140px;
        font-size: var(--text-sm);
    }
    
    .btn-text[b-0kmzo5eack] {
        font-size: var(--text-sm);
    }
}

@media (max-width: 480px) {
    .submit-btn[b-0kmzo5eack] {
        width: 100%;
        padding: var(--spacing-md) var(--spacing-lg);
    }
}

/* Animație la apariție (optional) */
.submit-btn[b-0kmzo5eack] {
    animation: fadeInUp-b-0kmzo5eack 0.3s ease-out;
}

@keyframes fadeInUp-b-0kmzo5eack {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* States pentru accesibilitate */
.submit-btn:focus-visible[b-0kmzo5eack] {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .submit-btn[b-0kmzo5eack] {
        border: 2px solid currentColor;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .submit-btn[b-0kmzo5eack],
    .spinner[b-0kmzo5eack],
    .processing-text[b-0kmzo5eack],
    .submit-btn[b-0kmzo5eack]::before {
        animation: none;
    }
    
    .submit-btn:hover[b-0kmzo5eack] {
        transform: none;
    }
}

/* Print styles */
@media print {
    .submit-btn[b-0kmzo5eack] {
        display: none;
    }
}
/* /Source/Components/UpdateMovementOrderStatus.razor.rz.scp.css */
.view[b-2i2jwrkhgc]{
    height:100%;
    display:flex;
    flex-direction:column;
}
.view-header[b-2i2jwrkhgc]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:1ch;
    background-color:var(--info);
    color:var(--info-text);
    @media(width<767px){
        display:grid;[b-2i2jwrkhgc]
        
    }
}
.filter[b-2i2jwrkhgc]{
    flex:1;
    display:flex;
    justify-content:flex-end;
}
[b-2i2jwrkhgc] label{
        font-size:small;
        margin-right:1rem;
    }

[b-2i2jwrkhgc] .filter .bk-dropdown-container {
   
    flex: 1;
    gap:1ch;

    input{
        border-radius:1ch;
        background-color:var(--bg-level-3);
        border:1px solid var(--border-color);
        font-size:16px;
        text-indent:1ch;
    }
}

.no-items[b-2i2jwrkhgc] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
    flex-direction: column;
    gap:1rem;
}

[b-2i2jwrkhgc] .no-items svg {
    height: 10rem;
    width: 10rem;
    fill:var(--warning);
}

[b-2i2jwrkhgc] .card {
    display: flex;
    flex-direction: column;
    padding: 1ch;
    background-color: var(--bg-level-2);
    justify-content: space-around;
    margin:1ch;
    .header {
        display: flex;
        padding: 1ch;
    }

    .body[b-2i2jwrkhgc] {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
        grid-auto-rows: min-content;
        gap: 1ch;
        padding: 1ch;
    }

    .footer[b-2i2jwrkhgc] {
        display: flex;
        align-items: center;
        padding: 1ch;
        justify-content: center;
     
        .nice-button {
       
            background: linear-gradient(180deg, #ffc300 0%, #ff7c00 100%);
            color: #4B0082; 
            border: none;

            font-size: 1.125rem;
            padding: 0.75rem 2rem;
            border-radius: 16px; 
            font-weight: 700;
            letter-spacing: 0.5px;
            cursor: pointer;
            outline: none;
            user-select: none;
            
            display:flex;
            align-items:center;
            justify-content:center;
            gap:1rem;
     
            transition: all 0.15s ease-out;
            transform: translateY(0); 
        }
            .nice-button:hover[b-2i2jwrkhgc] {
                filter: brightness(1.05); 
                transform: translateY(-2px); 
                box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 10px 0 0 #A0522D, /* Depth shadow looks deeper/further away */
                0 8px 15px rgba(0, 0, 0, 0.4); 
            }
            .nice-button:active[b-2i2jwrkhgc] {
                transform: translateY(8px);
                box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 0px 0 0 #A0522D, /* Depth shadow removed */
                0 2px 4px rgba(0, 0, 0, 0.4); /* Softer ambient shadow */
                filter: brightness(1);
            }
    }
}

[b-2i2jwrkhgc] .display-box{
    display:flex;
    gap:1ch;
    flex-direction:column;
}
[b-2i2jwrkhgc] .label:after{
    content:':'!important;
    font-size:xx-small;
}
[b-2i2jwrkhgc] .value {
    color: light-dark(var(--primary),var(--warning));
    font-size: 1.1rem;
    padding: 1ch;
    background-color: var(--bg-level-3);
    display: flex;
    flex: 1;
    font-weight:bold;
}

.number[b-2i2jwrkhgc]{
    width:3rem;
    height:3rem;
    background-color:var(--primary);
    color:white;
    font-size:x-large;
    font-weight:bold;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:1rem;
}

[b-2i2jwrkhgc] .title-material {
    flex: 1;

    .value {
        color: var(--success);
        font-size: 1.1rem;
        padding: 1ch;
        display: flex;
        justify-content: center;
        font-size: x-large;
        font-weight: bolder;
        flex: 1;
        background-color: transparent;
    }
}

@media (width<768px) {
    .card[b-2i2jwrkhgc]{
        position:relative;
    }
    .card .header[b-2i2jwrkhgc]{
        display:grid;
        place-items:center;
        gap:1ch;
    }
    [b-2i2jwrkhgc] .bk-label{
        display:none;
    }
    h3[b-2i2jwrkhgc]{
        padding-bottom:1ch;
    }
    .number[b-2i2jwrkhgc]{
        position:absolute;
        top:1ch;
        right:0;
    }
    .bk-field-box[b-2i2jwrkhgc]{
        .bk-dropdown-container{
            width:80svw;
        }
    }

    [b-2i2jwrkhgc] form{
        width:90svw;
    }
}
/* /Source/Features/Incoming/Cells/DeleteReceivingUnit.razor.rz.scp.css */
button[b-5vka9wmx4n]{
    height: 95%;
    width: 95%;
    background: linear-gradient(180deg, darkred,red,darkred);
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 5px darkred;
    margin: auto;
}
td[b-5vka9wmx4n]{
    align-content: center;
    justify-items: center;
}
/* /Source/Features/Incoming/Cells/PrintLabelsForAllReceivedUnitsCell.razor.rz.scp.css */
/* /Source/Features/Incoming/Cells/SupplierOrderLineQuantityCell.razor.rz.scp.css */
.red[b-h8y7c7atl4]{
    color:red;
}
.orange[b-h8y7c7atl4]{
    color:darkorange;
}
.green[b-h8y7c7atl4]{
    color:green;
}
/* /Source/Features/Incoming/Cells/SupplierOrderLineReceivingProgressStatus.razor.rz.scp.css */
small[b-guuvsorjp0]{
    font-size:x-small;
}
p[b-guuvsorjp0]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3px;
    place-items:center;
    progress{
        grid-column:1/-1;
        height:10px;
        width:100%;
    }
}
/* /Source/Features/Incoming/Cells/SupplierOrderLineSyncStatusCell.razor.rz.scp.css */
button[disabled][b-yq5uhcy2t5] {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: gray;
    color: white;

    svg{
        fill:white;
    }
}
button[b-yq5uhcy2t5]{
    width:200px;
}

p[b-yq5uhcy2t5]{
    display:flex;
    justify-content:center;
    align-items:center;
    color:green;
    gap:1ch;
}
/* /Source/Features/Incoming/Cells/SupplierOrderLineUnitPriceCell.razor.rz.scp.css */
/* /Source/Features/Incoming/Forms/MultipleReceivingUnitForm.razor.rz.scp.css */
.view[b-7azatvneqy]{
    background-color: var(--bg-level-1);
    
}
.view-body[b-7azatvneqy]{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow-y: auto;
    .bk-fields{
        display: flex;
        flex-direction: column;
        width: min(500px,100%);
        border: 1px solid var(--bg-level-3);
        padding: 1rem;
        background-color: var(--bg);
    }
    .bk-field-box[b-7azatvneqy]{
        display: flex;
        flex-direction: column;
       padding: 1ch;
    }
}
[b-7azatvneqy] form{
    width: min(500px,100%);
}
[b-7azatvneqy] input{
    background-color: var(--bg-level-1);
    width: 100%;
    border: 1px solid var(--border-color);
    font-size: 16px;
    padding: 1ch;
}

[b-7azatvneqy] textarea{
    width: 100%;
    height: 100px;
    background-color: var(--bg-level-1);
    border: 1px solid var(--border-color);
}

.bk-command-row[b-7azatvneqy]{
    display: flex;
    justify-content: center;
    padding: 1rem;
    button{
        width: max-content;
        margin: auto;
        padding: 1rem;
    }
}

label[b-7azatvneqy]{
    font-size: smaller;
    color: var(--warning);
    display: block;
    padding: 0.5ch;
}

h3[b-7azatvneqy]{
    padding: 1rem;
    text-align: center;
    color: var(--accent);
    background-color: var(--bg-level-2);
}
.col-2[b-7azatvneqy]{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap:1rem;
}

.so[b-7azatvneqy]{
    display: flex;
    justify-content: center;
    gap:2rem;
    background-color: var(--info);
    padding: 1rem;
    
    fieldset{
        padding: 1rem;
        border: 1px solid var(--border-color);
        font-size: 1.3rem;
        min-width: 250px;
        p{
            text-align: center;
            width: max-content;
            margin: auto;
        }
    }
}

.bk-command-row a[b-7azatvneqy]{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1rem;
    color:var(--info);
    border:1px solid var(--border-color);
    padding:1ch 1rem;
}
/* /Source/Features/Incoming/Templates/SupplierOrderCardViewTemplate.razor.rz.scp.css */

.card[b-hu296qs4ti] {
    border-radius: 1ch;
    margin: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: var(--bg-level-2);
    border: 2px solid var(--border-color);

    &:hover {
        box-shadow: 0 0 4px var(--primary);
    }
}
.mark-as-done[b-hu296qs4ti] {
    background-color: hsl(127, 100%, 50%,0.1);
}
.card-header[b-hu296qs4ti] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-level-3);
    padding: 1ch;
    border-radius: 1ch 1ch 0 0;
}

.card-body[b-hu296qs4ti] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.card-footer[b-hu296qs4ti] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: var(--bg-level-3);
    padding:1ch;
}

.item[b-hu296qs4ti] {
    display: flex;
    gap:1rem;
    align-items:center;
}

.progress-status[b-hu296qs4ti] {
    grid-column: span 3;
    padding: 1rem;

    progress {
        width: 30cqw;
        height: 15px;
        -webkit-appearance: none;
        appearance: none;
    }
}

.card-body .item[b-hu296qs4ti] {
    padding: 1rem;

    label {
        font-size: smaller;
        color: var(--accent);
    }

    p[b-hu296qs4ti] {
        font-size: 1.1rem;
        font-weight: 500;
        padding:1ch;
    }
}

button[b-hu296qs4ti] {
    padding: 0.5em 1em;
    border: none;
    border-radius: 0.5ch;
    cursor: pointer;
    background-color: var(--primary);
    color: var(--primary-text);
    font-size: 1rem;
    box-shadow: 0 0 5px var(--primary);
    display: flex;
    align-items: center;
    gap:1rem;

    &:hover {
        background-color: var(--primary-hover);
    }
}

a.page-link[b-hu296qs4ti] {
    padding: 0.5em 1em;
    border: none;
    border-radius: 0.5ch;
    cursor: pointer;
    background-color: var(--primary);
    color: var(--primary-text);
    font-size: 1rem;
    box-shadow: 0 0 5px var(--primary);
    display: flex;
    align-items: center;
    gap: 1rem;

    &:hover {
        background-color: var(--primary-hover);
    }
}
/* /Source/Features/Incoming/Views/SupplierOrderDetailsView.razor.rz.scp.css */
.view[b-hd1zojmq6e]{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.btn-page[b-hd1zojmq6e]{
    margin: 2rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    background-color: var(--accent);
    color: var(--accent-text);
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
    
    &:hover{
        background-color: var(--success);
        color: var(--success-text);
    }
}
.supplier-order-details[b-hd1zojmq6e] {
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
}

.form-container[b-hd1zojmq6e] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-row[b-hd1zojmq6e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

.form-group[b-hd1zojmq6e] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group-full[b-hd1zojmq6e] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    grid-column: 1 / -1;
}

.form-label[b-hd1zojmq6e] {
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.form-value[b-hd1zojmq6e] {
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.75rem 1rem;
    border: 0.0625rem solid;
    border-radius: 0.375rem;
    background-color: inherit;
    min-height: 3rem;
    display: flex;
    align-items: center;
}

@media (max-width: 48rem) {
    .form-row[b-hd1zojmq6e] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .form-container[b-hd1zojmq6e] {
        gap: 1rem;
    }
}

.form-status[b-hd1zojmq6e]{
    display: flex;
    justify-content: space-between;
    
    .btn-sync{
        padding: 0.5rem 1rem;
        background-color: var(--success);
        color: var(--success-text);
        border: none;
        border-radius: 0.375rem;
        cursor: pointer;
        transition: background-color 0.3s ease;
        font-size: 0.875rem;
    }
}
/* /Source/Features/Incoming/Views/SupplierOrderLineView.razor.rz.scp.css */
.view-sidebar[b-vlkbppasar]{
    height: 100%;
    overflow:hidden;
    background-color: var(--bg-level-1);
    padding:1ch;
}

.supplier-order-line-details[b-vlkbppasar] {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    height: 100%;
}

.form-container[b-vlkbppasar] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-row[b-vlkbppasar] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5ch;
    align-items: start;
}

.form-group[b-vlkbppasar] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding:1ch;
}

.form-group-full[b-vlkbppasar] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    grid-column: 1 / -1;
}

.form-label[b-vlkbppasar] {
    font-size: smaller;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    padding:3px;
}

.form-value[b-vlkbppasar] {
    padding: 1ch;
    width: min(400px,100%);
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr auto;
    align-items: center;


    strong {
        font-size: xx-large;
    }

    small[b-vlkbppasar] {
        color: var(--info);
    }
}

fieldset[b-vlkbppasar] {
    border: 1px solid var(--border-color);
    padding: 1rem;
    border-radius: 4px;
    box-shadow: 0 0 1px black;

    i {
        font-style: normal;
        font-size: larger;
    }

    legend[b-vlkbppasar] {
        background-color: var(--bg-level-1);
        border: 1px solid var(--border-color);
        border-radius: 1ch;
        box-shadow: 0 0 1px black;
        cursor:pointer;
    }

    legend :hover[b-vlkbppasar] {
        background-color: var(--success);
        color: white;
    }
}

.btn-labels[b-vlkbppasar] {
    display: flex;
    padding: 1ch;
    background-color: var(--info);
    color: var(--info-text);
    align-items: center;
    gap: 1ch;
    border: none;
    outline: none;
    box-shadow: 0 0 3px gray;
    cursor: pointer;
}

.btn-primary[b-vlkbppasar]{
    background-color:var(--primary);
}
/* /Source/Features/InventoryFeature/CountingResultReport/CountingResultsView.razor.rz.scp.css */
/* Inventory Counting Results - Modern Theme-Aware Design */

/* ===== Full Page Layout ===== */
.full-page[b-wp51v058b7] {
    height: 100%;
    display: grid;
    grid-template-rows: auto auto 1fr;
    background: var(--bg);
    overflow: hidden;
}

/* ===== Page Header ===== */
.page-header[b-wp51v058b7] {
    padding: var(--spacing-lg) var(--spacing-xl);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--primary), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--primary), var(--bg-surface) 30%) 100%);
    border-bottom: 3px solid color-mix(in oklch, var(--primary), transparent 50%);
    box-shadow: var(--shadow-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-lg);
    flex-wrap: wrap;
}

.header-content[b-wp51v058b7] {
    flex: 1;
    min-width: 250px;
}

.page-title[b-wp51v058b7] {
    margin: 0 0 var(--spacing-xs) 0;
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fc);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.page-title[b-wp51v058b7]::before {
    content: '📋';
    font-size: var(--text-3xl);
}

.page-subtitle[b-wp51v058b7] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--fc-secondary);
    font-weight: 500;
}

.header-actions[b-wp51v058b7] {
    display: flex;
    gap: var(--spacing-sm);
}

/* ===== Excel Export Button ===== */
.btn-excel[b-wp51v058b7] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-lg);
    background: linear-gradient(135deg,
        var(--success) 0%,
        color-mix(in oklch, var(--success), var(--bg) 20%) 100%);
    color: var(--success-text);
    border: 2px solid color-mix(in oklch, var(--success), transparent 40%);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
}

.btn-excel:hover[b-wp51v058b7] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px color-mix(in oklch, var(--success), transparent 50%);
    border-color: var(--success);
}

.btn-excel:active[b-wp51v058b7] {
    transform: translateY(0);
}

.btn-icon[b-wp51v058b7] {
    font-size: var(--text-lg);
}

/* ===== Filters Section ===== */
.filters-section[b-wp51v058b7] {
    padding: var(--spacing-lg) var(--spacing-xl);
    background: var(--bg-surface);
    border-bottom: 2px solid var(--border-color);
}

.filter-group[b-wp51v058b7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
    align-items: end;
}

.filter-field[b-wp51v058b7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.filter-label[b-wp51v058b7] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc);
}

.label-icon[b-wp51v058b7] {
    font-size: var(--text-base);
}

.filter-input[b-wp51v058b7],
.filter-select[b-wp51v058b7] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--fc);
    background: var(--bg);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
    outline: none;
}

.filter-input:hover[b-wp51v058b7],
.filter-select:hover[b-wp51v058b7] {
    border-color: var(--primary);
}

.filter-input:focus[b-wp51v058b7],
.filter-select:focus[b-wp51v058b7] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary), transparent 85%);
}

.filter-input[b-wp51v058b7]::placeholder {
    color: var(--fc-tertiary);
    font-style: italic;
}

.filter-select[b-wp51v058b7] {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--spacing-sm) center;
    padding-right: var(--spacing-xl);
}

/* Clear Filters Button */
.btn-clear-filters[b-wp51v058b7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--bg-level-2);
    color: var(--fc);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    white-space: nowrap;
}

.btn-clear-filters:hover[b-wp51v058b7] {
    background: var(--bg-level-3);
    border-color: var(--danger);
    color: var(--danger);
    transform: translateY(-2px);
}

/* ===== Table Section ===== */
.table-section[b-wp51v058b7] {
    overflow-y: auto;
    overflow-x: auto;
    padding: var(--spacing-lg) var(--spacing-xl);
    background: var(--bg);
}

.table-section[b-wp51v058b7]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.table-section[b-wp51v058b7]::-webkit-scrollbar-track {
    background: var(--bg-level-1);
    border-radius: var(--radius-sm);
}

.table-section[b-wp51v058b7]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: var(--radius-sm);
    border: 2px solid var(--bg-level-1);
}

.table-section[b-wp51v058b7]::-webkit-scrollbar-thumb:hover {
    background: var(--border-color-strong);
}

.table-container[b-wp51v058b7] {
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: var(--spacing-lg);
}

/* ===== Results Table ===== */
.results-table[b-wp51v058b7] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.results-table thead[b-wp51v058b7] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.results-table th[b-wp51v058b7] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--info), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--info), var(--bg-surface) 30%) 100%);
    color: var(--fc);
    font-size: var(--text-sm);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: var(--spacing-md) var(--spacing-lg);
    text-align: left;
    border-bottom: 3px solid color-mix(in oklch, var(--info), transparent 50%);
    white-space: nowrap;
}

.results-table tbody tr[b-wp51v058b7] {
    transition: all var(--transition-base);
    border-bottom: 1px solid var(--border-color);
}

.results-table tbody tr:hover[b-wp51v058b7] {
    background: linear-gradient(90deg,
        color-mix(in oklch, var(--primary), var(--bg-surface) 40%) 0%,
        color-mix(in oklch, var(--primary), var(--bg-surface) 50%) 100%);
    transform: translateX(4px);
    box-shadow: var(--shadow-sm);
}

.results-table tbody tr:last-child[b-wp51v058b7] {
    border-bottom: none;
}

.results-table td[b-wp51v058b7] {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: var(--text-sm);
    color: var(--fc);
}

/* ===== Table Cell Styles ===== */
.cell-erp-id[b-wp51v058b7] {
    font-weight: 700;
    color: var(--primary);
    font-family: monospace;
}

.cell-code[b-wp51v058b7] {
    font-weight: 600;
    color: var(--secondary);
}

.cell-name[b-wp51v058b7] {
    font-weight: 600;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cell-category[b-wp51v058b7] {
    color: var(--fc-secondary);
}

.cell-quantity[b-wp51v058b7] {
    font-weight: 700;
    color: var(--success);
    font-size: var(--text-base);
    text-align: right;
    font-family: monospace;
}

.cell-uom[b-wp51v058b7] {
    font-size: var(--text-xs);
    color: var(--fc-tertiary);
    text-transform: uppercase;
}

.cell-location[b-wp51v058b7] {
    min-width: 150px;
}

.location-info[b-wp51v058b7] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    flex-wrap: wrap;
}

.location-warehouse[b-wp51v058b7] {
    font-weight: 600;
    color: var(--info);
}

.location-separator[b-wp51v058b7] {
    color: var(--fc-tertiary);
}

.location-area[b-wp51v058b7] {
    color: var(--fc-secondary);
}

.location-bin[b-wp51v058b7] {
    color: var(--fc-secondary);
    font-style: italic;
}

.cell-team[b-wp51v058b7] {
    color: var(--fc-secondary);
}

.cell-creator[b-wp51v058b7] {
    font-weight: 500;
}

.cell-date[b-wp51v058b7] {
    font-size: var(--text-xs);
    color: var(--fc-tertiary);
}

.cell-comments[b-wp51v058b7] {
    max-width: 200px;
}

.comment-icon[b-wp51v058b7] {
    margin-right: var(--spacing-xs);
}

.comment-text[b-wp51v058b7] {
    font-style: italic;
    color: var(--fc-secondary);
    display: inline-block;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.no-comment[b-wp51v058b7] {
    color: var(--fc-tertiary);
    opacity: 0.5;
}

/* ===== Pagination Section ===== */
.pagination-section[b-wp51v058b7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-md) var(--spacing-lg);
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    gap: var(--spacing-md);
    flex-wrap: wrap;
}

.pagination-info[b-wp51v058b7] {
    font-size: var(--text-sm);
    color: var(--fc-secondary);
}

.pagination-info strong[b-wp51v058b7] {
    color: var(--fc);
    font-weight: 700;
}

.pagination-controls[b-wp51v058b7] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.btn-page[b-wp51v058b7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: var(--bg-level-1);
    color: var(--fc);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-weight: 700;
    cursor: pointer;
    transition: all var(--transition-base);
}

.btn-page:hover:not(:disabled)[b-wp51v058b7] {
    background: var(--primary);
    color: var(--primary-text);
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.btn-page:disabled[b-wp51v058b7] {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-indicator[b-wp51v058b7] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: 0 var(--spacing-sm);
    font-size: var(--text-sm);
    color: var(--fc-secondary);
}

.page-input[b-wp51v058b7] {
    width: 60px;
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc);
    background: var(--bg);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-sm);
    text-align: center;
    transition: all var(--transition-base);
    outline: none;
}

.page-input:focus[b-wp51v058b7] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary), transparent 85%);
}

/* ===== Empty State ===== */
.empty-state[b-wp51v058b7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3xl);
    text-align: center;
    min-height: 400px;
}

.empty-icon[b-wp51v058b7] {
    font-size: 80px;
    margin-bottom: var(--spacing-lg);
    opacity: 0.3;
}

.empty-title[b-wp51v058b7] {
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fc);
    margin: 0 0 var(--spacing-sm) 0;
}

.empty-text[b-wp51v058b7] {
    font-size: var(--text-base);
    color: var(--fc-secondary);
    max-width: 500px;
    line-height: 1.6;
}

/* ===== Responsive Design ===== */
@media (max-width: 1200px) {
    .page-header[b-wp51v058b7] {
        padding: var(--spacing-md) var(--spacing-lg);
    }

    .filters-section[b-wp51v058b7] {
        padding: var(--spacing-md) var(--spacing-lg);
    }

    .table-section[b-wp51v058b7] {
        padding: var(--spacing-md) var(--spacing-lg);
    }

    .filter-group[b-wp51v058b7] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

@media (max-width: 768px) {
    .page-header[b-wp51v058b7] {
        flex-direction: column;
        align-items: stretch;
    }

    .page-title[b-wp51v058b7] {
        font-size: var(--text-xl);
    }

    .filter-group[b-wp51v058b7] {
        grid-template-columns: 1fr;
    }

    .pagination-section[b-wp51v058b7] {
        flex-direction: column;
        text-align: center;
    }

    .results-table[b-wp51v058b7] {
        font-size: var(--text-xs);
    }

    .results-table th[b-wp51v058b7],
    .results-table td[b-wp51v058b7] {
        padding: var(--spacing-sm);
    }
}

/* ===== Print Styles ===== */
@media print {
    .page-header[b-wp51v058b7],
    .filters-section[b-wp51v058b7],
    .pagination-section[b-wp51v058b7] {
        display: none;
    }

    .table-section[b-wp51v058b7] {
        overflow: visible;
        padding: 0;
    }

    .results-table tbody tr:hover[b-wp51v058b7] {
        background: transparent;
        transform: none;
    }
}

/* ===== Accessibility ===== */
.results-table:focus-within[b-wp51v058b7] {
    outline: 3px solid var(--primary);
    outline-offset: 4px;
}

.btn-excel:focus-visible[b-wp51v058b7],
.btn-page:focus-visible[b-wp51v058b7],
.btn-clear-filters:focus-visible[b-wp51v058b7] {
    outline: 3px solid var(--primary);
    outline-offset: 2px;
}
/* /Source/Features/InventoryFeature/CountingViews/InventoryRegisterCountedMaterialForm.razor.rz.scp.css */
/* Full-Screen Two-Panel Material Counting Layout */

.scanners[b-12yjky2qkl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    place-items: center;
    width: min(35svw,100%);
}
[b-12yjky2qkl] button {
    display: flex;
    align-items: center;
    gap: 1ch;
    width: 100%;
    height: 100%;
    padding:1ch;
}

/* ===== Container ===== */
.material-counting-container[b-12yjky2qkl] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100cqh;
    overflow: hidden;
    background: var(--bg);
}

/* ===== Header Bar ===== */
.header-bar[b-12yjky2qkl] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
    padding: var(--spacing-md) var(--spacing-lg);
    background: linear-gradient(135deg, 
        color-mix(in oklch, var(--success), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--success), var(--bg-surface) 30%) 100%);
    border-bottom: 3px solid color-mix(in oklch, var(--success), transparent 50%);
    box-shadow: var(--shadow-md);
    flex-shrink: 0;
}

.back-button[b-12yjky2qkl] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-md);
    background: var(--bg-surface);
    color: var(--success);
    border: 2px solid color-mix(in oklch, var(--success), transparent 60%);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
}

.back-button:hover[b-12yjky2qkl] {
    transform: translateX(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--success);
    background: color-mix(in oklch, var(--success), var(--bg-surface) 90%);
}

.back-icon[b-12yjky2qkl] {
    font-size: var(--text-lg);
}

.header-info[b-12yjky2qkl] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
}

.header-title[b-12yjky2qkl] {
    margin: 0;
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fc);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.title-icon[b-12yjky2qkl] {
    font-size: var(--text-2xl);
}

.header-location[b-12yjky2qkl] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--fc-secondary);
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.location-icon[b-12yjky2qkl] {
    font-size: var(--text-lg);
}

/* ===== Two Panel Layout ===== */
.two-panel-layout[b-12yjky2qkl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    height: calc(100vh - 80px); /* Adjust based on header height */
    overflow: hidden;
}

/* ===== Panel Shared Styles ===== */
.form-panel[b-12yjky2qkl],
.materials-panel[b-12yjky2qkl] {
    display: flex;
    flex-direction: column;
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    border: 2px solid var(--border-color);
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

.panel-header[b-12yjky2qkl] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--primary), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--primary), var(--bg-surface) 30%) 100%);
    padding: var(--spacing-md) var(--spacing-lg);
    border-bottom: 2px solid color-mix(in oklch, var(--primary), transparent 60%);
    flex-shrink: 0;
}

.panel-title[b-12yjky2qkl] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--fc);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.panel-icon[b-12yjky2qkl] {
    font-size: var(--text-xl);
}

.panel-content[b-12yjky2qkl] {
    flex: 1;
    overflow-y: auto;
    padding: var(--spacing-lg);
}

.panel-content.scrollable[b-12yjky2qkl] {
    overflow-y: auto;
}

.panel-footer[b-12yjky2qkl] {
    flex-shrink: 0;
    padding: var(--spacing-md) var(--spacing-lg);
    border-top: 2px solid var(--border-color);
    background: var(--bg-level-1);
}

/* ===== Form Panel Specific ===== */
[b-12yjky2qkl] .material-form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    height: 100%;
}

[b-12yjky2qkl] .form-group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

[b-12yjky2qkl] .form-label {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc);
}

[b-12yjky2qkl] .label-text {
    flex: 1;
}

[b-12yjky2qkl] .label-required {
    color: var(--danger);
}

/* ===== Search Styles ===== */
[b-12yjky2qkl] .search-container {
    position: relative;
}

[b-12yjky2qkl] .search-input {
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-2xl) var(--spacing-sm) var(--spacing-sm);
    font-size: var(--text-base);
    color: var(--fc);
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
}

[b-12yjky2qkl] .search-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary), transparent 85%);
}

[b-12yjky2qkl] .search-icon {
    position: absolute;
    right: var(--spacing-sm);
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--text-lg);
    color: var(--fc-tertiary);
    pointer-events: none;
}

[b-12yjky2qkl] .search-status {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--text-sm);
    color: var(--fc-secondary);
    font-style: italic;
}

[b-12yjky2qkl] .loading-spinner {
    animation: spin-b-12yjky2qkl 1s linear infinite;
}

@keyframes spin-b-12yjky2qkl {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

[b-12yjky2qkl] .selected-material {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--success), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--success), var(--bg-surface) 40%) 100%);
    border: 2px solid color-mix(in oklch, var(--success), transparent 60%);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
}

[b-12yjky2qkl] .selected-icon {
    color: var(--success);
}

[b-12yjky2qkl] .selected-text {
    flex: 1;
    font-weight: 500;
}

[b-12yjky2qkl] .clear-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: var(--bg-surface);
    color: var(--danger);
    border: 1px solid color-mix(in oklch, var(--danger), transparent 70%);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--transition-base);
    font-size: var(--text-sm);
}

[b-12yjky2qkl] .clear-btn:hover {
    transform: scale(1.1);
    border-color: var(--danger);
    background: color-mix(in oklch, var(--danger), var(--bg-surface) 90%);
}

[b-12yjky2qkl] .search-results {
    max-height: 200px;
    overflow-y: auto;
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--bg-surface);
    margin-top: var(--spacing-xs);
}

[b-12yjky2qkl] .search-result-item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm);
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: left;
    color: var(--fc);
    height:min-content;
}

[b-12yjky2qkl] .search-result-item:last-child {
    border-bottom: none;
}

[b-12yjky2qkl] .search-result-item:hover {
    background: color-mix(in oklch, var(--info), var(--bg-surface) 90%);
}

[b-12yjky2qkl] .result-icon {
    font-size: var(--text-base);
}

[b-12yjky2qkl] .result-content {
    flex: 1;
    min-width: 0;
}

[b-12yjky2qkl] .result-part {
    font-size: var(--text-sm);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-12yjky2qkl] .result-name {
    font-size: var(--text-xs);
    color: var(--fc-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===== Quantity Controls ===== */
[b-12yjky2qkl] .quantity-controls {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

[b-12yjky2qkl] .qty-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--primary), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--primary), var(--bg-surface) 30%) 100%);
    color: var(--fc);
    border: 2px solid color-mix(in oklch, var(--primary), transparent 60%);
    border-radius: var(--radius-md);
    font-size: var(--text-xl);
    font-weight: 700;
    cursor: pointer;
    transition: all var(--transition-base);
}

[b-12yjky2qkl] .qty-btn:hover {
    transform: scale(1.05);
    border-color: var(--primary);
}

[b-12yjky2qkl] .qty-btn:active {
    transform: scale(0.95);
}

[b-12yjky2qkl] .quantity-input {
    flex: 1;
    padding: var(--spacing-sm);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--fc);
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    text-align: center;
    transition: all var(--transition-base);
}

[b-12yjky2qkl] .quantity-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary), transparent 85%);
}

/* ===== Notes Input ===== */
[b-12yjky2qkl] .notes-input {
    width: 100%;
    padding: var(--spacing-sm);
    font-size: var(--text-sm);
    font-family: inherit;
    color: var(--fc);
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    resize: vertical;
    transition: all var(--transition-base);
}

[b-12yjky2qkl] .notes-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary), transparent 85%);
}

/* ===== Validation Messages ===== */
[b-12yjky2qkl] .validation-message {
    color: var(--danger);
    font-size: var(--text-xs);
    font-weight: 500;
    padding: var(--spacing-xs);
    background: color-mix(in oklch, var(--danger), transparent 90%);
    border-radius: var(--radius-sm);
    border-left: 2px solid var(--danger);
}

/* ===== Form Actions ===== */
.form-actions[b-12yjky2qkl] {
    display: flex;
    gap: var(--spacing-sm);
    margin-top: auto;
    padding-top: var(--spacing-md);
    border-top: 2px solid var(--border-color);
}

.btn-submit[b-12yjky2qkl],
.btn-reset[b-12yjky2qkl] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm) var(--spacing-md);
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
}

.btn-submit[b-12yjky2qkl] {
    background: linear-gradient(135deg,
        var(--success) 0%,
        color-mix(in oklch, var(--success), var(--bg) 20%) 100%);
    color: var(--success-text);
    border: 2px solid color-mix(in oklch, var(--success), transparent 40%);
}

.btn-submit:hover[b-12yjky2qkl] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px color-mix(in oklch, var(--success), transparent 60%);
}

.btn-submit.editing[b-12yjky2qkl] {
    background: linear-gradient(135deg,
        var(--warning) 0%,
        color-mix(in oklch, var(--warning), var(--bg) 20%) 100%);
    color: var(--warning-text);
    border: 2px solid color-mix(in oklch, var(--warning), transparent 40%);
}

.btn-submit.editing:hover[b-12yjky2qkl] {
    box-shadow: 0 4px 12px color-mix(in oklch, var(--warning), transparent 60%);
}

.btn-reset[b-12yjky2qkl] {
    background: var(--bg-level-2);
    color: var(--fc);
    border: 2px solid var(--border-color);
}

.btn-reset:hover[b-12yjky2qkl] {
    background: var(--bg-level-3);
    border-color: var(--border-color-strong);
    transform: translateY(-2px);
}

.btn-icon[b-12yjky2qkl] {
    font-size: var(--text-lg);
}

/* ===== Materials List ===== */
.materials-list[b-12yjky2qkl] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.material-card[b-12yjky2qkl] {
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: var(--spacing-md);
    transition: all var(--transition-base);
}

.material-card:hover[b-12yjky2qkl] {
    border-color: color-mix(in oklch, var(--info), transparent 40%);
    box-shadow: var(--shadow-sm);
    transform: translateX(4px);
}

.material-header[b-12yjky2qkl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
}

.material-info[b-12yjky2qkl] {
    flex: 1;
    min-width: 0;
}

.material-name[b-12yjky2qkl] {
    margin: 0 0 var(--spacing-xs) 0;
    font-size: var(--text-base);
    font-weight: 700;
    color: var(--fc);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.material-part[b-12yjky2qkl] {
    font-size: var(--text-xs);
    color: var(--fc-secondary);
    font-weight: 500;
}

.material-qty[b-12yjky2qkl] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--info), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--info), var(--bg-surface) 30%) 100%);
    border: 2px solid color-mix(in oklch, var(--info), transparent 60%);
    border-radius: var(--radius-md);
}

.qty-value[b-12yjky2qkl] {
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--fc);
    line-height: 1;
}

.qty-uom[b-12yjky2qkl] {
    font-size: var(--text-xs);
    color: var(--fc-secondary);
}

.material-notes[b-12yjky2qkl] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm);
    background: var(--bg-level-1);
    border-radius: var(--radius-sm);
    margin-bottom: var(--spacing-sm);
    font-size: var(--text-xs);
    color: var(--fc-secondary);
    font-style: italic;
}

.notes-icon[b-12yjky2qkl] {
    flex-shrink: 0;
}

.material-actions[b-12yjky2qkl] {
    display: flex;
    gap: var(--spacing-xs);
    padding-top: var(--spacing-sm);
    border-top: 1px solid var(--border-color);
}

.btn-edit[b-12yjky2qkl],
.btn-delete[b-12yjky2qkl] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-sm);
    border: none;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
}

.btn-edit[b-12yjky2qkl] {
    background: linear-gradient(135deg,
        var(--warning) 0%,
        color-mix(in oklch, var(--warning), var(--bg) 20%) 100%);
    color: var(--warning-text);
    border: 2px solid color-mix(in oklch, var(--warning), transparent 50%);
}

.btn-delete[b-12yjky2qkl] {
    background: linear-gradient(135deg,
        var(--danger) 0%,
        color-mix(in oklch, var(--danger), var(--bg) 20%) 100%);
    color: var(--danger-text);
    border: 2px solid color-mix(in oklch, var(--danger), transparent 50%);
}

.btn-edit:hover[b-12yjky2qkl],
.btn-delete:hover[b-12yjky2qkl] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.btn-edit:hover[b-12yjky2qkl] {
    border-color: var(--warning);
}

.btn-delete:hover[b-12yjky2qkl] {
    border-color: var(--danger);
}

/* ===== Complete Button ===== */
.btn-complete[b-12yjky2qkl] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-lg);
    background: linear-gradient(135deg,
        var(--success) 0%,
        color-mix(in oklch, var(--success), var(--bg) 20%) 100%);
    color: var(--success-text);
    border: 3px solid color-mix(in oklch, var(--success), transparent 40%);
    border-radius: var(--radius-md);
    font-size: var(--text-lg);
    font-weight: 700;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: 0 2px 8px color-mix(in oklch, var(--success), transparent 70%);
}

.btn-complete:hover[b-12yjky2qkl] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px color-mix(in oklch, var(--success), transparent 50%);
    border-color: var(--success);
}

/* ===== Empty State ===== */
.empty-state[b-12yjky2qkl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3xl) var(--spacing-lg);
    text-align: center;
    flex:1;
}

.empty-icon[b-12yjky2qkl] {
    font-size: 64px;
    margin-bottom: var(--spacing-md);
    opacity: 0.3;
}

.empty-title[b-12yjky2qkl] {
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--fc);
    margin: 0 0 var(--spacing-xs) 0;
}

.empty-text[b-12yjky2qkl] {
    font-size: var(--text-sm);
    color: var(--fc-secondary);
    max-width: 300px;
    margin: 0;
}

/* ===== Scrollbar Styling ===== */
.panel-content[b-12yjky2qkl]::-webkit-scrollbar {
    width: 8px;
}

.panel-content[b-12yjky2qkl]::-webkit-scrollbar-track {
    background: var(--bg-level-1);
    border-radius: var(--radius-sm);
}

.panel-content[b-12yjky2qkl]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: var(--radius-sm);
}

.panel-content[b-12yjky2qkl]::-webkit-scrollbar-thumb:hover {
    background: var(--border-color-strong);
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
    .two-panel-layout[b-12yjky2qkl] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .two-panel-layout[b-12yjky2qkl] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .form-panel[b-12yjky2qkl] {
        max-height: 50vh;
    }

    .header-info[b-12yjky2qkl] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs);
    }

    .header-title[b-12yjky2qkl] {
        font-size: var(--text-lg);
    }
}
/* /Source/Features/InventoryFeature/CountingViews/InventorySessionsCountingStatusView.razor.rz.scp.css */
/* Session Selection View - Colorful & Friendly */

.counting-sessions-page[b-lpenh6r8uv] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    padding: var(--spacing-lg);
    max-width: var(--container-xl);
    margin: 0 auto;
    background: var(--bg);
    min-height: 100vh;
}

/* ===== Page Header ===== */
.page-header[b-lpenh6r8uv] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--primary), var(--bg-surface) 30%) 0%,
        color-mix(in oklch, var(--primary), var(--bg-surface) 50%) 100%);
    padding: var(--spacing-xl);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    border: 2px solid color-mix(in oklch, var(--primary), transparent 50%);
}

.header-content[b-lpenh6r8uv] {
    max-width: 800px;
}

.page-title[b-lpenh6r8uv] {
    margin: 0 0 var(--spacing-sm) 0;
    font-size: var(--text-3xl);
    font-weight: 700;
    color: var(--fc);
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.title-icon[b-lpenh6r8uv] {
    font-size: var(--text-4xl);
}

.page-description[b-lpenh6r8uv] {
    margin: 0;
    font-size: var(--text-lg);
    color: var(--fc);
    line-height: 1.5;
}

/* ===== Session Selector ===== */
.session-selector-section[b-lpenh6r8uv] {
    background: var(--bg-surface);
    padding: var(--spacing-xl);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 2px solid var(--border-color);
}

.selector-card[b-lpenh6r8uv] {
    max-width: 600px;
}

.selector-label[b-lpenh6r8uv] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--fc);
    margin-bottom: var(--spacing-md);
}

.label-icon[b-lpenh6r8uv] {
    font-size: var(--text-xl);
}

.session-select[b-lpenh6r8uv] {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: var(--text-lg);
    font-weight: 500;
    color: var(--fc);
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
}

.session-select:hover[b-lpenh6r8uv] {
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.session-select:focus[b-lpenh6r8uv] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px color-mix(in oklch, var(--primary), transparent 80%);
}

/* ===== Session Summary ===== */
.session-summary[b-lpenh6r8uv] {
    animation: fadeIn-b-lpenh6r8uv 0.4s ease-out;
}

.summary-grid[b-lpenh6r8uv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
}

.summary-card[b-lpenh6r8uv] {
    background: var(--bg-surface);
    padding: var(--spacing-lg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 2px solid var(--border-color);
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    transition: all var(--transition-base);
}

.summary-card:hover[b-lpenh6r8uv] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.summary-card.highlight[b-lpenh6r8uv] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--info), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--info), var(--bg-surface) 40%) 100%);
    border: 2px solid color-mix(in oklch, var(--info), transparent 50%);
}

.summary-card.status[b-lpenh6r8uv] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--success), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--success), var(--bg-surface) 40%) 100%);
    border: 2px solid color-mix(in oklch, var(--success), transparent 50%);
}

.summary-icon[b-lpenh6r8uv] {
    font-size: var(--text-3xl);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in oklch, var(--fc), transparent 95%);
    border-radius: var(--radius-lg);
    flex-shrink: 0;
}

.summary-card.highlight .summary-icon[b-lpenh6r8uv] {
    background: color-mix(in oklch, var(--info), transparent 70%);
    color: var(--fc);
}

.summary-card.status .summary-icon[b-lpenh6r8uv] {
    background: color-mix(in oklch, var(--success), transparent 70%);
    color: var(--fc);
}

.summary-content[b-lpenh6r8uv] {
    flex: 1;
}

.summary-label[b-lpenh6r8uv] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--spacing-xs);
}

.summary-value[b-lpenh6r8uv] {
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fc);
}

/* ===== Teams Section ===== */
.teams-section[b-lpenh6r8uv] {
    animation: fadeIn-b-lpenh6r8uv 0.5s ease-out;
}

.section-header[b-lpenh6r8uv] {
    margin-bottom: var(--spacing-xl);
}

.section-title[b-lpenh6r8uv] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fc);
    margin: 0 0 var(--spacing-sm) 0;
}

.section-icon[b-lpenh6r8uv] {
    font-size: var(--text-3xl);
}

.section-description[b-lpenh6r8uv] {
    font-size: var(--text-base);
    color: var(--fc-secondary);
    margin: 0;
}

.teams-grid[b-lpenh6r8uv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: var(--spacing-lg);
}

/* ===== Team Card ===== */
.team-card[b-lpenh6r8uv] {
    background: var(--bg-surface);
    border: 3px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.team-card:hover[b-lpenh6r8uv] {
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
    border-color: color-mix(in oklch, var(--primary), transparent 30%);
}

.team-card.team-complete[b-lpenh6r8uv] {
    border-color: color-mix(in oklch, var(--success), transparent 30%);
    background: linear-gradient(135deg, 
        var(--bg-surface) 0%, 
        color-mix(in oklch, var(--success), transparent 95%) 100%);
}

.team-card.team-progress[b-lpenh6r8uv] {
    border-color: color-mix(in oklch, var(--warning), transparent 30%);
    background: linear-gradient(135deg, 
        var(--bg-surface) 0%, 
        color-mix(in oklch, var(--warning), transparent 95%) 100%);
}

.team-header[b-lpenh6r8uv] {
    padding: var(--spacing-lg);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--primary), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--primary), var(--bg-surface) 30%) 100%);
    border-bottom: 3px solid color-mix(in oklch, var(--primary), transparent 50%);
    color: var(--fc);
}

.team-card.team-complete .team-header[b-lpenh6r8uv] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--success), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--success), var(--bg-surface) 30%) 100%);
    border-bottom-color: color-mix(in oklch, var(--success), transparent 50%);
}

.team-card.team-progress .team-header[b-lpenh6r8uv] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--warning), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--warning), var(--bg-surface) 30%) 100%);
    border-bottom-color: color-mix(in oklch, var(--warning), transparent 50%);
}

.team-title-section[b-lpenh6r8uv] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.team-name[b-lpenh6r8uv] {
    margin: 0;
    font-size: var(--text-xl);
    font-weight: 700;
    color: currentColor;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.team-icon[b-lpenh6r8uv] {
    font-size: var(--text-2xl);
}

.team-stats-badges[b-lpenh6r8uv] {
    display: flex;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
}

.stat-badge[b-lpenh6r8uv] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-md);
    background: color-mix(in oklch, var(--fc), transparent 90%);
    border: 1px solid color-mix(in oklch, var(--fc), transparent 80%);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc);
}

.badge-icon[b-lpenh6r8uv] {
    font-size: var(--text-base);
}

.badge-value[b-lpenh6r8uv] {
    font-weight: 700;
}

.badge-label[b-lpenh6r8uv] {
    opacity: 0.9;
}

.team-body[b-lpenh6r8uv] {
    padding: var(--spacing-lg);
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

/* Members Section */
.members-section[b-lpenh6r8uv] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.members-label[b-lpenh6r8uv] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.members-list[b-lpenh6r8uv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

.member-chip[b-lpenh6r8uv] {
    display: inline-flex;
    align-items: center;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--info), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--info), var(--bg-surface) 40%) 100%);
    color: var(--fc);
    border: 1px solid color-mix(in oklch, var(--info), transparent 60%);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: 500;
    box-shadow: var(--shadow-sm);
}

/* Progress Section */
.progress-section[b-lpenh6r8uv] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.progress-header[b-lpenh6r8uv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress-label[b-lpenh6r8uv] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.progress-percentage[b-lpenh6r8uv] {
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--fc);
}

.progress-bar-container[b-lpenh6r8uv] {
    width: 100%;
    height: 12px;
    background: color-mix(in oklch, var(--fc), transparent 90%);
    border-radius: var(--radius-full);
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

.progress-bar[b-lpenh6r8uv] {
    height: 100%;
    background: linear-gradient(90deg,
        var(--primary) 0%,
        color-mix(in oklch, var(--primary), var(--bg) 30%) 100%);
    border-radius: var(--radius-full);
    transition: width var(--transition-slow);
    position: relative;
    overflow: hidden;
}

.team-card.team-complete .progress-bar[b-lpenh6r8uv] {
    background: linear-gradient(90deg,
        var(--success) 0%,
        color-mix(in oklch, var(--success), var(--bg) 30%) 100%);
}

.team-card.team-progress .progress-bar[b-lpenh6r8uv] {
    background: linear-gradient(90deg,
        var(--warning) 0%,
        color-mix(in oklch, var(--warning), var(--bg) 30%) 100%);
}

.progress-detail[b-lpenh6r8uv] {
    font-size: var(--text-sm);
    color: var(--fc-secondary);
    text-align: center;
}

.team-footer[b-lpenh6r8uv] {
    padding: var(--spacing-lg);
    border-top: 2px solid var(--border-color);
    background: var(--bg-level-1);
}

.action-button[b-lpenh6r8uv] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-lg);
    background: linear-gradient(135deg,
        var(--info) 0%,
        color-mix(in oklch, var(--info), var(--bg) 20%) 100%);
    color: var(--info-text);
    border: 2px solid color-mix(in oklch, var(--info), transparent 40%);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.action-button:hover[b-lpenh6r8uv] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px color-mix(in oklch, var(--info), transparent 60%);
    border-color: var(--info);
}

.button-icon[b-lpenh6r8uv] {
    font-size: var(--text-lg);
}

/* ===== Empty State ===== */
.empty-state[b-lpenh6r8uv] {
    text-align: center;
    padding: var(--spacing-3xl) var(--spacing-xl);
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    border: 2px dashed var(--border-color);
}

.empty-icon[b-lpenh6r8uv] {
    font-size: 80px;
    margin-bottom: var(--spacing-lg);
}

.empty-title[b-lpenh6r8uv] {
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fc);
    margin: 0 0 var(--spacing-sm) 0;
}

.empty-description[b-lpenh6r8uv] {
    font-size: var(--text-base);
    color: var(--fc-secondary);
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ===== Animations ===== */
@keyframes fadeIn-b-lpenh6r8uv {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .counting-sessions-page[b-lpenh6r8uv] {
        padding: var(--spacing-md);
        gap: var(--spacing-lg);
    }

    .teams-grid[b-lpenh6r8uv] {
        grid-template-columns: 1fr;
    }

    .summary-grid[b-lpenh6r8uv] {
        grid-template-columns: 1fr;
    }

    .page-title[b-lpenh6r8uv] {
        font-size: var(--text-2xl);
    }
}
/* /Source/Features/InventoryFeature/CountingViews/InventoryTeamCountingLocationsView.razor.rz.scp.css */
/* Team Locations View - Colorful & Friendly */

.team-locations-page[b-ndszejve2o] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    padding: 0;
    max-width: var(--container-xl);
    margin: 0 auto;
    background: var(--bg);
    height:100%;
}

/* ===== Page Header ===== */
.page-header[b-ndszejve2o] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--info), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--info), var(--bg-surface) 30%) 100%);
    padding: var(--spacing-xl);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    border: 2px solid color-mix(in oklch, var(--info), transparent 50%);
    position: relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.search-box[b-ndszejve2o]{
    font-size:16px;
    padding:1ch;
    font-weight:bolder;
    text-align:center;
    border-radius:1ch;
    color:var(--primary);
}
.filter[b-ndszejve2o]{
    display:flex;
    align-items:center;
    gap:1ch;
}

.header-content[b-ndszejve2o] {
    max-width: 800px;
}

.page-title[b-ndszejve2o] {
    margin: 0 0 var(--spacing-sm) 0;
    font-size: 2rem;
    font-weight: 700;
    color: var(--fc);
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.title-icon[b-ndszejve2o] {
    font-size: 2rem;
}

.page-description[b-ndszejve2o] {
    margin: 0;
    font-size: var(--text-lg);
    color: var(--fc-secondary);
}

/* ===== Controls Section ===== */
.controls-section[b-ndszejve2o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-md);
    background: var(--bg-surface);
    padding: var(--spacing-lg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 2px solid var(--border-color);
    flex-wrap: wrap;
}




.status-filter-select[b-ndszejve2o],input[b-ndszejve2o] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--fc);
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
}

.status-filter-select:hover[b-ndszejve2o] {
    border-color: var(--primary);
}

.status-filter-select:focus[b-ndszejve2o] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary), transparent 85%);
}

.pagination-info[b-ndszejve2o] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--primary), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--primary), var(--bg-surface) 40%) 100%);
    color: var(--fc);
    border: 2px solid color-mix(in oklch, var(--primary), transparent 60%);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: 600;
}

.info-icon[b-ndszejve2o] {
    font-size: var(--text-base);
}

/* ===== Locations Grid ===== */
.locations-section[b-ndszejve2o] {
    animation: fadeIn-b-ndszejve2o 0.4s ease-out;
}

.locations-grid[b-ndszejve2o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: var(--spacing-lg);
}

/* ===== Location Card ===== */
.location-card[b-ndszejve2o] {
    background: var(--bg-surface);
    border: 3px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

.location-card[b-ndszejve2o]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: var(--secondary);
    transition: all var(--transition-base);
}

.location-card:hover[b-ndszejve2o] {
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
    border-color: color-mix(in oklch, var(--info), transparent 30%);
}

.location-card.status-notcounted[b-ndszejve2o] {
    border-color: var(--border-color);
}

.location-card.status-inprogress[b-ndszejve2o] {
    border-color: color-mix(in oklch, var(--warning), transparent 30%);
    background: linear-gradient(135deg, 
        var(--bg-surface) 0%, 
        color-mix(in oklch, var(--warning), transparent 95%) 100%);
}

.location-card.status-inprogress[b-ndszejve2o]::before {
    background: var(--warning);
}

.location-card.status-completed[b-ndszejve2o] {
    border-color: color-mix(in oklch, var(--success), transparent 30%);
    background: linear-gradient(135deg, 
        var(--bg-surface) 0%, 
        color-mix(in oklch, var(--success), transparent 95%) 100%);
}

.location-card.status-completed[b-ndszejve2o]::before {
    background: var(--success);
}

/* Card Header */
.location-header[b-ndszejve2o] {
    padding: var(--spacing-lg);
    background: var(--bg-level-1);
    border-bottom: 2px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-md);
}

.location-title-section[b-ndszejve2o] {
    flex: 1;
}

.location-title[b-ndszejve2o] {
    margin: 0 0 var(--spacing-xs) 0;
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--fc);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.location-path[b-ndszejve2o] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--text-sm);
    color: var(--fc-secondary);
    flex-wrap: wrap;
}

.path-separator[b-ndszejve2o] {
    color: var(--fc-tertiary);
}

.path-part[b-ndszejve2o] {
    font-weight: 500;
}

.path-part.bin[b-ndszejve2o] {
    padding: var(--spacing-xs) var(--spacing-sm);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--secondary), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--secondary), var(--bg-surface) 40%) 100%);
    color: var(--fc);
    border: 1px solid color-mix(in oklch, var(--secondary), transparent 60%);
    border-radius: var(--radius-sm);
    font-weight: 600;
}

.status-badge[b-ndszejve2o] {
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    box-shadow: var(--shadow-sm);
}

.status-badge.status-notcounted[b-ndszejve2o] {
    background: var(--bg-level-2);
    color: var(--fc);
    border: 2px solid var(--border-color);
}

.status-badge.status-inprogress[b-ndszejve2o] {
    background: linear-gradient(135deg,
        var(--warning) 0%,
        color-mix(in oklch, var(--warning), var(--bg) 30%) 100%);
    color: var(--warning-text);
    border: 2px solid color-mix(in oklch, var(--warning), transparent 40%);
}

.status-badge.status-completed[b-ndszejve2o] {
    background: linear-gradient(135deg,
        var(--success) 0%,
        color-mix(in oklch, var(--success), var(--bg) 30%) 100%);
    color: var(--success-text);
    border: 2px solid color-mix(in oklch, var(--success), transparent 40%);
}

/* Card Body */
.location-body[b-ndszejve2o] {
    padding: var(--spacing-lg);
    flex: 1;
}

.materials-summary[b-ndszejve2o] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.summary-header[b-ndszejve2o] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-weight: 600;
    color: var(--fc);
}

.summary-icon[b-ndszejve2o] {
    font-size: var(--text-lg);
}

.materials-preview[b-ndszejve2o] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.material-preview-item[b-ndszejve2o] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--bg-level-1);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
}

.material-icon[b-ndszejve2o] {
    color: var(--info);
    font-weight: 700;
}

.material-name[b-ndszejve2o] {
    flex: 1;
    color: var(--fc);
    font-weight: 500;
}

.material-qty[b-ndszejve2o] {
    font-weight: 700;
    color: var(--fc);
    padding: var(--spacing-xs) var(--spacing-sm);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--info), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--info), var(--bg-surface) 40%) 100%);
    border: 1px solid color-mix(in oklch, var(--info), transparent 60%);
    border-radius: var(--radius-sm);
}

.more-materials[b-ndszejve2o] {
    padding: var(--spacing-sm);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--fc-secondary);
    font-style: italic;
}

.empty-location[b-ndszejve2o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-xl);
    color: var(--fc-tertiary);
}

.empty-icon[b-ndszejve2o] {
    font-size: var(--text-3xl);
}

.empty-text[b-ndszejve2o] {
    font-size: var(--text-sm);
    font-style: italic;
}

/* Card Footer */
.location-footer[b-ndszejve2o] {
    padding: var(--spacing-lg);
    border-top: 2px solid var(--border-color);
    background: var(--bg-level-1);
}

.count-button[b-ndszejve2o] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-lg);
    background: linear-gradient(135deg,
        var(--info) 0%,
        color-mix(in oklch, var(--info), var(--bg) 20%) 100%);
    color: var(--info-text);
    border: 2px solid color-mix(in oklch, var(--info), transparent 40%);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.location-card.status-completed .count-button[b-ndszejve2o] {
    background: linear-gradient(135deg,
        var(--success) 0%,
        color-mix(in oklch, var(--success), var(--bg) 20%) 100%);
    color: var(--success-text);
    border-color: color-mix(in oklch, var(--success), transparent 40%);
}

.location-card.status-inprogress .count-button[b-ndszejve2o] {
    background: linear-gradient(135deg,
        var(--warning) 0%,
        color-mix(in oklch, var(--warning), var(--bg) 20%) 100%);
    color: var(--warning-text);
    border-color: color-mix(in oklch, var(--warning), transparent 40%);
}

.count-button:hover[b-ndszejve2o] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.location-card.status-completed .count-button:hover[b-ndszejve2o] {
    box-shadow: 0 6px 16px color-mix(in oklch, var(--success), transparent 60%);
    border-color: var(--success);
}

.location-card.status-inprogress .count-button:hover[b-ndszejve2o] {
    box-shadow: 0 6px 16px color-mix(in oklch, var(--warning), transparent 60%);
    border-color: var(--warning);
}

.count-button:hover[b-ndszejve2o] {
    border-color: var(--info);
}

.button-icon[b-ndszejve2o] {
    font-size: var(--text-lg);
}

/* ===== Pagination ===== */
.pagination-section[b-ndszejve2o] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-lg);
    padding: var(--spacing-lg);
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 2px solid var(--border-color);
}

.pagination-button[b-ndszejve2o] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-lg);
    background: linear-gradient(135deg,
        var(--primary) 0%,
        color-mix(in oklch, var(--primary), var(--bg) 20%) 100%);
    color: var(--primary-text);
    border: 2px solid color-mix(in oklch, var(--primary), transparent 40%);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.pagination-button:hover:not(:disabled)[b-ndszejve2o] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px color-mix(in oklch, var(--primary), transparent 60%);
    border-color: var(--primary);
}

.pagination-button:disabled[b-ndszejve2o] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.page-indicator[b-ndszejve2o] {
    padding: var(--spacing-md) var(--spacing-xl);
    background: var(--bg-level-1);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    font-weight: 600;
    color: var(--fc);
}

/* ===== Empty State ===== */
.empty-state[b-ndszejve2o] {
    text-align: center;
    padding: var(--spacing-3xl) var(--spacing-xl);
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    border: 2px dashed var(--border-color);
}

.empty-icon[b-ndszejve2o] {
    font-size: 80px;
    margin-bottom: var(--spacing-lg);
}

.empty-title[b-ndszejve2o] {
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fc);
    margin: 0 0 var(--spacing-sm) 0;
}

.empty-description[b-ndszejve2o] {
    font-size: var(--text-base);
    color: var(--fc-secondary);
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ===== Animations ===== */
@keyframes fadeIn-b-ndszejve2o {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .team-locations-page[b-ndszejve2o] {
        padding: var(--spacing-md);
        gap: var(--spacing-lg);
    }

    .locations-grid[b-ndszejve2o] {
        grid-template-columns: 1fr;
    }

    .controls-section[b-ndszejve2o] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-card[b-ndszejve2o] {
        min-width: 100%;
    }

    .pagination-section[b-ndszejve2o] {
        flex-direction: column;
        gap: var(--spacing-md);
    }

    .page-title[b-ndszejve2o] {
        font-size: var(--text-2xl);
    }
}
/* /Source/Features/InventoryFeature/CountingViews/QrCodeReaderDialog.razor.rz.scp.css */
#readQrCode[b-3dc3y9iegl] {
    width: 300px;
 
    display: grid;
    grid-template-rows:1fr min-content;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#qr-reader[b-3dc3y9iegl] {
    width: 300px;
    height: 300px;
    max-width:100%;
    margin: auto;
    flex:1;
}
button.close-btn[b-3dc3y9iegl]{
    max-height:30px;
}
[popover]:not(:popover-open):not(dialog[open])[b-3dc3y9iegl] {
    display: none;
}
/* /Source/Features/InventoryFeature/CountingViews/QrScanner.razor.rz.scp.css */
.scan-input[b-sxyuoydzpb]{
    padding:1ch;
    font-size:16px;
    border-radius:1ch;
    width:250px;
    margin:auto;
}
/* /Source/Features/InventoryFeature/Views/AssignInventoryLocationToTeam.razor.rz.scp.css */
/* ============================================
   Assign Inventory Locations to Teams
   Colorful, friendly team-based assignment
   ============================================ */

/* ===== Page Layout ===== */
.full-page[b-tu0ztra9l1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    padding: var(--spacing-lg);
    max-width: var(--container-xl);
    margin: 0 auto;
    background: var(--bg);
    min-height: 100vh;
}

/* ===== Page Header ===== */
.page-header[b-tu0ztra9l1] {
    background: var(--bg-surface);
    padding: var(--spacing-xl);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border-left: 4px solid var(--info);
    background: var(--gradient-info);
    color: var(--fc);
}

.page-header h3[b-tu0ztra9l1] {
    margin: 0 0 var(--spacing-sm) 0;
    color: var(--fc);
    font-size: var(--text-3xl);
    font-weight: 700;
}

.page-description[b-tu0ztra9l1] {
    margin: 0;
    color: var(--fc);
    font-size: var(--text-base);
    line-height: 1.6;
    max-width: 800px;
}

/* ===== Team Selector Section ===== */
.team-selector-section[b-tu0ztra9l1] {
    background: var(--bg-surface);
    padding: var(--spacing-lg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 2px solid var(--primary);
    background: var(--gradient-primary);
}

.selector-header[b-tu0ztra9l1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
}

.selector-header .section-icon[b-tu0ztra9l1] {
    font-size: var(--text-2xl);
}

    .selector-header h4[b-tu0ztra9l1] {
        margin: 0;
        font-size: var(--text-xl);
        font-weight: 600;
        color: var(--fc);
    }

.selector-input[b-tu0ztra9l1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

[b-tu0ztra9l1] .team-select {
    font-size: var(--text-lg);
    padding: var(--spacing-md) var(--spacing-lg);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    background: var(--bg-surface);
    cursor: pointer;
    color: var(--fc);
    font-weight: 600;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--spacing-md) center;
    background-size: 24px;
    padding-right: 3rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: var(--shadow-sm);
}

[b-tu0ztra9l1] .team-select:hover {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary), transparent 85%);
    transform: translateY(-2px);
}

    [b-tu0ztra9l1] .team-select:focus {
        border-color: var(--primary);
        outline: none;
        box-shadow: 0 0 0 4px color-mix(in oklch, var(--primary), transparent 75%);
    }

    [b-tu0ztra9l1] .team-select option {
        padding: var(--spacing-sm);
        font-size: var(--text-base);
        background: var(--bg-surface);
        color: var(--fc);
    }

        [b-tu0ztra9l1] .team-select option:first-child {
            color: var(--fc-tertiary);
            font-style: italic;
        }

        [b-tu0ztra9l1] .team-select option:focus-visible {
            background: var(--info);
            color: var(--info-text);
        }

.team-stats-inline[b-tu0ztra9l1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-md) var(--spacing-lg);
    background: var(--gradient-success);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--success);
    box-shadow: var(--shadow-sm);
}

.stat-item[b-tu0ztra9l1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--text-base);
    color: var(--success-text);
    background-color:var(--success);
}

.stat-item svg[b-tu0ztra9l1] {
    width: 24px;
    height: 24px;
}

.stat-item strong[b-tu0ztra9l1] {
    font-weight: 700;
    font-size: var(--text-xl);
}

/* ===== Summary Panel ===== */
.summary-panel[b-tu0ztra9l1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--spacing-md);
}

.summary-card[b-tu0ztra9l1] {
    background: var(--bg-surface);
    padding: var(--spacing-lg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    transition: all var(--transition-base);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.summary-card[b-tu0ztra9l1]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: var(--border-color);
    transition: all var(--transition-base);
}

.summary-card:hover[b-tu0ztra9l1] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.summary-card.highlight[b-tu0ztra9l1] {
    background: var(--gradient-info);
    border-color: var(--info);
}

.summary-card.highlight[b-tu0ztra9l1]::before {
    background: var(--info);
    width: 6px;
}

.summary-card.info[b-tu0ztra9l1] {
    background: var(--gradient-warning);
    border-color: var(--warning);
}

.summary-card.info[b-tu0ztra9l1]::before {
    background: var(--warning);
    width: 6px;
}

.summary-icon[b-tu0ztra9l1] {
    width: 60px;
    height: 60px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in oklch, var(--fc), transparent 95%);
    flex-shrink: 0;
}

.summary-card.highlight .summary-icon[b-tu0ztra9l1] {
    background: color-mix(in oklch, var(--info), transparent 80%);
    
}

.summary-card.info .summary-icon[b-tu0ztra9l1] {
    background: color-mix(in oklch, var(--warning), transparent 80%);
}

.summary-icon svg[b-tu0ztra9l1] {
    width: 32px;
    height: 32px;
    color: var(--fc);
}

.summary-content[b-tu0ztra9l1] {
    flex: 1;
}

.summary-value[b-tu0ztra9l1] {
    font-size: var(--text-4xl);
    font-weight: 700;
    color: var(--fc);
    line-height: 1;
    margin-bottom: var(--spacing-xs);
}

.summary-card.highlight .summary-value[b-tu0ztra9l1] {
    color: var(--info);
}

.summary-card.info .summary-value[b-tu0ztra9l1] {
    color: var(--warning);
}

.summary-label[b-tu0ztra9l1] {
    font-size: var(--text-sm);
    color: var(--fc);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.summary-card.highlight .summary-label[b-tu0ztra9l1],
.summary-card.info .summary-label[b-tu0ztra9l1] {
    color: color-mix(in oklch, currentColor, transparent 20%);
}

/* ===== Instructions ===== */
.instructions[b-tu0ztra9l1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-md) var(--spacing-lg);
    background: var(--gradient-info);
    border-left: 4px solid var(--info);
    border-radius: var(--radius-md);
    color: var(--info);
    font-size: var(--text-base);
    line-height: 1.6;
    box-shadow: var(--shadow-sm);
}

.instructions.info-notice[b-tu0ztra9l1] {
    background: var(--gradient-warning);
    border-color: var(--warning);
    color: var(--warning-text);
}

.instructions svg[b-tu0ztra9l1] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

/* ===== Warehouse Cards ===== */
.content[b-tu0ztra9l1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
}

.warehouse-card[b-tu0ztra9l1] {
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    border: 2px solid var(--border-color);
    transition: all var(--transition-base);
}

.warehouse-card:hover[b-tu0ztra9l1] {
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}

.warehouse-header[b-tu0ztra9l1] {
    background: var(--gradient-primary);
    padding: var(--spacing-lg) var(--spacing-xl);
    border-bottom: 3px solid var(--primary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-md);
}

.warehouse-title[b-tu0ztra9l1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.warehouse-icon[b-tu0ztra9l1] {
    width: 40px;
    height: 40px;
    color: var(--primary);
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

.warehouse-title h4[b-tu0ztra9l1] {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--primary);
}

.warehouse-stats[b-tu0ztra9l1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.stat-badge[b-tu0ztra9l1] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc);
    box-shadow: var(--shadow-sm);
}

.stat-badge svg[b-tu0ztra9l1] {
    width: 18px;
    height: 18px;
    color: var(--secondary);
}

/* ===== Areas Grid ===== */
.areas-grid[b-tu0ztra9l1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--spacing-md);
    padding: var(--spacing-xl);
}

.area-button[b-tu0ztra9l1] {
    background: var(--bg-surface);
    border: 3px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    cursor: pointer;
    transition: all var(--transition-base);
    position: relative;
    overflow: hidden;
    min-height: 120px;
    box-shadow: var(--shadow-sm);
}

.area-button[b-tu0ztra9l1]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: transparent;
    transition: all var(--transition-base);
}

.area-button:hover:not(:disabled)[b-tu0ztra9l1] {
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
    border-color: var(--primary);
}

.area-button:active:not(:disabled)[b-tu0ztra9l1] {
    transform: translateY(-3px);
}

/* Unassigned State */
.area-button.unassigned[b-tu0ztra9l1] {
    border-color: var(--border-color);
    background: linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-level-1) 100%);
}

.area-button.unassigned:hover[b-tu0ztra9l1] {
    border-color: var(--secondary);
}

.area-button.unassigned[b-tu0ztra9l1]::before {
    background: var(--secondary);
}

.area-button.unassigned .area-icon[b-tu0ztra9l1] {
    color: var(--fc);
}

/* Assigned to Current Team */
.area-button.assigned-current[b-tu0ztra9l1] {
    border-color: var(--success);
    background: var(--gradient-success);
}

.area-button.assigned-current[b-tu0ztra9l1]::before {
    background: var(--success);
    width: 6px;
}

.area-button.assigned-current:hover[b-tu0ztra9l1] {
    border-color: var(--success-hover);
    box-shadow: 0 8px 24px color-mix(in oklch, var(--success), transparent 60%);
}

.area-button.assigned-current .area-icon[b-tu0ztra9l1] {
    color: var(--success);
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

/* Assigned to Other Team */
.area-button.assigned-other[b-tu0ztra9l1] {
    border-color: var(--info);
    background: var(--gradient-info);
    cursor: not-allowed;
    opacity: 0.8;
}

.area-button.assigned-other[b-tu0ztra9l1]::before {
    background: var(--info);
    width: 6px;
}

.area-button.assigned-other .area-icon[b-tu0ztra9l1] {
    color: var(--info-text);
}

.area-button:disabled[b-tu0ztra9l1] {
    pointer-events: none;
}

/* No Team Selected State */
.area-button.no-team-selected[b-tu0ztra9l1] {
    cursor: default;
    pointer-events: none;
}

.area-button.no-team-selected.unassigned[b-tu0ztra9l1] {
    opacity: 0.7;
    border-color: var(--border-color);
}

.area-button.no-team-selected.assigned-current[b-tu0ztra9l1],
.area-button.no-team-selected.assigned-other[b-tu0ztra9l1] {
    opacity: 0.6;
}

/* Area Button Content */
.area-button-content[b-tu0ztra9l1] {
    display: flex;
    gap: var(--spacing-md);
    align-items: flex-start;
}

.area-icon[b-tu0ztra9l1] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.area-icon svg[b-tu0ztra9l1] {
    width: 100%;
    height: 100%;
}

.area-info[b-tu0ztra9l1] {
    flex: 1;
    min-width: 0;
}

.area-name[b-tu0ztra9l1] {
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--fc);
    margin-bottom: var(--spacing-sm);
    word-break: break-word;
}

.area-button.assigned-current .area-name[b-tu0ztra9l1],
.area-button.assigned-other .area-name[b-tu0ztra9l1] {
    color: currentColor;
}

.area-details[b-tu0ztra9l1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
}

.detail-item[b-tu0ztra9l1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--text-sm);
    color: var(--fc-secondary);
}

.area-button.assigned-current .detail-item[b-tu0ztra9l1],
.area-button.assigned-other .detail-item[b-tu0ztra9l1] {
    color: currentColor;
}

.detail-icon[b-tu0ztra9l1] {
    width: 18px;
    height: 18px;
}

.detail-value[b-tu0ztra9l1] {
    font-weight: 700;
    color: var(--fc);
    background: color-mix(in oklch, var(--fc), transparent 95%);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-full);
}

.area-button.assigned-current .detail-value[b-tu0ztra9l1],
.area-button.assigned-other .detail-value[b-tu0ztra9l1] {
    background: color-mix(in oklch, currentColor, transparent 80%);
    color: currentColor;
}

.detail-label[b-tu0ztra9l1] {
    font-weight: 500;
}

.assigned-team-badge[b-tu0ztra9l1] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    background: var(--gradient-info);
    color: var(--info-text);
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: 700;
    margin-top: var(--spacing-sm);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--shadow-sm);
}

.assigned-team-badge svg[b-tu0ztra9l1] {
    width: 16px;
    height: 16px;
}

.assigned-team-badge.current[b-tu0ztra9l1] {
    background: color-mix(in oklch, var(--success-text), transparent 10%);
    color: var(--success);
}

/* ===== Empty States ===== */
.empty-warehouse[b-tu0ztra9l1] {
    padding: var(--spacing-2xl);
    text-align: center;
    color: var(--fc-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
}

.empty-warehouse svg[b-tu0ztra9l1] {
    width: 24px;
    height: 24px;
}

.empty-state[b-tu0ztra9l1] {
    grid-column: 1 / -1;
    text-align: center;
    padding: var(--spacing-3xl) var(--spacing-xl);
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    border: 3px dashed var(--border-color);
}

.empty-icon[b-tu0ztra9l1] {
    width: 100px;
    height: 100px;
    color: var(--fc-tertiary);
    margin: 0 auto var(--spacing-xl);
}

.empty-state h4[b-tu0ztra9l1] {
    margin: 0 0 var(--spacing-sm) 0;
    color: var(--fc);
    font-size: var(--text-2xl);
    font-weight: 700;
}

.empty-state p[b-tu0ztra9l1] {
    margin: 0;
    color: var(--fc-secondary);
    font-size: var(--text-base);
    max-width: 500px;
    margin: 0 auto;
}

/* ===== Team Statistics Section ===== */
.team-statistics-section[b-tu0ztra9l1] {
    background: var(--bg-surface);
    padding: var(--spacing-xl);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border-left: 5px solid var(--accent);
}

.statistics-header[b-tu0ztra9l1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
}

.statistics-header svg[b-tu0ztra9l1] {
    width: 32px;
    height: 32px;
    color: var(--accent);
}

.statistics-header h4[b-tu0ztra9l1] {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fc);
}

.statistics-grid[b-tu0ztra9l1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--spacing-md);
}

.stat-card[b-tu0ztra9l1] {
    background: linear-gradient(135deg, var(--bg-level-1) 0%, var(--bg-level-2) 100%);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
}

.stat-card:hover[b-tu0ztra9l1] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.stat-card.current-team[b-tu0ztra9l1] {
    background: var(--gradient-primary);
    border-color: var(--primary);
    border-width: 3px;
    box-shadow: 0 4px 12px color-mix(in oklch, var(--primary), transparent 70%);
}

.stat-team-name[b-tu0ztra9l1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
    font-size: var(--text-lg);
}

.stat-team-name svg[b-tu0ztra9l1] {
    width: 24px;
    height: 24px;
    color: var(--fc);
}

.stat-card.current-team .stat-team-name svg[b-tu0ztra9l1] {
    color: var(--primary-text);
}

.stat-team-name strong[b-tu0ztra9l1] {
    font-weight: 700;
    color: var(--fc);
}

.stat-card.current-team .stat-team-name strong[b-tu0ztra9l1] {
    color: var(--primary-text);
}

.stat-metrics[b-tu0ztra9l1] {
    display: flex;
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-md);
}

.stat-metric[b-tu0ztra9l1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.metric-value[b-tu0ztra9l1] {
    font-size: var(--text-3xl);
    font-weight: 700;
    color: var(--fc);
    line-height: 1;
}

.stat-card.current-team .metric-value[b-tu0ztra9l1] {
    color: var(--primary-text);
}

.metric-label[b-tu0ztra9l1] {
    font-size: var(--text-xs);
    color: var(--fc-secondary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-card.current-team .metric-label[b-tu0ztra9l1] {
    color: color-mix(in oklch, var(--primary-text), transparent 20%);
}

.stat-progress[b-tu0ztra9l1] {
    width: 100%;
    height: 10px;
    background: color-mix(in oklch, var(--fc), transparent 90%);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.progress-bar[b-tu0ztra9l1] {
    height: 100%;
    background: var(--gradient-success);
    transition: width var(--transition-slow);
    border-radius: var(--radius-full);
}

.stat-card.current-team .progress-bar[b-tu0ztra9l1] {
    background: linear-gradient(90deg, var(--accent) 0%, var(--accent-hover) 100%);
}

/* ===== Responsive Design ===== */
@media (max-width: 768px) {
    .full-page[b-tu0ztra9l1] {
        padding: var(--spacing-md);
        gap: var(--spacing-lg);
    }

    .page-header[b-tu0ztra9l1] {
        padding: var(--spacing-lg);
    }

    .page-header h3[b-tu0ztra9l1] {
        font-size: var(--text-2xl);
    }

    .summary-panel[b-tu0ztra9l1] {
        grid-template-columns: 1fr;
    }

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

    .warehouse-stats[b-tu0ztra9l1] {
        width: 100%;
        justify-content: flex-start;
    }

    .areas-grid[b-tu0ztra9l1] {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm);
        padding: var(--spacing-md);
    }

    .statistics-grid[b-tu0ztra9l1] {
        grid-template-columns: 1fr;
    }

    .stat-metrics[b-tu0ztra9l1] {
        justify-content: space-around;
    }
}

@media (max-width: 480px) {
    .team-stats-inline[b-tu0ztra9l1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .warehouse-title[b-tu0ztra9l1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .warehouse-stats[b-tu0ztra9l1] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs);
    }

    .area-button-content[b-tu0ztra9l1] {
        flex-direction: column;
    }

    .area-icon[b-tu0ztra9l1] {
        margin: 0 auto;
    }
}

/* ===== Accessibility ===== */
.area-button:focus-visible[b-tu0ztra9l1] {
    outline: 3px solid var(--primary);
    outline-offset: 3px;
}

.team-select:focus-visible[b-tu0ztra9l1] {
    outline: 3px solid var(--primary);
    outline-offset: 3px;
}

/* ===== Print Styles ===== */
@media print {
    .full-page[b-tu0ztra9l1] {
        background: white;
        padding: 0;
    }

    .warehouse-card[b-tu0ztra9l1],
    .area-button[b-tu0ztra9l1] {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ccc;
    }

    .area-button:hover[b-tu0ztra9l1] {
        transform: none;
        box-shadow: none;
    }

    .team-statistics-section[b-tu0ztra9l1] {
        page-break-before: always;
    }
}

/* ===== Animations ===== */
@keyframes fadeIn-b-tu0ztra9l1 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse-b-tu0ztra9l1 {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.warehouse-card[b-tu0ztra9l1] {
    animation: fadeIn-b-tu0ztra9l1 0.4s ease-out;
}

.area-button[b-tu0ztra9l1] {
    animation: fadeIn-b-tu0ztra9l1 0.3s ease-out;
}

.area-button.assigned-current[b-tu0ztra9l1] {
    animation: fadeIn-b-tu0ztra9l1 0.3s ease-out, pulse-b-tu0ztra9l1 2s ease-in-out infinite;
}

.summary-card[b-tu0ztra9l1] {
    animation: fadeIn-b-tu0ztra9l1 0.5s ease-out;
}

/* ===== Reduced Motion ===== */
@media (prefers-reduced-motion: reduce) {
    .area-button[b-tu0ztra9l1],
    .warehouse-card[b-tu0ztra9l1],
    .summary-card[b-tu0ztra9l1],
    .stat-card[b-tu0ztra9l1] {
        transition: none;
        animation: none;
    }

    .area-button:hover[b-tu0ztra9l1] {
        transform: none;
    }

    .progress-bar[b-tu0ztra9l1] {
        transition: none;
    }
}
/* /Source/Features/InventoryFeature/Views/InventorySessionDashboardView.razor.rz.scp.css */
/* Inventory Session Dashboard - Scoped Styles */

.dashboard[b-g9di3j9lxa] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    padding: var(--spacing-lg);
    height: 100%;
    width: 100%;
    background-color: var(--bg);
    overflow-y: auto;
    animation: fadeIn-b-g9di3j9lxa 0.3s ease-in;
}

@keyframes fadeIn-b-g9di3j9lxa {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dashboard Header */
.dashboard-header[b-g9di3j9lxa] {
    text-align: center;
    margin-bottom: var(--spacing-md);
}

.dashboard-title[b-g9di3j9lxa] {
    font-size: var(--text-3xl);
    font-weight: 700;
    color: var(--fc);
    margin: 0 0 var(--spacing-xs) 0;
    line-height: 1.2;
}

.dashboard-subtitle[b-g9di3j9lxa] {
    font-size: var(--text-base);
    color: var(--fc-secondary);
    margin: 0;
}

/* Section Styling */
.kpi-section[b-g9di3j9lxa],
.stats-section[b-g9di3j9lxa],
.quick-actions[b-g9di3j9lxa] {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    box-shadow: var(--shadow-sm);
    transition: box-shadow var(--transition-base);
}

.kpi-section:hover[b-g9di3j9lxa],
.stats-section:hover[b-g9di3j9lxa] {
    box-shadow: var(--shadow-md);
}

.section-title[b-g9di3j9lxa] {
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--fc);
    margin: 0 0 var(--spacing-lg) 0;
    padding-bottom: var(--spacing-sm);
    border-bottom: 2px solid var(--border-color);
}

/* KPI Grid */
.kpi-grid[b-g9di3j9lxa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-md);
}

/* KPI Card */
.kpi-card[b-g9di3j9lxa] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
    background: var(--bg-level-1);
    border: 2px solid;
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
}

.kpi-card:hover[b-g9di3j9lxa] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.kpi-primary[b-g9di3j9lxa] {
    border-color: var(--primary);
    background: linear-gradient(135deg, var(--bg-level-1) 0%, color-mix(in oklch, var(--primary), transparent 95%) 100%);
}

.kpi-info[b-g9di3j9lxa] {
    border-color: var(--info);
    background: linear-gradient(135deg, var(--bg-level-1) 0%, color-mix(in oklch, var(--info), transparent 95%) 100%);
}

.kpi-success[b-g9di3j9lxa] {
    border-color: var(--success);
    background: linear-gradient(135deg, var(--bg-level-1) 0%, color-mix(in oklch, var(--success), transparent 95%) 100%);
}

.kpi-warning[b-g9di3j9lxa] {
    border-color: var(--warning);
    background: linear-gradient(135deg, var(--bg-level-1) 0%, color-mix(in oklch, var(--warning), transparent 95%) 100%);
}

.kpi-secondary[b-g9di3j9lxa] {
    border-color: var(--secondary);
    background: linear-gradient(135deg, var(--bg-level-1) 0%, color-mix(in oklch, var(--secondary), transparent 95%) 100%);
}

.kpi-accent[b-g9di3j9lxa] {
    border-color: var(--accent);
    background: linear-gradient(135deg, var(--bg-level-1) 0%, color-mix(in oklch, var(--accent), transparent 95%) 100%);
}

.kpi-icon[b-g9di3j9lxa] {
    font-size: var(--text-4xl);
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-surface);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
}

.kpi-content[b-g9di3j9lxa] {
    flex: 1;
    min-width: 0;
}

.kpi-value[b-g9di3j9lxa] {
    font-size: var(--text-3xl);
    font-weight: 700;
    color: var(--fc);
    line-height: 1.2;
    margin-bottom: var(--spacing-xs);
}

.kpi-label[b-g9di3j9lxa] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--fc);
    margin-bottom: var(--spacing-xs);
}

.kpi-sublabel[b-g9di3j9lxa] {
    font-size: var(--text-sm);
    color: var(--fc-secondary);
}

/* Stats Grid */
.stats-grid[b-g9di3j9lxa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--spacing-lg);
}

/* Stat Card */
.stat-card[b-g9di3j9lxa] {
    background: var(--bg-level-1);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    transition: all var(--transition-base);
}

.stat-card:hover[b-g9di3j9lxa] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.stat-highlight[b-g9di3j9lxa] {
    border-color: var(--success);
    border-width: 2px;
    background: linear-gradient(135deg, var(--bg-level-1) 0%, color-mix(in oklch, var(--success), transparent 96%) 100%);
}

.stat-header[b-g9di3j9lxa] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-sm);
    border-bottom: 1px solid var(--border-color);
}

.stat-icon[b-g9di3j9lxa] {
    font-size: var(--text-2xl);
}

.stat-header h3[b-g9di3j9lxa] {
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--fc);
    margin: 0;
}

.stat-body[b-g9di3j9lxa] {
    text-align: center;
    padding: var(--spacing-md) 0;
}

.stat-value[b-g9di3j9lxa] {
    font-size: var(--text-4xl);
    font-weight: 700;
    color: var(--primary);
    margin-bottom: var(--spacing-xs);
}

.stat-label[b-g9di3j9lxa] {
    font-size: var(--text-sm);
    color: var(--fc-secondary);
}

.stat-footer[b-g9di3j9lxa] {
    margin-top: var(--spacing-md);
    padding-top: var(--spacing-sm);
    border-top: 1px solid var(--border-color);
    text-align: center;
}

.stat-percentage[b-g9di3j9lxa] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--success);
}

/* Quick Actions */
.actions-grid[b-g9di3j9lxa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--spacing-md);
}

.action-link[b-g9di3j9lxa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
    background: var(--bg-level-1);
    border: 2px solid;
    border-radius: var(--radius-lg);
    text-decoration: none;
    transition: all var(--transition-base);
    cursor: pointer;
    min-height: 120px;
}

.action-link:hover[b-g9di3j9lxa] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.action-primary[b-g9di3j9lxa] {
    border-color: var(--primary);
    color: var(--primary);
}

.action-primary:hover[b-g9di3j9lxa] {
    background: var(--primary);
    color: var(--primary-text);
}

.action-secondary[b-g9di3j9lxa] {
    border-color: var(--secondary);
    color: var(--secondary);
}

.action-secondary:hover[b-g9di3j9lxa] {
    background: var(--secondary);
    color: var(--secondary-text);
}

.action-success[b-g9di3j9lxa] {
    border-color: var(--success);
    color: var(--success);
}

.action-success:hover[b-g9di3j9lxa] {
    background: var(--success);
    color: var(--success-text);
}

.action-info[b-g9di3j9lxa] {
    border-color: var(--info);
    color: var(--info);
}

.action-info:hover[b-g9di3j9lxa] {
    background: var(--info);
    color: var(--info-text);
}

.action-accent[b-g9di3j9lxa] {
    border-color: var(--accent);
    color: var(--accent);
}

.action-accent:hover[b-g9di3j9lxa] {
    background: var(--accent);
    color: var(--accent-text);
}

.action-icon[b-g9di3j9lxa] {
    font-size: var(--text-4xl);
}

.action-text[b-g9di3j9lxa] {
    font-size: var(--text-base);
    font-weight: 600;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dashboard[b-g9di3j9lxa] {
        padding: var(--spacing-md);
        gap: var(--spacing-lg);
    }

    .dashboard-title[b-g9di3j9lxa] {
        font-size: var(--text-2xl);
    }

    .kpi-grid[b-g9di3j9lxa],
    .stats-grid[b-g9di3j9lxa],
    .actions-grid[b-g9di3j9lxa] {
        grid-template-columns: 1fr;
    }

    .kpi-value[b-g9di3j9lxa] {
        font-size: var(--text-2xl);
    }

    .stat-value[b-g9di3j9lxa] {
        font-size: var(--text-3xl);
    }

    .kpi-section[b-g9di3j9lxa],
    .stats-section[b-g9di3j9lxa],
    .quick-actions[b-g9di3j9lxa] {
        padding: var(--spacing-md);
    }
}

@media (max-width: 480px) {
    .dashboard[b-g9di3j9lxa] {
        padding: var(--spacing-sm);
        gap: var(--spacing-md);
    }

    .dashboard-title[b-g9di3j9lxa] {
        font-size: var(--text-xl);
    }

    .kpi-card[b-g9di3j9lxa] {
        padding: var(--spacing-md);
        gap: var(--spacing-sm);
    }

    .kpi-icon[b-g9di3j9lxa] {
        width: 50px;
        height: 50px;
        font-size: var(--text-2xl);
    }

    .kpi-value[b-g9di3j9lxa] {
        font-size: var(--text-xl);
    }

    .action-link[b-g9di3j9lxa] {
        min-height: 100px;
        padding: var(--spacing-md);
    }

    .action-icon[b-g9di3j9lxa] {
        font-size: var(--text-3xl);
    }
}

/* Print Styles */
@media print {
    .dashboard[b-g9di3j9lxa] {
        padding: 0;
        overflow: visible;
    }

    .kpi-card[b-g9di3j9lxa],
    .stat-card[b-g9di3j9lxa],
    .kpi-section[b-g9di3j9lxa],
    .stats-section[b-g9di3j9lxa] {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .quick-actions[b-g9di3j9lxa] {
        display: none;
    }
}
/* /Source/Features/InventoryFeature/Views/PlannedInventoryLocationsEditor.razor.rz.scp.css */
/* ============================================
   Planned Inventory Locations Editor
   Professional, accessible, and user-friendly
   ============================================ */

/* ===== Page Layout ===== */
.full-page[b-7n8tgrurcq] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
    background: linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);
    min-height: 100vh;
}

/* ===== Page Header ===== */
.page-header[b-7n8tgrurcq] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #4CAF50;
}

.page-header h3[b-7n8tgrurcq] {
    margin: 0 0 0.75rem 0;
    color: #1a1a1a;
    font-size: 1.75rem;
    font-weight: 600;
}

.page-description[b-7n8tgrurcq] {
    margin: 0 0 1rem 0;
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
    max-width: 800px;
}

/* ===== Status Badges ===== */
.status-badge[b-7n8tgrurcq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 500;
    margin-top: 0.5rem;
}

.status-badge svg[b-7n8tgrurcq] {
    width: 18px;
    height: 18px;
}

.status-open[b-7n8tgrurcq] {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    color: #2e7d32;
    border: 1px solid #81c784;
}

.status-locked[b-7n8tgrurcq] {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    color: #c62828;
    border: 1px solid #ef5350;
}

.lock-notice[b-7n8tgrurcq] {
    margin: 1rem 0 0 0;
    padding: 1rem;
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    border-radius: 4px;
    color: #856404;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* ===== Summary Panel ===== */
.summary-panel[b-7n8tgrurcq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.summary-card[b-7n8tgrurcq] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.summary-card[b-7n8tgrurcq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #e0e0e0;
    transition: all 0.3s ease;
}

.summary-card:hover[b-7n8tgrurcq] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.summary-card.highlight[b-7n8tgrurcq] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-color: #2196F3;
}

.summary-card.highlight[b-7n8tgrurcq]::before {
    background: #2196F3;
    width: 6px;
}

.summary-card.info[b-7n8tgrurcq] {
    background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
    border-color: #9c27b0;
}

.summary-card.info[b-7n8tgrurcq]::before {
    background: #9c27b0;
    width: 6px;
}

.summary-icon[b-7n8tgrurcq] {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
}

.summary-card.highlight .summary-icon[b-7n8tgrurcq] {
    background: rgba(33, 150, 243, 0.15);
    color: #1976D2;
}

.summary-card.info .summary-icon[b-7n8tgrurcq] {
    background: rgba(156, 39, 176, 0.15);
    color: #7b1fa2;
}

.summary-icon svg[b-7n8tgrurcq] {
    width: 28px;
    height: 28px;
    color: #666;
}

.summary-content[b-7n8tgrurcq] {
    flex: 1;
}

.summary-value[b-7n8tgrurcq] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.summary-card.highlight .summary-value[b-7n8tgrurcq] {
    color: #1565C0;
}

.summary-card.info .summary-value[b-7n8tgrurcq] {
    color: #6a1b9a;
}

.summary-label[b-7n8tgrurcq] {
    font-size: 0.875rem;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ===== Instructions ===== */
.instructions[b-7n8tgrurcq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-left: 4px solid #2196F3;
    border-radius: 8px;
    color: #0d47a1;
    font-size: 0.9rem;
    line-height: 1.5;
    box-shadow: 0 2px 4px rgba(33, 150, 243, 0.15);
}

.instructions svg[b-7n8tgrurcq] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: #1976D2;
}

/* ===== Warehouse Grid ===== */
.content[b-7n8tgrurcq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
    padding: 0.5rem 0;
}

/* ===== Warehouse Card ===== */
.warehouse[b-7n8tgrurcq] {
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.warehouse[b-7n8tgrurcq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: transparent;
    transition: all 0.3s ease;
}

.warehouse:hover[b-7n8tgrurcq] {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.warehouse:active[b-7n8tgrurcq] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Selected State */
.warehouse.selected[b-7n8tgrurcq] {
    border-color: #4CAF50;
    background: linear-gradient(135deg, #ffffff 0%, #f1f8f4 100%);
}

.warehouse.selected[b-7n8tgrurcq]::before {
    background: #4CAF50;
}

.warehouse.selected:hover[b-7n8tgrurcq] {
    border-color: #45a049;
    box-shadow: 0 8px 20px rgba(76, 175, 80, 0.25);
}

/* Not Selected State */
.warehouse.not-selected[b-7n8tgrurcq] {
    border-color: #e0e0e0;
}

.warehouse.not-selected:hover[b-7n8tgrurcq] {
    border-color: #bdbdbd;
}

.warehouse.not-selected[b-7n8tgrurcq]::before {
    background: #9e9e9e;
}

/* Disabled State */
.warehouse.disabled[b-7n8tgrurcq] {
    cursor: not-allowed;
    opacity: 0.6;
    filter: grayscale(50%);
    pointer-events: none;
}

.warehouse.disabled:hover[b-7n8tgrurcq] {
    transform: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* ===== Warehouse Button ===== */
.warehouse-button[b-7n8tgrurcq] {
    background: transparent;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.warehouse-button:hover:not(:disabled)[b-7n8tgrurcq] {
    background: rgba(0, 0, 0, 0.05);
    transform: scale(1.1);
}

.warehouse-button:active:not(:disabled)[b-7n8tgrurcq] {
    transform: scale(0.95);
}

.warehouse-button:disabled[b-7n8tgrurcq] {
    cursor: not-allowed;
}

.warehouse-button svg[b-7n8tgrurcq] {
    width: 32px;
    height: 32px;
}

.green-icon[b-7n8tgrurcq] {
    color: #4CAF50;
    filter: drop-shadow(0 2px 4px rgba(76, 175, 80, 0.3));
}

.gray-icon[b-7n8tgrurcq] {
    color: #9e9e9e;
}

/* ===== Warehouse Content ===== */
.warehouse-content[b-7n8tgrurcq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.name h4[b-7n8tgrurcq] {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.3;
}

.warehouse-details[b-7n8tgrurcq] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.detail-item[b-7n8tgrurcq] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: #666;
}

.detail-icon[b-7n8tgrurcq] {
    width: 16px;
    height: 16px;
    color: #9e9e9e;
}

.detail-label[b-7n8tgrurcq] {
    font-weight: 500;
}

.detail-value[b-7n8tgrurcq] {
    font-weight: 600;
    color: #1a1a1a;
    background: rgba(0, 0, 0, 0.05);
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
}

/* ===== Selected Badge ===== */
.selected-badge[b-7n8tgrurcq] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
    color: white;
    padding: 0.375rem 0.75rem;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(76, 175, 80, 0.3);
    align-self: flex-start;
}

.selected-badge svg[b-7n8tgrurcq] {
    width: 14px;
    height: 14px;
}

/* ===== Lock Overlay ===== */
.lock-overlay[b-7n8tgrurcq] {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(244, 67, 54, 0.9) 0%, rgba(211, 47, 47, 0.9) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 12px 0 100%;
}

.lock-overlay svg[b-7n8tgrurcq] {
    width: 20px;
    height: 20px;
    color: white;
}

/* ===== Empty State ===== */
.empty-state[b-7n8tgrurcq] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    border: 2px dashed #e0e0e0;
}

.empty-icon[b-7n8tgrurcq] {
    width: 80px;
    height: 80px;
    color: #bdbdbd;
    margin: 0 auto 1.5rem;
}

.empty-state h4[b-7n8tgrurcq] {
    margin: 0 0 0.5rem 0;
    color: #666;
    font-size: 1.25rem;
    font-weight: 600;
}

.empty-state p[b-7n8tgrurcq] {
    margin: 0;
    color: #999;
    font-size: 0.95rem;
    max-width: 500px;
    margin: 0 auto;
}

/* ===== Responsive Design ===== */
@media (max-width: 768px) {
    .full-page[b-7n8tgrurcq] {
        padding: 1rem;
        gap: 1.5rem;
    }

    .page-header[b-7n8tgrurcq] {
        padding: 1.5rem;
    }

    .page-header h3[b-7n8tgrurcq] {
        font-size: 1.5rem;
    }

    .summary-panel[b-7n8tgrurcq] {
        grid-template-columns: 1fr;
    }

    .summary-value[b-7n8tgrurcq] {
        font-size: 1.75rem;
    }

    .content[b-7n8tgrurcq] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .warehouse[b-7n8tgrurcq] {
        padding: 1rem;
    }

    .name h4[b-7n8tgrurcq] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .warehouse[b-7n8tgrurcq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .warehouse-button[b-7n8tgrurcq] {
        align-self: center;
    }

    .summary-card[b-7n8tgrurcq] {
        flex-direction: column;
        text-align: center;
    }

    .summary-icon[b-7n8tgrurcq] {
        margin: 0 auto;
    }
}

/* ===== Accessibility ===== */
.warehouse-button:focus-visible[b-7n8tgrurcq] {
    outline: 3px solid #2196F3;
    outline-offset: 2px;
}

.warehouse:focus-within[b-7n8tgrurcq] {
    outline: 2px solid #2196F3;
    outline-offset: 2px;
}

/* ===== Print Styles ===== */
@media print {
    .full-page[b-7n8tgrurcq] {
        background: white;
        padding: 0;
    }

    .warehouse[b-7n8tgrurcq] {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ccc;
    }

    .warehouse:hover[b-7n8tgrurcq] {
        transform: none;
        box-shadow: none;
    }

    .warehouse-button[b-7n8tgrurcq] {
        display: none;
    }

    .lock-overlay[b-7n8tgrurcq] {
        display: none;
    }

    .summary-panel[b-7n8tgrurcq] {
        page-break-after: avoid;
    }
}

/* ===== Animations ===== */
@keyframes pulse-b-7n8tgrurcq {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.warehouse.selected .selected-badge[b-7n8tgrurcq] {
    animation: pulse-b-7n8tgrurcq 2s ease-in-out infinite;
}

/* ===== Tooltips (Browser Default Enhanced) ===== */
[title][b-7n8tgrurcq] {
    position: relative;
    cursor: help;
}

/* ===== Dark Mode Support (Optional) ===== */
@media (prefers-color-scheme: dark) {
    .full-page[b-7n8tgrurcq] {
        background: linear-gradient(to bottom, #1a1a1a 0%, #2d2d2d 100%);
    }

    .page-header[b-7n8tgrurcq],
    .warehouse[b-7n8tgrurcq],
    .summary-card[b-7n8tgrurcq],
    .empty-state[b-7n8tgrurcq] {
        background: #2d2d2d;
        color: #e0e0e0;
        border-color: #404040;
    }

    .page-header h3[b-7n8tgrurcq],
    .name h4[b-7n8tgrurcq],
    .summary-value[b-7n8tgrurcq],
    .detail-value[b-7n8tgrurcq] {
        color: #e0e0e0;
    }

    .page-description[b-7n8tgrurcq],
    .summary-label[b-7n8tgrurcq],
    .detail-item[b-7n8tgrurcq],
    .detail-label[b-7n8tgrurcq] {
        color: #b0b0b0;
    }

    .warehouse.selected[b-7n8tgrurcq] {
        background: linear-gradient(135deg, #2d2d2d 0%, #1f3a1f 100%);
    }

    .instructions[b-7n8tgrurcq] {
        background: linear-gradient(135deg, #1a3a52 0%, #0d2a42 100%);
        color: #90caf9;
    }

    .lock-notice[b-7n8tgrurcq] {
        background: #3a3000;
        color: #ffd54f;
    }
}

/* ===== High Contrast Mode ===== */
@media (prefers-contrast: high) {
    .warehouse[b-7n8tgrurcq] {
        border-width: 3px;
    }

    .warehouse.selected[b-7n8tgrurcq] {
        border-width: 4px;
    }

    .status-badge[b-7n8tgrurcq] {
        border-width: 2px;
    }
}

/* ===== Reduced Motion ===== */
@media (prefers-reduced-motion: reduce) {
    .warehouse[b-7n8tgrurcq],
    .warehouse-button[b-7n8tgrurcq],
    .summary-card[b-7n8tgrurcq] {
        transition: none;
    }

    .warehouse:hover[b-7n8tgrurcq] {
        transform: none;
    }

    .warehouse.selected .selected-badge[b-7n8tgrurcq] {
        animation: none;
    }
}
/* /Source/Features/Logistics/Components/OpenStockPickingCard.razor.rz.scp.css */
.materials-ok h3[b-ntaxcwet5x]:before{
    content:'🟢 ';
}
.materials-nok h3[b-ntaxcwet5x]:before {
    content: '🔴 ';
}

.materials-nok summary[b-ntaxcwet5x]{
    background-color:hsla(0, 85%, 82%, 0.65);
}
.materials-ok summary[b-ntaxcwet5x] {
    background-color: hsla(90, 97%, 74%, 0.65);
}
.card[b-ntaxcwet5x] {
    border: 4px solid var(--border-color);
    height:max-content;

    .card-header {
        background-color: var(--bg-level-1);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
        cursor:pointer;
    }

    .card-body[b-ntaxcwet5x] {
        display: flex;

        details {
            background-color: var(--bg-level-2);
            flex: 1;

            summary {
                padding: 1rem;
                cursor: pointer;

                h3,h4 {
                    display: inline;
                }
            }

            .view-materials[b-ntaxcwet5x] {
                padding: 1ch;
            }

            table[b-ntaxcwet5x] {
                width: 100%;
                border-collapse: collapse;
                background-color: var(--bg-level-3);

                th, td {
                    border: 1px solid gray;
                    padding: 0.5rem;
                    text-align: left;
                }
                th[b-ntaxcwet5x]{
                    text-align:center;
                }
            }
        }
    }

    .card-footer[b-ntaxcwet5x] {
        display: flex;
        justify-content: space-around;
        padding: 1rem;



        button[disabled] {
            background-color: gray;
        }
    }
}

.card:has(:hover)[b-ntaxcwet5x]{
    border-color:var(--primary);
    transition:all 0.5s ease-in-out;
}

.summary[b-ntaxcwet5x] {
    display: inline;
}

.summary-content[b-ntaxcwet5x] {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 1ch;
    background-color: var(--info);

    button {
        background-color: tomato;
        border: none;
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        color: white;
        font-size: small;
        width: max-content;
    }
}

input[type="number"][b-ntaxcwet5x] {
    margin: auto;
    padding: 1ch;
    width: 100%;
    font-size: 1rem;
    border-radius: 1ch;
    border: 1px solid var(--border-color);
}

.reserved-qty[b-ntaxcwet5x] {
    width: 200px;
}

.red[b-ntaxcwet5x] {
    .inputQty input {
        background-color: tomato;
        color: white;
    }
}

.green[b-ntaxcwet5x] {
    .inputQty input {
        background-color: green;
        color: white;
    }
}

[b-ntaxcwet5x] .btn-progress {
    display: flex;
    align-items: center;
    gap: 1ch;
    justify-content: center;
    font-size: small;

    svg {
        height: 16px;
        width: 16px;
    }
}

[b-ntaxcwet5x] .btn-reserve-materials {
    background-color: green;
}

[b-ntaxcwet5x] .btn-validate-transfer {
    background-color: darkorange;
}

[b-ntaxcwet5x] .btn-download-labels {
    background-color: dodgerblue;
}

.pill[b-ntaxcwet5x]{
    background-color:var(--warning);
    padding:2px 1rem;
    margin-right:1rem;
    border-radius:1ch;
}

[data-enum="done"][b-ntaxcwet5x]{
    background-color:green;
    color:white;
    padding:2px 10px;
    border-radius:1rem;
}
[data-enum="assigned"][b-ntaxcwet5x] {
    background-color: darkorange;
    color: white;
    padding: 2px 10px;
    border-radius: 1rem;
}

.material-info[b-ntaxcwet5x]{
    display:flex;
    gap:1rem;
    align-items:center;
}
.material-name[b-ntaxcwet5x]{
    flex:1;
    display:flex;
    text-wrap:balance;
}
/* /Source/Features/Logistics/SpecialTranfers/SpecialTranfersView2.razor.rz.scp.css */
/* Special Transfers View - Theme-Aware Styling */

.special-transfers-page[b-rlqioe8cvd] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    padding: var(--spacing-lg);
    max-width: var(--container-xl);
    margin: 0 auto;
    background: var(--bg);
    min-height: 100vh;
}

/* ===== Page Header ===== */
.page-header[b-rlqioe8cvd] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--primary), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--primary), var(--bg-surface) 30%) 100%);
    padding: var(--spacing-xl);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    border: 2px solid color-mix(in oklch, var(--primary), transparent 50%);
}

.header-content[b-rlqioe8cvd] {
    max-width: 1200px;
}

.page-title[b-rlqioe8cvd] {
    margin: 0 0 var(--spacing-sm) 0;
    font-size: var(--text-3xl);
    font-weight: 700;
    color: white;
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.title-icon[b-rlqioe8cvd] {
    font-size: var(--text-4xl);
}

.page-description[b-rlqioe8cvd] {
    margin: 0;
    font-size: var(--text-base);
    color: white;
    line-height: 1.6;
}

/* ===== Filters Section ===== */
.filters-section[b-rlqioe8cvd] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    background: var(--bg-surface);
    padding: var(--spacing-lg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 2px solid var(--border-color);
}

.filter-card[b-rlqioe8cvd] {
    display: flex;
    align-items: end;
    gap: var(--spacing-md);
    flex-wrap: wrap;
}

.filter-group[b-rlqioe8cvd] {
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.filter-label[b-rlqioe8cvd] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc);
}

.label-icon[b-rlqioe8cvd] {
    font-size: var(--text-base);
}

.filter-select[b-rlqioe8cvd] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--fc);
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
}

.filter-select:hover[b-rlqioe8cvd] {
    border-color: var(--primary);
}

.filter-select:focus[b-rlqioe8cvd] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary), transparent 85%);
}

.refresh-button[b-rlqioe8cvd] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-lg);
    background: linear-gradient(135deg,
        var(--primary) 0%,
        color-mix(in oklch, var(--primary), var(--bg) 20%) 100%);
    color: var(--primary-text);
    border: 2px solid color-mix(in oklch, var(--primary), transparent 40%);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.refresh-button:hover[b-rlqioe8cvd] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px color-mix(in oklch, var(--primary), transparent 60%);
    border-color: var(--primary);
}

.pagination-info[b-rlqioe8cvd] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--info), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--info), var(--bg-surface) 40%) 100%);
    color: var(--fc);
    border: 2px solid color-mix(in oklch, var(--info), transparent 60%);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: 600;
}

.info-icon[b-rlqioe8cvd] {
    font-size: var(--text-base);
}

/* ===== Transfers Grid ===== */
.transfers-grid[b-rlqioe8cvd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: var(--spacing-lg);
    animation: fadeIn-b-rlqioe8cvd 0.4s ease-out;
}

/* ===== Transfer Card ===== */
.transfer-card[b-rlqioe8cvd] {
    background: var(--bg-surface);
    border: 3px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-base);
    cursor: pointer;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

.transfer-card[b-rlqioe8cvd]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: var(--secondary);
    transition: all var(--transition-base);
}

.transfer-card:hover[b-rlqioe8cvd] {
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
    border-color: color-mix(in oklch, var(--info), transparent 30%);
}

.transfer-card.selected[b-rlqioe8cvd] {
    border-color: var(--primary);
    box-shadow: 0 8px 24px color-mix(in oklch, var(--primary), transparent 70%);
}

.transfer-card.selected[b-rlqioe8cvd]::before {
    background: var(--primary);
    width: 8px;
}

/* Card Header */
.card-header[b-rlqioe8cvd] {
    padding: var(--spacing-lg);
    background: var(--bg-level-1);
    border-bottom: 2px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-md);
}

.transfer-info[b-rlqioe8cvd] {
    flex: 1;
}

.transfer-name[b-rlqioe8cvd] {
    margin: 0 0 var(--spacing-sm) 0;
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fc);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.name-icon[b-rlqioe8cvd] {
    font-size: var(--text-2xl);
}

.transfer-meta[b-rlqioe8cvd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md);
}

.meta-item[b-rlqioe8cvd] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--text-sm);
    color: var(--fc-secondary);
}

.meta-icon[b-rlqioe8cvd] {
    font-size: var(--text-base);
}

.meta-label[b-rlqioe8cvd] {
    font-weight: 500;
}

.meta-value[b-rlqioe8cvd] {
    font-weight: 700;
    color: var(--fc);
}

.transfer-status[b-rlqioe8cvd] {
    flex-shrink: 0;
}

.status-badge[b-rlqioe8cvd] {
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    box-shadow: var(--shadow-sm);
}

.status-badge.status-draft[b-rlqioe8cvd] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--secondary), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--secondary), var(--bg-surface) 30%) 100%);
    color: var(--fc);
    border: 2px solid color-mix(in oklch, var(--secondary), transparent 50%);
}

.status-badge.status-waiting[b-rlqioe8cvd],
.status-badge.status-confirmed[b-rlqioe8cvd] {
    background: linear-gradient(135deg,
        var(--warning) 0%,
        color-mix(in oklch, var(--warning), var(--bg) 30%) 100%);
    color: var(--warning-text);
    border: 2px solid color-mix(in oklch, var(--warning), transparent 40%);
}

.status-badge.status-assigned[b-rlqioe8cvd] {
    background: linear-gradient(135deg,
        var(--info) 0%,
        color-mix(in oklch, var(--info), var(--bg) 30%) 100%);
    color: var(--info-text);
    border: 2px solid color-mix(in oklch, var(--info), transparent 40%);
}

.status-badge.status-done[b-rlqioe8cvd] {
    background: linear-gradient(135deg,
        var(--success) 0%,
        color-mix(in oklch, var(--success), var(--bg) 30%) 100%);
    color: var(--success-text);
    border: 2px solid color-mix(in oklch, var(--success), transparent 40%);
}

.status-badge.status-cancel[b-rlqioe8cvd] {
    background: linear-gradient(135deg,
        var(--danger) 0%,
        color-mix(in oklch, var(--danger), var(--bg) 30%) 100%);
    color: var(--danger-text);
    border: 2px solid color-mix(in oklch, var(--danger), transparent 40%);
}

/* Card Body */
.card-body[b-rlqioe8cvd] {
    padding: var(--spacing-lg);
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.materials-summary[b-rlqioe8cvd] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.summary-header[b-rlqioe8cvd] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-weight: 600;
    color: var(--fc);
    font-size: var(--text-base);
}

.summary-icon[b-rlqioe8cvd] {
    font-size: var(--text-lg);
}

.summary-title[b-rlqioe8cvd] {
    flex: 1;
}

.materials-preview[b-rlqioe8cvd] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.material-preview-item[b-rlqioe8cvd] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm);
    background: var(--bg-level-1);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
}

.material-icon[b-rlqioe8cvd] {
    color: var(--info);
    font-size: var(--text-base);
}

.material-name[b-rlqioe8cvd] {
    flex: 1;
    color: var(--fc);
    font-weight: 500;
}

.material-qty[b-rlqioe8cvd] {
    font-weight: 700;
    color: var(--fc);
    padding: var(--spacing-xs) var(--spacing-sm);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--info), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--info), var(--bg-surface) 40%) 100%);
    border: 1px solid color-mix(in oklch, var(--info), transparent 60%);
    border-radius: var(--radius-sm);
}

.more-materials[b-rlqioe8cvd] {
    padding: var(--spacing-sm);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--fc-secondary);
    font-style: italic;
    background: var(--bg-level-2);
    border-radius: var(--radius-sm);
}

.stock-items-summary[b-rlqioe8cvd] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--success), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--success), var(--bg-surface) 40%) 100%);
    border: 2px solid color-mix(in oklch, var(--success), transparent 60%);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--fc);
}

.summary-text strong[b-rlqioe8cvd] {
    font-weight: 700;
    color: var(--success);
}

/* Material Details */
.materials-details[b-rlqioe8cvd] {
    border-top: 2px solid var(--border-color);
    background: var(--bg-level-1);
}

.details-summary[b-rlqioe8cvd] {
    padding: var(--spacing-md) var(--spacing-lg);
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-weight: 600;
    color: var(--fc);
    transition: all var(--transition-base);
}

.details-summary:hover[b-rlqioe8cvd] {
    background: var(--bg-level-2);
}

.details-summary[b-rlqioe8cvd]::-webkit-details-marker {
    display: none;
}

.summary-count[b-rlqioe8cvd] {
    margin-left: auto;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--primary);
    color: var(--primary-text);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
}

.details-content[b-rlqioe8cvd] {
    padding: var(--spacing-md) var(--spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    max-height: 400px;
    overflow-y: auto;
}

.material-detail-item[b-rlqioe8cvd] {
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: var(--spacing-md);
    transition: all var(--transition-base);
}

.material-detail-item:hover[b-rlqioe8cvd] {
    border-color: color-mix(in oklch, var(--info), transparent 40%);
    box-shadow: var(--shadow-sm);
}

.material-detail-header[b-rlqioe8cvd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
}

.material-detail-info[b-rlqioe8cvd] {
    flex: 1;
}

.material-detail-name[b-rlqioe8cvd] {
    margin: 0 0 var(--spacing-xs) 0;
    font-size: var(--text-base);
    font-weight: 700;
    color: var(--fc);
}

.material-detail-lot[b-rlqioe8cvd] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--text-sm);
    color: var(--fc-secondary);
}

.lot-icon[b-rlqioe8cvd] {
    font-size: var(--text-base);
}

.material-detail-qty[b-rlqioe8cvd] {
    text-align: right;
    padding: var(--spacing-sm) var(--spacing-md);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--primary), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--primary), var(--bg-surface) 40%) 100%);
    border: 2px solid color-mix(in oklch, var(--primary), transparent 60%);
    border-radius: var(--radius-md);
}

.qty-label[b-rlqioe8cvd] {
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--fc-secondary);
    text-transform: uppercase;
}

.qty-value[b-rlqioe8cvd] {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fc);
}

.qty-unit[b-rlqioe8cvd] {
    font-size: var(--text-xs);
    color: var(--fc-secondary);
}

.material-detail-footer[b-rlqioe8cvd] {
    display: flex;
    gap: var(--spacing-md);
    padding-top: var(--spacing-sm);
    border-top: 1px solid var(--border-color);
}

.detail-item[b-rlqioe8cvd] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--text-sm);
}

.detail-label[b-rlqioe8cvd] {
    color: var(--fc-secondary);
    font-weight: 500;
}

.detail-value[b-rlqioe8cvd] {
    color: var(--fc);
    font-weight: 700;
}

.detail-value.status-done[b-rlqioe8cvd] {
    color: var(--success);
}

.detail-value.status-assigned[b-rlqioe8cvd] {
    color: var(--info);
}

/* Card Actions */
.card-actions[b-rlqioe8cvd] {
    display: flex;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
    border-top: 2px solid var(--border-color);
    background: var(--bg-level-1);
}

.action-button[b-rlqioe8cvd] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-lg);
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.button-icon[b-rlqioe8cvd] {
    font-size: var(--text-lg);
}

.process-button[b-rlqioe8cvd] {
    background: linear-gradient(135deg,
        var(--success) 0%,
        color-mix(in oklch, var(--success), var(--bg) 20%) 100%);
    color: var(--success-text);
    border: 2px solid color-mix(in oklch, var(--success), transparent 40%);
}

.process-button:hover:not(:disabled)[b-rlqioe8cvd] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px color-mix(in oklch, var(--success), transparent 60%);
    border-color: var(--success);
}

.process-button:disabled[b-rlqioe8cvd] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.download-button[b-rlqioe8cvd] {
    background: linear-gradient(135deg,
        var(--info) 0%,
        color-mix(in oklch, var(--info), var(--bg) 20%) 100%);
    color: var(--info-text);
    border: 2px solid color-mix(in oklch, var(--info), transparent 40%);
}

.download-button:hover[b-rlqioe8cvd] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px color-mix(in oklch, var(--info), transparent 60%);
    border-color: var(--info);
}

/* Pagination */
.pagination-section[b-rlqioe8cvd] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-lg);
    padding: var(--spacing-lg);
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 2px solid var(--border-color);
}

.pagination-button[b-rlqioe8cvd] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-lg);
    background: linear-gradient(135deg,
        var(--primary) 0%,
        color-mix(in oklch, var(--primary), var(--bg) 20%) 100%);
    color: var(--primary-text);
    border: 2px solid color-mix(in oklch, var(--primary), transparent 40%);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.pagination-button:hover:not(:disabled)[b-rlqioe8cvd] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px color-mix(in oklch, var(--primary), transparent 60%);
    border-color: var(--primary);
}

.pagination-button:disabled[b-rlqioe8cvd] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.page-indicator[b-rlqioe8cvd] {
    padding: var(--spacing-md) var(--spacing-xl);
    background: var(--bg-level-1);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    font-weight: 600;
    color: var(--fc);
}

/* Empty State */
.empty-state[b-rlqioe8cvd] {
    text-align: center;
    padding: var(--spacing-3xl) var(--spacing-xl);
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    border: 2px dashed var(--border-color);
}

.empty-icon[b-rlqioe8cvd] {
    font-size: 80px;
    margin-bottom: var(--spacing-lg);
}

.empty-title[b-rlqioe8cvd] {
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fc);
    margin: 0 0 var(--spacing-sm) 0;
}

.empty-description[b-rlqioe8cvd] {
    font-size: var(--text-base);
    color: var(--fc-secondary);
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Animations */
@keyframes fadeIn-b-rlqioe8cvd {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .special-transfers-page[b-rlqioe8cvd] {
        padding: var(--spacing-md);
        gap: var(--spacing-lg);
    }

    .transfers-grid[b-rlqioe8cvd] {
        grid-template-columns: 1fr;
    }

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

    .filter-group[b-rlqioe8cvd] {
        min-width: 100%;
    }

    .card-actions[b-rlqioe8cvd] {
        flex-direction: column;
    }

    .pagination-section[b-rlqioe8cvd] {
        flex-direction: column;
        gap: var(--spacing-md);
    }

    .page-title[b-rlqioe8cvd] {
        font-size: var(--text-2xl);
    }

    .card-header[b-rlqioe8cvd] {
        flex-direction: column;
    }
}
/* /Source/Features/Logistics/TranferToProduction/MaterialsConfirmationView.razor.rz.scp.css */
.full-page[b-xvlby8ozey] {
    height: 100%;
    display: flex;
    flex-direction:column;
    gap: 1rem;
    padding: 1rem;
}
.filters[b-xvlby8ozey]{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(25svw,1fr));
    gap:1rem;
    place-items:center;
    background-color:var(--bg-level-2);
    padding:1rem;
    border-radius:1rem;
}

input[b-xvlby8ozey],select[b-xvlby8ozey]{
    width:100%;
    font-size:16px;
    padding:0.5ch;
}
.form-group[b-xvlby8ozey]{
    width:250px;
    display:flex;
    flex-direction:column;
}
.form-label[b-xvlby8ozey]{
    font-size:x-small;
}
/* /Source/Features/Logistics/TranferToProduction/S1TranferToProduction.razor.rz.scp.css */
.full-page[b-bdy17erzsh] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.filters[b-bdy17erzsh] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(25svw,1fr));
    gap: 1rem;
    place-items: center;
    background-color: var(--bg-level-2);
    padding: 1rem;
    border-radius: 1rem;
}

input[b-bdy17erzsh], select[b-bdy17erzsh] {
    width: 100%;
    font-size: 16px;
    padding: 0.5ch;
}

.form-group[b-bdy17erzsh] {
    width: 250px;
    display: flex;
    flex-direction: column;
}

.form-label[b-bdy17erzsh] {
    font-size: x-small;
}
/* /Source/Features/Logistics/TranferToProduction/S2TranferToProduction.razor.rz.scp.css */
.full-page[b-htwybuv2zs] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.filters[b-htwybuv2zs] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(25svw,1fr));
    gap: 1rem;
    place-items: center;
    background-color: var(--bg-level-2);
    padding: 1rem;
    border-radius: 1rem;
}

input[b-htwybuv2zs], select[b-htwybuv2zs] {
    width: 100%;
    font-size: 16px;
    padding: 0.5ch;
}

.form-group[b-htwybuv2zs] {
    width: 250px;
    display: flex;
    flex-direction: column;
}

.form-label[b-htwybuv2zs] {
    font-size: x-small;
}
/* /Source/Features/Logistics/Views/LogisticHomeView.razor.rz.scp.css */
/* Logistics Dashboard - Scoped Styles */
/* Uses CSS variables from emogi.css for theme support */

.logistics-dashboard[b-1u0sotk9kn] {
    padding: var(--spacing-lg);
    max-width: var(--container-xl);
    margin: 0 auto;
    animation: fadeIn-b-1u0sotk9kn 0.3s ease-in;
}

@keyframes fadeIn-b-1u0sotk9kn {
 from {
        opacity: 0;
   transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dashboard Header */
.dashboard-header[b-1u0sotk9kn] {
margin-bottom: var(--spacing-xl);
}

.dashboard-title[b-1u0sotk9kn] {
    font-size: var(--text-3xl);
    font-weight: 700;
 color: var(--fc);
    margin: 0 0 var(--spacing-xs) 0;
}

.dashboard-subtitle[b-1u0sotk9kn] {
    font-size: var(--text-base);
    color: var(--fc-secondary);
    margin: 0;
}

/* Loading State */
.loading[b-1u0sotk9kn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xl);
    gap: var(--spacing-md);
}

.spinner[b-1u0sotk9kn] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--border-color);
border-top-color: var(--primary);
    border-radius: var(--radius-full);
    animation: spin-b-1u0sotk9kn 1s linear infinite;
}

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

/* Metrics Grid */
.metrics-grid[b-1u0sotk9kn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
}

/* Metric Card */
.metric-card[b-1u0sotk9kn] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
    background: var(--bg-surface);
  border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    transition: all var(--transition-base) ease;
    cursor: pointer;
}

.metric-card:hover[b-1u0sotk9kn] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    border-color: currentColor;
}

.metric-card:active[b-1u0sotk9kn] {
    transform: translateY(-2px);
}

/* Metric Card Variants */
.metric-card-primary[b-1u0sotk9kn] {
    border-left: 4px solid var(--primary);
}

.metric-card-primary:hover[b-1u0sotk9kn] {
    background: color-mix(in oklch, var(--primary), transparent 95%);
}

.metric-card-success[b-1u0sotk9kn] {
    border-left: 4px solid var(--success);
}

.metric-card-success:hover[b-1u0sotk9kn] {
    background: color-mix(in oklch, var(--success), transparent 95%);
}

.metric-card-warning[b-1u0sotk9kn] {
    border-left: 4px solid var(--warning);
}

.metric-card-warning:hover[b-1u0sotk9kn] {
    background: color-mix(in oklch, var(--warning), transparent 95%);
}

.metric-card-info[b-1u0sotk9kn] {
    border-left: 4px solid var(--info);
}

.metric-card-info:hover[b-1u0sotk9kn] {
    background: color-mix(in oklch, var(--info), transparent 95%);
}

/* Metric Icon */
.metric-icon[b-1u0sotk9kn] {
 flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
 background: var(--bg-level-1);
    border-radius: var(--radius-lg);
}

.metric-icon .icon[b-1u0sotk9kn] {
    font-size: var(--text-3xl);
}

/* Metric Content */
.metric-content[b-1u0sotk9kn] {
    flex: 1;
    min-width: 0;
}

.metric-value[b-1u0sotk9kn] {
    font-size: var(--text-3xl);
    font-weight: 700;
    color: var(--fc);
    line-height: 1.2;
    margin-bottom: var(--spacing-xs);
}

.metric-label[b-1u0sotk9kn] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc);
margin-bottom: var(--spacing-xs);
}

.metric-sublabel[b-1u0sotk9kn] {
    font-size: var(--text-xs);
    color: var(--fc-secondary);
}

/* Charts Grid */
.charts-grid[b-1u0sotk9kn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
}

/* Chart Card */
.chart-card[b-1u0sotk9kn] {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: box-shadow var(--transition-base) ease;
}

.chart-card:hover[b-1u0sotk9kn] {
    box-shadow: var(--shadow-md);
}

.chart-card-full[b-1u0sotk9kn] {
    grid-column: 1 / -1;
}

.chart-header[b-1u0sotk9kn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-lg);
    background: var(--bg-level-1);
    border-bottom: 1px solid var(--border-color);
}

.chart-title[b-1u0sotk9kn] {
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--fc);
    margin: 0;
}

.chart-icon[b-1u0sotk9kn] {
    font-size: var(--text-2xl);
    opacity: 0.7;
}

.chart-content[b-1u0sotk9kn] {
    padding: var(--spacing-lg);
    min-height: 250px;
}

/* Bar Chart */
.bar-chart[b-1u0sotk9kn] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.bar-chart-horizontal[b-1u0sotk9kn] {
    gap: var(--spacing-sm);
}

.bar-item[b-1u0sotk9kn] {
    display: flex;
  flex-direction: column;
    gap: var(--spacing-xs);
}

.bar-label[b-1u0sotk9kn] {
 font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fc-secondary);
}

.bar-wrapper[b-1u0sotk9kn] {
    width: 100%;
    height: 36px;
  background: var(--bg-level-1);
    border-radius: var(--radius-sm);
    overflow: hidden;
    position: relative;
}

.bar[b-1u0sotk9kn] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 var(--spacing-sm);
    border-radius: var(--radius-sm);
    transition: width 0.5s ease;
    min-width: 40px;
}

.bar-value[b-1u0sotk9kn] {
    font-size: var(--text-xs);
    font-weight: 600;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Bar Colors using emogi.css gradients */
.bar-received[b-1u0sotk9kn] {
    background: var(--success);
}

.bar-delivered[b-1u0sotk9kn] {
  background: var(--info);
}

.bar-units[b-1u0sotk9kn] {
 background: var(--primary);
}

/* No Data State */
.no-data[b-1u0sotk9kn] {
    display: flex;
  flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xl);
    text-align: center;
    color: var(--fc-secondary);
}

.no-data-icon[b-1u0sotk9kn] {
  font-size: var(--text-4xl);
    opacity: 0.5;
    margin-bottom: var(--spacing-md);
}

.no-data p[b-1u0sotk9kn] {
    margin: 0;
 font-size: var(--text-sm);
}

/* Quick Actions Section */
.quick-actions[b-1u0sotk9kn] {
    margin-top: var(--spacing-xl);
}

.section-title[b-1u0sotk9kn] {
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--fc);
    margin: 0 0 var(--spacing-lg) 0;
}

.actions-grid[b-1u0sotk9kn] {
  display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
}

.action-button[b-1u0sotk9kn] {
    display: flex;
  align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
border-radius: var(--radius-lg);
    text-decoration: none;
    color: var(--fc);
    transition: all var(--transition-base) ease;
    cursor: pointer;
}

.action-button:hover[b-1u0sotk9kn] {
 border-color: var(--primary);
 background: color-mix(in oklch, var(--primary), transparent 95%);
    transform: translateX(4px);
}

.action-icon[b-1u0sotk9kn] {
  font-size: var(--text-2xl);
}

.action-label[b-1u0sotk9kn] {
    font-size: var(--text-sm);
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 768px) {
    .logistics-dashboard[b-1u0sotk9kn] {
   padding: var(--spacing-md);
    }

    .dashboard-title[b-1u0sotk9kn] {
        font-size: var(--text-2xl);
    }

    .metrics-grid[b-1u0sotk9kn] {
    grid-template-columns: 1fr;
    }

    .charts-grid[b-1u0sotk9kn] {
        grid-template-columns: 1fr;
    }

  .actions-grid[b-1u0sotk9kn] {
   grid-template-columns: 1fr;
    }

    .metric-card[b-1u0sotk9kn] {
        padding: var(--spacing-md);
    }

    .metric-value[b-1u0sotk9kn] {
        font-size: var(--text-2xl);
    }

    .bar-wrapper[b-1u0sotk9kn] {
        height: 32px;
    }
}

@media (max-width: 480px) {
    .dashboard-title[b-1u0sotk9kn] {
     font-size: var(--text-xl);
    }

    .metric-icon[b-1u0sotk9kn] {
 width: 50px;
     height: 50px;
    }

    .metric-icon .icon[b-1u0sotk9kn] {
        font-size: var(--text-2xl);
    }

    .chart-content[b-1u0sotk9kn] {
        padding: var(--spacing-md);
        min-height: 200px;
    }
}

/* Print Styles */
@media print {
    .logistics-dashboard[b-1u0sotk9kn] {
        padding: 0;
    }

    .metric-card[b-1u0sotk9kn],
    .chart-card[b-1u0sotk9kn] {
  break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .quick-actions[b-1u0sotk9kn] {
        display: none;
    }

    .action-button:hover[b-1u0sotk9kn] {
        transform: none;
    }
}
/* /Source/Features/Production/Cells/ManufacturingOrderStatusCell.razor.rz.scp.css */
small[b-pd1zsdp8dw] {
    font-size: x-small;
}

p[b-pd1zsdp8dw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    place-items: center;

    progress {
        grid-column: 1/-1;
        height: 10px;
        width: 100%;
    }
}
/* /Source/Features/Production/Cells/StockItemManufacturingOrderNumberCell.razor.rz.scp.css */
/* /Source/Features/Production/Views/ManufacturingOrderDetailsView.razor.rz.scp.css */
:host[b-r8ab7p11sm] {
    display: block;
}

.mo-dashboard[b-r8ab7p11sm] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    padding: var(--spacing-xl);
    background: var(--bg-level-1);
    color: var(--fc);
    min-height: 100%;
}

.mo-hero[b-r8ab7p11sm] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    padding: var(--spacing-xl);
    border-radius: var(--radius-2xl);
    background: var(--gradient-primary);
    color: var(--primary-text);
    box-shadow: var(--shadow-lg);
}

.hero-text h1[b-r8ab7p11sm] {
    font-size: var(--text-3xl);
    margin: 0;
}

.hero-text .product[b-r8ab7p11sm] {
    margin: 0;
    font-size: var(--text-lg);
    color: color-mix(in oklch, var(--primary-text), transparent 30%);
}

.hero-text .schedule[b-r8ab7p11sm] {
    margin: 0;
    font-size: var(--text-sm);
    color: color-mix(in oklch, var(--primary-text), transparent 40%);
}

.eyebrow[b-r8ab7p11sm] {
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: var(--text-xs);
    margin-bottom: var(--spacing-xs);
    color: color-mix(in oklch, var(--primary-text), transparent 35%);
}

.status-pill[b-r8ab7p11sm] {
    align-self: flex-start;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
    font-weight: 600;
    font-size: var(--text-sm);
}

.status-pill--planned[b-r8ab7p11sm] {
    background: var(--info);
    color: var(--info-text);
}

.status-pill--confirmed[b-r8ab7p11sm] {
    background: var(--secondary);
    color: var(--secondary-text);
}

.status-pill--progress[b-r8ab7p11sm] {
    background: var(--warning);
    color: var(--warning-text);
}

.status-pill--done[b-r8ab7p11sm] {
    background: var(--success);
    color: var(--success-text);
}

.status-pill--cancel[b-r8ab7p11sm] {
    background: var(--danger);
    color: var(--danger-text);
}

.hero-summary[b-r8ab7p11sm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--spacing-md);
}

.hero-stat[b-r8ab7p11sm] {
    background: color-mix(in oklch, var(--primary-text), transparent 85%);
    padding: var(--spacing-md);
    border-radius: var(--radius-lg);
}

.hero-stat span[b-r8ab7p11sm] {
    display: block;
    font-size: var(--text-sm);
    opacity: 0.8;
}

.hero-stat strong[b-r8ab7p11sm] {
    display: block;
    font-size: var(--text-xl);
    margin-top: var(--spacing-xs);
}

.hero-progress[b-r8ab7p11sm] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.progress-label[b-r8ab7p11sm] {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-sm);
}

.progress-track[b-r8ab7p11sm] {
    width: 100%;
    height: 0.75rem;
    border-radius: var(--radius-full);
    background: color-mix(in oklch, var(--primary-text), transparent 80%);
    overflow: hidden;
}

.progress-value[b-r8ab7p11sm] {
    height: 100%;
    background: var(--accent);
    transition: width var(--transition-slow) ease;
}

.mo-panels[b-r8ab7p11sm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--spacing-lg);
}

.stat-card[b-r8ab7p11sm] {
    padding: var(--spacing-lg);
    border-radius: var(--radius-xl);
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
}

.stat-card h3[b-r8ab7p11sm] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--fc-secondary);
}

.stat-card strong[b-r8ab7p11sm] {
    font-size: var(--text-3xl);
    display: block;
    margin: var(--spacing-sm) 0;
}

.stat-card--primary[b-r8ab7p11sm] {
    border-top: 4px solid var(--primary);
}

.stat-card--success[b-r8ab7p11sm] {
    border-top: 4px solid var(--success);
}

.stat-card--info[b-r8ab7p11sm] {
    border-top: 4px solid var(--info);
}

.mo-details-grid[b-r8ab7p11sm],
.mo-movements[b-r8ab7p11sm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-lg);
}

.mo-panel[b-r8ab7p11sm] {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    padding: var(--spacing-lg);
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.mo-panel header[b-r8ab7p11sm] {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-md);
    align-items: center;
}

.mo-panel header h3[b-r8ab7p11sm] {
    margin: 0;
}

.badge[b-r8ab7p11sm] {
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
    background: var(--info);
    color: var(--info-text);
    font-weight: 600;
}

.badge--accent[b-r8ab7p11sm] {
    background: var(--accent);
    color: var(--accent-text);
}

.mo-list[b-r8ab7p11sm] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.mo-list li[b-r8ab7p11sm] {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    border-radius: var(--radius-lg);
    background: var(--bg-level-2);
    border: 1px solid var(--border-color);
}

.mo-list .item-title[b-r8ab7p11sm] {
    margin: 0;
    font-weight: 600;
}

.mo-list .item-meta[b-r8ab7p11sm] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--fc-secondary);
}

.mo-list .qty[b-r8ab7p11sm] {
    font-weight: 600;
    color: var(--primary);
}

.empty-state[b-r8ab7p11sm] {
    margin: 0;
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    background: var(--bg-level-2);
    color: var(--fc-secondary);
    text-align: center;
}

.mo-labels .label-grid[b-r8ab7p11sm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--spacing-md);
}

.label-card[b-r8ab7p11sm] {
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-color);
    padding: var(--spacing-md);
    background: var(--bg-level-1);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.label-head[b-r8ab7p11sm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sync-pill[b-r8ab7p11sm] {
    padding: var(--spacing-xxs, 0.2rem) var(--spacing-sm);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: 600;
}

.sync-pill--notsynced[b-r8ab7p11sm] {
    background: var(--warning);
    color: var(--warning-text);
}

.sync-pill--synced[b-r8ab7p11sm] {
    background: var(--success);
    color: var(--success-text);
}

.sync-pill--failed[b-r8ab7p11sm] {
    background: var(--danger);
    color: var(--danger-text);
}

.label-meta[b-r8ab7p11sm] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--fc-secondary);
}

.mo-list--movements li[b-r8ab7p11sm] {
    align-items: center;
}

.movement-status[b-r8ab7p11sm] {
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: 600;
}

.movement-status--planned[b-r8ab7p11sm] {
    background: var(--info);
    color: var(--info-text);
}

.movement-status--shipped[b-r8ab7p11sm] {
    background: var(--warning);
    color: var(--warning-text);
}

.movement-status--completed[b-r8ab7p11sm] {
    background: var(--success);
    color: var(--success-text);
}

.movement-status--cancelled[b-r8ab7p11sm] {
    background: var(--danger);
    color: var(--danger-text);
}

.mo-loading[b-r8ab7p11sm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
    padding: var(--spacing-2xl);
    border-radius: var(--radius-xl);
    border: 1px dashed var(--border-color);
    color: var(--fc-secondary);
}

.loader[b-r8ab7p11sm] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 4px solid color-mix(in oklch, var(--primary), transparent 60%);
    border-top-color: var(--primary);
    animation: spin-b-r8ab7p11sm 1s linear infinite;
}

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

@media (max-width: 768px) {
    .mo-dashboard[b-r8ab7p11sm] {
        padding: var(--spacing-lg);
    }

    .mo-panel[b-r8ab7p11sm],
    .stat-card[b-r8ab7p11sm],
    .mo-hero[b-r8ab7p11sm] {
        padding: var(--spacing-lg);
    }
}
/* /Source/Features/Production/Views/ProductionLabelsView.razor.rz.scp.css */
.page-view[b-nwn5ailmz3] {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.header-container[b-nwn5ailmz3] {
    display: flex;
    flex-direction:column;
    padding: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.table-container[b-nwn5ailmz3] {
    flex: 1;
    overflow: auto;
    padding: 1rem;
    height:100%;
    overflow-y:auto;

    table {
        width: 100%;
        border-collapse: collapse;

        th, td {
            padding: 0.75rem;
            text-align: left;
            border-bottom: 1px solid var(--border-color);
        }

        th[b-nwn5ailmz3] {
            background-color: var(--bg-level-2);
        }

        tr:hover[b-nwn5ailmz3] {
            background-color: var(--bg-level-1);
        }
    }
}
.form-container[b-nwn5ailmz3]{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:1rem;
}
[b-nwn5ailmz3] form {
    display: grid;
    gap: 1rem;
    width: min(600px, 100%);
    padding: 1rem;

    .col-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;

        .bk-field-box {
            display: grid;

            input {
                padding: 1ch;
                font-size: 16px;
            }
        }
    }

    button[b-nwn5ailmz3] {
        width: 300px;
        padding: 1rem;
        margin: 1rem;
        background-color: var(--primary);
        color: white;
        border: none;
        cursor: pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:1rem;
        font-size:1.2rem;
    }

    .command-row[b-nwn5ailmz3] {
        display: flex;
        justify-content: center;
    }

    .bk-dropdown-input input[b-nwn5ailmz3]{
        padding:1ch;
        font-size:16px;
    }
}

.view-details-link[b-nwn5ailmz3]{
    display:flex;
    align-items:center;
    gap:1rem;
    color:var(--info);
}
/* /Source/Features/Production/Views/ProductionOrderOutputLabelsView.razor.rz.scp.css */
.full-page[b-lqrkgzbkdc]{
    display:flex;
    flex-direction:column;
}
.header[b-lqrkgzbkdc] {
    padding: 1ch;
    background-color: var(--bg-level-1);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:1rem;
    h3{
        padding:1ch;
        color:var(--success);
    }
    p[b-lqrkgzbkdc]{
        color:var(--warning);
        padding:1ch;
    }
}
.body[b-lqrkgzbkdc] {
    flex: 1;
    padding: 1rem;
}

table[b-lqrkgzbkdc] {
    width: 100%;
    border-collapse: collapse;
}
th[b-lqrkgzbkdc], td[b-lqrkgzbkdc] {
    border: 1px solid var(--border-color);
    padding: 1ch;
    text-align: center;
}
th[b-lqrkgzbkdc] {
    background-color: var(--bg-level-2);
}
tfoot[b-lqrkgzbkdc] {
    background-color: var(--bg-level-1);
    font-weight: bold;
}
/* /Source/Features/Reports/Views/ReportsView.razor.rz.scp.css */
/* WMS Dashboard - Scoped Styles using emogi.css variables */

.wms-dashboard[b-grrc60sn1w] {
    padding: var(--spacing-lg);
    max-width: var(--container-xl);
    margin: 0 auto;
    animation: fadeIn-b-grrc60sn1w 0.3s ease-in;
}

@keyframes fadeIn-b-grrc60sn1w {
    from {
        opacity: 0;
     transform: translateY(10px);
    }
    to {
    opacity: 1;
     transform: translateY(0);
    }
}

/* Dashboard Header */
.dashboard-header[b-grrc60sn1w] {
    margin-bottom: var(--spacing-xl);
    text-align: center;
}

.dashboard-title[b-grrc60sn1w] {
    font-size: var(--text-4xl);
    font-weight: 700;
    color: var(--fc);
    margin: 0 0 var(--spacing-xs) 0;
}

.dashboard-subtitle[b-grrc60sn1w] {
    font-size: var(--text-lg);
    color: var(--fc-secondary);
    margin: 0;
}

/* Loading State */
.loading[b-grrc60sn1w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    gap: var(--spacing-md);
}

.spinner[b-grrc60sn1w] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--border-color);
    border-top-color: var(--primary);
    border-radius: var(--radius-full);
    animation: spin-b-grrc60sn1w 1s linear infinite;
}

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

/* KPI Cards Grid */
.kpi-grid[b-grrc60sn1w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
}

/* KPI Card */
.kpi-card[b-grrc60sn1w] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
    background: var(--bg-surface);
    border: 2px solid;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-base);
}

.kpi-card:hover[b-grrc60sn1w] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.kpi-primary[b-grrc60sn1w] {
    border-color: var(--primary);
    background: linear-gradient(135deg, var(--bg-surface) 0%, color-mix(in oklch, var(--primary), transparent 95%) 100%);
}

.kpi-success[b-grrc60sn1w] {
    border-color: var(--success);
    background: linear-gradient(135deg, var(--bg-surface) 0%, color-mix(in oklch, var(--success), transparent 95%) 100%);
}

.kpi-warning[b-grrc60sn1w] {
    border-color: var(--warning);
    background: linear-gradient(135deg, var(--bg-surface) 0%, color-mix(in oklch, var(--warning), transparent 95%) 100%);
}

.kpi-danger[b-grrc60sn1w] {
    border-color: var(--danger);
    background: linear-gradient(135deg, var(--bg-surface) 0%, color-mix(in oklch, var(--danger), transparent 95%) 100%);
}

.kpi-icon[b-grrc60sn1w] {
    font-size: var(--text-4xl);
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-level-1);
    border-radius: var(--radius-xl);
}

.kpi-content[b-grrc60sn1w] {
    flex: 1;
    min-width: 0;
}

.kpi-value[b-grrc60sn1w] {
    font-size: var(--text-3xl);
  font-weight: 700;
    color: var(--fc);
    line-height: 1.2;
    margin-bottom: var(--spacing-xs);
}

.kpi-label[b-grrc60sn1w] {
    font-size: var(--text-base);
font-weight: 600;
    color: var(--fc);
    margin-bottom: var(--spacing-xs);
}

.kpi-sublabel[b-grrc60sn1w] {
    font-size: var(--text-sm);
    color: var(--fc-secondary);
}

/* Section Card */
.section-card[b-grrc60sn1w] {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    transition: box-shadow var(--transition-base);
}

.section-card:hover[b-grrc60sn1w] {
    box-shadow: var(--shadow-md);
}

.section-card-full[b-grrc60sn1w] {
    grid-column: 1 / -1;
}

.section-header[b-grrc60sn1w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-md);
    border-bottom: 2px solid var(--border-color);
}

.section-title[b-grrc60sn1w] {
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--fc);
    margin: 0;
}

.section-icon[b-grrc60sn1w] {
    font-size: var(--text-2xl);
    opacity: 0.7;
}

/* Low Movers Grid */
.low-movers-grid[b-grrc60sn1w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--spacing-md);
}

.low-mover-item[b-grrc60sn1w] {
    background: var(--bg-level-1);
    border-radius: var(--radius-md);
    padding: var(--spacing-md);
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all var(--transition-base);
}

.low-mover-item:hover[b-grrc60sn1w] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.low-mover-warning[b-grrc60sn1w] {
    background: color-mix(in oklch, var(--warning), transparent 90%);
    border: 1px solid var(--warning);
}

.low-mover-danger[b-grrc60sn1w] {
    background: color-mix(in oklch, var(--danger), transparent 90%);
    border: 1px solid var(--danger);
}

.low-mover-days[b-grrc60sn1w] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fc-secondary);
    margin-bottom: var(--spacing-xs);
}

.low-mover-count[b-grrc60sn1w] {
    font-size: var(--text-3xl);
    font-weight: 700;
color: var(--fc);
    margin-bottom: var(--spacing-xs);
}

.low-mover-label[b-grrc60sn1w] {
    font-size: var(--text-xs);
 color: var(--fc-tertiary);
    margin-bottom: var(--spacing-sm);
}

.low-mover-bar[b-grrc60sn1w] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background: var(--gradient-primary);
    transition: width 0.5s ease;
}

.low-mover-warning .low-mover-bar[b-grrc60sn1w] {
    background: var(--gradient-warning);
}

.low-mover-danger .low-mover-bar[b-grrc60sn1w] {
    background: linear-gradient(90deg, var(--danger) 0%, oklch(0.70 0.28 25) 100%);
}

/* Two Column Grid */
.two-column-grid[b-grrc60sn1w] {
 display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
}

/* Stats List */
.stats-list[b-grrc60sn1w] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.stat-item[b-grrc60sn1w] {
    display: flex;
    justify-content: space-between;
 align-items: center;
    padding: var(--spacing-md);
    background: var(--bg-level-1);
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
}

.stat-item:hover[b-grrc60sn1w] {
    background: var(--bg-level-2);
 transform: translateX(4px);
}

.stat-warning[b-grrc60sn1w] {
    background: color-mix(in oklch, var(--warning), transparent 92%);
    border-left: 3px solid var(--warning);
}

.stat-label[b-grrc60sn1w] {
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--fc);
}

.stat-value[b-grrc60sn1w] {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--primary);
}

/* Category List */
.category-list[b-grrc60sn1w] {
  display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.category-item[b-grrc60sn1w] {
    padding: var(--spacing-md);
    background: var(--bg-level-1);
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
}

.category-item:hover[b-grrc60sn1w] {
    background: var(--bg-level-2);
}

.category-header[b-grrc60sn1w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-sm);
}

.category-name[b-grrc60sn1w] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--fc);
}

.category-percentage[b-grrc60sn1w] {
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--primary);
}

.category-bar-wrapper[b-grrc60sn1w] {
height: 8px;
    background: var(--bg-level-2);
  border-radius: var(--radius-full);
    overflow: hidden;
    margin-bottom: var(--spacing-sm);
}

.category-bar[b-grrc60sn1w] {
    height: 100%;
    background: var(--gradient-primary);
    transition: width 0.5s ease;
    border-radius: var(--radius-full);
}

.category-footer[b-grrc60sn1w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
  font-size: var(--text-sm);
}

.category-count[b-grrc60sn1w] {
    color: var(--fc-secondary);
}

.category-value[b-grrc60sn1w] {
    color: var(--success);
    font-weight: 600;
}

/* Material Lists Grid */
.lists-grid[b-grrc60sn1w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
}

/* Material List */
.material-list[b-grrc60sn1w] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    max-height: 400px;
    overflow-y: auto;
padding-right: var(--spacing-xs);
}

.material-list[b-grrc60sn1w]::-webkit-scrollbar {
  width: 6px;
}

.material-list[b-grrc60sn1w]::-webkit-scrollbar-track {
    background: var(--bg-level-1);
 border-radius: var(--radius-full);
}

.material-list[b-grrc60sn1w]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: var(--radius-full);
}

.material-list[b-grrc60sn1w]::-webkit-scrollbar-thumb:hover {
    background: var(--border-color-strong);
}

.material-item[b-grrc60sn1w] {
    padding: var(--spacing-md);
    background: var(--bg-level-1);
    border-radius: var(--radius-md);
  border-left: 3px solid transparent;
    transition: all var(--transition-base);
}

.material-item:hover[b-grrc60sn1w] {
    background: var(--bg-level-2);
    border-left-color: var(--primary);
  transform: translateX(4px);
}

.material-fast[b-grrc60sn1w] {
    border-left-color: var(--success);
}

.material-fast:hover[b-grrc60sn1w] {
    background: color-mix(in oklch, var(--success), transparent 95%);
}

.material-warning[b-grrc60sn1w] {
 border-left-color: var(--warning);
}

.material-warning:hover[b-grrc60sn1w] {
    background: color-mix(in oklch, var(--warning), transparent 95%);
}

.material-danger[b-grrc60sn1w] {
    border-left-color: var(--danger);
}

.material-danger:hover[b-grrc60sn1w] {
    background: color-mix(in oklch, var(--danger), transparent 95%);
}

.material-name[b-grrc60sn1w] {
    font-size: var(--text-sm);
    color: var(--fc);
    margin-bottom: var(--spacing-xs);
}

.material-name strong[b-grrc60sn1w] {
    font-weight: 600;
}

.material-partnumber[b-grrc60sn1w] {
    font-size: var(--text-xs);
    color: var(--fc-tertiary);
    margin-left: var(--spacing-xs);
}

.material-details[b-grrc60sn1w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--text-xs);
}

.material-qty[b-grrc60sn1w],
.material-days[b-grrc60sn1w] {
    color: var(--fc-secondary);
}

.material-value[b-grrc60sn1w] {
    font-weight: 600;
    color: var(--success);
}

/* Trends Chart */
.trends-chart[b-grrc60sn1w] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
 height: 300px;
    padding: var(--spacing-md) 0;
    gap: var(--spacing-xs);
    border-bottom: 2px solid var(--border-color);
}

.trend-item[b-grrc60sn1w] {
    flex: 1;
    display: flex;
    flex-direction: column;
align-items: center;
    gap: var(--spacing-xs);
}

.trend-label[b-grrc60sn1w] {
    font-size: var(--text-xs);
    color: var(--fc-secondary);
    writing-mode: horizontal-tb;
    text-align: center;
    min-height: 40px;
    display: flex;
    align-items: center;
}

.trend-bars[b-grrc60sn1w] {
    display: flex;
    gap: 2px;
    align-items: flex-end;
 height: 220px;
    width: 100%;
    justify-content: center;
}

.trend-bar[b-grrc60sn1w] {
    width: 40%;
    min-height: 2px;
 border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    transition: height 0.5s ease;
}

.trend-bar-production[b-grrc60sn1w] {
    background: var(--gradient-info);
}

.trend-bar-sales[b-grrc60sn1w] {
    background: var(--gradient-success);
}

.trend-count[b-grrc60sn1w] {
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--fc);
}

/* Trends Legend */
.trends-legend[b-grrc60sn1w] {
    display: flex;
    justify-content: center;
    gap: var(--spacing-lg);
    margin-top: var(--spacing-md);
}

.legend-item[b-grrc60sn1w] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.legend-color[b-grrc60sn1w] {
width: 16px;
    height: 16px;
    border-radius: var(--radius-sm);
}

.legend-production[b-grrc60sn1w] {
    background: var(--gradient-info);
}

.legend-sales[b-grrc60sn1w] {
 background: var(--gradient-success);
}

.legend-label[b-grrc60sn1w] {
  font-size: var(--text-sm);
    color: var(--fc-secondary);
}

/* Responsive Design */
@media (max-width: 768px) {
 .wms-dashboard[b-grrc60sn1w] {
        padding: var(--spacing-md);
    }

    .dashboard-title[b-grrc60sn1w] {
        font-size: var(--text-2xl);
    }

    .kpi-grid[b-grrc60sn1w],
    .two-column-grid[b-grrc60sn1w],
    .lists-grid[b-grrc60sn1w] {
     grid-template-columns: 1fr;
    }

    .low-movers-grid[b-grrc60sn1w] {
        grid-template-columns: repeat(2, 1fr);
    }

    .kpi-value[b-grrc60sn1w] {
        font-size: var(--text-2xl);
    }

    .trends-chart[b-grrc60sn1w] {
    height: 200px;
    }

    .trend-bars[b-grrc60sn1w] {
      height: 140px;
    }
}

@media (max-width: 480px) {
    .dashboard-title[b-grrc60sn1w] {
   font-size: var(--text-xl);
}

    .kpi-card[b-grrc60sn1w] {
        padding: var(--spacing-md);
    }

    .kpi-icon[b-grrc60sn1w] {
        width: 50px;
        height: 50px;
        font-size: var(--text-2xl);
    }

    .section-card[b-grrc60sn1w] {
        padding: var(--spacing-md);
  }
}

/* Print Styles */
@media print {
    .wms-dashboard[b-grrc60sn1w] {
        padding: 0;
    }

    .kpi-card[b-grrc60sn1w],
    .section-card[b-grrc60sn1w] {
        break-inside: avoid;
  box-shadow: none;
        border: 1px solid #ddd;
    }
}
/* /Source/Features/Settings/Cells/EmployeeCreateAccountButtonCell.razor.rz.scp.css */
.account-created[b-58abgna27m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: green;
    justify-content:center;
}
/* /Source/Features/SpecialTranfers/SpecialTransfersView.razor.rz.scp.css */
/* Special Transfers View - Modern Card-Based Design */

/* ===== Full Page Layout ===== */
.full-page[b-qa0xno5mtf] {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: var(--bg);
    overflow: hidden;
}

/* ===== Page Header ===== */
.page-header[b-qa0xno5mtf] {
    padding: var(--spacing-lg) var(--spacing-xl);
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--info), var(--bg-surface) 10%) 0%,
        color-mix(in oklch, var(--info), var(--bg-surface) 30%) 100%);
    border-bottom: 3px solid color-mix(in oklch, var(--info), transparent 50%);
    box-shadow: var(--shadow-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-lg);
    flex-wrap: wrap;
}

.page-header h1[b-qa0xno5mtf] {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fc);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.page-header h1[b-qa0xno5mtf]::before {
    content: '📦';
    font-size: var(--text-3xl);
}

/* ===== Search Input ===== */
.search[b-qa0xno5mtf] {
    flex: 1;
    max-width: 400px;
    min-width: 200px;
    position: relative;
}

.search[b-qa0xno5mtf]::before {
    content: '🔍';
    position: absolute;
    left: var(--spacing-md);
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--text-lg);
    pointer-events: none;
    z-index: 1;
}

.search input[type="search"][b-qa0xno5mtf] {
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-3xl);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--fc);
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
    outline: none;
}

.search input[type="search"]:hover[b-qa0xno5mtf] {
    border-color: var(--info);
}

.search input[type="search"]:focus[b-qa0xno5mtf] {
    border-color: var(--info);
    box-shadow: 0 0 0 4px color-mix(in oklch, var(--info), transparent 80%);
}

.search input[type="search"][b-qa0xno5mtf]::placeholder {
    color: var(--fc-tertiary);
    font-style: italic;
}

/* Remove default search cancel button styling */
.search input[type="search"][b-qa0xno5mtf]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 16px;
    width: 16px;
    background: var(--danger);
    border-radius: var(--radius-full);
    cursor: pointer;
    position: relative;
}

.search input[type="search"][b-qa0xno5mtf]::-webkit-search-cancel-button::before {
    content: '×';
    color: white;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: -2px;
    left: 4px;
}

/* ===== Filter Section ===== */
.filter[b-qa0xno5mtf] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.filter[b-qa0xno5mtf]::before {
    content: '🏷️';
    font-size: var(--text-xl);
}

.filter select[b-qa0xno5mtf] {
    padding: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--fc);
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
    min-width: 200px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--spacing-sm) center;
}

.filter select:hover[b-qa0xno5mtf] {
    border-color: var(--info);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--info), transparent 85%);
}

.filter select:focus[b-qa0xno5mtf] {
    outline: none;
    border-color: var(--info);
    box-shadow: 0 0 0 4px color-mix(in oklch, var(--info), transparent 80%);
}

/* ===== Page Body ===== */
.page-body[b-qa0xno5mtf] {
    padding: var(--spacing-lg);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--bg);
}

/* Custom Scrollbar */
.page-body[b-qa0xno5mtf]::-webkit-scrollbar {
    width: 10px;
}

.page-body[b-qa0xno5mtf]::-webkit-scrollbar-track {
    background: var(--bg-level-1);
    border-radius: var(--radius-sm);
}

.page-body[b-qa0xno5mtf]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: var(--radius-sm);
    border: 2px solid var(--bg-level-1);
}

.page-body[b-qa0xno5mtf]::-webkit-scrollbar-thumb:hover {
    background: var(--border-color-strong);
}

/* ===== Cards Grid - Single Column Full Width ===== */
.cards-grid[b-qa0xno5mtf] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    max-width: 100%;
    animation: fadeIn-b-qa0xno5mtf 0.4s ease-out;
}

@keyframes fadeIn-b-qa0xno5mtf {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== Transfer Card - Full Width ===== */
.transfer-card[b-qa0xno5mtf] {
    background: var(--bg-surface);
    border: 2px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base);
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--spacing-lg);
    align-items: center;
    width: 100%;
}

.transfer-card:hover[b-qa0xno5mtf] {
    transform: translateX(4px);
    box-shadow: var(--shadow-lg);
    border-color: color-mix(in oklch, var(--info), transparent 40%);
}

/* Card Header */
.card-header[b-qa0xno5mtf] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    min-width: 200px;
}

.card-title-section[b-qa0xno5mtf] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.card-id[b-qa0xno5mtf] {
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--primary);
    font-family: monospace;
    background: color-mix(in oklch, var(--primary), transparent 90%);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-sm);
    display: inline-block;
    align-self: flex-start;
}

.card-name[b-qa0xno5mtf] {
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--fc);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-status-badge[b-qa0xno5mtf] {
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-md);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    align-self: flex-start;
}

.card-status-badge[b-qa0xno5mtf]::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: currentColor;
}

/* Status Badge Variants */
.status-pending[b-qa0xno5mtf] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--warning), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--warning), var(--bg-surface) 40%) 100%);
    color: var(--warning);
    border: 2px solid color-mix(in oklch, var(--warning), transparent 60%);
}

.status-completed[b-qa0xno5mtf] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--success), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--success), var(--bg-surface) 40%) 100%);
    color: var(--success);
    border: 2px solid color-mix(in oklch, var(--success), transparent 60%);
}

.status-cancelled[b-qa0xno5mtf] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--danger), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--danger), var(--bg-surface) 40%) 100%);
    color: var(--danger);
    border: 2px solid color-mix(in oklch, var(--danger), transparent 60%);
}

.status-in-progress[b-qa0xno5mtf] {
    background: linear-gradient(135deg,
        color-mix(in oklch, var(--info), var(--bg-surface) 20%) 0%,
        color-mix(in oklch, var(--info), var(--bg-surface) 40%) 100%);
    color: var(--info);
    border: 2px solid color-mix(in oklch, var(--info), transparent 60%);
}

/* Card Content */
.card-content[b-qa0xno5mtf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--spacing-md);
    flex: 1;
}

.card-field[b-qa0xno5mtf] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.field-label[b-qa0xno5mtf] {
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--fc-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.field-value[b-qa0xno5mtf] {
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--fc);
}

.field-value.highlight[b-qa0xno5mtf] {
    color: var(--primary);
    font-weight: 700;
}

/* Card Footer */
.card-footer[b-qa0xno5mtf] {
    display: flex;
    gap: var(--spacing-sm);
    min-width: 180px;
}

.card-footer button[b-qa0xno5mtf] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    background: linear-gradient(135deg,
        var(--success) 0%,
        color-mix(in oklch, var(--success), var(--bg) 20%) 100%);
    color: var(--success-text);
    border: 2px solid color-mix(in oklch, var(--success), transparent 40%);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
}

.card-footer button:hover[b-qa0xno5mtf] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px color-mix(in oklch, var(--success), transparent 50%);
    border-color: var(--success);
}

.card-footer button:active[b-qa0xno5mtf] {
    transform: translateY(0);
}

.card-footer button[b-qa0xno5mtf]  svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* ===== Page Footer ===== */
.page-footer[b-qa0xno5mtf] {
    padding: var(--spacing-md) var(--spacing-lg);
    background: linear-gradient(135deg,
        var(--bg-surface) 0%,
        color-mix(in oklch, var(--bg-surface), var(--bg-level-1) 50%) 100%);
    border-top: 2px solid var(--border-color);
    box-shadow: 0 -4px 12px color-mix(in oklch, var(--bg), black 5%);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ===== Empty State ===== */
.empty-state[b-qa0xno5mtf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3xl);
    text-align: center;
    min-height: 400px;
}

.empty-icon[b-qa0xno5mtf] {
    font-size: 80px;
    margin-bottom: var(--spacing-lg);
    opacity: 0.3;
}

.empty-title[b-qa0xno5mtf] {
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fc);
    margin: 0 0 var(--spacing-sm) 0;
}

.empty-text[b-qa0xno5mtf] {
    font-size: var(--text-base);
    color: var(--fc-secondary);
    max-width: 400px;
}

/* ===== Responsive Design ===== */
@media (max-width: 1200px) {
    .page-header[b-qa0xno5mtf] {
        padding: var(--spacing-md) var(--spacing-lg);
    }

    .page-header h1[b-qa0xno5mtf] {
        font-size: var(--text-xl);
    }

    .transfer-card[b-qa0xno5mtf] {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }

    .card-header[b-qa0xno5mtf] {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: start;
        gap: var(--spacing-md);
    }

    .card-content[b-qa0xno5mtf] {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

    .card-footer[b-qa0xno5mtf] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .page-header[b-qa0xno5mtf] {
        flex-direction: column;
        align-items: stretch;
    }

    .page-header h1[b-qa0xno5mtf] {
        font-size: var(--text-lg);
    }

    .search[b-qa0xno5mtf] {
        max-width: 100%;
    }

    .filter[b-qa0xno5mtf] {
        width: 100%;
    }

    .filter select[b-qa0xno5mtf] {
        width: 100%;
    }

    .page-body[b-qa0xno5mtf] {
        padding: var(--spacing-md);
    }

    .transfer-card[b-qa0xno5mtf] {
        padding: var(--spacing-md);
    }

    .card-content[b-qa0xno5mtf] {
        grid-template-columns: 1fr;
    }

    .card-header[b-qa0xno5mtf] {
        grid-template-columns: 1fr;
    }

    .card-status-badge[b-qa0xno5mtf] {
        align-self: flex-start;
    }
}

@media (max-width: 480px) {
    .page-header[b-qa0xno5mtf] {
        padding: var(--spacing-sm) var(--spacing-md);
    }

    .page-body[b-qa0xno5mtf] {
        padding: var(--spacing-sm);
    }

    .transfer-card[b-qa0xno5mtf] {
        padding: var(--spacing-sm);
    }

    .card-name[b-qa0xno5mtf] {
        font-size: var(--text-base);
    }
}

/* ===== Loading State Animation ===== */
@keyframes pulse-b-qa0xno5mtf {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.page-body.loading .transfer-card[b-qa0xno5mtf] {
    animation: pulse-b-qa0xno5mtf 1.5s ease-in-out infinite;
}

/* ===== Accessibility ===== */
.transfer-card:focus-within[b-qa0xno5mtf] {
    outline: 3px solid var(--info);
    outline-offset: 4px;
}

.card-footer button:focus-visible[b-qa0xno5mtf] {
    outline: 3px solid var(--success);
    outline-offset: 2px;
}

/* ===== Print Styles ===== */
@media print {
    .page-header[b-qa0xno5mtf],
    .page-footer[b-qa0xno5mtf] {
        display: none;
    }

    .page-body[b-qa0xno5mtf] {
        overflow: visible;
        padding: 0;
    }

    .transfer-card:hover[b-qa0xno5mtf] {
        transform: none;
        box-shadow: none;
    }

    .card-footer[b-qa0xno5mtf] {
        display: none;
    }
}
/* /Source/Features/StockItems/Cells/StockItemBatchNumber.razor.rz.scp.css */
/* /Source/Features/StockItems/Cells/StockItemLocationCell.razor.rz.scp.css */
/* /Source/Features/StockItems/Cells/StockItemQuantityCell.razor.rz.scp.css */
/* /Source/Features/StockItems/Filters/StockItemsGridViewFilters.razor.rz.scp.css */
/* /Source/Features/StockItems/Forms/StockItemTransferForm.razor.rz.scp.css */
.view[b-iz6ystana5]{
    height: 100%;
    display: grid;
    place-content: center;
}
.content[b-iz6ystana5]{
    border:1px solid var(--border-color);
    box-shadow:0 0 2px var(--primary);
}
[b-iz6ystana5] form {
    width: min(600px, 90svw);
    display: grid;
    gap: 1rem;
    margin: auto;
    padding: 1rem;

    .bk-field-box {
        display: grid;
        gap: 0.5rem;
    }

    [b-iz6ystana5] .bk-dropdown-container {
        border: 1px solid var(--border-color);
    }

    [b-iz6ystana5] input {
        width: 100%;
        padding: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.25rem;
        font-size: 16px;
        transition: border-color 0.3s ease;
    }

        [b-iz6ystana5] input[readonly] {
            background-color: transparent;
        }

    [b-iz6ystana5] textarea {
        width: 100%;
        padding: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.25rem;
        font-size: 1rem;
        transition: border-color 0.3s ease;
        resize: vertical;
        font-size: 16px;
    }

    button[b-iz6ystana5] {
        justify-self: center;
        width: fit-content;
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 0.25rem;
        background-color: var(--success);
        color: white;
        font-size: 1rem;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
}

.info[b-iz6ystana5]{
    font-size: 0.875rem;
    p{
        margin: 0;
        color: var(--primary);
        padding: 0.5rem;
        text-align: center;
        font-size: small;

        display:grid;
        place-content:center;
    }
    em[b-iz6ystana5]{
        font-weight:bolder;
        font-size:x-large;
    }
}

h3[b-iz6ystana5]{
    margin: 0;
    text-align: center;
    font-size: 1.5rem;
    color: var(--accent);
    padding: 1rem;
    background-color: var(--bg-level-1);
}
/* /Source/Features/StockItems/Views/AutomaticStockItemTransferView.razor.rz.scp.css */
/* /Source/Features/StockItems/Views/MaterialTransferFromPlannedToShippedView.razor.rz.scp.css */
.view[b-1a3c0q1733]{
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
h3[b-1a3c0q1733]{
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    color: var(--accent);
    padding: 1rem;
}
.cards[b-1a3c0q1733]{
    display: flex;
    flex-direction: column;
    height: 100%;
    gap:1rem;
}
.card[b-1a3c0q1733]{
    display: flex;
    flex-direction: column;
    background-color: var(--bg-level-1);
    border-radius: 0.5rem;
    padding: 1rem;
    border: 1px solid var(--border-color);

    .header{
        font-weight: bold;
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .body[b-1a3c0q1733]{
        flex: 1;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        background-color: var(--bg-level-2);
        padding: 1rem;
    }
    .footer[b-1a3c0q1733]{
        margin-top: 0.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        padding: 0.5rem;

        button{
            border: none;
            border-radius: 0.5rem;
            background-color: var(--success);
            color: var(--success-text);
            cursor: pointer;
            font-size: 1rem;
            transition: background-color 0.3s ease;
            padding: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap:1rem;

            span{
                padding: 0.5rem;
                display: flex;
            }

            &:hover[b-1a3c0q1733]{
                background-color: color-mix(in oklch,var(--accent),black 10%);
            }
        }

    }
}
[b-1a3c0q1733] .display-box{
    display: flex;
    align-items: center;

    .label{
        margin-right: 0.5rem;
    }
}

.no-items[b-1a3c0q1733]{
    text-align: center;
    font-size: 1.25rem;
    gap: 1rem;
    flex-direction: column;
    background-color: var(--bg-level-1);
    height: 100%;
    border: 1px solid var(--border-color);
    margin: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    svg{
        width: clamp(2rem, 10vw, 15rem);
        height: clamp(2rem, 10vw, 15rem);
        color: var(--border-color);
    }

    p[b-1a3c0q1733]{
        opacity: 0.7;
        font-weight: bold;
        color: var(--warning);
    }
}
/* /Source/Features/StockItems/Views/MaterialTransferFromShippedToCompletedView.razor.rz.scp.css */
.view[b-2kiufkan8n]{
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
h3[b-2kiufkan8n]{
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    color: var(--accent);
    padding: 1rem;
}
.cards[b-2kiufkan8n]{
    display: flex;
    flex-direction: column;
    height: 100%;
    gap:1rem;
}
.card[b-2kiufkan8n]{
    display: flex;
    flex-direction: column;
    background-color: var(--bg-level-1);
    border-radius: 0.5rem;
    padding: 1rem;
    border: 1px solid var(--border-color);

    .header{
        font-weight: bold;
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .body[b-2kiufkan8n]{
        flex: 1;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        background-color: var(--bg-level-2);
        padding: 1rem;
    }
    .footer[b-2kiufkan8n]{
        margin-top: 0.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        padding: 0.5rem;

        button{
            border: none;
            border-radius: 0.5rem;
            background-color: var(--success);
            color: var(--success-text);
            cursor: pointer;
            font-size: 1rem;
            transition: background-color 0.3s ease;
            padding: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap:1rem;
            
            span{
                padding: 0.5rem;
                display: flex;
            }

            &:hover[b-2kiufkan8n]{
                background-color: color-mix(in oklch,var(--accent),black 10%);
            }
        }

    }
}
[b-2kiufkan8n] .display-box{
    display: flex;
    align-items: center;

    .label{
        margin-right: 0.5rem;
    }
}

.no-items[b-2kiufkan8n]{
    text-align: center;
    font-size: 1.25rem;
    gap: 1rem;
    flex-direction: column;
    background-color: var(--bg-level-1);
    height: 100%;
    border: 1px solid var(--border-color);
    margin: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
     svg{
        width: clamp(2rem, 10vw, 15rem);
        height: clamp(2rem, 10vw, 15rem);
        color: var(--border-color);
    }
    
    p[b-2kiufkan8n]{
        opacity: 0.7;
        font-weight: bold;
        color: var(--warning);
    }
}
/* /Source/Features/StockItems/Views/StockItemLabelView.razor.rz.scp.css */
.view[b-j4xjw59kcx]{
    height: 100%;
}
/* /Source/Features/StockItems/Views/StockItemLocationQrCodeLandingView.razor.rz.scp.css */
/* /Source/Features/StockItems/Views/StockItemMenuView.razor.rz.scp.css */
/* /Source/Features/StockItems/Views/StockItemMovementsView.razor.rz.scp.css */
.view[b-7bt70omuhv]{
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1ch;
    padding: 1ch;
}
.view-header[b-7bt70omuhv]{
    padding: 1ch;
    border-radius: 1ch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    h2{
        margin: 0;
        color: var(--accent);
    }
    
    .title[b-7bt70omuhv]{
        display: flex;
        align-items: center;
        gap: 1ch;
    }
}
.view-body[b-7bt70omuhv]{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 1ch;
    overflow-y:auto;
    height: 100%;
}

.card[b-7bt70omuhv]{
    background-color: var(--bg-level-1);
    box-shadow: var(--primary);
    display: flex;
    flex-direction: column;
    gap: 1ch;
    border-radius:1rem;
    border: 1px solid var(--border-color);
    .header{
        box-shadow: none;
        padding: 2ch;
        background-color: var(--bg-level-2);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius:1rem 1rem 0 0;
        
        .title{
            display: flex;
            align-items: center;
            gap: 1ch;
            color: var(--info);
        }
        .remarks[b-7bt70omuhv]{
            font-style: italic;
            opacity: 0.8;
            margin: 0;
            text-align: center;
            padding-top: 1ch;
            color: tomato;
        }
    }
    .body[b-7bt70omuhv]{
        flex-grow: 1;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1ch;
        overflow: hidden;
        padding: 1ch;
        em{
            font-style: normal;
            color: var(--warning);
            font-weight: bold;
            padding: 1ch;
            font-size: 1.1rem;
        }
    }
    .footer[b-7bt70omuhv]{
        background-color: var(--bg-level-2);
        box-shadow: none;
        padding: 1ch;
        display: flex;
        justify-content: space-around;
        gap: 1ch;
        border-radius:0 0 1rem 1rem;
        p{
            margin: 0;
            opacity: 0.8;
            font-size: smaller;
        }
    }
}
/* /Source/Features/UserFeatures/Views/StartupView.razor.rz.scp.css */
.full-page[b-7pple4ai0v] {
    padding: 2rem;
    min-height: 100vh;
}

.startup-desktop[b-7pple4ai0v],
.startup-mobile[b-7pple4ai0v] {
    text-align: center;
}

    .startup-desktop h1[b-7pple4ai0v] {
        color: var(--primary);
        margin-bottom: 1rem;
    }

    .startup-mobile h1[b-7pple4ai0v] {
        color: var(--secondary);
        margin-bottom: 1rem;
    }

.desktop-grid[b-7pple4ai0v] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 2rem;
}

.mobile-stack[b-7pple4ai0v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
}

.card[b-7pple4ai0v] {
    padding: 2rem;
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

    .card h3[b-7pple4ai0v] {
        margin-top: 0;
        color: var(--fc);
    }

    .card p[b-7pple4ai0v] {
        color: var(--fc-secondary);
    }

/* /Source/Features/UserFeatures/Views/UserMenuView.razor.rz.scp.css */
.full-page[b-9v60h5jegh] {
    height: 100%;
    display: flex;
    flex-direction: column;

    .page-header {
        padding: 1rem;
        background-color: var(--bg-level-1);
    }
}
/* /Source/Features/Warehouses/Cells/WarehouseAreaNameCell.razor.rz.scp.css */
[b-e0fwwzkh11] .btn{
    width:100%;
}
/* /Source/Features/Warehouses/Cells/WarehouseNameCell.razor.rz.scp.css */
[b-wq4t3ad2hx] .btn {
    width: 100%;
    justify-content:start;
}
/* /Source/Features/Warehouses/Labels/StockItemLabelDownload.razor.rz.scp.css */
/* /Source/Features/Warehouses/Labels/StockItemLocationLabelDownload.razor.rz.scp.css */
/* /Source/Features/Warehouses/Menus/WarehouseMenuView.razor.rz.scp.css */
/* /Source/Main/Error.razor.rz.scp.css */
[b-4jvgktyyil] svg{
    width: 5rem;
    height: 5rem;
    fill: orange;
}
h1[b-4jvgktyyil]{
    font-size: 3rem;
    color: tomato;
}

p[b-4jvgktyyil]{
    line-height: 2rem;
    color:var(--warning);
    
    a{
        display: block;
        color: var(--success);
        padding: 1ch;
        border: 1px solid var(--info);
        margin: 2rem;
        
        &:hover{
            background-color: var(--success);
            color: var(--success-text);
        }
    }
}

.text-danger[b-4jvgktyyil]{
    color: var(--danger);
}

pre[b-4jvgktyyil]{
    background-color: var(--info);
    padding: 1rem;
    border-radius: 1rem;
    margin: 2rem;
    color: var(--info-text);
}
/* /Source/Main/NotFound.razor.rz.scp.css */
/* /Source/Main/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-d7i04ubfob],
.components-reconnect-repeated-attempt-visible[b-d7i04ubfob],
.components-reconnect-failed-visible[b-d7i04ubfob],
.components-pause-visible[b-d7i04ubfob],
.components-resume-failed-visible[b-d7i04ubfob],
.components-rejoining-animation[b-d7i04ubfob] {
    display: none;
}

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


#components-reconnect-modal[b-d7i04ubfob] {
    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-d7i04ubfob 0.5s both;

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

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-d7i04ubfob {
    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;
    }
}