/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-w3a6nmcs60] {
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    background: #f5f7fb;
}

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

#blazor-error-ui .dismiss[b-w3a6nmcs60] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-gx7s21nkwq] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    max-width: 100%;
    overflow-x: hidden;
}

main[b-gx7s21nkwq] {
    flex: 1;
    min-width: 0;
    overflow-x: hidden;
}

.sidebar[b-gx7s21nkwq] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    overflow-x: hidden;
    height: 100vh;
    height: 100dvh;
    overflow-y: hidden;
}

.top-row[b-gx7s21nkwq] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-gx7s21nkwq]  a, .top-row[b-gx7s21nkwq]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-gx7s21nkwq]  a:hover, .top-row[b-gx7s21nkwq]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-gx7s21nkwq]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-gx7s21nkwq] {
        justify-content: space-between;
    }

    .top-row[b-gx7s21nkwq]  a, .top-row[b-gx7s21nkwq]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-gx7s21nkwq] {
        flex-direction: row;
        height: 100vh;
        height: 100dvh;

    }

    .sidebar[b-gx7s21nkwq] {
        flex: 0 0 250px;
        width: 250px;
        position: sticky;
        top: 0;
    }

    main[b-gx7s21nkwq] {
        display:flex;
        flex-direction: column;
        min-height: 0;
       
    }
    article[b-gx7s21nkwq] {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .top-row[b-gx7s21nkwq] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-gx7s21nkwq]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-gx7s21nkwq], article[b-gx7s21nkwq] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

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

    #blazor-error-ui .dismiss[b-gx7s21nkwq] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-50u9ll7rd0] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-50u9ll7rd0] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-50u9ll7rd0] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-50u9ll7rd0] {
    font-size: 1.1rem;
}

.bi[b-50u9ll7rd0] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-50u9ll7rd0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-50u9ll7rd0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-50u9ll7rd0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-person-lines-fill-nav-menu[b-50u9ll7rd0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-lines-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z'/%3E%3C/svg%3E");
}

.bi-box-seam-fill-nav-menu[b-50u9ll7rd0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-box-seam-fill' viewBox='0 0 16 16'%3E%3Cpath d='M.5 3.5L2 2l6 2.5L14 2l1.5 1.5L8 6 0.5 3.5z'/%3E%3Cpath d='M15 4.5L8 7v8.5l7-3.5V4.5zM7 15.5V7L0 4.5V12l7 3.5z'/%3E%3C/svg%3E");
}

.bi-folder-fill-nav-menu[b-50u9ll7rd0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-folder-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3zm-8.322.12C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139z'/%3E%3C/svg%3E");
}

.bi-receipt-nav-menu[b-50u9ll7rd0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-receipt' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647A.5.5 0 0 1 14.5 1v14a.5.5 0 0 1-.854.354L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647A.5.5 0 0 1 1.5 15V1a.5.5 0 0 1 .42-.494zM2.5 2.207v11.586l.146-.147a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.146-.147V2.207l-.146.147a.5.5 0 0 1-.708 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0L2.5 2.207z'/%3E%3Cpath d='M6 6.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 6 6.5zm0 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 6 8.5zm0 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-2-4a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0zm0 2a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0zm0 2a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0z'/%3E%3C/svg%3E");
}

.nav-item[b-50u9ll7rd0] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-50u9ll7rd0] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-50u9ll7rd0] {
    padding-bottom: 1rem;
}

.nav-item[b-50u9ll7rd0]  .nav-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
}

.nav-item[b-50u9ll7rd0]  a.active {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.34), rgba(37, 99, 235, 0.22));
    box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.42), 0 6px 14px rgba(15, 23, 42, 0.18);
    color: white;
}

.nav-item[b-50u9ll7rd0]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-item[b-50u9ll7rd0]  .nav-link--quick-sale {
    color: #eff6ff;
    background: rgba(37, 99, 235, 0.2);
    box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.22);
}

.nav-item[b-50u9ll7rd0]  .nav-link--quick-sale:hover {
    background: rgba(37, 99, 235, 0.32);
}

.nav-link-text[b-50u9ll7rd0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-pending-badge[b-50u9ll7rd0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    margin-left: auto;
    padding: 0 7px;
    border: 1px solid rgba(191, 219, 254, 0.7);
    border-radius: 999px;
    color: #eff6ff;
    background: rgba(37, 99, 235, 0.78);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.18);
}

.nav-scrollable[b-50u9ll7rd0] {
    display: none;
    height: calc(100vh - 3.5rem);
    height: calc(100dvh - 3.5rem);
    overflow-y: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    overscroll-behavior: contain;
}

.nav-scrollable .nav[b-50u9ll7rd0] {
    min-height: 100%;
}

.sidebar-bottom[b-50u9ll7rd0] {
    margin-top: auto;
    padding-bottom: 0.75rem;
}

.navbar-toggler:checked ~ .nav-scrollable[b-50u9ll7rd0] {
    display: block;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 641px) {
    .navbar-toggler[b-50u9ll7rd0] {
        display: none;
    }

    .nav-scrollable[b-50u9ll7rd0] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        height: calc(100dvh - 3.5rem);
        overflow-y: auto;
        overflow-x: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-00mdb5z08l],
.components-reconnect-repeated-attempt-visible[b-00mdb5z08l],
.components-reconnect-failed-visible[b-00mdb5z08l],
.components-pause-visible[b-00mdb5z08l],
.components-resume-failed-visible[b-00mdb5z08l],
.components-rejoining-animation[b-00mdb5z08l] {
    display: none;
}

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


#components-reconnect-modal[b-00mdb5z08l] {
    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-00mdb5z08l 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SidebarBottom.razor.rz.scp.css */
.sidebar-bottom-form[b-1tegkiyp3i] {
    display: block;
}

.sidebar-bottom-dock[b-1tegkiyp3i] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-bottom: 0.45rem;
}

.sidebar-bottom-dock[b-1tegkiyp3i]  .sidebar-icon-link {
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.55rem;
    color: #d7d7d7;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.08s ease;
    width: 100%;
}

.sidebar-bottom-dock[b-1tegkiyp3i]  .sidebar-icon-link:hover,
.sidebar-bottom-dock[b-1tegkiyp3i]  .sidebar-icon-link.active {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(191, 219, 254, 0.34);
    color: #ffffff;
}

.sidebar-bottom-dock[b-1tegkiyp3i]  .sidebar-icon-link:active {
    transform: translateY(1px);
}

.sidebar-bottom-dock[b-1tegkiyp3i]  .sidebar-icon-link--logout:hover {
    background: rgba(239, 68, 68, 0.16);
    border-color: rgba(252, 165, 165, 0.32);
}

.sidebar-icon-svg[b-1tegkiyp3i] {
    height: 1.08rem;
    width: 1.08rem;
}

.sidebar-bottom-item[b-1tegkiyp3i] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

.sidebar-bottom-item[b-1tegkiyp3i]  .nav-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
    text-decoration: none;
}

.sidebar-bottom-item[b-1tegkiyp3i]  a.active {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.34), rgba(37, 99, 235, 0.22));
    box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.42), 0 6px 14px rgba(15, 23, 42, 0.18);
    color: white;
}

.sidebar-bottom-item[b-1tegkiyp3i]  .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

.sidebar-bottom-item[b-1tegkiyp3i]  .sidebar-bottom-button {
    color: #d7d7d7;
    text-decoration: none;
    padding-left: 0;
    text-align: left;
}

.sidebar-bottom-icon[b-1tegkiyp3i] {
    background-color: currentColor;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.75rem;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.login-icon[b-1tegkiyp3i] {
    mask-image: url("images/icons/login.svg");
}

.logout-icon[b-1tegkiyp3i] {
    mask-image: url("images/icons/logout.svg");
}
/* /Components/Pages/Crm/CrmCustomerPicker.razor.rz.scp.css */
.crm-picker-field[b-op4zhbrqem] {
    min-width: 0;
}

.crm-picker[b-op4zhbrqem] {
    align-items: end;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
}

[b-op4zhbrqem] .crm-customer-combo {
    min-width: 0;
    width: 100%;
}

[b-op4zhbrqem] .crm-customer-combo__input {
    min-height: 40px;
}

.crm-quick-toggle[b-op4zhbrqem] {
    height: 40px;
    margin-bottom: 0;
    width: 40px;
}

.crm-quick-toggle svg[b-op4zhbrqem] {
    flex: 0 0 auto;
}

.crm-quick-toggle--close[b-op4zhbrqem] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
    box-shadow: 0 8px 18px rgba(220, 38, 38, 0.14);
}

.crm-quick-toggle--close:hover[b-op4zhbrqem] {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #b91c1c;
}

.crm-customer-option[b-op4zhbrqem] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding: 0.25rem 0;
}

.crm-customer-option__avatar[b-op4zhbrqem] {
    align-items: center;
    background: #eef2ff;
    border: 1px solid #dbe3ff;
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 0.76rem;
    font-weight: 800;
    height: 2.15rem;
    justify-content: center;
    letter-spacing: 0;
    overflow: hidden;
    width: 2.15rem;
}

.crm-customer-option__avatar img[b-op4zhbrqem] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.crm-customer-option__content[b-op4zhbrqem] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.crm-customer-option__code[b-op4zhbrqem],
.crm-customer-option__title[b-op4zhbrqem] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-customer-option__code[b-op4zhbrqem] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1.2;
}

.crm-customer-option__title[b-op4zhbrqem] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
}

.crm-quick-customer[b-op4zhbrqem] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 0.8rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
    display: grid;
    gap: 0.8rem;
    padding: 0.95rem;
}

.crm-quick-customer[b-op4zhbrqem]  .dxbl-text-edit {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    min-height: 40px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    width: 100%;
}

.crm-quick-customer[b-op4zhbrqem]  .dxbl-text-edit:focus-within {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.crm-quick-customer__grid[b-op4zhbrqem] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.crm-quick-customer__actions[b-op4zhbrqem] {
    align-items: center;
    border-top: 1px solid #eef2f7;
    display: flex;
    gap: 0.6rem;
    justify-content: flex-end;
    padding-top: 0.85rem;
}

.crm-action-button[b-op4zhbrqem] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d7dee9;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 750;
    gap: 0.42rem;
    justify-content: center;
    min-height: 36px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.crm-action-button:hover[b-op4zhbrqem] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.crm-action-button:focus-visible[b-op4zhbrqem] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
    outline: 0;
}

.crm-action-button:active[b-op4zhbrqem] {
    transform: translateY(1px);
}

.crm-action-button svg[b-op4zhbrqem] {
    flex: 0 0 auto;
}

.crm-action-button--primary[b-op4zhbrqem] {
    background: #2563eb;
    border-color: #2563eb;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24);
    color: #ffffff;
}

.crm-action-button--primary:hover[b-op4zhbrqem] {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

.crm-action-button:disabled[b-op4zhbrqem] {
    cursor: wait;
    opacity: 0.65;
    transform: none;
}

.crm-action-button__spinner[b-op4zhbrqem] {
    animation: crm-action-spin-b-op4zhbrqem 0.8s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-radius: 999px;
    border-top-color: #ffffff;
    height: 14px;
    width: 14px;
}

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

@media (max-width: 760px) {
    .crm-quick-customer__grid[b-op4zhbrqem] {
        grid-template-columns: 1fr;
    }

    .crm-quick-customer__actions[b-op4zhbrqem] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .crm-action-button[b-op4zhbrqem] {
        width: 100%;
    }
}
/* /Components/Pages/Crm/CrmDashboard.razor.rz.scp.css */
.crm-panel-page[b-svztv9puk9] {
    color: #0f172a;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
    padding: 0.5rem 0 1.5rem;
    width: 100%;
}

.crm-panel-page *[b-svztv9puk9],
.crm-panel-page *[b-svztv9puk9]::before,
.crm-panel-page *[b-svztv9puk9]::after {
    box-sizing: border-box;
}

.crm-panel-hero[b-svztv9puk9] {
    align-items: center;
    background:
        radial-gradient(900px 320px at 90% -40%, rgba(37, 99, 235, 0.10), transparent 60%),
        radial-gradient(700px 280px at -10% 110%, rgba(124, 58, 237, 0.10), transparent 60%),
        #ffffff;
    border: 1px solid rgba(37, 99, 235, 0.10);
    border-radius: 1.1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 14px 32px rgba(15, 23, 42, 0.07);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    justify-content: space-between;
    overflow: visible;
    padding: 1.25rem 1.4rem;
    position: relative;
}

.crm-panel-hero__intro[b-svztv9puk9] {
    align-items: center;
    display: flex;
    gap: 1rem;
    min-width: 0;
}

.crm-panel-hero__mark[b-svztv9puk9] {
    align-items: center;
    background: linear-gradient(135deg, #2563eb 0%, #4f46e5 58%, #7c3aed 100%);
    border-radius: var(--app-avatar-radius);
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.30);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.crm-panel-hero__text[b-svztv9puk9] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.crm-panel-hero__eyebrow[b-svztv9puk9] {
    color: #2563eb;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.crm-panel-hero__title[b-svztv9puk9] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.1;
    margin: 0;
}

.crm-panel-hero__subtitle[b-svztv9puk9] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0.15rem 0 0;
}

.crm-panel-hero__subtitle strong[b-svztv9puk9] {
    color: #0f172a;
}

.crm-panel-hero__actions[b-svztv9puk9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.crm-panel-action[b-svztv9puk9] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.crm-panel-action:hover[b-svztv9puk9] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #2563eb;
}

.crm-panel-action:active[b-svztv9puk9] {
    transform: translateY(1px);
}

.crm-panel-action:focus-visible[b-svztv9puk9] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22);
    outline: none;
}

.crm-panel-action svg[b-svztv9puk9] {
    color: #2563eb;
}

.crm-panel-action--primary[b-svztv9puk9] {
    background: linear-gradient(135deg, #2563eb 0%, #4f46e5 58%, #7c3aed 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.28);
    color: #ffffff;
}

.crm-panel-action--primary svg[b-svztv9puk9] {
    color: #ffffff;
}

.crm-panel-action--primary:hover[b-svztv9puk9] {
    background: linear-gradient(135deg, #2563eb 0%, #4f46e5 58%, #7c3aed 100%);
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.38);
    color: #ffffff;
    filter: brightness(1.05);
}

.crm-panel-stats[b-svztv9puk9] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.crm-stat[b-svztv9puk9] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.85rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-height: 86px;
    overflow: hidden;
    padding: 0.85rem 1rem;
    position: relative;
    text-align: left;
}

.crm-stat[b-svztv9puk9]::before {
    background: linear-gradient(180deg, #2563eb 0%, #7c3aed 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.crm-stat--risk[b-svztv9puk9]::before {
    background: linear-gradient(180deg, #ea580c 0%, #dc2626 100%);
}

.crm-stat__label[b-svztv9puk9] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.crm-stat__value[b-svztv9puk9] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.1;
}

.crm-stat__meta[b-svztv9puk9] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
}

.crm-stat--risk .crm-stat__value[b-svztv9puk9] {
    color: #b42318;
}

.crm-panel-layout[b-svztv9puk9] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    width: 100%;
}

.crm-panel-page[b-svztv9puk9]  .app-panel-grid__icon-slot {
    background: #ffffff;
    border: 1px solid rgba(37, 99, 235, 0.24);
    box-shadow: none;
    color: #2563eb;
}

@media (max-width: 1200px) {
    .crm-panel-stats[b-svztv9puk9],
    .crm-panel-layout[b-svztv9puk9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .crm-panel-hero[b-svztv9puk9] {
        padding: 1.1rem;
    }

    .crm-panel-hero__intro[b-svztv9puk9] {
        align-items: flex-start;
    }

    .crm-panel-hero__actions[b-svztv9puk9] {
        width: 100%;
    }

    .crm-panel-action[b-svztv9puk9] {
        flex: 1 1 calc(50% - 0.5rem);
        justify-content: center;
    }

    .crm-panel-stats[b-svztv9puk9],
    .crm-panel-layout[b-svztv9puk9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .crm-panel-action[b-svztv9puk9] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Crm/CrmOpportunityList.razor.rz.scp.css */
.crm-list-page[b-ob6529bagv] {
    color: #0f172a;
    display: grid;
    gap: 1rem;
    height: calc(100dvh - 1.1rem);
    min-height: 0;
    overflow: hidden;
}

.crm-list-page *[b-ob6529bagv],
.crm-list-page *[b-ob6529bagv]::before,
.crm-list-page *[b-ob6529bagv]::after {
    box-sizing: border-box;
}

.crm-list-page[b-ob6529bagv]  .app-data-grid {
    height: 100%;
    min-height: 0;
}

.crm-list-page[b-ob6529bagv]  .toolbar {
    flex: 0 0 58px;
    height: 58px;
    max-height: 58px;
    min-height: 58px;
    overflow: hidden;
}

.crm-list-page[b-ob6529bagv]  .toolbar .dxbl-toolbar {
    align-items: center;
    flex-wrap: nowrap;
    height: 38px;
    min-height: 38px;
    min-width: 0;
    overflow: hidden;
}

.crm-list-page[b-ob6529bagv]  .toolbar .custom-toolbar-content,
.crm-list-page[b-ob6529bagv]  .toolbar .custom-toolbar-content .custom-item {
    min-width: 0;
    overflow: hidden;
}

.crm-list-tabs[b-ob6529bagv] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.45rem;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.crm-list-tab[b-ob6529bagv] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    min-height: 32px;
    padding: 0 0.75rem;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.crm-list-tab:hover[b-ob6529bagv] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #2563eb;
}

.crm-list-tab:focus-visible[b-ob6529bagv] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
    outline: none;
}

.crm-list-tab--active[b-ob6529bagv] {
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.22);
    color: #2563eb;
}

.crm-row-action[b-ob6529bagv] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 600;
    gap: 0.4rem;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.7rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.crm-row-action:hover[b-ob6529bagv] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #2563eb;
}

.crm-row-action:active[b-ob6529bagv] {
    transform: translateY(1px);
}

.crm-row-action:focus-visible[b-ob6529bagv] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
    outline: none;
}

.crm-row-action svg[b-ob6529bagv] {
    color: #2563eb;
    flex: 0 0 auto;
}

.crm-row-actions[b-ob6529bagv] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.crm-row-action--danger[b-ob6529bagv] {
    border-color: #fecaca;
    color: #b91c1c;
}

.crm-row-action--danger:hover[b-ob6529bagv] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.crm-badge[b-ob6529bagv] {
    align-items: center;
    background: #f1f5f9;
    border: 1px solid rgba(71, 85, 105, 0.12);
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 700;
    justify-content: center;
    min-height: 24px;
    min-width: 5.6rem;
    padding: 0.2rem 0.58rem;
}

.crm-badge--success[b-ob6529bagv] {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #047857;
}

.crm-badge--danger[b-ob6529bagv] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b42318;
}

.crm-badge--info[b-ob6529bagv] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.crm-form[b-ob6529bagv] {
    display: grid;
    gap: 1.05rem;
}

.crm-form-section[b-ob6529bagv] {
    display: grid;
    gap: 0.85rem;
}

.crm-form-section + .crm-form-section[b-ob6529bagv] {
    border-top: 1px solid #eef2f7;
    padding-top: 1rem;
}

.crm-form-section__title[b-ob6529bagv] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.crm-form-grid[b-ob6529bagv] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.crm-input[b-ob6529bagv] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font-size: 0.9rem;
    min-height: 40px;
    padding: 0.45rem 0.65rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    width: 100%;
}

.crm-input:focus[b-ob6529bagv] {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
    outline: 0;
}

.crm-input:disabled[b-ob6529bagv] {
    background: #eef2f7;
    color: #94a3b8;
    cursor: not-allowed;
}

.crm-input--area[b-ob6529bagv] {
    min-height: 94px;
    resize: vertical;
}

.crm-form-grid[b-ob6529bagv]  .dx-field--full {
    grid-column: 1 / -1;
}

.crm-form[b-ob6529bagv]  .dxbl-text-edit,
.crm-form[b-ob6529bagv]  .dxbl-spin-edit,
.crm-form[b-ob6529bagv]  .dxbl-cmbbx {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    min-height: 40px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    width: 100%;
}

.crm-form[b-ob6529bagv]  .dxbl-text-edit:focus-within,
.crm-form[b-ob6529bagv]  .dxbl-spin-edit:focus-within,
.crm-form[b-ob6529bagv]  .dxbl-cmbbx:focus-within {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.crm-opportunity-option[b-ob6529bagv] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.18rem 0;
}

.crm-opportunity-option__code[b-ob6529bagv],
.crm-opportunity-option__title[b-ob6529bagv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-opportunity-option__code[b-ob6529bagv] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 650;
}

.crm-opportunity-option__title[b-ob6529bagv] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
}

@media (max-width: 760px) {
    .crm-form-grid[b-ob6529bagv] {
        grid-template-columns: 1fr;
    }

    .app-modal-footer[b-ob6529bagv] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .app-modal-action[b-ob6529bagv] {
        width: 100%;
    }
}
/* /Components/Pages/Customer/CustomerCreate.razor.rz.scp.css */
.customer-photo-panel[b-3zf45rhjft] {
    display: grid;
    gap: .85rem;
}

.customer-photo-panel__title[b-3zf45rhjft] {
    color: #475569;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.customer-photo-panel__preview[b-3zf45rhjft] {
    align-items: center;
    background:
        radial-gradient(380px 200px at 50% -20%, rgba(99, 102, 241, .12), transparent 60%),
        linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
    border: 1px dashed rgba(99, 102, 241, .35);
    border-radius: .85rem;
    color: #6366f1;
    display: grid;
    gap: .4rem;
    justify-items: center;
    min-height: 200px;
    padding: 1.25rem 1rem;
    text-align: center;
}

.customer-photo-panel__preview strong[b-3zf45rhjft] {
    color: #1e293b;
    font-size: .92rem;
    font-weight: 600;
}

.customer-photo-panel__preview small[b-3zf45rhjft] {
    color: #94a3b8;
    font-size: .75rem;
}

.customer-photo-panel__camera[b-3zf45rhjft] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-radius: 14px;
    box-shadow: 0 12px 24px rgba(99, 102, 241, .28);
    color: #fff;
    display: inline-flex;
    height: 64px;
    justify-content: center;
    margin-bottom: .35rem;
    width: 64px;
}

.customer-photo-panel__button[b-3zf45rhjft] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: .55rem;
    color: #4338ca;
    cursor: pointer;
    display: inline-flex;
    font-size: .85rem;
    font-weight: 600;
    gap: .4rem;
    justify-content: center;
    min-height: 40px;
    padding: 0 1rem;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .06s ease;
}

.customer-photo-panel__button:hover[b-3zf45rhjft] {
    background: rgba(99, 102, 241, .06);
    border-color: #c7d2fe;
}

.customer-photo-panel__button:active[b-3zf45rhjft] {
    transform: translateY(1px);
}

.customer-parent-row[b-3zf45rhjft] {
    align-items: end;
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.customer-parent-header[b-3zf45rhjft] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.customer-parent-header .app-entity-form__section-title[b-3zf45rhjft] {
    margin: 0;
}

.customer-parent-row__button[b-3zf45rhjft] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 1px solid transparent;
    border-radius: .55rem;
    box-shadow: 0 8px 18px rgba(99, 102, 241, .28);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-size: .85rem;
    font-weight: 600;
    gap: .4rem;
    justify-content: center;
    min-height: 40px;
    padding: 0 1rem;
    transition: box-shadow .15s ease, transform .06s ease, filter .15s ease;
}

.customer-parent-row__button:hover[b-3zf45rhjft] {
    box-shadow: 0 10px 22px rgba(99, 102, 241, .38);
    filter: brightness(1.05);
}

.customer-parent-row__button:active[b-3zf45rhjft] {
    transform: translateY(1px);
}

.customer-parent-selected[b-3zf45rhjft] {
    align-items: end;
    display: grid;
    gap: .75rem 1.25rem;
    grid-template-columns: minmax(160px, .85fr) minmax(180px, .85fr) minmax(220px, .85fr) auto;
}

.customer-parent-selected__remove[b-3zf45rhjft] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #ef4444;
    cursor: pointer;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    margin-bottom: .05rem;
    padding: 0 .35rem;
    transition: color .15s ease, transform .06s ease;
    width: 38px;
}

.customer-parent-selected__remove:hover[b-3zf45rhjft] {
    color: #dc2626;
}

.customer-parent-selected__remove:active[b-3zf45rhjft] {
    transform: translateY(1px);
}

.customer-checks[b-3zf45rhjft] {
    display: grid;
    gap: .55rem 1rem;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
}

.customer-discount-row[b-3zf45rhjft] {
    align-items: end;
    display: grid;
    gap: .65rem 1rem;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, .8fr) minmax(180px, .8fr);
}

.customer-lookup-row[b-3zf45rhjft] {
    align-items: end;
    display: grid;
    gap: .6rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.customer-inline-plus[b-3zf45rhjft] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe3ee;
    border-radius: 999px;
    box-shadow: 0 6px 14px rgba(15, 23, 42, .08);
    color: #4f46e5;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    margin-bottom: .35rem;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease, transform .06s ease;
    width: 30px;
}

.customer-inline-plus:hover[b-3zf45rhjft] {
    background: rgba(99, 102, 241, .06);
    border-color: #c7d2fe;
    box-shadow: 0 8px 18px rgba(99, 102, 241, .18);
}

.customer-inline-plus:active[b-3zf45rhjft] {
    transform: translateY(1px);
}

.customer-inline-plus--pending[b-3zf45rhjft],
.customer-inline-plus:disabled[b-3zf45rhjft] {
    background: #f1f5f9;
    border-color: #e2e8f0;
    box-shadow: none;
    color: #94a3b8;
    cursor: not-allowed;
    transform: none;
}

.customer-inline-plus--pending:hover[b-3zf45rhjft],
.customer-inline-plus:disabled:hover[b-3zf45rhjft] {
    background: #f1f5f9;
    border-color: #e2e8f0;
    box-shadow: none;
}

.customer-tax-check-row[b-3zf45rhjft] {
    align-items: center;
    display: grid;
    gap: .55rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.customer-tax-check-button[b-3zf45rhjft] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe3ee;
    border-radius: .5rem;
    color: #4f46e5;
    cursor: pointer;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 700;
    justify-content: center;
    min-height: 38px;
    min-width: 76px;
    padding: 0 .8rem;
    transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.customer-tax-check-button:hover[b-3zf45rhjft] {
    background: rgba(99, 102, 241, .06);
    border-color: #c7d2fe;
    box-shadow: 0 8px 18px rgba(99, 102, 241, .14);
}

.customer-tax-check-button:disabled[b-3zf45rhjft] {
    background: #f8fafc;
    box-shadow: none;
    color: #94a3b8;
    cursor: default;
}

.customer-einvoice-check-message[b-3zf45rhjft] {
    color: #64748b;
    font-size: .75rem;
    font-weight: 650;
}

.customer-einvoice-check-message--success[b-3zf45rhjft] {
    color: #047857;
}

.customer-einvoice-check-message--error[b-3zf45rhjft] {
    color: #dc2626;
}

.customer-einvoice-alias-field select[b-3zf45rhjft] {
    font-size: .84rem;
}

[b-3zf45rhjft] .app-entity-form__grid {
    gap: .9rem 1.1rem;
}

[b-3zf45rhjft] .app-entity-form__field {
    gap: .32rem;
}

[b-3zf45rhjft] .app-entity-form__field label {
    color: #334155;
    font-size: .76rem;
}

[b-3zf45rhjft] .app-entity-form__field input,
[b-3zf45rhjft] .app-entity-form__field select {
    border-color: #dbe3ee;
    border-radius: .5rem;
    min-height: 38px;
    padding-inline: .8rem;
}

[b-3zf45rhjft] .app-entity-form__check-row {
    border-color: #e7edf5;
    border-radius: .5rem;
    min-height: 40px;
}

.customer-parent-picker[b-3zf45rhjft] {
    display: grid;
    gap: .8rem;
    padding: .9rem 1rem 1rem;
}

.customer-parent-picker__grid[b-3zf45rhjft] {
    border: 1px solid #cbd5e1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-height: 365px;
    overflow: auto;
}

.customer-parent-picker__head[b-3zf45rhjft],
.customer-parent-picker__filter[b-3zf45rhjft] {
    background: #ffffff;
    border-bottom: 1px solid #cbd5e1;
    color: #1f2937;
    font-size: .78rem;
    font-weight: 700;
    min-height: 44px;
    padding: .75rem 1rem;
}

.customer-parent-picker__head:not(:last-of-type)[b-3zf45rhjft],
.customer-parent-picker__filter:not(:nth-of-type(3n))[b-3zf45rhjft] {
    border-right: 1px solid #e2e8f0;
}

.customer-parent-picker__filter[b-3zf45rhjft] {
    align-items: center;
    display: flex;
    min-height: 42px;
    padding-block: .55rem;
}

.customer-parent-picker__filter input[b-3zf45rhjft] {
    border: 1px solid #cbd5e1;
    border-radius: .25rem;
    font-size: .82rem;
    min-height: 25px;
    padding: 0 .5rem;
    width: 100%;
}

.customer-parent-picker__filter input:focus[b-3zf45rhjft] {
    border-color: #6366f1;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, .12);
    outline: 0;
}

.customer-parent-picker__row[b-3zf45rhjft] {
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    color: #0f172a;
    cursor: pointer;
    display: grid;
    font-size: .83rem;
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr 1fr;
    min-height: 36px;
    padding: 0;
    text-align: left;
    transition: background .12s ease;
}

.customer-parent-picker__row:hover[b-3zf45rhjft] {
    background: #f8fafc;
}

.customer-parent-picker__row span[b-3zf45rhjft] {
    align-items: center;
    display: flex;
    min-width: 0;
    overflow: hidden;
    padding: .45rem 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-parent-picker__empty[b-3zf45rhjft] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .45rem;
    color: #64748b;
    font-size: .85rem;
    padding: .7rem .9rem;
}

@media (max-width: 1200px) {
    .customer-photo-panel__preview[b-3zf45rhjft] {
        min-height: 160px;
    }
}

@media (max-width: 980px) {
    .customer-checks[b-3zf45rhjft],
    .customer-discount-row[b-3zf45rhjft],
    .customer-parent-selected[b-3zf45rhjft] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .customer-parent-selected__remove[b-3zf45rhjft] {
        justify-self: start;
    }
}

@media (max-width: 640px) {
    .customer-discount-row[b-3zf45rhjft],
    .customer-parent-header[b-3zf45rhjft],
    .customer-parent-selected[b-3zf45rhjft] {
        grid-template-columns: 1fr;
    }

    .customer-parent-row__button[b-3zf45rhjft] {
        width: 100%;
    }

    .customer-parent-picker__grid[b-3zf45rhjft],
    .customer-parent-picker__row[b-3zf45rhjft] {
        grid-template-columns: minmax(110px, .8fr) minmax(140px, 1fr) minmax(120px, .8fr);
    }
}
/* /Components/Pages/Customer/CustomerDetail.razor.rz.scp.css */
/* ============ WORKSPACE ============ */
.detail-workspace[b-mlpe155gpl] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(360px, 36%) minmax(640px, 1fr);
}

.detail-workspace.details-collapsed[b-mlpe155gpl] {
    grid-template-columns: minmax(0, 1fr);
}

.details-card[b-mlpe155gpl],
.tabs-card[b-mlpe155gpl] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
}

.details-card[b-mlpe155gpl] {
    padding: 1.5rem;
}

.details-card--editing[b-mlpe155gpl] {
    padding: 1.5rem;
}

/* ============ CARD HEADER (Detay / Düzenle) ============ */
.card-title-row[b-mlpe155gpl],
.tab-title-row[b-mlpe155gpl] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
}

.card-title-row[b-mlpe155gpl] {
    border-bottom: 1px solid #eef2f7;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.card-actions[b-mlpe155gpl] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
    min-height: 34px;
}

.card-title-row h2[b-mlpe155gpl],
.tab-title-row h2[b-mlpe155gpl] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.005em;
    margin: 0;
}

/* edit button (gradient pill) */
.edit-button[b-mlpe155gpl] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 600;
    gap: 0.4rem;
    min-height: 34px;
    padding: 0 0.85rem;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.edit-button:hover[b-mlpe155gpl] {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.36);
}

.edit-button:active[b-mlpe155gpl] {
    transform: translateY(1px);
}

/* save / cancel buttons during edit */
.dx-text-action[b-mlpe155gpl] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 600;
    gap: 0.4rem;
    justify-content: center;
    min-height: 34px;
    padding: 0 0.75rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.dx-text-action:hover[b-mlpe155gpl] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.dx-text-action--primary[b-mlpe155gpl] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.26);
    color: #ffffff;
}

.dx-text-action--primary:hover[b-mlpe155gpl] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.34);
    color: #ffffff;
    filter: brightness(1.05);
}

.dx-text-action:disabled[b-mlpe155gpl] {
    cursor: default;
    opacity: 0.58;
}

.dx-text-action--busy:disabled[b-mlpe155gpl] {
    cursor: wait;
    opacity: 0.68;
}

.dx-text-action:disabled:hover[b-mlpe155gpl] {
    filter: none;
}

.dx-text-action--primary:disabled:hover[b-mlpe155gpl] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.26);
    color: #ffffff;
}

.dx-text-action__spinner[b-mlpe155gpl] {
    animation: detail-action-spin-b-mlpe155gpl 0.8s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.42);
    border-top-color: #ffffff;
    border-radius: 999px;
    height: 13px;
    width: 13px;
}

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

/* details panel collapse toggle */
.details-toggle[b-mlpe155gpl] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    min-height: 32px;
    padding: 0;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    width: 32px;
}

.details-toggle:hover[b-mlpe155gpl] {
    background: rgba(99, 102, 241, 0.06);
    border-color: #c7d2fe;
    color: #4338ca;
}

/* ============ PROFILE BLOCK (read mode) ============ */
.profile-block[b-mlpe155gpl] {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 180px minmax(0, 1fr);
    margin: 0 0 1.5rem;
}

.profile-image[b-mlpe155gpl] {
    align-items: center;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(192, 38, 211, 0.08) 100%);
    border: 2px dashed rgba(99, 102, 241, 0.25);
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: flex;
    font-size: 2.4rem;
    font-weight: 800;
    height: 150px;
    justify-content: center;
    letter-spacing: 0.05em;
    margin: 0 auto;
    width: 150px;
}

.status-block[b-mlpe155gpl] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0;
}

.status-block__row dt[b-mlpe155gpl] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.status-block__row dd[b-mlpe155gpl] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
}

/* section title labels */
.detail-section-title[b-mlpe155gpl] {
    border-top: 1px solid #eef2f7;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 1.25rem 0 0.85rem;
    padding-top: 1rem;
    text-transform: uppercase;
}

.detail-section-title:first-of-type[b-mlpe155gpl] {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.two-column[b-mlpe155gpl] {
    display: grid;
    gap: 1.25rem 1.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detail-fields > div[b-mlpe155gpl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.detail-fields span[b-mlpe155gpl] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.detail-fields strong[b-mlpe155gpl] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ============ STATUS PILL (Cari Türü) ============ */
.status-pill[b-mlpe155gpl] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 600;
    gap: 0.4rem;
    letter-spacing: 0.01em;
    padding: 0.22rem 0.65rem 0.24rem 0.55rem;
}

.status-pill__dot[b-mlpe155gpl] {
    background: currentColor;
    border-radius: 999px;
    display: inline-block;
    height: 0.45rem;
    width: 0.45rem;
}

.status-pill--active[b-mlpe155gpl],
.detail-hero__pill.status-pill--active[b-mlpe155gpl] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.status-pill--info[b-mlpe155gpl],
.detail-hero__pill.status-pill--info[b-mlpe155gpl] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

.status-pill--lead[b-mlpe155gpl],
.detail-hero__pill.status-pill--lead[b-mlpe155gpl] {
    background: rgba(168, 85, 247, 0.12);
    color: #7e22ce;
}

.status-pill--warn[b-mlpe155gpl],
.detail-hero__pill.status-pill--warn[b-mlpe155gpl] {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.status-pill--muted[b-mlpe155gpl],
.detail-hero__pill.status-pill--muted[b-mlpe155gpl] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

/* ============ BADGE (tiny chip) ============ */
.badge[b-mlpe155gpl] {
    border-radius: 0.45rem;
    display: inline-block;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.15rem 0.55rem;
}

.badge--ok[b-mlpe155gpl] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.badge--muted[b-mlpe155gpl] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

.badge--info[b-mlpe155gpl] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

/* ============ EDIT MODE ============ */
.dx-edit-body[b-mlpe155gpl] {
    align-items: flex-start;
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.5rem;
}

.dx-edit-avatar[b-mlpe155gpl] {
    align-items: center;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(192, 38, 211, 0.08) 100%);
    border: 2px dashed rgba(99, 102, 241, 0.25);
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: flex;
    flex: 0 0 150px;
    font-size: 2rem;
    font-weight: 800;
    height: 150px;
    justify-content: center;
    letter-spacing: 0.05em;
    overflow: hidden;
    position: relative;
    width: 150px;
}

.dx-edit-avatar--image[b-mlpe155gpl] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.dx-edit-avatar__image[b-mlpe155gpl] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.avatar-upload-overlay[b-mlpe155gpl] {
    align-items: center;
    background: rgba(15, 23, 42, 0.44);
    border-radius: inherit;
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    transition: opacity 0.15s ease;
    z-index: 2;
}

.detail-hero__avatar:hover .avatar-upload-overlay[b-mlpe155gpl],
.dx-edit-avatar:hover .avatar-upload-overlay[b-mlpe155gpl] {
    opacity: 1;
}

[b-mlpe155gpl] .avatar-camera-button {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: inline-flex !important;
    height: 100% !important;
    justify-content: center !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

[b-mlpe155gpl] .avatar-camera-button .dxbl-btn-caption {
    display: none !important;
}

[b-mlpe155gpl] .avatar-camera-icon {
    background-color: currentColor;
    display: inline-block;
    height: 1.35rem;
    mask-image: url("images/icons/camera.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.35rem;
}

.dx-edit-form[b-mlpe155gpl] {
    flex: 1;
    min-width: 0;
}
.detail-parent-header[b-mlpe155gpl] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.detail-parent-compact[b-mlpe155gpl] {
    align-items: end;
    display: grid;
    gap: 0.45rem;
    grid-template-columns: minmax(0, 1fr);
}

.detail-parent-compact input[b-mlpe155gpl] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail-parent-clear[b-mlpe155gpl] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #fecaca;
    border-radius: 999px;
    color: #dc2626;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.84rem;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    margin-bottom: 0.35rem;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.06s ease;
    width: 30px;
}

.detail-parent-clear:hover[b-mlpe155gpl] {
    background: #fef2f2;
    border-color: #fca5a5;
}

.detail-parent-clear:active[b-mlpe155gpl] {
    transform: translateY(1px);
}

.detail-parent-button[b-mlpe155gpl] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 1px solid transparent;
    border-radius: 0.5rem;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.26);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 700;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0 0.8rem;
    transition: box-shadow 0.15s ease, transform 0.06s ease, filter 0.15s ease;
}

.detail-parent-button:hover[b-mlpe155gpl] {
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.34);
    filter: brightness(1.05);
}

.detail-parent-button:active[b-mlpe155gpl] {
    transform: translateY(1px);
}

.detail-parent-empty[b-mlpe155gpl] {
    align-items: center;
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.18);
    border-radius: 0.55rem;
    color: #4338ca;
    display: flex;
    font-size: 0.84rem;
    min-height: 40px;
    padding: 0.55rem 0.75rem;
}

.detail-parent-selected[b-mlpe155gpl] {
    align-items: end;
    display: grid;
    gap: 0.75rem 1rem;
    grid-template-columns: minmax(120px, 0.8fr) minmax(150px, 0.9fr) minmax(170px, 1fr) auto;
}

.detail-parent-selected__remove[b-mlpe155gpl] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #ef4444;
    cursor: pointer;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    padding: 0 0.35rem;
    transition: color 0.15s ease, transform 0.06s ease;
    width: 38px;
}

.detail-parent-selected__remove:hover[b-mlpe155gpl] {
    color: #dc2626;
}

.detail-parent-selected__remove:active[b-mlpe155gpl] {
    transform: translateY(1px);
}

.dx-edit-contacts[b-mlpe155gpl],
.customer-edit-details[b-mlpe155gpl] {
    margin-top: 0.5rem;
}

.customer-edit-details--tab[b-mlpe155gpl] {
    margin-top: 0.95rem;
}

.detail-tax-check-row[b-mlpe155gpl] {
    align-items: center;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.detail-tax-check-button[b-mlpe155gpl] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe3ee;
    border-radius: 0.5rem;
    color: #4f46e5;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 700;
    justify-content: center;
    min-height: 40px;
    min-width: 78px;
    padding: 0 0.8rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.detail-tax-check-button:hover[b-mlpe155gpl] {
    background: rgba(99, 102, 241, 0.06);
    border-color: #c7d2fe;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.14);
}

.detail-tax-check-button:disabled[b-mlpe155gpl] {
    background: #f8fafc;
    box-shadow: none;
    color: #94a3b8;
    cursor: default;
}

.detail-einvoice-check-message[b-mlpe155gpl] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 650;
    margin-top: 0.28rem;
}

.detail-einvoice-check-message--success[b-mlpe155gpl] {
    color: #047857;
}

.detail-einvoice-check-message--error[b-mlpe155gpl] {
    color: #dc2626;
}

.detail-einvoice-checks[b-mlpe155gpl] {
    align-self: end;
    display: grid;
    gap: 0.5rem;
}

.detail-check-row[b-mlpe155gpl] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    display: flex;
    font-size: 0.84rem;
    font-weight: 650;
    gap: 0.55rem;
    min-height: 40px;
    padding: 0 0.75rem;
}

.detail-check-row input[b-mlpe155gpl] {
    accent-color: #4f46e5;
}

.customer-edit-details--general .dx-edit-grid[b-mlpe155gpl] {
    gap: 1rem 1.1rem;
}

.customer-edit-details--general .detail-lookup-row[b-mlpe155gpl],
.customer-edit-details--general .detail-parent-compact[b-mlpe155gpl] {
    align-items: center;
    gap: 0.55rem;
}

.customer-edit-details--general .detail-inline-plus[b-mlpe155gpl],
.customer-edit-details--general .detail-parent-clear[b-mlpe155gpl] {
    border-radius: 999px;
    box-shadow: none;
    height: 40px;
    line-height: 1;
    margin-bottom: 0;
    width: 40px;
}

.customer-edit-details--general .detail-inline-plus[b-mlpe155gpl] {
    background: #ffffff !important;
    border-color: #dbe3ee !important;
    color: #4f46e5 !important;
    font-size: 1rem;
}

.customer-edit-details--general .detail-inline-plus:hover[b-mlpe155gpl] {
    background: rgba(99, 102, 241, 0.06) !important;
    border-color: #c7d2fe !important;
    color: #4338ca !important;
}

.customer-edit-details--general .detail-parent-clear[b-mlpe155gpl] {
    font-size: 0.86rem;
}

.customer-edit-details--general .detail-parent-compact input[b-mlpe155gpl] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #64748b;
    min-height: 40px;
    padding: 0 0.8rem;
}

[b-mlpe155gpl] .customer-edit-details--general .app-select-box__input {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font-size: 0.9rem;
    min-height: 40px;
    padding: 0 2.35rem 0 0.8rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

[b-mlpe155gpl] .customer-edit-details--general .app-select-box--has-value .app-select-box__input {
    padding-right: 4rem;
}

[b-mlpe155gpl] .customer-edit-details--general .app-select-box__input:focus {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
    outline: 0;
}

[b-mlpe155gpl] .customer-edit-details--general .app-select-box__input:disabled {
    color: #64748b;
    cursor: default;
    opacity: 1;
}

[b-mlpe155gpl] .customer-edit-details--general .app-select-box__clear,
[b-mlpe155gpl] .customer-edit-details--general .app-select-box__toggle {
    color: #64748b;
    height: 1.8rem;
    width: 1.8rem;
}

[b-mlpe155gpl] .customer-edit-details--general .app-select-box__clear {
    right: 1.9rem;
}

[b-mlpe155gpl] .customer-edit-details--general .app-select-box__toggle {
    right: 0.35rem;
}

[b-mlpe155gpl] .customer-edit-details--general .app-select-box__clear:hover,
[b-mlpe155gpl] .customer-edit-details--general .app-select-box__toggle:hover {
    color: #334155;
}

[b-mlpe155gpl] .customer-edit-details--general .app-select-box__dropdown {
    border-color: #dbe3ee;
    border-radius: 0.55rem;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.14);
    padding: 0.35rem;
    top: calc(100% + 0.35rem);
}

[b-mlpe155gpl] .customer-edit-details--general .app-select-box__option {
    border-radius: 0.42rem;
    font-size: 0.88rem;
    padding: 0.55rem 0.7rem;
}

[b-mlpe155gpl] .customer-parent-combo {
    min-width: 0;
}

.customer-parent-combo-item[b-mlpe155gpl] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding: 0.25rem 0;
}

.customer-parent-combo-avatar[b-mlpe155gpl] {
    align-items: center;
    background: #eef2ff;
    border: 1px solid #dbe3ff;
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 0.76rem;
    font-weight: 800;
    height: 2.15rem;
    justify-content: center;
    letter-spacing: 0;
    overflow: hidden;
    width: 2.15rem;
}

.customer-parent-combo-avatar img[b-mlpe155gpl] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.customer-parent-combo-content[b-mlpe155gpl] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.customer-parent-combo-code[b-mlpe155gpl],
.customer-parent-combo-title[b-mlpe155gpl],
.customer-parent-combo-subtitle[b-mlpe155gpl] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-parent-combo-code[b-mlpe155gpl],
.customer-parent-combo-subtitle[b-mlpe155gpl] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1.2;
}

.customer-parent-combo-title[b-mlpe155gpl] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
}

.customer-parent-combo-subtitle[b-mlpe155gpl] {
    font-size: 0.7rem;
    font-weight: 500;
}

[b-mlpe155gpl] .dx-edit-form .dxbl-text-edit,
[b-mlpe155gpl] .dx-edit-form .dxbl-spin-edit,
[b-mlpe155gpl] .dx-edit-form .dxbl-cmbbx,
[b-mlpe155gpl] .dx-edit-contacts .dxbl-text-edit,
[b-mlpe155gpl] .dx-edit-contacts .dxbl-spin-edit,
[b-mlpe155gpl] .dx-edit-contacts .dxbl-cmbbx,
[b-mlpe155gpl] .customer-edit-details .dxbl-text-edit,
[b-mlpe155gpl] .customer-edit-details .dxbl-spin-edit,
[b-mlpe155gpl] .customer-edit-details .dxbl-cmbbx {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    min-height: 40px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    width: 100%;
}

[b-mlpe155gpl] .dx-edit-form .dxbl-text-edit:focus-within,
[b-mlpe155gpl] .dx-edit-form .dxbl-spin-edit:focus-within,
[b-mlpe155gpl] .dx-edit-form .dxbl-cmbbx:focus-within,
[b-mlpe155gpl] .dx-edit-contacts .dxbl-text-edit:focus-within,
[b-mlpe155gpl] .dx-edit-contacts .dxbl-spin-edit:focus-within,
[b-mlpe155gpl] .dx-edit-contacts .dxbl-cmbbx:focus-within,
[b-mlpe155gpl] .customer-edit-details .dxbl-text-edit:focus-within,
[b-mlpe155gpl] .customer-edit-details .dxbl-spin-edit:focus-within,
[b-mlpe155gpl] .customer-edit-details .dxbl-cmbbx:focus-within {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.address-form-grid[b-mlpe155gpl] {
    display: grid;
    gap: 0.85rem 1.1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detail-parent-picker[b-mlpe155gpl] {
    display: grid;
    gap: 0.8rem;
    padding: 0.9rem 1rem 1rem;
}

.detail-parent-picker__grid[b-mlpe155gpl] {
    border: 1px solid #cbd5e1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-height: 365px;
    overflow: auto;
}

.detail-parent-picker__head[b-mlpe155gpl],
.detail-parent-picker__filter[b-mlpe155gpl] {
    background: #ffffff;
    border-bottom: 1px solid #cbd5e1;
    color: #1f2937;
    font-size: 0.78rem;
    font-weight: 700;
    min-height: 44px;
    padding: 0.75rem 1rem;
}

.detail-parent-picker__head:not(:last-of-type)[b-mlpe155gpl],
.detail-parent-picker__filter:not(:nth-of-type(3n))[b-mlpe155gpl] {
    border-right: 1px solid #e2e8f0;
}

.detail-parent-picker__filter[b-mlpe155gpl] {
    align-items: center;
    display: flex;
    min-height: 42px;
    padding-block: 0.55rem;
}

.detail-parent-picker__filter input[b-mlpe155gpl] {
    border: 1px solid #cbd5e1;
    border-radius: 0.25rem;
    font-size: 0.82rem;
    min-height: 25px;
    padding: 0 0.5rem;
    width: 100%;
}

.detail-parent-picker__filter input:focus[b-mlpe155gpl] {
    border-color: #6366f1;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.12);
    outline: 0;
}

.detail-parent-picker__row[b-mlpe155gpl] {
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    color: #0f172a;
    cursor: pointer;
    display: grid;
    font-size: 0.83rem;
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr 1fr;
    min-height: 36px;
    padding: 0;
    text-align: left;
    transition: background 0.12s ease;
}

.detail-parent-picker__row:hover[b-mlpe155gpl] {
    background: #f8fafc;
}

.detail-parent-picker__row span[b-mlpe155gpl] {
    align-items: center;
    display: flex;
    min-width: 0;
    overflow: hidden;
    padding: 0.45rem 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-parent-picker__empty[b-mlpe155gpl] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.45rem;
    color: #64748b;
    font-size: 0.85rem;
    padding: 0.7rem 0.9rem;
}

/* ============ TABS CARD ============ */
.tabs-card[b-mlpe155gpl] {
    display: flex;
    flex-direction: column;
    min-height: 600px;
    padding: 1.5rem 1.5rem 1.65rem;
}

.collapsed-details-action[b-mlpe155gpl] {
    display: flex;
    margin-bottom: 0.8rem;
}
.tab-content[b-mlpe155gpl] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
}

.tab-title-row h2[b-mlpe155gpl] {
    font-size: 1rem;
    min-width: 150px;
    white-space: nowrap;
}

.tab-title-actions[b-mlpe155gpl] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
    min-width: 0;
}

.tab-title-actions[b-mlpe155gpl]  .document-kind-tabs {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    gap: 0.45rem;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.tab-title-actions[b-mlpe155gpl]  .document-kind-tab {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.75rem;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.tab-title-actions[b-mlpe155gpl]  .document-kind-tab:hover {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.tab-title-actions[b-mlpe155gpl]  .document-kind-tab:focus-visible {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.18);
    outline: none;
}

.tab-title-actions[b-mlpe155gpl]  .document-kind-tab--active {
    background: rgba(29, 78, 216, 0.08);
    border-color: rgba(29, 78, 216, 0.22);
    color: #1d4ed8;
}

.tab-title-actions[b-mlpe155gpl]  .tab-add-button {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 1px solid transparent;
    border-radius: 0.55rem;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.30);
    color: #ffffff;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    min-height: 32px;
    padding: 0 0.8rem;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.tab-title-actions[b-mlpe155gpl]  .tab-add-button:hover,
.tab-title-actions[b-mlpe155gpl]  .tab-add-button:focus-visible {
    background: linear-gradient(135deg, #4338ca 0%, #6d28d9 60%, #a21caf 100%);
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(99, 102, 241, 0.42);
    color: #ffffff;
    filter: brightness(1.04);
}

.tab-title-actions[b-mlpe155gpl]  .tab-add-button:active {
    background: linear-gradient(135deg, #3730a3 0%, #5b21b6 60%, #86198f 100%);
    filter: none;
}
.tab-title-actions[b-mlpe155gpl]  .tab-create-wrap {
    position: relative;
}

.tab-title-actions[b-mlpe155gpl]  .tab-create-menu {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 0.45rem;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18);
    min-width: 168px;
    overflow: hidden;
    padding: 0.35rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.45rem);
    z-index: 20;
}

.tab-title-actions[b-mlpe155gpl]  .tab-create-menu__item {
    background: transparent;
    border: 0;
    border-radius: 0.35rem;
    color: #1f2937;
    cursor: pointer;
    display: block;
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0.58rem 0.72rem;
    text-align: left;
    width: 100%;
}

.tab-title-actions[b-mlpe155gpl]  .tab-create-menu__item:hover {
    background: #f1f5f9;
    color: #4338ca;
}

.customer-sales-tab[b-mlpe155gpl] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 420px;
    overflow: hidden;
}

[b-mlpe155gpl] .customer-sales-loading {
    flex: 1;
    height: 100%;
    min-height: 420px;
}

[b-mlpe155gpl] .customer-sales-loading > .dxbl-loading-panel-container,
[b-mlpe155gpl] .customer-sales-loading .dxbl-loading-panel-content {
    height: 100%;
    min-height: 420px;
}

[b-mlpe155gpl] .customer-sales-grid {
    border: 1px solid #dbe3ef;
    height: 100%;
    min-height: 420px;
}

[b-mlpe155gpl] .customer-sales-grid .dxbl-grid-empty-data-row td {
    color: #334155;
    font-size: 0.86rem;
}

.account-summary-filter[b-mlpe155gpl] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.account-summary-filter label[b-mlpe155gpl] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.account-summary-filter input[b-mlpe155gpl] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 0.45rem;
    color: #0f172a;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    min-height: 32px;
    padding: 0 0.65rem;
}

.account-summary-filter input:focus[b-mlpe155gpl] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
    outline: 0;
}

.account-summary-tab[b-mlpe155gpl] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.8rem;
    min-height: 420px;
    overflow: hidden;
}

.account-summary-cards[b-mlpe155gpl] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-summary-card[b-mlpe155gpl] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    display: grid;
    gap: 0.25rem;
    min-height: 72px;
    padding: 0.75rem 0.85rem;
}

.account-summary-card span[b-mlpe155gpl] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
}

.account-summary-card strong[b-mlpe155gpl] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

[b-mlpe155gpl] .account-summary-grid {
    cursor: pointer;
}

.account-summary-modal[b-mlpe155gpl] {
    max-width: min(1040px, calc(100vw - 2rem));
}

.account-summary-detail[b-mlpe155gpl] {
    display: grid;
    gap: 0.85rem;
    padding: 0.9rem 1rem 1rem;
}

.account-summary-detail__meta[b-mlpe155gpl] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-summary-detail__meta div[b-mlpe155gpl] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    display: grid;
    gap: 0.2rem;
    min-height: 66px;
    padding: 0.7rem 0.8rem;
}

.account-summary-detail__meta span[b-mlpe155gpl] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
}

.account-summary-detail__meta strong[b-mlpe155gpl] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-summary-detail__table[b-mlpe155gpl] {
    max-height: 420px;
}

.price-type-picker[b-mlpe155gpl] {
    display: grid;
    gap: 0.8rem;
    padding: 0.9rem 1rem 1rem;
}

.price-type-picker__filter input[b-mlpe155gpl] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0.4rem;
    font-size: 0.9rem;
    min-height: 38px;
    padding: 0 0.75rem;
    width: 100%;
}

.price-type-picker__filter input:focus[b-mlpe155gpl] {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
    outline: 0;
}

.price-type-picker__grid[b-mlpe155gpl] {
    border: 1px solid #cbd5e1;
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(140px, 0.7fr);
    max-height: 365px;
    overflow: auto;
}

.price-type-picker__head[b-mlpe155gpl] {
    background: #f8fafc;
    border-bottom: 1px solid #cbd5e1;
    color: #1f2937;
    font-size: 0.78rem;
    font-weight: 800;
    min-height: 44px;
    padding: 0.75rem 1rem;
}

.price-type-picker__head:first-child[b-mlpe155gpl] {
    border-right: 1px solid #e2e8f0;
}

.price-type-picker__row[b-mlpe155gpl] {
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    color: #0f172a;
    cursor: pointer;
    display: grid;
    font-size: 0.86rem;
    grid-column: 1 / -1;
    grid-template-columns: minmax(180px, 1fr) minmax(140px, 0.7fr);
    min-height: 38px;
    padding: 0;
    text-align: left;
}

.price-type-picker__row:hover[b-mlpe155gpl] {
    background: #f8fafc;
}

.price-type-picker__row span[b-mlpe155gpl] {
    align-items: center;
    display: flex;
    min-width: 0;
    overflow: hidden;
    padding: 0.5rem 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-type-picker__row span:first-child[b-mlpe155gpl] {
    border-right: 1px solid #eef2f7;
}

.price-type-picker__empty[b-mlpe155gpl] {
    align-items: center;
    color: #475569;
    display: flex;
    font-size: 0.86rem;
    grid-column: 1 / -1;
    justify-content: center;
    min-height: 160px;
}

/* ============ EMPTY STATE (inside tabs) ============ */
.empty-state[b-mlpe155gpl] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #e2e8f0;
    border-radius: 0.6rem;
    color: #64748b;
    display: flex;
    font-size: 0.88rem;
    gap: 0.6rem;
    min-height: 64px;
    padding: 0.75rem 1rem;
}

.empty-state svg[b-mlpe155gpl] {
    color: #94a3b8;
    flex-shrink: 0;
}

/* ============ SIMPLE TABLE ============ */
.simple-table-wrap[b-mlpe155gpl] {
    border: 1px solid #eef2f7;
    border-radius: 0.65rem;
    overflow: auto;
}

.simple-table[b-mlpe155gpl] {
    border-collapse: collapse;
    width: 100%;
}

.simple-table thead th[b-mlpe155gpl] {
    background: #f8fafc;
    border-bottom: 1px solid #eef2f7;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.65rem 0.85rem;
    text-align: left;
    text-transform: uppercase;
}

.simple-table tbody td[b-mlpe155gpl] {
    border-bottom: 1px solid #eef2f7;
    color: #1f2937;
    font-size: 0.9rem;
    padding: 0.65rem 0.85rem;
    text-align: left;
}

.simple-table tbody tr:last-child td[b-mlpe155gpl] {
    border-bottom: 0;
}

.simple-table tbody tr:hover td[b-mlpe155gpl] {
    background: rgba(99, 102, 241, 0.04);
}

.table-actions[b-mlpe155gpl] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    white-space: nowrap;
}

.table-action[b-mlpe155gpl] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 0.45rem;
    color: #334155;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 700;
    padding: 0.32rem 0.55rem;
}

.table-action:hover[b-mlpe155gpl] {
    background: #eef4ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.table-action--danger[b-mlpe155gpl] {
    border-color: #fecaca;
    color: #b91c1c;
}

.table-action--danger:hover[b-mlpe155gpl] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.address-grid-empty[b-mlpe155gpl] {
    min-height: 340px;
}

.address-grid-empty > div[b-mlpe155gpl] {
    align-items: center;
    color: #334155;
    display: flex;
    font-size: 0.86rem;
    justify-content: center;
    min-height: 285px;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1100px) {
    .detail-workspace[b-mlpe155gpl] {
        grid-template-columns: 1fr;
    }

    .profile-block[b-mlpe155gpl] {
        grid-template-columns: 1fr;
    }

    .dx-edit-body[b-mlpe155gpl] {
        flex-direction: column;
    }

    .dx-edit-avatar[b-mlpe155gpl] {
        flex: 0 0 130px;
        font-size: 1.75rem;
        height: 130px;
        margin: 0 auto;
        width: 130px;
    }

    .dx-edit-grid[b-mlpe155gpl] {
        grid-template-columns: 1fr;
    }

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

    .two-column[b-mlpe155gpl] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 640px) {
    .detail-hero[b-mlpe155gpl] {
        padding: 0.9rem 1rem;
    }

    .tab-title-row[b-mlpe155gpl] {
        align-items: stretch;
        flex-direction: column;
    }

    .tab-title-row h2[b-mlpe155gpl] {
        min-width: 0;
    }

    .tab-title-actions[b-mlpe155gpl] {
        justify-content: flex-start;
    }

    .account-summary-filter[b-mlpe155gpl],
    .account-summary-filter input[b-mlpe155gpl],
    .account-summary-filter .table-action[b-mlpe155gpl] {
        width: 100%;
    }

    .account-summary-filter[b-mlpe155gpl] {
        align-items: stretch;
        flex-direction: column;
    }

    .account-summary-cards[b-mlpe155gpl],
    .account-summary-detail__meta[b-mlpe155gpl] {
        grid-template-columns: 1fr;
    }

    .tab-title-actions[b-mlpe155gpl]  .document-kind-tabs {
        max-width: 100%;
    }

    .detail-hero__actions[b-mlpe155gpl] {
        width: 100%;
    }

    .dh-action[b-mlpe155gpl] {
        flex: 1 1 calc(50% - 0.25rem);
        justify-content: center;
    }

    .detail-parent-selected[b-mlpe155gpl] {
        grid-template-columns: 1fr;
    }

    .detail-parent-button[b-mlpe155gpl] {
        width: 100%;
    }

    .address-form-grid[b-mlpe155gpl] {
        grid-template-columns: 1fr;
    }

    .detail-parent-picker__grid[b-mlpe155gpl],
    .detail-parent-picker__row[b-mlpe155gpl] {
        grid-template-columns: minmax(110px, 0.8fr) minmax(140px, 1fr) minmax(120px, 0.8fr);
    }

}

@media (max-width: 420px) {
    .dh-action[b-mlpe155gpl] {
        flex: 1 1 100%;
    }
}

.crm-tab-actions[b-mlpe155gpl] {
    gap: .5rem;
}

.tab-add-button--secondary[b-mlpe155gpl] {
    background: #ffffff;
    border-color: #cdd5df;
    color: #334155;
}

[b-mlpe155gpl] .customer-crm-tabs {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    display: inline-flex;
    gap: 0.35rem;
    padding: 0.3rem;
    width: fit-content;
}

[b-mlpe155gpl] .customer-crm-tab {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    gap: 0.45rem;
    min-height: 34px;
    padding: 0 0.75rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
}

[b-mlpe155gpl] .customer-crm-tab:hover {
    background: #ffffff;
    border-color: #dbeafe;
    color: #1d4ed8;
}

[b-mlpe155gpl] .customer-crm-tab--active {
    background: #ffffff;
    border-color: #bfdbfe;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.10);
    color: #1d4ed8;
}

[b-mlpe155gpl] .customer-crm-tab__badge {
    align-items: center;
    background: rgba(37, 99, 235, 0.10);
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 900;
    height: 20px;
    justify-content: center;
    min-width: 20px;
    padding: 0 0.35rem;
}

.customer-crm-tab-panel[b-mlpe155gpl] {
    display: flex;
    flex: 1;
    min-height: 420px;
}

.customer-crm-tab-panel[b-mlpe155gpl]  .customer-sales-grid {
    flex: 1;
}

@media (max-width: 640px) {
    [b-mlpe155gpl] .customer-crm-tabs {
        align-items: stretch;
        display: grid;
        width: 100%;
    }

    [b-mlpe155gpl] .customer-crm-tab {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/Pages/Customer/CustomerPanel.razor.rz.scp.css */
/* ============ PAGE SHELL ============ */
.customer-panel-page[b-ca6p2i2j24] {
    color: #0f172a;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
    padding: 0.5rem 0 1.5rem;
    width: 100%;
}

.customer-panel-page *[b-ca6p2i2j24],
.customer-panel-page *[b-ca6p2i2j24]::before,
.customer-panel-page *[b-ca6p2i2j24]::after {
    box-sizing: border-box;
}

/* ============ HERO (header) ============ */
.customer-panel-hero[b-ca6p2i2j24] {
    align-items: center;
    background:
        radial-gradient(900px 320px at 90% -40%, rgba(192, 38, 211, 0.10), transparent 60%),
        radial-gradient(700px 280px at -10% 110%, rgba(99, 102, 241, 0.10), transparent 60%),
        #ffffff;
    border: 1px solid rgba(99, 102, 241, 0.10);
    border-radius: 1.1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 14px 32px rgba(15, 23, 42, 0.07);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    justify-content: space-between;
    padding: 1.25rem 1.4rem;
    position: relative;
    overflow: hidden;
}

.customer-panel-hero__intro[b-ca6p2i2j24] {
    align-items: center;
    display: flex;
    gap: 1rem;
    min-width: 0;
}

.customer-panel-hero__mark[b-ca6p2i2j24] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-radius: var(--app-avatar-radius);
    box-shadow: 0 10px 22px rgba(99, 102, 241, 0.32);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.customer-panel-hero__text[b-ca6p2i2j24] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.customer-panel-hero__eyebrow[b-ca6p2i2j24] {
    color: #6366f1;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.customer-panel-hero__title[b-ca6p2i2j24] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.1;
    margin: 0;
}

.customer-panel-hero__subtitle[b-ca6p2i2j24] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0.15rem 0 0;
}

.customer-panel-hero__subtitle strong[b-ca6p2i2j24] {
    color: #0f172a;
}

/* ============ ACTION BUTTONS ============ */
.customer-panel-hero__actions[b-ca6p2i2j24] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.cp-action[b-ca6p2i2j24] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.cp-action:hover[b-ca6p2i2j24] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4f46e5;
}

.cp-action:active[b-ca6p2i2j24] {
    transform: translateY(1px);
}

.cp-action:focus-visible[b-ca6p2i2j24] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.22);
    border-color: #6366f1;
}

.cp-action svg[b-ca6p2i2j24] {
    color: #6366f1;
}

.cp-action--primary[b-ca6p2i2j24] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.30);
    color: #ffffff;
}

.cp-action--primary svg[b-ca6p2i2j24] {
    color: #ffffff;
}

.cp-action--primary:hover[b-ca6p2i2j24] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(99, 102, 241, 0.40);
    color: #ffffff;
    filter: brightness(1.05);
}

.cp-action--primary:focus-visible[b-ca6p2i2j24] {
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.32), 0 8px 18px rgba(99, 102, 241, 0.30);
}

/* ============ STATS STRIP ============ */
.customer-panel-stats[b-ca6p2i2j24] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cp-stat[b-ca6p2i2j24] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.85rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.85rem 1rem;
    position: relative;
    overflow: hidden;
}

.cp-stat[b-ca6p2i2j24]::before {
    background: linear-gradient(180deg, #4f46e5 0%, #c026d3 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.cp-stat__label[b-ca6p2i2j24] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.cp-stat__value[b-ca6p2i2j24] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.1;
}

/* ============ PANEL LAYOUT ============ */
.customer-panel-layout[b-ca6p2i2j24] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    width: 100%;
}

/* ============ INLINE TAG (header content e.g. "24 Saat") ============ */
.cp-tag[b-ca6p2i2j24] {
    align-items: center;
    background: rgba(99, 102, 241, 0.10);
    border-radius: 999px;
    color: #4338ca;
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 600;
    gap: 0.35rem;
    letter-spacing: 0.01em;
    padding: 0.22rem 0.6rem;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1200px) {
    .customer-panel-stats[b-ca6p2i2j24] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .customer-panel-hero[b-ca6p2i2j24] {
        padding: 1.1rem;
    }

    .customer-panel-hero__actions[b-ca6p2i2j24] {
        width: 100%;
    }

    .cp-action[b-ca6p2i2j24] {
        flex: 1 1 calc(50% - 0.25rem);
        justify-content: center;
    }

    .customer-panel-layout[b-ca6p2i2j24] {
        grid-template-columns: 1fr;
    }

    .customer-panel-stats[b-ca6p2i2j24] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .cp-action[b-ca6p2i2j24] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Dashboard/CompanyDashboard.razor.rz.scp.css */
.company-dashboard-page[b-bfh6282eby] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: calc(100vh - 32px);
    color: #111827;
}

.company-dashboard-hero[b-bfh6282eby] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.company-dashboard-hero__intro[b-bfh6282eby] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.company-dashboard-hero__mark[b-bfh6282eby] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    border-radius: 8px;
    color: #0f766e;
    background: #ccfbf1;
}

.company-dashboard-hero__text[b-bfh6282eby] {
    min-width: 0;
}

.company-dashboard-hero__eyebrow[b-bfh6282eby],
.company-dashboard-section__eyebrow[b-bfh6282eby] {
    display: inline-flex;
    margin-bottom: 4px;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.company-dashboard-hero__title[b-bfh6282eby] {
    margin: 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: 0;
}

.company-dashboard-hero__subtitle[b-bfh6282eby] {
    margin: 6px 0 0;
    max-width: 680px;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.45;
}

.company-dashboard-hero__actions[b-bfh6282eby] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.company-dashboard-action[b-bfh6282eby] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: #334155;
    background: #ffffff;
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
    transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.company-dashboard-action:hover[b-bfh6282eby] {
    color: #0f172a;
    border-color: #94a3b8;
    background: #f8fafc;
    transform: translateY(-1px);
}

.company-dashboard-action--primary[b-bfh6282eby] {
    color: #ffffff;
    border-color: #2563eb;
    background: #2563eb;
}

.company-dashboard-action--primary:hover[b-bfh6282eby] {
    color: #ffffff;
    border-color: #1d4ed8;
    background: #1d4ed8;
}

.company-dashboard-action__badge[b-bfh6282eby] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    margin-left: 2px;
    padding: 0 8px;
    border: 1px solid rgba(191, 219, 254, 0.75);
    border-radius: 999px;
    color: #1e3a8a;
    background: #eff6ff;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.company-dashboard-stats[b-bfh6282eby] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.company-stat[b-bfh6282eby] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 124px;
    padding: 15px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.company-stat:hover[b-bfh6282eby] {
    border-color: #cbd5e1;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.company-stat__label[b-bfh6282eby] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 700;
}

.company-stat__value[b-bfh6282eby] {
    color: #0f172a;
    font-size: clamp(1.25rem, 1.8vw, 1.75rem);
    font-weight: 800;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.company-stat__meta[b-bfh6282eby] {
    margin-top: auto;
    color: #64748b;
    font-size: 0.8rem;
}

.company-stat--finance[b-bfh6282eby] {
    border-top: 3px solid #2563eb;
}

.company-stat--customer[b-bfh6282eby] {
    border-top: 3px solid #0f766e;
}

.company-stat--sales[b-bfh6282eby] {
    border-top: 3px solid #7c3aed;
}

.company-stat--stock[b-bfh6282eby] {
    border-top: 3px solid #d97706;
}

.company-stat--crm[b-bfh6282eby] {
    border-top: 3px solid #db2777;
}

.company-stat--einvoice[b-bfh6282eby] {
    border-top: 3px solid #0891b2;
}

.company-dashboard-grid[b-bfh6282eby] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.company-dashboard-section[b-bfh6282eby] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 230px;
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.company-dashboard-section--wide[b-bfh6282eby] {
    grid-column: span 2;
}

.company-dashboard-section__header[b-bfh6282eby] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.company-dashboard-section__header h2[b-bfh6282eby] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0;
}

.company-dashboard-section__header a[b-bfh6282eby] {
    flex: 0 0 auto;
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
}

.company-dashboard-section__header a:hover[b-bfh6282eby] {
    text-decoration: underline;
}

.company-cash-grid[b-bfh6282eby] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.company-cash-item[b-bfh6282eby] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 86px;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.company-cash-item span[b-bfh6282eby] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.company-cash-item strong[b-bfh6282eby] {
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.company-balance-list[b-bfh6282eby],
.company-metric-list[b-bfh6282eby],
.company-agenda-list[b-bfh6282eby],
.company-risk-list[b-bfh6282eby] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.company-balance-row[b-bfh6282eby],
.company-metric-row[b-bfh6282eby],
.company-agenda-row[b-bfh6282eby] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #0f172a;
    background: #f8fafc;
    text-decoration: none;
}

.company-metric-row:hover[b-bfh6282eby],
.company-agenda-row:hover[b-bfh6282eby] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.company-balance-row span[b-bfh6282eby],
.company-metric-row span[b-bfh6282eby],
.company-agenda-row small[b-bfh6282eby] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.company-balance-row strong[b-bfh6282eby],
.company-metric-row strong[b-bfh6282eby] {
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.company-balance-row--strong[b-bfh6282eby] {
    border-color: #bae6fd;
    background: #f0f9ff;
}

.company-balance-note[b-bfh6282eby] {
    padding: 4px 2px 0;
    color: #64748b;
    font-size: 0.8rem;
}

.company-agenda-row[b-bfh6282eby] {
    align-items: flex-start;
}

.company-agenda-row > span[b-bfh6282eby] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.company-agenda-row strong[b-bfh6282eby] {
    color: #0f172a;
    font-size: 0.88rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-agenda-row em[b-bfh6282eby] {
    flex: 0 0 auto;
    color: #334155;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 800;
}

.company-empty[b-bfh6282eby] {
    display: flex;
    align-items: center;
    min-height: 70px;
    padding: 12px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #64748b;
    background: #f8fafc;
    font-size: 0.86rem;
}

.company-risk[b-bfh6282eby] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 11px 12px;
    border: 1px solid #e2e8f0;
    border-left-width: 4px;
    border-radius: 8px;
    color: #0f172a;
    background: #ffffff;
    text-decoration: none;
}

.company-risk span[b-bfh6282eby] {
    font-size: 0.88rem;
    font-weight: 800;
}

.company-risk small[b-bfh6282eby] {
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.35;
}

.company-risk--danger[b-bfh6282eby] {
    border-left-color: #dc2626;
}

.company-risk--warning[b-bfh6282eby] {
    border-left-color: #d97706;
}

.company-risk--info[b-bfh6282eby] {
    border-left-color: #2563eb;
}

.company-risk--neutral[b-bfh6282eby] {
    border-left-color: #64748b;
}

.company-risk--success[b-bfh6282eby] {
    border-left-color: #16a34a;
}

.company-risk:hover[b-bfh6282eby] {
    background: #f8fafc;
}

.company-module-grid[b-bfh6282eby] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
}

.company-module[b-bfh6282eby] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 112px;
    padding: 13px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #0f172a;
    background: #f8fafc;
    text-decoration: none;
}

.company-module:hover[b-bfh6282eby] {
    border-color: #cbd5e1;
    background: #ffffff;
}

.company-module span[b-bfh6282eby] {
    color: #475569;
    font-size: 0.8rem;
    font-weight: 800;
}

.company-module strong[b-bfh6282eby] {
    color: #0f172a;
    font-size: 1.2rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.company-module small[b-bfh6282eby] {
    margin-top: auto;
    color: #64748b;
    font-size: 0.76rem;
    line-height: 1.25;
}

.company-module--customer[b-bfh6282eby] {
    border-top: 3px solid #0f766e;
}

.company-module--stock[b-bfh6282eby] {
    border-top: 3px solid #d97706;
}

.company-module--sales[b-bfh6282eby] {
    border-top: 3px solid #7c3aed;
}

.company-module--purchase[b-bfh6282eby] {
    border-top: 3px solid #475569;
}

.company-module--finance[b-bfh6282eby] {
    border-top: 3px solid #2563eb;
}

.company-module--crm[b-bfh6282eby] {
    border-top: 3px solid #db2777;
}

.company-module--einvoice[b-bfh6282eby] {
    border-top: 3px solid #0891b2;
}

@media (max-width: 1280px) {
    .company-dashboard-stats[b-bfh6282eby] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .company-module-grid[b-bfh6282eby] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .company-dashboard-hero[b-bfh6282eby] {
        flex-direction: column;
    }

    .company-dashboard-hero__actions[b-bfh6282eby] {
        justify-content: flex-start;
    }

    .company-dashboard-grid[b-bfh6282eby] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company-dashboard-section--wide[b-bfh6282eby] {
        grid-column: span 2;
    }

    .company-cash-grid[b-bfh6282eby] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .company-dashboard-page[b-bfh6282eby] {
        gap: 14px;
    }

    .company-dashboard-hero[b-bfh6282eby],
    .company-dashboard-section[b-bfh6282eby] {
        padding: 14px;
    }

    .company-dashboard-hero__intro[b-bfh6282eby] {
        flex-direction: column;
    }

    .company-dashboard-hero__actions[b-bfh6282eby],
    .company-dashboard-action[b-bfh6282eby] {
        width: 100%;
    }

    .company-dashboard-stats[b-bfh6282eby],
    .company-dashboard-grid[b-bfh6282eby],
    .company-cash-grid[b-bfh6282eby],
    .company-module-grid[b-bfh6282eby] {
        grid-template-columns: 1fr;
    }

    .company-dashboard-section--wide[b-bfh6282eby] {
        grid-column: auto;
    }
}
/* /Components/Pages/DocumentArchive/DocumentArchiveCenter.razor.rz.scp.css */
.document-archive-page[b-d9in6jhglb] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
    min-height: calc(100vh - 24px);
    padding: 12px;
    background: #eef1f5;
    color: #1f2933;
}

.archive-toolbar[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: auto auto minmax(180px, 1fr) minmax(220px, 340px);
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 8px 12px;
    border: 1px solid #d7dde7;
    border-radius: 8px;
    background: #fbfcfe;
    box-shadow: 0 1px 2px rgba(31, 41, 51, .06);
}

.archive-window-controls[b-d9in6jhglb],
.archive-actions[b-d9in6jhglb],
.archive-detail-actions[b-d9in6jhglb],
.archive-editor-actions[b-d9in6jhglb],
.archive-version-form[b-d9in6jhglb],
.archive-permission[b-d9in6jhglb] {
    display: flex;
    align-items: center;
}

.archive-window-controls[b-d9in6jhglb] {
    gap: 7px;
}

.archive-window-controls span[b-d9in6jhglb] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #e56b63;
}

.archive-window-controls span:nth-child(2)[b-d9in6jhglb] {
    background: #e5b34d;
}

.archive-window-controls span:nth-child(3)[b-d9in6jhglb] {
    background: #61b36b;
}

.archive-actions[b-d9in6jhglb] {
    gap: 8px;
    flex-wrap: wrap;
}

.archive-folder-input[b-d9in6jhglb] {
    width: 150px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 10px;
    background: #fff;
}

.archive-path[b-d9in6jhglb] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #5f6b7a;
}

.archive-path strong[b-d9in6jhglb],
.archive-path span[b-d9in6jhglb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-search[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

.archive-search input[b-d9in6jhglb],
.archive-create input[b-d9in6jhglb],
.archive-create textarea[b-d9in6jhglb] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 9px 10px;
    background: #fff;
    color: #1f2933;
}

.archive-layout[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-height: 0;
}

.archive-browser[b-d9in6jhglb],
.archive-panel[b-d9in6jhglb] {
    border-radius: 8px;
    background: #fff;
}

.archive-panel form[b-d9in6jhglb] {
    display: grid;
    gap: 10px;
}

.archive-browser h1[b-d9in6jhglb],
.archive-panel h3[b-d9in6jhglb] {
    margin: 0;
}

.archive-panel h3[b-d9in6jhglb] {
    font-size: 15px;
}

.archive-browser[b-d9in6jhglb] {
    position: relative;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 12px;
    min-height: 640px;
    padding: 16px;
    border: 0;
    background: transparent;
    overflow: auto;
}

.archive-browser.is-dragging[b-d9in6jhglb] {
    outline: 2px solid #244b7a;
    outline-offset: -6px;
    background: #f8fbff;
}

.archive-browser-head[b-d9in6jhglb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.archive-browser-head h1[b-d9in6jhglb] {
    font-size: 22px;
}

.archive-browser-head p[b-d9in6jhglb],
.archive-detail p[b-d9in6jhglb] {
    margin: 4px 0 0;
    color: #64748b;
}

.archive-drop-hint[b-d9in6jhglb] {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px dashed #b7c3d3;
    border-radius: 8px;
    background: #fbfcfe;
    color: #526170;
}

.archive-drop-hint span[b-d9in6jhglb] {
    color: #64748b;
}

.archive-list[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(126px, 1fr));
    align-content: start;
    gap: 12px;
    min-height: 280px;
}

.archive-item[b-d9in6jhglb] {
    position: relative;
    min-height: 132px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #1f2933;
    text-align: center;
}

.archive-item:hover[b-d9in6jhglb] {
    border-color: #dbe3ee;
    background: #f6f9fd;
}

.archive-item-main[b-d9in6jhglb] {
    display: grid;
    grid-template-rows: 70px auto;
    justify-items: center;
    gap: 8px;
    width: 100%;
    min-height: 130px;
    padding: 12px 10px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: center;
    cursor: pointer;
}

.archive-item-info[b-d9in6jhglb] {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid #cbd5e1;
    border-radius: 50%;
    background: rgba(255, 255, 255, .94);
    color: #244b7a;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    opacity: 0;
    transition: opacity .15s ease, background-color .15s ease;
}

.archive-item:hover .archive-item-info[b-d9in6jhglb],
.archive-item-info:focus-visible[b-d9in6jhglb] {
    opacity: 1;
}

.archive-item-info:hover[b-d9in6jhglb] {
    background: #e8eef7;
}

.archive-item--drop-target[b-d9in6jhglb] {
    border-color: #244b7a;
    background: #eaf3ff;
    box-shadow: inset 0 0 0 1px #244b7a;
}

.archive-item-icon[b-d9in6jhglb] {
    display: grid;
    place-items: center;
    width: 70px;
    height: 60px;
    border-radius: 8px;
    background: #e6edf6;
    color: #244b7a;
    font-size: 13px;
    font-weight: 800;
}

.archive-item--folder .archive-item-icon[b-d9in6jhglb] {
    background: linear-gradient(180deg, #f8d66b 0%, #eab83f 100%);
    color: #4f3700;
}

.archive-item strong[b-d9in6jhglb],
.archive-item small[b-d9in6jhglb] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-item strong[b-d9in6jhglb] {
    font-size: 13px;
}

.archive-item small[b-d9in6jhglb],
.archive-permission small[b-d9in6jhglb] {
    color: #64748b;
    font-size: 12px;
}

.archive-info-modal__body[b-d9in6jhglb] {
    display: grid;
    gap: 12px;
}

.archive-detail-header[b-d9in6jhglb] {
    display: grid;
    gap: 12px;
    margin-bottom: 0;
}

.archive-type[b-d9in6jhglb] {
    color: #526780;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.archive-detail-actions[b-d9in6jhglb] {
    flex-wrap: wrap;
    gap: 8px;
}

.archive-button[b-d9in6jhglb],
.archive-icon-button[b-d9in6jhglb],
.archive-search button[b-d9in6jhglb],
.archive-panel button[b-d9in6jhglb],
.archive-table button[b-d9in6jhglb] {
    border: 0;
    border-radius: 6px;
    padding: 9px 12px;
    background: #244b7a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
}

.archive-icon-button[b-d9in6jhglb] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    background: #e6ebf2;
    color: #1f334d;
    font-size: 16px;
}

.archive-button--secondary[b-d9in6jhglb] {
    background: #e6ebf2;
    color: #1f334d;
}

.archive-button--ghost[b-d9in6jhglb] {
    background: transparent;
    color: #526170;
}

.archive-button:disabled[b-d9in6jhglb],
.archive-icon-button:disabled[b-d9in6jhglb],
.archive-panel button:disabled[b-d9in6jhglb] {
    opacity: .55;
    cursor: not-allowed;
}

.archive-drop-progress[b-d9in6jhglb] {
    display: grid;
    gap: 6px;
    min-width: 240px;
}

.archive-drop-progress progress[b-d9in6jhglb] {
    width: 100%;
    height: 10px;
}

.archive-stats[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.archive-stats div[b-d9in6jhglb] {
    padding: 10px;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #f9fafb;
}

.archive-stats strong[b-d9in6jhglb],
.archive-stats span[b-d9in6jhglb] {
    display: block;
}

.archive-stats span[b-d9in6jhglb] {
    color: #64748b;
    font-size: 12px;
}

.archive-detail-grid[b-d9in6jhglb] {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
}

.archive-panel[b-d9in6jhglb] {
    padding: 12px;
    border: 1px solid #d7dde7;
    margin-bottom: 12px;
}

.archive-panel h3[b-d9in6jhglb] {
    margin-bottom: 12px;
}

.archive-panel form > label:not(.app-modal-field)[b-d9in6jhglb] {
    color: #526170;
    font-size: 13px;
    font-weight: 600;
}

.archive-version-form[b-d9in6jhglb] {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}

.archive-empty[b-d9in6jhglb] {
    padding: 14px;
    color: #64748b;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
}

.archive-empty--browser[b-d9in6jhglb] {
    display: grid;
    place-items: center;
    min-height: 260px;
    grid-column: 1 / -1;
}

.archive-table[b-d9in6jhglb] {
    display: grid;
    gap: 6px;
    overflow-x: auto;
}

.archive-table-row[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: 70px minmax(140px, 1fr) 86px 126px 70px;
    align-items: center;
    gap: 8px;
    min-width: 560px;
    padding: 8px;
    border-bottom: 1px solid #edf1f6;
    font-size: 13px;
}

.archive-table-row--head[b-d9in6jhglb] {
    color: #526170;
    font-weight: 700;
}

.archive-permissions[b-d9in6jhglb] {
    display: grid;
    gap: 8px;
}

.archive-permission[b-d9in6jhglb] {
    justify-content: space-between;
    gap: 12px;
    padding: 10px;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
}

.archive-editor-backdrop[b-d9in6jhglb] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, .42);
}

.archive-editor-modal[b-d9in6jhglb] {
    display: grid;
    grid-template-rows: 54px 1fr;
    width: min(1440px, calc(100vw - 40px));
    height: min(920px, calc(100vh - 40px));
    overflow: hidden;
    border: 1px solid #cfd8e6;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 22px 70px rgba(15, 23, 42, .24);
}

.archive-editor-header[b-d9in6jhglb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px 8px 16px;
    border-bottom: 1px solid #d7dde7;
    background: #fbfcfe;
}

.archive-editor-actions[b-d9in6jhglb] {
    justify-content: flex-end;
    gap: 8px;
}

.archive-version-select[b-d9in6jhglb] {
    max-width: min(360px, 34vw);
    height: 34px;
    min-width: 190px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #1f2933;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 700;
}

.archive-viewer-tabs[b-d9in6jhglb] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #eef3f8;
}

.archive-viewer-tab[b-d9in6jhglb] {
    min-height: 28px;
    padding: 4px 10px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #526170;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.archive-viewer-tab:hover[b-d9in6jhglb] {
    color: #173b63;
    background: #dfe9f4;
}

.archive-viewer-tab.is-active[b-d9in6jhglb] {
    color: #fff;
    background: #244b7a;
}

.archive-editor-header strong[b-d9in6jhglb],
.archive-editor-header span[b-d9in6jhglb] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-editor-header span[b-d9in6jhglb] {
    color: #64748b;
    font-size: 12px;
}

.archive-editor-frame[b-d9in6jhglb] {
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}

.archive-code-viewer[b-d9in6jhglb] {
    min-height: 0;
    overflow: auto;
    background: #0f172a;
    color: #e5edf7;
}

.archive-code-viewer pre[b-d9in6jhglb] {
    min-height: 100%;
    margin: 0;
    padding: 18px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 13px;
    line-height: 1.55;
    tab-size: 4;
    white-space: pre;
}

.archive-code-viewer code[b-d9in6jhglb] {
    color: inherit;
}

.archive-text-editor-shell[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    background: #1e1e1e;
    overflow: hidden;
}

.archive-text-editor-shell--preview[b-d9in6jhglb] {
    background: #fff;
}

.archive-monaco-editor[b-d9in6jhglb],
.archive-html-preview[b-d9in6jhglb] {
    width: 100%;
    height: 100%;
    min-height: 0;
}

.archive-html-preview[b-d9in6jhglb] {
    border: 0;
    background: #fff;
}

.archive-viewer-empty[b-d9in6jhglb] {
    margin: 16px;
}

@media (max-width: 1180px) {
    .archive-layout[b-d9in6jhglb] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 780px) {
    .archive-toolbar[b-d9in6jhglb],
    .archive-layout[b-d9in6jhglb] {
        grid-template-columns: 1fr;
    }

    .archive-window-controls[b-d9in6jhglb] {
        display: none;
    }

    .archive-browser[b-d9in6jhglb] {
        min-height: 480px;
    }

    .archive-browser-head[b-d9in6jhglb],
    .archive-drop-hint[b-d9in6jhglb] {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Explorer-like document archive layout */
.document-archive-page[b-d9in6jhglb] {
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0;
    height: calc(100dvh - 24px);
    min-height: 0;
    overflow: hidden;
}

.archive-toolbar[b-d9in6jhglb] {
    margin-bottom: 10px;
}

.archive-path[b-d9in6jhglb] {
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid #d7dde7;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}

.archive-path button[b-d9in6jhglb] {
    min-width: 0;
    max-width: 220px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #244b7a;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-layout[b-d9in6jhglb] {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 12px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.archive-sidebar[b-d9in6jhglb] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    border: 1px solid #d7dde7;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.archive-sidebar-head[b-d9in6jhglb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 42px;
    padding: 8px 10px;
    border-bottom: 1px solid #e3e8ef;
    background: #fbfcfe;
}

.archive-tree[b-d9in6jhglb] {
    display: grid;
    align-content: start;
    gap: 1px;
    min-height: 0;
    padding: 6px;
    overflow: auto;
}

.archive-tree-node[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: 12px 22px minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 4px 8px 4px calc(8px + (var(--tree-level, 0) * 18px));
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #1f2933;
    text-align: left;
    cursor: pointer;
}

.archive-tree-node:hover[b-d9in6jhglb],
.archive-tree-node.is-active[b-d9in6jhglb] {
    background: #eaf1fb;
    color: #173b63;
}

.archive-tree-node--drop-target[b-d9in6jhglb] {
    background: #dcecff;
    color: #123c66;
    box-shadow: inset 0 0 0 1px #6aa2df;
}

.archive-tree-caret[b-d9in6jhglb] {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #748094;
}

.archive-tree-icon[b-d9in6jhglb] {
    color: #d09b21;
    font-size: 15px;
}

.archive-tree-node span:last-child[b-d9in6jhglb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-browser[b-d9in6jhglb] {
    grid-template-rows: auto auto auto minmax(0, 1fr);
    min-height: 0;
    padding: 12px;
    border: 1px solid #d7dde7;
    background: #fff;
    overflow: hidden;
}

.archive-browser-head[b-d9in6jhglb] {
    min-height: 44px;
}

.archive-browser-head h1[b-d9in6jhglb] {
    font-size: 18px;
}

.archive-browser-head p[b-d9in6jhglb] {
    font-size: 12px;
}

.archive-selection-bar[b-d9in6jhglb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 40px;
    padding: 7px 8px;
    border: 1px solid #d7dde7;
    border-radius: 8px;
    background: #f8fafc;
}

.archive-selection-bar.is-empty[b-d9in6jhglb] {
    background: #fbfcfe;
}

.archive-selection-check[b-d9in6jhglb],
.archive-selection-actions[b-d9in6jhglb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.archive-selection-check[b-d9in6jhglb] {
    color: #526170;
    font-size: 13px;
    font-weight: 700;
}

.archive-selection-check input[b-d9in6jhglb],
.archive-item-select input[b-d9in6jhglb] {
    width: 16px;
    height: 16px;
    accent-color: #244b7a;
}

.archive-selection-actions[b-d9in6jhglb] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.archive-list[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 0;
    min-height: 0;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #fff;
    overflow: auto;
}

.archive-list[aria-busy="true"][b-d9in6jhglb] {
    min-height: 0;
}

.archive-item[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 150px 96px 132px;
    align-items: center;
    min-height: 43px;
    border: 0;
    border-bottom: 1px solid #edf1f6;
    border-radius: 0;
    background: #fff;
    text-align: left;
}

.archive-item:last-child[b-d9in6jhglb] {
    border-bottom: 0;
}

.archive-item:hover[b-d9in6jhglb],
.archive-item--selected[b-d9in6jhglb] {
    background: #f1f6fd;
}

.archive-item[draggable="true"][b-d9in6jhglb] {
    cursor: grab;
}

.archive-item--dragging[b-d9in6jhglb] {
    opacity: .58;
}

.archive-item-select[b-d9in6jhglb] {
    display: grid;
    place-items: center;
    height: 100%;
    cursor: pointer;
}

.archive-item-main[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: none;
    align-items: center;
    justify-items: stretch;
    gap: 8px;
    min-width: 0;
    min-height: 42px;
    padding: 5px 10px;
    text-align: left;
}

.archive-item-icon[b-d9in6jhglb] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    font-size: 11px;
}

.archive-item-text[b-d9in6jhglb] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.archive-item strong[b-d9in6jhglb],
.archive-item small[b-d9in6jhglb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-item-date[b-d9in6jhglb],
.archive-item-size[b-d9in6jhglb],
.archive-item-actions[b-d9in6jhglb] {
    min-width: 0;
    padding: 0 8px;
    color: #64748b;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-item-actions[b-d9in6jhglb] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.archive-row-action[b-d9in6jhglb] {
    min-height: 28px;
    padding: 5px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #1f334d;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.archive-row-action:hover[b-d9in6jhglb] {
    border-color: #8fb1d8;
    background: #eef4fb;
    color: #173b63;
}

.archive-empty--browser[b-d9in6jhglb] {
    min-height: 160px;
    margin: 12px;
}

.archive-context-menu[b-d9in6jhglb] {
    position: fixed;
    z-index: 1300;
    display: grid;
    min-width: 190px;
    padding: 6px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .18);
}

.archive-context-menu button[b-d9in6jhglb] {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #1f2933;
    text-align: left;
    cursor: pointer;
}

.archive-context-menu button:hover[b-d9in6jhglb] {
    background: #eef4fb;
}

.archive-context-menu .archive-context-danger[b-d9in6jhglb] {
    color: #9b1c1c;
}

.archive-share-list[b-d9in6jhglb] {
    display: grid;
    gap: 8px;
}

.archive-share-row[b-d9in6jhglb],
.archive-email-attachment[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #f8fafc;
}

.archive-share-row span[b-d9in6jhglb],
.archive-email-attachment span:last-child[b-d9in6jhglb] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.archive-share-row strong[b-d9in6jhglb],
.archive-share-row small[b-d9in6jhglb],
.archive-email-attachment strong[b-d9in6jhglb],
.archive-email-attachment small[b-d9in6jhglb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-share-row small[b-d9in6jhglb],
.archive-email-attachment small[b-d9in6jhglb],
.archive-email-note[b-d9in6jhglb] {
    color: #64748b;
    font-size: 12px;
}

.archive-email-body textarea[b-d9in6jhglb] {
    min-height: 150px;
    resize: vertical;
}

.archive-email-attachments[b-d9in6jhglb] {
    display: grid;
    gap: 8px;
    margin-top: 4px;
}

.archive-email-section-title[b-d9in6jhglb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #526170;
}

.archive-email-attachment[b-d9in6jhglb] {
    grid-template-columns: 34px minmax(0, 1fr);
}

.archive-new-file-body[b-d9in6jhglb] {
    gap: 8px;
}

.archive-new-file-type-summary[b-d9in6jhglb],
.archive-new-file-note[b-d9in6jhglb],
.archive-field-hint[b-d9in6jhglb] {
    color: #64748b;
    font-size: 12px;
}

.archive-new-file-type-summary[b-d9in6jhglb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #f8fafc;
}

.archive-new-file-type-summary span[b-d9in6jhglb] {
    min-width: 54px;
    padding: 4px 8px;
    border-radius: 6px;
    background: #e6edf6;
    color: #244b7a;
    font-weight: 800;
    text-align: center;
}

.archive-new-file-type-summary strong[b-d9in6jhglb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-field-hint[b-d9in6jhglb] {
    margin-top: -4px;
}

.archive-new-file-content[b-d9in6jhglb] {
    min-height: 180px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 12px;
    line-height: 1.5;
    resize: vertical;
}

.archive-new-file-note[b-d9in6jhglb] {
    padding: 10px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #fbfcfe;
}

.archive-inline-check[b-d9in6jhglb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.archive-inline-check input[b-d9in6jhglb] {
    width: 16px;
    height: 16px;
    accent-color: #244b7a;
}

.archive-operation-source[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 9px;
    border: 1px solid #e1e6ef;
    border-radius: 8px;
    background: #f8fafc;
}

.archive-operation-source span:last-child[b-d9in6jhglb] {
    display: grid;
    min-width: 0;
}

.archive-operation-source strong[b-d9in6jhglb],
.archive-operation-source small[b-d9in6jhglb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1180px) {
    .archive-layout[b-d9in6jhglb] {
        grid-template-columns: 250px minmax(0, 1fr);
    }
}

@media (max-width: 840px) {
    .document-archive-page[b-d9in6jhglb] {
        height: auto;
        min-height: calc(100dvh - 24px);
        overflow: visible;
    }

    .archive-layout[b-d9in6jhglb] {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .archive-sidebar[b-d9in6jhglb] {
        max-height: 260px;
    }

    .archive-browser[b-d9in6jhglb] {
        min-height: 520px;
    }

    .archive-item[b-d9in6jhglb] {
        grid-template-columns: 34px minmax(0, 1fr) 118px;
    }

    .archive-item-date[b-d9in6jhglb],
    .archive-item-size[b-d9in6jhglb] {
        display: none;
    }

    .archive-item-actions[b-d9in6jhglb] {
        padding: 0 4px;
    }

    .archive-row-action[b-d9in6jhglb] {
        padding: 5px 6px;
    }

    .archive-selection-bar[b-d9in6jhglb] {
        align-items: stretch;
        flex-direction: column;
    }

    .archive-selection-actions[b-d9in6jhglb] {
        justify-content: stretch;
    }

    .archive-selection-actions .archive-button[b-d9in6jhglb] {
        flex: 1 1 auto;
    }

    .archive-version-form[b-d9in6jhglb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/EInvoices/EInvoiceCenter.razor.rz.scp.css */
.e-invoice-list-page[b-q5yn86beps] {
    color: #18212f;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    height: calc(100dvh - 1.1rem);
    min-height: 0;
    overflow: hidden;
}

.e-invoice-list-page *[b-q5yn86beps],
.e-invoice-list-page *[b-q5yn86beps]::before,
.e-invoice-list-page *[b-q5yn86beps]::after {
    box-sizing: border-box;
}

.e-invoice-list-page > .app-data-grid[b-q5yn86beps] {
    flex: 1 1 auto;
    min-height: 0;
}

.e-invoice-list-page[b-q5yn86beps]  .toolbar {
    flex: 0 0 58px;
    height: 58px;
    max-height: 58px;
    min-height: 58px;
    overflow: hidden;
}

.e-invoice-list-page[b-q5yn86beps]  .toolbar .dxbl-toolbar {
    align-items: center;
    flex-wrap: nowrap;
    height: 38px;
    min-height: 38px;
    min-width: 0;
    overflow: hidden;
}

.e-invoice-list-page[b-q5yn86beps]  .toolbar .custom-toolbar-content,
.e-invoice-list-page[b-q5yn86beps]  .toolbar .custom-toolbar-content .custom-item {
    min-width: 0;
    overflow: visible;
}

.e-invoice-toolbar-content[b-q5yn86beps] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.e-invoice-tabs[b-q5yn86beps],
.e-invoice-toolbar-actions[b-q5yn86beps] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.45rem;
    min-width: 0;
}

.e-invoice-tabs[b-q5yn86beps] {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.e-invoice-toolbar-actions[b-q5yn86beps] {
    flex: 0 0 auto;
}

.e-invoice-tab[b-q5yn86beps],
.e-invoice-tool-button[b-q5yn86beps] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.75rem;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
    white-space: nowrap;
}

.e-invoice-tab:hover[b-q5yn86beps],
.e-invoice-tool-button:hover:not(:disabled)[b-q5yn86beps] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.e-invoice-tab:focus-visible[b-q5yn86beps],
.e-invoice-tool-button:focus-visible[b-q5yn86beps] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
    outline: none;
}

.e-invoice-tab.is-active[b-q5yn86beps] {
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.22);
    color: #2563eb;
}

.e-invoice-tool-button--primary[b-q5yn86beps] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.e-invoice-tool-button--danger[b-q5yn86beps] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b42318;
}

.e-invoice-tool-button:disabled[b-q5yn86beps] {
    cursor: not-allowed;
    opacity: 0.6;
}

.e-invoice-message-stack[b-q5yn86beps] {
    display: grid;
    flex: 0 0 auto;
    gap: 0.45rem;
    min-height: 0;
}

.e-invoice-document-cell[b-q5yn86beps],
.e-invoice-party[b-q5yn86beps] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.e-invoice-document-cell strong[b-q5yn86beps],
.e-invoice-document-cell small[b-q5yn86beps],
.e-invoice-party strong[b-q5yn86beps],
.e-invoice-party small[b-q5yn86beps] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-invoice-document-cell strong[b-q5yn86beps],
.e-invoice-party strong[b-q5yn86beps],
.e-invoice-total[b-q5yn86beps] {
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
}

.e-invoice-document-cell small[b-q5yn86beps],
.e-invoice-party small[b-q5yn86beps] {
    color: #64748b;
    font-size: 12px;
}

.e-invoice-status[b-q5yn86beps] {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 800;
    justify-content: center;
    min-height: 24px;
    min-width: 5.2rem;
    padding: 0.2rem 0.58rem;
}

.e-invoice-status-cell[b-q5yn86beps] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.e-invoice-status-cell small[b-q5yn86beps] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-invoice-status--ready[b-q5yn86beps] {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #047857;
}

.e-invoice-status--danger[b-q5yn86beps] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b42318;
}

.e-invoice-row-actions[b-q5yn86beps] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.35rem;
    min-width: 0;
}

.e-invoice-row-action[b-q5yn86beps] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cdd5df;
    border-radius: 4px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    padding: 0 0.55rem;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.e-invoice-row-action:hover[b-q5yn86beps] {
    background: #eef4ff;
    border-color: #86aee8;
    color: #1d4ed8;
    transform: translateX(1px);
}

.e-invoice-row-action--primary[b-q5yn86beps] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.e-invoice-row-action--danger[b-q5yn86beps] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b42318;
}

.e-invoice-row-action:disabled[b-q5yn86beps] {
    cursor: not-allowed;
    opacity: 0.58;
    transform: none;
}

.e-invoice-detail-backdrop[b-q5yn86beps] {
    align-items: stretch;
    background: rgba(15, 23, 42, 0.38);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    padding: 0.75rem;
    position: fixed;
    z-index: 1200;
}

.e-invoice-stock-picker__shell[b-q5yn86beps] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.e-invoice-stock-picker__target[b-q5yn86beps] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-invoice-stock-picker__search[b-q5yn86beps] {
    align-items: center;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.e-invoice-stock-picker__search input[b-q5yn86beps] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    color: #0f172a;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    min-height: 36px;
    padding: 0 0.75rem;
    width: 100%;
}

.e-invoice-stock-picker__search input:focus[b-q5yn86beps] {
    background: #ffffff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
    outline: none;
}

.e-invoice-stock-picker__body[b-q5yn86beps] {
    min-height: 0;
    overflow: visible;
    padding: 0;
    scrollbar-width: thin;
}

.e-invoice-stock-picker__state[b-q5yn86beps] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 0.86rem;
    font-weight: 800;
    justify-content: center;
    min-height: 180px;
}

.e-invoice-stock-picker__list[b-q5yn86beps] {
    display: grid;
    gap: 0.45rem;
}

.e-invoice-stock-picker__item[b-q5yn86beps] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    min-height: 58px;
    padding: 0.55rem 0.65rem;
    text-align: left;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.e-invoice-stock-picker__item:hover[b-q5yn86beps] {
    background: #f8fbff;
    border-color: #bfdbfe;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.10);
}

.e-invoice-stock-picker__avatar[b-q5yn86beps] {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.5rem;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 850;
    height: 40px;
    justify-content: center;
    overflow: hidden;
    width: 40px;
}

.e-invoice-stock-picker__avatar img[b-q5yn86beps] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.e-invoice-stock-picker__content[b-q5yn86beps] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.e-invoice-stock-picker__content strong[b-q5yn86beps],
.e-invoice-stock-picker__content small[b-q5yn86beps] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-invoice-stock-picker__content strong[b-q5yn86beps] {
    color: #0f172a;
    font-size: 0.88rem;
    font-weight: 850;
}

.e-invoice-stock-picker__content small[b-q5yn86beps],
.e-invoice-stock-picker__quantity[b-q5yn86beps] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 750;
}

.e-invoice-detail-panel[b-q5yn86beps] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
    color: #0f172a;
    display: flex;
    flex-direction: column;
    max-width: min(980px, calc(100vw - 1.5rem));
    min-height: 0;
    overflow: hidden;
    width: 70vw;
}

.e-invoice-detail-header[b-q5yn86beps] {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 64px;
    padding: 0.75rem 1rem;
}

.e-invoice-detail-header div[b-q5yn86beps] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.e-invoice-detail-header strong[b-q5yn86beps],
.e-invoice-detail-header span[b-q5yn86beps] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-invoice-detail-header strong[b-q5yn86beps] {
    font-size: 1rem;
    font-weight: 850;
}

.e-invoice-detail-header span[b-q5yn86beps] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.e-invoice-detail-close[b-q5yn86beps] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: 1.15rem;
    font-weight: 800;
    height: 34px;
    justify-content: center;
    line-height: 1;
    width: 34px;
}

.e-invoice-detail-close:hover[b-q5yn86beps] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.e-invoice-detail-loading[b-q5yn86beps] {
    align-items: center;
    color: #475569;
    display: flex;
    flex: 1 1 auto;
    font-size: 0.9rem;
    font-weight: 800;
    justify-content: center;
    min-height: 220px;
}

.e-invoice-detail-body[b-q5yn86beps] {
    display: grid;
    gap: 0.8rem;
    min-height: 0;
    overflow: auto;
    padding: 0.9rem 1rem 1rem;
    scrollbar-width: thin;
}

.e-invoice-detail-summary[b-q5yn86beps] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.e-invoice-detail-summary div[b-q5yn86beps] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.65rem 0.75rem;
}

.e-invoice-detail-summary span[b-q5yn86beps],
.e-invoice-detail-summary strong[b-q5yn86beps] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-invoice-detail-summary span[b-q5yn86beps] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.e-invoice-detail-summary strong[b-q5yn86beps] {
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 850;
}

.e-invoice-detail-section[b-q5yn86beps] {
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.75rem;
}

.e-invoice-detail-section h3[b-q5yn86beps] {
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 850;
    margin: 0;
}

.e-invoice-detail-empty[b-q5yn86beps] {
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 700;
    margin: 0;
}

.e-invoice-detail-message[b-q5yn86beps] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 0.5rem;
    color: #166534;
    font-size: 0.84rem;
    font-weight: 750;
    line-height: 1.4;
    margin: 0;
    overflow-wrap: anywhere;
    padding: 0.65rem 0.75rem;
}

.e-invoice-detail-message--danger[b-q5yn86beps] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b42318;
}

.e-invoice-provider-response[b-q5yn86beps] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #334155;
    font-size: 0.78rem;
    line-height: 1.45;
    margin: 0;
    max-height: 150px;
    overflow: auto;
    padding: 0.65rem 0.75rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.e-invoice-line-table[b-q5yn86beps] {
    overflow: auto;
    scrollbar-width: thin;
}

.e-invoice-line-table table[b-q5yn86beps] {
    border-collapse: collapse;
    min-width: 720px;
    width: 100%;
}

.e-invoice-line-table th[b-q5yn86beps],
.e-invoice-line-table td[b-q5yn86beps] {
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.8rem;
    padding: 0.55rem 0.6rem;
    text-align: left;
    vertical-align: top;
}

.e-invoice-line-table th[b-q5yn86beps] {
    background: #f8fafc;
    color: #475569;
    font-weight: 850;
}

.e-invoice-line-table td[b-q5yn86beps] {
    color: #1e293b;
    font-weight: 650;
}

.e-invoice-line-table td strong[b-q5yn86beps],
.e-invoice-line-table td small[b-q5yn86beps] {
    display: block;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-invoice-line-match[b-q5yn86beps] {
    color: #047857;
    font-size: 0.72rem;
    font-weight: 800;
    margin-top: 0.2rem;
}

.e-invoice-line-map[b-q5yn86beps],
.e-invoice-line-map-fields[b-q5yn86beps] {
    display: grid;
    gap: 0.45rem;
    min-width: 220px;
}

.e-invoice-line-check[b-q5yn86beps] {
    align-items: center;
    color: #334155;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 800;
    gap: 0.4rem;
}

.e-invoice-line-check input[b-q5yn86beps] {
    accent-color: #2563eb;
    height: 15px;
    width: 15px;
}

.e-invoice-line-input[b-q5yn86beps],
.e-invoice-response-note[b-q5yn86beps] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 0.45rem;
    color: #0f172a;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    min-height: 34px;
    padding: 0.42rem 0.55rem;
    width: 100%;
}

.e-invoice-line-input:focus[b-q5yn86beps],
.e-invoice-response-note:focus[b-q5yn86beps] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
    outline: none;
}

.e-invoice-selected-stock[b-q5yn86beps] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dbe3ee;
    border-radius: 0.5rem;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 44px;
    padding: 0.45rem;
}

.e-invoice-selected-stock div[b-q5yn86beps] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.e-invoice-selected-stock strong[b-q5yn86beps],
.e-invoice-selected-stock small[b-q5yn86beps],
.e-invoice-selected-stock span[b-q5yn86beps] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-invoice-selected-stock strong[b-q5yn86beps] {
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 850;
}

.e-invoice-selected-stock small[b-q5yn86beps] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 750;
}

.e-invoice-selected-stock span[b-q5yn86beps] {
    color: #047857;
    font-size: 0.7rem;
    font-weight: 850;
}

.e-invoice-line-select-button[b-q5yn86beps] {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.45rem;
    color: #1d4ed8;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 850;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.55rem;
    white-space: nowrap;
}

.e-invoice-line-select-button:hover[b-q5yn86beps] {
    background: #dbeafe;
}

.e-invoice-line-result[b-q5yn86beps] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
}

.e-invoice-response-panel[b-q5yn86beps] {
    background: #f8fafc;
}

.e-invoice-response-note[b-q5yn86beps] {
    min-height: 74px;
    resize: vertical;
}

.e-invoice-detail-actions[b-q5yn86beps] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.e-invoice-ubl-preview[b-q5yn86beps] {
    background: #0f172a;
    border-radius: 0.5rem;
    color: #e2e8f0;
    font-size: 0.76rem;
    line-height: 1.5;
    margin: 0;
    max-height: 280px;
    min-height: 120px;
    overflow: auto;
    padding: 0.75rem;
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 900px) {
    .e-invoice-detail-backdrop[b-q5yn86beps] {
        padding: 0.5rem;
    }

    .e-invoice-detail-panel[b-q5yn86beps] {
        width: 100%;
    }

    .e-invoice-detail-summary[b-q5yn86beps] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .e-invoice-detail-summary[b-q5yn86beps] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.app-start[b-v5j23zxud9] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background: #f5f7fb;
    color: #0f172a;
}

.app-start__logo[b-v5j23zxud9] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

.app-start__mark[b-v5j23zxud9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.7rem;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 800;
}

.app-start__name[b-v5j23zxud9] {
    font-size: 1.1rem;
    font-weight: 700;
}

.app-start__bar[b-v5j23zxud9] {
    width: 8rem;
    height: 0.18rem;
    border-radius: 999px;
    overflow: hidden;
    background: #dbeafe;
    position: relative;
}

.app-start__bar[b-v5j23zxud9]::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 45%;
    border-radius: inherit;
    background: #2563eb;
    animation: app-start-progress-b-v5j23zxud9 0.9s ease-in-out infinite alternate;
}

@keyframes app-start-progress-b-v5j23zxud9 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(125%);
    }
}
/* /Components/Pages/HumanResources/HumanResourcesDashboard.razor.rz.scp.css */
.hr-list-page[b-wnlj1k9gm6] {
    color: #18212f;
    display: grid;
    gap: 0.5rem;
    grid-template-rows: auto minmax(0, 1fr);
    height: calc(100dvh - 1.1rem);
    min-height: 0;
    overflow: hidden;
}

.hr-list-page > .app-data-grid[b-wnlj1k9gm6] {
    min-height: 0;
}

.hr-dashboard[b-wnlj1k9gm6] {
    color: #0f172a;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding: 0.35rem 0 0.85rem;
    scrollbar-width: thin;
}

.hr-dashboard *[b-wnlj1k9gm6],
.hr-dashboard *[b-wnlj1k9gm6]::before,
.hr-dashboard *[b-wnlj1k9gm6]::after {
    box-sizing: border-box;
}

.hr-dashboard-hero[b-wnlj1k9gm6] {
    align-items: center;
    background:
        radial-gradient(720px 280px at 94% -35%, rgba(29, 78, 216, 0.10), transparent 60%),
        radial-gradient(560px 240px at -10% 120%, rgba(13, 148, 136, 0.10), transparent 60%),
        #ffffff;
    border: 1px solid rgba(29, 78, 216, 0.10);
    border-radius: 0.95rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 26px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1rem;
    justify-content: space-between;
    padding: 1rem 1.1rem;
}

.hr-dashboard-hero__intro[b-wnlj1k9gm6] {
    align-items: center;
    display: flex;
    gap: 0.85rem;
    min-width: 0;
}

.hr-dashboard-hero__mark[b-wnlj1k9gm6] {
    align-items: center;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 58%, #0d9488 100%);
    border-radius: var(--app-avatar-radius);
    box-shadow: 0 8px 18px rgba(29, 78, 216, 0.28);
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 2.75rem;
    font-size: 0.9rem;
    font-weight: 900;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.hr-dashboard-hero__text[b-wnlj1k9gm6] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.hr-dashboard-hero__eyebrow[b-wnlj1k9gm6] {
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.hr-dashboard-hero__title[b-wnlj1k9gm6] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 760;
    line-height: 1.1;
    margin: 0;
}

.hr-dashboard-hero__subtitle[b-wnlj1k9gm6] {
    color: #64748b;
    font-size: 0.88rem;
    line-height: 1.35;
    margin: 0.15rem 0 0;
}

.hr-dashboard-hero__subtitle strong[b-wnlj1k9gm6] {
    color: #0f172a;
}

.hr-dashboard-hero__actions[b-wnlj1k9gm6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.hr-dashboard-action[b-wnlj1k9gm6] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 760;
    min-height: 36px;
    padding: 0 0.8rem;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.hr-dashboard-action:hover[b-wnlj1k9gm6] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.hr-dashboard-action:active[b-wnlj1k9gm6] {
    transform: translateY(1px);
}

.hr-dashboard-action--primary[b-wnlj1k9gm6] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    box-shadow: 0 7px 16px rgba(29, 78, 216, 0.28);
    color: #ffffff;
}

.hr-dashboard-action--primary:hover[b-wnlj1k9gm6] {
    border-color: transparent;
    color: #ffffff;
    filter: brightness(1.04);
}

.hr-dashboard-stats[b-wnlj1k9gm6] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hr-dashboard-stat[b-wnlj1k9gm6] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 0.78rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    overflow: hidden;
    padding: 0.78rem 0.9rem;
    position: relative;
    text-decoration: none;
}

.hr-dashboard-stat[b-wnlj1k9gm6]::before {
    background: #1d4ed8;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.hr-dashboard-stat--teal[b-wnlj1k9gm6]::before,
.hr-dashboard-bar-fill--teal[b-wnlj1k9gm6] {
    background: #0d9488;
}

.hr-dashboard-stat--amber[b-wnlj1k9gm6]::before,
.hr-dashboard-bar-fill--amber[b-wnlj1k9gm6] {
    background: #d97706;
}

.hr-dashboard-stat--rose[b-wnlj1k9gm6]::before,
.hr-dashboard-bar-fill--rose[b-wnlj1k9gm6] {
    background: #e11d48;
}

.hr-dashboard-stat--violet[b-wnlj1k9gm6]::before,
.hr-dashboard-bar-fill--violet[b-wnlj1k9gm6] {
    background: #7c3aed;
}

.hr-dashboard-stat--slate[b-wnlj1k9gm6]::before,
.hr-dashboard-bar-fill--slate[b-wnlj1k9gm6] {
    background: #475569;
}

.hr-dashboard-stat__label[b-wnlj1k9gm6] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 760;
    text-transform: uppercase;
}

.hr-dashboard-stat__value[b-wnlj1k9gm6] {
    color: #0f172a;
    font-size: 1.38rem;
    font-weight: 780;
    line-height: 1.1;
}

.hr-dashboard-stat__hint[b-wnlj1k9gm6] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 650;
}

.hr-dashboard-modules[b-wnlj1k9gm6] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.hr-dashboard-module[b-wnlj1k9gm6] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.72rem;
    color: #0f172a;
    display: flex;
    gap: 0.6rem;
    min-width: 0;
    padding: 0.65rem 0.7rem;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.06s ease;
}

.hr-dashboard-module:hover[b-wnlj1k9gm6] {
    background: #f8fafc;
    border-color: #bfdbfe;
}

.hr-dashboard-module:active[b-wnlj1k9gm6] {
    transform: translateY(1px);
}

.hr-dashboard-module__glyph[b-wnlj1k9gm6],
.hr-dashboard-action-row__module[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__kind[b-wnlj1k9gm6] {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.5rem;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 900;
    height: 2rem;
    justify-content: center;
    min-width: 2rem;
    padding: 0 0.45rem;
}

.hr-dashboard-module__text[b-wnlj1k9gm6] {
    display: grid;
    gap: 0.05rem;
    min-width: 0;
}

.hr-dashboard-module__text strong[b-wnlj1k9gm6],
.hr-dashboard-module__text small[b-wnlj1k9gm6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-dashboard-module__text strong[b-wnlj1k9gm6] {
    font-size: 0.86rem;
    font-weight: 820;
}

.hr-dashboard-module__text small[b-wnlj1k9gm6] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 650;
}

.hr-dashboard-module--teal .hr-dashboard-module__glyph[b-wnlj1k9gm6],
.hr-dashboard-action-row__module--teal[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__kind--teal[b-wnlj1k9gm6] {
    background: #f0fdfa;
    border-color: #99f6e4;
    color: #0f766e;
}

.hr-dashboard-module--amber .hr-dashboard-module__glyph[b-wnlj1k9gm6],
.hr-dashboard-action-row__module--amber[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__kind--amber[b-wnlj1k9gm6] {
    background: #fffbeb;
    border-color: #fde68a;
    color: #b45309;
}

.hr-dashboard-module--rose .hr-dashboard-module__glyph[b-wnlj1k9gm6],
.hr-dashboard-action-row__module--rose[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__kind--rose[b-wnlj1k9gm6] {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #be123c;
}

.hr-dashboard-module--violet .hr-dashboard-module__glyph[b-wnlj1k9gm6],
.hr-dashboard-action-row__module--violet[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__kind--violet[b-wnlj1k9gm6] {
    background: #f5f3ff;
    border-color: #ddd6fe;
    color: #6d28d9;
}

.hr-dashboard-module--slate .hr-dashboard-module__glyph[b-wnlj1k9gm6],
.hr-dashboard-action-row__module--slate[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__kind--slate[b-wnlj1k9gm6] {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #475569;
}

.hr-dashboard-layout[b-wnlj1k9gm6] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.hr-dashboard-panel[b-wnlj1k9gm6] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 0.82rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.88rem;
}

.hr-dashboard-panel--wide[b-wnlj1k9gm6] {
    grid-column: span 2;
}

.hr-dashboard-panel__header[b-wnlj1k9gm6] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-width: 0;
}

.hr-dashboard-panel__header h2[b-wnlj1k9gm6] {
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 820;
    line-height: 1.2;
    margin: 0;
}

.hr-dashboard-panel__header p[b-wnlj1k9gm6] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 650;
    margin: 0.12rem 0 0;
}

.hr-dashboard-panel__header > span[b-wnlj1k9gm6] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-weight: 820;
    min-height: 24px;
    min-width: 30px;
    justify-content: center;
    padding: 0 0.55rem;
}

.hr-dashboard-bars[b-wnlj1k9gm6],
.hr-dashboard-action-list[b-wnlj1k9gm6],
.hr-dashboard-timeline[b-wnlj1k9gm6] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.hr-dashboard-bar-row[b-wnlj1k9gm6] {
    display: grid;
    gap: 0.32rem;
    min-width: 0;
}

.hr-dashboard-bar-row__meta[b-wnlj1k9gm6] {
    align-items: center;
    display: flex;
    gap: 0.6rem;
    justify-content: space-between;
    min-width: 0;
}

.hr-dashboard-bar-row__meta strong[b-wnlj1k9gm6],
.hr-dashboard-bar-row__meta span[b-wnlj1k9gm6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-dashboard-bar-row__meta strong[b-wnlj1k9gm6] {
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 780;
}

.hr-dashboard-bar-row__meta span[b-wnlj1k9gm6] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
}

.hr-dashboard-bar-track[b-wnlj1k9gm6] {
    background: #f1f5f9;
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

.hr-dashboard-bar-fill[b-wnlj1k9gm6] {
    background: #1d4ed8;
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 4px;
}

.hr-dashboard-age-grid[b-wnlj1k9gm6] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hr-dashboard-age-item[b-wnlj1k9gm6] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.65rem;
    color: #1d4ed8;
    display: grid;
    gap: 0.12rem;
    min-height: 58px;
    padding: 0.55rem;
}

.hr-dashboard-age-item--teal[b-wnlj1k9gm6] {
    background: #f0fdfa;
    border-color: #99f6e4;
    color: #0f766e;
}

.hr-dashboard-age-item--amber[b-wnlj1k9gm6] {
    background: #fffbeb;
    border-color: #fde68a;
    color: #b45309;
}

.hr-dashboard-age-item--rose[b-wnlj1k9gm6] {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #be123c;
}

.hr-dashboard-age-item--violet[b-wnlj1k9gm6] {
    background: #f5f3ff;
    border-color: #ddd6fe;
    color: #6d28d9;
}

.hr-dashboard-age-item--slate[b-wnlj1k9gm6] {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #475569;
}

.hr-dashboard-age-item span[b-wnlj1k9gm6] {
    font-size: 0.72rem;
    font-weight: 820;
}

.hr-dashboard-age-item strong[b-wnlj1k9gm6] {
    font-size: 1.2rem;
    font-weight: 850;
    line-height: 1;
}

.hr-dashboard-action-row[b-wnlj1k9gm6],
.hr-dashboard-timeline-row[b-wnlj1k9gm6] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    color: #0f172a;
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.55rem 0.65rem;
    text-decoration: none;
}

.hr-dashboard-action-row[b-wnlj1k9gm6] {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.hr-dashboard-timeline-row[b-wnlj1k9gm6] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.hr-dashboard-action-row:hover[b-wnlj1k9gm6],
.hr-dashboard-timeline-row:hover[b-wnlj1k9gm6] {
    background: #f8fafc;
    border-color: #bfdbfe;
}

.hr-dashboard-action-row__text[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__text[b-wnlj1k9gm6] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.hr-dashboard-action-row__text strong[b-wnlj1k9gm6],
.hr-dashboard-action-row__text small[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__text strong[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__text small[b-wnlj1k9gm6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-dashboard-action-row__text strong[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__text strong[b-wnlj1k9gm6] {
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 820;
}

.hr-dashboard-action-row__text small[b-wnlj1k9gm6],
.hr-dashboard-timeline-row__text small[b-wnlj1k9gm6],
.hr-dashboard-action-row time[b-wnlj1k9gm6],
.hr-dashboard-timeline-row time[b-wnlj1k9gm6] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 660;
}

.hr-dashboard-action-row__status[b-wnlj1k9gm6] {
    align-items: center;
    background: #f1f5f9;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    justify-content: center;
    min-height: 24px;
    min-width: 6rem;
    padding: 0 0.55rem;
}

.hr-dashboard-action-row__status--warning[b-wnlj1k9gm6] {
    background: #fffbeb;
    color: #b45309;
}

.hr-dashboard-action-row__status--planned[b-wnlj1k9gm6] {
    background: #f5f3ff;
    color: #6d28d9;
}

.hr-grid-toolbar[b-wnlj1k9gm6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    min-width: 0;
}

.hr-module-tabs[b-wnlj1k9gm6],
.hr-status-tabs[b-wnlj1k9gm6] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.45rem;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.hr-module-tab[b-wnlj1k9gm6],
.hr-status-filter[b-wnlj1k9gm6] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0 0.72rem;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.hr-module-tab:hover[b-wnlj1k9gm6],
.hr-status-filter:hover[b-wnlj1k9gm6] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #2563eb;
}

.hr-module-tab--active[b-wnlj1k9gm6],
.hr-status-filter--active[b-wnlj1k9gm6] {
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.22);
    color: #2563eb;
}

.hr-module-tab span[b-wnlj1k9gm6] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 850;
}

.hr-module-tab small[b-wnlj1k9gm6] {
    align-items: center;
    background: #eef2ff;
    border-radius: 999px;
    color: #4338ca;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 850;
    height: 19px;
    justify-content: center;
    min-width: 19px;
    padding: 0 0.35rem;
}

.hr-personnel-cell[b-wnlj1k9gm6] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.hr-personnel-avatar[b-wnlj1k9gm6] {
    align-items: center;
    background: #e6f4f1;
    border: 1px solid #bfddd6;
    border-radius: var(--app-avatar-radius);
    color: #0f766e;
    display: inline-flex;
    flex: 0 0 38px;
    font-size: 0.8rem;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.hr-personnel-text[b-wnlj1k9gm6] {
    display: grid;
    min-width: 0;
}

.hr-personnel-text strong[b-wnlj1k9gm6],
.hr-personnel-text small[b-wnlj1k9gm6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-personnel-text small[b-wnlj1k9gm6] {
    color: #687385;
}

.hr-grid-status[b-wnlj1k9gm6] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 800;
    justify-content: center;
    min-width: 5.75rem;
    padding: 0.2rem 0.55rem;
}

.hr-grid-status--active[b-wnlj1k9gm6] {
    background: #e6f4f1;
    color: #0f766e;
}

.hr-grid-status--leave[b-wnlj1k9gm6] {
    background: #fffbeb;
    color: #b45309;
}

.hr-grid-status--passive[b-wnlj1k9gm6] {
    background: #f1f5f9;
    color: #64748b;
}

.hr-grid-status--warning[b-wnlj1k9gm6] {
    background: #fff7ed;
    color: #c2410c;
}

.hr-leave-balance[b-wnlj1k9gm6] {
    color: #334155;
    font-weight: 750;
}

.hr-row-actions[b-wnlj1k9gm6] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.hr-row-action[b-wnlj1k9gm6] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cdd5df;
    border-radius: 4px;
    color: #334155;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
    width: 32px;
}

.hr-row-action:hover[b-wnlj1k9gm6] {
    background: #eef4ff;
    border-color: #86aee8;
    color: #1d4ed8;
    transform: translateX(1px);
}

.hr-list-page[b-wnlj1k9gm6]  .toolbar .custom-toolbar-content,
.hr-list-page[b-wnlj1k9gm6]  .toolbar .custom-toolbar-content .custom-item {
    min-width: 0;
    overflow: hidden;
}

@media (max-width: 900px) {
    .hr-dashboard-stats[b-wnlj1k9gm6],
    .hr-dashboard-modules[b-wnlj1k9gm6],
    .hr-dashboard-layout[b-wnlj1k9gm6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hr-dashboard-panel--wide[b-wnlj1k9gm6] {
        grid-column: span 2;
    }

    .hr-grid-toolbar[b-wnlj1k9gm6] {
        align-items: stretch;
        flex-direction: column;
    }

    .hr-module-tabs[b-wnlj1k9gm6],
    .hr-status-tabs[b-wnlj1k9gm6] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .hr-dashboard-hero[b-wnlj1k9gm6] {
        align-items: stretch;
        padding: 0.9rem;
    }

    .hr-dashboard-hero__actions[b-wnlj1k9gm6],
    .hr-dashboard-action[b-wnlj1k9gm6] {
        width: 100%;
    }

    .hr-dashboard-action[b-wnlj1k9gm6] {
        justify-content: center;
    }

    .hr-dashboard-stats[b-wnlj1k9gm6],
    .hr-dashboard-modules[b-wnlj1k9gm6],
    .hr-dashboard-layout[b-wnlj1k9gm6],
    .hr-dashboard-age-grid[b-wnlj1k9gm6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .hr-dashboard-panel--wide[b-wnlj1k9gm6] {
        grid-column: auto;
    }

    .hr-dashboard-action-row[b-wnlj1k9gm6] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .hr-dashboard-action-row__status[b-wnlj1k9gm6],
    .hr-dashboard-action-row time[b-wnlj1k9gm6] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Components/Pages/HumanResources/HumanResourcesEmployeeDetail.razor.rz.scp.css */
.hr-employee-detail-page[b-brxf6y0u6e] {
    min-width: 0;
}

.hr-personnel-pill--active[b-brxf6y0u6e] {
    background: #e6f4f1;
    color: #0f766e;
}

.hr-personnel-pill--leave[b-brxf6y0u6e] {
    background: #fffbeb;
    color: #b45309;
}

.hr-personnel-pill--passive[b-brxf6y0u6e] {
    background: #f1f5f9;
    color: #64748b;
}

.hr-detail-workspace[b-brxf6y0u6e] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(380px, 42%) minmax(0, 1fr);
    min-width: 0;
}

.hr-details-card[b-brxf6y0u6e],
.hr-tabs-card[b-brxf6y0u6e] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
    min-width: 0;
}

.hr-details-card[b-brxf6y0u6e] {
    overflow-y: auto;
    padding: 1.5rem;
}

.hr-tabs-card[b-brxf6y0u6e] {
    overflow: hidden;
}

.hr-details-card--editing[b-brxf6y0u6e] {
    border-color: rgba(99, 102, 241, 0.22);
}

.card-title-row[b-brxf6y0u6e] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.card-title-row h2[b-brxf6y0u6e] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
}

.card-actions[b-brxf6y0u6e] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.edit-button[b-brxf6y0u6e],
.dx-text-action[b-brxf6y0u6e] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 650;
    gap: 0.42rem;
    justify-content: center;
    min-height: 34px;
    padding: 0 0.75rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.edit-button[b-brxf6y0u6e] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28);
    color: #ffffff;
}

.edit-button:hover[b-brxf6y0u6e],
.dx-text-action:hover[b-brxf6y0u6e] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.edit-button:hover[b-brxf6y0u6e] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.36);
    color: #ffffff;
    filter: brightness(1.05);
}

.edit-button:active[b-brxf6y0u6e] {
    transform: translateY(1px);
}

.dx-text-action--primary[b-brxf6y0u6e] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.24);
    color: #ffffff;
}

.dx-text-action--primary:hover[b-brxf6y0u6e] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    color: #ffffff;
    filter: brightness(1.05);
}

.edit-button:disabled[b-brxf6y0u6e],
.dx-text-action:disabled[b-brxf6y0u6e] {
    cursor: default;
    opacity: 0.58;
}

.dx-text-action__spinner[b-brxf6y0u6e] {
    animation: hr-detail-action-spin-b-brxf6y0u6e 0.8s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.42);
    border-radius: 999px;
    border-top-color: #ffffff;
    height: 13px;
    width: 13px;
}

@keyframes hr-detail-action-spin-b-brxf6y0u6e {
    to {
        transform: rotate(360deg);
    }
}

.hr-edit-body[b-brxf6y0u6e] {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 150px minmax(0, 1fr);
}

.hr-profile-block[b-brxf6y0u6e] {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 180px minmax(0, 1fr);
    margin: 0 0 1.5rem;
}

.hr-profile-image[b-brxf6y0u6e] {
    align-items: center;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(192, 38, 211, 0.08) 100%);
    border: 2px dashed rgba(99, 102, 241, 0.25);
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: flex;
    font-size: 2.4rem;
    font-weight: 800;
    height: 150px;
    justify-content: center;
    letter-spacing: 0;
    margin: 0 auto;
    width: 150px;
}

.hr-status-block[b-brxf6y0u6e] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0;
    min-width: 0;
}

.hr-status-block__row dt[b-brxf6y0u6e] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 650;
    letter-spacing: 0.06em;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.hr-status-block__row dd[b-brxf6y0u6e] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 650;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-detail-section-title[b-brxf6y0u6e] {
    border-top: 1px solid #eef2f7;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    margin: 1.25rem 0 0.85rem;
    padding-top: 1rem;
    text-transform: uppercase;
}

.hr-detail-section-title:first-of-type[b-brxf6y0u6e] {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.hr-detail-fields[b-brxf6y0u6e] {
    display: grid;
    gap: 1.15rem 1.6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hr-detail-fields > div[b-brxf6y0u6e] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.hr-detail-fields span[b-brxf6y0u6e] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 650;
    letter-spacing: 0.02em;
}

.hr-detail-fields strong[b-brxf6y0u6e] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-detail-description[b-brxf6y0u6e] {
    background: rgba(99, 102, 241, 0.04);
    border: 1px solid rgba(99, 102, 241, 0.12);
    border-radius: 0.55rem;
    color: #334155;
    display: grid;
    font-size: 0.9rem;
    gap: 0.35rem;
    line-height: 1.5;
    padding: 1rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.hr-detail-description strong[b-brxf6y0u6e] {
    color: #0f172a;
    font-weight: 700;
}

.hr-edit-avatar[b-brxf6y0u6e] {
    align-items: center;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(13, 148, 136, 0.08) 100%);
    border: 2px dashed rgba(99, 102, 241, 0.25);
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: flex;
    font-size: 2.25rem;
    font-weight: 800;
    height: 132px;
    justify-content: center;
    letter-spacing: 0;
    margin: 0 auto;
    width: 132px;
}

.hr-edit-details[b-brxf6y0u6e] {
    border-top: 1px solid #eef2f7;
    margin-top: 1rem;
    padding-top: 1rem;
}

.hr-edit-details .dx-field--wide[b-brxf6y0u6e] {
    grid-column: 1 / -1;
}

.hr-details-card .dx-field > input[b-brxf6y0u6e],
.hr-details-card .dx-field > select[b-brxf6y0u6e],
.hr-details-card .dx-field > textarea[b-brxf6y0u6e] {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font: inherit;
    font-size: 0.9rem;
    min-height: 40px;
    padding: 0 0.8rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.hr-details-card--editing .dx-field > input:not(:disabled)[b-brxf6y0u6e],
.hr-details-card--editing .dx-field > select:not(:disabled)[b-brxf6y0u6e],
.hr-details-card--editing .dx-field > textarea:not(:disabled)[b-brxf6y0u6e] {
    background-color: #ffffff;
    border-color: #cbd5e1;
    color: #0f172a;
    -webkit-text-fill-color: #0f172a;
}

.hr-details-card .dx-field > select[b-brxf6y0u6e] {
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 12px) 50%;
    background-repeat: no-repeat;
    background-size: 6px 6px, 6px 6px;
    padding-right: 2.25rem;
}

.hr-details-card .dx-field > textarea[b-brxf6y0u6e] {
    padding-bottom: 0.65rem;
    padding-top: 0.65rem;
}

.hr-details-card .dx-field > input:focus[b-brxf6y0u6e],
.hr-details-card .dx-field > select:focus[b-brxf6y0u6e],
.hr-details-card .dx-field > textarea:focus[b-brxf6y0u6e] {
    background-color: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
    outline: none;
}

.hr-details-card .dx-field > input:disabled[b-brxf6y0u6e],
.hr-details-card .dx-field > select:disabled[b-brxf6y0u6e],
.hr-details-card .dx-field > textarea:disabled[b-brxf6y0u6e] {
    background-color: #f8fafc;
    border-color: #e2e8f0;
    color: #334155;
    cursor: default;
    opacity: 1;
    -webkit-text-fill-color: #334155;
}

.hr-details-card .dx-field > select:disabled[b-brxf6y0u6e] {
    background-image:
        linear-gradient(45deg, transparent 50%, #94a3b8 50%),
        linear-gradient(135deg, #94a3b8 50%, transparent 50%);
}

.hr-details-card .dx-field > input[b-brxf6y0u6e]::placeholder,
.hr-details-card .dx-field > textarea[b-brxf6y0u6e]::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.hr-edit-details textarea[b-brxf6y0u6e],
.hr-details-card textarea[b-brxf6y0u6e] {
    min-height: 82px;
    resize: vertical;
}

.hr-detail-panel[b-brxf6y0u6e] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.hr-section-panel[b-brxf6y0u6e] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.hr-section-panel[b-brxf6y0u6e]  .hr-inner-tabs {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    gap: 0.45rem;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.hr-section-panel[b-brxf6y0u6e]  .hr-inner-tab {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    gap: 0.35rem;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.75rem;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.hr-section-panel[b-brxf6y0u6e]  .hr-inner-tab:hover {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.hr-section-panel[b-brxf6y0u6e]  .hr-inner-tab:focus-visible {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.18);
    outline: none;
}

.hr-section-panel[b-brxf6y0u6e]  .hr-inner-tab--active {
    background: rgba(29, 78, 216, 0.08);
    border-color: rgba(29, 78, 216, 0.22);
    color: #1d4ed8;
}

.hr-section-panel[b-brxf6y0u6e]  .hr-inner-tab--active:hover {
    color: #1d4ed8;
}

.hr-section-panel[b-brxf6y0u6e]  .hr-inner-tab__badge {
    align-items: center;
    background: rgba(29, 78, 216, 0.12);
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 800;
    height: 18px;
    justify-content: center;
    min-width: 18px;
    padding: 0 0.32rem;
}

.hr-table-stack[b-brxf6y0u6e] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.simple-table-wrap[b-brxf6y0u6e] {
    border: 1px solid #eef2f7;
    border-radius: 0.65rem;
    overflow: auto;
}

.simple-table[b-brxf6y0u6e] {
    border-collapse: collapse;
    width: 100%;
}

.simple-table thead th[b-brxf6y0u6e] {
    background: #f8fafc;
    border-bottom: 1px solid #eef2f7;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.65rem 0.85rem;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.simple-table tbody td[b-brxf6y0u6e] {
    border-bottom: 1px solid #eef2f7;
    color: #1f2937;
    font-size: 0.9rem;
    line-height: 1.35;
    max-width: 280px;
    overflow: hidden;
    padding: 0.65rem 0.85rem;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.simple-table tbody tr:last-child td[b-brxf6y0u6e] {
    border-bottom: 0;
}

.simple-table tbody tr:hover td[b-brxf6y0u6e] {
    background: rgba(99, 102, 241, 0.04);
}

.simple-table td[colspan][b-brxf6y0u6e] {
    color: #64748b;
    font-weight: 650;
    padding: 1rem;
    text-align: center;
}

.hr-detail-table[b-brxf6y0u6e] {
    min-width: 760px;
}

.hr-detail-table-wrap[b-brxf6y0u6e] {
    min-height: 120px;
}

.hr-table-block[b-brxf6y0u6e] {
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    min-width: 0;
    overflow: hidden;
}

.hr-table-heading[b-brxf6y0u6e] {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.75rem 0.85rem;
}

.hr-table-heading > div[b-brxf6y0u6e] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    min-width: 0;
}

.hr-table-heading h3[b-brxf6y0u6e] {
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 750;
    letter-spacing: 0;
    margin: 0;
}

.hr-table-heading span[b-brxf6y0u6e] {
    background: #eef2ff;
    border-radius: 999px;
    color: #4338ca;
    flex: 0 0 auto;
    font-size: 0.74rem;
    font-weight: 750;
    padding: 0.22rem 0.55rem;
}

.hr-data-table-wrap[b-brxf6y0u6e] {
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.hr-data-table[b-brxf6y0u6e] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 760px;
    width: 100%;
}

.hr-data-table th[b-brxf6y0u6e],
.hr-data-table td[b-brxf6y0u6e] {
    border-bottom: 1px solid #eef2f7;
    color: #334155;
    font-size: 0.82rem;
    line-height: 1.35;
    max-width: 260px;
    overflow: hidden;
    padding: 0.72rem 0.85rem;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.hr-data-table__action[b-brxf6y0u6e] {
    width: 122px;
}

.hr-data-table th[b-brxf6y0u6e] {
    background: #ffffff;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.hr-data-table tbody tr:nth-child(even) td[b-brxf6y0u6e] {
    background: #fbfdff;
}

.hr-data-table tbody tr:last-child td[b-brxf6y0u6e] {
    border-bottom: 0;
}

.hr-data-table td[colspan][b-brxf6y0u6e] {
    color: #64748b;
    font-weight: 650;
    text-align: center;
}

.table-actions[b-brxf6y0u6e] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    white-space: nowrap;
}

.table-action[b-brxf6y0u6e] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 0.45rem;
    color: #334155;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 700;
    min-height: 30px;
    padding: 0.32rem 0.55rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.table-action:hover[b-brxf6y0u6e] {
    background: #eef4ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.hr-data-table .table-action--edit[b-brxf6y0u6e] {
    align-items: center;
    background: #ffffff;
    border-color: #dbe3ef;
    color: #475569;
    display: inline-flex;
    gap: 0.36rem;
    justify-content: center;
    min-height: 30px;
    padding: 0 0.62rem;
}

.hr-data-table .table-action--edit svg[b-brxf6y0u6e] {
    flex: 0 0 auto;
}

.hr-data-table .table-action--edit:hover[b-brxf6y0u6e] {
    background: #eef2ff;
    border-color: #c7d2fe;
    box-shadow: 0 1px 2px rgba(99, 102, 241, 0.08);
    color: #4338ca;
}

.hr-data-table .table-action--edit:focus-visible[b-brxf6y0u6e] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
    outline: none;
}

.hr-tabs-card[b-brxf6y0u6e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 600px;
}

.hr-tabs-card[b-brxf6y0u6e]  .detail-tabs {
    align-items: center;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.82) 100%);
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.25rem;
    margin: 0;
    overflow-x: auto;
    padding: 0 1.5rem;
}

.hr-tabs-card[b-brxf6y0u6e]  .detail-tabs button {
    min-height: 48px;
    padding: 0.7rem 0.55rem 0.8rem;
}

.tab-content[b-brxf6y0u6e] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
}

.hr-tab-content[b-brxf6y0u6e] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    padding: 0 1.5rem 1.5rem;
}

.tab-title-row[b-brxf6y0u6e] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.tab-title-row h2[b-brxf6y0u6e] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    min-width: 150px;
    white-space: nowrap;
}

.hr-tab-title-row[b-brxf6y0u6e] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 38px;
}

.hr-tab-title-row h2[b-brxf6y0u6e] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    min-width: 150px;
    white-space: nowrap;
}

.tab-title-actions[b-brxf6y0u6e] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
    min-width: 0;
}

.tab-add-button[b-brxf6y0u6e] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 1px solid transparent;
    border-radius: 0.55rem;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.28);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 750;
    gap: 0.4rem;
    min-height: 32px;
    padding: 0 0.82rem;
    transition: box-shadow 0.15s ease, filter 0.15s ease, transform 0.15s ease;
    white-space: nowrap;
}

.tab-add-button:hover[b-brxf6y0u6e] {
    box-shadow: 0 10px 22px rgba(99, 102, 241, 0.34);
    filter: brightness(1.04);
}

.tab-add-button:active[b-brxf6y0u6e] {
    transform: translateY(1px);
}

.hr-detail-empty[b-brxf6y0u6e] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.65rem;
    color: #64748b;
    display: flex;
    font-size: 0.88rem;
    font-weight: 650;
    justify-content: center;
    min-height: 140px;
}

@media (max-width: 1180px) {
    .hr-detail-workspace[b-brxf6y0u6e] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .hr-edit-body[b-brxf6y0u6e] {
        grid-template-columns: 1fr;
    }

    .hr-edit-avatar[b-brxf6y0u6e] {
        height: 112px;
        width: 112px;
    }

    .hr-edit-details .dx-field--wide[b-brxf6y0u6e] {
        grid-column: auto;
    }

}
/* /Components/Pages/Login.razor.rz.scp.css */
/* ============ LAYOUT ============ */
.auth-shell[b-pwr8fpgc77] {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 100vh;
    min-height: 100dvh;
    background: #f5f7fb;
    color: #0f172a;
}

@media (min-width: 960px) {
    .auth-shell[b-pwr8fpgc77] {
        grid-template-columns: 1.05fr 1fr;
    }
}

/* ============ BRAND PANEL ============ */
.auth-brand[b-pwr8fpgc77] {
    position: relative;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem 3.5rem;
    color: #f8fafc;
    background: linear-gradient(160deg, #052767 0%, #1e1b4b 55%, #3a0647 100%);
    overflow: hidden;
    isolation: isolate;
}

@media (min-width: 960px) {
    .auth-brand[b-pwr8fpgc77] {
        display: flex;
    }
}

.auth-brand__top[b-pwr8fpgc77],
.auth-brand__center[b-pwr8fpgc77],
.auth-brand__bottom[b-pwr8fpgc77] {
    position: relative;
    z-index: 2;
}

.auth-brand__logo[b-pwr8fpgc77] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.auth-brand__mark[b-pwr8fpgc77] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.7rem;
    background: linear-gradient(135deg, #60a5fa 0%, #a855f7 100%);
    color: #fff;
    font-weight: 800;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
    box-shadow: 0 8px 18px rgba(96, 165, 250, 0.35);
}

.auth-brand__name[b-pwr8fpgc77] {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.auth-brand__headline[b-pwr8fpgc77] {
    font-size: clamp(1.8rem, 2.6vw, 2.6rem);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 1rem 0;
    background: linear-gradient(120deg, #ffffff 0%, #c7d2fe 60%, #fbcfe8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.auth-brand__subline[b-pwr8fpgc77] {
    margin: 0;
    color: rgba(226, 232, 240, 0.78);
    line-height: 1.6;
    font-size: 1rem;
    max-width: 32rem;
}

.auth-brand__points[b-pwr8fpgc77] {
    list-style: none;
    margin: 2.25rem 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.auth-brand__points li[b-pwr8fpgc77] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: rgba(226, 232, 240, 0.92);
    font-size: 0.95rem;
}

.auth-brand__points .dot[b-pwr8fpgc77] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #60a5fa, #c084fc);
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.18);
}

.auth-brand__bottom[b-pwr8fpgc77] {
    color: rgba(226, 232, 240, 0.55);
    font-size: 0.8rem;
}

/* dekoratif blob'lar */
.auth-brand__blob[b-pwr8fpgc77] {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    z-index: 1;
    pointer-events: none;
}

.auth-brand__blob--1[b-pwr8fpgc77] {
    width: 22rem;
    height: 22rem;
    background: rgba(96, 165, 250, 0.35);
    top: -6rem;
    right: -6rem;
}

.auth-brand__blob--2[b-pwr8fpgc77] {
    width: 26rem;
    height: 26rem;
    background: rgba(168, 85, 247, 0.28);
    bottom: -8rem;
    left: -8rem;
}

/* ============ MAIN / CARD ============ */
.auth-main[b-pwr8fpgc77] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
}

.auth-card[b-pwr8fpgc77] {
    width: 100%;
    max-width: 26rem;
    background: #ffffff;
    border-radius: 1.25rem;
    padding: 2.25rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 32px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.auth-card__head[b-pwr8fpgc77] {
    margin-bottom: 1.5rem;
}

.auth-card__logo-mobile[b-pwr8fpgc77] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1.25rem;
}

.auth-card__logo-mobile .auth-brand__mark[b-pwr8fpgc77] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.55rem;
    font-size: 0.8rem;
}

.auth-card__logo-mobile .auth-brand__name[b-pwr8fpgc77] {
    color: #0f172a;
    font-size: 1rem;
}

@media (min-width: 960px) {
    .auth-card__logo-mobile[b-pwr8fpgc77] {
        display: none;
    }
}

.auth-card__title[b-pwr8fpgc77] {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0 0 0.4rem 0;
    color: #0f172a;
}

.auth-card__subtitle[b-pwr8fpgc77] {
    margin: 0;
    color: #64748b;
    font-size: 0.95rem;
}

.auth-card__foot[b-pwr8fpgc77] {
    margin-top: 1.5rem;
    text-align: center;
    color: #64748b;
    font-size: 0.9rem;
}

/* ============ ALERT ============ */
/* ============ FORM ============ */
.auth-form[b-pwr8fpgc77] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.auth-field[b-pwr8fpgc77] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.auth-field__label[b-pwr8fpgc77] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #334155;
    letter-spacing: 0.01em;
}

.auth-input[b-pwr8fpgc77] {
    position: relative;
    display: flex;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.auth-input:focus-within[b-pwr8fpgc77] {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.14);
}

.auth-input__icon[b-pwr8fpgc77] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    padding-left: 0.85rem;
}

.auth-input:focus-within .auth-input__icon[b-pwr8fpgc77] {
    color: #6366f1;
}

.auth-input input[b-pwr8fpgc77] {
    flex: 1;
    border: 0;
    background: transparent;
    outline: none;
    padding: 0.8rem 0.9rem;
    font-size: 0.95rem;
    color: #0f172a;
    width: 100%;
    min-width: 0;
}

.auth-input input[b-pwr8fpgc77]::placeholder {
    color: #94a3b8;
}

.auth-input__toggle[b-pwr8fpgc77] {
    border: 0;
    background: transparent;
    color: #94a3b8;
    padding: 0 0.85rem;
    height: 100%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: color 0.15s ease;
}

.auth-input__toggle:hover[b-pwr8fpgc77] {
    color: #475569;
}

.auth-input__toggle .eye-off[b-pwr8fpgc77] {
    display: none;
}

.auth-input__toggle[data-visible="1"] .eye-on[b-pwr8fpgc77] {
    display: none;
}

.auth-input__toggle[data-visible="1"] .eye-off[b-pwr8fpgc77] {
    display: inline-block;
}

/* ============ ROW (remember + forgot) ============ */
.auth-row[b-pwr8fpgc77] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.auth-check[b-pwr8fpgc77] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    cursor: pointer;
    user-select: none;
    color: #475569;
    font-size: 0.88rem;
}

.auth-check input[b-pwr8fpgc77] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.auth-check__box[b-pwr8fpgc77] {
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 0.35rem;
    border: 1.5px solid #cbd5e1;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.auth-check input:checked + .auth-check__box[b-pwr8fpgc77] {
    background: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
}

.auth-check input:focus-visible + .auth-check__box[b-pwr8fpgc77] {
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.18);
}

.auth-link[b-pwr8fpgc77] {
    color: #4f46e5;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 500;
}

.auth-link:hover[b-pwr8fpgc77] {
    text-decoration: underline;
}

.auth-link--strong[b-pwr8fpgc77] {
    font-weight: 600;
}

/* ============ SUBMIT ============ */
.auth-submit[b-pwr8fpgc77] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    margin-top: 0.5rem;
    padding: 0.85rem 1rem;
    border: 0;
    border-radius: 0.7rem;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.98rem;
    letter-spacing: 0.01em;
    cursor: pointer;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    box-shadow: 0 10px 24px rgba(99, 102, 241, 0.32);
    transition: transform 0.06s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.auth-submit:hover[b-pwr8fpgc77] {
    filter: brightness(1.05);
    box-shadow: 0 12px 28px rgba(99, 102, 241, 0.42);
}

.auth-submit:active[b-pwr8fpgc77] {
    transform: translateY(1px);
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28);
}

.auth-submit:focus-visible[b-pwr8fpgc77] {
    outline: none;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.32), 0 10px 24px rgba(99, 102, 241, 0.32);
}

/* ============ TRANSITION ============ */
.auth-transition[b-pwr8fpgc77] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background: #f5f7fb;
    color: #0f172a;
}

.auth-transition__logo[b-pwr8fpgc77] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

.auth-transition__bar[b-pwr8fpgc77] {
    position: relative;
    width: 8rem;
    height: 0.18rem;
    overflow: hidden;
    border-radius: 999px;
    background: #dbeafe;
}

.auth-transition__bar[b-pwr8fpgc77]::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 45%;
    border-radius: inherit;
    background: #2563eb;
    animation: auth-transition-progress-b-pwr8fpgc77 0.9s ease-in-out infinite alternate;
}

@keyframes auth-transition-progress-b-pwr8fpgc77 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(125%);
    }
}
/* /Components/Pages/Management/ManagementCenter.razor.rz.scp.css */
.management-page[b-x0fxybb0kd] {
    color: #0f172a;
    display: grid;
    gap: 1rem;
    padding: 0.25rem 0 2rem;
}

.management-page--state[b-x0fxybb0kd]  .definition-page-state {
    margin: 2rem auto;
    max-width: 480px;
    width: min(480px, 100%);
}

.management-header[b-x0fxybb0kd] {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.95rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.06);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.management-kicker[b-x0fxybb0kd] {
    color: #64748b;
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 0.22rem;
    text-transform: uppercase;
}

.management-header h1[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 1.28rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
}

.management-switcher[b-x0fxybb0kd] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.25rem;
}

.management-switcher[b-x0fxybb0kd]  a {
    border-radius: 0.5rem;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    min-height: 2rem;
    padding: 0.58rem 0.8rem;
    text-decoration: none;
}

.management-switcher[b-x0fxybb0kd]  a.active,
.management-switcher[b-x0fxybb0kd]  a:hover {
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    color: #1d4ed8;
}

.management-grid[b-x0fxybb0kd] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.definition-workspace[b-x0fxybb0kd] {
    align-items: start;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: 220px minmax(0, 1fr);
}

.definition-rail[b-x0fxybb0kd] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.8rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: grid;
    gap: 0.25rem;
    padding: 0.45rem;
    position: sticky;
    top: 0.75rem;
}

.definition-rail-item[b-x0fxybb0kd] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.62rem;
    color: #334155;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.55rem;
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 3.1rem;
    padding: 0.45rem;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.definition-rail-item:hover[b-x0fxybb0kd],
.definition-rail-item:focus-visible[b-x0fxybb0kd] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #0f172a;
    outline: none;
}

.definition-rail-item__mark[b-x0fxybb0kd],
.definition-section__mark[b-x0fxybb0kd],
.definition-row__badge[b-x0fxybb0kd] {
    align-items: center;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    letter-spacing: 0;
}

.definition-rail-item__mark[b-x0fxybb0kd] {
    background: #eff6ff;
    border-radius: 0.55rem;
    color: #1d4ed8;
    height: 38px;
    width: 38px;
}

.definition-rail-item:nth-child(2) .definition-rail-item__mark[b-x0fxybb0kd] {
    background: #ecfdf5;
    color: #047857;
}

.definition-rail-item:nth-child(3) .definition-rail-item__mark[b-x0fxybb0kd] {
    background: #fff7ed;
    color: #c2410c;
}

.definition-rail-item__text[b-x0fxybb0kd] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.definition-rail-item__text strong[b-x0fxybb0kd] {
    font-size: 0.84rem;
    line-height: 1.15;
}

.definition-rail-item__text small[b-x0fxybb0kd] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
}

.definition-directory[b-x0fxybb0kd] {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
}

.definition-section[b-x0fxybb0kd] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.85rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 26px rgba(15, 23, 42, 0.045);
    overflow: hidden;
    scroll-margin-top: 1rem;
}

.definition-section--focus[b-x0fxybb0kd] {
    border-color: #93c5fd;
    box-shadow:
        0 0 0 3px rgba(37, 99, 235, 0.12),
        0 10px 26px rgba(15, 23, 42, 0.045);
}

.definition-section__header[b-x0fxybb0kd] {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.definition-section__title[b-x0fxybb0kd] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.definition-section__mark[b-x0fxybb0kd] {
    background: #eff6ff;
    border-radius: 0.65rem;
    color: #1d4ed8;
    flex: 0 0 auto;
    height: 44px;
    width: 44px;
}

.definition-section:nth-child(2) .definition-section__mark[b-x0fxybb0kd] {
    background: #ecfdf5;
    color: #047857;
}

.definition-section:nth-child(3) .definition-section__mark[b-x0fxybb0kd] {
    background: #fff7ed;
    color: #c2410c;
}

.definition-section__title span[b-x0fxybb0kd] {
    color: #64748b;
    display: block;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.definition-section__title h2[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
}

.definition-section__title p[b-x0fxybb0kd] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 650;
    line-height: 1.35;
    margin: 0.22rem 0 0;
}

.definition-section__header > strong[b-x0fxybb0kd] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #475569;
    flex: 0 0 auto;
    font-size: 0.74rem;
    line-height: 1;
    padding: 0.42rem 0.6rem;
}

.definition-list[b-x0fxybb0kd] {
    display: grid;
    gap: 1rem;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    padding: 1rem;
}

.definition-row[b-x0fxybb0kd] {
    align-items: flex-start;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.72rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    color: #334155;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: 46px minmax(0, 1fr);
    height: 100%;
    isolation: isolate;
    min-height: 124px;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.definition-row[b-x0fxybb0kd]::before {
    background: #bfdbfe;
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 0.15s ease;
    z-index: -1;
}

.definition-row:first-child[b-x0fxybb0kd] {
    border-top: 1px solid #e2e8f0;
}

.definition-row:hover[b-x0fxybb0kd],
.definition-row.is-hovered[b-x0fxybb0kd],
.definition-row.active[b-x0fxybb0kd] {
    background-color: #93c5fd !important;
    border-color: #60a5fa;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 24px rgba(37, 99, 235, 0.14);
    color: #0f172a;
    transform: translateY(-1px);
}

.definition-row.is-hovered[b-x0fxybb0kd]::before,
.definition-row:hover[b-x0fxybb0kd]::before,
.definition-row.active[b-x0fxybb0kd]::before {
    opacity: 1;
}

.definition-row--inventory[b-x0fxybb0kd]::before {
    background: #a7f3d0;
}

.definition-row--inventory:hover[b-x0fxybb0kd],
.definition-row--inventory.is-hovered[b-x0fxybb0kd],
.definition-row--inventory.active[b-x0fxybb0kd] {
    background-color: #6ee7b7 !important;
    border-color: #34d399;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 24px rgba(5, 150, 105, 0.14);
}

.definition-row--customer[b-x0fxybb0kd]::before {
    background: #fed7aa;
}

.definition-row--customer:hover[b-x0fxybb0kd],
.definition-row--customer.is-hovered[b-x0fxybb0kd],
.definition-row--customer.active[b-x0fxybb0kd] {
    background-color: #fdba74 !important;
    border-color: #fb923c;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 24px rgba(234, 88, 12, 0.14);
}

.definition-row__icon-column[b-x0fxybb0kd],
.definition-row__body[b-x0fxybb0kd] {
    position: relative;
    z-index: 1;
}

.definition-row__icon-column[b-x0fxybb0kd] {
    align-content: start;
    display: grid;
    gap: 0.48rem;
    justify-items: center;
}

.definition-row.active[b-x0fxybb0kd] {
    box-shadow:
        inset 0 0 0 2px #bfdbfe,
        0 10px 20px rgba(37, 99, 235, 0.10);
}

.definition-row__badge[b-x0fxybb0kd] {
    background: #f1f5f9;
    border-radius: 0.58rem;
    color: #475569;
    font-size: 0.78rem;
    height: 46px;
    width: 46px;
}

.definition-row.is-hovered .definition-row__badge[b-x0fxybb0kd],
.definition-row:hover .definition-row__badge[b-x0fxybb0kd],
.definition-row.active .definition-row__badge[b-x0fxybb0kd] {
    background: #eff6ff;
    color: #1d4ed8;
}

.definition-row--inventory.is-hovered .definition-row__badge[b-x0fxybb0kd],
.definition-row--inventory:hover .definition-row__badge[b-x0fxybb0kd],
.definition-row--inventory.active .definition-row__badge[b-x0fxybb0kd] {
    background: #ecfdf5;
    color: #047857;
}

.definition-row--customer.is-hovered .definition-row__badge[b-x0fxybb0kd],
.definition-row--customer:hover .definition-row__badge[b-x0fxybb0kd],
.definition-row--customer.active .definition-row__badge[b-x0fxybb0kd] {
    background: #fff7ed;
    color: #c2410c;
}

.definition-row__body[b-x0fxybb0kd] {
    align-self: stretch;
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.definition-row__body strong[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 0.88rem;
    font-weight: 900;
    line-height: 1.2;
}

.definition-row__body small[b-x0fxybb0kd] {
    color: #64748b;
    display: -webkit-box;
    font-size: 0.76rem;
    font-weight: 650;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
}

.definition-row__arrow[b-x0fxybb0kd] {
    color: #94a3b8;
    display: block;
    transition: color 0.15s ease, transform 0.15s ease;
}

.definition-row.is-hovered .definition-row__arrow[b-x0fxybb0kd],
.definition-row:hover .definition-row__arrow[b-x0fxybb0kd],
.definition-row.active .definition-row__arrow[b-x0fxybb0kd] {
    color: #1d4ed8;
    transform: translateX(2px);
}

.definition-row--inventory.is-hovered .definition-row__arrow[b-x0fxybb0kd],
.definition-row--inventory:hover .definition-row__arrow[b-x0fxybb0kd],
.definition-row--inventory.active .definition-row__arrow[b-x0fxybb0kd] {
    color: #047857;
}

.definition-row--customer.is-hovered .definition-row__arrow[b-x0fxybb0kd],
.definition-row--customer:hover .definition-row__arrow[b-x0fxybb0kd],
.definition-row--customer.active .definition-row__arrow[b-x0fxybb0kd] {
    color: #c2410c;
}

.definition-detail[b-x0fxybb0kd] {
    display: grid;
    gap: 0.9rem;
}

.definition-detail__toolbar[b-x0fxybb0kd],
.definition-detail__summary[b-x0fxybb0kd] {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.8rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.05);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.8rem 1rem;
}

.definition-back-link[b-x0fxybb0kd] {
    align-items: center;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 800;
    gap: 0.4rem;
    text-decoration: none;
}

.definition-back-link:hover[b-x0fxybb0kd] {
    color: #4338ca;
}

.definition-state[b-x0fxybb0kd] {
    background: rgba(100, 116, 139, 0.10);
    border-radius: 999px;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
    padding: 0.38rem 0.58rem;
}

.definition-state--ready[b-x0fxybb0kd] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.definition-detail__summary[b-x0fxybb0kd] {
    align-items: flex-start;
}

.definition-detail__actions[b-x0fxybb0kd] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

.definition-detail__summary h2[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 1.16rem;
    font-weight: 900;
    letter-spacing: 0;
    margin: 0;
}

.definition-detail__module[b-x0fxybb0kd] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.definition-primary-action[b-x0fxybb0kd],
.definition-secondary-action[b-x0fxybb0kd] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0.58rem;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 900;
    gap: 0.42rem;
    justify-content: center;
    min-height: 2.15rem;
    padding: 0.55rem 0.82rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.definition-primary-action[b-x0fxybb0kd] {
    background: #1d4ed8;
    box-shadow: 0 10px 20px rgba(29, 78, 216, 0.18);
    color: #ffffff;
}

.definition-primary-action:hover:not(:disabled)[b-x0fxybb0kd] {
    background: #1e40af;
}

.definition-secondary-action[b-x0fxybb0kd] {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #475569;
}

.definition-secondary-action:hover:not(:disabled)[b-x0fxybb0kd] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
}

.definition-inline-action[b-x0fxybb0kd] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 0.52rem;
    color: #334155;
    display: inline-flex;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 900;
    justify-content: center;
    min-height: 2rem;
    padding: 0.42rem 0.62rem;
}

.definition-inline-action:hover:not(:disabled)[b-x0fxybb0kd] {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

.definition-inline-action:disabled[b-x0fxybb0kd] {
    cursor: not-allowed;
    opacity: 0.65;
}

.definition-row-actions[b-x0fxybb0kd] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    justify-content: flex-start;
}

.definition-primary-action:disabled[b-x0fxybb0kd],
.definition-secondary-action:disabled[b-x0fxybb0kd] {
    cursor: not-allowed;
    opacity: 0.65;
}

.definition-empty[b-x0fxybb0kd],
.definition-empty h2[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0;
}

.definition-empty p[b-x0fxybb0kd] {
    font-size: 0.88rem;
    margin: 0;
}

.definition-empty a[b-x0fxybb0kd] {
    color: #1d4ed8;
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
}

[b-x0fxybb0kd] .definition-loading-panel,
[b-x0fxybb0kd] .definition-loading-panel > .dxbl-loading-panel-container,
[b-x0fxybb0kd] .definition-loading-panel .dxbl-loading-panel-content {
    min-height: 380px;
}

.definition-detail[b-x0fxybb0kd]  .definition-detail-state {
    margin: 2rem auto;
    max-width: 480px;
    width: min(480px, 100%);
}

.definition-record-grid[b-x0fxybb0kd] {
    min-height: 380px;
}

.definition-record-name[b-x0fxybb0kd] {
    color: #0f172a;
    font-weight: 800;
}

.definition-form-grid[b-x0fxybb0kd] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.definition-form-field[b-x0fxybb0kd] {
    color: #0f172a;
    display: grid;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 800;
    min-width: 0;
}

.definition-form-field--wide[b-x0fxybb0kd] {
    grid-column: 1 / -1;
}

.definition-input[b-x0fxybb0kd] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 0.58rem;
    color: #0f172a;
    font-size: 0.88rem;
    font-weight: 650;
    min-height: 2.5rem;
    outline: none;
    padding: 0.58rem 0.68rem;
    width: 100%;
}

.definition-input:focus[b-x0fxybb0kd] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.definition-input--textarea[b-x0fxybb0kd] {
    min-height: 5.5rem;
    resize: vertical;
}

.definition-form-note[b-x0fxybb0kd] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.62rem;
    color: #475569;
    display: grid;
    gap: 0.18rem;
    grid-column: 1 / -1;
    padding: 0.72rem;
}

.definition-form-note strong[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 900;
}

.definition-form-note span[b-x0fxybb0kd] {
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
}

.definition-check[b-x0fxybb0kd] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.58rem;
    color: #334155;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 800;
    gap: 0.5rem;
    min-height: 2.5rem;
    padding: 0.55rem 0.68rem;
}

.definition-check input[b-x0fxybb0kd] {
    accent-color: #1d4ed8;
    height: 1rem;
    width: 1rem;
}

.management-panel[b-x0fxybb0kd] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.8rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.05);
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
}

.management-panel h2[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0;
}

.management-items[b-x0fxybb0kd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.management-items span[b-x0fxybb0kd] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.48rem 0.62rem;
}

[b-x0fxybb0kd] .quick-sale-definition-loading-panel,
[b-x0fxybb0kd] .quick-sale-definition-loading-panel > .dxbl-loading-panel-container,
[b-x0fxybb0kd] .quick-sale-definition-loading-panel .dxbl-loading-panel-content {
    min-height: 360px;
}

.quick-sale-definition-panel[b-x0fxybb0kd] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.8rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.05);
    display: grid;
    gap: 0.95rem;
    padding: 1rem;
}

.quick-sale-definition-panel__header[b-x0fxybb0kd],
.quick-sale-definition-footer[b-x0fxybb0kd] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.quick-sale-definition-panel__header h3[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: 0;
    margin: 0;
}

.quick-sale-definition-grid[b-x0fxybb0kd] {
    align-items: start;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.65fr);
}

.quick-sale-definition-card[b-x0fxybb0kd] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.72rem;
    display: grid;
    gap: 0.85rem;
    min-width: 0;
    padding: 0.9rem;
}

.quick-sale-definition-card--wide[b-x0fxybb0kd] {
    grid-row: span 2;
}

.quick-sale-definition-card__title[b-x0fxybb0kd] {
    display: grid;
    gap: 0.18rem;
}

.quick-sale-definition-card__title h4[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: 0;
    margin: 0;
}

.quick-sale-definition-card__title span[b-x0fxybb0kd] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.35;
}

.quick-sale-definition-form[b-x0fxybb0kd] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quick-sale-definition-search[b-x0fxybb0kd] {
    align-items: center;
    display: grid;
    gap: 0.55rem;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) auto;
}

.quick-sale-definition-customer-list[b-x0fxybb0kd] {
    display: grid;
    gap: 0.45rem;
    grid-column: 1 / -1;
    max-height: 220px;
    overflow: auto;
    padding-right: 0.2rem;
}

.quick-sale-definition-customer-list button[b-x0fxybb0kd] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.62rem;
    color: #334155;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 3.1rem;
    padding: 0.55rem 0.65rem;
    text-align: left;
}

.quick-sale-definition-customer-list button:hover[b-x0fxybb0kd],
.quick-sale-definition-customer-list button.is-selected[b-x0fxybb0kd] {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.10);
}

.quick-sale-definition-customer-list span[b-x0fxybb0kd] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.quick-sale-definition-customer-list strong[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-sale-definition-customer-list small[b-x0fxybb0kd] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 750;
}

.quick-sale-definition-customer-list em[b-x0fxybb0kd] {
    background: #eff6ff;
    border-radius: 999px;
    color: #1d4ed8;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    padding: 0.38rem 0.55rem;
}

.quick-sale-definition-payment-types[b-x0fxybb0kd] {
    display: grid;
    gap: 0.5rem;
}

.quick-sale-definition-quick-list[b-x0fxybb0kd] {
    display: grid;
    gap: 0.45rem;
    max-height: 260px;
    overflow: auto;
}

.quick-sale-definition-quick-item[b-x0fxybb0kd],
.quick-sale-definition-empty[b-x0fxybb0kd] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.62rem;
    display: grid;
    gap: 0.16rem;
    padding: 0.62rem;
}

.quick-sale-definition-quick-item span[b-x0fxybb0kd] {
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 900;
}

.quick-sale-definition-quick-item strong[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-sale-definition-quick-item small[b-x0fxybb0kd],
.quick-sale-definition-empty[b-x0fxybb0kd] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 750;
}

.quick-sale-definition-footer[b-x0fxybb0kd] {
    border-top: 1px solid #e2e8f0;
    justify-content: flex-end;
    padding-top: 0.85rem;
}

[b-x0fxybb0kd] .company-settings-loading-panel,
[b-x0fxybb0kd] .company-settings-loading-panel > .dxbl-loading-panel-container,
[b-x0fxybb0kd] .company-settings-loading-panel .dxbl-loading-panel-content {
    min-height: 320px;
}

.company-settings-grid[b-x0fxybb0kd] {
    align-items: start;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.38fr);
}

.company-settings-panel[b-x0fxybb0kd] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.8rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.05);
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
}

.company-settings-panel__header[b-x0fxybb0kd] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.company-settings-panel h2[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
    margin: 0;
}

.company-settings-form[b-x0fxybb0kd] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.company-settings-toggle[b-x0fxybb0kd],
.company-settings-note[b-x0fxybb0kd] {
    grid-column: 1 / -1;
}

.company-settings-note[b-x0fxybb0kd] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.62rem;
    color: #475569;
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
}

.company-settings-note strong[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 900;
}

.company-settings-note span[b-x0fxybb0kd] {
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
}

.company-settings-footer[b-x0fxybb0kd] {
    border-top: 1px solid #e2e8f0;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    padding-top: 0.85rem;
}

.company-settings-stats[b-x0fxybb0kd] {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.company-settings-stats div[b-x0fxybb0kd] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.62rem;
    display: grid;
    gap: 0.16rem;
    padding: 0.72rem;
}

.company-settings-stats dt[b-x0fxybb0kd] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.company-settings-stats dd[b-x0fxybb0kd] {
    color: #0f172a;
    font-size: 0.88rem;
    font-weight: 850;
    margin: 0;
}

@media (max-width: 720px) {
    .management-header[b-x0fxybb0kd] {
        align-items: stretch;
        flex-direction: column;
    }

    .management-switcher[b-x0fxybb0kd] {
        overflow-x: auto;
    }

    .definition-workspace[b-x0fxybb0kd] {
        grid-template-columns: 1fr;
    }

    .definition-rail[b-x0fxybb0kd] {
        display: flex;
        overflow-x: auto;
        position: static;
    }

    .definition-rail-item[b-x0fxybb0kd] {
        flex: 0 0 180px;
    }

    .definition-section__header[b-x0fxybb0kd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .definition-row__body small[b-x0fxybb0kd] {
        white-space: normal;
    }

    .definition-list[b-x0fxybb0kd] {
        grid-template-columns: 1fr;
    }

    .definition-detail__toolbar[b-x0fxybb0kd],
    .definition-detail__summary[b-x0fxybb0kd] {
        align-items: stretch;
        flex-direction: column;
    }

    .definition-detail__actions[b-x0fxybb0kd] {
        align-items: stretch;
        flex-direction: column;
        justify-content: stretch;
    }

    .definition-form-grid[b-x0fxybb0kd] {
        grid-template-columns: 1fr;
    }

    .quick-sale-definition-panel__header[b-x0fxybb0kd],
    .quick-sale-definition-footer[b-x0fxybb0kd] {
        align-items: stretch;
        flex-direction: column;
    }

    .quick-sale-definition-grid[b-x0fxybb0kd],
    .quick-sale-definition-form[b-x0fxybb0kd],
    .quick-sale-definition-search[b-x0fxybb0kd] {
        grid-template-columns: 1fr;
    }

    .quick-sale-definition-card--wide[b-x0fxybb0kd] {
        grid-row: auto;
    }

    .company-settings-grid[b-x0fxybb0kd],
    .company-settings-form[b-x0fxybb0kd] {
        grid-template-columns: 1fr;
    }

    .app-modal-footer[b-x0fxybb0kd] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .app-modal-action[b-x0fxybb0kd] {
        width: 100%;
    }
}
/* /Components/Pages/Management/PrintTemplateDesigner.razor.rz.scp.css */
.print-designer-page[b-996jrep3eb] {
    box-sizing: border-box;
    display: grid;
    gap: 18px;
    min-height: 100dvh;
    padding: 24px;
    background: #f8fafc;
}

.print-designer-page--state[b-996jrep3eb] {
    align-content: start;
    grid-template-rows: auto;
}

.print-designer-page--state[b-996jrep3eb]  .print-designer-state {
    margin: 2rem auto;
    max-width: 480px;
    width: min(480px, 100%);
}

.print-designer-header[b-996jrep3eb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    padding: 18px 20px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .06);
}

.print-designer-header h1[b-996jrep3eb] {
    margin: 0;
    color: #0f172a;
    font-size: 1.25rem;
}

.print-designer-header p[b-996jrep3eb] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: .86rem;
}

.print-designer-header__actions[b-996jrep3eb] {
    display: inline-flex;
    gap: 8px;
}

.print-designer-stage[b-996jrep3eb] {
    display: grid;
    gap: 18px;
}

.print-designer-stage--preparing[b-996jrep3eb] {
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
}

.print-designer-surface[b-996jrep3eb] {
    height: calc(100vh - 150px);
    min-height: 640px;
    overflow: hidden;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #fff;
}

.print-designer-surface[b-996jrep3eb]  .dxrd-designer-wrapper,
.print-designer-surface[b-996jrep3eb]  .dxrd-designer,
.print-designer-surface[b-996jrep3eb]  .dx-designer,
.print-designer-surface[b-996jrep3eb]  .dx-designer-viewport,
.print-designer-surface[b-996jrep3eb]  .dxrd-surface-wrapper {
    height: 100%;
    min-height: 100%;
}

.print-designer-surface[b-996jrep3eb]  > div,
.print-designer-surface[b-996jrep3eb]  .dx-blazor-reporting {
    height: 100%;
}

.print-designer-shell[b-996jrep3eb] {
    height: 100%;
    min-height: 100%;
}

.print-designer-surface[b-996jrep3eb]  .dxrd-properties-wrapper .dx-field {
    display: block;
    gap: normal;
    min-width: 0;
    clear: both;
}

.print-designer-surface[b-996jrep3eb]  .dxrd-properties-wrapper .dx-field::after {
    content: "";
    display: table;
    clear: both;
}

.print-designer-surface[b-996jrep3eb]  .dxrd-properties-wrapper .dx-field-label {
    box-sizing: border-box;
    float: left;
    width: 42%;
    min-height: 28px;
    padding: 6px 8px 6px 0;
    overflow: hidden;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.print-designer-surface[b-996jrep3eb]  .dxrd-properties-wrapper .dx-field-value,
.print-designer-surface[b-996jrep3eb]  .dxrd-properties-wrapper .dx-field-value-static {
    box-sizing: border-box;
    float: right;
    width: 58%;
    min-height: 28px;
}

.print-designer-surface[b-996jrep3eb]  .dxrd-properties-wrapper .dx-field input.dx-texteditor-input,
.print-designer-surface[b-996jrep3eb]  .dxrd-properties-wrapper .dx-field textarea.dx-texteditor-input {
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
/* /Components/Pages/Payments/PaymentChecks.razor.rz.scp.css */
.payment-check-page[b-gwck5pacfi] {
    color: #18212f;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: calc(100dvh - 1.1rem);
    min-height: 0;
    overflow: hidden;
}

.payment-check-page[b-gwck5pacfi]  .app-data-grid {
    flex: 1 1 auto;
    min-height: 0;
}

.payment-check-page[b-gwck5pacfi]  .check-loading-state {
    flex: 0 0 auto;
    margin: 2rem auto 0;
    max-height: none;
}

.payment-check-page[b-gwck5pacfi]  .toolbar {
    flex: 0 0 58px;
    height: 58px;
    max-height: 58px;
    min-height: 58px;
    overflow: hidden;
}

.payment-check-page[b-gwck5pacfi]  .app-data-grid__root,
.payment-check-page[b-gwck5pacfi]  .app-data-grid__loading-panel,
.payment-check-page[b-gwck5pacfi]  .app-data-grid__loading-panel > .dxbl-loading-panel-container,
.payment-check-page[b-gwck5pacfi]  .app-data-grid__loading-panel .dxbl-loading-panel-content,
.payment-check-page[b-gwck5pacfi]  .app-data-grid__loading-panel .dxbl-loading-panel-content > div {
    min-height: 0;
}

.payment-check-page[b-gwck5pacfi]  .app-data-grid__loading-panel .dxbl-loading-panel {
    max-height: 4.5rem;
}

.check-tabs[b-gwck5pacfi],
.check-actions[b-gwck5pacfi] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
}

.check-tabs[b-gwck5pacfi] {
    max-width: 100%;
    overflow-x: auto;
}

.check-tab[b-gwck5pacfi],
.check-action[b-gwck5pacfi] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.75rem;
    white-space: nowrap;
}

.check-tab:hover[b-gwck5pacfi],
.check-action:hover[b-gwck5pacfi] {
    background: #f8fafc;
    border-color: #99f6e4;
    color: #0f766e;
}

.check-tab.is-active[b-gwck5pacfi] {
    background: rgba(15, 118, 110, 0.08);
    border-color: rgba(15, 118, 110, 0.24);
    color: #0f766e;
}

.check-tab--filter[b-gwck5pacfi] {
    border-style: dashed;
    margin-left: 0.4rem;
}

.check-document-cell[b-gwck5pacfi] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.check-document-cell strong[b-gwck5pacfi],
.check-document-cell small[b-gwck5pacfi] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.check-document-cell strong[b-gwck5pacfi],
.check-amount[b-gwck5pacfi] {
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 800;
}

.check-document-cell small[b-gwck5pacfi] {
    color: #64748b;
    font-size: 0.76rem;
}

.check-state[b-gwck5pacfi] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 800;
    justify-content: center;
    min-width: 92px;
    padding: 0.35rem 0.55rem;
}

.check-state--pending[b-gwck5pacfi] {
    background: #ecfdf5;
    color: #047857;
}

.check-state--overdue[b-gwck5pacfi] {
    background: #fff7ed;
    color: #c2410c;
}

.check-state--collected[b-gwck5pacfi] {
    background: #eef2ff;
    color: #4338ca;
}

.check-state--exchange[b-gwck5pacfi] {
    background: #eff6ff;
    color: #1d4ed8;
}

.check-state--collateral[b-gwck5pacfi] {
    background: #fef3c7;
    color: #b45309;
}

.check-state--loan[b-gwck5pacfi] {
    background: #fdf2f8;
    color: #be185d;
}

.check-action[b-gwck5pacfi] {
    min-height: 30px;
    padding: 0 0.6rem;
}

.check-action--primary[b-gwck5pacfi] {
    background: #0f766e;
    border-color: #0f766e;
    color: #ffffff;
}

.check-action--primary:hover[b-gwck5pacfi] {
    background: #115e59;
    border-color: #115e59;
    color: #ffffff;
}

.check-action--bank[b-gwck5pacfi] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.check-action--bank:hover[b-gwck5pacfi] {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1e40af;
}

.check-action--warning[b-gwck5pacfi] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #c2410c;
}

.check-action--warning:hover[b-gwck5pacfi] {
    background: #ffedd5;
    border-color: #fdba74;
    color: #9a3412;
}

.check-settlement-body[b-gwck5pacfi] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.check-settlement-source[b-gwck5pacfi] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0.85rem;
}

.check-settlement-source div[b-gwck5pacfi] {
    display: grid;
    gap: 0.2rem;
}

.check-settlement-source span[b-gwck5pacfi],
.check-field label[b-gwck5pacfi] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 700;
}

.check-settlement-source strong[b-gwck5pacfi] {
    color: #0f172a;
    font-size: 0.87rem;
}

.check-form-grid[b-gwck5pacfi] {
    display: grid;
    gap: 0.85rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.check-flow-note[b-gwck5pacfi] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.6rem;
    color: #1e40af;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.35;
    padding: 0.72rem 0.8rem;
}

.check-flow-note--wide[b-gwck5pacfi] {
    grid-column: 1 / -1;
}

.check-field[b-gwck5pacfi] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.check-field--wide[b-gwck5pacfi] {
    grid-column: 1 / -1;
}

.check-field--section[b-gwck5pacfi] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.6rem;
    grid-column: 1 / -1;
    padding: 0.75rem;
}

.check-field--section strong[b-gwck5pacfi] {
    color: #0f172a;
    font-size: 0.88rem;
}

.check-field--section span[b-gwck5pacfi] {
    color: #64748b;
    font-size: 0.78rem;
}

.check-field input[b-gwck5pacfi],
.check-field select[b-gwck5pacfi] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font: inherit;
    font-size: 0.88rem;
    min-height: 40px;
    padding: 0 0.7rem;
    width: 100%;
}

.check-checkbox[b-gwck5pacfi] {
    align-items: center;
    color: #334155;
    display: flex;
    gap: 0.45rem;
    min-height: 40px;
}

.check-checkbox input[b-gwck5pacfi] {
    min-height: auto;
    width: auto;
}

.check-field input:focus[b-gwck5pacfi],
.check-field select:focus[b-gwck5pacfi] {
    background: #ffffff;
    border-color: #0f766e;
    border-radius: 0.55rem;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.14);
    outline: 0;
}

.check-history-table[b-gwck5pacfi] {
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    overflow: hidden;
}

.check-history-row[b-gwck5pacfi] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 110px 130px 140px minmax(0, 1fr);
    min-height: 42px;
    padding: 0.65rem 0.8rem;
}

.check-history-row + .check-history-row[b-gwck5pacfi] {
    border-top: 1px solid #eef2f7;
}

.check-history-row span[b-gwck5pacfi] {
    color: #334155;
    font-size: 0.82rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.check-history-row--head[b-gwck5pacfi] {
    background: #f8fafc;
}

.check-history-row--head span[b-gwck5pacfi] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 720px) {
    .check-settlement-source[b-gwck5pacfi],
    .check-form-grid[b-gwck5pacfi] {
        grid-template-columns: 1fr;
    }

    .check-history-row[b-gwck5pacfi] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Payments/PaymentCreate.razor.rz.scp.css */
.payment-editor-page[b-5v6k89mfco] {
    color: #18212f;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
}

.payment-editor-workspace[b-5v6k89mfco] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(420px, 42%) minmax(0, 1fr);
    min-height: 0;
}

.payment-hero[b-5v6k89mfco],
.payment-editor-card[b-5v6k89mfco],
.payment-lines-card[b-5v6k89mfco] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
    min-width: 0;
}

.payment-hero[b-5v6k89mfco] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 1.1rem 1.25rem;
}

.payment-hero__back[b-5v6k89mfco],
.payment-action[b-5v6k89mfco],
.payment-line-action[b-5v6k89mfco] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease, transform 0.06s ease;
}

.payment-hero__back[b-5v6k89mfco] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    color: #334155;
    height: 2.5rem;
    width: 2.5rem;
}

.payment-hero__back:hover[b-5v6k89mfco] {
    background: #eef4ff;
    border-color: #c7d2fe;
    color: #4338ca;
}

.payment-hero__title[b-5v6k89mfco] {
    min-width: 0;
}

.payment-hero__title span[b-5v6k89mfco],
.payment-lines-card__header > div > span[b-5v6k89mfco] {
    color: #64748b;
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.payment-hero__title h1[b-5v6k89mfco],
.payment-lines-card__header h2[b-5v6k89mfco] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0.2rem 0 0;
}

.payment-hero__title p[b-5v6k89mfco] {
    color: #64748b;
    font-size: 0.9rem;
    margin: 0.2rem 0 0;
}

.payment-hero__actions[b-5v6k89mfco],
.payment-line-actions[b-5v6k89mfco] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.payment-action[b-5v6k89mfco] {
    border-radius: 0.55rem;
    font-size: 0.84rem;
    font-weight: 750;
    gap: 0.4rem;
    min-height: 38px;
    padding: 0 0.9rem;
}

.payment-action span[b-5v6k89mfco] {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

.payment-action--ghost[b-5v6k89mfco] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #334155;
}

.payment-action--ghost:hover[b-5v6k89mfco] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.payment-action--primary[b-5v6k89mfco] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 1px solid transparent;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.30);
    color: #ffffff;
}

.payment-action--primary:hover[b-5v6k89mfco] {
    filter: brightness(1.05);
}

.payment-action:disabled[b-5v6k89mfco] {
    cursor: default;
    opacity: 0.6;
}

.payment-button-spinner[b-5v6k89mfco] {
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    animation: payment-spin-b-5v6k89mfco 0.7s linear infinite;
}

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

.payment-editor-card[b-5v6k89mfco] {
    align-self: start;
    padding: 1.25rem;
}

.payment-card-title-row[b-5v6k89mfco] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.payment-card-title-row h2[b-5v6k89mfco] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
}

.card-actions[b-5v6k89mfco] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
}

.payment-editor-body[b-5v6k89mfco] {
    align-items: flex-start;
    display: flex;
    gap: 1.35rem;
}

.payment-summary-mark[b-5v6k89mfco] {
    align-items: center;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(192, 38, 211, 0.08) 100%);
    border: 2px dashed rgba(99, 102, 241, 0.25);
    border-radius: var(--app-avatar-radius);
    box-sizing: border-box;
    color: #4f46e5;
    display: grid;
    flex: 0 0 128px;
    gap: 0.28rem;
    height: 128px;
    justify-items: center;
    min-height: 128px;
    padding: 1rem;
    text-align: center;
    width: 128px;
}

.payment-summary-mark strong[b-5v6k89mfco] {
    font-size: 1.6rem;
    font-weight: 800;
}

.payment-summary-mark span[b-5v6k89mfco],
.payment-summary-mark small[b-5v6k89mfco] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.payment-summary-mark small[b-5v6k89mfco] {
    color: #0f172a;
}

.payment-editor-form[b-5v6k89mfco] {
    flex: 1;
    min-width: 0;
}

.payment-section-title[b-5v6k89mfco] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 0.85rem;
    text-transform: uppercase;
}

.payment-edit-grid[b-5v6k89mfco] {
    display: grid;
    gap: 0.85rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-field[b-5v6k89mfco] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.payment-field--wide[b-5v6k89mfco] {
    grid-column: 1 / -1;
}

.payment-field label[b-5v6k89mfco] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 750;
}

.payment-field input[b-5v6k89mfco],
.payment-field select[b-5v6k89mfco],
[b-5v6k89mfco] .payment-combo,
[b-5v6k89mfco] .payment-combo__input {
    min-height: 40px;
    width: 100%;
}

.payment-field input[b-5v6k89mfco],
.payment-field select[b-5v6k89mfco] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font: inherit;
    font-size: 0.88rem;
    padding: 0 0.7rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.payment-field input:focus[b-5v6k89mfco],
.payment-field select:focus[b-5v6k89mfco] {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
    outline: 0;
}

.payment-field input[readonly][b-5v6k89mfco] {
    color: #64748b;
}

.payment-lookup-row[b-5v6k89mfco] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    min-width: 0;
}

[b-5v6k89mfco] .payment-combo {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.55rem !important;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-5v6k89mfco] .payment-combo.dxbl-text-edit,
[b-5v6k89mfco] .payment-combo.dxbl-cmbbx {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.55rem !important;
    min-height: 40px;
}

[b-5v6k89mfco] .payment-combo:focus-within,
[b-5v6k89mfco] .payment-combo.dxbl-text-edit:focus-within,
[b-5v6k89mfco] .payment-combo.dxbl-cmbbx:focus-within {
    background: #ffffff !important;
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14) !important;
}

[b-5v6k89mfco] .payment-combo .dxbl-edit-input,
[b-5v6k89mfco] .payment-combo .dxbl-text-edit-input,
[b-5v6k89mfco] .payment-combo__input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0f172a;
    font-size: 0.88rem;
    min-height: 38px;
    padding-left: 0.7rem;
}

[b-5v6k89mfco] .payment-combo .dxbl-btn,
[b-5v6k89mfco] .payment-combo .dxbl-edit-btn {
    background: transparent !important;
    border-color: transparent !important;
    min-height: 38px;
}

.payment-combo-item[b-5v6k89mfco] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding: 0.25rem 0;
}

.payment-combo-avatar[b-5v6k89mfco] {
    align-items: center;
    background: #eef2ff;
    border: 1px solid #dbe3ff;
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 0.76rem;
    font-weight: 800;
    height: 2.15rem;
    justify-content: center;
    letter-spacing: 0;
    overflow: hidden;
    width: 2.15rem;
}

.payment-combo-avatar img[b-5v6k89mfco] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.payment-combo-content[b-5v6k89mfco] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.payment-combo-code[b-5v6k89mfco],
.payment-combo-title[b-5v6k89mfco] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-combo-code[b-5v6k89mfco] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1.2;
}

.payment-combo-title[b-5v6k89mfco] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
}

.payment-lines-card[b-5v6k89mfco] {
    display: grid;
    gap: 1rem;
    grid-template-rows: auto minmax(0, auto) auto;
    min-height: 360px;
    padding: 1rem;
}

.payment-lines-card__header[b-5v6k89mfco] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: 0.9rem;
}

.payment-lines-card__header h2[b-5v6k89mfco] {
    font-size: 1.05rem;
}

.payment-empty-state[b-5v6k89mfco] {
    align-items: center;
    background: #f8fafc;
    border: 2px dashed #cbd5e1;
    border-radius: 0.8rem;
    color: #64748b;
    display: flex;
    font-size: 0.9rem;
    font-weight: 650;
    justify-content: center;
    min-height: 110px;
    padding: 1.25rem;
}

.payment-lines-grid-wrap[b-5v6k89mfco] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
}

[b-5v6k89mfco] .payment-lines-grid .dxbl-grid-header-row > th,
[b-5v6k89mfco] .payment-lines-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-5v6k89mfco] .payment-lines-grid .dxbl-grid-table {
    min-width: 880px;
}

[b-5v6k89mfco] .payment-lines-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #334155;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    vertical-align: middle;
}

[b-5v6k89mfco] .payment-lines-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-5v6k89mfco] .payment-lines-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-5v6k89mfco] .payment-lines-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}

.payment-line-type[b-5v6k89mfco] {
    display: grid;
    gap: 0.15rem;
    max-width: 260px;
    min-width: 0;
}

.payment-line-type strong[b-5v6k89mfco],
.payment-line-type small[b-5v6k89mfco],
.payment-line-total[b-5v6k89mfco] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-line-type strong[b-5v6k89mfco],
.payment-line-total[b-5v6k89mfco] {
    color: #0f172a;
    font-weight: 800;
}

.payment-line-type small[b-5v6k89mfco] {
    color: #64748b;
    font-size: 0.8rem;
}

.payment-line-actions[b-5v6k89mfco] {
    gap: 0.35rem;
}

.payment-line-action[b-5v6k89mfco] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 0.5rem;
    color: #475569;
    height: 32px;
    width: 32px;
}

.payment-line-action:hover[b-5v6k89mfco] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
}

.payment-line-action--danger[b-5v6k89mfco] {
    border-color: #fecaca;
    color: #b91c1c;
}

.payment-line-action--danger:hover[b-5v6k89mfco] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.payment-totals-panel[b-5v6k89mfco] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    display: grid;
    gap: 0.55rem;
    margin-left: auto;
    max-width: 360px;
    padding: 0.85rem;
    width: min(100%, 360px);
}

.payment-total-row[b-5v6k89mfco] {
    align-items: center;
    color: #475569;
    display: flex;
    font-size: 0.88rem;
    gap: 1rem;
    justify-content: space-between;
}

.payment-total-row strong[b-5v6k89mfco] {
    color: #0f172a;
    font-weight: 800;
    white-space: nowrap;
}

.payment-total-row--grand[b-5v6k89mfco] {
    border-top: 1px solid #e2e8f0;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 800;
    padding-top: 0.65rem;
}

@media (max-width: 920px) {
    .payment-editor-workspace[b-5v6k89mfco] {
        grid-template-columns: 1fr;
    }

    .payment-hero[b-5v6k89mfco],
    .payment-editor-body[b-5v6k89mfco] {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
    }

    .payment-hero__actions[b-5v6k89mfco],
    .card-actions[b-5v6k89mfco] {
        flex-wrap: wrap;
        width: 100%;
    }

    .payment-action[b-5v6k89mfco] {
        flex: 1 1 auto;
    }

    .payment-summary-mark[b-5v6k89mfco] {
        flex: 0 0 128px;
        width: 128px;
    }

    .payment-edit-grid[b-5v6k89mfco] {
        grid-template-columns: 1fr;
    }

    .payment-lines-card__header[b-5v6k89mfco],
    .payment-card-title-row[b-5v6k89mfco] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Payments/PaymentDashboard.razor.rz.scp.css */
.payment-panel-page[b-1i8g000whw] {
    color: #0f172a;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
    padding: 0.5rem 0 1.5rem;
    width: 100%;
}

.payment-panel-page *[b-1i8g000whw],
.payment-panel-page *[b-1i8g000whw]::before,
.payment-panel-page *[b-1i8g000whw]::after {
    box-sizing: border-box;
}

.payment-panel-hero[b-1i8g000whw] {
    align-items: center;
    background:
        radial-gradient(900px 320px at 90% -40%, rgba(13, 148, 136, 0.10), transparent 60%),
        radial-gradient(700px 280px at -10% 110%, rgba(37, 99, 235, 0.10), transparent 60%),
        #ffffff;
    border: 1px solid rgba(13, 148, 136, 0.12);
    border-radius: 1.1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 14px 32px rgba(15, 23, 42, 0.07);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    justify-content: space-between;
    overflow: visible;
    padding: 1.25rem 1.4rem;
}

.payment-panel-hero__intro[b-1i8g000whw] {
    align-items: center;
    display: flex;
    gap: 1rem;
    min-width: 0;
}

.payment-panel-hero__mark[b-1i8g000whw] {
    align-items: center;
    background: linear-gradient(135deg, #0f766e 0%, #2563eb 60%, #4f46e5 100%);
    border-radius: var(--app-avatar-radius);
    box-shadow: 0 10px 22px rgba(15, 118, 110, 0.30);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.payment-panel-hero__text[b-1i8g000whw] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.payment-panel-hero__eyebrow[b-1i8g000whw] {
    color: #0f766e;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.payment-panel-hero__title[b-1i8g000whw] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.1;
    margin: 0;
}

.payment-panel-hero__subtitle[b-1i8g000whw] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0.15rem 0 0;
}

.payment-panel-hero__subtitle strong[b-1i8g000whw] {
    color: #0f172a;
}

.payment-panel-hero__actions[b-1i8g000whw] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.payment-panel-action[b-1i8g000whw] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.payment-panel-action:hover[b-1i8g000whw] {
    background: #f8fafc;
    border-color: #99f6e4;
    color: #0f766e;
}

.payment-panel-action svg[b-1i8g000whw] {
    color: #0f766e;
}

.payment-panel-action--primary[b-1i8g000whw] {
    background: linear-gradient(135deg, #0f766e 0%, #2563eb 60%, #4f46e5 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.26);
    color: #ffffff;
}

.payment-panel-action--primary svg[b-1i8g000whw] {
    color: #ffffff;
}

.payment-panel-action--primary:hover[b-1i8g000whw] {
    background: linear-gradient(135deg, #0f766e 0%, #2563eb 60%, #4f46e5 100%);
    border-color: transparent;
    color: #ffffff;
    filter: brightness(1.05);
}

.payment-panel-stats[b-1i8g000whw] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.payment-stat[b-1i8g000whw] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.85rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-height: 78px;
    overflow: hidden;
    padding: 0.85rem 1rem;
    position: relative;
    text-align: left;
}

button.payment-stat[b-1i8g000whw] {
    cursor: pointer;
}

.payment-stat[b-1i8g000whw]::before {
    background: linear-gradient(180deg, #0f766e 0%, #2563eb 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.payment-stat__label[b-1i8g000whw] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.payment-stat__value[b-1i8g000whw] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.1;
}

.payment-cash-status[b-1i8g000whw] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 0.85rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
    padding: 1rem;
}

.payment-cash-status__header[b-1i8g000whw] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-width: 0;
}

.payment-cash-status__eyebrow[b-1i8g000whw] {
    color: #0f766e;
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.payment-cash-status__title[b-1i8g000whw] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0.1rem 0 0;
}

.payment-cash-status__subtitle[b-1i8g000whw] {
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.35;
    margin: 0.2rem 0 0;
}

.payment-cash-status__net[b-1i8g000whw] {
    align-items: flex-end;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 148px;
    padding: 0.65rem 0.8rem;
}

.payment-cash-status__net span[b-1i8g000whw] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.payment-cash-status__net strong[b-1i8g000whw] {
    color: #0f172a;
    font-size: 1.2rem;
    font-weight: 750;
    line-height: 1.1;
}

.payment-cash-status__cards[b-1i8g000whw] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.payment-cash-card[b-1i8g000whw] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-height: 70px;
    min-width: 0;
    padding: 0.75rem 0.8rem;
}

.payment-cash-card__label[b-1i8g000whw] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.payment-cash-card__value[b-1i8g000whw] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 750;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.payment-cash-lines[b-1i8g000whw] {
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    overflow: hidden;
}

.payment-cash-line[b-1i8g000whw] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 0.8fr minmax(0, 1.4fr) 0.9fr 0.9fr;
    min-height: 42px;
    padding: 0.55rem 0.75rem;
}

.payment-cash-line + .payment-cash-line[b-1i8g000whw] {
    border-top: 1px solid #e2e8f0;
}

.payment-cash-line__type[b-1i8g000whw] {
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 700;
}

.payment-cash-line__name[b-1i8g000whw],
.payment-cash-line__amount[b-1i8g000whw] {
    color: #475569;
    font-size: 0.82rem;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-cash-line__local[b-1i8g000whw] {
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 750;
    text-align: right;
}

.payment-cash-empty[b-1i8g000whw] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.7rem;
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.75rem;
}

.payment-panel-layout[b-1i8g000whw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    width: 100%;
}

.payment-panel-page[b-1i8g000whw]  .app-panel-grid__icon-slot {
    background: #ffffff;
    border: 1px solid rgba(15, 118, 110, 0.24);
    box-shadow: none;
    color: #0f766e;
}

@media (max-width: 1200px) {
    .payment-panel-stats[b-1i8g000whw],
    .payment-cash-status__cards[b-1i8g000whw],
    .payment-panel-layout[b-1i8g000whw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .payment-panel-stats[b-1i8g000whw],
    .payment-cash-status__cards[b-1i8g000whw],
    .payment-panel-layout[b-1i8g000whw] {
        grid-template-columns: minmax(0, 1fr);
    }

    .payment-cash-status__header[b-1i8g000whw] {
        align-items: stretch;
        flex-direction: column;
    }

    .payment-cash-status__net[b-1i8g000whw] {
        align-items: flex-start;
        min-width: 0;
    }

    .payment-cash-line[b-1i8g000whw] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.2rem;
    }

    .payment-cash-line__local[b-1i8g000whw] {
        text-align: left;
    }
}
/* /Components/Pages/Payments/PaymentDetail.razor.rz.scp.css */
.payment-detail-page[b-kpl6wvg29t] {
    color: #18212f;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
}

.payment-editor-workspace[b-kpl6wvg29t] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(420px, 42%) minmax(0, 1fr);
    min-height: 0;
}

.payment-hero[b-kpl6wvg29t],
.payment-editor-card[b-kpl6wvg29t],
.payment-lines-card[b-kpl6wvg29t] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
    min-width: 0;
}

.payment-hero[b-kpl6wvg29t] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 1.1rem 1.25rem;
}

.payment-hero__back[b-kpl6wvg29t],
.payment-action[b-kpl6wvg29t],
.payment-line-action[b-kpl6wvg29t] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease, transform 0.06s ease;
}

.payment-hero__back[b-kpl6wvg29t] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    color: #334155;
    height: 2.5rem;
    width: 2.5rem;
}

.payment-hero__back:hover[b-kpl6wvg29t] {
    background: #eef4ff;
    border-color: #c7d2fe;
    color: #4338ca;
}

.payment-hero__title[b-kpl6wvg29t] {
    min-width: 0;
}

.payment-hero__title span[b-kpl6wvg29t],
.payment-lines-card__header > div > span[b-kpl6wvg29t] {
    color: #64748b;
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.payment-hero__title h1[b-kpl6wvg29t],
.payment-lines-card__header h2[b-kpl6wvg29t],
.payment-card-title-row h2[b-kpl6wvg29t] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0.2rem 0 0;
}

.payment-hero__title p[b-kpl6wvg29t] {
    color: #64748b;
    font-size: 0.9rem;
    margin: 0.2rem 0 0;
}

.payment-hero__actions[b-kpl6wvg29t],
.payment-line-actions[b-kpl6wvg29t] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.payment-action[b-kpl6wvg29t] {
    border-radius: 0.55rem;
    font-size: 0.84rem;
    font-weight: 750;
    gap: 0.4rem;
    min-height: 38px;
    padding: 0 0.9rem;
}

.payment-action span[b-kpl6wvg29t] {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

.payment-action--ghost[b-kpl6wvg29t] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #334155;
}

.payment-action--ghost:hover[b-kpl6wvg29t] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.payment-action--primary[b-kpl6wvg29t] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 1px solid transparent;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.30);
    color: #ffffff;
}

.payment-action--primary:hover[b-kpl6wvg29t] {
    filter: brightness(1.05);
}

.payment-action:disabled[b-kpl6wvg29t],
.payment-line-action:disabled[b-kpl6wvg29t] {
    cursor: default;
    opacity: 0.6;
}

.payment-button-spinner[b-kpl6wvg29t] {
    animation: payment-spin-b-kpl6wvg29t 0.7s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    border-top-color: #ffffff;
    height: 14px;
    width: 14px;
}

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

.payment-editor-card[b-kpl6wvg29t] {
    align-self: start;
    padding: 1.25rem;
}

.payment-card-title-row[b-kpl6wvg29t] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.payment-card-title-row h2[b-kpl6wvg29t] {
    font-size: 1.05rem;
    margin: 0;
}

.card-actions[b-kpl6wvg29t] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
}

.payment-editor-body[b-kpl6wvg29t] {
    align-items: flex-start;
    display: flex;
    gap: 1.35rem;
}

.payment-summary-mark[b-kpl6wvg29t] {
    align-items: center;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(192, 38, 211, 0.08) 100%);
    border: 2px dashed rgba(99, 102, 241, 0.25);
    border-radius: var(--app-avatar-radius);
    box-sizing: border-box;
    color: #4f46e5;
    display: grid;
    flex: 0 0 128px;
    gap: 0.28rem;
    height: 128px;
    justify-items: center;
    min-height: 128px;
    padding: 1rem;
    text-align: center;
    width: 128px;
}

.payment-summary-mark strong[b-kpl6wvg29t] {
    font-size: 1.6rem;
    font-weight: 800;
}

.payment-summary-mark span[b-kpl6wvg29t],
.payment-summary-mark small[b-kpl6wvg29t] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.payment-summary-mark small[b-kpl6wvg29t] {
    color: #0f172a;
}

.payment-editor-form[b-kpl6wvg29t] {
    flex: 1;
    min-width: 0;
}

.payment-section-title[b-kpl6wvg29t] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 0.85rem;
    text-transform: uppercase;
}

.payment-edit-grid[b-kpl6wvg29t] {
    display: grid;
    gap: 0.85rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-field[b-kpl6wvg29t] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.payment-field--wide[b-kpl6wvg29t] {
    grid-column: 1 / -1;
}

.payment-field label[b-kpl6wvg29t] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 750;
}

.payment-field input[b-kpl6wvg29t],
.payment-field select[b-kpl6wvg29t],
.payment-readonly-lookup[b-kpl6wvg29t],
[b-kpl6wvg29t] .payment-combo,
[b-kpl6wvg29t] .payment-combo__input {
    min-height: 40px;
    width: 100%;
}

.payment-field input[b-kpl6wvg29t],
.payment-field select[b-kpl6wvg29t] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font: inherit;
    font-size: 0.88rem;
    padding: 0 0.7rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.payment-field input:focus[b-kpl6wvg29t],
.payment-field select:focus[b-kpl6wvg29t] {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
    outline: 0;
}

.payment-field input[readonly][b-kpl6wvg29t] {
    color: #64748b;
}

.payment-lookup-row[b-kpl6wvg29t] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    min-width: 0;
}

[b-kpl6wvg29t] .payment-combo {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.55rem !important;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-kpl6wvg29t] .payment-combo.dxbl-text-edit,
[b-kpl6wvg29t] .payment-combo.dxbl-cmbbx {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.55rem !important;
    min-height: 40px;
}

[b-kpl6wvg29t] .payment-combo:focus-within,
[b-kpl6wvg29t] .payment-combo.dxbl-text-edit:focus-within,
[b-kpl6wvg29t] .payment-combo.dxbl-cmbbx:focus-within {
    background: #ffffff !important;
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14) !important;
}

[b-kpl6wvg29t] .payment-combo .dxbl-edit-input,
[b-kpl6wvg29t] .payment-combo .dxbl-text-edit-input,
[b-kpl6wvg29t] .payment-combo__input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0f172a;
    font-size: 0.88rem;
    min-height: 38px;
    padding-left: 0.7rem;
}

[b-kpl6wvg29t] .payment-combo .dxbl-btn,
[b-kpl6wvg29t] .payment-combo .dxbl-edit-btn {
    background: transparent !important;
    border-color: transparent !important;
    min-height: 38px;
}

.payment-readonly-lookup[b-kpl6wvg29t],
.payment-combo-item[b-kpl6wvg29t] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.payment-readonly-lookup[b-kpl6wvg29t] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    padding: 0.28rem 0.55rem;
}

.payment-combo-item[b-kpl6wvg29t] {
    padding: 0.25rem 0;
}

.payment-combo-avatar[b-kpl6wvg29t] {
    align-items: center;
    background: #eef2ff;
    border: 1px solid #dbe3ff;
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 0.76rem;
    font-weight: 800;
    height: 2.15rem;
    justify-content: center;
    letter-spacing: 0;
    overflow: hidden;
    width: 2.15rem;
}

.payment-combo-avatar img[b-kpl6wvg29t] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.payment-combo-content[b-kpl6wvg29t] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.payment-combo-code[b-kpl6wvg29t],
.payment-combo-title[b-kpl6wvg29t] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-combo-code[b-kpl6wvg29t] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1.2;
}

.payment-combo-title[b-kpl6wvg29t] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
}

.payment-lines-card[b-kpl6wvg29t] {
    display: grid;
    gap: 1rem;
    grid-template-rows: auto minmax(0, auto) auto;
    min-height: 360px;
    padding: 1rem;
}

.payment-lines-card__header[b-kpl6wvg29t] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: 0.9rem;
}

.payment-lines-card__header h2[b-kpl6wvg29t] {
    font-size: 1.05rem;
}

.payment-empty-state[b-kpl6wvg29t] {
    align-items: center;
    background: #f8fafc;
    border: 2px dashed #cbd5e1;
    border-radius: 0.8rem;
    color: #64748b;
    display: flex;
    font-size: 0.9rem;
    font-weight: 650;
    justify-content: center;
    min-height: 110px;
    padding: 1.25rem;
}

.payment-lines-grid-wrap[b-kpl6wvg29t] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
}

[b-kpl6wvg29t] .payment-lines-grid .dxbl-grid-header-row > th,
[b-kpl6wvg29t] .payment-lines-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-kpl6wvg29t] .payment-lines-grid .dxbl-grid-table {
    min-width: 880px;
}

[b-kpl6wvg29t] .payment-lines-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #334155;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    vertical-align: middle;
}

[b-kpl6wvg29t] .payment-lines-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-kpl6wvg29t] .payment-lines-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-kpl6wvg29t] .payment-lines-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}

.payment-line-type[b-kpl6wvg29t] {
    display: grid;
    gap: 0.15rem;
    max-width: 260px;
    min-width: 0;
}

.payment-line-type strong[b-kpl6wvg29t],
.payment-line-type small[b-kpl6wvg29t],
.payment-line-total[b-kpl6wvg29t] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-line-type strong[b-kpl6wvg29t],
.payment-line-total[b-kpl6wvg29t] {
    color: #0f172a;
    font-weight: 800;
}

.payment-line-type small[b-kpl6wvg29t] {
    color: #64748b;
    font-size: 0.8rem;
}

.payment-line-actions[b-kpl6wvg29t] {
    gap: 0.35rem;
}

.payment-line-action[b-kpl6wvg29t] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 0.5rem;
    color: #475569;
    height: 32px;
    width: 32px;
}

.payment-line-action:hover[b-kpl6wvg29t] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
}

.payment-line-action--danger[b-kpl6wvg29t] {
    border-color: #fecaca;
    color: #b91c1c;
}

.payment-line-action--danger:hover[b-kpl6wvg29t] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.payment-totals-panel[b-kpl6wvg29t] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    display: grid;
    gap: 0.55rem;
    margin-left: auto;
    max-width: 360px;
    padding: 0.85rem;
    width: min(100%, 360px);
}

.payment-total-row[b-kpl6wvg29t] {
    align-items: center;
    color: #475569;
    display: flex;
    font-size: 0.88rem;
    gap: 1rem;
    justify-content: space-between;
}

.payment-total-row strong[b-kpl6wvg29t] {
    color: #0f172a;
    font-weight: 800;
    white-space: nowrap;
}

.payment-total-row--grand[b-kpl6wvg29t] {
    border-top: 1px solid #e2e8f0;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 800;
    padding-top: 0.65rem;
}

@media (max-width: 920px) {
    .payment-editor-workspace[b-kpl6wvg29t] {
        grid-template-columns: 1fr;
    }

    .payment-hero[b-kpl6wvg29t],
    .payment-editor-body[b-kpl6wvg29t] {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
    }

    .payment-hero__actions[b-kpl6wvg29t],
    .card-actions[b-kpl6wvg29t] {
        flex-wrap: wrap;
        width: 100%;
    }

    .payment-action[b-kpl6wvg29t] {
        flex: 1 1 auto;
    }

    .payment-summary-mark[b-kpl6wvg29t] {
        flex: 0 0 128px;
        width: 128px;
    }

    .payment-edit-grid[b-kpl6wvg29t] {
        grid-template-columns: 1fr;
    }

    .payment-lines-card__header[b-kpl6wvg29t],
    .payment-card-title-row[b-kpl6wvg29t] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Payments/PaymentExpenses.razor.rz.scp.css */
.payment-expense-page[b-aa2imymx8u] {
    color: #18212f;
    display: grid;
    gap: 1rem;
    height: calc(100dvh - 1.1rem);
    min-height: 0;
    overflow: hidden;
}

.expense-layout[b-aa2imymx8u] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) 360px;
    min-height: 0;
}

.expense-layout > .app-data-grid[b-aa2imymx8u] {
    min-height: 0;
}

.payment-expense-page[b-aa2imymx8u]  .toolbar {
    flex: 0 0 58px;
    height: 58px;
    max-height: 58px;
    min-height: 58px;
    overflow: hidden;
}

.expense-tabs[b-aa2imymx8u] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
    max-width: 100%;
    overflow-x: auto;
}

.expense-tab[b-aa2imymx8u],
.expense-submit[b-aa2imymx8u] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.75rem;
    white-space: nowrap;
}

.expense-tab:hover[b-aa2imymx8u] {
    background: #f8fafc;
    border-color: #99f6e4;
    color: #0f766e;
}

.expense-tab.is-active[b-aa2imymx8u] {
    background: rgba(15, 118, 110, 0.08);
    border-color: rgba(15, 118, 110, 0.24);
    color: #0f766e;
}

.expense-cell[b-aa2imymx8u] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.expense-cell strong[b-aa2imymx8u],
.expense-cell small[b-aa2imymx8u] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.expense-cell strong[b-aa2imymx8u],
.expense-amount[b-aa2imymx8u] {
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 800;
}

.expense-cell small[b-aa2imymx8u] {
    color: #64748b;
    font-size: 0.76rem;
}

.expense-form[b-aa2imymx8u] {
    align-self: start;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.expense-form h2[b-aa2imymx8u] {
    color: #0f172a;
    font-size: 1rem;
    margin: 0;
}

.expense-form p[b-aa2imymx8u] {
    color: #64748b;
    font-size: 0.8rem;
    margin: 0;
}

.expense-form-grid[b-aa2imymx8u] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.expense-field[b-aa2imymx8u] {
    display: grid;
    gap: 0.4rem;
}

.expense-field label[b-aa2imymx8u],
.expense-checkbox[b-aa2imymx8u] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 700;
}

.expense-field input[b-aa2imymx8u],
.expense-field select[b-aa2imymx8u],
.expense-field textarea[b-aa2imymx8u] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font: inherit;
    font-size: 0.88rem;
    min-height: 40px;
    padding: 0 0.7rem;
    width: 100%;
}

.expense-field textarea[b-aa2imymx8u] {
    padding-top: 0.6rem;
    resize: vertical;
}

.expense-field input:disabled[b-aa2imymx8u] {
    opacity: 0.55;
}

.expense-field input:focus[b-aa2imymx8u],
.expense-field select:focus[b-aa2imymx8u],
.expense-field textarea:focus[b-aa2imymx8u] {
    background: #ffffff;
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.14);
    outline: 0;
}

.expense-checkbox[b-aa2imymx8u] {
    align-items: center;
    color: #334155;
    display: flex;
    gap: 0.45rem;
}

.expense-submit[b-aa2imymx8u] {
    background: #0f766e;
    border-color: #0f766e;
    color: #ffffff;
    min-height: 40px;
}

.expense-submit:hover[b-aa2imymx8u] {
    background: #115e59;
    border-color: #115e59;
}

.expense-submit:disabled[b-aa2imymx8u] {
    cursor: default;
    opacity: 0.6;
}

@media (max-width: 1100px) {
    .payment-expense-page[b-aa2imymx8u] {
        height: auto;
        overflow: visible;
    }

    .expense-layout[b-aa2imymx8u] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .expense-form-grid[b-aa2imymx8u] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Payments/PaymentList.razor.rz.scp.css */
.payment-list-page[b-nx545xfyad] {
    color: #18212f;
    display: grid;
    gap: 1rem;
    height: calc(100dvh - 1.1rem);
    min-height: 0;
    overflow: hidden;
}

.payment-list-page > .app-data-grid[b-nx545xfyad] {
    min-height: 0;
}

.payment-list-page[b-nx545xfyad]  .toolbar {
    flex: 0 0 58px;
    height: 58px;
    max-height: 58px;
    min-height: 58px;
    overflow: hidden;
}

.payment-list-page[b-nx545xfyad]  .toolbar .dxbl-toolbar {
    align-items: center;
    flex-wrap: nowrap;
    height: 38px;
    min-height: 38px;
    min-width: 0;
    overflow: hidden;
}

.payment-list-page[b-nx545xfyad]  .toolbar .custom-toolbar-content,
.payment-list-page[b-nx545xfyad]  .toolbar .custom-toolbar-content .custom-item {
    min-width: 0;
    overflow: hidden;
}

.payment-tabs[b-nx545xfyad] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.45rem;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.payment-tab[b-nx545xfyad] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.75rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.payment-tab:hover[b-nx545xfyad] {
    background: #f8fafc;
    border-color: #99f6e4;
    color: #0f766e;
}

.payment-tab:focus-visible[b-nx545xfyad] {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.18);
    outline: none;
}

.payment-tab.is-active[b-nx545xfyad] {
    background: rgba(15, 118, 110, 0.08);
    border-color: rgba(15, 118, 110, 0.24);
    color: #0f766e;
}

.payment-customer-cell[b-nx545xfyad] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.payment-document-cell[b-nx545xfyad] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.payment-document-cell strong[b-nx545xfyad] {
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.payment-document-cell small[b-nx545xfyad] {
    color: #64748b;
    font-size: 12px;
    white-space: nowrap;
}

.payment-customer-cell strong[b-nx545xfyad] {
    color: #0f172a;
    font-size: 13px;
}

.payment-customer-cell small[b-nx545xfyad] {
    color: #64748b;
    font-size: 12px;
}

.payment-state[b-nx545xfyad] {
    display: inline-flex;
    min-width: 78px;
    justify-content: center;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 800;
}

.payment-state--in[b-nx545xfyad] {
    background: #dcfce7;
    color: #166534;
}

.payment-state--out[b-nx545xfyad] {
    background: #fee2e2;
    color: #991b1b;
}
/* /Components/Pages/QuickSale/QuickSale.razor.rz.scp.css */
.quick-sale-shell[b-qdx8bi97xp] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    min-height: 0;
    padding: 14px;
    color: #0f172a;
    background: #f4f7fb;
}

.quick-sale-loading[b-qdx8bi97xp] {
    position: fixed;
    inset: 0;
    z-index: 6000;
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 0;
    color: #0f172a;
    background: #ffffff;
}

.quick-sale-loading__content[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0;
    text-align: center;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.quick-sale-loading__spinner[b-qdx8bi97xp] {
    width: 34px;
    height: 34px;
    border: 3px solid #dbeafe;
    border-top-color: #2563eb;
    border-radius: 999px;
    animation: quick-sale-loading-spin-b-qdx8bi97xp 0.8s linear infinite;
}

.quick-sale-loading__content strong[b-qdx8bi97xp] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.quick-sale-loading__content small[b-qdx8bi97xp] {
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 750;
}

@keyframes quick-sale-loading-spin-b-qdx8bi97xp {
    to {
        transform: rotate(360deg);
    }
}

.quick-sale-topbar[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: auto minmax(340px, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 10px 12px;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.quick-sale-title[b-qdx8bi97xp] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.quick-sale-title__mark[b-qdx8bi97xp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    border-radius: 8px;
    color: #047857;
    background: #d1fae5;
}

.quick-sale-title span[b-qdx8bi97xp],
.quick-sale-panel__header span[b-qdx8bi97xp],
.quick-sale-settings header span[b-qdx8bi97xp],
.quick-sale-modal header span[b-qdx8bi97xp] {
    display: block;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.quick-sale-title h1[b-qdx8bi97xp],
.quick-sale-panel__header h2[b-qdx8bi97xp],
.quick-sale-settings header h2[b-qdx8bi97xp],
.quick-sale-modal header h2[b-qdx8bi97xp] {
    margin: 2px 0 0;
    color: #0f172a;
    font-weight: 900;
    line-height: 1.1;
}

.quick-sale-title h1[b-qdx8bi97xp] {
    font-size: 1.34rem;
}

.quick-sale-panel__header h2[b-qdx8bi97xp],
.quick-sale-settings header h2[b-qdx8bi97xp],
.quick-sale-modal header h2[b-qdx8bi97xp] {
    font-size: 1rem;
}

.quick-sale-search[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.quick-sale-search__input[b-qdx8bi97xp],
.quick-sale-settings-section select[b-qdx8bi97xp],
.quick-sale-settings-section input[b-qdx8bi97xp],
.quick-sale-modal-search input[b-qdx8bi97xp],
.quick-sale-number-input[b-qdx8bi97xp],
.quick-sale-payment-entry input[b-qdx8bi97xp],
.quick-sale-discount input[b-qdx8bi97xp] {
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #0f172a;
    background: #ffffff;
    font-size: 0.86rem;
    outline: none;
}

.quick-sale-search__input[b-qdx8bi97xp] {
    min-height: 44px;
    padding-inline: 14px;
    background: #f8fafc;
    font-size: 1rem;
    font-weight: 700;
}

.quick-sale-search__input:focus[b-qdx8bi97xp],
.quick-sale-settings-section select:focus[b-qdx8bi97xp],
.quick-sale-settings-section input:focus[b-qdx8bi97xp],
.quick-sale-modal-search input:focus[b-qdx8bi97xp],
.quick-sale-number-input:focus[b-qdx8bi97xp],
.quick-sale-payment-entry input:focus[b-qdx8bi97xp],
.quick-sale-discount input:focus[b-qdx8bi97xp] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

.quick-sale-topbar__actions[b-qdx8bi97xp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.quick-sale-button[b-qdx8bi97xp],
.quick-sale-icon-button[b-qdx8bi97xp],
.quick-sale-complete[b-qdx8bi97xp],
.quick-sale-clear[b-qdx8bi97xp],
.quick-sale-quick-card[b-qdx8bi97xp],
.quick-sale-quick-card__main[b-qdx8bi97xp],
.quick-sale-quick-card__edit[b-qdx8bi97xp],
.quick-sale-page-tabs button[b-qdx8bi97xp],
.quick-sale-payment-actions button[b-qdx8bi97xp],
.quick-sale-picker-row button[b-qdx8bi97xp],
.quick-sale-unit-list button[b-qdx8bi97xp],
.quick-sale-summary-customer[b-qdx8bi97xp] {
    appearance: none;
    border: 0;
    font: inherit;
    cursor: pointer;
}

.quick-sale-button[b-qdx8bi97xp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #334155;
    background: #ffffff;
    font-size: 0.86rem;
    font-weight: 850;
    white-space: nowrap;
}

.quick-sale-button:hover[b-qdx8bi97xp] {
    color: #0f172a;
    border-color: #94a3b8;
    background: #f8fafc;
}

.quick-sale-button--primary[b-qdx8bi97xp],
.quick-sale-icon-button--primary[b-qdx8bi97xp] {
    color: #ffffff;
    border-color: #2563eb;
    background: #2563eb;
}

.quick-sale-button--primary:hover[b-qdx8bi97xp],
.quick-sale-icon-button--primary:hover[b-qdx8bi97xp] {
    color: #ffffff;
    border-color: #1d4ed8;
    background: #1d4ed8;
}

.quick-sale-button--soft[b-qdx8bi97xp] {
    color: #1d4ed8;
    border-color: #bfdbfe;
    background: #eff6ff;
}

.quick-sale-button--danger[b-qdx8bi97xp] {
    color: #ffffff;
    border-color: #dc2626;
    background: #dc2626;
}

.quick-sale-button--danger:hover[b-qdx8bi97xp] {
    color: #ffffff;
    border-color: #b91c1c;
    background: #b91c1c;
}

.quick-sale-button--danger-soft[b-qdx8bi97xp] {
    color: #b91c1c;
    border-color: #fecaca;
    background: #fef2f2;
}

.quick-sale-button--danger-soft:hover[b-qdx8bi97xp] {
    color: #991b1b;
    border-color: #fca5a5;
    background: #fee2e2;
}

.quick-sale-panel-actions[b-qdx8bi97xp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.quick-sale-icon-button[b-qdx8bi97xp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #334155;
    background: #ffffff;
}

.quick-sale-icon-button:hover[b-qdx8bi97xp] {
    color: #0f172a;
    border-color: #94a3b8;
    background: #f8fafc;
}

.quick-sale-icon-button--danger[b-qdx8bi97xp] {
    width: 34px;
    height: 34px;
    color: #b91c1c;
    border-color: #fecaca;
    background: #fef2f2;
}

.quick-sale-icon-button:disabled[b-qdx8bi97xp],
.quick-sale-complete:disabled[b-qdx8bi97xp],
.quick-sale-clear:disabled[b-qdx8bi97xp],
.quick-sale-button:disabled[b-qdx8bi97xp] {
    cursor: not-allowed;
    opacity: 0.62;
}

.quick-sale-processing[b-qdx8bi97xp] {
    position: fixed;
    inset: 0;
    z-index: 3040;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: #0f172a;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.quick-sale-processing .quick-sale-spinner[b-qdx8bi97xp] {
    width: 28px;
    height: 28px;
    color: #2563eb;
    filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.92));
}

.quick-sale-processing strong[b-qdx8bi97xp] {
    font-size: 1rem;
    font-weight: 900;
    text-shadow: 0 1px 2px #ffffff;
}

.quick-sale-processing small[b-qdx8bi97xp] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 700;
    text-shadow: 0 1px 2px #ffffff;
}

.quick-sale-grid[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(520px, 1.28fr) minmax(360px, 0.9fr) minmax(310px, 0.78fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 12px;
    min-height: 0;
    flex: 1 1 auto;
}

.quick-sale-panel[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    padding: 12px;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.quick-sale-panel__header[b-qdx8bi97xp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e7eb;
}

.quick-sale-panel__header--with-actions[b-qdx8bi97xp] {
    align-items: center;
}

.quick-sale-panel__header > strong[b-qdx8bi97xp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 28px;
    padding: 0 8px;
    border-radius: 999px;
    color: #1d4ed8;
    background: #dbeafe;
    font-size: 0.82rem;
}

.quick-sale-empty[b-qdx8bi97xp] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    min-height: 180px;
    padding: 20px;
    color: #64748b;
    text-align: center;
}

.quick-sale-empty strong[b-qdx8bi97xp] {
    color: #334155;
}

.quick-sale-empty--quick[b-qdx8bi97xp] {
    grid-column: 1 / -1;
    min-height: 220px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

.quick-sale-cart-table[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-height: 0;
    padding-top: 10px;
    overflow: auto;
}

.quick-sale-cart-head[b-qdx8bi97xp],
.quick-sale-cart-row[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 92px 108px 82px 116px 40px;
    align-items: center;
    gap: 8px;
}

.quick-sale-cart-head[b-qdx8bi97xp] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0 10px 6px;
    color: #64748b;
    background: #ffffff;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.quick-sale-cart-row[b-qdx8bi97xp] {
    padding: 9px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
}

.quick-sale-cart-product[b-qdx8bi97xp] {
    min-width: 0;
}

.quick-sale-cart-product strong[b-qdx8bi97xp],
.quick-sale-cart-product span[b-qdx8bi97xp] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-sale-cart-product strong[b-qdx8bi97xp] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
}

.quick-sale-cart-product span[b-qdx8bi97xp] {
    color: #64748b;
    font-size: 0.78rem;
}

.quick-sale-number-input[b-qdx8bi97xp] {
    min-height: 34px;
    padding-inline: 8px;
    text-align: right;
    font-size: 0.82rem;
    font-weight: 800;
}

.quick-sale-quantity-editor[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.quick-sale-quantity-editor span[b-qdx8bi97xp] {
    min-width: 34px;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.quick-sale-cart-total[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 0;
}

.quick-sale-cart-total strong[b-qdx8bi97xp] {
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 900;
}

.quick-sale-cart-total span[b-qdx8bi97xp] {
    color: #dc2626;
    font-size: 0.72rem;
    font-weight: 800;
}

.quick-sale-page-tabs[b-qdx8bi97xp] {
    display: flex;
    gap: 6px;
    padding-top: 10px;
    overflow-x: auto;
}

.quick-sale-page-tabs button[b-qdx8bi97xp] {
    min-width: 34px;
    height: 32px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #334155;
    background: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
}

.quick-sale-page-tabs button.is-active[b-qdx8bi97xp] {
    color: #ffffff;
    border-color: #2563eb;
    background: #2563eb;
}

.quick-sale-quick-grid[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    min-height: 0;
    padding-top: 10px;
    overflow: auto;
}

.quick-sale-quick-card[b-qdx8bi97xp] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
    min-height: 112px;
    padding: 10px;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    color: #0f172a;
    background: #ffffff;
    text-align: left;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
}

.quick-sale-quick-card:hover[b-qdx8bi97xp],
.quick-sale-quick-card:focus-within[b-qdx8bi97xp] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.quick-sale-quick-card--assigned[b-qdx8bi97xp] {
    padding: 0;
    overflow: hidden;
}

.quick-sale-quick-card__main[b-qdx8bi97xp] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
    min-height: 110px;
    padding: 10px;
    color: inherit;
    background: transparent;
    text-align: left;
    overflow: hidden;
}

.quick-sale-quick-card__main:hover[b-qdx8bi97xp] {
    background: rgba(239, 246, 255, 0.82);
}

.quick-sale-quick-card--has-image .quick-sale-quick-card__main[b-qdx8bi97xp] {
    color: #ffffff;
    background: #0f172a;
}

.quick-sale-quick-card--has-image .quick-sale-quick-card__main[b-qdx8bi97xp]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.16), rgba(15, 23, 42, 0.78));
    pointer-events: none;
}

.quick-sale-quick-card__main:disabled[b-qdx8bi97xp] {
    cursor: wait;
    opacity: 0.72;
}

.quick-sale-quick-card__edit[b-qdx8bi97xp] {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
}

.quick-sale-quick-card__edit:hover[b-qdx8bi97xp] {
    color: #ffffff;
    border-color: #2563eb;
    background: #2563eb;
}

.quick-sale-quick-card__image[b-qdx8bi97xp] {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    background: #e2e8f0;
}

.quick-sale-quick-card__main > :not(.quick-sale-quick-card__image)[b-qdx8bi97xp] {
    position: relative;
    z-index: 1;
}

.quick-sale-quick-card span[b-qdx8bi97xp] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    max-width: 100%;
    padding: 0 7px;
    border-radius: 999px;
    color: #1d4ed8;
    background: #dbeafe;
    font-size: 0.7rem;
    font-weight: 900;
}

.quick-sale-quick-card strong[b-qdx8bi97xp],
.quick-sale-quick-card small[b-qdx8bi97xp],
.quick-sale-quick-card em[b-qdx8bi97xp] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-sale-quick-card strong[b-qdx8bi97xp] {
    font-size: 0.86rem;
    font-weight: 900;
}

.quick-sale-quick-card small[b-qdx8bi97xp] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
}

.quick-sale-quick-card em[b-qdx8bi97xp] {
    color: #047857;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 900;
}

.quick-sale-quick-card--has-image span[b-qdx8bi97xp] {
    color: #eff6ff;
    background: rgba(37, 99, 235, 0.82);
}

.quick-sale-quick-card--has-image strong[b-qdx8bi97xp],
.quick-sale-quick-card--has-image small[b-qdx8bi97xp],
.quick-sale-quick-card--has-image em[b-qdx8bi97xp] {
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.44);
}

.quick-sale-quick-card--empty[b-qdx8bi97xp] {
    color: #94a3b8;
    border-style: dashed;
    background: #f8fafc;
}

.quick-sale-quick-card--empty strong[b-qdx8bi97xp] {
    color: #1d4ed8;
}

.quick-sale-quick-card--empty small[b-qdx8bi97xp] {
    color: #94a3b8;
}

.quick-sale-panel--payment[b-qdx8bi97xp] {
    gap: 12px;
}

.quick-sale-total[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    background: #f0fdf4;
}

.quick-sale-total span[b-qdx8bi97xp] {
    color: #166534;
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.quick-sale-total strong[b-qdx8bi97xp] {
    color: #052e16;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    font-weight: 950;
    line-height: 1;
    overflow-wrap: anywhere;
}

.quick-sale-total em[b-qdx8bi97xp] {
    color: #15803d;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 800;
}

.quick-sale-discount[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 850;
}

.quick-sale-payment-entry[b-qdx8bi97xp] {
    display: grid;
    gap: 8px;
}

.quick-sale-payment-entry label[b-qdx8bi97xp] {
    display: grid;
    gap: 5px;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 850;
}

.quick-sale-payment-entry input[b-qdx8bi97xp] {
    min-height: 46px;
    font-size: 1.15rem;
    font-weight: 950;
    text-align: right;
}

.quick-sale-keypad[b-qdx8bi97xp] {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quick-sale-keypad button[b-qdx8bi97xp] {
    min-height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #0f172a;
    background: #ffffff;
    font-size: 0.82rem;
    font-weight: 950;
}

.quick-sale-keypad button:hover[b-qdx8bi97xp] {
    border-color: #bfdbfe;
    color: #1d4ed8;
    background: #eff6ff;
}

.quick-sale-payment-actions[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.quick-sale-payment-actions button[b-qdx8bi97xp] {
    min-height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #334155;
    background: #ffffff;
    font-size: 0.8rem;
    font-weight: 900;
}

.quick-sale-payment-actions button:hover[b-qdx8bi97xp] {
    color: #1d4ed8;
    border-color: #bfdbfe;
    background: #eff6ff;
}

.quick-sale-payment-actions button:disabled[b-qdx8bi97xp] {
    cursor: not-allowed;
    opacity: 0.55;
}

.quick-sale-payment-lines[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    max-height: 190px;
    overflow: auto;
}

.quick-sale-payment-line[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 36px;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
}

.quick-sale-payment-line strong[b-qdx8bi97xp] {
    overflow: hidden;
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-sale-payment-line span[b-qdx8bi97xp] {
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 950;
    white-space: nowrap;
}

.quick-sale-payment-empty[b-qdx8bi97xp] {
    padding: 10px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #64748b;
    background: #f8fafc;
    font-size: 0.78rem;
    font-weight: 850;
    text-align: center;
}

.quick-sale-summary[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
}

.quick-sale-summary-row[b-qdx8bi97xp] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.quick-sale-summary span[b-qdx8bi97xp] {
    color: #64748b;
    font-size: 0.78rem;
}

.quick-sale-summary strong[b-qdx8bi97xp] {
    min-width: 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.78rem;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-sale-summary-row--customer[b-qdx8bi97xp] {
    align-items: center;
}

.quick-sale-summary-customer[b-qdx8bi97xp] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
    max-width: 72%;
    padding: 0;
    color: #1d4ed8;
    background: transparent;
}

.quick-sale-summary-customer strong[b-qdx8bi97xp] {
    color: currentColor;
}

.quick-sale-summary-customer small[b-qdx8bi97xp] {
    flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 999px;
    color: #1d4ed8;
    background: #dbeafe;
    font-size: 0.66rem;
    font-weight: 900;
}

.quick-sale-complete[b-qdx8bi97xp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    width: 100%;
    border-radius: 8px;
    color: #ffffff;
    background: #16a34a;
    font-size: 0.95rem;
    font-weight: 950;
}

.quick-sale-complete:not(:disabled):hover[b-qdx8bi97xp] {
    background: #15803d;
}

.quick-sale-complete-hint[b-qdx8bi97xp] {
    padding: 9px 10px;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    color: #9a3412;
    background: #fff7ed;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.35;
}

.quick-sale-clear[b-qdx8bi97xp] {
    min-height: 40px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #b91c1c;
    background: #fef2f2;
    font-size: 0.84rem;
    font-weight: 850;
}

.quick-sale-modal-backdrop[b-qdx8bi97xp],
.quick-sale-settings-backdrop[b-qdx8bi97xp] {
    position: fixed;
    inset: 0;
    z-index: 3010;
    background: rgba(15, 23, 42, 0.46);
}

.quick-sale-modal[b-qdx8bi97xp],
.quick-sale-settings[b-qdx8bi97xp] {
    position: fixed;
    z-index: 3020;
    display: flex;
    flex-direction: column;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.26);
}

.quick-sale-modal[b-qdx8bi97xp] {
    top: 7vh;
    left: 50%;
    width: min(760px, calc(100vw - 28px));
    max-height: 86vh;
    transform: translateX(-50%);
}

.quick-sale-unit-picker[b-qdx8bi97xp] {
    width: min(520px, calc(100vw - 28px));
}

.quick-sale-customer-picker[b-qdx8bi97xp] {
    width: min(660px, calc(100vw - 28px));
}

.quick-sale-exit-modal[b-qdx8bi97xp] {
    top: 50%;
    width: min(520px, calc(100vw - 28px));
    transform: translate(-50%, -50%);
}

.quick-sale-payment-modal[b-qdx8bi97xp] {
    top: 50%;
    width: min(980px, calc(100vw - 28px));
    max-height: calc(100vh - 28px);
    transform: translate(-50%, -50%);
}

.quick-sale-settings[b-qdx8bi97xp] {
    top: 14px;
    right: 14px;
    bottom: 14px;
    width: min(430px, calc(100vw - 28px));
}

.quick-sale-modal header[b-qdx8bi97xp],
.quick-sale-settings header[b-qdx8bi97xp],
.quick-sale-settings footer[b-qdx8bi97xp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    border-bottom: 1px solid #e5e7eb;
}

.quick-sale-settings footer[b-qdx8bi97xp] {
    border-top: 1px solid #e5e7eb;
    border-bottom: 0;
}

.quick-sale-modal-search[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid #e5e7eb;
}

.quick-sale-exit-body[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 12px;
    color: #475569;
    font-size: 0.86rem;
    line-height: 1.45;
}

.quick-sale-exit-body strong[b-qdx8bi97xp] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 900;
}

.quick-sale-exit-actions[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #e5e7eb;
}

.quick-sale-payment-modal-body[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(320px, 0.95fr) minmax(300px, 0.8fr);
    gap: 12px;
    min-height: 0;
    overflow: auto;
    padding: 12px;
}

.quick-sale-payment-workspace[b-qdx8bi97xp],
.quick-sale-payment-review[b-qdx8bi97xp] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 12px;
}

.quick-sale-payment-amount-card[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    background: #f0fdf4;
}

.quick-sale-payment-amount-card span[b-qdx8bi97xp] {
    color: #166534;
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.quick-sale-payment-amount-card strong[b-qdx8bi97xp] {
    color: #052e16;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 950;
    line-height: 1;
    overflow-wrap: anywhere;
}

.quick-sale-payment-amount-card small[b-qdx8bi97xp] {
    color: #15803d;
    font-size: 0.82rem;
    font-weight: 850;
}

.quick-sale-payment-modal .quick-sale-payment-entry input[b-qdx8bi97xp] {
    min-height: 56px;
    font-size: 1.35rem;
}

.quick-sale-payment-modal .quick-sale-keypad button[b-qdx8bi97xp] {
    min-height: 48px;
    font-size: 0.94rem;
}

.quick-sale-payment-modal .quick-sale-payment-actions button[b-qdx8bi97xp] {
    min-height: 48px;
    font-size: 0.9rem;
}

.quick-sale-payment-modal .quick-sale-payment-lines[b-qdx8bi97xp] {
    max-height: none;
}

.quick-sale-payment-footer[b-qdx8bi97xp] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #e5e7eb;
}

.quick-sale-payment-footer__actions[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(150px, 0.45fr) minmax(220px, 1fr);
    gap: 10px;
}

.quick-sale-payment-footer__actions .quick-sale-complete[b-qdx8bi97xp] {
    min-height: 48px;
}

.quick-sale-customer-actions[b-qdx8bi97xp] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #e5e7eb;
}

.quick-sale-modal-search button[b-qdx8bi97xp],
.quick-sale-settings-search button[b-qdx8bi97xp] {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #1d4ed8;
    background: #eff6ff;
    font-weight: 850;
}

.quick-sale-picker-list[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    padding: 12px;
    overflow: auto;
}

.quick-sale-picker-row[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
}

.quick-sale-picker-row strong[b-qdx8bi97xp],
.quick-sale-picker-row span[b-qdx8bi97xp] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-sale-picker-row strong[b-qdx8bi97xp] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
}

.quick-sale-picker-row span[b-qdx8bi97xp] {
    color: #64748b;
    font-size: 0.78rem;
}

.quick-sale-picker-row button[b-qdx8bi97xp] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    color: #ffffff;
    background: #2563eb;
    font-size: 0.82rem;
    font-weight: 900;
}

.quick-sale-picker-row.is-selected[b-qdx8bi97xp] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.quick-sale-picker-row.is-selected button[b-qdx8bi97xp] {
    color: #1d4ed8;
    background: #dbeafe;
}

.quick-sale-unit-list[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
}

.quick-sale-unit-list button[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-height: 82px;
    padding: 12px;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    color: #0f172a;
    background: #f8fafc;
    text-align: left;
}

.quick-sale-unit-list button:hover[b-qdx8bi97xp] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.quick-sale-unit-list strong[b-qdx8bi97xp] {
    font-size: 0.9rem;
    font-weight: 900;
}

.quick-sale-unit-list span[b-qdx8bi97xp] {
    color: #047857;
    font-size: 0.84rem;
    font-weight: 900;
}

.quick-sale-settings__body[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    padding: 12px;
    overflow: auto;
}

.quick-sale-settings-section[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
}

.quick-sale-settings-section h3[b-qdx8bi97xp] {
    margin: 0;
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 900;
}

.quick-sale-settings-section label[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 850;
}

.quick-sale-settings-search[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.quick-sale-settings-customer-list[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 190px;
    overflow: auto;
}

.quick-sale-settings-customer-list button[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #0f172a;
    background: #ffffff;
    text-align: left;
}

.quick-sale-settings-customer-list button.is-selected[b-qdx8bi97xp] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.quick-sale-settings-customer-list strong[b-qdx8bi97xp],
.quick-sale-settings-customer-list small[b-qdx8bi97xp] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-sale-settings-customer-list strong[b-qdx8bi97xp] {
    font-size: 0.82rem;
    font-weight: 900;
}

.quick-sale-settings-customer-list small[b-qdx8bi97xp] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 750;
}

.quick-sale-settings-customer-list em[b-qdx8bi97xp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    color: #1d4ed8;
    background: #dbeafe;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 900;
}

.quick-sale-payment-types[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.quick-sale-payment-types label[b-qdx8bi97xp] {
    flex-direction: row;
    align-items: center;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.quick-sale-payment-types input[b-qdx8bi97xp] {
    width: auto;
    min-height: auto;
}

.quick-sale-settings-quick-list[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.quick-sale-settings-quick-item[b-qdx8bi97xp] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 7px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.quick-sale-settings-quick-item span[b-qdx8bi97xp] {
    color: #1d4ed8;
    font-size: 0.74rem;
    font-weight: 900;
}

.quick-sale-settings-quick-item strong[b-qdx8bi97xp] {
    min-width: 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-sale-settings-quick-actions[b-qdx8bi97xp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.quick-sale-settings-quick-item button[b-qdx8bi97xp] {
    min-height: 28px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 850;
}

.quick-sale-settings-quick-edit[b-qdx8bi97xp] {
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    background: #eff6ff;
}

.quick-sale-settings-quick-remove[b-qdx8bi97xp] {
    border: 1px solid #fecaca;
    color: #b91c1c;
    background: #fef2f2;
}

.quick-sale-settings-empty[b-qdx8bi97xp] {
    padding: 10px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #64748b;
    background: #ffffff;
    font-size: 0.82rem;
}

.quick-sale-spinner[b-qdx8bi97xp] {
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 999px;
    animation: quick-sale-spin-b-qdx8bi97xp 0.72s linear infinite;
}

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

@media (max-width: 1260px) {
    .quick-sale-grid[b-qdx8bi97xp] {
        grid-template-columns: minmax(480px, 1.2fr) minmax(320px, 0.8fr);
    }

    .quick-sale-panel--payment[b-qdx8bi97xp] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(260px, 0.8fr) minmax(220px, 0.7fr) minmax(320px, 1fr);
        align-items: start;
    }
}

@media (max-width: 920px) {
    .quick-sale-shell[b-qdx8bi97xp] {
        padding: 10px;
    }

    .quick-sale-topbar[b-qdx8bi97xp] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .quick-sale-search[b-qdx8bi97xp] {
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) 44px 44px;
        order: 3;
    }

    .quick-sale-search .quick-sale-button span[b-qdx8bi97xp] {
        display: none;
    }

    .quick-sale-grid[b-qdx8bi97xp] {
        grid-template-columns: 1fr;
        overflow: auto;
    }

    .quick-sale-panel[b-qdx8bi97xp] {
        min-height: 320px;
    }

    .quick-sale-panel--payment[b-qdx8bi97xp] {
        display: flex;
        min-height: auto;
    }

    .quick-sale-payment-modal-body[b-qdx8bi97xp] {
        grid-template-columns: 1fr;
    }

    .quick-sale-payment-footer__actions[b-qdx8bi97xp] {
        grid-template-columns: 1fr;
    }

    .quick-sale-cart-head[b-qdx8bi97xp] {
        display: none;
    }

    .quick-sale-cart-row[b-qdx8bi97xp] {
        grid-template-columns: minmax(0, 1fr) repeat(3, minmax(72px, 1fr)) 38px;
    }

    .quick-sale-cart-product[b-qdx8bi97xp],
    .quick-sale-cart-total[b-qdx8bi97xp] {
        grid-column: 1 / -1;
    }

    .quick-sale-cart-total[b-qdx8bi97xp] {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .quick-sale-topbar__actions .quick-sale-button span[b-qdx8bi97xp] {
        display: none;
    }

    .quick-sale-quick-grid[b-qdx8bi97xp],
    .quick-sale-unit-list[b-qdx8bi97xp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quick-sale-modal[b-qdx8bi97xp],
    .quick-sale-settings[b-qdx8bi97xp] {
        inset: 10px;
        width: auto;
        max-height: none;
        transform: none;
    }
}
/* /Components/Pages/Sales/SalesDashboard.razor.rz.scp.css */
.sales-panel-page[b-i1l1xcre7z] {
    color: #0f172a;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
    padding: 0.5rem 0 1.5rem;
    width: 100%;
}

.sales-panel-page *[b-i1l1xcre7z],
.sales-panel-page *[b-i1l1xcre7z]::before,
.sales-panel-page *[b-i1l1xcre7z]::after {
    box-sizing: border-box;
}

.sales-panel-hero[b-i1l1xcre7z] {
    align-items: center;
    background:
        radial-gradient(900px 320px at 90% -40%, rgba(29, 78, 216, 0.10), transparent 60%),
        radial-gradient(700px 280px at -10% 110%, rgba(13, 148, 136, 0.10), transparent 60%),
        #ffffff;
    border: 1px solid rgba(29, 78, 216, 0.10);
    border-radius: 1.1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 14px 32px rgba(15, 23, 42, 0.07);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    justify-content: space-between;
    padding: 1.25rem 1.4rem;
    position: relative;
    overflow: visible;
}

.sales-panel-hero__intro[b-i1l1xcre7z] {
    align-items: center;
    display: flex;
    gap: 1rem;
    min-width: 0;
}

.sales-panel-hero__mark[b-i1l1xcre7z] {
    align-items: center;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-radius: var(--app-avatar-radius);
    box-shadow: 0 10px 22px rgba(29, 78, 216, 0.32);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.sales-panel-hero__text[b-i1l1xcre7z] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.sales-panel-hero__eyebrow[b-i1l1xcre7z] {
    color: #1d4ed8;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sales-panel-hero__title[b-i1l1xcre7z] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.1;
    margin: 0;
}

.sales-panel-hero__subtitle[b-i1l1xcre7z] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0.15rem 0 0;
}

.sales-panel-hero__subtitle strong[b-i1l1xcre7z] {
    color: #0f172a;
}

.sales-panel-hero__actions[b-i1l1xcre7z] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sales-panel-action[b-i1l1xcre7z] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.sales-panel-action:hover[b-i1l1xcre7z] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.sales-panel-action:active[b-i1l1xcre7z] {
    transform: translateY(1px);
}

.sales-panel-action:focus-visible[b-i1l1xcre7z] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.22);
    outline: none;
}

.sales-panel-action svg[b-i1l1xcre7z] {
    color: #1d4ed8;
}

.sales-panel-action--primary[b-i1l1xcre7z] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(29, 78, 216, 0.30);
    color: #ffffff;
}

.sales-panel-action--primary svg[b-i1l1xcre7z] {
    color: #ffffff;
}

.sales-panel-action--primary:hover[b-i1l1xcre7z] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(29, 78, 216, 0.40);
    color: #ffffff;
    filter: brightness(1.05);
}

.sales-create-dropdown[b-i1l1xcre7z] {
    display: inline-flex;
    position: relative;
}

.sales-create-dropdown.is-open[b-i1l1xcre7z] {
    z-index: 31;
}

.sales-create-backdrop[b-i1l1xcre7z] {
    background: transparent;
    border: 0;
    inset: 0;
    position: fixed;
    z-index: 20;
}

.sales-panel-action--dropdown[b-i1l1xcre7z] {
    padding-right: 0.7rem;
}

.sales-panel-action__chevron[b-i1l1xcre7z] {
    flex: 0 0 auto;
    opacity: 0.86;
}

.sales-create-menu[b-i1l1xcre7z] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 0.7rem;
    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.16),
        0 2px 8px rgba(15, 23, 42, 0.06);
    display: grid;
    gap: 0.2rem;
    min-width: 220px;
    padding: 0.35rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.45rem);
    z-index: 30;
}

.sales-create-menu__item[b-i1l1xcre7z] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0.5rem;
    color: #0f172a;
    cursor: pointer;
    display: flex;
    gap: 0.65rem;
    min-height: 48px;
    padding: 0.45rem 0.55rem;
    text-align: left;
    width: 100%;
}

.sales-create-menu__item:hover[b-i1l1xcre7z],
.sales-create-menu__item:focus-visible[b-i1l1xcre7z] {
    background: rgba(29, 78, 216, 0.07);
    outline: none;
}

.sales-create-menu__icon[b-i1l1xcre7z] {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.45rem;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.sales-create-menu__text[b-i1l1xcre7z] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.sales-create-menu__text strong[b-i1l1xcre7z] {
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 800;
}

.sales-create-menu__text small[b-i1l1xcre7z] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 600;
}

.sales-panel-stats[b-i1l1xcre7z] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sales-stat[b-i1l1xcre7z] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.85rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-height: 78px;
    overflow: hidden;
    padding: 0.85rem 1rem;
    position: relative;
    text-align: left;
}

.sales-stat[b-i1l1xcre7z]::before {
    background: linear-gradient(180deg, #1d4ed8 0%, #0d9488 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.sales-stat__label[b-i1l1xcre7z] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.sales-stat__value[b-i1l1xcre7z] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.1;
}

.sales-panel-layout[b-i1l1xcre7z] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    width: 100%;
}

.sales-panel-page[b-i1l1xcre7z]  .app-panel-grid__icon-slot {
    background: #ffffff;
    border: 1px solid rgba(29, 78, 216, 0.24);
    box-shadow: none;
    color: #1d4ed8;
}

.sales-panel-grid-icon[b-i1l1xcre7z] {
    align-items: center;
    background: transparent;
    color: #1d4ed8;
    display: inline-flex;
    height: 1.4rem;
    justify-content: center;
    width: 1.4rem;
}

.sales-panel-grid-icon svg[b-i1l1xcre7z] {
    display: block;
    fill: none;
    height: 1.1rem;
    width: 1.1rem;
}

@media (max-width: 1200px) {
    .sales-panel-stats[b-i1l1xcre7z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .sales-panel-hero[b-i1l1xcre7z] {
        padding: 1.1rem;
    }

    .sales-panel-hero__intro[b-i1l1xcre7z] {
        align-items: flex-start;
    }

    .sales-panel-hero__actions[b-i1l1xcre7z] {
        width: 100%;
    }

    .sales-panel-action[b-i1l1xcre7z] {
        justify-content: center;
        flex: 1 1 calc(50% - 0.5rem);
    }

    .sales-panel-stats[b-i1l1xcre7z],
    .sales-panel-layout[b-i1l1xcre7z] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Sales/SalesDocumentCreate.razor.rz.scp.css */
.sales-create-detail-workspace[b-5jlyy5q7gy] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(390px, 42%) minmax(0, 1fr);
}

.sales-create-detail-card[b-5jlyy5q7gy],
.sales-create-tabs[b-5jlyy5q7gy] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
    min-width: 0;
}

.sales-create-detail-card[b-5jlyy5q7gy] {
    overflow-y: auto;
    padding: 1.5rem;
}

.card-title-row[b-5jlyy5q7gy] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.card-title-row h2[b-5jlyy5q7gy] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0;
}

.card-actions[b-5jlyy5q7gy] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
}

.dx-edit-body[b-5jlyy5q7gy] {
    align-items: flex-start;
    display: flex;
    gap: 1.35rem;
    margin-bottom: 0.5rem;
}

.sales-document-summary-mark[b-5jlyy5q7gy] {
    align-items: center;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(192, 38, 211, 0.08) 100%);
    border: 2px dashed rgba(99, 102, 241, 0.25);
    border-radius: var(--app-avatar-radius);
    box-sizing: border-box;
    color: #4f46e5;
    display: grid;
    flex: 0 0 128px;
    gap: 0.28rem;
    height: 128px;
    justify-items: center;
    min-height: 128px;
    padding: 1rem;
    text-align: center;
    width: 128px;
}

.sales-document-summary-mark strong[b-5jlyy5q7gy] {
    font-size: 1.6rem;
    font-weight: 800;
}

.sales-document-summary-mark span[b-5jlyy5q7gy],
.sales-document-summary-mark small[b-5jlyy5q7gy] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.sales-document-summary-mark small[b-5jlyy5q7gy] {
    color: #0f172a;
}

.sales-electronic-document-code[b-5jlyy5q7gy] {
    background: rgba(29, 78, 216, 0.08);
    border-color: rgba(29, 78, 216, 0.18);
    color: #1d4ed8;
}

.sales-electronic-document-note[b-5jlyy5q7gy] {
    color: #1d4ed8;
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1.25;
    margin-top: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-edit-form[b-5jlyy5q7gy] {
    flex: 1;
    min-width: 0;
}

.detail-section-title[b-5jlyy5q7gy] {
    border-top: 1px solid #eef2f7;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 1.25rem 0 0.85rem;
    padding-top: 1rem;
    text-transform: uppercase;
}

.detail-section-title:first-of-type[b-5jlyy5q7gy] {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.sales-document-details[b-5jlyy5q7gy] {
    margin-top: 1rem;
}

.sales-document-details .detail-section-title[b-5jlyy5q7gy] {
    border-top: 1px solid #eef2f7;
    margin: 0 0 0.85rem;
    padding-top: 1rem;
}
[b-5jlyy5q7gy] .sales-document-combo {
    width: 100%;
}

[b-5jlyy5q7gy] .sales-document-combo__input {
    min-height: 40px;
}

.sales-combo-item[b-5jlyy5q7gy] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding: 0.25rem 0;
}

.sales-combo-avatar[b-5jlyy5q7gy],
.sales-combo-address-icon[b-5jlyy5q7gy] {
    align-items: center;
    background: #eef2ff;
    border: 1px solid #dbe3ff;
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 0.76rem;
    font-weight: 800;
    height: 2.15rem;
    justify-content: center;
    letter-spacing: 0;
    overflow: hidden;
    width: 2.15rem;
}

.sales-combo-avatar img[b-5jlyy5q7gy] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.sales-combo-address-icon[b-5jlyy5q7gy] {
    background: #ecfeff;
    border-color: #bae6fd;
    color: #0369a1;
}

.sales-combo-content[b-5jlyy5q7gy] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.sales-combo-code[b-5jlyy5q7gy],
.sales-combo-subtitle[b-5jlyy5q7gy] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-combo-title[b-5jlyy5q7gy] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-combo-subtitle[b-5jlyy5q7gy] {
    font-size: 0.7rem;
    font-weight: 500;
}
.sales-line-vat-toggle[b-5jlyy5q7gy] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: flex;
    font-size: 0.88rem;
    font-weight: 650;
    gap: 0.55rem;
    min-height: 40px;
    padding: 0 0.8rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.sales-line-vat-toggle:hover[b-5jlyy5q7gy] {
    background: rgba(99, 102, 241, 0.04);
    border-color: #c7d2fe;
}

.sales-line-vat-toggle input[b-5jlyy5q7gy] {
    accent-color: #6366f1;
    flex: 0 0 auto;
    height: 16px;
    margin: 0;
    width: 16px;
}

.sales-line-vat-toggle span[b-5jlyy5q7gy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-create-tabs[b-5jlyy5q7gy] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.tabs-header[b-5jlyy5q7gy] {
    align-items: center;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0 1.5rem;
}
.tabs-content[b-5jlyy5q7gy] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 1.5rem;
}

.sales-stock-picker-field[b-5jlyy5q7gy] {
    margin-bottom: 1rem;
}

.sales-lines-grid-wrap[b-5jlyy5q7gy] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
}

[b-5jlyy5q7gy] .sales-lines-grid .dxbl-grid-header-row > th,
[b-5jlyy5q7gy] .sales-lines-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-5jlyy5q7gy] .sales-lines-grid .dxbl-grid-table {
    min-width: 980px;
}

[b-5jlyy5q7gy] .sales-lines-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #334155;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    vertical-align: middle;
}

[b-5jlyy5q7gy] .sales-lines-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-5jlyy5q7gy] .sales-lines-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-5jlyy5q7gy] .sales-lines-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}

.detail-table-wrapper[b-5jlyy5q7gy] {
    margin: 0;
    overflow-x: auto;
}

.detail-table[b-5jlyy5q7gy] {
    border-collapse: collapse;
    font-size: 0.9rem;
    min-width: 880px;
    width: 100%;
}

.detail-table thead[b-5jlyy5q7gy] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.detail-table th[b-5jlyy5q7gy] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 0.85rem 1rem;
    text-align: left;
    text-transform: uppercase;
}

.detail-table td[b-5jlyy5q7gy] {
    border-bottom: 1px solid #eef2f7;
    color: #475569;
    padding: 0.8rem 1rem;
    vertical-align: middle;
}

.detail-table tbody tr:hover[b-5jlyy5q7gy] {
    background: rgba(99, 102, 241, 0.02);
}

.sales-related-modal__body[b-5jlyy5q7gy] {
    display: grid;
    gap: 1rem;
    min-height: 0;
    overflow: hidden;
}

.sales-related-tabs[b-5jlyy5q7gy] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    padding-bottom: 0.75rem;
}

.sales-related-tab[b-5jlyy5q7gy] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.6rem;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.84rem;
    font-weight: 800;
    gap: 0.5rem;
    min-height: 38px;
    padding: 0 0.8rem;
}

.sales-related-tab:hover[b-5jlyy5q7gy],
.sales-related-tab--active[b-5jlyy5q7gy] {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #4338ca;
}

.sales-related-tab strong[b-5jlyy5q7gy] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe3ff;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.74rem;
    justify-content: center;
    min-width: 24px;
    padding: 0.08rem 0.4rem;
}

.sales-related-table-wrap[b-5jlyy5q7gy] {
    max-height: min(480px, 58dvh);
    overflow: auto;
}

.sales-related-table[b-5jlyy5q7gy] {
    min-width: 820px;
}

.sales-related-document[b-5jlyy5q7gy] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.sales-related-document strong[b-5jlyy5q7gy],
.sales-related-document small[b-5jlyy5q7gy] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-related-document strong[b-5jlyy5q7gy] {
    color: #0f172a;
    font-weight: 800;
}

.sales-related-document small[b-5jlyy5q7gy] {
    color: #64748b;
    font-size: 0.78rem;
}

.sales-related-status[b-5jlyy5q7gy] {
    background: #f1f5f9;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 800;
    padding: 0.22rem 0.55rem;
    white-space: nowrap;
}

.sales-related-action[b-5jlyy5q7gy] {
    text-align: right;
    white-space: nowrap;
}

.sales-related-open[b-5jlyy5q7gy] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #4338ca;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 800;
    justify-content: center;
    min-height: 34px;
    padding: 0 0.75rem;
    text-decoration: none;
}

.sales-related-open:hover[b-5jlyy5q7gy] {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #3730a3;
}

.sales-related-empty[b-5jlyy5q7gy] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.75rem;
    color: #64748b;
    display: grid;
    gap: 0.25rem;
    justify-items: center;
    min-height: 160px;
    padding: 1rem;
    text-align: center;
}

.sales-related-empty strong[b-5jlyy5q7gy] {
    color: #0f172a;
    font-size: 0.95rem;
}

.sales-line-stock[b-5jlyy5q7gy] {
    display: grid;
    gap: 0.15rem;
    max-width: 260px;
    min-width: 0;
}

.sales-line-stock strong[b-5jlyy5q7gy],
.sales-line-stock small[b-5jlyy5q7gy],
.sales-line-total[b-5jlyy5q7gy] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-line-stock strong[b-5jlyy5q7gy] {
    color: #0f172a;
    font-weight: 800;
}

.sales-line-stock small[b-5jlyy5q7gy] {
    color: #64748b;
    font-size: 0.8rem;
}

.sales-line-serial-link[b-5jlyy5q7gy] {
    background: transparent;
    border: 0;
    color: #4f46e5;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 750;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-line-serial-link:hover[b-5jlyy5q7gy] {
    color: #3730a3;
    text-decoration: underline;
}

.sales-line-input[b-5jlyy5q7gy],
[b-5jlyy5q7gy] .sales-line-input {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font-size: 0.88rem;
    min-height: 36px;
    padding: 0 0.65rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.sales-line-input:focus[b-5jlyy5q7gy],
[b-5jlyy5q7gy] .sales-line-input:focus {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
    outline: 0;
}

.sales-line-input--number[b-5jlyy5q7gy],
[b-5jlyy5q7gy] .sales-line-input--number {
    max-width: 112px;
    min-width: 96px;
    text-align: right;
}

.sales-line-input--tax[b-5jlyy5q7gy] {
    min-width: 145px;
}

.sales-line-serial-quantity[b-5jlyy5q7gy] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: space-between;
    min-height: 36px;
    min-width: 96px;
    padding: 0 0.65rem;
    width: 100%;
}

.sales-line-serial-quantity:hover[b-5jlyy5q7gy] {
    background: rgba(99, 102, 241, 0.04);
    border-color: #c7d2fe;
}

.sales-line-serial-quantity strong[b-5jlyy5q7gy] {
    color: #0f172a;
    font-weight: 800;
}

.sales-line-serial-quantity span[b-5jlyy5q7gy] {
    color: #4f46e5;
    font-size: 0.72rem;
    font-weight: 750;
    white-space: nowrap;
}

.sales-line-vat-toggle[b-5jlyy5q7gy] {
    font-size: 0.82rem;
    min-height: 36px;
    min-width: 94px;
    padding: 0 0.65rem;
}

.sales-line-total[b-5jlyy5q7gy] {
    color: #0f172a;
    font-weight: 800;
}

.sales-line-vat-amount[b-5jlyy5q7gy] {
    color: #64748b;
    display: block;
    font-size: 0.74rem;
    font-weight: 650;
    margin-top: 0.12rem;
    white-space: nowrap;
}

.sales-line-quantity-warning[b-5jlyy5q7gy] {
    color: #b91c1c;
    display: block;
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1.25;
    margin-top: 0.2rem;
}

.sales-totals-panel[b-5jlyy5q7gy] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    display: grid;
    gap: 0.55rem;
    margin-left: auto;
    margin-top: 1rem;
    max-width: 360px;
    padding: 0.85rem;
    width: min(100%, 360px);
}

.sales-total-row[b-5jlyy5q7gy] {
    align-items: center;
    color: #475569;
    display: flex;
    font-size: 0.88rem;
    gap: 1rem;
    justify-content: space-between;
}

.sales-total-row strong[b-5jlyy5q7gy] {
    color: #0f172a;
    font-weight: 800;
    white-space: nowrap;
}

.sales-total-row--grand[b-5jlyy5q7gy] {
    border-top: 1px solid #e2e8f0;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 800;
    margin-top: 0.15rem;
    padding-top: 0.65rem;
}

.sales-line-delete[b-5jlyy5q7gy] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    color: #b91c1c;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    line-height: 1;
    width: 32px;
}

.sales-line-delete:hover[b-5jlyy5q7gy] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.empty-state[b-5jlyy5q7gy] {
    align-items: center;
    background: #f8fafc;
    border: 2px dashed #cbd5e1;
    border-radius: 0.8rem;
    color: #64748b;
    display: flex;
    font-size: 0.9rem;
    font-weight: 650;
    justify-content: center;
    margin: 1rem 0;
    min-height: 110px;
    padding: 1.25rem;
    text-align: center;
}

.sales-picker-body[b-5jlyy5q7gy] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    overflow: hidden;
    padding: 1.25rem;
}

.sales-picker-search[b-5jlyy5q7gy] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.sales-picker-search input[b-5jlyy5q7gy] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font-size: 0.9rem;
    min-height: 40px;
    outline: 0;
    padding: 0 0.8rem;
    width: 100%;
}

.sales-picker-search input:focus[b-5jlyy5q7gy] {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.sales-picker-search span[b-5jlyy5q7gy] {
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
}

.sales-picker-empty[b-5jlyy5q7gy] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.7rem;
    color: #64748b;
    display: flex;
    font-size: 0.88rem;
    font-weight: 650;
    justify-content: center;
    min-height: 120px;
    padding: 0.8rem 0.9rem;
}

.sales-picker-table-wrap[b-5jlyy5q7gy] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    flex: 1;
    max-height: min(520px, calc(100dvh - 260px));
    min-height: 0;
    overflow: auto;
}

.sales-picker-table[b-5jlyy5q7gy] {
    border-collapse: collapse;
    min-width: 820px;
    width: 100%;
}

.sales-picker-table thead[b-5jlyy5q7gy] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 0;
    z-index: 1;
}

.sales-picker-table th[b-5jlyy5q7gy],
.sales-picker-table td[b-5jlyy5q7gy] {
    border-bottom: 1px solid #eef2f7;
    padding: 0.85rem 1rem;
    text-align: left;
    vertical-align: middle;
}

.sales-picker-table th[b-5jlyy5q7gy] {
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sales-picker-table td[b-5jlyy5q7gy] {
    color: #475569;
    font-size: 0.9rem;
}

.sales-picker-table tbody tr[b-5jlyy5q7gy] {
    cursor: pointer;
}

.sales-picker-table tbody tr:hover[b-5jlyy5q7gy] {
    background: rgba(99, 102, 241, 0.04);
}

.sales-picker-table strong[b-5jlyy5q7gy],
.sales-picker-table small[b-5jlyy5q7gy] {
    display: block;
}

.sales-picker-table strong[b-5jlyy5q7gy] {
    color: #0f172a;
    font-weight: 800;
}

.sales-picker-table small[b-5jlyy5q7gy] {
    color: #64748b;
    margin-top: 0.18rem;
}

.sales-picker-table__action[b-5jlyy5q7gy] {
    text-align: right;
    width: 84px;
}

.sales-picker-table__action button[b-5jlyy5q7gy],
.sales-picker-cancel[b-5jlyy5q7gy] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.84rem;
    font-weight: 800;
    justify-content: center;
    min-height: 34px;
    padding: 0 0.85rem;
}

.sales-picker-table__action button:hover[b-5jlyy5q7gy],
.sales-picker-cancel:hover[b-5jlyy5q7gy] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.sales-picker-footer[b-5jlyy5q7gy] {
    align-items: center;
    border-top: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding: 0.9rem 1.25rem;
}

.sales-picker-footer > span[b-5jlyy5q7gy] {
    color: #64748b;
    font-size: 0.84rem;
    margin-right: auto;
}

.sales-tracking-chip[b-5jlyy5q7gy] {
    align-items: center;
    background: #f1f5f9;
    border-radius: 999px;
    color: #64748b;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 800;
    min-height: 24px;
    padding: 0 0.55rem;
    white-space: nowrap;
}

.sales-tracking-chip--variant[b-5jlyy5q7gy] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

.sales-tracking-chip--serial[b-5jlyy5q7gy] {
    background: rgba(20, 184, 166, 0.12);
    color: #0f766e;
}

@media (max-width: 1180px) {
    .sales-create-detail-workspace[b-5jlyy5q7gy] {
        grid-template-columns: 1fr;
    }

    .dx-edit-body[b-5jlyy5q7gy] {
        flex-direction: column;
    }

    .sales-document-summary-mark[b-5jlyy5q7gy] {
        align-items: center;
        display: grid;
        flex: 0 0 128px;
        height: 128px;
        justify-content: center;
        min-height: 128px;
        width: 128px;
    }
}

@media (max-width: 760px) {
    .detail-hero[b-5jlyy5q7gy] {
        align-items: flex-start;
        flex-direction: column;
    }

    .detail-hero__actions[b-5jlyy5q7gy],
    .card-actions[b-5jlyy5q7gy],
    .tabs-header[b-5jlyy5q7gy],
    .sales-picker-footer[b-5jlyy5q7gy] {
        align-items: stretch;
        flex-direction: column;
    }

    .dx-edit-grid[b-5jlyy5q7gy],
    .detail-lookup-row[b-5jlyy5q7gy],
    .sales-picker-search[b-5jlyy5q7gy] {
        grid-template-columns: 1fr;
    }

    .dh-action[b-5jlyy5q7gy],
    .dx-text-action[b-5jlyy5q7gy],
    .tab-add-button[b-5jlyy5q7gy],
    .sales-picker-cancel[b-5jlyy5q7gy] {
        width: 100%;
    }
}
/* /Components/Pages/Sales/SalesDocumentList.razor.rz.scp.css */
.sales-list-page[b-7ud1o0oz34] {
    color: #18212f;
    display: grid;
    gap: 1rem;
    height: calc(100dvh - 1.1rem);
    min-height: 0;
    overflow: hidden;
}

.sales-list-page > .app-data-grid[b-7ud1o0oz34] {
    min-height: 0;
}

.sales-list-page[b-7ud1o0oz34]  .toolbar {
    flex: 0 0 58px;
    height: 58px;
    max-height: 58px;
    min-height: 58px;
    overflow: hidden;
}

.sales-list-page[b-7ud1o0oz34]  .toolbar .dxbl-toolbar {
    align-items: center;
    flex-wrap: nowrap;
    height: 38px;
    min-height: 38px;
    min-width: 0;
    overflow: hidden;
}

.sales-list-page[b-7ud1o0oz34]  .toolbar .custom-toolbar-content,
.sales-list-page[b-7ud1o0oz34]  .toolbar .custom-toolbar-content .custom-item {
    min-width: 0;
    overflow: hidden;
}

.sales-list-tabs[b-7ud1o0oz34] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.45rem;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.sales-list-tab[b-7ud1o0oz34] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    flex: 0 0 auto;
    min-height: 32px;
    padding: 0 0.75rem;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.sales-list-tab:hover[b-7ud1o0oz34] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.sales-list-tab:focus-visible[b-7ud1o0oz34] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.18);
    outline: none;
}

.sales-list-tab--active[b-7ud1o0oz34] {
    background: rgba(29, 78, 216, 0.08);
    border-color: rgba(29, 78, 216, 0.22);
    color: #1d4ed8;
}

.sales-customer-cell[b-7ud1o0oz34] {
    display: grid;
    min-width: 0;
}

.sales-customer-cell strong[b-7ud1o0oz34],
.sales-customer-cell small[b-7ud1o0oz34] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-customer-cell strong[b-7ud1o0oz34] {
    color: #18212f;
}

.sales-customer-cell small[b-7ud1o0oz34] {
    color: #687385;
}

.sales-document-number-cell[b-7ud1o0oz34] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.sales-document-number-cell strong[b-7ud1o0oz34],
.sales-document-number-cell small[b-7ud1o0oz34] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-document-number-cell strong[b-7ud1o0oz34] {
    color: #0f172a;
    font-weight: 800;
}

.sales-document-number-cell small[b-7ud1o0oz34] {
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 800;
}

.sales-state[b-7ud1o0oz34] {
    background: #e6f4f1;
    border-radius: 999px;
    color: #0f766e;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 800;
    justify-content: center;
    min-width: 4.75rem;
    padding: 0.2rem 0.55rem;
}

.sales-total[b-7ud1o0oz34] {
    color: #0f172a;
    font-weight: 800;
}

.sales-row-actions[b-7ud1o0oz34] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.sales-row-action[b-7ud1o0oz34] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cdd5df;
    border-radius: 4px;
    color: #334155;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    padding: 0 0.45rem;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.sales-row-action:hover[b-7ud1o0oz34] {
    background: #eef4ff;
    border-color: #86aee8;
    color: #1d4ed8;
    transform: translateX(1px);
}

.sales-row-action--danger[b-7ud1o0oz34] {
    border-color: #fecaca;
    color: #b91c1c;
}

.sales-row-action--danger:hover[b-7ud1o0oz34] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.sales-row-action--convert[b-7ud1o0oz34] {
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.sales-row-action--convert:hover[b-7ud1o0oz34] {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1e40af;
}

.sales-row-action.is-disabled[b-7ud1o0oz34],
.sales-row-action:disabled[b-7ud1o0oz34] {
    background: #f1f5f9;
    border-color: #d8dee8;
    color: #94a3b8;
    cursor: not-allowed;
    transform: none;
}
/* /Components/Pages/SelectCompany.razor.rz.scp.css */
/* ============ SHELL ============ */
.select-shell[b-7la9mq02yc] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 3rem 1.25rem;
    background:
        radial-gradient(1200px 600px at 80% -10%, rgba(99, 102, 241, 0.10), transparent 60%),
        radial-gradient(900px 500px at -10% 110%, rgba(192, 38, 211, 0.08), transparent 60%),
        #f5f7fb;
    color: #0f172a;
}

@media (min-width: 720px) {
    .select-shell[b-7la9mq02yc] {
        align-items: center;
    }
}

/* ============ CARD ============ */
.select-card[b-7la9mq02yc] {
    width: 100%;
    max-width: 38rem;
    background: #ffffff;
    border-radius: 1.25rem;
    padding: 1.75rem 1.75rem 2rem 1.75rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 18px 44px rgba(15, 23, 42, 0.10);
    border: 1px solid rgba(15, 23, 42, 0.05);
}

/* ============ HEADER ============ */
.select-card__head[b-7la9mq02yc] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
        "logo  logo    logout"
        "text  text    text";
    gap: 0.75rem 1rem;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #eef2f7;
}

@media (min-width: 560px) {
    .select-card__head[b-7la9mq02yc] {
        grid-template-areas:
            "logo  text   logout";
        grid-template-columns: auto 1fr auto;
    }
}

.select-card__logo[b-7la9mq02yc] {
    grid-area: logo;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

.select-card__mark[b-7la9mq02yc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.7rem;
    background: linear-gradient(135deg, #60a5fa 0%, #a855f7 100%);
    color: #fff;
    font-weight: 800;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
    box-shadow: 0 8px 18px rgba(96, 165, 250, 0.32);
}

.select-card__brand[b-7la9mq02yc] {
    font-weight: 700;
    color: #0f172a;
    font-size: 1.05rem;
    letter-spacing: 0.2px;
}

.select-card__head-text[b-7la9mq02yc] {
    grid-area: text;
    min-width: 0;
}

.select-card__title[b-7la9mq02yc] {
    margin: 0 0 0.3rem 0;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #0f172a;
}

.select-card__subtitle[b-7la9mq02yc] {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.4;
}

.select-card__logout[b-7la9mq02yc] {
    grid-area: logout;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.75rem;
    border-radius: 0.55rem;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    font-size: 0.82rem;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.select-card__logout:hover[b-7la9mq02yc] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

/* ============ ALERT ============ */
/* ============ STATES (loading / error / empty) ============ */
.select-state[b-7la9mq02yc] {
    padding: 1rem 0.25rem;
}

.select-state--loading[b-7la9mq02yc] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.select-skeleton[b-7la9mq02yc] {
    height: 3rem;
    border-radius: 0.7rem;
    background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 50%, #f1f5f9 100%);
    background-size: 200% 100%;
    animation: select-skeleton-shimmer-b-7la9mq02yc 1.4s linear infinite;
}

@keyframes select-skeleton-shimmer-b-7la9mq02yc {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.select-state--error[b-7la9mq02yc] {
    text-align: center;
    color: #b91c1c;
}

.select-state--empty[b-7la9mq02yc] {
    text-align: center;
    color: #64748b;
    padding: 1.5rem 1rem;
}

.select-state--empty svg[b-7la9mq02yc] {
    color: #cbd5e1;
    margin-bottom: 0.75rem;
}

.select-state--empty h3[b-7la9mq02yc] {
    margin: 0 0 0.4rem 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 600;
}

.select-state--empty p[b-7la9mq02yc] {
    margin: 0;
    font-size: 0.9rem;
}

/* ============ TENANT LIST (accordion) ============ */
.tenant-list[b-7la9mq02yc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tenant[b-7la9mq02yc] {
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    background: #ffffff;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.tenant[open][b-7la9mq02yc] {
    border-color: #c7d2fe;
    box-shadow: 0 6px 18px rgba(99, 102, 241, 0.10);
}

.tenant__head[b-7la9mq02yc] {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
    user-select: none;
    background: #f8fafc;
    transition: background 0.15s ease;
}

.tenant__head[b-7la9mq02yc]::-webkit-details-marker { display: none; }
.tenant__head[b-7la9mq02yc]::marker { content: ''; }

.tenant[open] > .tenant__head[b-7la9mq02yc] {
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.06), rgba(192, 38, 211, 0.04));
}

.tenant__head:hover[b-7la9mq02yc] {
    background: #f1f5f9;
}

.tenant__icon[b-7la9mq02yc] {
    flex-shrink: 0;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.55rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #4f46e5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tenant[open] > .tenant__head .tenant__icon[b-7la9mq02yc] {
    background: linear-gradient(135deg, #4f46e5, #c026d3);
    border-color: transparent;
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28);
}

.tenant__text[b-7la9mq02yc] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
    flex: 1;
}

.tenant__name[b-7la9mq02yc] {
    font-weight: 600;
    color: #0f172a;
    font-size: 0.98rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tenant__meta[b-7la9mq02yc] {
    color: #64748b;
    font-size: 0.78rem;
}

.tenant__chevron[b-7la9mq02yc] {
    flex-shrink: 0;
    color: #94a3b8;
    transition: transform 0.2s ease, color 0.15s ease;
}

.tenant[open] > .tenant__head .tenant__chevron[b-7la9mq02yc] {
    transform: rotate(180deg);
    color: #4f46e5;
}

.tenant__empty[b-7la9mq02yc] {
    padding: 0.85rem 1rem;
    color: #94a3b8;
    font-size: 0.88rem;
    background: #ffffff;
}

/* ============ COMPANY LIST ============ */
.company-list[b-7la9mq02yc] {
    list-style: none;
    margin: 0;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    background: #ffffff;
}

.company[b-7la9mq02yc] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.6rem;
    background: #f8fafc;
    border: 1px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.06s ease;
}

.company:hover[b-7la9mq02yc] {
    background: #ffffff;
    border-color: #c7d2fe;
}

.company__icon[b-7la9mq02yc] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background: #eef2ff;
    color: #4f46e5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.company__name[b-7la9mq02yc] {
    flex: 1;
    min-width: 0;
    color: #0f172a;
    font-weight: 500;
    font-size: 0.94rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company__form[b-7la9mq02yc] {
    margin: 0;
    flex-shrink: 0;
}

.company__select[b-7la9mq02yc] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.85rem;
    border: 0;
    border-radius: 0.5rem;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    cursor: pointer;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28);
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.company__select:hover[b-7la9mq02yc] {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.36);
}

.company__select:active[b-7la9mq02yc] {
    transform: translateY(1px);
    box-shadow: 0 4px 10px rgba(99, 102, 241, 0.24);
}

.company__select:focus-visible[b-7la9mq02yc] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.32), 0 6px 14px rgba(99, 102, 241, 0.28);
}

.company__select svg[b-7la9mq02yc] {
    transition: transform 0.15s ease;
}

.company__select:hover svg[b-7la9mq02yc] {
    transform: translateX(2px);
}
/* /Components/Pages/StockCard/CreateStockCard.razor.rz.scp.css */
.stock-photo-panel[b-dwoy9e5znp] {
	display: grid;
	gap: .85rem;
}

.stock-photo-panel__title[b-dwoy9e5znp] {
	color: #475569;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.stock-photo-panel__preview[b-dwoy9e5znp] {
	align-items: center;
	background:
		radial-gradient(380px 200px at 50% -20%, rgba(99, 102, 241, .12), transparent 60%),
		linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
	border: 1px dashed rgba(99, 102, 241, .35);
	border-radius: .85rem;
	color: #6366f1;
	display: grid;
	gap: .4rem;
	justify-items: center;
	min-height: 200px;
	padding: 1.25rem 1rem;
	text-align: center;
}

.stock-photo-panel__preview strong[b-dwoy9e5znp] {
	color: #1e293b;
	font-size: .92rem;
	font-weight: 600;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stock-photo-panel__preview small[b-dwoy9e5znp] {
	color: #94a3b8;
	font-size: .75rem;
}

.stock-photo-panel__camera[b-dwoy9e5znp] {
	align-items: center;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
	border-radius: 14px;
	box-shadow: 0 12px 24px rgba(99, 102, 241, .28);
	color: #fff;
	display: inline-flex;
	height: 64px;
	justify-content: center;
	margin-bottom: .35rem;
	width: 64px;
}

.stock-photo-panel__image[b-dwoy9e5znp] {
	border-radius: .65rem;
	height: 112px;
	object-fit: cover;
	width: 112px;
}

.stock-photo-panel__button[b-dwoy9e5znp] {
	align-items: center;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: .55rem;
	color: #4338ca;
	cursor: pointer;
	display: inline-flex;
	font-size: .85rem;
	font-weight: 600;
	gap: .4rem;
	justify-content: center;
	min-height: 40px;
	padding: 0 1rem;
	transition: background .15s ease, border-color .15s ease, color .15s ease, transform .06s ease;
	width: 100%;
}

.stock-photo-panel__button:hover[b-dwoy9e5znp] {
	background: rgba(99, 102, 241, .06);
	border-color: #c7d2fe;
}

.stock-photo-panel__button:active[b-dwoy9e5znp] {
	transform: translateY(1px);
}

.stock-photo-panel__input[b-dwoy9e5znp] {
	display: none;
}

.stock-photo-panel__list[b-dwoy9e5znp] {
	display: grid;
	gap: .45rem;
	max-height: 180px;
	overflow: auto;
}

.stock-photo-panel__list-item[b-dwoy9e5znp] {
	align-items: center;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: .5rem;
	display: grid;
	gap: .55rem;
	grid-template-columns: 36px minmax(0, 1fr);
	padding: .38rem .48rem;
}

.stock-photo-panel__list-item img[b-dwoy9e5znp] {
	border-radius: .35rem;
	height: 36px;
	object-fit: cover;
	width: 36px;
}

.stock-photo-panel__list-item span[b-dwoy9e5znp] {
	color: #334155;
	font-size: .75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stock-lookup-row[b-dwoy9e5znp] {
	align-items: end;
	display: grid;
	gap: .55rem;
	grid-template-columns: minmax(0, 1fr) auto;
}

.stock-inline-plus[b-dwoy9e5znp] {
	align-items: center;
	background: #ffffff;
	border: 1px solid #dbe3ee;
	border-radius: 999px;
	box-shadow: 0 6px 14px rgba(15, 23, 42, .08);
	color: #4f46e5;
	cursor: pointer;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 700;
	height: 30px;
	justify-content: center;
	margin-bottom: .35rem;
	transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease, transform .06s ease;
	width: 30px;
}

.stock-inline-plus:hover[b-dwoy9e5znp] {
	background: rgba(99, 102, 241, .06);
	border-color: #c7d2fe;
	box-shadow: 0 8px 18px rgba(99, 102, 241, .18);
}

.stock-inline-plus:active[b-dwoy9e5znp] {
	transform: translateY(1px);
}

@media (max-width: 640px) {
	.stock-lookup-row[b-dwoy9e5znp] {
		grid-template-columns: minmax(0, 1fr) auto;
	}
}
/* /Components/Pages/StockCard/InventoryDashboard.razor.rz.scp.css */
.stock-panel-page[b-7pmj4jwi6l] {
    color: #0f172a;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
    padding: 0.5rem 0 1.5rem;
    width: 100%;
}

.stock-panel-page *[b-7pmj4jwi6l],
.stock-panel-page *[b-7pmj4jwi6l]::before,
.stock-panel-page *[b-7pmj4jwi6l]::after {
    box-sizing: border-box;
}

/* ============ HERO ============ */
.stock-panel-hero[b-7pmj4jwi6l] {
    align-items: center;
    background:
        radial-gradient(900px 320px at 90% -40%, rgba(29, 78, 216, 0.10), transparent 60%),
        radial-gradient(700px 280px at -10% 110%, rgba(13, 148, 136, 0.10), transparent 60%),
        #ffffff;
    border: 1px solid rgba(29, 78, 216, 0.10);
    border-radius: 1.1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 14px 32px rgba(15, 23, 42, 0.07);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    justify-content: space-between;
    padding: 1.25rem 1.4rem;
    position: relative;
    overflow: hidden;
}

.stock-panel-hero__intro[b-7pmj4jwi6l] {
    align-items: center;
    display: flex;
    gap: 1rem;
    min-width: 0;
}

.stock-panel-hero__mark[b-7pmj4jwi6l] {
    align-items: center;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-radius: var(--app-avatar-radius);
    box-shadow: 0 10px 22px rgba(29, 78, 216, 0.32);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.stock-panel-hero__text[b-7pmj4jwi6l] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.stock-panel-hero__eyebrow[b-7pmj4jwi6l] {
    color: #1d4ed8;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.stock-panel-hero__title[b-7pmj4jwi6l] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.1;
    margin: 0;
}

.stock-panel-hero__subtitle[b-7pmj4jwi6l] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0.15rem 0 0;
}

.stock-panel-hero__subtitle strong[b-7pmj4jwi6l] {
    color: #0f172a;
}

/* ============ ACTION BUTTONS ============ */
.stock-panel-hero__actions[b-7pmj4jwi6l] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sp-action[b-7pmj4jwi6l] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.sp-action:hover[b-7pmj4jwi6l] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.sp-action:active[b-7pmj4jwi6l] {
    transform: translateY(1px);
}

.sp-action:focus-visible[b-7pmj4jwi6l] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.22);
    border-color: #2563eb;
}

.sp-action svg[b-7pmj4jwi6l] {
    color: #1d4ed8;
}

.sp-action--primary[b-7pmj4jwi6l] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(29, 78, 216, 0.30);
    color: #ffffff;
}

.sp-action--primary svg[b-7pmj4jwi6l] {
    color: #ffffff;
}

.sp-action--primary:hover[b-7pmj4jwi6l] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(29, 78, 216, 0.40);
    color: #ffffff;
    filter: brightness(1.05);
}

.sp-action--primary:focus-visible[b-7pmj4jwi6l] {
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.32), 0 8px 18px rgba(29, 78, 216, 0.30);
}

/* ============ ALERT ============ */
/* ============ STATS STRIP ============ */
.stock-panel-stats[b-7pmj4jwi6l] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sp-stat[b-7pmj4jwi6l] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.85rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.85rem 1rem;
    position: relative;
    overflow: hidden;
}

.sp-stat[b-7pmj4jwi6l]::before {
    background: linear-gradient(180deg, #1d4ed8 0%, #0d9488 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.sp-stat__label[b-7pmj4jwi6l] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.sp-stat__value[b-7pmj4jwi6l] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.1;
}

/* ============ PANEL LAYOUT ============ */
.stock-panel-layout[b-7pmj4jwi6l] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    width: 100%;
}

/* ============ HEADER-CONTENT RANGE SELECT ============ */
.sp-range-select[b-7pmj4jwi6l] {
    background: rgba(29, 78, 216, 0.08);
    border: 1px solid rgba(29, 78, 216, 0.20);
    border-radius: 999px;
    color: #1d4ed8;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.22rem 0.6rem;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1200px) {
    .stock-panel-stats[b-7pmj4jwi6l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .stock-panel-hero[b-7pmj4jwi6l] {
        padding: 1.1rem;
    }

    .stock-panel-hero__actions[b-7pmj4jwi6l] {
        width: 100%;
    }

    .sp-action[b-7pmj4jwi6l] {
        flex: 1 1 calc(50% - 0.25rem);
        justify-content: center;
    }

    .stock-panel-layout[b-7pmj4jwi6l] {
        grid-template-columns: 1fr;
    }

    .stock-panel-stats[b-7pmj4jwi6l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .sp-action[b-7pmj4jwi6l] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/StockCard/StockCardDetail.razor.rz.scp.css */
/* ============ WORKSPACE ============ */
.stock-card-detail-workspace[b-31k5s0wywf] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(380px, 42%) minmax(0, 1fr);
}

.stock-card-detail-workspace.details-collapsed[b-31k5s0wywf] {
    grid-template-columns: minmax(0, 1fr);
}

.stock-card-detail-card[b-31k5s0wywf],
.stock-card-detail-tabs[b-31k5s0wywf] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
}

.stock-card-detail-card[b-31k5s0wywf] {
    padding: 1.5rem;
    overflow-y: auto;
}

.stock-card-detail-card--editing[b-31k5s0wywf] {
    padding: 1.5rem;
}

/* ============ CARD HEADER (Detay) ============ */
.card-title-row[b-31k5s0wywf] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid #eef2f7;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.card-actions[b-31k5s0wywf] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
    min-height: 34px;
}

.edit-button[b-31k5s0wywf] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 600;
    gap: 0.4rem;
    min-height: 34px;
    padding: 0 0.85rem;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.edit-button:hover[b-31k5s0wywf] {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.36);
}

.edit-button:active[b-31k5s0wywf] {
    transform: translateY(1px);
}

.dx-text-action[b-31k5s0wywf] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 600;
    gap: 0.4rem;
    justify-content: center;
    min-height: 34px;
    padding: 0 0.75rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.dx-text-action:hover[b-31k5s0wywf] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.dx-text-action--primary[b-31k5s0wywf] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.26);
    color: #ffffff;
}

.dx-text-action--primary:hover[b-31k5s0wywf] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.34);
    color: #ffffff;
    filter: brightness(1.05);
}

.dx-text-action:disabled[b-31k5s0wywf] {
    cursor: default;
    opacity: 0.58;
}

.dx-text-action--busy:disabled[b-31k5s0wywf] {
    cursor: wait;
    opacity: 0.68;
}

.dx-text-action:disabled:hover[b-31k5s0wywf] {
    filter: none;
}

.dx-text-action--primary:disabled:hover[b-31k5s0wywf] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.26);
    color: #ffffff;
}

.dx-text-action__spinner[b-31k5s0wywf] {
    animation: detail-action-spin-b-31k5s0wywf 0.8s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.42);
    border-top-color: #ffffff;
    border-radius: 999px;
    height: 13px;
    width: 13px;
}

@keyframes detail-action-spin-b-31k5s0wywf {
    to {
        transform: rotate(360deg);
    }
}

.card-title-row h2[b-31k5s0wywf] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.005em;
    margin: 0;
}

.details-toggle-button[b-31k5s0wywf] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    min-height: 32px;
    padding: 0;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    width: 32px;
}

.details-toggle-button:hover[b-31k5s0wywf] {
    background: rgba(99, 102, 241, 0.06);
    border-color: #c7d2fe;
    color: #4338ca;
}

/* ============ PROFILE BLOCK (read mode) ============ */
.profile-block[b-31k5s0wywf] {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 180px minmax(0, 1fr);
    margin: 0 0 1.5rem;
}

.profile-image[b-31k5s0wywf] {
    align-items: center;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(192, 38, 211, 0.08) 100%);
    border: 2px dashed rgba(99, 102, 241, 0.25);
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: flex;
    font-size: 2.4rem;
    font-weight: 800;
    height: 150px;
    justify-content: center;
    letter-spacing: 0.05em;
    margin: 0 auto;
    width: 150px;
}

.status-block[b-31k5s0wywf] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0;
}

.status-block__row dt[b-31k5s0wywf] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.status-block__row dd[b-31k5s0wywf] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
}

/* section title labels */
.detail-section-title[b-31k5s0wywf] {
    border-top: 1px solid #eef2f7;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 1.25rem 0 0.85rem;
    padding-top: 1rem;
    text-transform: uppercase;
}

.detail-section-title:first-of-type[b-31k5s0wywf] {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.two-column[b-31k5s0wywf] {
    display: grid;
    gap: 1.25rem 1.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detail-fields > div[b-31k5s0wywf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.detail-fields span[b-31k5s0wywf] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.detail-fields strong[b-31k5s0wywf] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-description[b-31k5s0wywf] {
    background: rgba(99, 102, 241, 0.04);
    border: 1px solid rgba(99, 102, 241, 0.12);
    border-radius: 0.55rem;
    color: #334155;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 1rem;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ============ EDIT MODE ============ */
.dx-edit-body[b-31k5s0wywf] {
    align-items: flex-start;
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.5rem;
}

.dx-edit-avatar[b-31k5s0wywf] {
    align-items: center;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(192, 38, 211, 0.08) 100%);
    border: 2px dashed rgba(99, 102, 241, 0.25);
    border-radius: var(--app-avatar-radius);
    color: #4f46e5;
    display: flex;
    flex: 0 0 150px;
    font-size: 2rem;
    font-weight: 800;
    height: 150px;
    justify-content: center;
    letter-spacing: 0.05em;
    overflow: hidden;
    position: relative;
    width: 150px;
}

.dx-edit-avatar--image[b-31k5s0wywf] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.dx-edit-avatar__image[b-31k5s0wywf] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.avatar-upload-overlay[b-31k5s0wywf] {
    align-items: center;
    background: rgba(15, 23, 42, 0.44);
    border-radius: inherit;
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    transition: opacity 0.15s ease;
    z-index: 2;
}

.detail-hero__avatar:hover .avatar-upload-overlay[b-31k5s0wywf],
.dx-edit-avatar:hover .avatar-upload-overlay[b-31k5s0wywf] {
    opacity: 1;
}

[b-31k5s0wywf] .avatar-camera-button {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: inline-flex !important;
    height: 100% !important;
    justify-content: center !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

[b-31k5s0wywf] .avatar-camera-button .dxbl-btn-caption {
    display: none !important;
}

[b-31k5s0wywf] .avatar-camera-icon {
    background-color: currentColor;
    display: inline-block;
    height: 1.35rem;
    mask-image: url("images/icons/camera.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.35rem;
}

.dx-edit-form[b-31k5s0wywf] {
    flex: 1;
    min-width: 0;
}
.stock-edit-details[b-31k5s0wywf] {
    margin-top: 0.5rem;
}

.stock-edit-details--tab[b-31k5s0wywf] {
    margin-top: 0.95rem;
}/* ============ STATUS PILL ============ */
.status-pill[b-31k5s0wywf] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 600;
    gap: 0.4rem;
    letter-spacing: 0.01em;
    padding: 0.22rem 0.65rem 0.24rem 0.55rem;
}

.status-pill__dot[b-31k5s0wywf] {
    background: currentColor;
    border-radius: 999px;
    display: inline-block;
    height: 0.45rem;
    width: 0.45rem;
}

.status-pill--active[b-31k5s0wywf] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.status-pill--passive[b-31k5s0wywf] {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.status-pill--info[b-31k5s0wywf] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

.status-pill--muted[b-31k5s0wywf] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

/* ============ BADGE (tiny chip) ============ */
.badge[b-31k5s0wywf] {
    border-radius: 0.45rem;
    display: inline-block;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.15rem 0.55rem;
}

.badge--ok[b-31k5s0wywf] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.badge--muted[b-31k5s0wywf] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

.badge--info[b-31k5s0wywf] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

/* ============ TABS ============ */
.stock-card-detail-tabs[b-31k5s0wywf] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.collapsed-details-action[b-31k5s0wywf] {
    display: flex;
    padding: 1rem 1.5rem 0;
}

.tabs-header[b-31k5s0wywf] {
    align-items: center;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0 1.5rem;
    position: relative;
}
.tabs-content[b-31k5s0wywf] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 1.5rem;
}

/* ============ DETAIL TABLES ============ */
.detail-table-wrapper[b-31k5s0wywf] {
    overflow-x: auto;
    margin: -1.5rem;
}

.detail-table[b-31k5s0wywf] {
    border-collapse: collapse;
    font-size: 0.9rem;
    width: 100%;
}

.detail-table thead[b-31k5s0wywf] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.detail-table th[b-31k5s0wywf] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 0.85rem 1.5rem;
    text-align: left;
    text-transform: uppercase;
}

.detail-table td[b-31k5s0wywf] {
    border-bottom: 1px solid #eef2f7;
    color: #475569;
    padding: 0.95rem 1.5rem;
}

.detail-table tbody tr:hover[b-31k5s0wywf] {
    background: rgba(99, 102, 241, 0.02);
}

.detail-table tbody tr:last-child td[b-31k5s0wywf] {
    border-bottom: 0;
}

.cell-bold[b-31k5s0wywf] {
    color: #0f172a;
    font-weight: 600;
}

.cell-number[b-31k5s0wywf] {
    font-family: 'Courier New', monospace;
    text-align: right;
}

.cell-center[b-31k5s0wywf] {
    text-align: center;
}

.cell-date[b-31k5s0wywf] {
    font-size: 0.85rem;
}

.cell-barcode code[b-31k5s0wywf] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.35rem;
    color: #334155;
    font-family: 'Courier New', monospace;
    font-size: 0.78rem;
    padding: 0.2rem 0.45rem;
}

/* ============ EMPTY STATE FOR TABLES ============ */
.empty-state[b-31k5s0wywf] {
    align-items: center;
    background: #f8fafc;
    border: 2px dashed #cbd5e1;
    border-radius: 0.8rem;
    color: #64748b;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin: 2rem 0;
    padding: 2rem;
    text-align: center;
}

.empty-state__icon[b-31k5s0wywf] {
    color: #94a3b8;
}

.empty-state p[b-31k5s0wywf] {
    color: #64748b;
    font-size: 0.9rem;
    margin: 0;
}

/* ============ LINKS ============ */
.action-link[b-31k5s0wywf] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #4338ca;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 0.35rem;
    text-decoration: none;
    transition: color 0.15s ease;
}

.action-link:hover[b-31k5s0wywf] {
    color: #6366f1;
    text-decoration: underline;
}

.stock-cell-link[b-31k5s0wywf] {
    color: inherit;
    text-decoration: none;
    transition: color 0.15s ease;
}

.stock-cell-link:hover .stock-cell[b-31k5s0wywf] {
    opacity: 0.8;
}

.text-muted[b-31k5s0wywf] {
    color: #94a3b8;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1100px) {
    .stock-card-detail-workspace[b-31k5s0wywf] {
        grid-template-columns: 1fr;
    }

    .dx-edit-body[b-31k5s0wywf] {
        flex-direction: column;
    }

    .dx-edit-avatar[b-31k5s0wywf] {
        flex: 0 0 130px;
        font-size: 1.75rem;
        height: 130px;
        margin: 0 auto;
        width: 130px;
    }

    .dx-edit-grid[b-31k5s0wywf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .detail-hero[b-31k5s0wywf] {
        padding: 0.9rem 1rem;
    }

    .detail-hero__actions[b-31k5s0wywf] {
        width: 100%;
    }

    .dh-action[b-31k5s0wywf] {
        flex: 1 1 calc(50% - 0.25rem);
        justify-content: center;
    }

    .stock-card-detail-card[b-31k5s0wywf],
    .stock-card-detail-card--editing[b-31k5s0wywf] {
        padding: 1rem;
    }

    .tabs-header[b-31k5s0wywf] {
        align-items: stretch;
        flex-direction: column;
        padding: 0.75rem 1rem;
    }

    .tabs-nav[b-31k5s0wywf] {
        padding: 0;
    }

    .tab-add-button[b-31k5s0wywf] {
        justify-content: center;
    }

}
/* /Components/Pages/StockCard/StockCardDetailImagesPanel.razor.rz.scp.css */
.stock-images-panel[b-kc2sfl33fr] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.95rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.06);
    color: #0f172a;
    min-height: 320px;
    overflow: hidden;
}

.stock-images-panel__header[b-kc2sfl33fr] {
    align-items: center;
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.06) 0%, rgba(192, 38, 211, 0.04) 100%);
    border-bottom: 1px solid rgba(99, 102, 241, 0.10);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 52px;
    padding: 0 1rem;
}

.stock-images-panel__title[b-kc2sfl33fr] {
    font-size: 0.95rem;
    font-weight: 700;
}

.stock-images-panel__actions[b-kc2sfl33fr] {
    align-items: center;
    display: inline-flex;
    gap: 0.5rem;
}

.stock-images-panel__add[b-kc2sfl33fr] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%) !important;
    border: 0 !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28) !important;
    color: #ffffff !important;
    font-size: 0.82rem;
    font-weight: 600;
    min-height: 32px !important;
    padding: 0 0.8rem !important;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.stock-images-panel__add:hover[b-kc2sfl33fr] {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.36);
}

.stock-images-panel__add--busy[b-kc2sfl33fr] {
    cursor: default;
    opacity: 0.78;
    pointer-events: none;
}

.stock-images-panel__spinner[b-kc2sfl33fr] {
    animation: stock-image-spin-b-kc2sfl33fr 0.8s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;
    border-top-color: #ffffff;
    height: 14px;
    width: 14px;
}

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

.stock-images-panel__input[b-kc2sfl33fr] {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.stock-images-panel__body[b-kc2sfl33fr] {
    padding: 0.85rem;
}

.stock-images-panel__empty[b-kc2sfl33fr] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #e2e8f0;
    border-radius: 0.65rem;
    color: #64748b;
    display: flex;
    font-size: 0.88rem;
    min-height: 72px;
    padding: 0.85rem 1rem;
}

.stock-images-panel__grid[b-kc2sfl33fr] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.stock-image-card[b-kc2sfl33fr] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
}

.stock-image-card__media[b-kc2sfl33fr] {
    aspect-ratio: 4 / 3;
    background: #f8fafc;
    position: relative;
}

.stock-image-card__media img[b-kc2sfl33fr] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.stock-image-card__badge[b-kc2sfl33fr] {
    background: rgba(22, 163, 74, 0.92);
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    left: 0.6rem;
    padding: 0.2rem 0.55rem;
    position: absolute;
    top: 0.6rem;
}

.stock-image-card__body[b-kc2sfl33fr] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.75rem;
}

.stock-image-card__body strong[b-kc2sfl33fr] {
    font-size: 0.9rem;
}

.stock-image-card__actions[b-kc2sfl33fr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.stock-image-card__link[b-kc2sfl33fr],
[b-kc2sfl33fr] .stock-image-card__link {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 0.45rem;
    color: #4338ca;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
    min-height: 30px;
    padding: 0 0.65rem;
}

.stock-image-card__link:disabled[b-kc2sfl33fr],
[b-kc2sfl33fr] .stock-image-card__link:disabled,
[b-kc2sfl33fr] .stock-image-card__link.dxbl-disabled {
    cursor: default;
    opacity: 0.55;
}

.stock-image-card__link--danger[b-kc2sfl33fr],
[b-kc2sfl33fr] .stock-image-card__link--danger {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}

.stock-upload-modal__body[b-kc2sfl33fr] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 0.25rem 0 0;
}

.stock-upload-modal__intro[b-kc2sfl33fr] {
    color: #64748b;
    font-size: 0.88rem;
    margin: 0;
}

.stock-upload-modal__dropzone[b-kc2sfl33fr] {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(192, 38, 211, 0.06)),
        #ffffff;
    border: 1.5px dashed #c7d2fe;
    border-radius: 0.9rem;
    color: #4338ca;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    min-height: 220px;
    overflow: hidden;
    padding: 2rem 1.5rem;
    position: relative;
    text-align: center;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.stock-upload-modal__dropzone--active[b-kc2sfl33fr],
.stock-upload-modal__dropzone:hover[b-kc2sfl33fr] {
    background:
        linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(192, 38, 211, 0.09)),
        #ffffff;
    border-color: #6366f1;
    box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.18);
}

.stock-upload-modal__dropzone strong[b-kc2sfl33fr] {
    color: #0f172a;
    font-size: 1rem;
}

.stock-upload-modal__dropzone small[b-kc2sfl33fr] {
    color: #64748b;
    font-size: 0.84rem;
    max-width: 420px;
}

[b-kc2sfl33fr] .stock-upload-modal__input {
    cursor: pointer;
    font-size: 0;
    height: 100%;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

[b-kc2sfl33fr] .stock-upload-modal__input::file-selector-button {
    display: none;
}

[b-kc2sfl33fr] .stock-upload-modal__input::-webkit-file-upload-button {
    display: none;
}

.stock-upload-modal__icon[b-kc2sfl33fr] {
    align-items: center;
    background: #eef2ff;
    border-radius: 999px;
    color: #4f46e5;
    display: inline-flex;
    height: 64px;
    justify-content: center;
    width: 64px;
}

.stock-upload-modal__loader[b-kc2sfl33fr] {
    animation: stock-image-spin-b-kc2sfl33fr 0.8s linear infinite;
    border: 3px solid rgba(99, 102, 241, 0.16);
    border-radius: 999px;
    border-top-color: #4f46e5;
    height: 52px;
    width: 52px;
}

.stock-upload-modal__meta[b-kc2sfl33fr] {
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.78rem;
    gap: 0.5rem;
}

.stock-upload-modal__meta span[b-kc2sfl33fr] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
}

.stock-upload-modal__success[b-kc2sfl33fr] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 0.65rem;
    color: #166534;
    font-size: 0.86rem;
    padding: 0.7rem 0.85rem;
}

.stock-upload-preview[b-kc2sfl33fr] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 0.75rem;
}

.stock-upload-preview__title[b-kc2sfl33fr] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.65rem;
}

.stock-upload-preview__title strong[b-kc2sfl33fr] {
    color: #0f172a;
    font-size: 0.9rem;
}

.stock-upload-preview__title span[b-kc2sfl33fr] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.stock-upload-preview__grid[b-kc2sfl33fr] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    max-height: 260px;
    overflow-y: auto;
}

.stock-upload-preview__item[b-kc2sfl33fr] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    overflow: hidden;
}

.stock-upload-preview__item img[b-kc2sfl33fr] {
    aspect-ratio: 4 / 3;
    display: block;
    object-fit: cover;
    width: 100%;
}

.stock-upload-preview__item span[b-kc2sfl33fr] {
    color: #475569;
    display: block;
    font-size: 0.74rem;
    font-weight: 600;
    overflow: hidden;
    padding: 0.45rem 0.55rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-upload-modal__close-button[b-kc2sfl33fr] {
    min-width: 96px;
}
/* /Components/Pages/StockCard/StockCardDetailSpecialDefinitionsTable.razor.rz.scp.css */
.special-definition-editor[b-8dspvd6m3c] {
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: 0.75rem;
    box-shadow: none;
    display: grid;
    gap: 0.9rem;
    padding: 0.95rem;
}

.special-definition-editor--embedded[b-8dspvd6m3c] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.special-definition-editor__header[b-8dspvd6m3c] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: 0.75rem;
}

.special-definition-editor--embedded .special-definition-editor__header[b-8dspvd6m3c] {
    border-bottom-color: #eef2f7;
    padding-bottom: 0.65rem;
}

.special-definition-editor__eyebrow[b-8dspvd6m3c] {
    color: #64748b;
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.special-definition-editor__header h3[b-8dspvd6m3c] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0;
}

.special-definition-editor__actions[b-8dspvd6m3c] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.special-definition-editor__button[b-8dspvd6m3c] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 600;
    justify-content: center;
    min-height: 34px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.special-definition-editor__button:hover[b-8dspvd6m3c] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.special-definition-editor__button--primary[b-8dspvd6m3c] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.24);
    color: #ffffff;
}

.special-definition-editor__button--primary:hover[b-8dspvd6m3c] {
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.32);
    color: #ffffff;
    filter: brightness(1.04);
}

.special-definition-editor__button:disabled[b-8dspvd6m3c] {
    cursor: default;
    opacity: 0.62;
}

.special-definition-editor__grid[b-8dspvd6m3c] {
    display: grid;
    column-gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    row-gap: 0.8rem;
}

.special-definition-field[b-8dspvd6m3c] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.special-definition-field label[b-8dspvd6m3c] {
    color: #475569;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.special-definition-editor__empty[b-8dspvd6m3c],
.special-definition-editor__empty[b-8dspvd6m3c] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    color: #64748b;
}

[b-8dspvd6m3c] .special-definition-field__text,
[b-8dspvd6m3c] .special-definition-field__combo {
    width: 100%;
}

[b-8dspvd6m3c] .special-definition-field__text.dxbl-text-edit,
[b-8dspvd6m3c] .special-definition-field__combo.dxbl-text-edit,
[b-8dspvd6m3c] .special-definition-field__combo.dxbl-cmbbx,
[b-8dspvd6m3c] .special-definition-field__text .dxbl-text-edit,
[b-8dspvd6m3c] .special-definition-field__combo .dxbl-text-edit {
    --dxbl-text-edit-border-radius: 0.55rem !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.55rem !important;
    min-height: 40px !important;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100% !important;
}

[b-8dspvd6m3c] .special-definition-field__text.dxbl-text-edit:focus-within,
[b-8dspvd6m3c] .special-definition-field__combo.dxbl-text-edit:focus-within,
[b-8dspvd6m3c] .special-definition-field__combo.dxbl-cmbbx:focus-within,
[b-8dspvd6m3c] .special-definition-field__text .dxbl-text-edit:focus-within,
[b-8dspvd6m3c] .special-definition-field__combo .dxbl-text-edit:focus-within {
    background: #ffffff !important;
    border-color: #6366f1 !important;
    border-radius: 0.55rem !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14) !important;
}

[b-8dspvd6m3c] .special-definition-field__text .dxbl-text-edit-input,
[b-8dspvd6m3c] .special-definition-field__combo .dxbl-text-edit-input,
[b-8dspvd6m3c] .special-definition-field__combo .dxbl-edit-input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0f172a;
    font-size: 0.9rem;
    min-height: 38px;
}

[b-8dspvd6m3c] .special-definition-field__text.dxbl-disabled,
[b-8dspvd6m3c] .special-definition-field__combo.dxbl-disabled,
[b-8dspvd6m3c] .special-definition-field__text .dxbl-disabled,
[b-8dspvd6m3c] .special-definition-field__combo .dxbl-disabled {
    opacity: 1 !important;
}

@media (max-width: 1180px) {
    .special-definition-editor__grid[b-8dspvd6m3c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .special-definition-editor__header[b-8dspvd6m3c] {
        align-items: stretch;
        flex-direction: column;
    }

    .special-definition-editor__actions[b-8dspvd6m3c] {
        justify-content: flex-end;
    }

    .special-definition-editor__grid[b-8dspvd6m3c] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/StockCard/StockCardList.razor.rz.scp.css */
.stock-card-list-page[b-xsakpfxvnj] {
    color: #18212f;
    display: grid;
    gap: 1rem;
    height: calc(100dvh - 1.1rem);
    min-height: 0;
    overflow: hidden;
}

.stock-card-list-page > .app-data-grid[b-xsakpfxvnj] {
    min-height: 0;
}

.stock-cell[b-xsakpfxvnj] {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-width: 0;
}

.stock-avatar[b-xsakpfxvnj] {
    align-items: center;
    background: #eef4ff;
    border: 1px solid #c9d7f0;
    border-radius: 50%;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 38px;
    font-size: .78rem;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.stock-text[b-xsakpfxvnj] {
    display: grid;
    min-width: 0;
}

.stock-text strong[b-xsakpfxvnj],
.stock-text small[b-xsakpfxvnj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-text small[b-xsakpfxvnj] {
    color: #687385;
}

.stock-state[b-xsakpfxvnj] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    justify-content: center;
    min-width: 4.75rem;
    padding: .2rem .55rem;
}

.stock-state--active[b-xsakpfxvnj] {
    background: #e6f4f1;
    color: #0f766e;
}

.stock-state--passive[b-xsakpfxvnj] {
    background: #fef3f2;
    color: #b42318;
}

.row-action[b-xsakpfxvnj] {
    align-items: center;
    border: 1px solid #cdd5df;
    border-radius: 4px;
    color: #334155;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
    width: 32px;
}

.row-actions[b-xsakpfxvnj] {
    align-items: center;
    display: inline-flex;
    gap: .35rem;
}

button.row-action[b-xsakpfxvnj] {
    background: #ffffff;
    font-size: .72rem;
    font-weight: 800;
    padding: 0 .45rem;
    width: auto;
}

.row-action:hover[b-xsakpfxvnj] {
    background: #eef4ff;
    border-color: #86aee8;
    color: #1d4ed8;
    transform: translateX(1px);
}

.row-action--danger[b-xsakpfxvnj] {
    border-color: #fecaca;
    color: #b91c1c;
}

.row-action--danger:hover[b-xsakpfxvnj] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.detail-action-icon[b-xsakpfxvnj] {
    background-color: currentColor;
    display: inline-block;
    height: 15px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a1 1 0 0 1 1-1h8.59l-2.3-2.29a1 1 0 1 1 1.42-1.42l4 4a1 1 0 0 1 0 1.42l-4 4a1 1 0 0 1-1.42-1.42L13.59 11H5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 15px;
}
/* /Components/Pages/StockCard/StocktakingCreate.razor.rz.scp.css */
.transfer-form-page[b-7hdmtcumlf] {
    color: #18212f;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: calc(100dvh - 1.1rem);
}

.transfer-form-hero[b-7hdmtcumlf] {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 14px 32px rgba(15, 23, 42, 0.07);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.transfer-form-hero__intro[b-7hdmtcumlf] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
    min-width: 0;
}

.transfer-form-hero__back[b-7hdmtcumlf] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #475569;
    display: inline-flex;
    flex-shrink: 0;
    height: 38px;
    justify-content: center;
    text-decoration: none;
    width: 38px;
}

.transfer-form-hero__back:hover[b-7hdmtcumlf] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.transfer-form-hero__avatar[b-7hdmtcumlf] {
    align-items: center;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-radius: var(--app-avatar-radius);
    box-shadow: 0 10px 22px rgba(29, 78, 216, 0.28);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.05rem;
    font-weight: 800;
    height: 3rem;
    justify-content: center;
    letter-spacing: 0;
    width: 3rem;
}

.transfer-form-hero__text[b-7hdmtcumlf] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.transfer-form-hero__eyebrow[b-7hdmtcumlf],
.transfer-section__eyebrow[b-7hdmtcumlf] {
    color: #2563eb;
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.transfer-form-hero h1[b-7hdmtcumlf] {
    color: #0f172a;
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.15;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-form-hero__meta[b-7hdmtcumlf] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.transfer-form-hero__code[b-7hdmtcumlf] {
    background: rgba(37, 99, 235, 0.10);
    border-radius: 0.4rem;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.18rem 0.55rem;
}

.transfer-form-hero__pill[b-7hdmtcumlf] {
    align-items: center;
    background: #ecfdf5;
    border-radius: 999px;
    color: #047857;
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 700;
    gap: 0.4rem;
    padding: 0.18rem 0.6rem 0.2rem 0.5rem;
}

.transfer-form-hero__pill-dot[b-7hdmtcumlf] {
    background: currentColor;
    border-radius: 999px;
    display: inline-block;
    height: 0.45rem;
    width: 0.45rem;
}

.transfer-form-hero__actions[b-7hdmtcumlf],
.transfer-section__actions[b-7hdmtcumlf] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.tf-action[b-7hdmtcumlf],
.dx-text-action[b-7hdmtcumlf] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 700;
    gap: 0.4rem;
    justify-content: center;
    min-height: 38px;
    padding: 0 0.85rem;
}

.tf-action:hover[b-7hdmtcumlf],
.dx-text-action:hover[b-7hdmtcumlf] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.tf-action:disabled[b-7hdmtcumlf],
.dx-text-action:disabled[b-7hdmtcumlf] {
    cursor: default;
    opacity: 0.58;
}

.dx-text-action--primary[b-7hdmtcumlf],
.tf-action--primary[b-7hdmtcumlf] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.26);
    color: #ffffff;
}

.dx-text-action--primary:hover[b-7hdmtcumlf],
.tf-action--primary:hover[b-7hdmtcumlf] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    color: #ffffff;
    filter: brightness(1.05);
}

.dx-text-action--busy:disabled[b-7hdmtcumlf] {
    cursor: wait;
    opacity: 0.68;
}

.transfer-action-spinner[b-7hdmtcumlf],
.transfer-spinner[b-7hdmtcumlf] {
    animation: transfer-spin-b-7hdmtcumlf 0.75s linear infinite;
    border-radius: 999px;
}

.transfer-action-spinner[b-7hdmtcumlf] {
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    height: 14px;
    width: 14px;
}

.transfer-spinner[b-7hdmtcumlf] {
    border: 3px solid #bfdbfe;
    border-top-color: #2563eb;
    height: 28px;
    width: 28px;
}

.transfer-loading[b-7hdmtcumlf] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 28px rgba(15, 23, 42, 0.06);
    color: #475569;
    display: flex;
    font-weight: 700;
    gap: 0.8rem;
    justify-content: center;
    min-height: 220px;
}

.transfer-alert[b-7hdmtcumlf] {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.55rem;
    color: #1e40af;
    display: flex;
    font-size: 0.9rem;
    font-weight: 700;
    min-height: 42px;
    padding: 0 0.9rem;
}

.transfer-form-layout[b-7hdmtcumlf] {
    display: grid;
    flex: 1;
    gap: 1rem;
    grid-template-columns: minmax(380px, 42%) minmax(0, 1fr);
    min-height: 0;
}

.transfer-section[b-7hdmtcumlf] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 28px rgba(15, 23, 42, 0.06);
    min-width: 0;
}

.transfer-section--document[b-7hdmtcumlf] {
    overflow-y: auto;
    padding: 1.5rem;
}

.transfer-section--document .transfer-section__header[b-7hdmtcumlf] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.transfer-section__header h2[b-7hdmtcumlf] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    margin: 0.1rem 0 0;
}

.transfer-field-grid[b-7hdmtcumlf] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.transfer-field--wide[b-7hdmtcumlf] {
    grid-column: span 2;
}

.transfer-field[b-7hdmtcumlf],
.transfer-description[b-7hdmtcumlf] {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    min-width: 0;
}

.transfer-field span[b-7hdmtcumlf],
.transfer-description span[b-7hdmtcumlf] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
}

.transfer-control[b-7hdmtcumlf],
.transfer-field[b-7hdmtcumlf]  .transfer-control,
.transfer-description[b-7hdmtcumlf]  .transfer-control {
    appearance: auto;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    box-sizing: border-box;
    color: #0f172a;
    font-size: 0.9rem;
    line-height: 1.25;
    min-height: 40px;
    min-width: 0;
    outline: none;
    padding: 0 0.8rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.transfer-control:focus[b-7hdmtcumlf],
.transfer-field[b-7hdmtcumlf]  .transfer-control:focus,
.transfer-description[b-7hdmtcumlf]  .transfer-control:focus {
    background: #ffffff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

.transfer-control:disabled[b-7hdmtcumlf],
.transfer-field[b-7hdmtcumlf]  .transfer-control:disabled,
.transfer-description[b-7hdmtcumlf]  .transfer-control:disabled {
    color: #64748b;
    cursor: default;
    opacity: 1;
}

.transfer-description[b-7hdmtcumlf] {
    margin-top: 1rem;
}

.transfer-description textarea.transfer-control[b-7hdmtcumlf],
.transfer-description[b-7hdmtcumlf]  textarea.transfer-control {
    min-height: 96px;
    padding: 0.7rem 0.8rem;
    resize: vertical;
}

@media (max-width: 1100px) {
    .transfer-form-layout[b-7hdmtcumlf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .transfer-field--wide[b-7hdmtcumlf],
    .transfer-field[b-7hdmtcumlf] {
        grid-column: span 1;
    }

    .transfer-field-grid[b-7hdmtcumlf] {
        grid-template-columns: 1fr;
    }
}

@keyframes transfer-spin-b-7hdmtcumlf {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/StockCard/StocktakingDetail.razor.rz.scp.css */
.transfer-form-page[b-ztuvw16391] {
    color: #18212f;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: calc(100dvh - 1.1rem);
}

.transfer-form-hero[b-ztuvw16391] {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 14px 32px rgba(15, 23, 42, 0.07);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.transfer-form-hero__intro[b-ztuvw16391] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
    min-width: 0;
}

.transfer-form-hero__back[b-ztuvw16391] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #475569;
    display: inline-flex;
    flex-shrink: 0;
    height: 38px;
    justify-content: center;
    text-decoration: none;
    width: 38px;
}

.transfer-form-hero__back:hover[b-ztuvw16391] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.transfer-form-hero__avatar[b-ztuvw16391] {
    align-items: center;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-radius: var(--app-avatar-radius);
    box-shadow: 0 10px 22px rgba(29, 78, 216, 0.28);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.05rem;
    font-weight: 800;
    height: 3rem;
    justify-content: center;
    letter-spacing: 0;
    width: 3rem;
}

.transfer-form-hero__text[b-ztuvw16391] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.transfer-form-hero__eyebrow[b-ztuvw16391],
.transfer-section__eyebrow[b-ztuvw16391] {
    color: #2563eb;
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.transfer-form-hero h1[b-ztuvw16391] {
    color: #0f172a;
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.15;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-form-hero__meta[b-ztuvw16391] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.transfer-form-hero__code[b-ztuvw16391] {
    background: rgba(37, 99, 235, 0.10);
    border-radius: 0.4rem;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.18rem 0.55rem;
}

.transfer-form-hero__pill[b-ztuvw16391] {
    align-items: center;
    background: #f1f5f9;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 700;
    gap: 0.4rem;
    padding: 0.18rem 0.6rem 0.2rem 0.5rem;
}

.transfer-form-hero__pill--success[b-ztuvw16391] {
    background: #ecfdf5;
    color: #047857;
}

.transfer-form-hero__pill--warning[b-ztuvw16391] {
    background: #fffbeb;
    color: #b45309;
}

.transfer-form-hero__pill--danger[b-ztuvw16391] {
    background: #fef2f2;
    color: #b91c1c;
}

.transfer-form-hero__pill-dot[b-ztuvw16391] {
    background: currentColor;
    border-radius: 999px;
    display: inline-block;
    height: 0.45rem;
    width: 0.45rem;
}

.transfer-form-hero__actions[b-ztuvw16391],
.transfer-section__actions[b-ztuvw16391] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.tf-action[b-ztuvw16391],
.dx-text-action[b-ztuvw16391] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 700;
    gap: 0.4rem;
    justify-content: center;
    min-height: 38px;
    padding: 0 0.85rem;
}

.tf-action:hover[b-ztuvw16391],
.dx-text-action:hover[b-ztuvw16391] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.tf-action:disabled[b-ztuvw16391],
.dx-text-action:disabled[b-ztuvw16391] {
    cursor: default;
    opacity: 0.58;
}

.dx-text-action--primary[b-ztuvw16391],
.tf-action--primary[b-ztuvw16391] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.26);
    color: #ffffff;
}

.dx-text-action--primary:hover[b-ztuvw16391],
.tf-action--primary:hover[b-ztuvw16391] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    color: #ffffff;
    filter: brightness(1.05);
}

.tf-action--danger[b-ztuvw16391] {
    border-color: #fecaca;
    color: #b91c1c;
}

.tf-action--danger:hover[b-ztuvw16391] {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.dx-text-action--busy:disabled[b-ztuvw16391] {
    cursor: wait;
    opacity: 0.68;
}

.transfer-action-spinner[b-ztuvw16391],
.transfer-spinner[b-ztuvw16391] {
    animation: transfer-spin-b-ztuvw16391 0.75s linear infinite;
    border-radius: 999px;
}

.transfer-action-spinner[b-ztuvw16391] {
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    height: 14px;
    width: 14px;
}

.transfer-spinner[b-ztuvw16391] {
    border: 3px solid #bfdbfe;
    border-top-color: #2563eb;
    height: 28px;
    width: 28px;
}

.transfer-loading[b-ztuvw16391],
.transfer-empty-state[b-ztuvw16391] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 28px rgba(15, 23, 42, 0.06);
    color: #475569;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    gap: 0.8rem;
    justify-content: center;
    min-height: 260px;
    padding: 1rem;
    text-align: center;
}

.transfer-empty-state h1[b-ztuvw16391] {
    color: #0f172a;
    font-size: 1.35rem;
    margin: 0;
}

.transfer-empty-state p[b-ztuvw16391] {
    margin: 0;
}

.transfer-form-layout[b-ztuvw16391] {
    display: grid;
    flex: 1;
    gap: 1rem;
    grid-template-columns: minmax(380px, 42%) minmax(0, 1fr);
    min-height: 0;
}

.transfer-section[b-ztuvw16391] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 28px rgba(15, 23, 42, 0.06);
    min-width: 0;
}

.transfer-section--document[b-ztuvw16391] {
    overflow-y: auto;
    padding: 1.5rem;
}

.transfer-section--document .transfer-section__header[b-ztuvw16391] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.transfer-section__header h2[b-ztuvw16391] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    margin: 0.1rem 0 0;
}

.transfer-field-grid[b-ztuvw16391] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.transfer-field--wide[b-ztuvw16391] {
    grid-column: span 2;
}

.transfer-field[b-ztuvw16391],
.transfer-description[b-ztuvw16391] {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    min-width: 0;
}

.transfer-field span[b-ztuvw16391],
.transfer-description span[b-ztuvw16391] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
}

.transfer-control[b-ztuvw16391],
.transfer-field[b-ztuvw16391]  .transfer-control,
.transfer-description[b-ztuvw16391]  .transfer-control {
    appearance: auto;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    box-sizing: border-box;
    color: #0f172a;
    font-size: 0.9rem;
    line-height: 1.25;
    min-height: 40px;
    min-width: 0;
    outline: none;
    padding: 0 0.8rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.transfer-control:focus[b-ztuvw16391],
.transfer-field[b-ztuvw16391]  .transfer-control:focus,
.transfer-description[b-ztuvw16391]  .transfer-control:focus {
    background: #ffffff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

.transfer-control:disabled[b-ztuvw16391],
.transfer-field[b-ztuvw16391]  .transfer-control:disabled,
.transfer-description[b-ztuvw16391]  .transfer-control:disabled {
    color: #64748b;
    cursor: default;
    opacity: 1;
}

.transfer-description[b-ztuvw16391] {
    margin-top: 1rem;
}

.transfer-description textarea.transfer-control[b-ztuvw16391],
.transfer-description[b-ztuvw16391]  textarea.transfer-control {
    min-height: 96px;
    padding: 0.7rem 0.8rem;
    resize: vertical;
}

@media (max-width: 1100px) {
    .transfer-form-layout[b-ztuvw16391] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .transfer-field--wide[b-ztuvw16391],
    .transfer-field[b-ztuvw16391] {
        grid-column: span 1;
    }

    .transfer-field-grid[b-ztuvw16391] {
        grid-template-columns: 1fr;
    }
}

@keyframes transfer-spin-b-ztuvw16391 {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/StockCard/StocktakingList.razor.rz.scp.css */
.stocktaking-list-page[b-wdeyhwr4xc] {
    color: #18212f;
    display: grid;
    gap: 1rem;
    height: calc(100dvh - 1.1rem);
    min-height: 0;
    overflow: hidden;
}

.stocktaking-list-page > .app-data-grid[b-wdeyhwr4xc] {
    min-height: 0;
}

.stocktaking-cell__strong[b-wdeyhwr4xc] {
    color: #0f172a;
    font-weight: 700;
}

.stocktaking-chip[b-wdeyhwr4xc] {
    align-items: center;
    background: #f1f5f9;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 700;
    min-height: 24px;
    padding: 0 0.6rem;
    white-space: nowrap;
}

.stocktaking-chip--success[b-wdeyhwr4xc] {
    background: #ecfdf5;
    color: #047857;
}

.stocktaking-chip--danger[b-wdeyhwr4xc] {
    background: #fef2f2;
    color: #b91c1c;
}

.stocktaking-chip--warning[b-wdeyhwr4xc] {
    background: #fffbeb;
    color: #b45309;
}

.stocktaking-row-actions[b-wdeyhwr4xc] {
    align-items: center;
    display: flex;
    gap: 0.35rem;
    min-width: 0;
}

.stocktaking-row-action[b-wdeyhwr4xc],
[b-wdeyhwr4xc] .stocktaking-row-action {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.45rem;
    color: #334155;
    font-size: 0.76rem;
    font-weight: 700;
    min-height: 28px;
    padding: 0 0.55rem;
}

.stocktaking-row-action--approve[b-wdeyhwr4xc],
[b-wdeyhwr4xc] .stocktaking-row-action--approve {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #047857;
}

.stocktaking-row-action--reject[b-wdeyhwr4xc],
[b-wdeyhwr4xc] .stocktaking-row-action--reject {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}

[b-wdeyhwr4xc] .stocktaking-row-action.dxbl-disabled {
    cursor: wait;
    opacity: 0.62;
}

.stocktaking-row-final[b-wdeyhwr4xc] {
    align-items: center;
    background: #f8fafc;
    border-radius: 999px;
    color: #64748b;
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 700;
    min-height: 24px;
    padding: 0 0.6rem;
    white-space: nowrap;
}

[b-wdeyhwr4xc] .stocktaking-grid {
    --dxbl-grid-focus-bg: transparent;
    --dxbl-grid-focus-hover-bg: transparent;
    --dxbl-grid-cell-focus-bg: transparent;
    --dxbl-grid-selection-bg: transparent;
    --dxbl-grid-selection-hover-bg: transparent;
    --dxbl-grid-focused-row-bg: transparent;
    --dxbl-grid-focused-row-hover-bg: transparent;
    --dxbl-grid-row-hover-bg: transparent;
}

[b-wdeyhwr4xc] .stocktaking-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-wdeyhwr4xc] .stocktaking-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-wdeyhwr4xc] .stocktaking-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}
/* /Components/Pages/StockCard/WarehouseTransferCreate.razor.rz.scp.css */
.transfer-form-page[b-kema5j9q7r] {
    color: #18212f;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: calc(100dvh - 1.1rem);
}

.transfer-form-hero[b-kema5j9q7r] {
    align-items: center;
    background:
        radial-gradient(900px 320px at 90% -40%, rgba(192, 38, 211, 0.08), transparent 60%),
        radial-gradient(700px 280px at -10% 110%, rgba(20, 184, 166, 0.08), transparent 60%),
        #ffffff;
    border: 1px solid rgba(99, 102, 241, 0.10);
    border-radius: 1.1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 14px 32px rgba(15, 23, 42, 0.07);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    justify-content: space-between;
    overflow: hidden;
    padding: 1rem 1.25rem;
    position: relative;
}

.transfer-form-hero__intro[b-kema5j9q7r] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
    min-width: 0;
}

.transfer-form-hero__back[b-kema5j9q7r] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #475569;
    display: inline-flex;
    flex-shrink: 0;
    height: 38px;
    justify-content: center;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.06s ease;
    width: 38px;
}

.transfer-form-hero__back:hover[b-kema5j9q7r] {
    background: rgba(99, 102, 241, 0.06);
    border-color: #c7d2fe;
    color: #4338ca;
}

.transfer-form-hero__back:active[b-kema5j9q7r] {
    transform: translateX(-1px);
}

.transfer-form-hero__avatar[b-kema5j9q7r] {
    align-items: center;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    box-shadow: 0 10px 22px rgba(29, 78, 216, 0.30);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0;
}

.transfer-form-hero__avatar[b-kema5j9q7r] {
    border-radius: var(--app-avatar-radius);
    font-size: 1.05rem;
    height: 3rem;
    width: 3rem;
}

.transfer-form-hero__text[b-kema5j9q7r] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.transfer-form-hero__eyebrow[b-kema5j9q7r],
.transfer-section__eyebrow[b-kema5j9q7r] {
    color: #6366f1;
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.transfer-form-hero h1[b-kema5j9q7r] {
    color: #0f172a;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-form-hero__meta[b-kema5j9q7r] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.transfer-form-hero__code[b-kema5j9q7r] {
    background: rgba(99, 102, 241, 0.10);
    border-radius: 0.4rem;
    color: #4338ca;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0.18rem 0.55rem;
}

.transfer-form-hero__pill[b-kema5j9q7r] {
    align-items: center;
    background: #ecfdf5;
    border-radius: 999px;
    color: #047857;
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 600;
    gap: 0.4rem;
    letter-spacing: 0;
    padding: 0.18rem 0.6rem 0.2rem 0.5rem;
}

.transfer-form-hero__pill-dot[b-kema5j9q7r] {
    background: currentColor;
    border-radius: 999px;
    display: inline-block;
    height: 0.45rem;
    width: 0.45rem;
}

.transfer-form-hero__actions[b-kema5j9q7r],
.transfer-section__actions[b-kema5j9q7r] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.tf-action[b-kema5j9q7r],
.tf-icon-button[b-kema5j9q7r],
.dx-text-action[b-kema5j9q7r] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 0.4rem;
    justify-content: center;
    min-height: 38px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.tf-action svg[b-kema5j9q7r] {
    color: #6366f1;
    flex-shrink: 0;
}

.tf-action:hover[b-kema5j9q7r],
.tf-icon-button:hover[b-kema5j9q7r],
.dx-text-action:hover[b-kema5j9q7r] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.tf-action:active[b-kema5j9q7r],
.dx-text-action:active[b-kema5j9q7r] {
    transform: translateY(1px);
}

.tf-action:focus-visible[b-kema5j9q7r],
.dx-text-action:focus-visible[b-kema5j9q7r] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.22);
    outline: none;
}

.tf-action:disabled[b-kema5j9q7r],
.tf-icon-button:disabled[b-kema5j9q7r],
.dx-text-action:disabled[b-kema5j9q7r],
.tab-add-button:disabled[b-kema5j9q7r] {
    cursor: default;
    opacity: 0.58;
}

.dx-text-action--primary[b-kema5j9q7r] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.26);
    color: #ffffff;
}

.dx-text-action--primary:hover[b-kema5j9q7r] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.34);
    color: #ffffff;
    filter: brightness(1.05);
}

.dx-text-action--busy:disabled[b-kema5j9q7r] {
    cursor: wait;
    opacity: 0.68;
}

.transfer-action-spinner[b-kema5j9q7r] {
    animation: transfer-spin-b-kema5j9q7r 0.75s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-radius: 999px;
    border-top-color: #ffffff;
    height: 14px;
    width: 14px;
}

.transfer-loading[b-kema5j9q7r] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
    color: #475569;
    display: flex;
    font-weight: 700;
    gap: 0.8rem;
    justify-content: center;
    min-height: 220px;
}

.transfer-spinner[b-kema5j9q7r] {
    animation: transfer-spin-b-kema5j9q7r 0.75s linear infinite;
    border: 3px solid #bfdbfe;
    border-radius: 999px;
    border-top-color: #2563eb;
    height: 28px;
    width: 28px;
}

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

.transfer-alert[b-kema5j9q7r] {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.55rem;
    color: #1e40af;
    display: flex;
    font-size: 0.9rem;
    font-weight: 650;
    min-height: 42px;
    padding: 0 0.9rem;
}

.transfer-form-layout[b-kema5j9q7r] {
    display: grid;
    flex: 1;
    gap: 1rem;
    grid-template-columns: minmax(380px, 42%) minmax(0, 1fr);
    min-height: 0;
}

.transfer-section[b-kema5j9q7r] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
    min-width: 0;
}

.transfer-section--document[b-kema5j9q7r] {
    overflow-y: auto;
    padding: 1.5rem;
}

.transfer-section--items[b-kema5j9q7r] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.transfer-section--document .transfer-section__header[b-kema5j9q7r] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.transfer-section--items .transfer-section__header[b-kema5j9q7r] {
    align-items: center;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.82) 100%);
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 58px;
    padding: 0 1.5rem;
}

.transfer-section__header h2[b-kema5j9q7r] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0.1rem 0 0;
}

.transfer-card-body[b-kema5j9q7r] {
    min-width: 0;
}

.transfer-field-grid[b-kema5j9q7r] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.transfer-field[b-kema5j9q7r],
.transfer-description[b-kema5j9q7r],
.transfer-add-row label[b-kema5j9q7r] {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    min-width: 0;
}

.transfer-field span[b-kema5j9q7r],
.transfer-description span[b-kema5j9q7r],
.transfer-add-row span[b-kema5j9q7r] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
}

.transfer-control[b-kema5j9q7r],
.transfer-field[b-kema5j9q7r]  .transfer-control,
.transfer-description[b-kema5j9q7r]  .transfer-control,
.transfer-add-row[b-kema5j9q7r]  .transfer-control,
.transfer-table[b-kema5j9q7r]  .transfer-control {
    appearance: auto;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    box-sizing: border-box;
    color: #0f172a;
    font-size: 0.9rem;
    line-height: 1.25;
    min-height: 40px;
    min-width: 0;
    outline: none;
    padding: 0 0.8rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.transfer-control:focus[b-kema5j9q7r],
.transfer-field[b-kema5j9q7r]  .transfer-control:focus,
.transfer-description[b-kema5j9q7r]  .transfer-control:focus,
.transfer-add-row[b-kema5j9q7r]  .transfer-control:focus,
.transfer-table[b-kema5j9q7r]  .transfer-control:focus {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.transfer-control:disabled[b-kema5j9q7r],
.transfer-field[b-kema5j9q7r]  .transfer-control:disabled,
.transfer-description[b-kema5j9q7r]  .transfer-control:disabled,
.transfer-add-row[b-kema5j9q7r]  .transfer-control:disabled,
.transfer-table[b-kema5j9q7r]  .transfer-control:disabled {
    color: #64748b;
    cursor: default;
    opacity: 1;
}

.transfer-description[b-kema5j9q7r] {
    margin-top: 1rem;
}

.transfer-description textarea.transfer-control[b-kema5j9q7r],
.transfer-description[b-kema5j9q7r]  textarea.transfer-control {
    min-height: 96px;
    padding: 0.7rem 0.8rem;
    resize: vertical;
}

.tab-add-button[b-kema5j9q7r] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.82rem;
    font-weight: 600;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0 0.8rem;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.tab-add-button:hover[b-kema5j9q7r] {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.36);
}

.tab-add-button:active[b-kema5j9q7r] {
    transform: translateY(1px);
}

.transfer-add-row[b-kema5j9q7r] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(260px, 1fr) auto;
    padding: 1.25rem 1.5rem 1rem;
}

.transfer-add-row--hint[b-kema5j9q7r] {
    align-items: center;
    grid-template-columns: 1fr;
}

.transfer-add-row__hint[b-kema5j9q7r] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 0.86rem;
    min-height: 38px;
    white-space: nowrap;
}

.transfer-empty[b-kema5j9q7r] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.75rem;
    color: #64748b;
    display: flex;
    font-weight: 650;
    justify-content: center;
    margin: 0 1.5rem 1.5rem;
    min-height: 180px;
}

.transfer-items-grid-wrap[b-kema5j9q7r] {
    flex: 1;
    margin: 0 1.5rem 1.5rem;
    min-height: 0;
    overflow: hidden;
}

[b-kema5j9q7r] .transfer-items-grid {
    --dxbl-grid-focus-bg: transparent;
    --dxbl-grid-focus-color: #1f2937;
    --dxbl-grid-focus-hover-bg: transparent;
    --dxbl-grid-focus-hover-color: #1f2937;
    --dxbl-grid-cell-focus-bg: transparent;
    --dxbl-grid-cell-focus-color: #1f2937;
    --dxbl-grid-row-hover-bg: transparent;
    --dxbl-grid-row-hover-color: #1f2937;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
    width: 100%;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid,
[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table-container {
    border: 0;
    width: 100%;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-header-row > th,
[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #475569;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    vertical-align: middle;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table {
    min-width: 720px;
}

.transfer-grid-stock[b-kema5j9q7r],
.transfer-grid-tracking[b-kema5j9q7r] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.transfer-grid-stock strong[b-kema5j9q7r] {
    color: #0f172a;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-grid-stock small[b-kema5j9q7r],
.transfer-grid-tracking small[b-kema5j9q7r] {
    color: #64748b;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-grid-actions[b-kema5j9q7r] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.transfer-table-wrap[b-kema5j9q7r] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.transfer-table[b-kema5j9q7r] {
    border-collapse: collapse;
    font-size: 0.9rem;
    min-width: 680px;
    width: 100%;
}

.transfer-table thead[b-kema5j9q7r] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.transfer-table th[b-kema5j9q7r] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
    padding: 0.85rem 1.5rem;
    text-align: left;
    text-transform: uppercase;
}

.transfer-table td[b-kema5j9q7r] {
    border-bottom: 1px solid #eef2f7;
    color: #475569;
    padding: 0.95rem 1.5rem;
    vertical-align: middle;
}

.transfer-table tbody tr:hover[b-kema5j9q7r] {
    background: rgba(99, 102, 241, 0.02);
}

.transfer-table tbody tr:last-child td[b-kema5j9q7r] {
    border-bottom: 0;
}

.transfer-table strong[b-kema5j9q7r],
.transfer-table small[b-kema5j9q7r] {
    display: block;
}

.transfer-table strong[b-kema5j9q7r] {
    color: #0f172a;
    font-weight: 750;
}

.transfer-table small[b-kema5j9q7r] {
    color: #64748b;
    margin-top: 0.15rem;
}

.transfer-line-chip[b-kema5j9q7r],
.transfer-line-muted[b-kema5j9q7r],
.transfer-tracking-chip[b-kema5j9q7r] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    min-height: 24px;
    padding: 0 0.55rem;
    white-space: nowrap;
}

.transfer-line-chip[b-kema5j9q7r] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

.transfer-line-muted[b-kema5j9q7r],
.transfer-tracking-chip[b-kema5j9q7r] {
    background: #f1f5f9;
    color: #64748b;
}

.transfer-tracking-chip--variant[b-kema5j9q7r] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

.transfer-tracking-chip--serial[b-kema5j9q7r] {
    background: rgba(20, 184, 166, 0.12);
    color: #0f766e;
}

.transfer-quantity-input[b-kema5j9q7r],
.transfer-table[b-kema5j9q7r]  .transfer-quantity-input {
    max-width: 130px;
}

.transfer-table__actions[b-kema5j9q7r] {
    text-align: right;
    width: 64px;
}

.tf-icon-button[b-kema5j9q7r] {
    border-radius: 999px;
    font-size: 1rem;
    min-height: 32px;
    padding: 0;
    width: 32px;
}

@media (max-width: 1180px) {
    .transfer-form-layout[b-kema5j9q7r] {
        grid-template-columns: 1fr;
    }

    .transfer-section--items[b-kema5j9q7r] {
        min-height: 520px;
    }
}

@media (max-width: 760px) {
    .transfer-form-hero[b-kema5j9q7r] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.8rem;
    }

    .transfer-form-hero__intro[b-kema5j9q7r] {
        align-items: flex-start;
    }

    .transfer-form-hero__actions[b-kema5j9q7r],
    .transfer-section__actions[b-kema5j9q7r] {
        width: 100%;
    }

    .tf-action[b-kema5j9q7r],
    .dx-text-action[b-kema5j9q7r] {
        flex: 1 1 auto;
    }

    .transfer-field-grid[b-kema5j9q7r],
    .transfer-add-row[b-kema5j9q7r] {
        grid-template-columns: 1fr;
    }

    .transfer-section--document .transfer-section__header[b-kema5j9q7r],
    .transfer-section--items .transfer-section__header[b-kema5j9q7r] {
        align-items: stretch;
        flex-direction: column;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .transfer-section--document[b-kema5j9q7r] {
        padding: 1rem;
    }

    .transfer-add-row[b-kema5j9q7r] {
        padding: 1rem;
    }

    .transfer-empty[b-kema5j9q7r] {
        margin: 0 1rem 1rem;
    }

    .transfer-add-row__hint[b-kema5j9q7r] {
        white-space: normal;
    }

}

/* Match the transfer list grid and let the item grid fill the right panel. */
.transfer-section--items[b-kema5j9q7r] {
    min-height: 0;
}

.transfer-items-grid-wrap[b-kema5j9q7r] {
    display: flex;
    flex: 1 1 auto;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    width: 100%;
}

[b-kema5j9q7r] .transfer-items-grid {
    border: 0;
    border-radius: 0;
    color: #0f172a;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: 0.92rem;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-layout-root-element-base {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table-container,
[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table-container .dxbl-scroll-viewer {
    min-height: 0;
    min-width: 0;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table-container {
    flex: 1 1 auto;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table-container .dxbl-scroll-viewer {
    max-height: 100%;
    overflow: auto;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-header-row > th,
[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #1f2937;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    transition: none;
    vertical-align: middle;
}

[b-kema5j9q7r] .transfer-items-grid .dxbl-grid-table {
    min-width: 720px;
}
/* /Components/Pages/StockCard/WarehouseTransferDetail.razor.rz.scp.css */
.transfer-form-page[b-qd257tfa39] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: calc(100vh - 2rem);
}

.transfer-form-hero[b-qd257tfa39] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    display: flex;
    justify-content: space-between;
    min-height: 84px;
    padding: 1rem 1.15rem;
}

.transfer-form-hero__eyebrow[b-qd257tfa39] {
    color: #2563eb;
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 0.15rem;
    text-transform: uppercase;
}

.transfer-form-hero h1[b-qd257tfa39] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.15;
    margin: 0;
}

.transfer-form-hero__actions[b-qd257tfa39] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tf-action[b-qd257tfa39],
.tf-icon-button[b-qd257tfa39] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe4ee;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 750;
    justify-content: center;
    min-height: 38px;
    padding: 0 0.9rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.tf-action:hover[b-qd257tfa39],
.tf-icon-button:hover[b-qd257tfa39] {
    background: #f8fafc;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.tf-action:disabled[b-qd257tfa39],
.tf-icon-button:disabled[b-qd257tfa39] {
    cursor: default;
    opacity: 0.55;
}

.tf-action--primary[b-qd257tfa39] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(29, 78, 216, 0.28);
    color: #ffffff;
}

.tf-action--primary:hover[b-qd257tfa39] {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-color: transparent;
    color: #ffffff;
    filter: brightness(1.05);
}

.transfer-loading[b-qd257tfa39],
.transfer-empty-state[b-qd257tfa39] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    color: #475569;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    gap: 0.8rem;
    justify-content: center;
    min-height: 260px;
    padding: 1rem;
    text-align: center;
}

.transfer-empty-state h1[b-qd257tfa39] {
    color: #0f172a;
    font-size: 1.35rem;
    margin: 0;
}

.transfer-empty-state p[b-qd257tfa39] {
    margin: 0;
}

.transfer-spinner[b-qd257tfa39] {
    animation: transfer-spin-b-qd257tfa39 0.75s linear infinite;
    border: 3px solid #bfdbfe;
    border-top-color: #2563eb;
    border-radius: 999px;
    height: 28px;
    width: 28px;
}

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

.transfer-form-layout[b-qd257tfa39] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(300px, 0.85fr) minmax(440px, 1.35fr);
}

.transfer-section[b-qd257tfa39] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    min-width: 0;
    padding: 1rem;
}

.transfer-section__header[b-qd257tfa39] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.transfer-section__header h2[b-qd257tfa39] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    margin: 0;
}

.transfer-field-grid[b-qd257tfa39] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.transfer-field-grid label[b-qd257tfa39],
.transfer-description[b-qd257tfa39],
.transfer-add-row label[b-qd257tfa39] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.transfer-field-grid span[b-qd257tfa39],
.transfer-description span[b-qd257tfa39],
.transfer-add-row span[b-qd257tfa39] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
}

.transfer-field-grid input[b-qd257tfa39],
.transfer-field-grid select[b-qd257tfa39],
.transfer-description textarea[b-qd257tfa39],
.transfer-add-row select[b-qd257tfa39],
.transfer-table input[b-qd257tfa39] {
    background: #ffffff;
    border: 1px solid #dbe4ee;
    border-radius: 0.5rem;
    color: #0f172a;
    font-size: 0.9rem;
    min-height: 38px;
    outline: none;
    padding: 0 0.7rem;
    width: 100%;
}

.transfer-field-grid input:disabled[b-qd257tfa39],
.transfer-field-grid select:disabled[b-qd257tfa39],
.transfer-description textarea:disabled[b-qd257tfa39],
.transfer-table input:disabled[b-qd257tfa39] {
    background: #f8fafc;
    color: #334155;
}

.transfer-field-grid input:focus[b-qd257tfa39],
.transfer-field-grid select:focus[b-qd257tfa39],
.transfer-description textarea:focus[b-qd257tfa39],
.transfer-add-row select:focus[b-qd257tfa39],
.transfer-table input:focus[b-qd257tfa39] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

.transfer-description[b-qd257tfa39] {
    margin-top: 0.85rem;
}

.transfer-description textarea[b-qd257tfa39] {
    min-height: 86px;
    padding: 0.65rem 0.7rem;
    resize: vertical;
}

.transfer-add-row[b-qd257tfa39] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(260px, 1fr) auto;
    margin-bottom: 0.9rem;
}

.transfer-add-row__hint[b-qd257tfa39] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 0.86rem;
    min-height: 38px;
}

.transfer-empty[b-qd257tfa39] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.6rem;
    color: #64748b;
    display: flex;
    font-weight: 650;
    justify-content: center;
    min-height: 120px;
}

.transfer-items-grid-wrap[b-qd257tfa39] {
    overflow: hidden;
}

[b-qd257tfa39] .transfer-items-grid {
    --dxbl-grid-focus-bg: transparent;
    --dxbl-grid-focus-color: #1f2937;
    --dxbl-grid-focus-hover-bg: transparent;
    --dxbl-grid-focus-hover-color: #1f2937;
    --dxbl-grid-cell-focus-bg: transparent;
    --dxbl-grid-cell-focus-color: #1f2937;
    --dxbl-grid-row-hover-bg: transparent;
    --dxbl-grid-row-hover-color: #1f2937;
    border: 1px solid #e2e8f0;
    border-radius: 0.6rem;
    overflow: hidden;
    width: 100%;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid,
[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table-container {
    border: 0;
    width: 100%;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-header-row > th,
[b-qd257tfa39] .transfer-items-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #e2e8f0;
    color: #0f172a;
    padding-bottom: 0.65rem;
    padding-top: 0.65rem;
    vertical-align: middle;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table {
    min-width: 620px;
}

.transfer-grid-stock[b-qd257tfa39] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.transfer-grid-stock strong[b-qd257tfa39] {
    color: #0f172a;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-grid-stock small[b-qd257tfa39] {
    color: #64748b;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-grid-actions[b-qd257tfa39] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.transfer-quantity-input[b-qd257tfa39],
[b-qd257tfa39] .transfer-quantity-input {
    background: #ffffff;
    border: 1px solid #dbe4ee;
    border-radius: 0.5rem;
    color: #0f172a;
    font-size: 0.9rem;
    max-width: 130px;
    min-height: 38px;
    outline: none;
    padding: 0 0.7rem;
    width: 100%;
}

.transfer-quantity-input:disabled[b-qd257tfa39],
[b-qd257tfa39] .transfer-quantity-input:disabled {
    background: #f8fafc;
    color: #334155;
}

.transfer-quantity-input:focus[b-qd257tfa39],
[b-qd257tfa39] .transfer-quantity-input:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

.transfer-table-wrap[b-qd257tfa39] {
    border: 1px solid #e2e8f0;
    border-radius: 0.6rem;
    overflow: auto;
}

.transfer-table[b-qd257tfa39] {
    border-collapse: collapse;
    min-width: 620px;
    width: 100%;
}

.transfer-table th[b-qd257tfa39] {
    background: #f8fafc;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    padding: 0.75rem;
    text-align: left;
    text-transform: uppercase;
}

.transfer-table td[b-qd257tfa39] {
    border-top: 1px solid #e2e8f0;
    color: #0f172a;
    padding: 0.7rem 0.75rem;
    vertical-align: middle;
}

.transfer-table strong[b-qd257tfa39],
.transfer-table small[b-qd257tfa39] {
    display: block;
}

.transfer-table small[b-qd257tfa39] {
    color: #64748b;
    margin-top: 0.15rem;
}

.transfer-table input[b-qd257tfa39] {
    max-width: 130px;
}

.transfer-table__actions[b-qd257tfa39] {
    text-align: right;
    width: 64px;
}

.tf-icon-button[b-qd257tfa39] {
    border-radius: 999px;
    font-size: 1rem;
    min-height: 32px;
    padding: 0;
    width: 32px;
}

@media (max-width: 980px) {
    .transfer-form-layout[b-qd257tfa39] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .transfer-form-hero[b-qd257tfa39] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.8rem;
    }

    .transfer-form-hero__actions[b-qd257tfa39] {
        width: 100%;
    }

    .tf-action[b-qd257tfa39] {
        flex: 1 1 auto;
    }

    .transfer-field-grid[b-qd257tfa39],
    .transfer-add-row[b-qd257tfa39] {
        grid-template-columns: 1fr;
    }
}

/* Keep transfer detail visually aligned with the create screen. */
.transfer-form-page[b-qd257tfa39] {
    color: #18212f;
    gap: 1rem;
    min-height: calc(100dvh - 1.1rem);
}

.transfer-form-hero[b-qd257tfa39] {
    align-items: center;
    background:
        radial-gradient(900px 320px at 90% -40%, rgba(192, 38, 211, 0.08), transparent 60%),
        radial-gradient(700px 280px at -10% 110%, rgba(20, 184, 166, 0.08), transparent 60%),
        #ffffff;
    border: 1px solid rgba(99, 102, 241, 0.10);
    border-radius: 1.1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 14px 32px rgba(15, 23, 42, 0.07);
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    min-height: auto;
    overflow: hidden;
    padding: 1rem 1.25rem;
    position: relative;
}

.transfer-form-hero__intro[b-qd257tfa39] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
    min-width: 0;
}

.transfer-form-hero__back[b-qd257tfa39] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #475569;
    display: inline-flex;
    flex-shrink: 0;
    height: 38px;
    justify-content: center;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.06s ease;
    width: 38px;
}

.transfer-form-hero__back:hover[b-qd257tfa39] {
    background: rgba(99, 102, 241, 0.06);
    border-color: #c7d2fe;
    color: #4338ca;
}

.transfer-form-hero__avatar[b-qd257tfa39] {
    align-items: center;
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0d9488 100%);
    border-radius: var(--app-avatar-radius);
    box-shadow: 0 10px 22px rgba(29, 78, 216, 0.30);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.05rem;
    font-weight: 800;
    height: 3rem;
    justify-content: center;
    letter-spacing: 0;
    width: 3rem;
}

.transfer-form-hero__text[b-qd257tfa39] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.transfer-form-hero__eyebrow[b-qd257tfa39],
.transfer-section__eyebrow[b-qd257tfa39] {
    color: #6366f1;
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

.transfer-form-hero h1[b-qd257tfa39] {
    color: #0f172a;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-form-hero__meta[b-qd257tfa39] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.transfer-form-hero__code[b-qd257tfa39] {
    background: rgba(99, 102, 241, 0.10);
    border-radius: 0.4rem;
    color: #4338ca;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0.18rem 0.55rem;
}

.transfer-form-hero__pill[b-qd257tfa39] {
    align-items: center;
    background: #ecfdf5;
    border-radius: 999px;
    color: #047857;
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 600;
    gap: 0.4rem;
    letter-spacing: 0;
    padding: 0.18rem 0.6rem 0.2rem 0.5rem;
}

.transfer-form-hero__pill-dot[b-qd257tfa39] {
    background: currentColor;
    border-radius: 999px;
    display: inline-block;
    height: 0.45rem;
    width: 0.45rem;
}

.tf-action[b-qd257tfa39],
.tf-icon-button[b-qd257tfa39],
.dx-text-action[b-qd257tfa39] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 0.4rem;
    justify-content: center;
    min-height: 38px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.tf-action svg[b-qd257tfa39] {
    color: #6366f1;
    flex-shrink: 0;
}

.tf-action:hover[b-qd257tfa39],
.tf-icon-button:hover[b-qd257tfa39],
.dx-text-action:hover[b-qd257tfa39] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.tf-action:disabled[b-qd257tfa39],
.tf-icon-button:disabled[b-qd257tfa39],
.dx-text-action:disabled[b-qd257tfa39],
.tab-add-button:disabled[b-qd257tfa39] {
    cursor: default;
    opacity: 0.58;
}

.dx-text-action--primary[b-qd257tfa39] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.26);
    color: #ffffff;
}

.dx-text-action--primary:hover[b-qd257tfa39] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.34);
    color: #ffffff;
    filter: brightness(1.05);
}

.dx-text-action--busy:disabled[b-qd257tfa39] {
    cursor: wait;
    opacity: 0.68;
}

.transfer-action-spinner[b-qd257tfa39] {
    animation: transfer-spin-b-qd257tfa39 0.75s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-radius: 999px;
    border-top-color: #ffffff;
    height: 14px;
    width: 14px;
}

.transfer-loading[b-qd257tfa39],
.transfer-empty-state[b-qd257tfa39] {
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
}

.transfer-form-layout[b-qd257tfa39] {
    display: grid;
    flex: 1;
    gap: 1rem;
    grid-template-columns: minmax(380px, 42%) minmax(0, 1fr);
    min-height: 0;
}

.transfer-section[b-qd257tfa39] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
    min-width: 0;
    padding: 0;
}

.transfer-section--document[b-qd257tfa39] {
    overflow-y: auto;
    padding: 1.5rem;
}

.transfer-section--items[b-qd257tfa39] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.transfer-section--document .transfer-section__header[b-qd257tfa39] {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.transfer-section--items .transfer-section__header[b-qd257tfa39] {
    align-items: center;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.82) 100%);
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0;
    min-height: 58px;
    padding: 0 1.5rem;
}

.transfer-section__actions[b-qd257tfa39] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.transfer-section__header h2[b-qd257tfa39] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0.1rem 0 0;
}

.transfer-card-body[b-qd257tfa39] {
    min-width: 0;
}

.transfer-field-grid[b-qd257tfa39] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.transfer-field[b-qd257tfa39],
.transfer-description[b-qd257tfa39],
.transfer-add-row label[b-qd257tfa39] {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    min-width: 0;
}

.transfer-field span[b-qd257tfa39],
.transfer-description span[b-qd257tfa39],
.transfer-add-row span[b-qd257tfa39] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
}

.transfer-control[b-qd257tfa39],
.transfer-field .transfer-control[b-qd257tfa39],
.transfer-description .transfer-control[b-qd257tfa39],
.transfer-add-row .transfer-control[b-qd257tfa39],
.transfer-items-grid .transfer-control[b-qd257tfa39],
.transfer-field[b-qd257tfa39]  .transfer-control,
.transfer-description[b-qd257tfa39]  .transfer-control,
.transfer-add-row[b-qd257tfa39]  .transfer-control,
.transfer-items-grid[b-qd257tfa39]  .transfer-control {
    appearance: auto;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    box-sizing: border-box;
    color: #0f172a;
    font-size: 0.9rem;
    line-height: 1.25;
    min-height: 40px;
    min-width: 0;
    outline: none;
    padding: 0 0.8rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.transfer-control:focus[b-qd257tfa39],
.transfer-field .transfer-control:focus[b-qd257tfa39],
.transfer-description .transfer-control:focus[b-qd257tfa39],
.transfer-add-row .transfer-control:focus[b-qd257tfa39],
.transfer-items-grid .transfer-control:focus[b-qd257tfa39],
.transfer-field[b-qd257tfa39]  .transfer-control:focus,
.transfer-description[b-qd257tfa39]  .transfer-control:focus,
.transfer-add-row[b-qd257tfa39]  .transfer-control:focus,
.transfer-items-grid[b-qd257tfa39]  .transfer-control:focus {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.transfer-control:disabled[b-qd257tfa39],
.transfer-field .transfer-control:disabled[b-qd257tfa39],
.transfer-description .transfer-control:disabled[b-qd257tfa39],
.transfer-add-row .transfer-control:disabled[b-qd257tfa39],
.transfer-items-grid .transfer-control:disabled[b-qd257tfa39],
.transfer-field[b-qd257tfa39]  .transfer-control:disabled,
.transfer-description[b-qd257tfa39]  .transfer-control:disabled,
.transfer-add-row[b-qd257tfa39]  .transfer-control:disabled,
.transfer-items-grid[b-qd257tfa39]  .transfer-control:disabled {
    color: #64748b;
    cursor: default;
    opacity: 1;
}

.transfer-description[b-qd257tfa39] {
    margin-top: 1rem;
}

.transfer-description textarea.transfer-control[b-qd257tfa39],
.transfer-description[b-qd257tfa39]  textarea.transfer-control {
    min-height: 96px;
    padding: 0.7rem 0.8rem;
    resize: vertical;
}

.tab-add-button[b-qd257tfa39] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.82rem;
    font-weight: 600;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0 0.8rem;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.tab-add-button:hover[b-qd257tfa39] {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.36);
}

.transfer-add-row[b-qd257tfa39] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(260px, 1fr) auto;
    margin-bottom: 0;
    padding: 1.25rem 1.5rem 1rem;
}

.transfer-add-row__hint[b-qd257tfa39] {
    color: #64748b;
    font-size: 0.86rem;
    min-height: 38px;
    white-space: nowrap;
}

.transfer-empty[b-qd257tfa39] {
    border-radius: 0.75rem;
    margin: 1.5rem;
    min-height: 180px;
}

.transfer-items-grid-wrap[b-qd257tfa39] {
    flex: 1;
    margin: 1.5rem;
    min-height: 0;
    overflow: hidden;
}

.transfer-add-row + .transfer-items-grid-wrap[b-qd257tfa39] {
    margin-top: 0;
}

[b-qd257tfa39] .transfer-items-grid {
    --dxbl-grid-focus-bg: transparent;
    --dxbl-grid-focus-color: #1f2937;
    --dxbl-grid-focus-hover-bg: transparent;
    --dxbl-grid-focus-hover-color: #1f2937;
    --dxbl-grid-cell-focus-bg: transparent;
    --dxbl-grid-cell-focus-color: #1f2937;
    --dxbl-grid-row-hover-bg: transparent;
    --dxbl-grid-row-hover-color: #1f2937;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
    width: 100%;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table {
    min-width: 720px;
}

.transfer-tracking-chip[b-qd257tfa39] {
    align-items: center;
    background: #f1f5f9;
    border-radius: 999px;
    color: #64748b;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    min-height: 24px;
    padding: 0 0.55rem;
    white-space: nowrap;
}

.transfer-tracking-chip--variant[b-qd257tfa39] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

.transfer-tracking-chip--serial[b-qd257tfa39] {
    background: rgba(20, 184, 166, 0.12);
    color: #0f766e;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-header-row > th,
[b-qd257tfa39] .transfer-items-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #475569;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    vertical-align: middle;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}

.transfer-grid-stock[b-qd257tfa39],
.transfer-grid-tracking[b-qd257tfa39] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.transfer-grid-stock strong[b-qd257tfa39] {
    color: #0f172a;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-grid-stock small[b-qd257tfa39],
.transfer-grid-tracking small[b-qd257tfa39] {
    color: #64748b;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-line-chip[b-qd257tfa39],
.transfer-line-muted[b-qd257tfa39] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    min-height: 24px;
    padding: 0 0.55rem;
    white-space: nowrap;
}

.transfer-line-chip[b-qd257tfa39] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

.transfer-line-muted[b-qd257tfa39] {
    background: #f1f5f9;
    color: #64748b;
}

.transfer-quantity-input[b-qd257tfa39],
.transfer-items-grid[b-qd257tfa39]  .transfer-quantity-input {
    max-width: 130px;
}

.transfer-grid-action-spacer[b-qd257tfa39] {
    display: inline-flex;
    height: 32px;
    width: 32px;
}

.tf-icon-button[b-qd257tfa39] {
    border-radius: 999px;
    font-size: 1rem;
    min-height: 32px;
    padding: 0;
    width: 32px;
}

@media (max-width: 1180px) {
    .transfer-form-layout[b-qd257tfa39] {
        grid-template-columns: 1fr;
    }

    .transfer-section--items[b-qd257tfa39] {
        min-height: 420px;
    }
}

@media (max-width: 720px) {
    .transfer-form-hero[b-qd257tfa39] {
        align-items: stretch;
        flex-direction: column;
    }

    .transfer-form-hero__actions[b-qd257tfa39],
    .transfer-section__actions[b-qd257tfa39] {
        width: 100%;
    }

    .tf-action[b-qd257tfa39],
    .dx-text-action[b-qd257tfa39] {
        flex: 1 1 auto;
    }

    .transfer-field-grid[b-qd257tfa39],
    .transfer-add-row[b-qd257tfa39] {
        grid-template-columns: 1fr;
    }
}

/* Match the transfer list grid and let the item grid fill the right panel. */
.transfer-section--items[b-qd257tfa39] {
    min-height: 0;
}

.transfer-items-grid-wrap[b-qd257tfa39] {
    display: flex;
    flex: 1 1 auto;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    width: 100%;
}

.transfer-add-row + .transfer-items-grid-wrap[b-qd257tfa39] {
    margin-top: 0;
}

[b-qd257tfa39] .transfer-items-grid {
    border: 0;
    border-radius: 0;
    color: #0f172a;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: 0.92rem;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-layout-root-element-base {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table-container,
[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table-container .dxbl-scroll-viewer {
    min-height: 0;
    min-width: 0;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table-container {
    flex: 1 1 auto;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table-container .dxbl-scroll-viewer {
    max-height: 100%;
    overflow: auto;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-header-row > th,
[b-qd257tfa39] .transfer-items-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #1f2937;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    transition: none;
    vertical-align: middle;
}

[b-qd257tfa39] .transfer-items-grid .dxbl-grid-table {
    min-width: 720px;
}
/* /Components/Pages/StockCard/WarehouseTransferItemsEditor.razor.rz.scp.css */
.transfer-section[b-klr82gkymv] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
    min-width: 0;
}

.transfer-section--items[b-klr82gkymv] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.transfer-section--items .transfer-section__header[b-klr82gkymv] {
    align-items: center;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.82) 100%);
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 58px;
    padding: 0 1.5rem;
}

.transfer-section__eyebrow[b-klr82gkymv] {
    color: #6366f1;
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.transfer-section__header h2[b-klr82gkymv] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0.1rem 0 0;
}

.tab-add-button[b-klr82gkymv] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.82rem;
    font-weight: 600;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0 0.8rem;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.tab-add-button:hover[b-klr82gkymv] {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.36);
}

.tab-add-button:active[b-klr82gkymv] {
    transform: translateY(1px);
}

.tab-add-button:disabled[b-klr82gkymv] {
    cursor: default;
    opacity: 0.58;
}

.transfer-add-row[b-klr82gkymv] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(260px, 1fr) auto;
    padding: 1.25rem 1.5rem 1rem;
}

.transfer-add-row--hint[b-klr82gkymv] {
    align-items: center;
    grid-template-columns: 1fr;
}

.transfer-add-row span[b-klr82gkymv] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
}

.transfer-add-row__hint[b-klr82gkymv] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 0.86rem;
    min-height: 38px;
    white-space: nowrap;
}

.transfer-empty[b-klr82gkymv] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.75rem;
    color: #64748b;
    display: flex;
    font-weight: 650;
    justify-content: center;
    margin: 0 1.5rem 1.5rem;
    min-height: 180px;
}

.transfer-items-grid-wrap[b-klr82gkymv] {
    display: flex;
    flex: 1 1 auto;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    width: 100%;
}

[b-klr82gkymv] .transfer-items-grid {
    --dxbl-grid-focus-bg: transparent;
    --dxbl-grid-focus-color: #1f2937;
    --dxbl-grid-focus-hover-bg: transparent;
    --dxbl-grid-focus-hover-color: #1f2937;
    --dxbl-grid-cell-focus-bg: transparent;
    --dxbl-grid-cell-focus-color: #1f2937;
    --dxbl-grid-row-hover-bg: transparent;
    --dxbl-grid-row-hover-color: #1f2937;
    border: 0;
    border-radius: 0;
    color: #0f172a;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: 0.92rem;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

[b-klr82gkymv] .transfer-items-grid .dxbl-grid-layout-root-element-base {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

[b-klr82gkymv] .transfer-items-grid .dxbl-grid,
[b-klr82gkymv] .transfer-items-grid .dxbl-grid-table-container {
    border: 0;
    width: 100%;
}

[b-klr82gkymv] .transfer-items-grid .dxbl-grid-table-container,
[b-klr82gkymv] .transfer-items-grid .dxbl-grid-table-container .dxbl-scroll-viewer {
    min-height: 0;
    min-width: 0;
}

[b-klr82gkymv] .transfer-items-grid .dxbl-grid-table-container {
    flex: 1 1 auto;
}

[b-klr82gkymv] .transfer-items-grid .dxbl-grid-table-container .dxbl-scroll-viewer {
    max-height: 100%;
    overflow: auto;
}

[b-klr82gkymv] .transfer-items-grid .dxbl-grid-header-row > th,
[b-klr82gkymv] .transfer-items-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-klr82gkymv] .transfer-items-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #1f2937;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    transition: none;
    vertical-align: middle;
}

[b-klr82gkymv] .transfer-items-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-klr82gkymv] .transfer-items-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-klr82gkymv] .transfer-items-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}

[b-klr82gkymv] .transfer-items-grid .dxbl-grid-table {
    min-width: 720px;
}

.transfer-grid-stock[b-klr82gkymv],
.transfer-grid-tracking[b-klr82gkymv] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.transfer-grid-stock strong[b-klr82gkymv] {
    color: #0f172a;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-grid-stock small[b-klr82gkymv],
.transfer-grid-tracking small[b-klr82gkymv] {
    color: #64748b;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-grid-actions[b-klr82gkymv] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.transfer-line-chip[b-klr82gkymv],
.transfer-line-muted[b-klr82gkymv],
.transfer-tracking-chip[b-klr82gkymv] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    min-height: 24px;
    padding: 0 0.55rem;
    white-space: nowrap;
}

.transfer-line-chip[b-klr82gkymv] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

.transfer-line-muted[b-klr82gkymv],
.transfer-tracking-chip[b-klr82gkymv] {
    background: #f1f5f9;
    color: #64748b;
}

.transfer-tracking-chip--variant[b-klr82gkymv] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

.transfer-tracking-chip--serial[b-klr82gkymv] {
    background: rgba(20, 184, 166, 0.12);
    color: #0f766e;
}

.transfer-control[b-klr82gkymv],
[b-klr82gkymv] .transfer-control {
    appearance: auto;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    box-sizing: border-box;
    color: #0f172a;
    font-size: 0.9rem;
    line-height: 1.25;
    min-height: 40px;
    min-width: 0;
    outline: none;
    padding: 0 0.8rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.transfer-control:focus[b-klr82gkymv],
[b-klr82gkymv] .transfer-control:focus {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.transfer-control:disabled[b-klr82gkymv],
[b-klr82gkymv] .transfer-control:disabled {
    color: #64748b;
    cursor: default;
    opacity: 1;
}

.transfer-quantity-input[b-klr82gkymv],
[b-klr82gkymv] .transfer-quantity-input {
    max-width: 130px;
}

.tf-icon-button[b-klr82gkymv] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    height: 32px;
    justify-content: center;
    min-height: 32px;
    padding: 0;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    width: 32px;
}

.tf-icon-button:hover[b-klr82gkymv] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.transfer-modal-search[b-klr82gkymv] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.transfer-modal-search input[b-klr82gkymv] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font-size: 0.9rem;
    min-height: 40px;
    outline: 0;
    padding: 0 0.8rem;
    width: 100%;
}

.transfer-modal-search input:focus[b-klr82gkymv] {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.transfer-modal-search span[b-klr82gkymv],
.transfer-config-summary span:last-child[b-klr82gkymv] {
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 700;
    white-space: nowrap;
}

.transfer-modal-empty[b-klr82gkymv],
.transfer-modal-loading[b-klr82gkymv] {
    border-radius: 0.7rem;
    font-size: 0.88rem;
    font-weight: 650;
    padding: 0.8rem 0.9rem;
}

.transfer-modal-empty[b-klr82gkymv],
.transfer-modal-loading[b-klr82gkymv] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    color: #64748b;
    display: flex;
    gap: 0.65rem;
    justify-content: center;
    min-height: 120px;
}

.transfer-spinner[b-klr82gkymv] {
    animation: transfer-spin-b-klr82gkymv 0.75s linear infinite;
    border: 3px solid #bfdbfe;
    border-radius: 999px;
    border-top-color: #2563eb;
    height: 28px;
    width: 28px;
}

.transfer-spinner--small[b-klr82gkymv] {
    height: 20px;
    width: 20px;
}

.transfer-config-body[b-klr82gkymv] {
    overflow-y: auto;
}

.transfer-config-summary[b-klr82gkymv] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.transfer-config-section[b-klr82gkymv] {
    border-top: 1px solid #eef2f7;
    display: grid;
    gap: 0.75rem;
    padding-top: 1rem;
}

.transfer-config-section__title[b-klr82gkymv] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.transfer-config-section__title h4[b-klr82gkymv] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 800;
    margin: 0;
}

.transfer-config-section__title span[b-klr82gkymv] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 700;
}

.transfer-variant-list[b-klr82gkymv] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.transfer-variant-option[b-klr82gkymv] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    color: #334155;
    cursor: pointer;
    display: grid;
    gap: 0.18rem;
    min-height: 64px;
    padding: 0.75rem 0.85rem;
    text-align: left;
}

.transfer-variant-option:hover[b-klr82gkymv],
.transfer-variant-option--selected[b-klr82gkymv] {
    background: rgba(99, 102, 241, 0.06);
    border-color: #a5b4fc;
}

.transfer-variant-option strong[b-klr82gkymv] {
    color: #0f172a;
    font-size: 0.9rem;
}

.transfer-variant-option small[b-klr82gkymv] {
    color: #64748b;
}

.transfer-serial-input[b-klr82gkymv],
[b-klr82gkymv] .transfer-serial-input {
    min-height: 150px;
    padding: 0.7rem 0.8rem;
    resize: vertical;
}

.transfer-serial-search[b-klr82gkymv] {
    margin-bottom: 0.75rem;
}

.transfer-serial-entry-panel[b-klr82gkymv] {
    display: grid;
    gap: 0.8rem;
}

.transfer-serial-entry-row[b-klr82gkymv] {
    align-items: stretch;
    display: grid;
    gap: 0.6rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

[b-klr82gkymv] .transfer-serial-entry-input {
    --dxbl-text-edit-border-radius: 0.55rem !important;
    border-radius: 0.55rem;
    width: 100%;
}

[b-klr82gkymv] .transfer-serial-entry-input .dxbl-text-edit-input {
    min-height: 40px;
}

[b-klr82gkymv] .transfer-serial-entry-button {
    min-height: 40px;
    min-width: 92px;
}

.transfer-serial-entry-empty[b-klr82gkymv] {
    min-height: 148px;
}

.transfer-serial-grid-wrap[b-klr82gkymv] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    min-height: 260px;
    overflow: hidden;
}

[b-klr82gkymv] .transfer-serial-grid {
    --dxbl-grid-focus-bg: transparent;
    --dxbl-grid-focus-color: #1f2937;
    --dxbl-grid-focus-hover-bg: transparent;
    --dxbl-grid-focus-hover-color: #1f2937;
    --dxbl-grid-cell-focus-bg: transparent;
    --dxbl-grid-cell-focus-color: #1f2937;
    --dxbl-grid-row-hover-bg: transparent;
    --dxbl-grid-row-hover-color: #1f2937;
    border: 0;
    color: #0f172a;
    font-size: 0.88rem;
    min-width: 0;
}

[b-klr82gkymv] .transfer-serial-grid .dxbl-grid,
[b-klr82gkymv] .transfer-serial-grid .dxbl-grid-table-container {
    border: 0;
    width: 100%;
}

[b-klr82gkymv] .transfer-serial-grid .dxbl-grid-header-row > th,
[b-klr82gkymv] .transfer-serial-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-klr82gkymv] .transfer-serial-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #1f2937;
    padding-bottom: 0.6rem;
    padding-top: 0.6rem;
    vertical-align: middle;
}

[b-klr82gkymv] .transfer-serial-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-klr82gkymv] .transfer-serial-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-klr82gkymv] .transfer-serial-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}

.transfer-serial-checkbox[b-klr82gkymv] {
    accent-color: #2563eb;
    cursor: pointer;
    height: 17px;
    width: 17px;
}

.transfer-config-quantity[b-klr82gkymv],
[b-klr82gkymv] .transfer-config-quantity {
    max-width: 180px;
}

@media (max-width: 1180px) {
    .transfer-section--items[b-klr82gkymv] {
        min-height: 520px;
    }
}

@media (max-width: 760px) {
    .transfer-add-row[b-klr82gkymv] {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .transfer-section--items .transfer-section__header[b-klr82gkymv] {
        align-items: stretch;
        flex-direction: column;
        padding: 0.85rem 1rem;
    }

    .transfer-empty[b-klr82gkymv] {
        margin: 0 1rem 1rem;
    }

    .transfer-add-row__hint[b-klr82gkymv] {
        white-space: normal;
    }

    .app-modal-footer[b-klr82gkymv] {
        align-items: stretch;
        flex-direction: column;
    }

    .app-modal-footer > span[b-klr82gkymv] {
        margin-right: 0;
    }

    .app-modal-action[b-klr82gkymv] {
        width: 100%;
    }

    .transfer-modal-search[b-klr82gkymv],
    .transfer-variant-list[b-klr82gkymv],
    .transfer-serial-entry-row[b-klr82gkymv] {
        grid-template-columns: 1fr;
    }
}

@keyframes transfer-spin-b-klr82gkymv {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/StockCard/WarehouseTransferList.razor.rz.scp.css */
.warehouse-transfer-list-page[b-m4gjkmxs4p] {
    color: #18212f;
    display: grid;
    gap: 1rem;
    height: calc(100dvh - 1.1rem);
    min-height: 0;
    overflow: hidden;
}

.warehouse-transfer-list-page > .app-data-grid[b-m4gjkmxs4p] {
    min-height: 0;
}

.transfer-cell__strong[b-m4gjkmxs4p] {
    color: #0f172a;
    font-weight: 700;
}

[b-m4gjkmxs4p] .warehouse-transfer-grid {
    --dxbl-grid-focus-bg: transparent;
    --dxbl-grid-focus-hover-bg: transparent;
    --dxbl-grid-cell-focus-bg: transparent;
    --dxbl-grid-selection-bg: transparent;
    --dxbl-grid-selection-hover-bg: transparent;
    --dxbl-grid-focused-row-bg: transparent;
    --dxbl-grid-focused-row-hover-bg: transparent;
    --dxbl-grid-row-hover-bg: transparent;
}

[b-m4gjkmxs4p] .warehouse-transfer-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-m4gjkmxs4p] .warehouse-transfer-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-m4gjkmxs4p] .warehouse-transfer-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}
/* /Components/Shared/AppConfirmDialog.razor.rz.scp.css */
.app-confirm__body[b-7iix224ozc] {
    align-items: start;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem 1.1rem 0.95rem;
}

.app-confirm__icon[b-7iix224ozc] {
    align-items: center;
    background: #fef2f2;
    border-radius: 999px;
    color: #dc2626;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.app-confirm__content[b-7iix224ozc] {
    display: grid;
    gap: .35rem;
}

.app-confirm__content h3[b-7iix224ozc] {
    font-size: 1rem;
    font-weight: 800;
    margin: 0;
}

.app-confirm__content p[b-7iix224ozc] {
    color: #475569;
    font-size: .9rem;
    line-height: 1.45;
    margin: 0;
}

.app-confirm__confirm[b-7iix224ozc] {
    background: #dc2626;
    border: 1px solid #dc2626;
    color: #ffffff;
}

.app-confirm__confirm:hover:not(:disabled)[b-7iix224ozc] {
    background: #b91c1c;
    border-color: #b91c1c;
}

@media (max-width: 520px) {
    .app-confirm__body[b-7iix224ozc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/AppDataGrid.razor.rz.scp.css */
.content-root[b-l7c45qmsm8] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.toolbar[b-l7c45qmsm8] {
    background:
        radial-gradient(900px 280px at 95% -40%, rgba(192, 38, 211, 0.08), transparent 60%),
        radial-gradient(700px 240px at -10% 110%, rgba(99, 102, 241, 0.07), transparent 60%),
        #ffffff;
    border: 1px solid rgba(99, 102, 241, 0.10);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 0.6rem 0.85rem;
}

    .toolbar .custom-item[b-l7c45qmsm8] {
        align-items: center;
        display: flex;
        margin: 0 0.25rem;
    }

.card[b-l7c45qmsm8] {
    background-clip: border-box;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    position: relative;
}

/* ============ TOOLBAR : DEVEXPRESS OVERRIDES ============ */
[b-l7c45qmsm8] .toolbar .dxbl-toolbar {
    background: transparent;
    border: 0;
    gap: 0.4rem;
    padding: 0;
}

/* Title (left text) */
[b-l7c45qmsm8] .toolbar .dxbl-toolbar > .dxbl-toolbar-title,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-title {
    color: #0f172a;
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: -0.005em;
    padding: 0 0.35rem 0 0.15rem;
}

/* "Tüm" / view name plain text item */
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item.dxbl-toolbar-item-render-style-plain,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item-render-style-plain {
    color: #94a3b8;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Default action buttons (Column Chooser, Export, Refresh) */
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-btn,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item-button,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item .dxbl-btn,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar button.dxbl-toolbar-item {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.55rem !important;
    box-shadow: none !important;
    color: #334155 !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    gap: 0.35rem !important;
    letter-spacing: 0.01em;
    min-height: 38px !important;
    padding: 0 0.75rem !important;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.06s ease;
}

[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-btn:hover,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item-button:hover,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item .dxbl-btn:hover,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar button.dxbl-toolbar-item:hover {
    background: rgba(99, 102, 241, 0.06) !important;
    border-color: #c7d2fe !important;
    color: #4338ca !important;
}

[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-btn:active,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item-button:active,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item .dxbl-btn:active {
    background: rgba(99, 102, 241, 0.10) !important;
    color: #4338ca !important;
    transform: translateY(1px);
}

[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-btn:focus-visible {
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.20) !important;
    outline: 0;
}

/* "BeginGroup" separator before Refresh -> kill harsh border, add gentle gap */
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item-begin-group {
    border-left: 0 !important;
    margin-left: 0.5rem !important;
    padding-left: 0 !important;
    position: relative;
}

[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item-begin-group::before {
    background: rgba(148, 163, 184, 0.35);
    content: "";
    height: 22px;
    left: -0.35rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

/* PRIMARY action ("Yeni Müşteri") - gradient pill */
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item.adg-action--primary,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .adg-action--primary .dxbl-btn,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .adg-action--primary.dxbl-btn,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar button.dxbl-toolbar-item.adg-action--primary {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%) !important;
    background-image: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.30) !important;
    color: #ffffff !important;
}

[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item.adg-action--primary:hover,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .adg-action--primary .dxbl-btn:hover,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .adg-action--primary.dxbl-btn:hover,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar button.dxbl-toolbar-item.adg-action--primary:hover,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .adg-action--primary .dxbl-btn:focus,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .adg-action--primary .dxbl-btn:focus-visible {
    background: linear-gradient(135deg, #4338ca 0%, #6d28d9 60%, #a21caf 100%) !important;
    background-image: linear-gradient(135deg, #4338ca 0%, #6d28d9 60%, #a21caf 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 22px rgba(99, 102, 241, 0.42) !important;
    color: #ffffff !important;
    filter: brightness(1.04);
}

[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-toolbar-item.adg-action--primary:active,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar .adg-action--primary .dxbl-btn:active,
[b-l7c45qmsm8] .toolbar .dxbl-toolbar button.dxbl-toolbar-item.adg-action--primary:active {
    background: linear-gradient(135deg, #3730a3 0%, #5b21b6 60%, #86198f 100%) !important;
    background-image: linear-gradient(135deg, #3730a3 0%, #5b21b6 60%, #86198f 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    filter: none;
    transform: translateY(1px);
}

/* Search box modernization */
[b-l7c45qmsm8] .toolbar .search-textbox-item {
    max-width: 14rem;
}

[b-l7c45qmsm8] .toolbar .search-textbox,
[b-l7c45qmsm8] .toolbar .search-textbox .dxbl-edit-input,
[b-l7c45qmsm8] .toolbar .search-textbox .dxbl-text-edit {
    --dxbl-text-edit-border-radius: 0.55rem !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.55rem !important;
    box-shadow: none !important;
    color: #0f172a !important;
    min-height: 38px !important;
}

[b-l7c45qmsm8] .toolbar .search-textbox:hover,
[b-l7c45qmsm8] .toolbar .search-textbox .dxbl-edit-input:hover {
    border-color: #cbd5e1 !important;
}

[b-l7c45qmsm8] .toolbar .search-textbox:focus-within,
[b-l7c45qmsm8] .toolbar .search-textbox .dxbl-edit-input:focus,
[b-l7c45qmsm8] .toolbar .search-textbox .dxbl-edit-input:focus-within {
    background: #ffffff !important;
    border-color: #6366f1 !important;
    border-radius: 0.55rem !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.16) !important;
}

[b-l7c45qmsm8] .toolbar .search-textbox input {
    color: #0f172a !important;
    font-size: 0.88rem !important;
}

[b-l7c45qmsm8] .toolbar .search-textbox input::placeholder {
    color: #94a3b8 !important;
}

.app-data-grid__root[b-l7c45qmsm8] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

[b-l7c45qmsm8] .app-data-grid__loading-panel {
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

[b-l7c45qmsm8] .app-data-grid__loading-panel > .dxbl-loading-panel-container,
[b-l7c45qmsm8] .app-data-grid__loading-panel .dxbl-loading-panel-content,
[b-l7c45qmsm8] .app-data-grid__loading-panel .dxbl-loading-panel-content > div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

[b-l7c45qmsm8] .app-data-grid__loading-panel .dxbl-loading-panel {
    background: rgba(248, 250, 252, 0.85);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    color: #4338ca;
}

[b-l7c45qmsm8] .app-data-grid__loading-panel .dxbl-loading-panel-indicator,
[b-l7c45qmsm8] .app-data-grid__loading-panel .dxbl-loading-indicator,
[b-l7c45qmsm8] .app-data-grid__loading-panel svg circle {
    color: #6366f1;
    stroke: #6366f1;
}

[b-l7c45qmsm8] .app-data-grid__loading-panel .dxbl-loading-panel-text {
    color: #4338ca;
    font-weight: 600;
    letter-spacing: 0.02em;
}

[b-l7c45qmsm8] .app-data-grid__grid {
    border-radius: 0.25rem;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

[b-l7c45qmsm8] .app-data-grid__grid .dxbl-grid-layout-root-element-base {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

[b-l7c45qmsm8] .app-data-grid__grid .dxbl-grid-table-container,
[b-l7c45qmsm8] .app-data-grid__grid .dxbl-grid-table-container .dxbl-scroll-viewer {
    min-height: 0;
    min-width: 0;
}

[b-l7c45qmsm8] .app-data-grid__grid .dxbl-grid-table-container {
    flex: 1 1 auto;
}

[b-l7c45qmsm8] .app-data-grid__grid .dxbl-grid-table-container .dxbl-scroll-viewer {
    max-height: 100%;
    overflow: auto;
}

[b-l7c45qmsm8] .app-data-grid__grid .dxbl-pager-container {
    flex: 0 0 auto;
    min-height: 3rem;
    overflow: visible;
}

[b-l7c45qmsm8] .app-data-grid__grid .dxbl-pager {
    flex-wrap: wrap;
}

[b-l7c45qmsm8] .search-textbox-item {
    max-width: 12.5rem;
}

[b-l7c45qmsm8] .custom-toolbar-content {
    max-width: 100%;
}

[b-l7c45qmsm8] .icon {
    background-color: currentColor;
    display: inline-block;
    height: 1rem;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1rem;
}

[b-l7c45qmsm8] .medium-icon {
    height: 1.125rem;
    width: 1.125rem;
}

[b-l7c45qmsm8] .add-icon {
    mask-image: url("images/icons/add.svg");
}

[b-l7c45qmsm8] .column-chooser-icon {
    mask-image: url("images/icons/filter.svg");
}

[b-l7c45qmsm8] .export-icon {
    mask-image: url("images/icons/arrow-export-up.svg");
}

[b-l7c45qmsm8] .refresh-icon {
    mask-image: url("images/icons/refresh.svg");
}

[b-l7c45qmsm8] .dxbl-grid {
    color: #0f172a;
    font-size: 0.92rem;

    --dxbl-grid-focus-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-focus-color: #1f2937;
    --dxbl-grid-focus-hover-bg: rgba(99, 102, 241, 0.08);
    --dxbl-grid-focus-hover-color: #1f2937;
    --dxbl-grid-cell-focus-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-cell-focus-color: #1f2937;
    --dxbl-grid-selection-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-selection-color: #1f2937;
    --dxbl-grid-selection-hover-bg: rgba(99, 102, 241, 0.08);
    --dxbl-grid-selection-hover-color: #1f2937;
    --dxbl-grid-selection-focus-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-selection-focus-color: #1f2937;
    --dxbl-grid-selection-focus-dark-bg: rgba(99, 102, 241, 0.08);
    --dxbl-grid-selection-focus-dark-color: #1f2937;
    --dxbl-grid-selection-focus-hover-bg: rgba(99, 102, 241, 0.10);
    --dxbl-grid-selection-focus-hover-color: #1f2937;
    --dxbl-grid-focused-row-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-focused-row-color: #1f2937;
    --dxbl-grid-focused-row-hover-bg: rgba(99, 102, 241, 0.08);
    --dxbl-grid-focused-row-hover-color: #1f2937;
    --dxbl-grid-row-hover-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-row-hover-color: #1f2937;
}

[b-l7c45qmsm8] .dxbl-grid-header-row > td,
[b-l7c45qmsm8] .dxbl-grid-header-row > th {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #1f2937;
    transition: background 0.12s ease;
}

[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr:hover > td {
    background: rgba(99, 102, 241, 0.05);
}

[b-l7c45qmsm8] .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row,
[b-l7c45qmsm8] .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge),
[b-l7c45qmsm8] .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row,
[b-l7c45qmsm8] .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row.dxbl-grid-focused-row,
[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr.dxbl-selected > td,
[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td,
[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row.dxbl-grid-focused-row > td,
[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr.dxbl-selected.dxbl-grid-focused-row > td {
    background-color: rgba(99, 102, 241, 0.05) !important;
    background-image: none !important;
    color: #1f2937 !important;
}

[b-l7c45qmsm8] .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:hover,
[b-l7c45qmsm8] .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:hover,
[b-l7c45qmsm8] .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row.dxbl-grid-focused-row:hover,
[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr.dxbl-selected:hover > td,
[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row:hover > td,
[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row:hover > td,
[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row.dxbl-grid-focused-row:hover > td {
    background-color: rgba(99, 102, 241, 0.08) !important;
}

@media (max-width: 820px) {
    .toolbar[b-l7c45qmsm8] {
        overflow-x: auto;
    }

    [b-l7c45qmsm8] .search-textbox-item {
        max-width: 100%;
    }
}
/* /Components/Shared/AppEntityForm.razor.rz.scp.css */
/* ============ PAGE WRAPPER ============ */
.app-entity-form[b-ll86c1sq4d] {
    color: #0f172a;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    min-width: 0;
    padding: 0.5rem 0 1.5rem;
    width: 100%;
}

.app-entity-form *[b-ll86c1sq4d],
.app-entity-form *[b-ll86c1sq4d]::before,
.app-entity-form *[b-ll86c1sq4d]::after {
    box-sizing: border-box;
}

/* ============ HERO HEADER ============ */
.app-entity-form__header[b-ll86c1sq4d] {
    background:
        radial-gradient(900px 320px at 90% -40%, rgba(192, 38, 211, 0.08), transparent 60%),
        radial-gradient(700px 280px at -10% 110%, rgba(99, 102, 241, 0.08), transparent 60%),
        #ffffff;
    border: 1px solid rgba(99, 102, 241, 0.10);
    border-radius: 1.1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 14px 32px rgba(15, 23, 42, 0.07);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    overflow: hidden;
    padding: 1rem 1.25rem 1.15rem;
    position: relative;
}

.app-entity-form__back[b-ll86c1sq4d] {
    align-items: center;
    align-self: flex-start;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #475569;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 600;
    gap: 0.4rem;
    padding: 0.4rem 0.7rem;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.06s ease;
}

.app-entity-form__back:hover[b-ll86c1sq4d] {
    background: rgba(99, 102, 241, 0.06);
    border-color: #c7d2fe;
    color: #4338ca;
    transform: translateX(-1px);
}

.app-entity-form__title-row[b-ll86c1sq4d] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
    min-width: 0;
}

.app-entity-form__mark[b-ll86c1sq4d] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-radius: var(--app-avatar-radius);
    box-shadow: 0 10px 22px rgba(99, 102, 241, 0.32);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.app-entity-form__title-text[b-ll86c1sq4d] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.app-entity-form__eyebrow[b-ll86c1sq4d] {
    color: #6366f1;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.app-entity-form__header h1[b-ll86c1sq4d] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.15;
    margin: 0;
}

.app-entity-form__header p[b-ll86c1sq4d] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0.15rem 0 0;
}

.app-entity-form__button:disabled[b-ll86c1sq4d] {
    cursor: wait;
    opacity: 0.72;
    transform: none;
}

.app-entity-form__button-spinner[b-ll86c1sq4d] {
    animation: app-entity-form-spin-b-ll86c1sq4d 0.8s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.42);
    border-top-color: #ffffff;
    border-radius: 999px;
    height: 14px;
    width: 14px;
}

@keyframes app-entity-form-spin-b-ll86c1sq4d {
    to {
        transform: rotate(360deg);
    }
}

/* ============ MAIN BODY CARD ============ */
.app-entity-form form[b-ll86c1sq4d] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 28px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-ll86c1sq4d] .app-entity-form__layout,
[b-ll86c1sq4d] .app-entity-form__layout .dxbl-form-layout {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

[b-ll86c1sq4d] .app-entity-form__layout .dxbl-form-layout-item {
    padding: 0;
}

.app-entity-form__body[b-ll86c1sq4d] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 280px minmax(0, 1fr);
    padding: 1.5rem;
}

.app-entity-form__sidebar[b-ll86c1sq4d] {
    border-right: 1px solid #eef2f7;
    padding-right: 1.5rem;
}

.app-entity-form__content[b-ll86c1sq4d] {
    display: grid;
    gap: 1.5rem;
    min-width: 0;
}

/* ============ SECTIONS ============ */
.app-entity-form[b-ll86c1sq4d]  .app-entity-form__section {
    display: grid;
    gap: 1rem;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__section-title {
    align-items: center;
    color: #475569;
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__section-title span {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__section-title::after {
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.25) 0%, rgba(99, 102, 241, 0.05) 60%, transparent 100%);
    content: "";
    flex: 1;
    height: 1px;
}

/* ============ GRID FIELDS ============ */
.app-entity-form[b-ll86c1sq4d]  .app-entity-form__grid {
    display: grid;
    gap: 1rem 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field label {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field input,
.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field select {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font-size: 0.92rem;
    min-height: 40px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field input::placeholder {
    color: #94a3b8;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field input:hover,
.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field select:hover {
    border-color: #cbd5e1;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field input:focus,
.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field select:focus {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.16);
    outline: 0;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field--full {
    grid-column: 1 / -1;
}

/* ============ CHECKBOX ROW ============ */
.app-entity-form[b-ll86c1sq4d]  .app-entity-form__check-row {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 0.55rem;
    color: #334155;
    cursor: pointer;
    display: flex;
    font-size: 0.88rem;
    font-weight: 500;
    gap: 0.6rem;
    min-height: 42px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__check-row:hover {
    background: rgba(99, 102, 241, 0.04);
    border-color: #c7d2fe;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__check-row label {
    color: #334155;
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 500;
    margin: 0;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__check-row input {
    accent-color: #6366f1;
    cursor: pointer;
    flex-shrink: 0;
    height: 16px;
    margin: 0;
    width: 16px;
}

/* ============ VALIDATION ============ */
.app-entity-form[b-ll86c1sq4d]  .validation-message {
    color: #b91c1c;
    font-size: 0.78rem;
    font-weight: 500;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__alert {
    align-items: center;
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.18);
    border-radius: 0.6rem;
    color: #4338ca;
    display: flex;
    font-size: 0.85rem;
    gap: 0.7rem;
    min-height: 44px;
    padding: 0.55rem 0.85rem;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__alert::before {
    align-items: center;
    background: linear-gradient(135deg, #6366f1, #c026d3);
    border-radius: 50%;
    color: #ffffff;
    content: "i";
    display: inline-flex;
    flex: 0 0 22px;
    font-family: serif;
    font-size: 0.8rem;
    font-style: italic;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    width: 22px;
}

/* ============ FOOTER ============ */
.app-entity-form__footer[b-ll86c1sq4d] {
    align-items: center;
    background: #fafbfd;
    border-top: 1px solid #eef2f7;
    display: flex;
    gap: 0.55rem;
    justify-content: flex-end;
    padding: 0.95rem 1.5rem;
}

.app-entity-form__button[b-ll86c1sq4d] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0.55rem;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.88rem;
    font-weight: 600;
    gap: 0.4rem;
    justify-content: center;
    letter-spacing: 0.01em;
    min-height: 40px;
    min-width: 92px;
    padding: 0 1.05rem;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease, filter 0.15s ease;
}

.app-entity-form__button svg[b-ll86c1sq4d] {
    flex-shrink: 0;
}

.app-entity-form__button--primary[b-ll86c1sq4d] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.30);
    color: #ffffff;
}

.app-entity-form__button--primary:hover[b-ll86c1sq4d] {
    box-shadow: 0 10px 22px rgba(99, 102, 241, 0.40);
    color: #ffffff;
    filter: brightness(1.05);
}

.app-entity-form__button--primary:active[b-ll86c1sq4d] {
    transform: translateY(1px);
}

.app-entity-form__button--secondary[b-ll86c1sq4d] {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #475569;
}

.app-entity-form__button--secondary:hover[b-ll86c1sq4d] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.app-entity-form__button:focus-visible[b-ll86c1sq4d] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.32);
}

/* ============ RESPONSIVE ============ */
@media (max-width: 980px) {
    .app-entity-form__body[b-ll86c1sq4d],
    .app-entity-form[b-ll86c1sq4d]  .app-entity-form__grid {
        grid-template-columns: 1fr;
    }

    .app-entity-form__sidebar[b-ll86c1sq4d] {
        border-bottom: 1px solid #eef2f7;
        border-right: 0;
        padding: 0 0 1.5rem;
    }

    .app-entity-form__footer[b-ll86c1sq4d] {
        flex-wrap: wrap-reverse;
    }

    .app-entity-form__button[b-ll86c1sq4d] {
        flex: 1 1 auto;
    }
}

@media (max-width: 640px) {
    .app-entity-form__header[b-ll86c1sq4d] {
        padding: 0.85rem 1rem 1rem;
    }
}
/* /Components/Shared/AppModalFrame.razor.rz.scp.css */
[b-4tenu1t852] .app-modal-popup .dxbl-popup-body,
[b-4tenu1t852] .app-modal-popup .dxbl-popup-content {
    padding: 0;
}

[b-4tenu1t852] .app-modal-popup .dxbl-popup-header {
    background: #ffffff;
    border-bottom: 1px solid #eef2f7;
    min-height: 54px;
}

[b-4tenu1t852] .app-modal-popup .dxbl-popup-header-title {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: 0;
}

.app-modal-frame__content[b-4tenu1t852] {
    display: flex;
    flex-direction: column;
    max-height: min(760px, calc(100dvh - 2rem));
    min-height: 0;
    overflow: hidden;
}

.app-modal-frame__content.app-confirm[b-4tenu1t852] {
    display: grid;
    gap: 0;
    max-height: none;
    overflow: visible;
    padding: 0;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-body {
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-grid {
    align-items: start;
    display: grid;
    gap: 0.85rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-grid--single {
    grid-template-columns: 1fr;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field {
    color: #475569;
    display: grid;
    font-size: 0.78rem;
    font-weight: 650;
    gap: 0.35rem;
    letter-spacing: 0;
    min-width: 0;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field--wide {
    grid-column: 1 / -1;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-check {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0.55rem;
    min-height: 40px;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field input,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field select,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field textarea {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    box-sizing: border-box;
    color: #0f172a;
    font: inherit;
    font-size: 0.9rem;
    min-height: 40px;
    padding: 0 0.8rem;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field select {
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 17px) 50%,
        calc(100% - 11px) 50%;
    background-repeat: no-repeat;
    background-size: 6px 6px, 6px 6px;
    padding-right: 2.15rem;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field textarea {
    min-height: 86px;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    resize: vertical;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field input:hover,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field select:hover,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field textarea:hover {
    border-color: #cbd5e1;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field input:focus,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field select:focus,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field textarea:focus {
    background-color: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
    outline: none;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field input:disabled,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field select:disabled,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field textarea:disabled {
    color: #475569;
    cursor: default;
    opacity: 1;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field input::placeholder,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field textarea::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field input[type="date"] {
    color-scheme: light;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-check input[type="checkbox"] {
    accent-color: #4f46e5;
    background: initial;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 16px;
    margin: 0;
    min-height: 0;
    padding: 0;
    width: 16px;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-footer {
    align-items: center;
    border-top: 1px solid #eef2f7;
    display: flex;
    gap: 0.55rem;
    justify-content: flex-end;
    padding: 0.9rem 1.1rem;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action {
    align-items: center;
    border-radius: 0.55rem;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 750;
    gap: 0.42rem;
    justify-content: center;
    min-height: 34px;
    padding: 0 0.85rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, filter 0.15s ease;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action--primary {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 1px solid transparent;
    color: #ffffff;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action--secondary {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #475569;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action--secondary:hover {
    background: #f8fafc;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action--primary:hover {
    filter: brightness(1.04);
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action:disabled {
    cursor: default;
    opacity: 0.65;
}

@media (max-width: 760px) {
    .app-modal-frame__content[b-4tenu1t852]  .app-modal-grid {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/AppPanelGrid.razor.rz.scp.css */
/* ============ CARD ============ */
.app-panel-grid[b-n6h7o2mjf0] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.95rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
    color: #0f172a;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    max-width: 100%;
    min-height: 320px;
    min-width: 0;
    overflow: hidden;
    transition: box-shadow 0.18s ease, transform 0.18s ease;
    width: 100%;
}

.app-panel-grid:hover[b-n6h7o2mjf0] {
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.05),
        0 16px 34px rgba(99, 102, 241, 0.10);
}

.app-panel-grid *[b-n6h7o2mjf0],
.app-panel-grid *[b-n6h7o2mjf0]::before,
.app-panel-grid *[b-n6h7o2mjf0]::after {
    box-sizing: border-box;
}

/* ============ HEADER ============ */
.app-panel-grid__header[b-n6h7o2mjf0] {
    align-items: center;
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.06) 0%, rgba(192, 38, 211, 0.04) 100%);
    border-bottom: 1px solid rgba(99, 102, 241, 0.10);
    color: #0f172a;
    display: flex;
    justify-content: space-between;
    min-height: 52px;
    min-width: 0;
    padding: 0 1rem;
}

.app-panel-grid__title[b-n6h7o2mjf0],
.app-panel-grid__header-content[b-n6h7o2mjf0] {
    align-items: center;
    display: inline-flex;
    gap: 0.65rem;
    min-width: 0;
}

.app-panel-grid__title[b-n6h7o2mjf0] {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: -0.005em;
}

.app-panel-grid__title-text[b-n6h7o2mjf0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-panel-grid__header-content[b-n6h7o2mjf0] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
}

.app-panel-grid__icon[b-n6h7o2mjf0] {
    background-color: currentColor;
    display: inline-block;
    height: 1.15rem;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.15rem;
}

.app-panel-grid__icon-slot[b-n6h7o2mjf0] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border-radius: 0.55rem;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.28);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

/* ============ BODY ============ */
.app-panel-grid__body[b-n6h7o2mjf0] {
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 0.65rem 0.85rem 0;
}

.app-panel-grid__empty[b-n6h7o2mjf0] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #e2e8f0;
    border-radius: 0.6rem;
    color: #64748b;
    display: flex;
    gap: 0.6rem;
    min-height: 64px;
    padding: 0.75rem 1rem;
    font-size: 0.88rem;
}

.app-panel-grid__empty-icon[b-n6h7o2mjf0] {
    align-items: center;
    color: #94a3b8;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
}

/* ============ FOOTER ============ */
.app-panel-grid__footer[b-n6h7o2mjf0] {
    display: flex;
    justify-content: flex-end;
    padding: 0.75rem 0.85rem 0.9rem;
}

.app-panel-grid__all-button[b-n6h7o2mjf0] {
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #c026d3 100%);
    border: 0;
    border-radius: 0.55rem;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.26);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 600;
    gap: 0.35rem;
    justify-content: center;
    letter-spacing: 0.03em;
    min-height: 34px;
    padding: 0 0.85rem;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease;
}

.app-panel-grid__all-button:hover[b-n6h7o2mjf0] {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.36);
}

.app-panel-grid__all-button:active[b-n6h7o2mjf0] {
    transform: translateY(1px);
}

.app-panel-grid__all-button:focus-visible[b-n6h7o2mjf0] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.32), 0 6px 14px rgba(99, 102, 241, 0.26);
}

.app-panel-grid__all-button svg[b-n6h7o2mjf0] {
    transition: transform 0.15s ease;
}

.app-panel-grid__all-button:hover svg[b-n6h7o2mjf0] {
    transform: translateX(2px);
}

/* ============ INNER GRID (DxGrid) ============ */
[b-n6h7o2mjf0] .app-panel-grid__grid {
    border: 0;
    color: #0f172a;
    font-size: 0.85rem;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    width: 100%;

    --dxbl-grid-focus-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-focus-color: #1f2937;
    --dxbl-grid-focus-hover-bg: rgba(99, 102, 241, 0.08);
    --dxbl-grid-focus-hover-color: #1f2937;
    --dxbl-grid-cell-focus-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-cell-focus-color: #1f2937;
    --dxbl-grid-selection-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-selection-color: #1f2937;
    --dxbl-grid-selection-hover-bg: rgba(99, 102, 241, 0.08);
    --dxbl-grid-selection-hover-color: #1f2937;
    --dxbl-grid-selection-focus-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-selection-focus-color: #1f2937;
    --dxbl-grid-selection-focus-dark-bg: rgba(99, 102, 241, 0.08);
    --dxbl-grid-selection-focus-dark-color: #1f2937;
    --dxbl-grid-selection-focus-hover-bg: rgba(99, 102, 241, 0.10);
    --dxbl-grid-selection-focus-hover-color: #1f2937;
    --dxbl-grid-focused-row-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-focused-row-color: #1f2937;
    --dxbl-grid-focused-row-hover-bg: rgba(99, 102, 241, 0.08);
    --dxbl-grid-focused-row-hover-color: #1f2937;
    --dxbl-grid-row-hover-bg: rgba(99, 102, 241, 0.05);
    --dxbl-grid-row-hover-color: #1f2937;
}

[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table-container,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-scroll-viewer,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-scroll-viewer-content {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-header-row > th,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr {
    cursor: pointer;
    transition: background 0.12s ease;
}

[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr:hover {
    background: rgba(99, 102, 241, 0.05);
}

[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #1f2937;
    height: 42px;
}

[b-n6h7o2mjf0] .app-panel-grid__grid.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row,
[b-n6h7o2mjf0] .app-panel-grid__grid.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge),
[b-n6h7o2mjf0] .app-panel-grid__grid.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row,
[b-n6h7o2mjf0] .app-panel-grid__grid.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row.dxbl-grid-focused-row,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row.dxbl-grid-focused-row > td,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr.dxbl-selected > td,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr.dxbl-selected.dxbl-grid-focused-row > td {
    background-color: rgba(99, 102, 241, 0.05) !important;
    background-image: none !important;
    color: #1f2937 !important;
}

[b-n6h7o2mjf0] .app-panel-grid__grid.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:hover,
[b-n6h7o2mjf0] .app-panel-grid__grid.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:hover,
[b-n6h7o2mjf0] .app-panel-grid__grid.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row.dxbl-grid-focused-row:hover,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row:hover > td,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row:hover > td,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row.dxbl-grid-focused-row:hover > td {
    background-color: rgba(99, 102, 241, 0.08) !important;
}

[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table {
    table-layout: fixed;
    width: 100%;
}

[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table th,
[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .app-panel-grid[b-n6h7o2mjf0] {
        min-height: 280px;
    }
}
/* /Components/Shared/AppSelectBox.razor.rz.scp.css */
.app-select-box[b-bn4d3blmq0] {
    position: relative;
    min-width: 0;
    width: 100%;
}

.app-select-box__control[b-bn4d3blmq0] {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%;
}

.app-select-box .app-select-box__input[b-bn4d3blmq0] {
    padding-right: 2.35rem;
    width: 100%;
}

.app-select-box.app-select-box--has-value .app-select-box__input[b-bn4d3blmq0] {
    padding-right: 4rem;
}

.app-select-box__clear[b-bn4d3blmq0],
.app-select-box__toggle[b-bn4d3blmq0] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    height: 1.6rem;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6rem;
}

.app-select-box__clear[b-bn4d3blmq0] {
    font-size: 0.82rem;
    font-weight: 700;
    right: 1.75rem;
}

.app-select-box__toggle[b-bn4d3blmq0] {
    font-size: 1rem;
    line-height: 1;
    right: 0.3rem;
}

.app-select-box__clear:hover[b-bn4d3blmq0],
.app-select-box__toggle:hover[b-bn4d3blmq0] {
    color: #334155;
}

.app-select-box__toggle:disabled[b-bn4d3blmq0] {
    cursor: default;
    opacity: 0.48;
}

.app-select-box__dropdown[b-bn4d3blmq0] {
    background: #ffffff;
    border: 1px solid #d7deea;
    border-radius: 0.5rem;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
    left: 0;
    max-height: 16rem;
    overflow: auto;
    padding: 0.3rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.25rem);
    z-index: 70;
}

.app-select-box__option[b-bn4d3blmq0] {
    background: transparent;
    border: 0;
    border-radius: 0.35rem;
    color: #0f172a;
    cursor: pointer;
    display: block;
    font: inherit;
    line-height: 1.25;
    overflow: hidden;
    padding: 0.55rem 0.65rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.app-select-box__option:hover[b-bn4d3blmq0],
.app-select-box__option--active[b-bn4d3blmq0] {
    background: #eef2ff;
    color: #3730a3;
}

.app-select-box__option[aria-selected="true"][b-bn4d3blmq0] {
    background: #c7d2fe;
    color: #1e293b;
    font-weight: 700;
}

.app-select-box__empty[b-bn4d3blmq0] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.65rem;
}

.app-select-box__hint[b-bn4d3blmq0] {
    border-top: 1px solid #eef2f7;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.25;
    margin-top: 0.25rem;
    padding: 0.45rem 0.65rem 0.2rem;
}
/* /Components/Shared/AppTabs.razor.rz.scp.css */
.app-tabs[b-y94bua1bbs],
.detail-edit-tabs[b-y94bua1bbs],
.detail-tabs[b-y94bua1bbs] {
    scrollbar-width: thin;
}

.app-tabs[b-y94bua1bbs] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
}

.app-tabs__button[b-y94bua1bbs] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.9rem;
    font-weight: 600;
    gap: 0.4rem;
    padding: 0.5rem 0.85rem 0.6rem;
    transition: color 0.15s ease, border-color 0.15s ease;
    white-space: nowrap;
}

.app-tabs__button:hover[b-y94bua1bbs],
.app-tabs__button--active[b-y94bua1bbs] {
    color: #4338ca;
}

.app-tabs__button--active[b-y94bua1bbs] {
    border-bottom-color: #6366f1;
}

.app-tabs__badge[b-y94bua1bbs] {
    align-items: center;
    background: rgba(99, 102, 241, 0.12);
    border-radius: 999px;
    color: #4338ca;
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    min-width: 20px;
    padding: 0 0.35rem;
}

.detail-edit-tabs[b-y94bua1bbs] {
    align-items: center;
    border-top: 1px solid #eef2f7;
    display: flex;
    gap: 0.5rem;
    margin-top: 1.25rem;
    overflow-x: auto;
    padding-top: 1rem;
}

.detail-edit-tab[b-y94bua1bbs] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.86rem;
    font-weight: 700;
    min-height: 36px;
    padding: 0.35rem 0.8rem 0.55rem;
    transition: color 0.15s ease, border-bottom-color 0.15s ease;
    white-space: nowrap;
}

.detail-edit-tab:hover[b-y94bua1bbs] {
    color: #475569;
}

.detail-edit-tab--active[b-y94bua1bbs] {
    border-bottom-color: #6366f1;
    color: #4338ca;
}

.detail-tabs[b-y94bua1bbs] {
    border-bottom: 1px solid #eef2f7;
    display: flex;
    gap: 0.25rem;
    margin: -0.25rem -0.25rem 1.25rem;
    overflow-x: auto;
    padding: 0 0.25rem;
}

.detail-tabs button[b-y94bua1bbs] {
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #64748b;
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 600;
    padding: 0.7rem 0.5rem 0.8rem;
    transition: color 0.15s ease, border-color 0.15s ease;
    white-space: nowrap;
}

.detail-tabs button:hover[b-y94bua1bbs] {
    color: #4338ca;
}

.detail-tabs button.active[b-y94bua1bbs] {
    background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(99, 102, 241, 0.08) 100%);
    border-bottom-color: #6366f1;
    color: #0f172a;
}
/* /Components/Shared/AppToastHost.razor.rz.scp.css */
.app-toast-host[b-p3i4v7jb3e] {
    display: grid;
    gap: 10px;
    max-width: min(420px, calc(100vw - 24px));
    pointer-events: none;
    position: fixed;
    right: 18px;
    top: 18px;
    z-index: 3000;
}

.app-toast[b-p3i4v7jb3e] {
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #d8dee8;
    border-left: 4px solid #476582;
    border-radius: 8px;
    box-shadow: 0 16px 42px rgba(15, 23, 42, .18);
    color: #1f2933;
    display: grid;
    gap: 10px;
    grid-template-columns: 24px 1fr 24px;
    min-height: 56px;
    padding: 12px;
    pointer-events: auto;
}

.app-toast--success[b-p3i4v7jb3e] {
    border-left-color: #16855f;
}

.app-toast--error[b-p3i4v7jb3e] {
    border-left-color: #c24135;
}

.app-toast--warning[b-p3i4v7jb3e] {
    border-left-color: #b7791f;
}

.app-toast__icon[b-p3i4v7jb3e] {
    align-items: center;
    background: #eef2f6;
    border-radius: 999px;
    color: #1f2933;
    display: flex;
    font-size: 13px;
    font-weight: 800;
    height: 24px;
    justify-content: center;
    line-height: 1;
    width: 24px;
}

.app-toast--success .app-toast__icon[b-p3i4v7jb3e] {
    background: #e8f6ef;
    color: #0f6848;
}

.app-toast--error .app-toast__icon[b-p3i4v7jb3e] {
    background: #fdecea;
    color: #9f2f25;
}

.app-toast--warning .app-toast__icon[b-p3i4v7jb3e] {
    background: #fff6df;
    color: #8a5a10;
}

.app-toast__body[b-p3i4v7jb3e] {
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    padding-top: 2px;
}

.app-toast__close[b-p3i4v7jb3e] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #667085;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 24px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 24px;
}

.app-toast__close:hover[b-p3i4v7jb3e] {
    background: #eef2f6;
    color: #1f2933;
}

@media (max-width: 640px) {
    .app-toast-host[b-p3i4v7jb3e] {
        left: 12px;
        right: 12px;
        top: 12px;
        max-width: none;
    }
}
/* /Components/Shared/ImageUploadPopup.razor.rz.scp.css */
.image-upload-modal__body[b-g04nzi5fky] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.image-upload-modal__intro[b-g04nzi5fky] {
    color: #64748b;
    font-size: 0.88rem;
    margin: 0;
}

.image-upload-modal__dropzone[b-g04nzi5fky] {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(192, 38, 211, 0.06)),
        #ffffff;
    border: 1.5px dashed #c7d2fe;
    border-radius: 0.9rem;
    color: #4338ca;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    min-height: 220px;
    overflow: hidden;
    padding: 2rem 1.5rem;
    position: relative;
    text-align: center;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.image-upload-modal__dropzone--active[b-g04nzi5fky],
.image-upload-modal__dropzone:hover[b-g04nzi5fky] {
    background:
        linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(192, 38, 211, 0.09)),
        #ffffff;
    border-color: #6366f1;
    box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.18);
}

.image-upload-modal__dropzone strong[b-g04nzi5fky] {
    color: #0f172a;
    font-size: 1rem;
}

.image-upload-modal__dropzone small[b-g04nzi5fky] {
    color: #64748b;
    font-size: 0.84rem;
    max-width: 420px;
}

.image-upload-modal__input[b-g04nzi5fky] {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.image-upload-modal__icon[b-g04nzi5fky] {
    background-color: currentColor;
    display: inline-block;
    height: 2rem;
    mask-image: url("images/icons/arrow-export-up.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 2rem;
}

.image-upload-modal__loader[b-g04nzi5fky] {
    animation: image-upload-spin-b-g04nzi5fky 0.8s linear infinite;
    border: 3px solid rgba(99, 102, 241, 0.22);
    border-radius: 999px;
    border-top-color: #4f46e5;
    height: 2rem;
    width: 2rem;
}

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

.image-upload-modal__meta[b-g04nzi5fky] {
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.78rem;
    gap: 0.55rem;
}

.image-upload-modal__meta span[b-g04nzi5fky] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0.25rem 0.55rem;
}

.image-upload-preview[b-g04nzi5fky] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    padding: 0.8rem;
}

.image-upload-preview__title[b-g04nzi5fky] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.7rem;
}

.image-upload-preview__title strong[b-g04nzi5fky] {
    color: #0f172a;
    font-size: 0.9rem;
}

.image-upload-preview__title span[b-g04nzi5fky] {
    color: #64748b;
    font-size: 0.78rem;
}

.image-upload-preview__grid[b-g04nzi5fky] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(auto-fill, minmax(116px, 1fr));
}

.image-upload-preview__item[b-g04nzi5fky] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    overflow: hidden;
}

.image-upload-preview__media[b-g04nzi5fky] {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
}

.image-upload-preview__media img[b-g04nzi5fky] {
    aspect-ratio: 1 / 1;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.image-upload-preview__remove-overlay[b-g04nzi5fky] {
    align-items: center;
    background: rgba(15, 23, 42, 0.42);
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    transition: opacity 0.15s ease;
}

.image-upload-preview__item:hover .image-upload-preview__remove-overlay[b-g04nzi5fky] {
    opacity: 1;
}

[b-g04nzi5fky] .image-upload-preview__remove-button {
    align-items: center !important;
    background: rgba(220, 38, 38, 0.96) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 22px rgba(127, 29, 29, 0.28) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    height: 42px !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 !important;
    width: 42px !important;
}

[b-g04nzi5fky] .image-upload-preview__remove-button .dxbl-btn-caption {
    display: none !important;
}

[b-g04nzi5fky] .image-upload-preview__trash-icon {
    background-color: currentColor;
    display: inline-block;
    height: 1.15rem;
    mask-image: url("images/icons/trash.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.15rem;
}

.image-upload-preview__item span[b-g04nzi5fky] {
    color: #475569;
    display: block;
    font-size: 0.75rem;
    overflow: hidden;
    padding: 0.45rem 0.55rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.image-upload-modal__success[b-g04nzi5fky] {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    border-radius: 0.65rem;
    color: #166534;
    font-size: 0.86rem;
    padding: 0.7rem 0.85rem;
}

.image-upload-delete__body[b-g04nzi5fky] {
    color: #475569;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.image-upload-delete__body p[b-g04nzi5fky] {
    margin: 0;
}

.image-upload-delete__body strong[b-g04nzi5fky] {
    color: #0f172a;
    font-size: 0.92rem;
}

.image-upload-delete__confirm[b-g04nzi5fky] {
    background: #dc2626;
    border: 1px solid #dc2626;
    color: #ffffff;
}

.image-upload-delete__confirm:hover:not(:disabled)[b-g04nzi5fky] {
    background: #b91c1c;
    border-color: #b91c1c;
}
/* /Components/Shared/InventoryPickerModal.razor.rz.scp.css */
.inventory-picker-body[b-85mpy68zah] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    overflow: hidden;
}

.inventory-picker-search[b-85mpy68zah] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.inventory-picker-search input[b-85mpy68zah] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font-size: 0.9rem;
    min-height: 40px;
    outline: 0;
    padding: 0 0.8rem;
    width: 100%;
}

.inventory-picker-search input:focus[b-85mpy68zah] {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.inventory-picker-search span[b-85mpy68zah] {
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
}

.inventory-picker-empty[b-85mpy68zah] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.7rem;
    color: #64748b;
    display: flex;
    font-size: 0.88rem;
    font-weight: 650;
    justify-content: center;
    min-height: 120px;
    padding: 0.8rem 0.9rem;
}

.inventory-picker-table-wrap[b-85mpy68zah] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    flex: 1;
    max-height: min(520px, calc(100dvh - 260px));
    min-height: 0;
    overflow: auto;
}

.inventory-picker-table[b-85mpy68zah] {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

.inventory-picker-table thead[b-85mpy68zah] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 0;
    z-index: 1;
}

.inventory-picker-table th[b-85mpy68zah],
.inventory-picker-table td[b-85mpy68zah] {
    border-bottom: 1px solid #eef2f7;
    padding: 0.85rem 1rem;
    text-align: left;
    vertical-align: middle;
}

.inventory-picker-table th[b-85mpy68zah] {
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.inventory-picker-table td[b-85mpy68zah] {
    color: #475569;
    font-size: 0.9rem;
}

.inventory-picker-table tbody tr[b-85mpy68zah] {
    cursor: pointer;
}

.inventory-picker-table tbody tr:hover[b-85mpy68zah] {
    background: rgba(99, 102, 241, 0.04);
}

.inventory-picker-table strong[b-85mpy68zah],
.inventory-picker-table small[b-85mpy68zah] {
    display: block;
}

.inventory-picker-table strong[b-85mpy68zah] {
    color: #0f172a;
    font-weight: 800;
}

.inventory-picker-table small[b-85mpy68zah] {
    color: #64748b;
    margin-top: 0.18rem;
}

.inventory-picker-table__action[b-85mpy68zah] {
    text-align: right;
    width: 84px;
}

.inventory-picker-table__action button[b-85mpy68zah] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.84rem;
    font-weight: 800;
    justify-content: center;
    min-height: 34px;
    padding: 0 0.85rem;
}

.inventory-picker-table__action button:hover[b-85mpy68zah] {
    background: #f8fafc;
    border-color: #c7d2fe;
    color: #4338ca;
}

.inventory-picker-footer > span[b-85mpy68zah] {
    color: #64748b;
    font-size: 0.84rem;
    margin-right: auto;
}

.inventory-picker-chip[b-85mpy68zah] {
    align-items: center;
    background: #f1f5f9;
    border-radius: 999px;
    color: #64748b;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 800;
    min-height: 24px;
    padding: 0 0.55rem;
    white-space: nowrap;
}

.inventory-picker-chip--variant[b-85mpy68zah] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

.inventory-picker-chip--serial[b-85mpy68zah] {
    background: rgba(20, 184, 166, 0.12);
    color: #0f766e;
}

@media (max-width: 760px) {
    .inventory-picker-search[b-85mpy68zah] {
        align-items: stretch;
        flex-direction: column;
        grid-template-columns: 1fr;
    }

    .app-modal-footer[b-85mpy68zah] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .app-modal-action[b-85mpy68zah] {
        width: 100%;
    }
}
/* /Components/Shared/SerialNumberPickerModal.razor.rz.scp.css */
.serial-picker-body[b-zqrvbbjvsd] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    overflow: hidden;
}

.serial-picker-search[b-zqrvbbjvsd] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.serial-picker-search input[b-zqrvbbjvsd] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    color: #0f172a;
    font-size: 0.9rem;
    min-height: 40px;
    outline: 0;
    padding: 0 0.8rem;
    width: 100%;
}

.serial-picker-search input:focus[b-zqrvbbjvsd] {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.serial-picker-search span[b-zqrvbbjvsd] {
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
}

.serial-picker-empty[b-zqrvbbjvsd] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.7rem;
    color: #64748b;
    display: flex;
    font-size: 0.88rem;
    font-weight: 650;
    justify-content: center;
    min-height: 120px;
    padding: 0.8rem 0.9rem;
}

.serial-picker-grid-wrap[b-zqrvbbjvsd] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    flex: 1;
    min-height: 0;
    overflow: auto;
}

[b-zqrvbbjvsd] .serial-picker-grid .dxbl-grid-header-row > th,
[b-zqrvbbjvsd] .serial-picker-grid .dxbl-grid-header-row > td {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-zqrvbbjvsd] .serial-picker-grid .dxbl-grid-table {
    min-width: 620px;
}

[b-zqrvbbjvsd] .serial-picker-grid .dxbl-grid-table > tbody > tr > td {
    border-color: #eef2f7;
    color: #334155;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    vertical-align: middle;
}

[b-zqrvbbjvsd] .serial-picker-grid .dxbl-grid-table > tbody > tr:hover > td,
[b-zqrvbbjvsd] .serial-picker-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
[b-zqrvbbjvsd] .serial-picker-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}

.serial-picker-checkbox[b-zqrvbbjvsd] {
    accent-color: #6366f1;
    height: 16px;
    margin: 0;
    width: 16px;
}

.serial-picker-footer > span[b-zqrvbbjvsd] {
    color: #64748b;
    font-size: 0.84rem;
    margin-right: auto;
}

@media (max-width: 760px) {
    .serial-picker-search[b-zqrvbbjvsd] {
        align-items: stretch;
        flex-direction: column;
        grid-template-columns: 1fr;
    }

    .app-modal-footer[b-zqrvbbjvsd] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .app-modal-action[b-zqrvbbjvsd] {
        width: 100%;
    }
}