/* /Components/Agent/AgentChat.razor.rz.scp.css */
.agent-chat[b-i83yt9ssi5] {
    display: flex;
    flex-direction: column;
    min-height: 34rem;
    height: 100%;
    border: 1px solid var(--app-agent-strong-border-color);
    border-radius: 18px;
    background: var(--app-agent-surface-bg);
    box-shadow: var(--app-agent-chat-shadow);
    overflow: hidden;
}

.agent-chat--compact[b-i83yt9ssi5] {
    min-height: 30rem;
    max-height: 38rem;
}

.agent-chat__header[b-i83yt9ssi5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--app-agent-border-color);
    background: var(--app-agent-chat-header-bg);
}

.agent-chat__eyebrow[b-i83yt9ssi5] {
    display: block;
    color: var(--app-agent-accent-color);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.agent-chat__title[b-i83yt9ssi5] {
    margin: .15rem 0 0;
    font-size: 1.05rem;
    font-weight: 750;
}

.agent-chat__header-actions[b-i83yt9ssi5],
.agent-chat__composer-actions[b-i83yt9ssi5] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.agent-chat__messages[b-i83yt9ssi5] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
    background: var(--app-agent-chat-messages-bg);
}

.agent-chat__empty[b-i83yt9ssi5] {
    display: grid;
    place-items: center;
    min-height: 12rem;
    padding: 1.5rem;
    color: var(--app-agent-muted-color);
    text-align: center;
}

.agent-chat__error[b-i83yt9ssi5],
.agent-chat__status[b-i83yt9ssi5] {
    padding: .65rem 1rem;
    font-size: .82rem;
}

.agent-chat__error[b-i83yt9ssi5] {
    color: var(--app-agent-danger-color);
    background: var(--app-agent-error-bg);
}

.agent-chat__status[b-i83yt9ssi5] {
    color: var(--app-agent-primary-color);
    background: var(--app-agent-info-bg);
}

.agent-message[b-i83yt9ssi5] {
    width: fit-content;
    max-width: min(86%, 46rem);
    margin-bottom: .8rem;
}

.agent-message--user[b-i83yt9ssi5] {
    margin-left: auto;
}

.agent-message__content[b-i83yt9ssi5] {
    padding: .72rem .9rem;
    border-radius: 15px;
    color: var(--app-agent-message-color);
    background: var(--app-agent-surface-bg);
    border: 1px solid var(--app-agent-border-color);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.agent-message--user .agent-message__content[b-i83yt9ssi5] {
    color: var(--app-agent-surface-bg);
    background: var(--app-agent-primary-color);
    border-color: var(--app-agent-primary-color);
    border-bottom-right-radius: 5px;
}

.agent-message--assistant .agent-message__content[b-i83yt9ssi5] {
    border-bottom-left-radius: 5px;
}

.agent-message__time[b-i83yt9ssi5] {
    display: block;
    margin-top: .2rem;
    padding: 0 .25rem;
    color: var(--app-agent-subtle-color);
    font-size: .68rem;
    text-align: right;
}

.agent-message__cursor[b-i83yt9ssi5] {
    display: inline-block;
    width: .45rem;
    height: 1rem;
    margin-left: .2rem;
    vertical-align: text-bottom;
    background: currentColor;
    animation: agent-cursor-b-i83yt9ssi5 1s steps(1) infinite;
}

.agent-chat__composer[b-i83yt9ssi5] {
    padding: .85rem;
    border-top: 1px solid var(--app-agent-border-color);
    background: var(--app-agent-surface-bg);
}

.agent-chat__input[b-i83yt9ssi5] {
    width: 100%;
    resize: none;
    padding: .75rem .85rem;
    border: 1px solid var(--app-agent-input-border-color);
    border-radius: 12px;
    outline: none;
}

.agent-chat__input:focus[b-i83yt9ssi5] {
    border-color: var(--app-agent-accent-color);
    box-shadow: var(--app-agent-input-focus-shadow);
}

.agent-chat__composer-actions[b-i83yt9ssi5] {
    justify-content: flex-end;
    margin-top: .6rem;
}

.agent-button[b-i83yt9ssi5],
.agent-icon-button[b-i83yt9ssi5] {
    border: 0;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
}

.agent-button:not(:disabled)[b-i83yt9ssi5],
.agent-icon-button:not(:disabled)[b-i83yt9ssi5] {
    opacity: 1;
    cursor: pointer;
}

.agent-button:not(:disabled):hover[b-i83yt9ssi5],
.agent-icon-button:not(:disabled):hover[b-i83yt9ssi5] {
    filter: brightness(.97);
}

.agent-button[b-i83yt9ssi5] {
    padding: .55rem .85rem;
}

.agent-button--primary[b-i83yt9ssi5] {
    color: var(--app-agent-surface-bg);
    background: var(--app-agent-primary-color);
}

.agent-button--secondary[b-i83yt9ssi5],
.agent-icon-button[b-i83yt9ssi5] {
    color: var(--app-agent-secondary-color);
    background: var(--app-agent-secondary-bg);
}

.agent-icon-button[b-i83yt9ssi5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: .45rem;
}

.agent-icon-button--recording[b-i83yt9ssi5] {
    color: var(--app-agent-danger-color);
    background: var(--app-agent-recording-bg);
}

.agent-button:disabled[b-i83yt9ssi5],
.agent-icon-button:disabled[b-i83yt9ssi5] {
    opacity: .55;
    cursor: not-allowed;
}

.agent-recording-dot[b-i83yt9ssi5] {
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    background: var(--app-agent-recording-dot-bg);
    animation: agent-pulse-b-i83yt9ssi5 1.2s ease-in-out infinite;
}

@keyframes agent-cursor-b-i83yt9ssi5 {
    50% { opacity: 0; }
}

@keyframes agent-pulse-b-i83yt9ssi5 {
    50% { transform: scale(.7); opacity: .55; }
}

@media (max-width: 640.98px) {
    .agent-chat[b-i83yt9ssi5] {
        min-height: 100%;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .agent-message[b-i83yt9ssi5] {
        max-width: 92%;
    }
}
/* /Components/Agent/AgentVoiceRecorder.razor.rz.scp.css */
.agent-icon-button[b-wyknp69qb9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: .45rem;
    border: 0;
    border-radius: 10px;
    color: var(--app-agent-secondary-color);
    background: var(--app-agent-secondary-bg);
    font-weight: 700;
    cursor: pointer;
}

.agent-icon-button:not(:disabled)[b-wyknp69qb9] {
    opacity: 1;
    cursor: pointer;
}

.agent-icon-button:not(:disabled):hover[b-wyknp69qb9] {
    filter: brightness(.97);
}

.agent-icon-button--recording[b-wyknp69qb9] {
    color: var(--app-agent-danger-color);
    background: var(--app-agent-recording-bg);
}

.agent-icon-button:disabled[b-wyknp69qb9] {
    opacity: .55;
    cursor: not-allowed;
}

.agent-recording-dot[b-wyknp69qb9] {
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    background: var(--app-agent-recording-dot-bg);
    animation: agent-pulse-b-wyknp69qb9 1.2s ease-in-out infinite;
}

@keyframes agent-pulse-b-wyknp69qb9 {
    50% {
        transform: scale(.7);
        opacity: .55;
    }
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-w3a6nmcs60] {
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    background: var(--app-login-layout-bg);
}

#blazor-error-ui[b-w3a6nmcs60] {
    color-scheme: light only;
    background: var(--app-shell-error-ui-bg);
    bottom: 0;
    box-shadow: var(--app-shell-footer-shadow);
    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: var(--app-shell-sidebar-bg);
    overflow-x: hidden;
    min-height: 3.5rem;
    overflow-y: hidden;
}

.top-row[b-gx7s21nkwq] {
    background-color: var(--app-shell-top-row-bg);
    border-bottom: 1px solid var(--app-shell-top-row-border-color);
    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;
        height: 100vh;
        height: 100dvh;
        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: var(--app-shell-error-ui-bg);
    bottom: 0;
    box-shadow: var(--app-shell-footer-shadow);
    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;
    }

.agent-panel-trigger[b-gx7s21nkwq] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 850;
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border: 0;
    border-radius: 999px;
    color: var(--app-agent-surface-bg);
    background: var(--app-agent-primary-color);
    box-shadow: var(--app-agent-panel-trigger-shadow);
}

.agent-panel-trigger svg[b-gx7s21nkwq] {
    width: 1.45rem;
    height: 1.45rem;
}

.agent-panel-backdrop[b-gx7s21nkwq] {
    position: fixed;
    inset: 0;
    z-index: 880;
    border: 0;
    background: var(--app-agent-panel-backdrop-bg);
}

.agent-panel[b-gx7s21nkwq] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    width: min(440px, 100vw);
    padding: .75rem;
    background: var(--app-agent-panel-bg);
    box-shadow: var(--app-agent-panel-shadow);
}

.agent-panel__close[b-gx7s21nkwq] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 999px;
    color: var(--app-detail-grid-badge-muted-color);
    background: var(--app-agent-border-color);
    font-weight: 800;
}

@media (max-width: 640.98px) {
    .agent-panel[b-gx7s21nkwq] {
        width: 100vw;
        padding: 0;
    }

    .agent-panel-trigger[b-gx7s21nkwq] {
        right: .85rem;
        bottom: .85rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-50u9ll7rd0] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: var(--app-shell-sidebar-toggler-color);
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid var(--app-shell-sidebar-toggler-border-color);
    background: var(--app-shell-sidebar-toggler-icon-bg), var(--app-shell-sidebar-toggler-bg);
}

.navbar-toggler:checked[b-50u9ll7rd0] {
    background-color: var(--app-shell-sidebar-toggler-checked-bg);
}

.top-row[b-50u9ll7rd0] {
    min-height: 3.5rem;
    background-color: var(--app-shell-sidebar-top-row-bg);
}

.top-row .container-fluid[b-50u9ll7rd0] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.navbar-brand[b-50u9ll7rd0] {
    font-size: 1.1rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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-ai-agent-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' viewBox='0 0 16 16'%3E%3Cpath d='M8.6 1.25a.6.6 0 0 0-1.2 0v1.1H5.5A2.5 2.5 0 0 0 3 4.85v.65H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1v1.65a2.5 2.5 0 0 0 2.5 2.5h5a2.5 2.5 0 0 0 2.5-2.5V9.5h1a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-1v-.65a2.5 2.5 0 0 0-2.5-2.5H8.6v-1.1ZM4.2 4.85a1.3 1.3 0 0 1 1.3-1.3h5a1.3 1.3 0 0 1 1.3 1.3v6.3a1.3 1.3 0 0 1-1.3 1.3h-5a1.3 1.3 0 0 1-1.3-1.3v-6.3Z'/%3E%3Ccircle cx='6.2' cy='7.1' r='1'/%3E%3Ccircle cx='9.8' cy='7.1' r='1'/%3E%3Cpath d='M5.8 9.7a.6.6 0 0 1 .85-.05c.35.32.8.48 1.35.48s1-.16 1.35-.48a.6.6 0 1 1 .8.9c-.58.52-1.3.78-2.15.78s-1.57-.26-2.15-.78a.6.6 0 0 1-.05-.85Z'/%3E%3Cpath d='M13.65.25a.35.35 0 0 1 .35.35v.65h.65a.35.35 0 1 1 0 .7H14v.65a.35.35 0 1 1-.7 0v-.65h-.65a.35.35 0 1 1 0-.7h.65V.6a.35.35 0 0 1 .35-.35Z'/%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: var(--app-shell-nav-link-color);
    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 {
    color: var(--app-shell-nav-link-active-color);
    background: var(--app-shell-nav-link-active-bg);
    box-shadow: var(--app-shell-nav-link-active-shadow);
}

.nav-item[b-50u9ll7rd0]  .nav-link:hover {
    color: var(--app-shell-nav-link-hover-color);
    background-color: var(--app-shell-nav-link-hover-bg);
}

.nav-item[b-50u9ll7rd0]  .nav-link--quick-sale {
    color: var(--app-shell-nav-quick-sale-color);
    background: var(--app-shell-nav-quick-sale-bg);
    box-shadow: var(--app-shell-nav-quick-sale-shadow);
}

.nav-item[b-50u9ll7rd0]  .nav-link--quick-sale:hover {
    background: var(--app-shell-nav-quick-sale-hover-bg);
}

.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 var(--app-shell-nav-badge-border-color);
    border-radius: 999px;
    color: var(--app-shell-nav-badge-color);
    background: var(--app-shell-nav-badge-bg);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: var(--app-shell-nav-badge-shadow);
}

.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: var(--app-reconnect-modal-bg);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: var(--app-reconnect-modal-shadow);
    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: var(--app-reconnect-backdrop-bg);
    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;
    color: var(--app-reconnect-button-color);
    background-color: var(--app-reconnect-button-bg);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-00mdb5z08l] {
        background-color: var(--app-reconnect-button-hover-bg);
    }

    #components-reconnect-modal button:active[b-00mdb5z08l] {
        background-color: var(--app-reconnect-button-active-bg);
    }

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

    .components-rejoining-animation div[b-00mdb5z08l] {
        position: absolute;
        border: 3px solid var(--app-reconnect-ring-border-color);
        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: var(--app-shell-sidebar-dock-bg);
    border: 1px solid var(--app-shell-sidebar-dock-border-color);
    border-radius: 0.55rem;
    color: var(--app-shell-nav-link-color);
    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 {
    color: var(--app-shell-nav-link-hover-color);
    background: var(--app-shell-sidebar-dock-hover-bg);
    border-color: var(--app-shell-sidebar-dock-hover-border-color);
}

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

.sidebar-bottom-dock[b-1tegkiyp3i]  .sidebar-icon-link--logout:hover {
    background: var(--app-shell-sidebar-dock-logout-hover-bg);
    border-color: var(--app-shell-sidebar-dock-logout-hover-border-color);
}

.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: var(--app-shell-nav-link-color);
    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 {
    color: var(--app-shell-nav-link-active-color);
    background: var(--app-shell-nav-link-active-bg);
    box-shadow: var(--app-shell-nav-link-active-shadow);
}

.sidebar-bottom-item[b-1tegkiyp3i]  .nav-link:hover {
    color: var(--app-shell-nav-link-hover-color);
    background-color: var(--app-shell-nav-link-hover-bg);
}

.sidebar-bottom-item[b-1tegkiyp3i]  .sidebar-bottom-button {
    color: var(--app-shell-nav-link-color);
    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/Agent/AgentPage.razor.rz.scp.css */
.agent-page[b-bhgv0vkwz8] {
    height: calc(100vh - 2rem);
    height: calc(100dvh - 2rem);
    max-width: 78rem;
    margin: 0 auto;
    padding: 1rem 0;
}

@media (max-width: 640.98px) {
    .agent-page[b-bhgv0vkwz8] {
        height: calc(100vh - 3.5rem);
        height: calc(100dvh - 3.5rem);
        margin: 0 -1.5rem;
        padding: 0;
    }
}
/* /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%;
}

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

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

.crm-quick-customer[b-op4zhbrqem] {
    --app-panel-card-border-color: var(--app-field-border-color);
    --app-panel-card-compact-padding: 0.95rem;
    --app-panel-card-radius: 0.8rem;
    display: grid;
    gap: 0.8rem;
}

.crm-quick-customer[b-op4zhbrqem]  .dxbl-text-edit {
    background: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: var(--app-field-radius);
    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: var(--app-field-focus-bg);
    border-color: var(--app-field-focus-border-color);
    box-shadow: var(--app-field-focus-ring);
}

.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 var(--app-detail-section-title-border-color);
    display: flex;
    gap: 0.6rem;
    justify-content: flex-end;
    padding-top: 0.85rem;
}

@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-quick-customer__action[b-op4zhbrqem] {
        width: 100%;
    }
}
/* /Components/Pages/Crm/CrmDashboard.razor.rz.scp.css */
.crm-panel-page[b-svztv9puk9] {
    --app-panel-hero-bg: var(--app-crm-panel-hero-bg);
    --app-panel-grid-icon-bg: var(--app-crm-panel-grid-icon-bg);
    --app-panel-grid-icon-border: var(--app-crm-panel-grid-icon-border);
    --app-panel-grid-icon-color: var(--app-crm-panel-grid-icon-color);
    --app-panel-grid-icon-shadow: var(--app-crm-panel-grid-icon-shadow);
    --app-panel-grid-row-hover-bg: var(--app-crm-panel-grid-row-hover-bg);
    --app-panel-grid-selection-bg: var(--app-crm-panel-grid-selection-bg);
    --app-panel-grid-selection-hover-bg: var(--app-crm-panel-grid-selection-hover-bg);
    --app-panel-hero-border-color: var(--app-crm-panel-hero-border-color);
    --app-panel-hero-eyebrow-color: var(--app-crm-panel-hero-eyebrow-color);
    --app-panel-hero-mark-bg: var(--app-crm-panel-hero-mark-bg);
    --app-panel-hero-mark-shadow: var(--app-crm-panel-hero-mark-shadow);
}

.crm-panel-page .app-panel-action[b-svztv9puk9] {
    --app-panel-action-accent: var(--app-crm-panel-action-accent);
    --app-panel-action-focus-border: var(--app-crm-panel-action-focus-border);
    --app-panel-action-focus-ring: var(--app-crm-panel-action-focus-ring);
    --app-panel-action-hover-border: var(--app-crm-panel-action-hover-border);
    --app-panel-action-hover-color: var(--app-crm-panel-action-hover-color);
    --app-panel-action-primary-bg: var(--app-crm-panel-action-primary-bg);
    --app-panel-action-primary-hover-shadow: var(--app-crm-panel-action-primary-hover-shadow);
    --app-panel-action-primary-shadow: var(--app-crm-panel-action-primary-shadow);
}

.crm-panel-page .app-panel-stat[b-svztv9puk9] {
    --app-panel-stat-accent: var(--app-crm-panel-stat-accent);
    --app-panel-stat-gap: 0.18rem;
    --app-panel-stat-min-height: 86px;
}
/* /Components/Pages/Crm/CrmOpportunityList.razor.rz.scp.css */
.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 var(--app-detail-section-title-border-color);
    padding-top: 1rem;
}

.crm-form-section__title[b-ob6529bagv] {
    color: var(--app-detail-section-title-color);
    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));
}

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

}
/* /Components/Pages/Customer/CustomerCreate.razor.rz.scp.css */
.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-add-action[b-3zf45rhjft] {
    min-height: 40px;
}

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

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

@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-remove-action[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-add-action[b-3zf45rhjft] {
        width: 100%;
    }

}
/* /Components/Pages/Customer/CustomerDetail.razor.rz.scp.css */
.customer-edit-details--general .dx-edit-grid[b-mlpe155gpl] {
    gap: 1rem 1.1rem;
}
/* /Components/Pages/Customer/CustomerPanel.razor.rz.scp.css */
.customer-panel-page[b-ca6p2i2j24] {
    --app-panel-hero-bg: var(--app-customer-panel-hero-bg);
    --app-panel-header-control-bg: var(--app-customer-panel-header-control-bg);
    --app-panel-header-control-color: var(--app-customer-panel-header-control-color);
    --app-panel-header-control-focus-border: var(--app-customer-panel-header-control-focus-border);
    --app-panel-header-control-focus-ring: var(--app-customer-panel-header-control-focus-ring);
    --app-panel-grid-row-hover-bg: var(--app-customer-panel-grid-row-hover-bg);
    --app-panel-grid-selection-bg: var(--app-customer-panel-grid-selection-bg);
    --app-panel-grid-selection-hover-bg: var(--app-customer-panel-grid-selection-hover-bg);
    --app-panel-hero-border-color: var(--app-customer-panel-hero-border-color);
    --app-panel-hero-eyebrow-color: var(--app-customer-panel-hero-eyebrow-color);
    --app-panel-hero-mark-bg: var(--app-customer-panel-hero-mark-bg);
    --app-panel-hero-mark-shadow: var(--app-customer-panel-hero-mark-shadow);
}

.customer-panel-page .app-panel-action[b-ca6p2i2j24] {
    --app-panel-action-accent: var(--app-customer-panel-action-accent);
    --app-panel-action-focus-border: var(--app-customer-panel-action-focus-border);
    --app-panel-action-focus-ring: var(--app-customer-panel-action-focus-ring);
    --app-panel-action-hover-border: var(--app-customer-panel-action-hover-border);
    --app-panel-action-hover-color: var(--app-customer-panel-action-hover-color);
    --app-panel-action-primary-bg: var(--app-customer-panel-action-primary-bg);
    --app-panel-action-primary-focus-shadow: var(--app-customer-panel-action-primary-focus-shadow);
    --app-panel-action-primary-hover-shadow: var(--app-customer-panel-action-primary-hover-shadow);
    --app-panel-action-primary-shadow: var(--app-customer-panel-action-primary-shadow);
}

.customer-panel-page .app-panel-stat[b-ca6p2i2j24] {
    --app-panel-stat-accent: var(--app-customer-panel-stat-accent);
}
/* /Components/Pages/Dashboard/CompanyDashboard.razor.rz.scp.css */
.company-dashboard-page[b-bfh6282eby] {
    --app-panel-actions-gap: 8px;
    --app-panel-actions-justify: flex-end;
    --app-panel-action-accent: var(--app-company-panel-action-accent);
    --app-panel-action-focus-border: var(--app-company-panel-action-focus-border);
    --app-panel-action-focus-ring: var(--app-company-panel-action-focus-ring);
    --app-panel-action-font-size: 0.86rem;
    --app-panel-action-font-weight: 700;
    --app-panel-action-gap: 8px;
    --app-panel-action-hover-border: var(--app-company-panel-action-hover-border);
    --app-panel-action-hover-color: var(--app-company-panel-action-hover-color);
    --app-panel-action-padding: 0 12px;
    --app-panel-action-primary-bg: var(--app-company-panel-action-primary-bg);
    --app-panel-action-primary-shadow: var(--app-company-panel-action-primary-shadow);
    --app-panel-hero-align-items: flex-start;
    --app-panel-hero-bg: var(--app-company-panel-hero-bg);
    --app-panel-hero-border-color: var(--app-company-panel-hero-border-color);
    --app-panel-hero-gap: 18px;
    --app-panel-hero-intro-align-items: flex-start;
    --app-panel-hero-intro-gap: 14px;
    --app-panel-hero-mark-bg: var(--app-company-panel-hero-mark-bg);
    --app-panel-hero-mark-color: var(--app-company-panel-hero-mark-color);
    --app-panel-hero-mark-radius: 8px;
    --app-panel-hero-mark-shadow: var(--app-company-panel-hero-mark-shadow);
    --app-panel-hero-mark-size: 44px;
    --app-panel-hero-padding: 20px;
    --app-panel-hero-radius: 8px;
    --app-panel-hero-shadow: var(--app-company-panel-hero-shadow);
    --app-panel-hero-eyebrow-letter-spacing: 0;
    --app-panel-hero-title-font-size: 1.55rem;
    --app-panel-hero-title-font-weight: 800;
    --app-panel-hero-title-letter-spacing: 0;
    --app-panel-hero-subtitle-font-size: 0.95rem;
    --app-panel-hero-subtitle-line-height: 1.45;
    --app-panel-hero-subtitle-margin: 6px 0 0;
    --app-panel-hero-subtitle-max-width: 680px;
    --app-panel-stats-columns: repeat(6, minmax(0, 1fr));
    --app-panel-stats-gap: 12px;
    --app-panel-stats-tablet-columns: repeat(3, minmax(0, 1fr));
    --app-panel-stats-mobile-columns: minmax(0, 1fr);
    --app-panel-stat-accent-height: 3px;
    --app-panel-stat-accent-width: 100%;
    --app-panel-stat-border-color: var(--app-company-panel-stat-border-color);
    --app-panel-stat-gap: 8px;
    --app-panel-stat-hover-border-color: var(--app-company-panel-stat-hover-border-color);
    --app-panel-stat-hover-shadow: var(--app-company-panel-stat-hover-shadow);
    --app-panel-stat-hover-transform: translateY(-1px);
    --app-panel-stat-label-font-size: 0.8rem;
    --app-panel-stat-label-font-weight: 700;
    --app-panel-stat-label-letter-spacing: 0;
    --app-panel-stat-label-text-transform: none;
    --app-panel-stat-meta-font-size: 0.8rem;
    --app-panel-stat-meta-font-weight: 400;
    --app-panel-stat-meta-margin-top: auto;
    --app-panel-stat-min-height: 124px;
    --app-panel-stat-padding: 15px;
    --app-panel-stat-radius: 8px;
    --app-panel-stat-shadow: var(--app-company-panel-stat-shadow);
    --app-panel-stat-transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
    --app-panel-stat-value-font-size: clamp(1.25rem, 1.8vw, 1.75rem);
    --app-panel-stat-value-font-weight: 800;
    --app-panel-stat-value-letter-spacing: 0;
    --app-panel-stat-value-overflow-wrap: anywhere;
    --app-empty-state-bg: var(--app-company-panel-empty-bg);
    --app-empty-state-border-color: var(--app-company-panel-empty-border-color);
    --app-empty-state-color: var(--app-company-panel-empty-color);
    --app-empty-state-font-size: 0.86rem;
    --app-empty-state-min-height: 70px;
    --app-empty-state-padding: 12px;
    --app-empty-state-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: calc(100vh - 32px);
    color: var(--app-company-panel-page-color);
}

.company-stat--finance[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-finance);
}

.company-stat--customer[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-customer);
}

.company-stat--sales[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-sales);
}

.company-stat--stock[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-stock);
}

.company-stat--crm[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-crm);
}

.company-stat--einvoice[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-einvoice);
}

.company-dashboard-grid[b-bfh6282eby] {
    --app-panel-layout-columns: repeat(3, minmax(0, 1fr));
    --app-panel-layout-gap: 14px;
    --app-panel-layout-tablet-columns: repeat(2, minmax(0, 1fr));
    --app-panel-layout-wide-column: span 2;
}

.company-cash-grid[b-bfh6282eby] {
    --app-panel-stats-columns: repeat(5, minmax(0, 1fr));
    --app-panel-stats-gap: 10px;
    --app-panel-stats-mobile-columns: minmax(0, 1fr);
    --app-panel-stats-tablet-columns: repeat(5, minmax(0, 1fr));
    --app-panel-stat-accent-width: 0;
    --app-panel-stat-bg: var(--app-company-panel-cash-bg);
    --app-panel-stat-border-color: var(--app-company-panel-cash-border-color);
    --app-panel-stat-gap: 8px;
    --app-panel-stat-label-color: var(--app-company-panel-cash-label-color);
    --app-panel-stat-label-font-size: 0.78rem;
    --app-panel-stat-label-font-weight: 700;
    --app-panel-stat-label-letter-spacing: 0;
    --app-panel-stat-label-text-transform: none;
    --app-panel-stat-min-height: 86px;
    --app-panel-stat-padding: 12px;
    --app-panel-stat-radius: 8px;
    --app-panel-stat-shadow: none;
    --app-panel-stat-value-color: var(--app-company-panel-cash-value-color);
    --app-panel-stat-value-font-size: 1.1rem;
    --app-panel-stat-value-font-weight: 800;
    --app-panel-stat-value-letter-spacing: 0;
    --app-panel-stat-value-overflow-wrap: anywhere;
}

.company-balance-note[b-bfh6282eby] {
    --app-field-note-color: var(--app-company-panel-cash-label-color);
    --app-field-note-font-size: 0.8rem;
    --app-field-note-font-weight: 400;
    --app-field-note-margin-top: 0;
    padding: 4px 2px 0;
}

.company-module-grid[b-bfh6282eby] {
    --app-panel-stats-columns: repeat(7, minmax(0, 1fr));
    --app-panel-stats-gap: 10px;
    --app-panel-stats-tablet-columns: repeat(4, minmax(0, 1fr));
    --app-panel-stats-mobile-columns: minmax(0, 1fr);
    --app-panel-stat-bg: var(--app-company-panel-module-bg);
    --app-panel-stat-border-color: var(--app-company-panel-module-border-color);
    --app-panel-stat-gap: 6px;
    --app-panel-stat-hover-bg: var(--app-company-panel-module-hover-bg);
    --app-panel-stat-hover-border-color: var(--app-company-panel-module-hover-border-color);
    --app-panel-stat-hover-shadow: none;
    --app-panel-stat-hover-transform: none;
    --app-panel-stat-label-color: var(--app-company-panel-module-label-color);
    --app-panel-stat-label-font-size: 0.8rem;
    --app-panel-stat-label-font-weight: 800;
    --app-panel-stat-label-letter-spacing: 0;
    --app-panel-stat-label-text-transform: none;
    --app-panel-stat-meta-font-size: 0.76rem;
    --app-panel-stat-meta-font-weight: 400;
    --app-panel-stat-meta-line-height: 1.25;
    --app-panel-stat-meta-margin-top: auto;
    --app-panel-stat-min-height: 112px;
    --app-panel-stat-padding: 13px;
    --app-panel-stat-radius: 8px;
    --app-panel-stat-shadow: none;
    --app-panel-stat-transition: none;
    --app-panel-stat-value-font-size: 1.2rem;
    --app-panel-stat-value-font-weight: 850;
    --app-panel-stat-value-letter-spacing: 0;
    --app-panel-stat-value-overflow-wrap: anywhere;
}

.company-module--customer[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-customer);
}

.company-module--stock[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-stock);
}

.company-module--sales[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-sales);
}

.company-module--purchase[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-purchase);
}

.company-module--finance[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-finance);
}

.company-module--crm[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-crm);
}

.company-module--einvoice[b-bfh6282eby] {
    --app-panel-stat-accent: var(--app-company-panel-accent-einvoice);
}

.company-agent-card[b-bfh6282eby] {
    min-height: 30rem;
    padding: 0;
    overflow: hidden;
}

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

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

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

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

@media (max-width: 720px) {
    .company-dashboard-page[b-bfh6282eby] {
        --app-panel-action-width: 100%;
        --app-panel-actions-width: 100%;
        --app-panel-hero-intro-direction: column;
        --app-panel-hero-padding: 14px;
        --app-panel-card-padding: 14px;
        gap: 14px;
    }
}
/* /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: var(--app-document-archive-page-bg);
    color: var(--app-document-archive-page-color);
}

.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 var(--app-document-archive-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-soft-bg);
    box-shadow: var(--app-document-archive-shadow);
}

.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: var(--app-document-archive-window-close-bg);
}

.archive-window-controls span:nth-child(2)[b-d9in6jhglb] {
    background: var(--app-document-archive-window-minimize-bg);
}

.archive-window-controls span:nth-child(3)[b-d9in6jhglb] {
    background: var(--app-document-archive-window-maximize-bg);
}

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

.archive-folder-input[b-d9in6jhglb] {
    width: 150px;
    border: 1px solid var(--app-field-border-color);
    border-radius: 6px;
    padding: 8px 10px;
    background: var(--app-document-archive-surface-bg);
}

.archive-path[b-d9in6jhglb] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--app-document-archive-secondary-color);
}

.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 var(--app-field-border-color);
    border-radius: 6px;
    padding: 9px 10px;
    background: var(--app-document-archive-surface-bg);
    color: var(--app-document-archive-page-color);
}

.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: var(--app-document-archive-surface-bg);
}

.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 var(--app-document-archive-ring-color);
    outline-offset: -6px;
    background: var(--app-document-archive-accent-bg);
}

.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: var(--app-document-archive-muted-color);
}

.archive-drop-hint[b-d9in6jhglb] {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px dashed var(--app-document-archive-drop-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-soft-bg);
    color: var(--app-document-archive-secondary-color);
}

.archive-drop-hint span[b-d9in6jhglb] {
    color: var(--app-document-archive-muted-color);
}

.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: var(--app-document-archive-page-color);
    text-align: center;
}

.archive-item:hover[b-d9in6jhglb] {
    border-color: var(--app-document-archive-subtle-border-color);
    background: var(--app-document-archive-item-hover-bg);
}

.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 var(--app-field-border-color);
    border-radius: 50%;
    background: var(--app-document-archive-surface-bg);
    color: var(--app-document-archive-accent-color);
    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: var(--app-document-archive-accent-hover-bg);
}

.archive-item--drop-target[b-d9in6jhglb] {
    border-color: var(--app-document-archive-ring-color);
    background: var(--app-document-archive-accent-bg);
    box-shadow: inset 0 0 0 1px var(--app-document-archive-ring-color);
}

.archive-item-icon[b-d9in6jhglb] {
    display: grid;
    place-items: center;
    width: 70px;
    height: 60px;
    border-radius: 8px;
    background: var(--app-document-archive-icon-bg);
    color: var(--app-document-archive-accent-color);
    font-size: 13px;
    font-weight: 800;
}

.archive-item--folder .archive-item-icon[b-d9in6jhglb] {
    background: var(--app-document-archive-folder-bg);
    color: var(--app-document-archive-folder-color);
}

.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: var(--app-document-archive-muted-color);
    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: var(--app-document-archive-secondary-color);
    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: var(--app-document-archive-accent-color);
    color: var(--app-document-share-button-color);
    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: var(--app-document-archive-button-secondary-bg);
    color: var(--app-document-archive-button-secondary-color);
    font-size: 16px;
}

.archive-button--secondary[b-d9in6jhglb] {
    background: var(--app-document-archive-button-secondary-bg);
    color: var(--app-document-archive-button-secondary-color);
}

.archive-button--ghost[b-d9in6jhglb] {
    background: transparent;
    color: var(--app-document-archive-secondary-color);
}

.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 var(--app-document-archive-subtle-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-subtle-bg);
}

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

.archive-stats span[b-d9in6jhglb] {
    color: var(--app-document-archive-muted-color);
    font-size: 12px;
}

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

.archive-panel[b-d9in6jhglb] {
    padding: 12px;
    border: 1px solid var(--app-document-archive-border-color);
    margin-bottom: 12px;
}

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

.archive-panel form > label:not(.app-modal-field)[b-d9in6jhglb] {
    color: var(--app-document-archive-secondary-color);
    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: var(--app-document-archive-muted-color);
    border: 1px dashed var(--app-field-border-color);
    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 var(--app-document-archive-divider-color);
    font-size: 13px;
}

.archive-table-row--head[b-d9in6jhglb] {
    color: var(--app-document-archive-secondary-color);
    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 var(--app-document-archive-subtle-border-color);
    border-radius: 8px;
}

.archive-editor-backdrop[b-d9in6jhglb] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 20px;
    background: var(--app-document-archive-backdrop-bg);
}

.archive-editor-backdrop--backgrounded[b-d9in6jhglb] {
    z-index: 900;
}

.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 var(--app-document-archive-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-surface-bg);
    box-shadow: var(--app-document-archive-editor-shadow);
}

.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 var(--app-document-archive-border-color);
    background: var(--app-document-archive-soft-bg);
}

.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 var(--app-field-border-color);
    border-radius: 6px;
    background: var(--app-document-archive-surface-bg);
    color: var(--app-document-archive-page-color);
    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 var(--app-field-border-color);
    border-radius: 7px;
    background: var(--app-document-archive-viewer-tabs-bg);
}

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

.archive-viewer-tab:hover[b-d9in6jhglb] {
    color: var(--app-document-archive-accent-strong-color);
    background: var(--app-document-archive-viewer-tab-hover-bg);
}

.archive-viewer-tab.is-active[b-d9in6jhglb] {
    color: var(--app-document-share-button-color);
    background: var(--app-document-archive-accent-color);
}

.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: var(--app-document-archive-muted-color);
    font-size: 12px;
}

.archive-editor-frame[b-d9in6jhglb] {
    width: 100%;
    height: 100%;
    border: 0;
    background: var(--app-document-archive-surface-bg);
}

.archive-code-viewer[b-d9in6jhglb] {
    min-height: 0;
    overflow: auto;
    background: var(--app-document-archive-code-bg);
    color: var(--app-document-archive-code-color);
}

.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: var(--app-document-archive-editor-dark-bg);
    overflow: hidden;
}

.archive-text-editor-shell--preview[b-d9in6jhglb] {
    background: var(--app-document-archive-surface-bg);
}

.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: var(--app-document-archive-surface-bg);
}

.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 var(--app-document-archive-border-color);
    border-radius: 6px;
    background: var(--app-document-archive-surface-bg);
    overflow: hidden;
}

.archive-path button[b-d9in6jhglb] {
    min-width: 0;
    max-width: 220px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--app-document-archive-accent-color);
    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 var(--app-document-archive-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-surface-bg);
    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 var(--app-document-archive-tree-header-border-color);
    background: var(--app-document-archive-soft-bg);
}

.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: var(--app-document-archive-page-color);
    text-align: left;
    cursor: pointer;
}

.archive-tree-node:hover[b-d9in6jhglb],
.archive-tree-node.is-active[b-d9in6jhglb] {
    background: var(--app-document-archive-tree-active-bg);
    color: var(--app-document-archive-accent-strong-color);
}

.archive-tree-node--drop-target[b-d9in6jhglb] {
    background: var(--app-document-archive-tree-target-bg);
    color: var(--app-document-archive-tree-target-color);
    box-shadow: inset 0 0 0 1px var(--app-document-archive-tree-target-ring-color);
}

.archive-tree-caret[b-d9in6jhglb] {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid var(--app-document-archive-tree-caret-color);
}

.archive-tree-icon[b-d9in6jhglb] {
    color: var(--app-document-archive-tree-folder-color);
    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 var(--app-document-archive-border-color);
    background: var(--app-document-archive-surface-bg);
    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 var(--app-document-archive-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-subtle-bg);
}

.archive-selection-bar.is-empty[b-d9in6jhglb] {
    background: var(--app-document-archive-soft-bg);
}

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

.archive-selection-check[b-d9in6jhglb] {
    color: var(--app-document-archive-secondary-color);
    font-size: 13px;
    font-weight: 700;
}

.archive-selection-check input[b-d9in6jhglb],
.archive-item-select input[b-d9in6jhglb] {
    width: 16px;
    height: 16px;
    accent-color: var(--app-document-archive-accent-color);
}

.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 var(--app-document-archive-subtle-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-surface-bg);
    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 var(--app-document-archive-divider-color);
    border-radius: 0;
    background: var(--app-document-archive-surface-bg);
    text-align: left;
}

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

.archive-item:hover[b-d9in6jhglb],
.archive-item--selected[b-d9in6jhglb] {
    background: var(--app-document-archive-item-selected-bg);
}

.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: var(--app-document-archive-muted-color);
    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-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 var(--app-field-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-surface-bg);
    box-shadow: var(--app-document-archive-popover-shadow);
}

.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: var(--app-document-archive-page-color);
    text-align: left;
    cursor: pointer;
}

.archive-context-menu button:hover[b-d9in6jhglb] {
    background: var(--app-document-archive-accent-bg);
}

.archive-context-menu .archive-context-danger[b-d9in6jhglb] {
    color: var(--app-status-chip-danger-color);
}

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

.archive-share-summary[b-d9in6jhglb] {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid var(--app-document-archive-subtle-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-subtle-bg);
}

.archive-share-summary span[b-d9in6jhglb] {
    color: var(--app-document-archive-muted-color);
    font-size: 12px;
}

.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 var(--app-document-archive-subtle-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-subtle-bg);
}

.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: var(--app-document-archive-muted-color);
    font-size: 12px;
}

.archive-share-section[b-d9in6jhglb],
.archive-share-history[b-d9in6jhglb],
.archive-share-history-main[b-d9in6jhglb],
.archive-share-history-actions[b-d9in6jhglb] {
    display: grid;
}

.archive-share-section[b-d9in6jhglb] {
    gap: 8px;
}

.archive-share-section-title[b-d9in6jhglb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--app-document-archive-secondary-color);
}

.archive-share-history[b-d9in6jhglb] {
    gap: 8px;
    max-height: min(420px, 46vh);
    overflow: auto;
}

.archive-share-history-row[b-d9in6jhglb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    padding: 9px;
    border: 1px solid var(--app-document-archive-subtle-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-subtle-bg);
}

.archive-share-history-main[b-d9in6jhglb] {
    min-width: 0;
    gap: 2px;
}

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

.archive-share-history-main small[b-d9in6jhglb] {
    color: var(--app-document-archive-muted-color);
    font-size: 12px;
}

.archive-share-history-actions[b-d9in6jhglb] {
    grid-auto-flow: column;
    align-items: center;
    gap: 6px;
}

.archive-share-status[b-d9in6jhglb] {
    display: inline-grid;
    place-items: center;
    min-width: 74px;
    min-height: 28px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.archive-share-status--active[b-d9in6jhglb] {
    background: var(--app-status-chip-success-bg);
    color: var(--app-status-chip-success-color);
}

.archive-share-status--expired[b-d9in6jhglb] {
    background: var(--app-status-chip-warning-bg);
    color: var(--app-status-chip-warning-color);
}

.archive-share-status--revoked[b-d9in6jhglb] {
    background: var(--app-status-chip-danger-bg);
    color: var(--app-status-chip-danger-color);
}

.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: var(--app-document-archive-secondary-color);
}

.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: var(--app-document-archive-muted-color);
    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 var(--app-document-archive-subtle-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-subtle-bg);
}

.archive-new-file-type-summary span[b-d9in6jhglb] {
    min-width: 54px;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--app-document-archive-icon-bg);
    color: var(--app-document-archive-accent-color);
    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 var(--app-field-border-color);
    border-radius: 8px;
    background: var(--app-document-archive-soft-bg);
}

.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: var(--app-document-archive-accent-color);
}

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

.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-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-share-history-row[b-d9in6jhglb] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }

    .archive-share-history-actions[b-d9in6jhglb] {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .archive-version-form[b-d9in6jhglb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DocumentArchive/DocumentArchiveSharedDownload.razor.rz.scp.css */
.document-archive-share-page[b-4bzrotvzor] {
    min-height: calc(100vh - 72px);
    display: grid;
    place-items: center;
    padding: 32px;
    background: var(--app-document-share-page-bg);
    color: var(--app-document-share-page-color);
}

.archive-public-download[b-4bzrotvzor] {
    --app-field-bg: var(--app-document-share-card-bg);
    --app-field-border-color: var(--app-document-share-field-border-color);
    --app-field-focus-bg: var(--app-document-share-card-bg);
    --app-field-label-color: var(--app-document-share-label-color);
    --app-field-min-height: 40px;
    --app-field-radius: 6px;
    --app-field-text-color: var(--app-document-share-page-color);
    --app-form-control-font-size: 0.92rem;
    --app-form-control-padding-x: 12px;
    --app-form-label-font-size: 12px;
    --app-form-label-font-weight: 700;
    --app-panel-action-primary-bg: var(--app-document-share-button-bg);
    --app-panel-action-primary-color: var(--app-document-share-button-color);
    --app-panel-action-primary-shadow: none;
    --app-panel-card-bg: var(--app-document-share-card-bg);
    --app-panel-card-border-color: var(--app-document-share-card-border-color);
    --app-panel-card-compact-padding: 24px;
    --app-panel-card-description-color: var(--app-document-share-message-color);
    --app-panel-card-description-font-size: 0.9rem;
    --app-panel-card-eyebrow-color: var(--app-document-share-label-color);
    --app-panel-card-eyebrow-font-size: 12px;
    --app-panel-card-eyebrow-letter-spacing: 0.04em;
    --app-panel-card-gap: 18px;
    --app-panel-card-radius: 8px;
    --app-panel-card-shadow: var(--app-document-share-card-shadow);
    --app-panel-card-title-color: var(--app-document-share-page-color);
    --app-panel-card-title-font-size: 26px;
    --app-panel-card-title-line-height: 1.2;
    width: min(560px, 100%);
}

.archive-window-controls[b-4bzrotvzor] {
    display: flex;
    gap: 8px;
}

.archive-window-controls span[b-4bzrotvzor] {
    width: 11px;
    height: 11px;
    border-radius: 999px;
    background: var(--app-document-share-control-bg);
}

.archive-public-download__meta[b-4bzrotvzor] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.archive-public-download__meta div[b-4bzrotvzor],
.archive-empty--browser[b-4bzrotvzor] {
    min-height: 74px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 14px;
    border: 1px solid var(--app-document-share-meta-border-color);
    border-radius: 8px;
    background: var(--app-document-share-meta-bg);
}

.archive-public-download__meta strong[b-4bzrotvzor] {
    font-size: 15px;
}

.archive-public-download__meta span[b-4bzrotvzor] {
    color: var(--app-document-share-message-color);
    font-size: 13px;
}

.archive-public-download__message[b-4bzrotvzor] {
    --app-field-note-white-space: normal;
}

.archive-public-download__pin[b-4bzrotvzor] {
    --app-form-field-gap: 7px;
}

.archive-public-download__action[b-4bzrotvzor] {
    justify-content: center;
}

@media (max-width: 640px) {
    .document-archive-share-page[b-4bzrotvzor] {
        padding: 16px;
    }

    .archive-public-download[b-4bzrotvzor] {
        --app-panel-card-compact-padding: 18px;
    }

    .archive-public-download__meta[b-4bzrotvzor] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/EInvoices/EInvoiceCenter.razor.rz.scp.css */
.e-document-panel-page[b-q5yn86beps] {
    --app-panel-actions-gap: 8px;
    --app-panel-actions-justify: flex-end;
    --app-panel-actions-width: 100%;
    --app-panel-action-font-size: 0.86rem;
    --app-panel-action-font-weight: 700;
    --app-panel-action-gap: 8px;
    --app-panel-action-padding: 0 12px;
    --app-panel-hero-align-items: flex-start;
    --app-panel-hero-gap: 1rem 1.25rem;
    --app-panel-hero-intro-align-items: flex-start;
    --app-panel-hero-intro-gap: 14px;
    --app-panel-hero-mark-radius: 8px;
    --app-panel-hero-mark-size: 44px;
    --app-panel-hero-padding: 20px;
    --app-panel-hero-radius: 8px;
    --app-panel-hero-subtitle-max-width: 640px;
    --app-panel-hero-title-font-size: 1.55rem;
    --app-panel-hero-title-font-weight: 800;
    --app-panel-hero-title-letter-spacing: 0;
    --app-panel-stats-columns: repeat(4, minmax(0, 1fr));
    --app-panel-stats-mobile-columns: minmax(0, 1fr);
    --app-panel-stats-tablet-columns: repeat(2, minmax(0, 1fr));
    --app-panel-stat-min-height: 92px;
}

.e-document-panel-page .app-panel-hero__intro[b-q5yn86beps] {
    flex: 1 1 420px;
}

.e-document-panel-page .app-panel-hero__actions[b-q5yn86beps] {
    align-self: flex-start;
    flex: 1 1 420px;
    min-width: min(100%, 320px);
}

.e-document-panel-page .app-panel-hero__actions .app-panel-action[b-q5yn86beps] {
    --app-panel-action-flex: 0 1 auto;
    --app-panel-action-white-space: nowrap;
}

.e-invoice-dashboard__layout[b-q5yn86beps] {
    --app-panel-layout-columns: repeat(2, minmax(0, 1fr));
    --app-panel-layout-gap: 0.85rem;
    --app-panel-layout-mobile-columns: minmax(0, 1fr);
    --app-panel-layout-tablet-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
    width: 100%;
}

@media (max-width: 980px) {
    .e-document-panel-page[b-q5yn86beps] {
        --app-panel-actions-justify: flex-start;
        --app-panel-actions-width: 100%;
        --app-panel-hero-direction: column;
    }

    .e-document-panel-page .app-panel-hero__actions[b-q5yn86beps] {
        flex-basis: auto;
        min-width: 0;
    }
}

@media (max-width: 760px) {
    .e-document-panel-page .app-panel-hero__actions .app-panel-action[b-q5yn86beps] {
        --app-panel-action-flex: 1 1 calc(50% - 0.25rem);
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.app-start[b-v5j23zxud9] {
    align-items: center;
    background: var(--app-field-bg);
    color: var(--app-panel-card-title-color);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
}

.app-start__logo[b-v5j23zxud9] {
    align-items: center;
    display: inline-flex;
    gap: 0.7rem;
}

.app-start__mark[b-v5j23zxud9] {
    align-items: center;
    background: var(--app-entity-form-mark-bg);
    border-radius: var(--app-field-radius);
    color: var(--app-entity-form-mark-color);
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 800;
    height: 2.4rem;
    justify-content: center;
    width: 2.4rem;
}

.app-start__name[b-v5j23zxud9] {
    font-size: 1.1rem;
    font-weight: 700;
}

.app-start__bar[b-v5j23zxud9] {
    background: var(--app-status-chip-primary-bg);
    border-radius: 999px;
    height: 0.18rem;
    overflow: hidden;
    position: relative;
    width: 8rem;
}

.app-start__bar[b-v5j23zxud9]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--app-status-chip-primary-color);
    animation: app-start-progress-b-v5j23zxud9 0.9s ease-in-out infinite alternate;
    width: 45%;
}

@keyframes app-start-progress-b-v5j23zxud9 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(125%);
    }
}
/* /Components/Pages/HumanResources/HumanResourcesDashboard.razor.rz.scp.css */
.hr-dashboard-page[b-wnlj1k9gm6] {
    --app-panel-page-color: var(--app-hr-dashboard-page-color);
}

.hr-dashboard[b-wnlj1k9gm6] {
    --app-panel-action-accent: var(--app-hr-dashboard-tone-default-accent);
    --app-panel-action-focus-border: var(--app-hr-dashboard-action-focus-border);
    --app-panel-action-focus-ring: var(--app-hr-dashboard-action-focus-ring);
    --app-panel-action-font-size: 0.82rem;
    --app-panel-action-font-weight: 760;
    --app-panel-action-gap: 0;
    --app-panel-action-hover-border: var(--app-hr-dashboard-action-hover-border);
    --app-panel-action-hover-color: var(--app-hr-dashboard-tone-default-accent);
    --app-panel-action-min-height: 36px;
    --app-panel-action-padding: 0 0.8rem;
    --app-panel-action-primary-bg: var(--app-hr-dashboard-action-primary-bg);
    --app-panel-action-primary-hover-filter: brightness(1.04);
    --app-panel-action-primary-shadow: var(--app-hr-dashboard-action-primary-shadow);
    --app-panel-actions-gap: 0.45rem;
    --app-panel-hero-bg: var(--app-hr-dashboard-hero-bg);
    --app-panel-hero-border-color: var(--app-hr-dashboard-hero-border-color);
    --app-panel-hero-eyebrow-color: var(--app-hr-dashboard-tone-default-accent);
    --app-panel-hero-mark-bg: var(--app-hr-dashboard-hero-mark-bg);
    --app-panel-hero-mark-color: var(--app-hr-dashboard-surface-bg);
    --app-panel-hero-mark-shadow: var(--app-hr-dashboard-hero-mark-shadow);
    --app-panel-hero-mark-size: 2.75rem;
    --app-panel-hero-padding: 1rem 1.1rem;
    --app-panel-hero-radius: 0.95rem;
    --app-panel-hero-shadow: var(--app-hr-dashboard-hero-shadow);
    --app-panel-hero-strong-color: var(--app-hr-dashboard-page-color);
    --app-panel-hero-subtitle-color: var(--app-hr-dashboard-muted-color);
    --app-panel-hero-subtitle-font-size: 0.88rem;
    --app-panel-hero-title-color: var(--app-hr-dashboard-page-color);
    --app-panel-hero-title-font-size: 1.35rem;
    --app-panel-hero-title-font-weight: 760;
    --app-panel-hero-title-letter-spacing: 0;
    --app-panel-stack-color: var(--app-hr-dashboard-page-color);
    --app-panel-stack-gap: 0.85rem;
    --app-panel-stack-height: 100%;
    --app-panel-stack-min-height: 0;
    --app-panel-stack-overflow: auto;
    --app-panel-stack-padding: 0.35rem 0 0.85rem;
    --app-panel-stack-scrollbar-width: thin;
}

.hr-list-page[b-wnlj1k9gm6] {
    --app-toolbar-dense-gap: 0.46rem;
    --app-toolbar-dense-row-gap: 0.46rem;
    --app-toolbar-dense-tab-min-height: 31px;
    --app-toolbar-dense-tab-padding: 0 0.58rem;
    --app-toolbar-fit-tab-basis: 7.25rem;
    --app-toolbar-fit-tab-min-width: 6.7rem;
    --app-toolbar-accent: var(--app-hr-dashboard-tone-default-accent);
    --app-toolbar-active-bg: var(--app-hr-dashboard-toolbar-active-bg);
    --app-toolbar-active-border: var(--app-hr-dashboard-toolbar-active-border);
    --app-toolbar-border: var(--app-hr-dashboard-toolbar-border);
    --app-toolbar-button-active-bg: var(--app-hr-dashboard-toolbar-button-active-bg);
    --app-toolbar-button-hover-bg: var(--app-hr-dashboard-toolbar-button-hover-bg);
    --app-toolbar-count-bg: var(--app-hr-dashboard-toolbar-count-bg);
    --app-toolbar-count-color: var(--app-hr-dashboard-tone-default-accent);
    --app-toolbar-focus-ring: var(--app-hr-dashboard-toolbar-focus-ring);
    --app-toolbar-grid-row-hover-bg: var(--app-hr-dashboard-toolbar-grid-row-hover-bg);
    --app-toolbar-grid-selection-bg: var(--app-hr-dashboard-toolbar-grid-selection-bg);
    --app-toolbar-grid-selection-hover-bg: var(--app-hr-dashboard-toolbar-grid-selection-hover-bg);
    --app-toolbar-hover-border: var(--app-hr-dashboard-tone-default-border);
    --app-toolbar-loading-accent: var(--app-hr-dashboard-tone-default-strong-accent);
    --app-toolbar-loading-color: var(--app-hr-dashboard-tone-default-accent);
    --app-toolbar-primary-active-bg: var(--app-hr-dashboard-toolbar-primary-active-bg);
    --app-toolbar-primary-bg: var(--app-hr-dashboard-action-primary-bg);
    --app-toolbar-primary-hover-bg: var(--app-hr-dashboard-toolbar-primary-hover-bg);
    --app-toolbar-primary-hover-shadow: var(--app-hr-dashboard-toolbar-primary-hover-shadow);
    --app-toolbar-primary-shadow: var(--app-hr-dashboard-toolbar-primary-shadow);
    --app-toolbar-search-focus-ring: var(--app-hr-dashboard-toolbar-search-focus-ring);
    --app-toolbar-surface-bg: var(--app-hr-dashboard-toolbar-surface-bg);
}

.hr-dashboard .app-panel-hero__intro[b-wnlj1k9gm6] {
    --app-panel-hero-intro-gap: 0.85rem;
}

.hr-dashboard .app-panel-hero__mark[b-wnlj1k9gm6] {
    font-size: 0.9rem;
    font-weight: 900;
}

.hr-dashboard-stats[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-default-accent);
    --app-panel-stat-bg: var(--app-hr-dashboard-surface-bg);
    --app-panel-stat-border-color: var(--app-hr-dashboard-surface-border-color);
    --app-panel-stat-color: var(--app-hr-dashboard-page-color);
    --app-panel-stat-gap: 0.18rem;
    --app-panel-stat-label-color: var(--app-hr-dashboard-muted-color);
    --app-panel-stat-label-font-size: 0.75rem;
    --app-panel-stat-label-font-weight: 760;
    --app-panel-stat-label-letter-spacing: 0;
    --app-panel-stat-meta-color: var(--app-hr-dashboard-muted-color);
    --app-panel-stat-meta-font-size: 0.76rem;
    --app-panel-stat-meta-font-weight: 650;
    --app-panel-stat-padding: 0.78rem 0.9rem;
    --app-panel-stat-radius: 0.78rem;
    --app-panel-stat-shadow: var(--app-hr-dashboard-surface-shadow);
    --app-panel-stat-value-color: var(--app-hr-dashboard-page-color);
    --app-panel-stat-value-font-size: 1.38rem;
    --app-panel-stat-value-font-weight: 780;
    --app-panel-stat-value-letter-spacing: 0;
    --app-panel-stats-gap: 0.65rem;
    --app-panel-stats-mobile-columns: minmax(0, 1fr);
    --app-panel-stats-tablet-columns: repeat(2, minmax(0, 1fr));
}

.hr-dashboard-stat--teal[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-teal-accent);
}

.hr-dashboard-bar-fill--teal[b-wnlj1k9gm6] {
    --app-panel-progress-fill-bg: var(--app-hr-dashboard-tone-teal-accent);
}

.hr-dashboard-stat--amber[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-amber-accent);
}

.hr-dashboard-bar-fill--amber[b-wnlj1k9gm6] {
    --app-panel-progress-fill-bg: var(--app-hr-dashboard-tone-amber-accent);
}

.hr-dashboard-stat--rose[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-rose-accent);
}

.hr-dashboard-bar-fill--rose[b-wnlj1k9gm6] {
    --app-panel-progress-fill-bg: var(--app-hr-dashboard-tone-rose-accent);
}

.hr-dashboard-stat--violet[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-violet-accent);
}

.hr-dashboard-bar-fill--violet[b-wnlj1k9gm6] {
    --app-panel-progress-fill-bg: var(--app-hr-dashboard-tone-violet-accent);
}

.hr-dashboard-stat--slate[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-slate-accent);
}

.hr-dashboard-bar-fill--slate[b-wnlj1k9gm6] {
    --app-panel-progress-fill-bg: var(--app-hr-dashboard-tone-slate-accent);
}

.hr-dashboard-modules[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-default-accent);
    --app-panel-stat-bg: var(--app-hr-dashboard-surface-bg);
    --app-panel-stat-border-color: var(--app-hr-dashboard-row-border-color);
    --app-panel-stat-color: var(--app-hr-dashboard-page-color);
    --app-panel-stat-gap: 0.12rem;
    --app-panel-stat-hover-bg: var(--app-hr-dashboard-row-hover-bg);
    --app-panel-stat-hover-border-color: var(--app-hr-dashboard-row-hover-border-color);
    --app-panel-stat-hover-shadow: none;
    --app-panel-stat-hover-transform: translateY(0);
    --app-panel-stat-label-color: var(--app-hr-dashboard-tone-default-color);
    --app-panel-stat-label-font-size: 0.72rem;
    --app-panel-stat-label-font-weight: 900;
    --app-panel-stat-label-letter-spacing: 0;
    --app-panel-stat-meta-color: var(--app-hr-dashboard-muted-color);
    --app-panel-stat-meta-font-size: 0.74rem;
    --app-panel-stat-meta-font-weight: 650;
    --app-panel-stat-padding: 0.65rem 0.7rem;
    --app-panel-stat-radius: 0.72rem;
    --app-panel-stat-shadow: none;
    --app-panel-stat-transition: background 0.15s ease, border-color 0.15s ease, transform 0.06s ease;
    --app-panel-stat-value-font-size: 0.92rem;
    --app-panel-stat-value-font-weight: 820;
    --app-panel-stat-value-letter-spacing: 0;
    --app-panel-stats-columns: repeat(6, minmax(0, 1fr));
    --app-panel-stats-gap: 0.55rem;
    --app-panel-stats-mobile-columns: minmax(0, 1fr);
    --app-panel-stats-tablet-columns: repeat(2, minmax(0, 1fr));
}

.hr-dashboard-module[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-default-accent);
}

.hr-dashboard-module:active[b-wnlj1k9gm6],
.hr-dashboard-module:focus-visible[b-wnlj1k9gm6] {
    transform: translateY(1px);
}

.hr-dashboard-row-badge[b-wnlj1k9gm6] {
    --app-panel-row-badge-bg: var(--app-hr-dashboard-tone-default-surface);
    --app-panel-row-badge-border-color: var(--app-hr-dashboard-tone-default-border);
    --app-panel-row-badge-color: var(--app-hr-dashboard-tone-default-color);
    --app-panel-row-badge-font-weight: 900;
}

.hr-dashboard-module--teal[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-teal-accent);
    --app-panel-stat-label-color: var(--app-hr-dashboard-tone-teal-color);
}

.hr-dashboard-row-badge--teal[b-wnlj1k9gm6] {
    --app-panel-row-badge-bg: var(--app-hr-dashboard-tone-teal-surface);
    --app-panel-row-badge-border-color: var(--app-hr-dashboard-tone-teal-border);
    --app-panel-row-badge-color: var(--app-hr-dashboard-tone-teal-color);
}

.hr-dashboard-module--amber[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-amber-accent);
    --app-panel-stat-label-color: var(--app-hr-dashboard-tone-amber-color);
}

.hr-dashboard-row-badge--amber[b-wnlj1k9gm6] {
    --app-panel-row-badge-bg: var(--app-hr-dashboard-tone-amber-surface);
    --app-panel-row-badge-border-color: var(--app-hr-dashboard-tone-amber-border);
    --app-panel-row-badge-color: var(--app-hr-dashboard-tone-amber-color);
}

.hr-dashboard-module--rose[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-rose-accent);
    --app-panel-stat-label-color: var(--app-hr-dashboard-tone-rose-color);
}

.hr-dashboard-row-badge--rose[b-wnlj1k9gm6] {
    --app-panel-row-badge-bg: var(--app-hr-dashboard-tone-rose-surface);
    --app-panel-row-badge-border-color: var(--app-hr-dashboard-tone-rose-border);
    --app-panel-row-badge-color: var(--app-hr-dashboard-tone-rose-color);
}

.hr-dashboard-module--violet[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-violet-accent);
    --app-panel-stat-label-color: var(--app-hr-dashboard-tone-violet-color);
}

.hr-dashboard-row-badge--violet[b-wnlj1k9gm6] {
    --app-panel-row-badge-bg: var(--app-hr-dashboard-tone-violet-surface);
    --app-panel-row-badge-border-color: var(--app-hr-dashboard-tone-violet-border);
    --app-panel-row-badge-color: var(--app-hr-dashboard-tone-violet-color);
}

.hr-dashboard-module--slate[b-wnlj1k9gm6] {
    --app-panel-stat-accent: var(--app-hr-dashboard-tone-slate-accent);
    --app-panel-stat-label-color: var(--app-hr-dashboard-tone-slate-color);
}

.hr-dashboard-row-badge--slate[b-wnlj1k9gm6] {
    --app-panel-row-badge-bg: var(--app-hr-dashboard-tone-slate-surface);
    --app-panel-row-badge-border-color: var(--app-hr-dashboard-tone-slate-border);
    --app-panel-row-badge-color: var(--app-hr-dashboard-tone-slate-color);
}

.hr-dashboard-layout[b-wnlj1k9gm6] {
    --app-panel-layout-columns: repeat(3, minmax(0, 1fr));
    --app-panel-layout-gap: 0.75rem;
    --app-panel-layout-tablet-columns: repeat(2, minmax(0, 1fr));
    --app-panel-layout-wide-column: span 2;
}

.hr-dashboard-panel[b-wnlj1k9gm6] {
    --app-panel-card-border-color: var(--app-hr-dashboard-surface-border-color);
    --app-panel-card-description-color: var(--app-hr-dashboard-muted-color);
    --app-panel-card-description-font-size: 0.78rem;
    --app-panel-card-description-font-weight: 650;
    --app-panel-card-description-margin: 0.12rem 0 0;
    --app-panel-card-gap: 0.75rem;
    --app-panel-card-header-gap: 0.75rem;
    --app-panel-card-compact-padding: 0.88rem;
    --app-panel-card-radius: 0.82rem;
    --app-panel-card-shadow: var(--app-hr-dashboard-surface-shadow);
    --app-panel-card-title-font-size: 0.98rem;
    --app-panel-card-title-font-weight: 820;
    --app-panel-header-chip-font-size: 0.78rem;
    --app-panel-header-chip-justify-content: center;
    --app-panel-header-chip-min-width: 30px;
    --app-panel-header-chip-padding: 0 0.55rem;
    --app-panel-header-control-bg: var(--app-hr-dashboard-panel-count-bg);
    --app-panel-header-control-border: var(--app-hr-dashboard-panel-count-border-color);
    --app-panel-header-control-color: var(--app-hr-dashboard-panel-count-color);
    --app-panel-header-control-font-weight: 820;
    min-width: 0;
}

.hr-dashboard-bars[b-wnlj1k9gm6] {
    --app-panel-progress-fill-bg: var(--app-hr-dashboard-tone-default-accent);
    --app-panel-progress-label-color: var(--app-hr-dashboard-page-color);
    --app-panel-progress-track-bg: var(--app-hr-dashboard-bar-track-bg);
    --app-panel-progress-value-color: var(--app-hr-dashboard-muted-color);
}

.hr-dashboard-action-list[b-wnlj1k9gm6],
.hr-dashboard-timeline[b-wnlj1k9gm6] {
    --app-panel-list-gap: 0.5rem;
    min-width: 0;
}

.hr-dashboard-age-grid[b-wnlj1k9gm6] {
    --app-panel-stat-accent-width: 0;
    --app-panel-stat-bg: var(--app-hr-dashboard-tone-default-surface);
    --app-panel-stat-border-color: var(--app-hr-dashboard-tone-default-border);
    --app-panel-stat-color: var(--app-hr-dashboard-tone-default-color);
    --app-panel-stat-gap: 0.12rem;
    --app-panel-stat-label-color: var(--app-panel-stat-color);
    --app-panel-stat-label-font-size: 0.72rem;
    --app-panel-stat-label-font-weight: 820;
    --app-panel-stat-label-letter-spacing: 0;
    --app-panel-stat-label-text-transform: none;
    --app-panel-stat-min-height: 58px;
    --app-panel-stat-padding: 0.55rem;
    --app-panel-stat-radius: 0.65rem;
    --app-panel-stat-shadow: none;
    --app-panel-stat-value-color: var(--app-panel-stat-color);
    --app-panel-stat-value-font-size: 1.2rem;
    --app-panel-stat-value-font-weight: 850;
    --app-panel-stat-value-letter-spacing: 0;
    --app-panel-stat-value-line-height: 1;
    --app-panel-stats-columns: repeat(3, minmax(0, 1fr));
    --app-panel-stats-gap: 0.5rem;
    --app-panel-stats-mobile-columns: minmax(0, 1fr);
    --app-panel-stats-tablet-columns: repeat(3, minmax(0, 1fr));
}

.hr-dashboard-age-item[b-wnlj1k9gm6] {
    --app-panel-stat-bg: var(--app-hr-dashboard-tone-default-surface);
    --app-panel-stat-border-color: var(--app-hr-dashboard-tone-default-border);
    --app-panel-stat-color: var(--app-hr-dashboard-tone-default-color);
}

.hr-dashboard-age-item--teal[b-wnlj1k9gm6] {
    --app-panel-stat-bg: var(--app-hr-dashboard-tone-teal-surface);
    --app-panel-stat-border-color: var(--app-hr-dashboard-tone-teal-border);
    --app-panel-stat-color: var(--app-hr-dashboard-tone-teal-color);
}

.hr-dashboard-age-item--amber[b-wnlj1k9gm6] {
    --app-panel-stat-bg: var(--app-hr-dashboard-tone-amber-surface);
    --app-panel-stat-border-color: var(--app-hr-dashboard-tone-amber-border);
    --app-panel-stat-color: var(--app-hr-dashboard-tone-amber-color);
}

.hr-dashboard-age-item--rose[b-wnlj1k9gm6] {
    --app-panel-stat-bg: var(--app-hr-dashboard-tone-rose-surface);
    --app-panel-stat-border-color: var(--app-hr-dashboard-tone-rose-border);
    --app-panel-stat-color: var(--app-hr-dashboard-tone-rose-color);
}

.hr-dashboard-age-item--violet[b-wnlj1k9gm6] {
    --app-panel-stat-bg: var(--app-hr-dashboard-tone-violet-surface);
    --app-panel-stat-border-color: var(--app-hr-dashboard-tone-violet-border);
    --app-panel-stat-color: var(--app-hr-dashboard-tone-violet-color);
}

.hr-dashboard-age-item--slate[b-wnlj1k9gm6] {
    --app-panel-stat-bg: var(--app-hr-dashboard-tone-slate-surface);
    --app-panel-stat-border-color: var(--app-hr-dashboard-tone-slate-border);
    --app-panel-stat-color: var(--app-hr-dashboard-tone-slate-color);
}

.hr-dashboard-action-row[b-wnlj1k9gm6],
.hr-dashboard-timeline-row[b-wnlj1k9gm6] {
    --app-panel-row-bg: var(--app-hr-dashboard-row-bg);
    --app-panel-row-border-color: var(--app-hr-dashboard-row-border-color);
    --app-panel-row-display: grid;
    --app-panel-row-gap: 0.55rem;
    --app-panel-row-hover-bg: var(--app-hr-dashboard-row-hover-bg);
    --app-panel-row-hover-border-color: var(--app-hr-dashboard-row-hover-border-color);
    --app-panel-row-meta-font-size: 0.74rem;
    --app-panel-row-meta-font-weight: 660;
    --app-panel-row-meta-overflow: hidden;
    --app-panel-row-meta-text-overflow: ellipsis;
    --app-panel-row-meta-white-space: nowrap;
    --app-panel-row-padding: 0.55rem 0.65rem;
    --app-panel-row-radius: 0.65rem;
    --app-panel-row-title-font-size: 0.84rem;
    --app-panel-row-title-font-weight: 820;
}

.hr-dashboard-action-row[b-wnlj1k9gm6] {
    --app-panel-row-grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.hr-dashboard-timeline-row[b-wnlj1k9gm6] {
    --app-panel-row-grid-template-columns: auto minmax(0, 1fr) auto;
}

.hr-leave-balance[b-wnlj1k9gm6] {
    color: var(--app-hr-dashboard-panel-count-color);
    font-weight: 750;
}

@media (max-width: 640px) {
    .hr-dashboard[b-wnlj1k9gm6] {
        --app-panel-action-justify-content: center;
        --app-panel-action-width: 100%;
        --app-panel-actions-width: 100%;
        --app-panel-hero-align-items: stretch;
        --app-panel-hero-padding: 0.9rem;
    }

    .hr-dashboard-action-row[b-wnlj1k9gm6] {
        --app-panel-row-align-items: start;
        --app-panel-row-grid-template-columns: auto minmax(0, 1fr);
    }

    .hr-dashboard-action-status[b-wnlj1k9gm6],
    .hr-dashboard-action-row time[b-wnlj1k9gm6] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Components/Pages/HumanResources/HumanResourcesPdksDayDetail.razor.rz.scp.css */
.pdks-location-link[b-gsku1kjlc2] {
    align-items: center;
    color: var(--app-panel-action-accent, var(--app-hr-dashboard-tone-default-accent));
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 800;
    justify-self: start;
    text-decoration: none;
}

.pdks-location-link:hover[b-gsku1kjlc2],
.pdks-location-link:focus-visible[b-gsku1kjlc2] {
    text-decoration: underline;
}

.pdks-location-preview-grid[b-gsku1kjlc2] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pdks-location-preview[b-gsku1kjlc2] {
    background: var(--app-panel-row-bg, var(--app-panel-card-bg));
    border: 1px solid var(--app-panel-row-border-color, var(--app-panel-card-border-color));
    border-radius: 0.75rem;
    display: grid;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.75rem;
}

.pdks-location-preview__header[b-gsku1kjlc2] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.pdks-location-preview__header span[b-gsku1kjlc2] {
    color: var(--app-panel-row-label-color, var(--app-muted-color));
    font-size: 0.72rem;
    font-weight: 820;
}

.pdks-location-preview__header strong[b-gsku1kjlc2] {
    color: var(--app-panel-row-value-color, var(--app-panel-card-title-color));
    font-size: 0.9rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdks-location-preview__canvas[b-gsku1kjlc2] {
    align-items: center;
    aspect-ratio: 5 / 2;
    background-color: color-mix(in srgb, var(--app-panel-card-bg) 88%, var(--app-panel-row-border-color, var(--app-panel-card-border-color)));
    border: 1px solid var(--app-panel-row-border-color, var(--app-panel-card-border-color));
    border-radius: 0.7rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pdks-location-preview__radius[b-gsku1kjlc2] {
    background: color-mix(in srgb, var(--app-panel-action-primary-bg, var(--app-hr-dashboard-action-primary-bg)) 14%, transparent);
    border: 1px dashed color-mix(in srgb, var(--app-panel-action-primary-bg, var(--app-hr-dashboard-action-primary-bg)) 62%, transparent);
    border-radius: 999px;
    height: 64px;
    width: 64px;
}

.pdks-location-preview__pin[b-gsku1kjlc2] {
    border-radius: 999px;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 18%, transparent);
    height: 10px;
    position: absolute;
    width: 10px;
}

.pdks-location-preview__pin--gateway[b-gsku1kjlc2] {
    background: var(--app-panel-action-primary-bg, var(--app-hr-dashboard-action-primary-bg));
    color: var(--app-panel-action-primary-bg, var(--app-hr-dashboard-action-primary-bg));
    left: calc(50% - 5px);
    top: calc(50% - 5px);
}

.pdks-location-preview__pin--mobile[b-gsku1kjlc2] {
    background: var(--app-status-chip-success-color, var(--app-hr-dashboard-tone-teal-accent));
    color: var(--app-status-chip-success-color, var(--app-hr-dashboard-tone-teal-accent));
    left: calc(50% + 18px);
    top: calc(50% - 14px);
}

.pdks-location-preview__meta[b-gsku1kjlc2] {
    display: grid;
    gap: 0.45rem;
    margin: 0;
}

.pdks-location-preview__meta div[b-gsku1kjlc2] {
    align-items: baseline;
    display: grid;
    gap: 0.35rem;
    grid-template-columns: minmax(7.5rem, 0.72fr) minmax(0, 1fr);
}

.pdks-location-preview__meta dt[b-gsku1kjlc2] {
    color: var(--app-panel-row-label-color, var(--app-muted-color));
    font-size: 0.73rem;
    font-weight: 760;
}

.pdks-location-preview__meta dd[b-gsku1kjlc2] {
    color: var(--app-panel-row-value-color, var(--app-panel-card-title-color));
    font-size: 0.78rem;
    font-weight: 760;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    .pdks-location-preview-grid[b-gsku1kjlc2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pdks-location-preview__meta div[b-gsku1kjlc2] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /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: var(--app-field-bg);
    color: var(--app-panel-card-title-color);
}

@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: var(--app-auth-brand-color);
    background: var(--app-auth-brand-bg);
    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;
    color: var(--app-auth-brand-mark-color);
    background: var(--app-auth-brand-mark-bg);
    font-weight: 800;
    font-size: 0.95rem;
    letter-spacing: 0;
    box-shadow: var(--app-auth-brand-mark-shadow);
}

.auth-brand__name[b-pwr8fpgc77] {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0;
}

.auth-brand__headline[b-pwr8fpgc77] {
    font-size: clamp(1.8rem, 2.6vw, 2.6rem);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 1rem 0;
    background: var(--app-auth-brand-headline-bg);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.auth-brand__subline[b-pwr8fpgc77] {
    margin: 0;
    color: var(--app-auth-brand-subline-color);
    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: var(--app-auth-brand-point-color);
    font-size: 0.95rem;
}

.auth-brand__points .dot[b-pwr8fpgc77] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--app-auth-brand-point-dot-bg);
    box-shadow: var(--app-auth-brand-point-dot-shadow);
}

.auth-brand__bottom[b-pwr8fpgc77] {
    color: var(--app-auth-brand-bottom-color);
    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: var(--app-auth-brand-blob-primary-bg);
    top: -6rem;
    right: -6rem;
}

.auth-brand__blob--2[b-pwr8fpgc77] {
    width: 26rem;
    height: 26rem;
    background: var(--app-auth-brand-blob-secondary-bg);
    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] {
    --app-panel-card-compact-padding: 2.25rem;
    --app-panel-card-gap: 0;
    max-width: 26rem;
    width: 100%;
}

.auth-card__head[b-pwr8fpgc77] {
    --app-panel-card-description-font-size: 0.95rem;
    --app-panel-card-title-font-size: 1.6rem;
    --app-panel-card-title-font-weight: 700;
    --app-panel-card-title-margin: 0 0 0.4rem 0;

    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: var(--app-panel-card-title-color);
    font-size: 1rem;
}

@media (min-width: 960px) {
    .auth-card__logo-mobile[b-pwr8fpgc77] {
        display: none;
    }
}

.auth-card__foot[b-pwr8fpgc77] {
    margin-top: 1.5rem;
    text-align: center;
    color: var(--app-panel-card-description-color);
    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: var(--app-field-label-color);
    letter-spacing: 0;
}

.auth-input[b-pwr8fpgc77] {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: var(--app-field-radius);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.auth-input:focus-within[b-pwr8fpgc77] {
    background: var(--app-field-focus-bg);
    border-color: var(--app-field-focus-border-color);
    box-shadow: var(--app-field-focus-ring);
}

.auth-input__icon[b-pwr8fpgc77] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--app-empty-state-icon-color);
    padding-left: 0.85rem;
}

.auth-input:focus-within .auth-input__icon[b-pwr8fpgc77] {
    color: var(--app-field-focus-border-color);
}

.auth-input input[b-pwr8fpgc77] {
    flex: 1;
    border: 0;
    background: transparent;
    outline: none;
    padding: 0.8rem 0.9rem;
    font-size: 0.95rem;
    color: var(--app-field-text-color);
    width: 100%;
    min-width: 0;
}

.auth-input input[b-pwr8fpgc77]::placeholder {
    color: var(--app-entity-form-field-placeholder-color);
}

.auth-input__toggle[b-pwr8fpgc77] {
    border: 0;
    background: transparent;
    color: var(--app-empty-state-icon-color);
    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: var(--app-field-label-color);
}

.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: var(--app-field-label-color);
    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 var(--app-field-hover-border-color);
    background: var(--app-field-focus-bg);
    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: var(--app-field-focus-border-color);
    border-color: var(--app-field-focus-border-color);
    color: var(--app-entity-form-mark-color);
}

.auth-check input:focus-visible + .auth-check__box[b-pwr8fpgc77] {
    box-shadow: var(--app-field-focus-ring);
}

.auth-link[b-pwr8fpgc77] {
    color: var(--app-panel-card-link-color);
    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: var(--app-field-radius);
    color: var(--app-entity-form-mark-color);
    font-weight: 600;
    font-size: 0.98rem;
    letter-spacing: 0;
    cursor: pointer;
    background: var(--app-entity-form-mark-bg);
    box-shadow: var(--app-entity-form-mark-shadow);
    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: var(--app-entity-form-mark-shadow);
}

.auth-submit:active[b-pwr8fpgc77] {
    transform: translateY(1px);
    box-shadow: var(--app-entity-form-mark-shadow);
}

.auth-submit:focus-visible[b-pwr8fpgc77] {
    outline: none;
    box-shadow: var(--app-field-focus-ring), var(--app-entity-form-mark-shadow);
}

/* ============ 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: var(--app-field-bg);
    color: var(--app-panel-card-title-color);
}

.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: var(--app-status-chip-primary-bg);
}

.auth-transition__bar[b-pwr8fpgc77]::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 45%;
    border-radius: inherit;
    background: var(--app-status-chip-primary-color);
    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/MailSettingsPanel.razor.rz.scp.css */
.mail-settings-grid[b-dfnoe68pjp] {
    display: contents;
}

.mail-settings-panel[b-dfnoe68pjp] {
    --app-panel-card-gap: 0.85rem;
    --app-panel-card-header-align-items: center;
    --app-panel-card-header-gap: 1rem;
    --app-panel-card-radius: 0.85rem;
    min-width: 0;
}

.mail-settings-panel--wide[b-dfnoe68pjp] {
    grid-column: span 2;
}

[b-dfnoe68pjp] .mail-settings-loading-panel,
[b-dfnoe68pjp] .mail-settings-loading-panel > .dxbl-loading-panel-container,
[b-dfnoe68pjp] .mail-settings-loading-panel .dxbl-loading-panel-content {
    width: 100%;
}

.mail-settings-form[b-dfnoe68pjp] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mail-settings-check[b-dfnoe68pjp] {
    align-items: center;
    color: var(--app-field-label-color);
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 750;
    gap: 0.45rem;
}

.mail-settings-check input[b-dfnoe68pjp] {
    accent-color: var(--app-field-focus-border-color);
}

.mail-settings-toggle[b-dfnoe68pjp],
.mail-settings-note[b-dfnoe68pjp] {
    grid-column: 1 / -1;
}

.mail-settings-toggle--compact[b-dfnoe68pjp] {
    grid-column: auto;
}

.mail-settings-note[b-dfnoe68pjp] {
    background: var(--app-field-bg);
    border: 1px dashed var(--app-field-border-color);
    border-radius: 0.7rem;
    display: grid;
    gap: 0.22rem;
    padding: 0.75rem;
}

.mail-settings-note strong[b-dfnoe68pjp] {
    color: var(--app-panel-card-title-color);
    font-size: 0.82rem;
    font-weight: 900;
}

.mail-settings-note span[b-dfnoe68pjp] {
    color: var(--app-field-note-color);
    font-size: 0.78rem;
    line-height: 1.4;
}

.mail-settings-footer[b-dfnoe68pjp] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    justify-content: flex-end;
}

.mail-settings-stats[b-dfnoe68pjp] {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.mail-settings-stats div[b-dfnoe68pjp] {
    background: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: 0.65rem;
    display: grid;
    gap: 0.18rem;
    padding: 0.65rem;
}

.mail-settings-stats dt[b-dfnoe68pjp] {
    color: var(--app-field-label-color);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mail-settings-stats dd[b-dfnoe68pjp] {
    color: var(--app-field-text-color);
    font-size: 0.84rem;
    font-weight: 800;
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 960px) {
    .mail-settings-panel--wide[b-dfnoe68pjp] {
        grid-column: auto;
    }

    .mail-settings-form[b-dfnoe68pjp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Management/ManagementCenter.razor.rz.scp.css */
.management-page[b-x0fxybb0kd] {
    color: var(--app-panel-card-title-color);
    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] {
    --app-panel-card-compact-padding: 1rem;
    --app-panel-card-gap: 1rem;
    --app-panel-card-radius: 0.95rem;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.management-kicker[b-x0fxybb0kd] {
    color: var(--app-panel-card-eyebrow-color);
    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: var(--app-panel-card-title-color);
    font-size: 1.28rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
}

.management-switcher[b-x0fxybb0kd] {
    align-items: center;
    background: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: 0.7rem;
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.25rem;
}

.management-switcher[b-x0fxybb0kd]  a {
    border-radius: 0.5rem;
    color: var(--app-field-label-color);
    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: var(--app-panel-card-bg);
    box-shadow: var(--app-management-switcher-active-shadow);
    color: var(--app-panel-card-link-color);
}

.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] {
    --app-panel-card-compact-padding: 0.45rem;
    --app-panel-card-gap: 0.25rem;
    --app-panel-card-radius: 0.8rem;
    display: grid;
    position: sticky;
    top: 0.75rem;
}

.definition-rail-item[b-x0fxybb0kd] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.62rem;
    color: var(--app-field-text-color);
    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: var(--app-field-bg);
    border-color: var(--app-field-border-color);
    color: var(--app-panel-card-title-color);
    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: var(--app-status-chip-primary-bg);
    border-radius: 0.55rem;
    color: var(--app-status-chip-primary-color);
    height: 38px;
    width: 38px;
}

.definition-rail-item:nth-child(2) .definition-rail-item__mark[b-x0fxybb0kd] {
    background: var(--app-status-chip-success-bg);
    color: var(--app-status-chip-success-color);
}

.definition-rail-item:nth-child(3) .definition-rail-item__mark[b-x0fxybb0kd] {
    background: var(--app-status-chip-warning-bg);
    color: var(--app-status-chip-warning-color);
}

.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: var(--app-field-note-color);
    font-size: 0.72rem;
    font-weight: 800;
}

.definition-directory[b-x0fxybb0kd] {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
}

.definition-section[b-x0fxybb0kd] {
    --app-panel-card-radius: 0.85rem;
    overflow: hidden;
    scroll-margin-top: 1rem;
}

.definition-section--focus[b-x0fxybb0kd] {
    border-color: var(--app-field-focus-border-color);
    box-shadow:
        var(--app-field-focus-ring),
        var(--app-panel-card-shadow);
}

.definition-section__header[b-x0fxybb0kd] {
    align-items: center;
    border-bottom: 1px solid var(--app-field-border-color);
    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: var(--app-status-chip-primary-bg);
    border-radius: 0.65rem;
    color: var(--app-status-chip-primary-color);
    flex: 0 0 auto;
    height: 44px;
    width: 44px;
}

.definition-section:nth-child(2) .definition-section__mark[b-x0fxybb0kd] {
    background: var(--app-status-chip-success-bg);
    color: var(--app-status-chip-success-color);
}

.definition-section:nth-child(3) .definition-section__mark[b-x0fxybb0kd] {
    background: var(--app-status-chip-warning-bg);
    color: var(--app-status-chip-warning-color);
}

.definition-section__title span[b-x0fxybb0kd] {
    color: var(--app-panel-card-eyebrow-color);
    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: var(--app-panel-card-title-color);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
}

.definition-section__title p[b-x0fxybb0kd] {
    color: var(--app-panel-card-description-color);
    font-size: 0.8rem;
    font-weight: 650;
    line-height: 1.35;
    margin: 0.22rem 0 0;
}

.definition-section__header > strong[b-x0fxybb0kd] {
    background: var(--app-status-chip-muted-bg);
    border: 1px solid var(--app-status-chip-muted-border-color);
    border-radius: 999px;
    color: var(--app-status-chip-muted-color);
    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: var(--app-management-definition-row-bg);
    border: 1px solid var(--app-management-definition-row-border-color);
    border-radius: 0.72rem;
    box-shadow: var(--app-management-definition-row-shadow);
    color: var(--app-management-definition-row-color);
    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: var(--app-management-definition-row-overlay-bg);
    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 var(--app-management-definition-row-border-color);
}

.definition-row:hover[b-x0fxybb0kd],
.definition-row.is-hovered[b-x0fxybb0kd],
.definition-row.active[b-x0fxybb0kd] {
    background-color: var(--app-management-definition-row-hover-bg) !important;
    border-color: var(--app-management-definition-row-hover-border-color);
    box-shadow: var(--app-management-definition-row-hover-shadow);
    color: var(--app-management-definition-row-hover-color);
    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: var(--app-management-definition-row-inventory-overlay-bg);
}

.definition-row--inventory:hover[b-x0fxybb0kd],
.definition-row--inventory.is-hovered[b-x0fxybb0kd],
.definition-row--inventory.active[b-x0fxybb0kd] {
    background-color: var(--app-management-definition-row-inventory-hover-bg) !important;
    border-color: var(--app-management-definition-row-inventory-hover-border-color);
    box-shadow: var(--app-management-definition-row-inventory-hover-shadow);
}

.definition-row--customer[b-x0fxybb0kd]::before {
    background: var(--app-management-definition-row-customer-overlay-bg);
}

.definition-row--customer:hover[b-x0fxybb0kd],
.definition-row--customer.is-hovered[b-x0fxybb0kd],
.definition-row--customer.active[b-x0fxybb0kd] {
    background-color: var(--app-management-definition-row-customer-hover-bg) !important;
    border-color: var(--app-management-definition-row-customer-hover-border-color);
    box-shadow: var(--app-management-definition-row-customer-hover-shadow);
}

.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: var(--app-management-definition-row-active-shadow);
}

.definition-row__badge[b-x0fxybb0kd] {
    background: var(--app-status-chip-bg);
    border-radius: 0.58rem;
    color: var(--app-status-chip-color);
    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: var(--app-status-chip-primary-bg);
    color: var(--app-status-chip-primary-color);
}

.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: var(--app-status-chip-success-bg);
    color: var(--app-status-chip-success-color);
}

.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: var(--app-status-chip-warning-bg);
    color: var(--app-status-chip-warning-color);
}

.definition-row__body[b-x0fxybb0kd] {
    align-self: stretch;
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.definition-row__body strong[b-x0fxybb0kd] {
    color: var(--app-management-definition-row-title-color);
    font-size: 0.88rem;
    font-weight: 900;
    line-height: 1.2;
}

.definition-row__body small[b-x0fxybb0kd] {
    color: var(--app-field-note-color);
    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: var(--app-management-definition-row-arrow-color);
    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: var(--app-status-chip-primary-color);
    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: var(--app-status-chip-success-color);
}

.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: var(--app-status-chip-warning-color);
}

.definition-detail[b-x0fxybb0kd] {
    display: grid;
    gap: 0.9rem;
}

.definition-detail__toolbar[b-x0fxybb0kd],
.definition-detail__summary[b-x0fxybb0kd] {
    --app-panel-card-compact-padding: 0.8rem 1rem;
    --app-panel-card-gap: 0.75rem;
    --app-panel-card-radius: 0.8rem;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.definition-back-link[b-x0fxybb0kd] {
    align-items: center;
    color: var(--app-panel-card-link-color);
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 800;
    gap: 0.4rem;
    text-decoration: none;
}

.definition-back-link:hover[b-x0fxybb0kd] {
    color: var(--app-field-focus-border-color);
}

.definition-state[b-x0fxybb0kd] {
    background: var(--app-status-chip-muted-bg);
    border-radius: 999px;
    color: var(--app-status-chip-muted-color);
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
    padding: 0.38rem 0.58rem;
}

.definition-state--ready[b-x0fxybb0kd] {
    background: var(--app-status-chip-success-bg);
    color: var(--app-status-chip-success-color);
}

.definition-detail__summary[b-x0fxybb0kd] {
    align-items: flex-start;
}

.definition-detail__summary h2[b-x0fxybb0kd] {
    color: var(--app-panel-card-title-color);
    font-size: 1.16rem;
    font-weight: 900;
    letter-spacing: 0;
    margin: 0;
}

.definition-detail__module[b-x0fxybb0kd] {
    color: var(--app-panel-card-eyebrow-color);
    font-size: 0.78rem;
    font-weight: 800;
}

[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: var(--app-panel-card-title-color);
    font-weight: 800;
}

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

.definition-form-note[b-x0fxybb0kd] {
    background: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: 0.62rem;
    color: var(--app-field-label-color);
    display: grid;
    gap: 0.18rem;
    grid-column: 1 / -1;
    padding: 0.72rem;
}

.definition-form-note strong[b-x0fxybb0kd] {
    color: var(--app-panel-card-title-color);
    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: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: 0.58rem;
    color: var(--app-field-label-color);
    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: var(--app-field-focus-border-color);
    height: 1rem;
    width: 1rem;
}

.management-panel[b-x0fxybb0kd] {
    --app-panel-card-compact-padding: 1rem;
    --app-panel-card-gap: 0.75rem;
    --app-panel-card-title-font-size: 0.98rem;
    --app-panel-card-title-font-weight: 800;
}

.management-items[b-x0fxybb0kd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.management-items span[b-x0fxybb0kd] {
    background: var(--app-status-chip-muted-bg);
    border: 1px solid var(--app-status-chip-muted-border-color);
    border-radius: var(--app-status-chip-radius);
    color: var(--app-status-chip-muted-color);
    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] {
    --app-panel-card-compact-padding: 1rem;
    --app-panel-card-gap: 0.95rem;
    --app-panel-card-header-align-items: center;
    --app-panel-card-header-gap: 0.75rem;
    --app-panel-card-title-font-size: 1.05rem;
    --app-panel-card-title-font-weight: 900;
}

.quick-sale-definition-footer[b-x0fxybb0kd] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.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] {
    --app-panel-card-bg: var(--app-field-bg);
    --app-panel-card-border-color: var(--app-field-border-color);
    --app-panel-card-compact-padding: 0.9rem;
    --app-panel-card-gap: 0.85rem;
    --app-panel-card-radius: var(--app-field-radius);
    --app-panel-card-shadow: none;
    --app-panel-card-title-font-size: 0.9rem;
    --app-panel-card-title-font-weight: 900;
    --app-panel-card-description-font-size: 0.76rem;
    --app-panel-card-description-font-weight: 700;
    min-width: 0;
}

.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-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-row[b-x0fxybb0kd] {
    --app-panel-row-bg: var(--app-panel-card-bg);
    --app-panel-row-border-color: var(--app-field-border-color);
    --app-panel-row-color: var(--app-field-label-color);
    --app-panel-row-gap: 0.75rem;
    --app-panel-row-hover-bg: var(--app-panel-card-bg);
    --app-panel-row-hover-border-color: var(--app-field-focus-border-color);
    --app-panel-row-meta-font-size: 0.72rem;
    --app-panel-row-meta-font-weight: 750;
    --app-panel-row-min-height: 3.1rem;
    --app-panel-row-padding: 0.55rem 0.65rem;
    --app-panel-row-radius: var(--app-field-radius);
    --app-panel-row-stack-gap: 0.1rem;
    --app-panel-row-title-font-size: 0.82rem;
    --app-panel-row-title-font-weight: 900;
    --app-panel-row-badge-bg: var(--app-status-chip-primary-bg);
    --app-panel-row-badge-border-color: transparent;
    --app-panel-row-badge-color: var(--app-status-chip-primary-color);
    --app-panel-row-badge-font-weight: 900;
    --app-panel-row-badge-min-width: auto;
    --app-panel-row-badge-padding: 0.38rem 0.55rem;
    --app-panel-row-badge-radius: var(--app-status-chip-radius);
    --app-panel-row-badge-size: auto;
    cursor: pointer;
    font: inherit;
    text-align: left;
    width: 100%;
}

.quick-sale-definition-customer-row:hover[b-x0fxybb0kd],
.quick-sale-definition-customer-row.is-selected[b-x0fxybb0kd] {
    border-color: var(--app-field-focus-border-color);
    box-shadow: var(--app-field-focus-ring);
}

.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] {
    --app-panel-row-align-items: stretch;
    --app-panel-row-bg: var(--app-panel-card-bg);
    --app-panel-row-border-color: var(--app-field-border-color);
    --app-panel-row-display: grid;
    --app-panel-row-gap: 0.16rem;
    --app-panel-row-justify-content: start;
    --app-panel-row-meta-font-size: 0.76rem;
    --app-panel-row-meta-font-weight: 750;
    --app-panel-row-padding: 0.62rem;
    --app-panel-row-radius: var(--app-field-radius);
    --app-panel-row-title-font-size: 0.82rem;
    --app-panel-row-title-font-weight: 900;
}

.quick-sale-definition-quick-item__slot[b-x0fxybb0kd] {
    color: var(--app-status-chip-primary-color);
    font-size: 0.72rem;
    font-weight: 900;
}

.quick-sale-definition-footer[b-x0fxybb0kd] {
    border-top: 1px solid var(--app-field-border-color);
    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] {
    --app-panel-card-compact-padding: 1rem;
    --app-panel-card-gap: 0.9rem;
    --app-panel-card-header-align-items: center;
    --app-panel-card-header-gap: 0.75rem;
    --app-panel-card-title-font-size: 1rem;
    --app-panel-card-title-font-weight: 900;
}

.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: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: var(--app-field-radius);
    color: var(--app-field-label-color);
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
}

.company-settings-note strong[b-x0fxybb0kd] {
    color: var(--app-panel-card-title-color);
    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 var(--app-field-border-color);
    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: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: var(--app-field-radius);
    display: grid;
    gap: 0.16rem;
    padding: 0.72rem;
}

.company-settings-stats dt[b-x0fxybb0kd] {
    color: var(--app-panel-card-description-color);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.company-settings-stats dd[b-x0fxybb0kd] {
    color: var(--app-panel-card-title-color);
    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-form-grid[b-x0fxybb0kd] {
        grid-template-columns: 1fr;
    }

    .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;
    }

}
/* /Components/Pages/Management/PrintTemplateDesigner.razor.rz.scp.css */
.print-designer-page[b-996jrep3eb] {
    background: var(--app-field-bg);
    box-sizing: border-box;
    display: grid;
    gap: 18px;
    min-height: 100dvh;
    padding: 24px;
}

.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] {
    --app-panel-card-compact-padding: 18px 20px;
    --app-panel-card-header-align-items: center;
    --app-panel-card-header-gap: 16px;
    --app-panel-card-title-font-size: 1.25rem;
    --app-panel-card-description-font-size: 0.86rem;
    --app-panel-card-description-margin: 4px 0 0;
}

.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] {
    --app-panel-card-shadow: none;
    height: calc(100vh - 150px);
    min-height: 640px;
    overflow: hidden;
}

.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/Notifications/NotificationCenter.razor.rz.scp.css */
.notification-center-page[b-ylfge88qhs] {
    gap: 12px;
}

.notification-center-page__header[b-ylfge88qhs] {
    align-items: flex-start;
    background: var(--app-grid-bg);
    border: 1px solid var(--app-grid-border-color);
    border-radius: 8px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 16px;
}

.notification-center-page__eyebrow[b-ylfge88qhs] {
    color: var(--app-grid-cell-secondary-color);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.notification-center-page__header h1[b-ylfge88qhs] {
    color: var(--app-field-text-color);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.notification-center-page__header p[b-ylfge88qhs] {
    color: var(--app-grid-cell-secondary-color);
    font-size: 13px;
    margin: 6px 0 0;
}

.notification-center-page__actions[b-ylfge88qhs] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.notification-center-page__toolbar[b-ylfge88qhs] {
    align-items: center;
    background: var(--app-grid-bg);
    border: 1px solid var(--app-grid-border-color);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 10px 12px;
}

.notification-center-page__count[b-ylfge88qhs] {
    color: var(--app-grid-cell-secondary-color);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.notification-center-page__content[b-ylfge88qhs] {
    min-height: 260px;
}

.notification-center-page__list[b-ylfge88qhs] {
    display: grid;
    gap: 8px;
}

.notification-center-page__item[b-ylfge88qhs] {
    align-items: start;
    background: var(--app-grid-bg);
    border: 1px solid var(--app-grid-border-color);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: 8px minmax(0, 1fr) auto;
    padding: 12px;
}

.notification-center-page__item--unread[b-ylfge88qhs] {
    border-color: var(--app-panel-action-accent);
    box-shadow: var(--app-notification-unread-outline-shadow);
}

.notification-center-page__item-status[b-ylfge88qhs] {
    background: var(--app-grid-cell-secondary-color);
    border-radius: 999px;
    height: 8px;
    margin-top: 8px;
    width: 8px;
}

.notification-center-page__item--unread .notification-center-page__item-status[b-ylfge88qhs] {
    background: var(--app-panel-action-accent);
}

.notification-center-page__item-body[b-ylfge88qhs] {
    min-width: 0;
}

.notification-center-page__item-title-row[b-ylfge88qhs] {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.notification-center-page__item-title-row h2[b-ylfge88qhs] {
    color: var(--app-field-text-color);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
    margin: 0;
}

.notification-center-page__item-title-row span[b-ylfge88qhs] {
    color: var(--app-grid-cell-secondary-color);
    font-size: 12px;
    white-space: nowrap;
}

.notification-center-page__item-body p[b-ylfge88qhs] {
    color: var(--app-grid-cell-secondary-color);
    font-size: 13px;
    line-height: 1.45;
    margin: 4px 0 0;
}

.notification-center-page__item-meta[b-ylfge88qhs] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.notification-center-page__item-meta span[b-ylfge88qhs] {
    background: var(--app-text-action-hover-bg);
    border-radius: 999px;
    color: var(--app-grid-cell-secondary-color);
    font-size: 11px;
    font-weight: 800;
    padding: 4px 8px;
}

.notification-center-page__item-actions[b-ylfge88qhs] {
    align-items: center;
    display: flex;
    gap: 8px;
}

@media (max-width: 760px) {
    .notification-center-page__header[b-ylfge88qhs],
    .notification-center-page__toolbar[b-ylfge88qhs],
    .notification-center-page__item[b-ylfge88qhs],
    .notification-center-page__item-title-row[b-ylfge88qhs] {
        display: grid;
    }

    .notification-center-page__item[b-ylfge88qhs] {
        grid-template-columns: 8px minmax(0, 1fr);
    }

    .notification-center-page__item-actions[b-ylfge88qhs] {
        grid-column: 2;
        justify-content: flex-start;
    }
}
/* /Components/Pages/Payments/PaymentChecks.razor.rz.scp.css */
.check-settlement-body[b-gwck5pacfi] {
    display: grid;
    gap: 1rem;
}
/* /Components/Pages/Payments/PaymentDashboard.razor.rz.scp.css */
.payment-panel-page[b-1i8g000whw] {
    --app-panel-hero-bg: var(--app-payment-panel-hero-bg);
    --app-panel-grid-icon-bg: var(--app-payment-panel-grid-icon-bg);
    --app-panel-grid-icon-border: var(--app-payment-panel-grid-icon-border);
    --app-panel-grid-icon-color: var(--app-payment-panel-grid-icon-color);
    --app-panel-grid-icon-shadow: var(--app-payment-panel-grid-icon-shadow);
    --app-panel-grid-row-hover-bg: var(--app-payment-panel-grid-row-hover-bg);
    --app-panel-grid-selection-bg: var(--app-payment-panel-grid-selection-bg);
    --app-panel-grid-selection-hover-bg: var(--app-payment-panel-grid-selection-hover-bg);
    --app-panel-hero-border-color: var(--app-payment-panel-hero-border-color);
    --app-panel-hero-eyebrow-color: var(--app-payment-panel-hero-eyebrow-color);
    --app-panel-hero-mark-bg: var(--app-payment-panel-hero-mark-bg);
    --app-panel-hero-mark-shadow: var(--app-payment-panel-hero-mark-shadow);
}

.payment-panel-page .app-panel-action[b-1i8g000whw] {
    --app-panel-action-accent: var(--app-payment-panel-action-accent);
    --app-panel-action-focus-border: var(--app-payment-panel-action-focus-border);
    --app-panel-action-focus-ring: var(--app-payment-panel-action-focus-ring);
    --app-panel-action-hover-border: var(--app-payment-panel-action-hover-border);
    --app-panel-action-hover-color: var(--app-payment-panel-action-hover-color);
    --app-panel-action-primary-bg: var(--app-payment-panel-action-primary-bg);
    --app-panel-action-primary-shadow: var(--app-payment-panel-action-primary-shadow);
}

.payment-panel-page .app-panel-stat[b-1i8g000whw] {
    --app-panel-stat-accent: var(--app-payment-panel-stat-accent);
    --app-panel-stat-min-height: 78px;
}

.payment-cash-status[b-1i8g000whw] {
    --app-panel-card-border-color: var(--app-payment-cash-card-border-color);
    --app-panel-card-eyebrow-color: var(--app-payment-cash-card-eyebrow-color);
    --app-panel-card-eyebrow-font-size: 0.72rem;
    --app-panel-card-eyebrow-letter-spacing: 0.08em;
    --app-panel-card-gap: 0.85rem;
    --app-panel-card-header-align-items: center;
    --app-panel-card-header-gap: 1rem;
    --app-panel-card-radius: 0.85rem;
    --app-panel-card-shadow: var(--app-payment-cash-card-shadow);
    --app-panel-card-description-color: var(--app-payment-cash-muted-color);
    --app-panel-card-description-font-size: 0.82rem;
    --app-panel-card-description-line-height: 1.35;
    --app-panel-card-description-margin: 0.2rem 0 0;
    --app-panel-card-title-font-size: 1.05rem;
    --app-panel-card-title-font-weight: 700;
    --app-panel-card-title-margin: 0.1rem 0 0;
    --app-panel-header-metric-bg: var(--app-payment-cash-net-bg);
    --app-panel-header-metric-border-color: var(--app-payment-cash-net-border-color);
    --app-panel-header-metric-label-color: var(--app-payment-cash-muted-color);
    --app-panel-header-metric-value-color: var(--app-payment-cash-strong-color);
    min-width: 0;
}

.payment-cash-status__cards[b-1i8g000whw] {
    --app-panel-stat-accent-width: 0;
    --app-panel-stat-bg: var(--app-payment-cash-stat-bg);
    --app-panel-stat-border-color: var(--app-payment-cash-stat-border-color);
    --app-panel-stat-gap: 0.2rem;
    --app-panel-stat-label-font-size: 0.75rem;
    --app-panel-stat-label-font-weight: 700;
    --app-panel-stat-label-letter-spacing: 0;
    --app-panel-stat-label-text-transform: uppercase;
    --app-panel-stat-min-height: 70px;
    --app-panel-stat-padding: 0.75rem 0.8rem;
    --app-panel-stat-radius: 0.7rem;
    --app-panel-stat-shadow: none;
    --app-panel-stat-value-font-size: 1.05rem;
    --app-panel-stat-value-font-weight: 750;
    --app-panel-stat-value-line-height: 1.15;
    --app-panel-stat-value-overflow-wrap: anywhere;
    --app-panel-stats-columns: repeat(5, minmax(0, 1fr));
    --app-panel-stats-gap: 0.65rem;
    --app-panel-stats-mobile-columns: minmax(0, 1fr);
    --app-panel-stats-tablet-columns: repeat(2, minmax(0, 1fr));
}

.payment-cash-lines[b-1i8g000whw] {
    --app-panel-row-bg: transparent;
    --app-panel-row-border-color: transparent;
    --app-panel-row-border-left-color: transparent;
    --app-panel-row-display: grid;
    --app-panel-row-gap: 0.75rem;
    --app-panel-row-grid-template-columns: 0.8fr minmax(0, 1.4fr) 0.9fr 0.9fr;
    --app-panel-row-justify-content: stretch;
    --app-panel-row-label-color: var(--app-payment-cash-line-type-color);
    --app-panel-row-label-font-size: 0.78rem;
    --app-panel-row-label-font-weight: 700;
    --app-panel-row-label-min-width: 0;
    --app-panel-row-label-overflow: hidden;
    --app-panel-row-label-text-overflow: ellipsis;
    --app-panel-row-label-white-space: nowrap;
    --app-panel-row-list-border-color: var(--app-payment-cash-line-border-color);
    --app-panel-row-list-radius: 0.7rem;
    --app-panel-row-meta-color: var(--app-payment-cash-line-muted-color);
    --app-panel-row-meta-font-size: 0.82rem;
    --app-panel-row-meta-font-weight: 600;
    --app-panel-row-meta-min-width: 0;
    --app-panel-row-meta-overflow: hidden;
    --app-panel-row-meta-text-overflow: ellipsis;
    --app-panel-row-meta-white-space: nowrap;
    --app-panel-row-min-height: 42px;
    --app-panel-row-padding: 0.55rem 0.75rem;
    --app-panel-row-radius: 0;
    --app-panel-row-value-color: var(--app-payment-cash-line-local-color);
    --app-panel-row-value-font-size: 0.86rem;
    --app-panel-row-value-font-weight: 750;
    --app-panel-row-value-min-width: 0;
    --app-panel-row-value-overflow-wrap: anywhere;
    --app-panel-row-value-text-align: right;
}

@media (max-width: 760px) {
    .payment-cash-lines[b-1i8g000whw] {
        --app-panel-row-gap: 0.2rem;
        --app-panel-row-grid-template-columns: minmax(0, 1fr);
        --app-panel-row-value-text-align: left;
    }
}
/* /Components/Pages/Payments/PaymentExpenses.razor.rz.scp.css */
.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;
}

.expense-form[b-aa2imymx8u] {
    align-self: start;
    --app-panel-card-gap: 0.85rem;
    --app-panel-card-radius: 0.85rem;
    --app-panel-card-shadow: var(--app-payment-expense-form-shadow);
}

.expense-form__fields[b-aa2imymx8u] {
    border: 0;
    display: flex;
    flex-direction: column;
    gap: var(--app-panel-card-gap);
    margin: 0;
    min-width: 0;
    padding: 0;
}

@media (max-width: 1100px) {
    .payment-expense-page[b-aa2imymx8u] {
        height: auto;
        overflow: visible;
    }

    .expense-layout[b-aa2imymx8u] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Payments/PaymentReceiptList.razor.rz.scp.css */
.app-toolbar-meta[b-jcqepuvdkt] {
    color: var(--app-text-muted);
    font-size: 0.82rem;
    line-height: 1.2;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .app-toolbar-meta[b-jcqepuvdkt] {
        white-space: normal;
        width: 100%;
    }
}
/* /Components/Pages/Payments/PublicPaymentReceipt.razor.rz.scp.css */
.public-receipt-page[b-q19i3puww9] {
    min-height: calc(100vh - 48px);
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 32px;
    background: var(--app-public-document-page-bg);
}

.public-receipt-card[b-q19i3puww9] {
    width: min(920px, 100%);
    align-self: flex-start;
    background: var(--app-public-document-card-bg);
    border: 1px solid var(--app-public-document-card-border-color);
    border-radius: 8px;
    padding: 24px;
    box-shadow: var(--app-public-document-card-shadow);
}

.public-receipt-card__head[b-q19i3puww9] {
    display: grid;
    gap: 8px;
    margin-bottom: 24px;
}

.public-receipt-card__head h1[b-q19i3puww9] {
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
}

.public-receipt-card__head p[b-q19i3puww9] {
    margin: 0;
    color: var(--app-public-document-muted-color);
}

.public-receipt-summary[b-q19i3puww9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 24px;
}

.public-receipt-summary > div[b-q19i3puww9] {
    border: 1px solid var(--app-public-document-card-border-color);
    border-radius: 8px;
    padding: 14px;
    display: grid;
    gap: 6px;
    min-width: 0;
}

.public-receipt-summary span[b-q19i3puww9] {
    color: var(--app-public-document-muted-color);
    font-size: 12px;
}

.public-receipt-summary strong[b-q19i3puww9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-receipt-table-wrap[b-q19i3puww9] {
    border: 1px solid var(--app-public-document-card-border-color);
    border-radius: 8px;
    overflow: hidden;
}

.public-receipt-table[b-q19i3puww9] {
    width: 100%;
    border-collapse: collapse;
}

.public-receipt-table th[b-q19i3puww9],
.public-receipt-table td[b-q19i3puww9] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--app-public-document-card-border-color);
    text-align: left;
    vertical-align: middle;
}

.public-receipt-table tr:last-child th[b-q19i3puww9],
.public-receipt-table tr:last-child td[b-q19i3puww9] {
    border-bottom: 0;
}

.public-receipt-table th[b-q19i3puww9] {
    width: 180px;
    color: var(--app-public-document-muted-color);
    font-weight: 600;
}

.public-receipt-actions[b-q19i3puww9] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

@media (max-width: 760px) {
    .public-receipt-page[b-q19i3puww9] {
        padding: 16px;
    }

    .public-receipt-summary[b-q19i3puww9] {
        grid-template-columns: 1fr;
    }

    .public-receipt-table th[b-q19i3puww9],
    .public-receipt-table td[b-q19i3puww9] {
        display: block;
        width: 100%;
    }

    .public-receipt-table th[b-q19i3puww9] {
        padding-bottom: 4px;
    }

    .public-receipt-table td[b-q19i3puww9] {
        padding-top: 4px;
    }
}
/* /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: var(--app-quick-sale-page-color);
    background: var(--app-quick-sale-page-bg);
}

.quick-sale-loading[b-qdx8bi97xp] {
    position: fixed;
    inset: 0;
    z-index: 6000;
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 0;
    color: var(--app-quick-sale-page-color);
    background: var(--app-quick-sale-loading-bg);
}

.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 var(--app-quick-sale-spinner-track-color);
    border-top-color: var(--app-quick-sale-primary-bg);
    border-radius: 999px;
    animation: quick-sale-loading-spin-b-qdx8bi97xp 0.8s linear infinite;
}

.quick-sale-loading__content strong[b-qdx8bi97xp] {
    color: var(--app-quick-sale-page-color);
    font-size: 1rem;
    font-weight: 900;
}

.quick-sale-loading__content small[b-qdx8bi97xp] {
    color: var(--app-quick-sale-muted-color);
    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 var(--app-quick-sale-panel-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-surface-bg);
    box-shadow: var(--app-quick-sale-topbar-shadow);
}

.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: var(--app-quick-sale-mark-color);
    background: var(--app-quick-sale-mark-bg);
}

.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: var(--app-quick-sale-muted-color);
    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: var(--app-quick-sale-page-color);
    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 var(--app-quick-sale-button-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-page-color);
    background: var(--app-quick-sale-field-bg);
    font-size: 0.86rem;
    outline: none;
}

.quick-sale-search__input[b-qdx8bi97xp] {
    min-height: 44px;
    padding-inline: 14px;
    background: var(--app-quick-sale-field-subtle-bg);
    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: var(--app-quick-sale-field-focus-border-color);
    box-shadow: var(--app-quick-sale-field-focus-ring);
}

.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 var(--app-quick-sale-button-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-button-color);
    background: var(--app-quick-sale-button-bg);
    font-size: 0.86rem;
    font-weight: 850;
    white-space: nowrap;
}

.quick-sale-button:hover[b-qdx8bi97xp] {
    color: var(--app-quick-sale-page-color);
    border-color: var(--app-quick-sale-button-hover-border-color);
    background: var(--app-quick-sale-button-hover-bg);
}

.quick-sale-button--primary[b-qdx8bi97xp],
.quick-sale-icon-button--primary[b-qdx8bi97xp] {
    color: var(--app-quick-sale-primary-color);
    border-color: var(--app-quick-sale-primary-bg);
    background: var(--app-quick-sale-primary-bg);
}

.quick-sale-button--primary:hover[b-qdx8bi97xp],
.quick-sale-icon-button--primary:hover[b-qdx8bi97xp] {
    color: var(--app-quick-sale-primary-color);
    border-color: var(--app-quick-sale-primary-hover-bg);
    background: var(--app-quick-sale-primary-hover-bg);
}

.quick-sale-button--soft[b-qdx8bi97xp] {
    color: var(--app-quick-sale-accent-color);
    border-color: var(--app-quick-sale-primary-soft-border-color);
    background: var(--app-quick-sale-primary-soft-bg);
}

.quick-sale-button--danger[b-qdx8bi97xp] {
    color: var(--app-quick-sale-primary-color);
    border-color: var(--app-quick-sale-danger-bg);
    background: var(--app-quick-sale-danger-bg);
}

.quick-sale-button--danger:hover[b-qdx8bi97xp] {
    color: var(--app-quick-sale-primary-color);
    border-color: var(--app-quick-sale-danger-hover-bg);
    background: var(--app-quick-sale-danger-hover-bg);
}

.quick-sale-button--danger-soft[b-qdx8bi97xp] {
    color: var(--app-quick-sale-danger-color);
    border-color: var(--app-quick-sale-danger-soft-border-color);
    background: var(--app-quick-sale-danger-soft-bg);
}

.quick-sale-button--danger-soft:hover[b-qdx8bi97xp] {
    color: var(--app-quick-sale-danger-hover-color);
    border-color: var(--app-quick-sale-danger-soft-hover-border-color);
    background: var(--app-quick-sale-danger-soft-hover-bg);
}

.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 var(--app-quick-sale-button-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-button-color);
    background: var(--app-quick-sale-button-bg);
}

.quick-sale-icon-button:hover[b-qdx8bi97xp] {
    color: var(--app-quick-sale-page-color);
    border-color: var(--app-quick-sale-button-hover-border-color);
    background: var(--app-quick-sale-button-hover-bg);
}

.quick-sale-icon-button--danger[b-qdx8bi97xp] {
    width: 34px;
    height: 34px;
    color: var(--app-quick-sale-danger-color);
    border-color: var(--app-quick-sale-danger-soft-border-color);
    background: var(--app-quick-sale-danger-soft-bg);
}

.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: var(--app-quick-sale-page-color);
    background: transparent;
    border: 0;
    box-shadow: none;
}

.quick-sale-processing .quick-sale-spinner[b-qdx8bi97xp] {
    width: 28px;
    height: 28px;
    color: var(--app-quick-sale-primary-bg);
    filter: var(--app-quick-sale-spinner-drop-shadow);
}

.quick-sale-processing strong[b-qdx8bi97xp] {
    font-size: 1rem;
    font-weight: 900;
    text-shadow: var(--app-quick-sale-processing-text-shadow);
}

.quick-sale-processing small[b-qdx8bi97xp] {
    color: var(--app-quick-sale-muted-color);
    font-size: 0.8rem;
    font-weight: 700;
    text-shadow: var(--app-quick-sale-processing-text-shadow);
}

.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 var(--app-quick-sale-panel-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-surface-bg);
    box-shadow: var(--app-quick-sale-panel-shadow);
}

.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 var(--app-quick-sale-divider-color);
}

.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: var(--app-quick-sale-accent-color);
    background: var(--app-quick-sale-accent-bg);
    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: var(--app-quick-sale-muted-color);
    text-align: center;
}

.quick-sale-empty strong[b-qdx8bi97xp] {
    color: var(--app-quick-sale-button-color);
}

.quick-sale-empty--quick[b-qdx8bi97xp] {
    grid-column: 1 / -1;
    min-height: 220px;
    border: 1px dashed var(--app-quick-sale-button-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-field-subtle-bg);
}

.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: var(--app-quick-sale-muted-color);
    background: var(--app-quick-sale-surface-bg);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.quick-sale-cart-row[b-qdx8bi97xp] {
    padding: 9px;
    border: 1px solid var(--app-quick-sale-subtle-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-field-subtle-bg);
}

.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: var(--app-quick-sale-page-color);
    font-size: 0.9rem;
    font-weight: 900;
}

.quick-sale-cart-product span[b-qdx8bi97xp] {
    color: var(--app-quick-sale-muted-color);
    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: var(--app-field-label-color);
    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: var(--app-quick-sale-page-color);
    font-size: 0.86rem;
    font-weight: 900;
}

.quick-sale-cart-total span[b-qdx8bi97xp] {
    color: var(--app-quick-sale-danger-bg);
    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 var(--app-quick-sale-button-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-button-color);
    background: var(--app-quick-sale-button-bg);
    font-size: 0.82rem;
    font-weight: 900;
}

.quick-sale-page-tabs button.is-active[b-qdx8bi97xp] {
    color: var(--app-quick-sale-primary-color);
    border-color: var(--app-quick-sale-primary-bg);
    background: var(--app-quick-sale-primary-bg);
}

.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 var(--app-quick-sale-panel-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-page-color);
    background: var(--app-quick-sale-surface-bg);
    text-align: left;
    box-shadow: var(--app-quick-sale-card-shadow);
}

.quick-sale-quick-card:hover[b-qdx8bi97xp],
.quick-sale-quick-card:focus-within[b-qdx8bi97xp] {
    border-color: var(--app-quick-sale-card-hover-border-color);
    background: var(--app-quick-sale-primary-soft-bg);
}

.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: var(--app-quick-sale-card-main-hover-bg);
}

.quick-sale-quick-card--has-image .quick-sale-quick-card__main[b-qdx8bi97xp] {
    color: var(--app-quick-sale-card-image-color);
    background: var(--app-quick-sale-page-color);
}

.quick-sale-quick-card--has-image .quick-sale-quick-card__main[b-qdx8bi97xp]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--app-quick-sale-card-image-overlay-bg);
    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 var(--app-quick-sale-primary-soft-border-color);
    border-radius: 999px;
    color: var(--app-quick-sale-accent-color);
    background: var(--app-quick-sale-quick-card-edit-bg);
    box-shadow: var(--app-quick-sale-quick-card-edit-shadow);
}

.quick-sale-quick-card__edit:hover[b-qdx8bi97xp] {
    color: var(--app-quick-sale-primary-color);
    border-color: var(--app-quick-sale-primary-bg);
    background: var(--app-quick-sale-primary-bg);
}

.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: var(--app-quick-sale-card-image-bg);
}

.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: var(--app-quick-sale-accent-color);
    background: var(--app-quick-sale-accent-bg);
    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: var(--app-quick-sale-muted-color);
    font-size: 0.72rem;
    font-weight: 800;
}

.quick-sale-quick-card em[b-qdx8bi97xp] {
    color: var(--app-quick-sale-mark-color);
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 900;
}

.quick-sale-quick-card--has-image span[b-qdx8bi97xp] {
    color: var(--app-quick-sale-primary-soft-bg);
    background: var(--app-quick-sale-card-image-badge-bg);
}

.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: var(--app-quick-sale-card-image-color);
    text-shadow: var(--app-quick-sale-card-image-shadow);
}

.quick-sale-quick-card--empty[b-qdx8bi97xp] {
    color: var(--app-empty-state-icon-color);
    border-style: dashed;
    background: var(--app-quick-sale-field-subtle-bg);
}

.quick-sale-quick-card--empty strong[b-qdx8bi97xp] {
    color: var(--app-quick-sale-accent-color);
}

.quick-sale-quick-card--empty small[b-qdx8bi97xp] {
    color: var(--app-empty-state-icon-color);
}

.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 var(--app-quick-sale-success-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-success-bg);
}

.quick-sale-total span[b-qdx8bi97xp] {
    color: var(--app-quick-sale-success-color);
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.quick-sale-total strong[b-qdx8bi97xp] {
    color: var(--app-quick-sale-success-strong-color);
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    font-weight: 950;
    line-height: 1;
    overflow-wrap: anywhere;
}

.quick-sale-total em[b-qdx8bi97xp] {
    color: var(--app-quick-sale-success-text-color);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 800;
}

.quick-sale-discount[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--app-quick-sale-button-color);
    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: var(--app-quick-sale-button-color);
    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 var(--app-quick-sale-button-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-page-color);
    background: var(--app-quick-sale-button-bg);
    font-size: 0.82rem;
    font-weight: 950;
}

.quick-sale-keypad button:hover[b-qdx8bi97xp] {
    border-color: var(--app-quick-sale-primary-soft-border-color);
    color: var(--app-quick-sale-accent-color);
    background: var(--app-quick-sale-primary-soft-bg);
}

.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 var(--app-quick-sale-button-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-button-color);
    background: var(--app-quick-sale-button-bg);
    font-size: 0.8rem;
    font-weight: 900;
}

.quick-sale-payment-actions button:hover[b-qdx8bi97xp] {
    color: var(--app-quick-sale-accent-color);
    border-color: var(--app-quick-sale-primary-soft-border-color);
    background: var(--app-quick-sale-primary-soft-bg);
}

.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 var(--app-quick-sale-subtle-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-field-subtle-bg);
}

.quick-sale-payment-line strong[b-qdx8bi97xp] {
    overflow: hidden;
    color: var(--app-quick-sale-page-color);
    font-size: 0.82rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-sale-payment-line span[b-qdx8bi97xp] {
    color: var(--app-quick-sale-page-color);
    font-size: 0.82rem;
    font-weight: 950;
    white-space: nowrap;
}

.quick-sale-payment-empty[b-qdx8bi97xp] {
    padding: 10px;
    border: 1px dashed var(--app-quick-sale-button-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-muted-color);
    background: var(--app-quick-sale-field-subtle-bg);
    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 var(--app-quick-sale-subtle-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-field-subtle-bg);
}

.quick-sale-summary-row[b-qdx8bi97xp] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.quick-sale-summary span[b-qdx8bi97xp] {
    color: var(--app-quick-sale-muted-color);
    font-size: 0.78rem;
}

.quick-sale-summary strong[b-qdx8bi97xp] {
    min-width: 0;
    overflow: hidden;
    color: var(--app-quick-sale-page-color);
    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: var(--app-quick-sale-accent-color);
    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: var(--app-quick-sale-accent-color);
    background: var(--app-quick-sale-accent-bg);
    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: var(--app-quick-sale-primary-color);
    background: var(--app-quick-sale-complete-bg);
    font-size: 0.95rem;
    font-weight: 950;
}

.quick-sale-complete:not(:disabled):hover[b-qdx8bi97xp] {
    background: var(--app-quick-sale-complete-hover-bg);
}

.quick-sale-complete-hint[b-qdx8bi97xp] {
    padding: 9px 10px;
    border: 1px solid var(--app-quick-sale-warning-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-warning-color);
    background: var(--app-quick-sale-warning-bg);
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.35;
}

.quick-sale-clear[b-qdx8bi97xp] {
    min-height: 40px;
    border: 1px solid var(--app-quick-sale-danger-soft-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-danger-color);
    background: var(--app-quick-sale-danger-soft-bg);
    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: var(--app-quick-sale-backdrop-bg);
}

.quick-sale-modal[b-qdx8bi97xp],
.quick-sale-settings[b-qdx8bi97xp] {
    position: fixed;
    z-index: 3020;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--app-quick-sale-panel-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-surface-bg);
    box-shadow: var(--app-quick-sale-modal-shadow);
}

.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 var(--app-quick-sale-divider-color);
}

.quick-sale-settings footer[b-qdx8bi97xp] {
    border-top: 1px solid var(--app-quick-sale-divider-color);
    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 var(--app-quick-sale-divider-color);
}

.quick-sale-exit-body[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 12px;
    color: var(--app-field-label-color);
    font-size: 0.86rem;
    line-height: 1.45;
}

.quick-sale-exit-body strong[b-qdx8bi97xp] {
    color: var(--app-quick-sale-page-color);
    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 var(--app-quick-sale-divider-color);
}

.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 var(--app-quick-sale-success-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-success-bg);
}

.quick-sale-payment-amount-card span[b-qdx8bi97xp] {
    color: var(--app-quick-sale-success-color);
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.quick-sale-payment-amount-card strong[b-qdx8bi97xp] {
    color: var(--app-quick-sale-success-strong-color);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 950;
    line-height: 1;
    overflow-wrap: anywhere;
}

.quick-sale-payment-amount-card small[b-qdx8bi97xp] {
    color: var(--app-quick-sale-success-text-color);
    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 var(--app-quick-sale-divider-color);
}

.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 var(--app-quick-sale-divider-color);
}

.quick-sale-modal-search button[b-qdx8bi97xp],
.quick-sale-settings-search button[b-qdx8bi97xp] {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid var(--app-quick-sale-primary-soft-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-accent-color);
    background: var(--app-quick-sale-primary-soft-bg);
    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 var(--app-quick-sale-subtle-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-field-subtle-bg);
}

.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: var(--app-quick-sale-page-color);
    font-size: 0.9rem;
    font-weight: 900;
}

.quick-sale-picker-row span[b-qdx8bi97xp] {
    color: var(--app-quick-sale-muted-color);
    font-size: 0.78rem;
}

.quick-sale-picker-row button[b-qdx8bi97xp] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    color: var(--app-quick-sale-primary-color);
    background: var(--app-quick-sale-primary-bg);
    font-size: 0.82rem;
    font-weight: 900;
}

.quick-sale-picker-row.is-selected[b-qdx8bi97xp] {
    border-color: var(--app-quick-sale-card-hover-border-color);
    background: var(--app-quick-sale-primary-soft-bg);
}

.quick-sale-picker-row.is-selected button[b-qdx8bi97xp] {
    color: var(--app-quick-sale-accent-color);
    background: var(--app-quick-sale-accent-bg);
}

.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 var(--app-quick-sale-panel-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-page-color);
    background: var(--app-quick-sale-field-subtle-bg);
    text-align: left;
}

.quick-sale-unit-list button:hover[b-qdx8bi97xp] {
    border-color: var(--app-quick-sale-card-hover-border-color);
    background: var(--app-quick-sale-primary-soft-bg);
}

.quick-sale-unit-list strong[b-qdx8bi97xp] {
    font-size: 0.9rem;
    font-weight: 900;
}

.quick-sale-unit-list span[b-qdx8bi97xp] {
    color: var(--app-quick-sale-mark-color);
    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 var(--app-quick-sale-subtle-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-field-subtle-bg);
}

.quick-sale-settings-section h3[b-qdx8bi97xp] {
    margin: 0;
    color: var(--app-quick-sale-page-color);
    font-size: 0.92rem;
    font-weight: 900;
}

.quick-sale-settings-section label[b-qdx8bi97xp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--app-quick-sale-button-color);
    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 var(--app-quick-sale-subtle-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-page-color);
    background: var(--app-quick-sale-surface-bg);
    text-align: left;
}

.quick-sale-settings-customer-list button.is-selected[b-qdx8bi97xp] {
    border-color: var(--app-quick-sale-primary-soft-border-color);
    background: var(--app-quick-sale-primary-soft-bg);
}

.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: var(--app-quick-sale-muted-color);
    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: var(--app-quick-sale-accent-color);
    background: var(--app-quick-sale-accent-bg);
    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 var(--app-quick-sale-subtle-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-surface-bg);
}

.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 var(--app-quick-sale-subtle-border-color);
    border-radius: 8px;
    background: var(--app-quick-sale-surface-bg);
}

.quick-sale-settings-quick-item span[b-qdx8bi97xp] {
    color: var(--app-quick-sale-accent-color);
    font-size: 0.74rem;
    font-weight: 900;
}

.quick-sale-settings-quick-item strong[b-qdx8bi97xp] {
    min-width: 0;
    overflow: hidden;
    color: var(--app-quick-sale-page-color);
    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 var(--app-quick-sale-primary-soft-border-color);
    color: var(--app-quick-sale-accent-color);
    background: var(--app-quick-sale-primary-soft-bg);
}

.quick-sale-settings-quick-remove[b-qdx8bi97xp] {
    border: 1px solid var(--app-quick-sale-danger-soft-border-color);
    color: var(--app-quick-sale-danger-color);
    background: var(--app-quick-sale-danger-soft-bg);
}

.quick-sale-settings-empty[b-qdx8bi97xp] {
    padding: 10px;
    border: 1px dashed var(--app-quick-sale-button-border-color);
    border-radius: 8px;
    color: var(--app-quick-sale-muted-color);
    background: var(--app-quick-sale-surface-bg);
    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/Reconciliations/PublicCustomerReconciliation.razor.rz.scp.css */
.public-reconciliation-page[b-3hhbqmsa2o] {
    min-height: calc(100vh - 48px);
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 32px;
    background: var(--app-public-document-page-bg);
}

.public-reconciliation-card[b-3hhbqmsa2o] {
    width: min(920px, 100%);
    align-self: flex-start;
    background: var(--app-public-document-card-bg);
    border: 1px solid var(--app-public-document-card-border-color);
    border-radius: 8px;
    padding: 24px;
    box-shadow: var(--app-public-document-card-shadow);
}

.public-reconciliation-card__head[b-3hhbqmsa2o] {
    display: grid;
    gap: 8px;
    margin-bottom: 24px;
}

.public-reconciliation-card__head h1[b-3hhbqmsa2o] {
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
}

.public-reconciliation-card__head p[b-3hhbqmsa2o] {
    margin: 0;
    color: var(--app-public-document-muted-color);
}

.public-reconciliation-summary[b-3hhbqmsa2o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 24px;
}

.public-reconciliation-summary > div[b-3hhbqmsa2o],
.public-reconciliation-result[b-3hhbqmsa2o] {
    border: 1px solid var(--app-public-document-card-border-color);
    border-radius: 8px;
    padding: 14px;
    display: grid;
    gap: 6px;
    min-width: 0;
}

.public-reconciliation-summary span[b-3hhbqmsa2o],
.public-reconciliation-result span[b-3hhbqmsa2o] {
    color: var(--app-public-document-muted-color);
    font-size: 12px;
}

.public-reconciliation-summary strong[b-3hhbqmsa2o],
.public-reconciliation-result strong[b-3hhbqmsa2o] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-reconciliation-response[b-3hhbqmsa2o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.public-reconciliation-lines[b-3hhbqmsa2o] {
    display: grid;
    gap: 12px;
}

.public-reconciliation-actions[b-3hhbqmsa2o] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

@media (max-width: 760px) {
    .public-reconciliation-page[b-3hhbqmsa2o] {
        padding: 16px;
    }

    .public-reconciliation-summary[b-3hhbqmsa2o],
    .public-reconciliation-response[b-3hhbqmsa2o] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Sales/SalesDashboard.razor.rz.scp.css */
.sales-panel-page[b-i1l1xcre7z] {
    --app-panel-hero-bg: var(--app-sales-panel-hero-bg);
    --app-panel-grid-icon-bg: var(--app-sales-panel-grid-icon-bg);
    --app-panel-grid-icon-border: var(--app-sales-panel-grid-icon-border);
    --app-panel-grid-icon-color: var(--app-sales-panel-grid-icon-color);
    --app-panel-grid-icon-shadow: var(--app-sales-panel-grid-icon-shadow);
    --app-panel-grid-row-hover-bg: var(--app-sales-panel-grid-row-hover-bg);
    --app-panel-grid-selection-bg: var(--app-sales-panel-grid-selection-bg);
    --app-panel-grid-selection-hover-bg: var(--app-sales-panel-grid-selection-hover-bg);
    --app-panel-hero-border-color: var(--app-sales-panel-hero-border-color);
    --app-panel-hero-eyebrow-color: var(--app-sales-panel-hero-eyebrow-color);
    --app-panel-hero-mark-bg: var(--app-sales-panel-hero-mark-bg);
    --app-panel-hero-mark-shadow: var(--app-sales-panel-hero-mark-shadow);
}

.sales-panel-page .app-panel-action[b-i1l1xcre7z] {
    --app-panel-action-accent: var(--app-sales-panel-action-accent);
    --app-panel-action-focus-border: var(--app-sales-panel-action-focus-border);
    --app-panel-action-focus-ring: var(--app-sales-panel-action-focus-ring);
    --app-panel-action-hover-border: var(--app-sales-panel-action-hover-border);
    --app-panel-action-hover-color: var(--app-sales-panel-action-hover-color);
    --app-panel-action-primary-bg: var(--app-sales-panel-action-primary-bg);
    --app-panel-action-primary-hover-shadow: var(--app-sales-panel-action-primary-hover-shadow);
    --app-panel-action-primary-shadow: var(--app-sales-panel-action-primary-shadow);
}

.sales-panel-page .app-action-dropdown[b-i1l1xcre7z] {
    --app-action-dropdown-item-color: var(--app-sales-create-menu-item-color);
    --app-action-dropdown-item-hover-bg: var(--app-sales-create-menu-item-hover-bg);
    --app-action-dropdown-item-hover-color: var(--app-sales-create-menu-item-color);
    --app-action-dropdown-mark-bg: var(--app-sales-create-menu-icon-bg);
    --app-action-dropdown-mark-border-color: var(--app-sales-create-menu-icon-border-color);
    --app-action-dropdown-mark-color: var(--app-sales-create-menu-icon-color);
    --app-action-dropdown-menu-bg: var(--app-sales-create-menu-bg);
    --app-action-dropdown-menu-border-color: var(--app-sales-create-menu-border-color);
    --app-action-dropdown-menu-shadow: var(--app-sales-create-menu-shadow);
    --app-action-dropdown-text-meta-color: var(--app-sales-create-menu-meta-color);
    --app-action-dropdown-text-title-color: var(--app-sales-create-menu-title-color);
}

.sales-create-backdrop[b-i1l1xcre7z] {
    background: transparent;
    border: 0;
    inset: 0;
    position: fixed;
    z-index: 20;
}

.sales-panel-page .app-panel-stat[b-i1l1xcre7z] {
    --app-panel-stat-accent: var(--app-sales-panel-stat-accent);
    --app-panel-stat-min-height: 78px;
}
/* /Components/Pages/Sales/SalesDocumentCreate.razor.rz.scp.css */
@media (max-width: 1180px) {
    .dx-edit-body[b-5jlyy5q7gy] {
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    .detail-hero__actions[b-5jlyy5q7gy],
    .card-actions[b-5jlyy5q7gy] {
        align-items: stretch;
        flex-direction: column;
    }

    .detail-hero__actions > *[b-5jlyy5q7gy],
    .card-actions > *[b-5jlyy5q7gy] {
        width: 100%;
    }
}
/* /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: var(--app-field-bg);
    color: var(--app-panel-card-title-color);
}

@media (min-width: 720px) {
    .select-shell[b-7la9mq02yc] {
        align-items: center;
    }
}

/* ============ CARD ============ */
.select-card[b-7la9mq02yc] {
    --app-panel-card-compact-padding: 1.75rem 1.75rem 2rem 1.75rem;
    --app-panel-card-gap: 0;
    max-width: 38rem;
    width: 100%;
}

/* ============ 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 var(--app-detail-section-title-border-color);
}

@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: var(--app-entity-form-mark-bg);
    color: var(--app-entity-form-mark-color);
    font-weight: 800;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
    box-shadow: var(--app-entity-form-mark-shadow);
}

.select-card__brand[b-7la9mq02yc] {
    font-weight: 700;
    color: var(--app-panel-card-title-color);
    font-size: 1.05rem;
    letter-spacing: 0.2px;
}

.select-card__head-text[b-7la9mq02yc] {
    --app-panel-card-description-font-size: 0.9rem;
    --app-panel-card-description-line-height: 1.4;
    --app-panel-card-title-font-size: 1.25rem;
    --app-panel-card-title-font-weight: 700;
    --app-panel-card-title-margin: 0 0 0.3rem 0;

    grid-area: text;
    min-width: 0;
}

.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: var(--app-field-label-color);
    background: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    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: var(--app-detail-message-danger-color);
    background: var(--app-detail-message-danger-bg);
    border-color: var(--app-detail-message-danger-border-color);
}

/* ============ 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: var(--app-field-radius);
    background: var(--app-empty-state-bg);
}

.select-state--error[b-7la9mq02yc] {
    text-align: center;
    color: var(--app-detail-message-danger-color);
}

.select-state--empty[b-7la9mq02yc] {
    --app-panel-card-description-font-size: 0.9rem;
    --app-panel-card-description-margin: 0;
    --app-panel-card-title-color: var(--app-empty-state-title-color);
    --app-panel-card-title-font-size: 1rem;
    --app-panel-card-title-font-weight: 600;
    --app-panel-card-title-margin: 0 0 0.4rem 0;

    text-align: center;
    color: var(--app-empty-state-color);
    padding: 1.5rem 1rem;
}

.select-state--empty svg[b-7la9mq02yc] {
    color: var(--app-empty-state-icon-color);
    margin-bottom: 0.75rem;
}

/* ============ TENANT LIST (accordion) ============ */
.tenant-list[b-7la9mq02yc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tenant[b-7la9mq02yc] {
    --app-panel-card-border-color: var(--app-field-border-color);
    --app-panel-card-shadow: none;

    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.tenant[open][b-7la9mq02yc] {
    border-color: var(--app-field-focus-border-color);
    box-shadow: var(--app-field-focus-ring);
}

.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: var(--app-field-bg);
    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: var(--app-status-chip-primary-bg);
}

.tenant__head:hover[b-7la9mq02yc] {
    background: var(--app-empty-state-bg);
}

.tenant__icon[b-7la9mq02yc] {
    flex-shrink: 0;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.55rem;
    background: var(--app-panel-card-bg);
    border: 1px solid var(--app-field-border-color);
    color: var(--app-panel-card-link-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tenant[open] > .tenant__head .tenant__icon[b-7la9mq02yc] {
    background: var(--app-entity-form-mark-bg);
    border-color: transparent;
    color: var(--app-entity-form-mark-color);
    box-shadow: var(--app-entity-form-mark-shadow);
}

.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: var(--app-panel-card-title-color);
    font-size: 0.98rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tenant__meta[b-7la9mq02yc] {
    color: var(--app-panel-card-description-color);
    font-size: 0.78rem;
}

.tenant__chevron[b-7la9mq02yc] {
    flex-shrink: 0;
    color: var(--app-empty-state-icon-color);
    transition: transform 0.2s ease, color 0.15s ease;
}

.tenant[open] > .tenant__head .tenant__chevron[b-7la9mq02yc] {
    transform: rotate(180deg);
    color: var(--app-panel-card-link-color);
}

.tenant__empty[b-7la9mq02yc] {
    padding: 0.85rem 1rem;
    color: var(--app-empty-state-icon-color);
    font-size: 0.88rem;
    background: var(--app-panel-card-bg);
}

/* ============ COMPANY LIST ============ */
.company-list[b-7la9mq02yc] {
    list-style: none;
    margin: 0;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    background: var(--app-panel-card-bg);
}

.company[b-7la9mq02yc] {
    --app-panel-row-bg: var(--app-field-bg);
    --app-panel-row-border-color: transparent;
    --app-panel-row-gap: 0.8rem;
    --app-panel-row-hover-bg: var(--app-panel-card-bg);
    --app-panel-row-hover-border-color: var(--app-field-focus-border-color);
    --app-panel-row-padding: 0.65rem 0.75rem;
    --app-panel-row-radius: 0.6rem;
    --app-panel-row-title-font-size: 0.94rem;
    --app-panel-row-title-font-weight: 500;
}

.company__icon[b-7la9mq02yc] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background: var(--app-status-chip-primary-bg);
    color: var(--app-panel-card-link-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.company__name[b-7la9mq02yc] {
    flex: 1;
    min-width: 0;
}

.company__form[b-7la9mq02yc] {
    margin: 0;
    flex-shrink: 0;
}

.company__select[b-7la9mq02yc] {
    --app-panel-action-font-size: 0.78rem;
    --app-panel-action-font-weight: 600;
    --app-panel-action-gap: 0.35rem;
    --app-panel-action-min-height: 2rem;
    --app-panel-action-padding: 0 0.85rem;
    letter-spacing: 0.04em;
}

.company__select svg[b-7la9mq02yc] {
    transition: transform 0.15s ease;
}

.company__select:hover svg[b-7la9mq02yc] {
    transform: translateX(2px);
}
/* /Components/Pages/StockCard/InventoryDashboard.razor.rz.scp.css */
.stock-panel-page[b-7pmj4jwi6l] {
    --app-panel-hero-bg: var(--app-stock-panel-hero-bg);
    --app-panel-header-control-bg: var(--app-stock-panel-header-control-bg);
    --app-panel-header-control-border: var(--app-stock-panel-header-control-border);
    --app-panel-header-control-color: var(--app-stock-panel-header-control-color);
    --app-panel-header-control-focus-border: var(--app-stock-panel-header-control-focus-border);
    --app-panel-header-control-focus-ring: var(--app-stock-panel-header-control-focus-ring);
    --app-panel-grid-row-hover-bg: var(--app-stock-panel-grid-row-hover-bg);
    --app-panel-grid-selection-bg: var(--app-stock-panel-grid-selection-bg);
    --app-panel-grid-selection-hover-bg: var(--app-stock-panel-grid-selection-hover-bg);
    --app-panel-hero-border-color: var(--app-stock-panel-hero-border-color);
    --app-panel-hero-eyebrow-color: var(--app-stock-panel-hero-eyebrow-color);
    --app-panel-hero-mark-bg: var(--app-stock-panel-hero-mark-bg);
    --app-panel-hero-mark-shadow: var(--app-stock-panel-hero-mark-shadow);
}

.stock-panel-page .app-panel-action[b-7pmj4jwi6l] {
    --app-panel-action-accent: var(--app-stock-panel-action-accent);
    --app-panel-action-focus-border: var(--app-stock-panel-action-focus-border);
    --app-panel-action-focus-ring: var(--app-stock-panel-action-focus-ring);
    --app-panel-action-hover-border: var(--app-stock-panel-action-hover-border);
    --app-panel-action-hover-color: var(--app-stock-panel-action-hover-color);
    --app-panel-action-primary-bg: var(--app-stock-panel-action-primary-bg);
    --app-panel-action-primary-focus-shadow: var(--app-stock-panel-action-primary-focus-shadow);
    --app-panel-action-primary-hover-shadow: var(--app-stock-panel-action-primary-hover-shadow);
    --app-panel-action-primary-shadow: var(--app-stock-panel-action-primary-shadow);
}

.stock-panel-page .app-panel-stat[b-7pmj4jwi6l] {
    --app-panel-stat-accent: var(--app-stock-panel-stat-accent);
}
/* /Components/Pages/StockCard/StockCardDetailImagesPanel.razor.rz.scp.css */
.stock-images-panel[b-kc2sfl33fr] {
    min-height: 320px;
    overflow: hidden;
}

.stock-images-panel__header[b-kc2sfl33fr] {
    --app-panel-card-header-gap: 0.75rem;

    background: var(--app-panel-card-bg);
    border-bottom: 1px solid var(--app-panel-card-border-color);
    min-height: 52px;
    padding: 0 1rem;
}

.stock-images-panel__title[b-kc2sfl33fr] {
    --app-panel-card-title-font-size: 0.95rem;
    --app-panel-card-title-font-weight: 700;
}

.stock-images-panel__actions[b-kc2sfl33fr] {
    --app-panel-actions-gap: 0.5rem;
}

.stock-images-panel__add[b-kc2sfl33fr] {
    --app-panel-action-font-size: 0.82rem;
    --app-panel-action-font-weight: 600;
    --app-panel-action-min-height: 32px;
    --app-panel-action-padding: 0 0.8rem;
}

.stock-images-panel__add--busy[b-kc2sfl33fr] {
    cursor: default;
    opacity: 0.78;
    pointer-events: none;
}

.stock-images-panel__body[b-kc2sfl33fr] {
    padding: 0.85rem;
}

.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] {
    --app-panel-card-radius: 0.75rem;
    --app-panel-card-shadow: none;

    overflow: hidden;
}

.stock-image-card__media[b-kc2sfl33fr] {
    aspect-ratio: 4 / 3;
    background: var(--app-image-card-media-bg);
    position: relative;
}

.stock-image-card__media img[b-kc2sfl33fr] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.stock-image-card__badge[b-kc2sfl33fr] {
    left: 0.6rem;
    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] {
    --app-panel-action-font-size: 0.78rem;
    --app-panel-action-font-weight: 700;
    --app-panel-action-min-height: 30px;
    --app-panel-action-padding: 0 0.65rem;

    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}
/* /Components/Pages/StockCard/StockCardDetailSpecialDefinitionsTable.razor.rz.scp.css */
.special-definition-editor[b-8dspvd6m3c] {
    --app-panel-card-compact-padding: 0.95rem;
    --app-panel-card-eyebrow-font-size: 0.72rem;
    --app-panel-card-eyebrow-letter-spacing: 0.08em;
    --app-panel-card-eyebrow-margin-bottom: 0.2rem;
    --app-panel-card-gap: 0.9rem;
    --app-panel-card-header-align-items: center;
    --app-panel-card-header-gap: 1rem;
    --app-panel-card-shadow: none;
    --app-panel-card-title-font-size: 0.95rem;
    --app-panel-card-title-font-weight: 700;
}

.special-definition-editor--embedded[b-8dspvd6m3c] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    gap: 0.9rem;
    padding: 0;
}

.special-definition-editor__header[b-8dspvd6m3c] {
    border-bottom: 1px solid var(--app-detail-title-border-color);
    padding-bottom: 0.75rem;
}

.special-definition-editor--embedded .special-definition-editor__header[b-8dspvd6m3c] {
    border-bottom-color: var(--app-detail-title-border-color);
    padding-bottom: 0.65rem;
}

.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: var(--app-field-label-color);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[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: var(--app-field-radius) !important;
    background: var(--app-field-bg) !important;
    border: 1px solid var(--app-field-border-color) !important;
    border-radius: var(--app-field-radius) !important;
    min-height: var(--app-field-min-height) !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: var(--app-field-focus-bg) !important;
    border-color: var(--app-field-focus-border-color) !important;
    border-radius: var(--app-field-radius) !important;
    box-shadow: var(--app-field-focus-ring) !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: var(--app-field-text-color);
    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__grid[b-8dspvd6m3c] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/StockCard/WarehouseTransferItemsEditor.razor.rz.scp.css */
.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: var(--app-stock-operation-field-label-color);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
}

.transfer-add-row__hint[b-klr82gkymv] {
    align-items: center;
    color: var(--app-field-note-color);
    display: flex;
    font-size: 0.86rem;
    min-height: 38px;
    white-space: nowrap;
}

.transfer-empty[b-klr82gkymv] {
    align-items: center;
    background: var(--app-empty-state-bg);
    border: 1px dashed var(--app-empty-state-large-border-color);
    border-radius: var(--app-empty-state-large-radius);
    color: var(--app-empty-state-color);
    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%;
}

.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: var(--app-stock-operation-grid-text-color);
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-grid-stock small[b-klr82gkymv],
.transfer-grid-tracking small[b-klr82gkymv] {
    color: var(--app-field-note-color);
    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-grid-action-spacer[b-klr82gkymv] {
    display: inline-flex;
    height: 32px;
    width: 32px;
}

.transfer-line-chip[b-klr82gkymv],
.transfer-line-muted[b-klr82gkymv],
.transfer-tracking-chip[b-klr82gkymv] {
    align-items: center;
    border-radius: var(--app-picker-chip-radius);
    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: var(--app-picker-chip-variant-bg);
    color: var(--app-picker-chip-variant-color);
}

.transfer-line-muted[b-klr82gkymv],
.transfer-tracking-chip[b-klr82gkymv] {
    background: var(--app-picker-chip-bg);
    color: var(--app-picker-chip-color);
}

.transfer-tracking-chip--variant[b-klr82gkymv] {
    background: var(--app-picker-chip-variant-bg);
    color: var(--app-picker-chip-variant-color);
}

.transfer-tracking-chip--serial[b-klr82gkymv] {
    background: var(--app-picker-chip-serial-bg);
    color: var(--app-picker-chip-serial-color);
}

.transfer-quantity-input[b-klr82gkymv],
[b-klr82gkymv] .transfer-quantity-input {
    max-width: 130px;
}

.tf-icon-button[b-klr82gkymv] {
    align-items: center;
    background: var(--app-stock-operation-action-bg);
    border: 1px solid var(--app-stock-operation-action-border-color);
    border-radius: 999px;
    color: var(--app-stock-operation-action-color);
    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: var(--app-stock-operation-action-hover-bg);
    border-color: var(--app-stock-operation-action-hover-border-color);
    color: var(--app-stock-operation-action-hover-color);
}

.transfer-config-summary span:last-child[b-klr82gkymv] {
    color: var(--app-field-note-color);
    font-size: 0.84rem;
    font-weight: 700;
    white-space: nowrap;
}

.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 var(--app-stock-operation-section-header-border-color);
    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: var(--app-stock-operation-section-title-color);
    font-size: 0.95rem;
    font-weight: 800;
    margin: 0;
}

.transfer-config-section__title span[b-klr82gkymv] {
    color: var(--app-field-note-color);
    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: var(--app-picker-list-bg);
    border: 1px solid var(--app-picker-list-border-color);
    border-radius: var(--app-picker-list-radius);
    color: var(--app-stock-operation-action-color);
    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: var(--app-picker-list-hover-bg);
    border-color: var(--app-picker-list-hover-border-color);
}

.transfer-variant-option strong[b-klr82gkymv] {
    color: var(--app-field-text-color);
    font-size: 0.9rem;
}

.transfer-variant-option small[b-klr82gkymv] {
    color: var(--app-field-note-color);
}

.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] {
    min-height: 260px;
    overflow: hidden;
}

[b-klr82gkymv] .transfer-serial-grid {
    --dxbl-grid-focus-bg: var(--app-picker-grid-state-bg);
    --dxbl-grid-focus-color: var(--app-stock-operation-grid-focus-color);
    --dxbl-grid-focus-hover-bg: var(--app-picker-grid-state-bg);
    --dxbl-grid-focus-hover-color: var(--app-stock-operation-grid-focus-color);
    --dxbl-grid-cell-focus-bg: var(--app-picker-grid-state-bg);
    --dxbl-grid-cell-focus-color: var(--app-stock-operation-grid-focus-color);
    --dxbl-grid-row-hover-bg: var(--app-picker-grid-state-bg);
    --dxbl-grid-row-hover-color: var(--app-stock-operation-grid-focus-color);
    border: 0;
    color: var(--app-picker-grid-primary-color);
    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%;
}

.transfer-serial-checkbox[b-klr82gkymv] {
    accent-color: var(--app-picker-grid-checkbox-accent);
    cursor: pointer;
    height: 17px;
    width: 17px;
}

.transfer-config-quantity[b-klr82gkymv],
[b-klr82gkymv] .transfer-config-quantity {
    max-width: 180px;
}

@media (max-width: 760px) {
    .transfer-add-row[b-klr82gkymv] {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .transfer-empty[b-klr82gkymv] {
        margin: 0 1rem 1rem;
    }

    .transfer-add-row__hint[b-klr82gkymv] {
        white-space: normal;
    }

    .transfer-variant-list[b-klr82gkymv],
    .transfer-serial-entry-row[b-klr82gkymv] {
        grid-template-columns: 1fr;
    }
}
/* /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: var(--app-confirm-icon-bg);
    border-radius: 999px;
    color: var(--app-confirm-icon-color);
    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] {
    color: var(--app-confirm-title-color);
    font-size: 1rem;
    font-weight: 800;
    margin: 0;
}

.app-confirm__content p[b-7iix224ozc] {
    color: var(--app-confirm-message-color);
    font-size: .9rem;
    line-height: 1.45;
    margin: 0;
}

@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: var(--app-toolbar-surface-bg);
    border: 1px solid var(--app-toolbar-border);
    border-radius: var(--app-toolbar-radius);
    box-shadow: var(--app-toolbar-shadow);
    margin-bottom: var(--app-toolbar-margin-bottom);
    overflow: hidden;
    padding: var(--app-toolbar-padding);
}

.toolbar--with-extension[b-l7c45qmsm8] {
    overflow: visible;
}

    .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: var(--app-toolbar-title-color);
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: 0;
    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: var(--app-toolbar-muted-color);
    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: var(--app-toolbar-control-bg) !important;
    background-image: none !important;
    border: 1px solid var(--app-toolbar-control-border-color) !important;
    border-radius: var(--app-toolbar-control-radius) !important;
    box-shadow: none !important;
    color: var(--app-toolbar-control-color) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    gap: 0.35rem !important;
    letter-spacing: 0.01em;
    min-height: var(--app-toolbar-control-min-height) !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: var(--app-toolbar-button-hover-bg) !important;
    border-color: var(--app-toolbar-hover-border) !important;
    color: var(--app-toolbar-accent) !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: var(--app-toolbar-button-active-bg) !important;
    color: var(--app-toolbar-accent) !important;
    transform: translateY(1px);
}

[b-l7c45qmsm8] .toolbar .dxbl-toolbar .dxbl-btn:focus-visible {
    box-shadow: 0 0 0 3px var(--app-toolbar-focus-ring) !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: var(--app-toolbar-separator-color);
    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: var(--app-toolbar-primary-bg) !important;
    background-image: var(--app-toolbar-primary-bg) !important;
    border-color: transparent !important;
    box-shadow: var(--app-toolbar-primary-shadow) !important;
    color: var(--app-toolbar-primary-color) !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: var(--app-toolbar-primary-hover-bg) !important;
    background-image: var(--app-toolbar-primary-hover-bg) !important;
    border-color: transparent !important;
    box-shadow: var(--app-toolbar-primary-hover-shadow) !important;
    color: var(--app-toolbar-primary-color) !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: var(--app-toolbar-primary-active-bg) !important;
    background-image: var(--app-toolbar-primary-active-bg) !important;
    border-color: transparent !important;
    color: var(--app-toolbar-primary-color) !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: var(--app-field-radius) !important;
    background: var(--app-field-bg) !important;
    border: 1px solid var(--app-field-border-color) !important;
    border-radius: var(--app-field-radius) !important;
    box-shadow: none !important;
    color: var(--app-field-text-color) !important;
    min-height: calc(var(--app-field-min-height) - 2px) !important;
}

[b-l7c45qmsm8] .toolbar .search-textbox:hover,
[b-l7c45qmsm8] .toolbar .search-textbox .dxbl-edit-input:hover {
    border-color: var(--app-field-hover-border-color) !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: var(--app-field-focus-bg) !important;
    border-color: var(--app-toolbar-accent) !important;
    border-radius: var(--app-field-radius) !important;
    box-shadow: 0 0 0 3px var(--app-toolbar-search-focus-ring) !important;
}

[b-l7c45qmsm8] .toolbar .search-textbox input {
    color: var(--app-field-text-color) !important;
    font-size: 0.88rem !important;
}

[b-l7c45qmsm8] .toolbar .search-textbox input::placeholder {
    color: var(--app-toolbar-muted-color) !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__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%;
}

.app-data-grid__toolbar-extension[b-l7c45qmsm8] {
    border-top: 1px solid var(--app-toolbar-extension-border-color);
    display: flex;
    flex-direction: column;
    margin-top: var(--app-toolbar-extension-gap);
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding-top: var(--app-toolbar-extension-gap);
    width: 100%;
}

.app-data-grid__toolbar-extension > *[b-l7c45qmsm8] {
    min-width: 0;
}

[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: var(--app-toolbar-grid-text-color);
    font-size: 0.92rem;

    --dxbl-grid-focus-bg: var(--app-toolbar-grid-selection-bg);
    --dxbl-grid-focus-color: var(--app-toolbar-grid-interaction-color);
    --dxbl-grid-focus-hover-bg: var(--app-toolbar-grid-selection-hover-bg);
    --dxbl-grid-focus-hover-color: var(--app-toolbar-grid-interaction-color);
    --dxbl-grid-cell-focus-bg: var(--app-toolbar-grid-selection-bg);
    --dxbl-grid-cell-focus-color: var(--app-toolbar-grid-interaction-color);
    --dxbl-grid-selection-bg: var(--app-toolbar-grid-selection-bg);
    --dxbl-grid-selection-color: var(--app-toolbar-grid-interaction-color);
    --dxbl-grid-selection-hover-bg: var(--app-toolbar-grid-selection-hover-bg);
    --dxbl-grid-selection-hover-color: var(--app-toolbar-grid-interaction-color);
    --dxbl-grid-selection-focus-bg: var(--app-toolbar-grid-selection-bg);
    --dxbl-grid-selection-focus-color: var(--app-toolbar-grid-interaction-color);
    --dxbl-grid-selection-focus-dark-bg: var(--app-toolbar-grid-selection-hover-bg);
    --dxbl-grid-selection-focus-dark-color: var(--app-toolbar-grid-interaction-color);
    --dxbl-grid-selection-focus-hover-bg: var(--app-toolbar-grid-selection-hover-bg);
    --dxbl-grid-selection-focus-hover-color: var(--app-toolbar-grid-interaction-color);
    --dxbl-grid-focused-row-bg: var(--app-toolbar-grid-selection-bg);
    --dxbl-grid-focused-row-color: var(--app-toolbar-grid-interaction-color);
    --dxbl-grid-focused-row-hover-bg: var(--app-toolbar-grid-selection-hover-bg);
    --dxbl-grid-focused-row-hover-color: var(--app-toolbar-grid-interaction-color);
    --dxbl-grid-row-hover-bg: var(--app-toolbar-grid-row-hover-bg);
    --dxbl-grid-row-hover-color: var(--app-toolbar-grid-interaction-color);
}

[b-l7c45qmsm8] .dxbl-grid-header-row > td,
[b-l7c45qmsm8] .dxbl-grid-header-row > th {
    background: var(--app-toolbar-grid-header-bg);
    border-bottom: 1px solid var(--app-toolbar-grid-header-border-color);
    color: var(--app-toolbar-grid-header-color);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr > td {
    border-color: var(--app-toolbar-grid-border-color);
    color: var(--app-toolbar-grid-interaction-color);
    transition: background 0.12s ease;
}

[b-l7c45qmsm8] .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--app-toolbar-grid-row-hover-bg);
}

[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: var(--app-toolbar-grid-selection-bg) !important;
    background-image: none !important;
    color: var(--app-toolbar-grid-interaction-color) !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: var(--app-toolbar-grid-selection-hover-bg) !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: var(--app-entity-form-color);
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    height: var(--app-detail-page-min-height);
    min-height: var(--app-detail-page-min-height);
    min-width: 0;
    overflow: hidden;
    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: var(--app-entity-form-header-bg);
    border: var(--app-entity-form-header-border);
    border-radius: 1.1rem;
    box-shadow: var(--app-entity-form-header-shadow);
    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: var(--app-entity-form-back-bg);
    border: 1px solid var(--app-entity-form-back-border-color);
    border-radius: 0.55rem;
    color: var(--app-entity-form-back-color);
    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: var(--app-entity-form-back-hover-bg);
    border-color: var(--app-entity-form-back-hover-border-color);
    color: var(--app-entity-form-back-hover-color);
    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: var(--app-entity-form-mark-bg);
    border-radius: var(--app-avatar-radius);
    box-shadow: var(--app-entity-form-mark-shadow);
    color: var(--app-entity-form-mark-color);
    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: var(--app-entity-form-eyebrow-color);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.app-entity-form__header h1[b-ll86c1sq4d] {
    color: var(--app-entity-form-title-color);
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
}

.app-entity-form__header p[b-ll86c1sq4d] {
    color: var(--app-entity-form-description-color);
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0.15rem 0 0;
}

/* ============ MAIN BODY CARD ============ */
.app-entity-form form[b-ll86c1sq4d] {
    background: var(--app-entity-form-card-bg);
    border: var(--app-entity-form-card-border);
    border-radius: 1rem;
    box-shadow: var(--app-entity-form-card-shadow);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

[b-ll86c1sq4d] .app-entity-form__layout,
[b-ll86c1sq4d] .app-entity-form__layout .dxbl-form-layout {
    background: transparent;
    border: 0;
    margin: 0;
    min-height: 0;
    padding: 0;
}

[b-ll86c1sq4d] .app-entity-form__layout {
    flex: 1 1 auto;
    overflow: auto;
}

[b-ll86c1sq4d] .app-entity-form__layout .dxbl-form-layout {
    overflow: visible;
}

[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 var(--app-entity-form-sidebar-border-color);
    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: var(--app-entity-form-section-title-color);
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__section-title span {
    color: var(--app-entity-form-section-title-color);
    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: var(--app-entity-form-section-divider-bg);
    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: var(--app-field-label-color);
    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: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: var(--app-field-radius);
    color: var(--app-field-text-color);
    font-size: 0.92rem;
    min-height: var(--app-field-min-height);
    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: var(--app-entity-form-field-placeholder-color);
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field input:hover,
.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field select:hover {
    border-color: var(--app-field-hover-border-color);
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field input:focus,
.app-entity-form[b-ll86c1sq4d]  .app-entity-form__field select:focus {
    background: var(--app-field-focus-bg);
    border-color: var(--app-field-focus-border-color);
    box-shadow: var(--app-field-focus-ring);
    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: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: var(--app-field-radius);
    color: var(--app-entity-form-check-color);
    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: var(--app-entity-form-check-hover-bg);
    border-color: var(--app-entity-form-check-hover-border-color);
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__check-row label {
    color: var(--app-entity-form-check-color);
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 500;
    margin: 0;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__check-row input {
    accent-color: var(--app-field-focus-border-color);
    cursor: pointer;
    flex-shrink: 0;
    height: 16px;
    margin: 0;
    width: 16px;
}

/* ============ VALIDATION ============ */
.app-entity-form[b-ll86c1sq4d]  .validation-message {
    color: var(--app-entity-form-validation-color);
    font-size: 0.78rem;
    font-weight: 500;
}

.app-entity-form[b-ll86c1sq4d]  .app-entity-form__alert {
    align-items: center;
    background: var(--app-entity-form-alert-bg);
    border: 1px solid var(--app-entity-form-alert-border-color);
    border-radius: 0.6rem;
    color: var(--app-entity-form-alert-color);
    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: var(--app-entity-form-alert-icon-bg);
    border-radius: 50%;
    color: var(--app-entity-form-alert-icon-color);
    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: var(--app-entity-form-footer-bg);
    border-top: 1px solid var(--app-entity-form-footer-border-color);
    display: flex;
    gap: 0.55rem;
    justify-content: flex-end;
    padding: 0.95rem 1.5rem;
}

.app-entity-form__footer-action[b-ll86c1sq4d] {
    min-height: 40px;
    min-width: 92px;
}

.app-entity-form__footer-action svg[b-ll86c1sq4d] {
    flex-shrink: 0;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 980px) {
    .app-entity-form[b-ll86c1sq4d] {
        height: auto;
        overflow: visible;
    }

    .app-entity-form form[b-ll86c1sq4d] {
        min-height: 0;
    }

    [b-ll86c1sq4d] .app-entity-form__layout,
    [b-ll86c1sq4d] .app-entity-form__layout .dxbl-form-layout {
        overflow: visible;
    }

    .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 var(--app-entity-form-sidebar-border-color);
        border-right: 0;
        padding: 0 0 1.5rem;
    }

    .app-entity-form__footer[b-ll86c1sq4d] {
        flex-wrap: wrap-reverse;
    }

    .app-entity-form__footer-action[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: var(--app-modal-header-bg);
    border-bottom: 1px solid var(--app-modal-header-border-color);
    min-height: 54px;
}

[b-4tenu1t852] .app-modal-popup .dxbl-popup-header-title {
    color: var(--app-modal-header-title-color);
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: 0;
}

[b-4tenu1t852] .app-modal-popup--front {
    z-index: 5000 !important;
}

[b-4tenu1t852] .dxbl-popup:has(.app-modal-popup--front),
[b-4tenu1t852] .dxbl-popup-root:has(.app-modal-popup--front),
[b-4tenu1t852] .dxbl-popup-wrapper:has(.app-modal-popup--front),
[b-4tenu1t852] .dxbl-popup-container:has(.app-modal-popup--front) {
    z-index: 5000 !important;
}

.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-body--stack {
    display: grid;
    gap: 1rem;
    min-height: 0;
    overflow: hidden;
}

.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-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field {
    color: var(--app-modal-field-label-color);
    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: var(--app-modal-field-min-height);
}

.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: var(--app-modal-field-bg);
    border: 1px solid var(--app-modal-field-border-color);
    border-radius: var(--app-modal-field-radius);
    box-sizing: border-box;
    color: var(--app-modal-field-text-color);
    font: inherit;
    font-size: 0.9rem;
    min-height: var(--app-modal-field-min-height);
    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 .dxbl-text-edit,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field .dxbl-spin-edit,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field .dxbl-cmbbx {
    background-color: var(--app-modal-field-bg);
    border: 1px solid var(--app-modal-field-border-color);
    border-radius: var(--app-modal-field-radius);
    box-sizing: border-box;
    color: var(--app-modal-field-text-color);
    min-height: var(--app-modal-field-min-height);
    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: var(--app-modal-field-select-arrow-bg);
    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: var(--app-modal-field-hover-border-color);
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field .dxbl-text-edit:hover,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field .dxbl-spin-edit:hover,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field .dxbl-cmbbx:hover {
    border-color: var(--app-modal-field-hover-border-color);
}

.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: var(--app-modal-field-focus-bg);
    border-color: var(--app-modal-field-focus-border-color);
    box-shadow: var(--app-modal-field-focus-ring);
    outline: none;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field .dxbl-text-edit:focus-within,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field .dxbl-spin-edit:focus-within,
.app-modal-frame__content[b-4tenu1t852]  .app-modal-field .dxbl-cmbbx:focus-within {
    background-color: var(--app-modal-field-focus-bg);
    border-color: var(--app-modal-field-focus-border-color);
    box-shadow: var(--app-modal-field-focus-ring);
    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: var(--app-modal-field-disabled-color);
    cursor: default;
    opacity: 1;
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-field .dxbl-disabled {
    color: var(--app-modal-field-disabled-color);
    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: var(--app-modal-field-placeholder-color);
    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: var(--app-modal-check-accent);
    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 var(--app-modal-footer-border-color);
    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: var(--app-modal-action-primary-bg);
    border: 1px solid var(--app-modal-action-primary-border-color);
    color: var(--app-modal-action-primary-color);
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action--danger {
    background: var(--app-modal-action-danger-bg);
    border: 1px solid var(--app-modal-action-danger-bg);
    color: var(--app-modal-action-danger-color);
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action--secondary {
    background: var(--app-modal-action-secondary-bg);
    border: 1px solid var(--app-modal-action-secondary-border-color);
    color: var(--app-modal-action-secondary-color);
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action--secondary:hover {
    background: var(--app-modal-action-secondary-hover-bg);
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action--primary:hover {
    filter: brightness(1.04);
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action--danger:hover:not(:disabled) {
    background: var(--app-modal-action-danger-hover-bg);
    border-color: var(--app-modal-action-danger-hover-bg);
}

.app-modal-frame__content[b-4tenu1t852]  .app-modal-action:disabled {
    cursor: default;
    opacity: var(--app-modal-action-disabled-opacity);
}

@media (max-width: 760px) {
    .app-modal-frame__content[b-4tenu1t852]  .app-modal-grid {
        grid-template-columns: 1fr;
    }

    .app-modal-frame__content[b-4tenu1t852]  .app-modal-footer--mobile-stack,
    .app-modal-frame__content[b-4tenu1t852]  .app-modal-footer--mobile-stack-reverse {
        align-items: stretch;
    }

    .app-modal-frame__content[b-4tenu1t852]  .app-modal-footer--mobile-stack {
        flex-direction: column;
    }

    .app-modal-frame__content[b-4tenu1t852]  .app-modal-footer--mobile-stack-reverse {
        flex-direction: column-reverse;
    }

    .app-modal-frame__content[b-4tenu1t852]  .app-modal-footer--mobile-stack .app-modal-action,
    .app-modal-frame__content[b-4tenu1t852]  .app-modal-footer--mobile-stack-reverse .app-modal-action {
        width: 100%;
    }
}
/* /Components/Shared/AppNotificationBell.razor.rz.scp.css */
.app-notification-bell[b-t1y0kt1emh] {
    position: relative;
}

.app-notification-bell__trigger[b-t1y0kt1emh] {
    align-items: center;
    background: var(--app-shell-nav-link-active-bg);
    border: 1px solid var(--app-shell-nav-badge-border-color);
    border-radius: 8px;
    color: var(--app-shell-nav-link-active-color);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 34px;
}

.app-notification-bell__trigger:hover[b-t1y0kt1emh] {
    background: var(--app-shell-nav-link-hover-bg);
}

.app-notification-bell__icon[b-t1y0kt1emh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 16a2 2 0 0 0 1.985-1.75h-3.97A2 2 0 0 0 8 16zm.995-14.901a1 1 0 1 0-1.99 0A5.002 5.002 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    height: 18px;
    width: 18px;
}

.app-notification-bell__badge[b-t1y0kt1emh] {
    align-items: center;
    background: var(--app-toast-error-border-left-color);
    border: 2px solid var(--app-shell-sidebar-top-row-bg);
    border-radius: 999px;
    color: var(--app-agent-surface-bg);
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    justify-content: center;
    line-height: 1;
    min-width: 18px;
    padding: 2px 4px;
    position: absolute;
    right: -7px;
    top: -7px;
}

.app-notification-bell__panel[b-t1y0kt1emh] {
    background: var(--app-toast-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: 8px;
    box-shadow: var(--app-toast-shadow);
    color: var(--app-field-text-color);
    display: grid;
    gap: 0;
    left: 0;
    max-height: min(430px, calc(100vh - 88px));
    overflow: hidden;
    position: absolute;
    top: calc(100% + 10px);
    width: min(340px, calc(100vw - 24px));
    z-index: 1500;
}

.app-notification-bell__header[b-t1y0kt1emh] {
    align-items: center;
    border-bottom: 1px solid var(--app-field-border-color);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 12px;
}

.app-notification-bell__header strong[b-t1y0kt1emh],
.app-notification-bell__header span[b-t1y0kt1emh] {
    display: block;
}

.app-notification-bell__header strong[b-t1y0kt1emh] {
    font-size: 14px;
}

.app-notification-bell__header span[b-t1y0kt1emh] {
    color: var(--app-grid-cell-secondary-color);
    font-size: 12px;
    margin-top: 2px;
}

.app-notification-bell__link-button[b-t1y0kt1emh] {
    background: transparent;
    border: 0;
    color: var(--app-panel-action-accent);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    white-space: nowrap;
}

.app-notification-bell__link-button:disabled[b-t1y0kt1emh] {
    color: var(--app-grid-cell-secondary-color);
    cursor: default;
}

.app-notification-bell__body[b-t1y0kt1emh] {
    max-height: 360px;
    overflow-y: auto;
}

.app-notification-bell__footer[b-t1y0kt1emh] {
    border-top: 1px solid var(--app-field-border-color);
    padding: 10px 12px;
}

.app-notification-bell__view-all[b-t1y0kt1emh] {
    background: var(--app-text-action-hover-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: 8px;
    color: var(--app-panel-action-accent);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    min-height: 32px;
    width: 100%;
}

.app-notification-bell__view-all:hover[b-t1y0kt1emh] {
    background: var(--app-shell-nav-link-hover-bg);
}

.app-notification-bell__empty[b-t1y0kt1emh] {
    color: var(--app-grid-cell-secondary-color);
    font-size: 13px;
    padding: 18px 12px;
}

.app-notification-bell__item[b-t1y0kt1emh] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--app-field-border-color);
    color: var(--app-field-text-color);
    cursor: pointer;
    display: grid;
    gap: 4px;
    padding: 11px 12px;
    text-align: left;
    width: 100%;
}

.app-notification-bell__item:hover[b-t1y0kt1emh] {
    background: var(--app-text-action-hover-bg);
}

.app-notification-bell__item--unread[b-t1y0kt1emh] {
    background: var(--app-notification-unread-bg);
}

.app-notification-bell__item-title[b-t1y0kt1emh] {
    font-size: 13px;
    font-weight: 800;
}

.app-notification-bell__item-message[b-t1y0kt1emh] {
    color: var(--app-grid-cell-secondary-color);
    display: -webkit-box;
    font-size: 12px;
    line-height: 1.35;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.app-notification-bell__item-date[b-t1y0kt1emh] {
    color: var(--app-grid-cell-secondary-color);
    font-size: 11px;
}

@media (max-width: 640px) {
    .app-notification-bell__panel[b-t1y0kt1emh] {
        left: auto;
        right: 0;
    }
}
/* /Components/Shared/AppPanelGrid.razor.rz.scp.css */
/* ============ CARD ============ */
.app-panel-grid[b-n6h7o2mjf0] {
    background: var(--app-panel-grid-bg);
    border: 1px solid var(--app-panel-grid-border-color);
    border-radius: var(--app-panel-grid-radius);
    box-shadow: var(--app-panel-grid-shadow);
    box-sizing: border-box;
    color: var(--app-panel-grid-color);
    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: var(--app-panel-grid-hover-shadow);
}

.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: var(--app-panel-grid-header-bg);
    border-bottom: 1px solid var(--app-panel-grid-header-border-color);
    color: var(--app-panel-grid-header-color);
    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;
}

.app-panel-grid__title-text[b-n6h7o2mjf0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-panel-grid__header-content[b-n6h7o2mjf0] {
    color: var(--app-panel-grid-header-content-color);
    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: var(--app-panel-grid-icon-bg);
    border: 1px solid var(--app-panel-grid-icon-border);
    border-radius: var(--app-panel-grid-icon-radius);
    box-shadow: var(--app-panel-grid-icon-shadow);
    color: var(--app-panel-grid-icon-color);
    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: var(--app-panel-grid-empty-bg);
    border: 1px dashed var(--app-panel-grid-empty-border-color);
    border-radius: var(--app-panel-grid-empty-radius);
    color: var(--app-panel-grid-empty-color);
    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: var(--app-panel-grid-empty-icon-color);
    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: var(--app-panel-grid-all-button-bg);
    border: var(--app-panel-grid-all-button-border);
    border-radius: var(--app-panel-grid-all-button-radius);
    box-shadow: var(--app-panel-grid-all-button-shadow);
    color: var(--app-panel-grid-all-button-color);
    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: var(--app-panel-grid-all-button-hover-shadow);
}

.app-panel-grid__all-button:active[b-n6h7o2mjf0] {
    transform: translateY(1px);
}

.app-panel-grid__all-button:focus-visible[b-n6h7o2mjf0] {
    outline: none;
    box-shadow: var(--app-panel-grid-all-button-focus-shadow);
}

.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: var(--app-panel-grid-inner-color);
    font-size: 0.85rem;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    width: 100%;

    --dxbl-grid-focus-bg: var(--app-panel-grid-selection-bg);
    --dxbl-grid-focus-color: var(--app-panel-grid-inner-interaction-color);
    --dxbl-grid-focus-hover-bg: var(--app-panel-grid-selection-hover-bg);
    --dxbl-grid-focus-hover-color: var(--app-panel-grid-inner-interaction-color);
    --dxbl-grid-cell-focus-bg: var(--app-panel-grid-selection-bg);
    --dxbl-grid-cell-focus-color: var(--app-panel-grid-inner-interaction-color);
    --dxbl-grid-selection-bg: var(--app-panel-grid-selection-bg);
    --dxbl-grid-selection-color: var(--app-panel-grid-inner-interaction-color);
    --dxbl-grid-selection-hover-bg: var(--app-panel-grid-selection-hover-bg);
    --dxbl-grid-selection-hover-color: var(--app-panel-grid-inner-interaction-color);
    --dxbl-grid-selection-focus-bg: var(--app-panel-grid-selection-bg);
    --dxbl-grid-selection-focus-color: var(--app-panel-grid-inner-interaction-color);
    --dxbl-grid-selection-focus-dark-bg: var(--app-panel-grid-selection-hover-bg);
    --dxbl-grid-selection-focus-dark-color: var(--app-panel-grid-inner-interaction-color);
    --dxbl-grid-selection-focus-hover-bg: var(--app-panel-grid-selection-hover-bg);
    --dxbl-grid-selection-focus-hover-color: var(--app-panel-grid-inner-interaction-color);
    --dxbl-grid-focused-row-bg: var(--app-panel-grid-selection-bg);
    --dxbl-grid-focused-row-color: var(--app-panel-grid-inner-interaction-color);
    --dxbl-grid-focused-row-hover-bg: var(--app-panel-grid-selection-hover-bg);
    --dxbl-grid-focused-row-hover-color: var(--app-panel-grid-inner-interaction-color);
    --dxbl-grid-row-hover-bg: var(--app-panel-grid-row-hover-bg);
    --dxbl-grid-row-hover-color: var(--app-panel-grid-inner-interaction-color);
}

[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: var(--app-panel-grid-inner-header-bg);
    border-bottom: 1px solid var(--app-panel-grid-inner-header-border-color);
    color: var(--app-panel-grid-inner-header-color);
    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: var(--app-panel-grid-row-hover-bg);
}

[b-n6h7o2mjf0] .app-panel-grid__grid .dxbl-grid-table > tbody > tr > td {
    border-color: var(--app-panel-grid-inner-cell-border-color);
    color: var(--app-panel-grid-inner-cell-color);
    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: var(--app-panel-grid-selection-bg) !important;
    background-image: none !important;
    color: var(--app-panel-grid-inner-interaction-color) !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: var(--app-panel-grid-selection-hover-bg) !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] {
    background: var(--app-field-bg);
    border: 1px solid var(--app-field-border-color);
    border-radius: var(--app-field-radius);
    color: var(--app-field-text-color);
    font: inherit;
    font-size: 0.9rem;
    min-height: var(--app-field-min-height);
    padding: 0 2.35rem 0 0.8rem;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.app-select-box.app-select-box--has-value .app-select-box__input[b-bn4d3blmq0] {
    padding-right: 4rem;
}

.app-select-box .app-select-box__input:focus[b-bn4d3blmq0] {
    background: var(--app-field-focus-bg);
    border-color: var(--app-field-focus-border-color);
    box-shadow: var(--app-field-focus-ring);
    outline: 0;
}

.app-select-box .app-select-box__input:disabled[b-bn4d3blmq0] {
    color: var(--app-field-disabled-color);
    cursor: default;
    opacity: 1;
}

.app-select-box__clear[b-bn4d3blmq0],
.app-select-box__toggle[b-bn4d3blmq0] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--app-select-icon-color);
    cursor: pointer;
    display: inline-flex;
    height: 1.8rem;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
}

.app-select-box__clear[b-bn4d3blmq0] {
    font-size: 0.82rem;
    font-weight: 700;
    right: 1.9rem;
}

.app-select-box__toggle[b-bn4d3blmq0] {
    font-size: 1rem;
    line-height: 1;
    right: 0.35rem;
}

.app-select-box__clear:hover[b-bn4d3blmq0],
.app-select-box__toggle:hover[b-bn4d3blmq0] {
    color: var(--app-select-icon-hover-color);
}

.app-select-box__toggle:disabled[b-bn4d3blmq0] {
    cursor: default;
    opacity: var(--app-select-toggle-disabled-opacity);
}

.app-select-box__dropdown[b-bn4d3blmq0] {
    background: var(--app-select-dropdown-bg);
    border: 1px solid var(--app-select-dropdown-border-color);
    border-radius: var(--app-select-dropdown-radius);
    box-shadow: var(--app-select-dropdown-shadow);
    left: 0;
    max-height: 16rem;
    overflow: auto;
    padding: 0.35rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    z-index: 70;
}

.app-select-box__option[b-bn4d3blmq0] {
    background: transparent;
    border: 0;
    border-radius: 0.42rem;
    color: var(--app-select-option-color);
    cursor: pointer;
    display: block;
    font: inherit;
    font-size: 0.88rem;
    line-height: 1.25;
    overflow: hidden;
    padding: 0.55rem 0.7rem;
    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: var(--app-select-active-bg);
    color: var(--app-select-active-color);
}

.app-select-box__option[aria-selected="true"][b-bn4d3blmq0] {
    background: var(--app-select-selected-bg);
    color: var(--app-select-selected-color);
    font-weight: 700;
}

.app-select-box__empty[b-bn4d3blmq0] {
    color: var(--app-select-empty-color);
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.65rem;
}

.app-select-box__hint[b-bn4d3blmq0] {
    border-top: 1px solid var(--app-select-hint-border-color);
    color: var(--app-select-hint-color);
    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] {
    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: var(--app-tabs-button-color);
    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: var(--app-tabs-accent-color);
}

.app-tabs__button--active[b-y94bua1bbs] {
    border-bottom-color: var(--app-tabs-active-border-color);
}

.app-tabs__badge[b-y94bua1bbs] {
    align-items: center;
    background: var(--app-tabs-badge-bg);
    border-radius: 999px;
    color: var(--app-tabs-badge-color);
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    min-width: 20px;
    padding: 0 0.35rem;
}

.app-tabs--compact[b-y94bua1bbs] {
    --app-tabs-accent-color: var(--app-tabs-compact-accent-color);
    --app-tabs-active-bg: var(--app-tabs-compact-active-bg);
    --app-tabs-active-border-color: var(--app-tabs-compact-active-border-color);
    --app-tabs-badge-bg: var(--app-tabs-compact-badge-bg);
    --app-tabs-badge-color: var(--app-tabs-compact-badge-color);
    --app-tabs-focus-border-color: var(--app-tabs-compact-focus-border-color);
    --app-tabs-focus-ring: var(--app-tabs-compact-focus-ring);

    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;
}

.app-tabs__button--compact[b-y94bua1bbs] {
    background: var(--app-tabs-compact-button-bg);
    border: 1px solid var(--app-tabs-compact-button-border-color);
    border-radius: 0.55rem;
    color: var(--app-tabs-compact-button-color);
    font-size: 0.8rem;
    font-weight: 700;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.75rem;
    text-decoration: none;
}

.app-tabs__button--compact:hover[b-y94bua1bbs],
.app-tabs__button--compact.app-tabs__button--active[b-y94bua1bbs] {
    background: var(--app-tabs-active-bg);
    border-color: var(--app-tabs-active-border-color);
    color: var(--app-tabs-accent-color);
}

.app-tabs__button--compact:focus-visible[b-y94bua1bbs] {
    border-color: var(--app-tabs-focus-border-color);
    box-shadow: 0 0 0 3px var(--app-tabs-focus-ring);
    outline: none;
}

.app-tabs__badge--compact[b-y94bua1bbs] {
    background: var(--app-tabs-badge-bg);
    color: var(--app-tabs-badge-color);
    font-size: 0.68rem;
    font-weight: 800;
    height: 18px;
    min-width: 18px;
    padding: 0 0.32rem;
}

.app-tabs--modal[b-y94bua1bbs] {
    --app-tabs-active-bg: var(--app-tabs-modal-active-bg);
    --app-tabs-active-border-color: var(--app-tabs-modal-active-border-color);

    align-items: center;
    border-bottom: 1px solid var(--app-tabs-modal-border-color);
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    padding-bottom: 0.75rem;
    scrollbar-width: thin;
}

.app-tabs__button--modal[b-y94bua1bbs] {
    background: var(--app-tabs-modal-button-bg);
    border: 1px solid var(--app-tabs-modal-button-border-color);
    border-radius: 0.6rem;
    color: var(--app-tabs-modal-button-color);
    font-size: 0.84rem;
    font-weight: 800;
    gap: 0.5rem;
    min-height: 38px;
    padding: 0 0.8rem;
}

.app-tabs__button--modal:hover[b-y94bua1bbs],
.app-tabs__button--modal.app-tabs__button--active[b-y94bua1bbs] {
    background: var(--app-tabs-active-bg);
    border-color: var(--app-tabs-active-border-color);
    color: var(--app-tabs-accent-color);
}

.app-tabs__badge--modal[b-y94bua1bbs] {
    background: var(--app-tabs-modal-badge-bg);
    border: 1px solid var(--app-tabs-badge-border-color);
    color: var(--app-tabs-badge-color);
    font-size: 0.74rem;
    min-width: 24px;
    padding: 0.08rem 0.4rem;
}

.app-tabs--segmented[b-y94bua1bbs] {
    --app-tabs-accent-color: var(--app-tabs-segmented-accent-color);
    --app-tabs-active-bg: var(--app-tabs-segmented-active-bg);
    --app-tabs-active-border-color: var(--app-tabs-segmented-active-border-color);
    --app-tabs-badge-bg: var(--app-tabs-segmented-badge-bg);
    --app-tabs-badge-color: var(--app-tabs-segmented-badge-color);

    align-items: center;
    background: var(--app-tabs-segmented-bg);
    border: 1px solid var(--app-tabs-segmented-border-color);
    border-radius: 0.65rem;
    display: inline-flex;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0.3rem;
    scrollbar-width: thin;
    width: fit-content;
}

.app-tabs__button--segmented[b-y94bua1bbs] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    color: var(--app-tabs-segmented-button-color);
    font-size: 0.82rem;
    font-weight: 800;
    gap: 0.45rem;
    min-height: 34px;
    padding: 0 0.75rem;
}

.app-tabs__button--segmented:hover[b-y94bua1bbs],
.app-tabs__button--segmented.app-tabs__button--active[b-y94bua1bbs] {
    background: var(--app-tabs-active-bg);
    border-color: var(--app-tabs-active-border-color);
    color: var(--app-tabs-accent-color);
}

.app-tabs__button--segmented.app-tabs__button--active[b-y94bua1bbs] {
    box-shadow: var(--app-tabs-segmented-active-shadow);
}

.app-tabs__badge--segmented[b-y94bua1bbs] {
    background: var(--app-tabs-badge-bg);
    color: var(--app-tabs-badge-color);
    font-size: 0.72rem;
    font-weight: 900;
    height: 20px;
    min-width: 20px;
}

@media (max-width: 640px) {
    .app-tabs--mobile-fill[b-y94bua1bbs] {
        align-items: stretch;
        display: grid;
        width: 100%;
    }

    .app-tabs--mobile-fill .app-tabs__button[b-y94bua1bbs] {
        justify-content: center;
        width: 100%;
    }
}

.app-tabs--detail[b-y94bua1bbs] {
    align-items: center;
    background: var(--app-tabs-detail-bg);
    border-bottom: 1px solid var(--app-tabs-detail-border-color);
    display: flex;
    gap: 0.25rem;
    margin: 0;
    overflow-x: auto;
    padding: 0 1.5rem;
    scrollbar-width: thin;
}

.app-tabs__button--detail[b-y94bua1bbs] {
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--app-tabs-detail-button-color);
    font-size: 0.88rem;
    font-weight: 600;
    min-height: 48px;
    padding: 0.7rem 0.55rem 0.8rem;
}

.app-tabs__button--detail:hover[b-y94bua1bbs] {
    color: var(--app-tabs-accent-color);
}

.app-tabs__button--detail.app-tabs__button--active[b-y94bua1bbs] {
    background: var(--app-tabs-detail-active-bg);
    border-bottom-color: var(--app-tabs-active-border-color);
    color: var(--app-tabs-detail-active-color);
}

.app-tabs__badge--detail[b-y94bua1bbs] {
    background: var(--app-tabs-badge-bg);
    color: var(--app-tabs-badge-color);
}

.app-tabs--edit[b-y94bua1bbs] {
    align-items: center;
    border-top: 1px solid var(--app-tabs-edit-border-color);
    display: flex;
    gap: 0.5rem;
    margin-top: 1.25rem;
    overflow-x: auto;
    padding-top: 1rem;
}

.app-tabs__button--edit[b-y94bua1bbs] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--app-tabs-edit-button-color);
    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;
}

.app-tabs__button--edit:hover[b-y94bua1bbs] {
    color: var(--app-tabs-edit-hover-color);
}

.app-tabs__button--edit.app-tabs__button--active[b-y94bua1bbs] {
    border-bottom-color: var(--app-tabs-active-border-color);
    color: var(--app-tabs-accent-color);
}
/* /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: var(--app-toast-bg);
    border: 1px solid var(--app-toast-border-color);
    border-left: 4px solid var(--app-toast-border-left-color);
    border-radius: var(--app-toast-radius);
    box-shadow: var(--app-toast-shadow);
    color: var(--app-toast-color);
    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: var(--app-toast-success-border-left-color);
}

.app-toast--error[b-p3i4v7jb3e] {
    border-left-color: var(--app-toast-error-border-left-color);
}

.app-toast--warning[b-p3i4v7jb3e] {
    border-left-color: var(--app-toast-warning-border-left-color);
}

.app-toast__icon[b-p3i4v7jb3e] {
    align-items: center;
    background: var(--app-toast-icon-bg);
    border-radius: 999px;
    color: var(--app-toast-icon-color);
    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: var(--app-toast-success-icon-bg);
    color: var(--app-toast-success-icon-color);
}

.app-toast--error .app-toast__icon[b-p3i4v7jb3e] {
    background: var(--app-toast-error-icon-bg);
    color: var(--app-toast-error-icon-color);
}

.app-toast--warning .app-toast__icon[b-p3i4v7jb3e] {
    background: var(--app-toast-warning-icon-bg);
    color: var(--app-toast-warning-icon-color);
}

.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: var(--app-toast-close-color);
    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: var(--app-toast-close-hover-bg);
    color: var(--app-toast-close-hover-color);
}

@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: var(--app-image-upload-intro-color);
    font-size: 0.88rem;
    margin: 0;
}

.image-upload-modal__dropzone[b-g04nzi5fky] {
    align-items: center;
    background: var(--app-image-upload-dropzone-bg);
    border: 1.5px dashed var(--app-image-upload-dropzone-border-color);
    border-radius: 0.9rem;
    color: var(--app-image-upload-dropzone-color);
    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: var(--app-image-upload-dropzone-hover-bg);
    border-color: var(--app-image-upload-dropzone-hover-border-color);
    box-shadow: var(--app-image-upload-dropzone-hover-shadow);
}

.image-upload-modal__dropzone strong[b-g04nzi5fky] {
    color: var(--app-image-upload-dropzone-title-color);
    font-size: 1rem;
}

.image-upload-modal__dropzone small[b-g04nzi5fky] {
    color: var(--app-image-upload-dropzone-description-color);
    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 var(--app-image-upload-loader-border-color);
    border-radius: 999px;
    border-top-color: var(--app-image-upload-loader-accent-color);
    height: 2rem;
    width: 2rem;
}

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

.image-upload-modal__meta[b-g04nzi5fky] {
    color: var(--app-image-upload-meta-color);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.78rem;
    gap: 0.55rem;
}

.image-upload-modal__meta span[b-g04nzi5fky] {
    background: var(--app-image-upload-meta-bg);
    border: 1px solid var(--app-image-upload-meta-border-color);
    border-radius: 999px;
    padding: 0.25rem 0.55rem;
}

.image-upload-preview[b-g04nzi5fky] {
    background: var(--app-image-upload-preview-bg);
    border: 1px solid var(--app-image-upload-preview-border-color);
    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: var(--app-image-upload-preview-title-color);
    font-size: 0.9rem;
}

.image-upload-preview__title span[b-g04nzi5fky] {
    color: var(--app-image-upload-preview-count-color);
    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: var(--app-image-upload-preview-item-bg);
    border: 1px solid var(--app-image-upload-preview-item-border-color);
    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: var(--app-image-upload-preview-overlay-bg);
    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: var(--app-image-upload-remove-bg) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: var(--app-image-upload-remove-shadow) !important;
    color: var(--app-image-upload-remove-color) !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: var(--app-image-upload-file-name-color);
    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: var(--app-image-upload-success-bg);
    border: 1px solid var(--app-image-upload-success-border-color);
    border-radius: 0.65rem;
    color: var(--app-image-upload-success-color);
    font-size: 0.86rem;
    padding: 0.7rem 0.85rem;
}

.image-upload-delete__body[b-g04nzi5fky] {
    color: var(--app-image-upload-delete-color);
    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: var(--app-image-upload-delete-strong-color);
    font-size: 0.92rem;
}
/* /Components/Shared/SerialNumberPickerModal.razor.rz.scp.css */
.serial-picker-grid-wrap[b-zqrvbbjvsd] {
    border: 1px solid var(--app-picker-grid-border-color);
    border-radius: var(--app-picker-grid-radius);
    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: var(--app-picker-grid-header-bg);
    border-bottom: 1px solid var(--app-picker-grid-header-border-color);
    color: var(--app-picker-grid-header-color);
    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: var(--app-picker-grid-cell-border-color);
    color: var(--app-picker-grid-cell-color);
    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: var(--app-picker-grid-state-bg) !important;
    color: var(--app-picker-grid-state-color) !important;
}

.serial-picker-checkbox[b-zqrvbbjvsd] {
    accent-color: var(--app-picker-grid-checkbox-accent);
    height: 16px;
    margin: 0;
    width: 16px;
}