/* /Components/Layout/MainLayout.razor.rz.scp.css */
.vario-win-shell[b-fb6pwkzt4c] {
    --vario-active-sidebar-width: var(--vario-size-sidebar-width);
    display: grid;
    grid-template-columns: var(--vario-size-sidebar-width) minmax(0, 1fr);
    min-height: 100vh;
    color: #111827;
    background: #f5f7fb;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-weight: 500;
}

html[data-vario-nav-collapsed="true"] .vario-win-shell[b-fb6pwkzt4c] {
    --vario-active-sidebar-width: var(--vario-size-sidebar-collapsed-width);
    grid-template-columns: var(--vario-size-sidebar-collapsed-width) minmax(0, 1fr);
}

.vario-win-nav[b-fb6pwkzt4c] {
    min-height: 100vh;
    background: linear-gradient(180deg, #061b3f 0%, #003f9e 100%);
    border-right: 1px solid rgba(255,255,255,0.08);
    box-shadow: 8px 0 24px rgba(15, 23, 42, 0.12);
}

.vario-win-main[b-fb6pwkzt4c] {
    display: grid;
    grid-template-rows: 58px minmax(0, 1fr) 22px;
    min-width: 0;
    min-height: 100vh;
}

.vario-win-titlebar[b-fb6pwkzt4c] {
    position: relative;
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    padding: 0 24px;
    background: #ffffff;
    border-bottom: 1px solid #e6eaf1;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.02);
}

.vario-topbar-left[b-fb6pwkzt4c],
.vario-topbar-actions[b-fb6pwkzt4c] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.vario-topbar-left[b-fb6pwkzt4c] {
    flex: 1 1 auto;
}

.vario-topbar-actions[b-fb6pwkzt4c] {
    flex: 0 1 auto;
    gap: 0;
    margin-inline-start: auto;
    overflow: visible;
}

.vario-topbar-module-action-slot[b-fb6pwkzt4c] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
    padding-inline-end: var(--vario-space-18);
    margin-inline-end: var(--vario-space-18);
    overflow: visible;
}

.vario-topbar-module-action-slot[b-fb6pwkzt4c]::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: var(--vario-size-module-primary-action-height);
    content: "";
    background: var(--vario-component-topbar-separator);
    transform: translateY(-50%);
}

.vario-topbar-global-actions[b-fb6pwkzt4c] {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
}

.vario-topbar-module-action-slot + .vario-topbar-global-actions[b-fb6pwkzt4c]  .vario-login-display {
    padding-left: 0;
    border-left: 0;
}

.vario-topbar-module-icon[b-fb6pwkzt4c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    color: #081B3A;
}

.vario-topbar-module-icon[b-fb6pwkzt4c]  .nav-icon {
    width: 26px;
    height: 26px;
    color: #081B3A;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.15;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vario-topbar-left[b-fb6pwkzt4c]  .vario-topbar-module-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    min-width: 0;
}

.vario-topbar-left[b-fb6pwkzt4c]  .vario-topbar-module-title h1 {
    margin: 0;
    color: #111827;
    font-family: "Plus Jakarta Sans", Inter, "Segoe UI", Arial, sans-serif;
    font-size: var(--vario-font-module-title-size);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 0;
}

.vario-topbar-left[b-fb6pwkzt4c]  .vario-topbar-module-title > span {
    display: block;
    margin-top: 2px;
    color: #6b7788;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vario-win-statusbar[b-fb6pwkzt4c] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    height: 22px;
    min-height: 22px;
    padding: 0 14px;
    color: #42526e;
    background: #e6e9ed;
    border-top: 1px solid #cfd8e6;
    font: 800 11px/22px Inter, "Segoe UI", Arial, sans-serif;
    box-sizing: border-box;
}

.vario-win-statusbar span[b-fb6pwkzt4c] {
    display: inline-flex;
    align-items: center;
    height: 100%;
    white-space: nowrap;
}

.vario-topbar-search-form[b-fb6pwkzt4c] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.vario-topbar-search[b-fb6pwkzt4c] {
    position: relative;
    display: flex;
    align-items: center;
    width: clamp(280px, 34vw, 520px);
    height: 38px;
    border: 1px solid #edf0f5;
    border-radius: 4px;
    background: #f7f9fc;
}

.vario-topbar-search-icon[b-fb6pwkzt4c] {
    width: 16px;
    height: 16px;
    margin-left: 14px;
    border: 2px solid #9aa7b7;
    border-radius: 50%;
}

.vario-topbar-search-icon[b-fb6pwkzt4c]::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 2px;
    margin: 11px 0 0 -1px;
    background: #9aa7b7;
    transform: rotate(45deg);
}

.vario-topbar-search input[b-fb6pwkzt4c] {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0 10px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #111827;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.vario-topbar-search kbd[b-fb6pwkzt4c] {
    margin-right: 10px;
    padding: 0;
    color: #8a95a6;
    background: transparent;
    font-size: 0.72rem;
    font-weight: 600;
}

.vario-topbar-advanced-toggle[b-fb6pwkzt4c] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 38px;
    height: 38px;
    padding: 0;
    color: #6b7788;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
}

.vario-topbar-advanced-toggle span[b-fb6pwkzt4c] {
    width: 16px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.vario-topbar-advanced-toggle:hover[b-fb6pwkzt4c] {
    color: #1769e0;
    background: #f1f5fb;
    border-color: #edf0f5;
}

.vario-topbar-advanced-toggle.active[b-fb6pwkzt4c] {
    color: #ffffff;
    background: #2563EB;
    border-color: #2563EB;
}

.vario-topbar-search-action[b-fb6pwkzt4c] {
    min-height: 38px;
    padding: 0 16px;
    border-radius: 6px;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.vario-topbar-icon[b-fb6pwkzt4c],
.vario-topbar-messenger[b-fb6pwkzt4c] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #1f2937;
    font-weight: 800;
    text-decoration: none;
}

.vario-topbar-icon:hover[b-fb6pwkzt4c],
.vario-topbar-messenger:hover[b-fb6pwkzt4c] {
    background: #f1f5fb;
}

.vario-topbar-icon.primary[b-fb6pwkzt4c] {
    color: #ffffff;
    background: #2563EB;
    font-size: 1.25rem;
}

.vario-topbar-icon.settings[b-fb6pwkzt4c]::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
}

.vario-topbar-messenger[b-fb6pwkzt4c] {
    color: #fff;
    background: #0084ff;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
}

.vario-topbar-messenger.has-badge[b-fb6pwkzt4c]::after {
    content: "12";
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border-radius: 999px;
    background: #e11d48;
    color: #fff;
    font-size: 0.62rem;
    line-height: 16px;
}

.vario-topbar-icon.settings[b-fb6pwkzt4c]::before {
    border-radius: 50%;
    box-shadow: inset 0 0 0 3px #fff;
}

.vario-login-display[b-fb6pwkzt4c] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 14px;
    border-left: 1px solid #edf0f5;
    --vario-topbar-icon-size: 28px;
    --vario-topbar-icon-stroke: 2.15;
    --vario-topbar-icon-x: 0px;
    --vario-topbar-icon-y: 0px;
}

.vario-topbar-notifications[b-fb6pwkzt4c] {
    position: relative;
}

.vario-topbar-action-icon[b-fb6pwkzt4c] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #081B3A;
    background: transparent;
    border: 0;
    border-radius: 999px;
    text-decoration: none;
}

.vario-topbar-action-icon[b-fb6pwkzt4c]  .nav-icon {
    width: 22px;
    height: 22px;
    color: currentColor;
    stroke-width: 2.15;
}

.vario-topbar-action-icon.ai-assistant[b-fb6pwkzt4c] {
    color: #1263f1;
}

.vario-topbar-action-icon.team-communication[b-fb6pwkzt4c] {
    color: #134f8c;
}

.vario-topbar-svg-icon[b-fb6pwkzt4c] {
    display: block;
    width: var(--vario-topbar-icon-size);
    height: var(--vario-topbar-icon-size);
    fill: none;
    stroke: #06152f;
    stroke-width: var(--vario-topbar-icon-stroke);
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: translate(var(--vario-topbar-icon-x), var(--vario-topbar-icon-y));
    vector-effect: non-scaling-stroke;
}

.vario-topbar-action-icon:hover[b-fb6pwkzt4c] {
    color: #081B3A;
    background: transparent;
}

.vario-topbar-action-icon:hover .vario-topbar-svg-icon[b-fb6pwkzt4c] {
    stroke: #000b1f;
}

.vario-notification-badge[b-fb6pwkzt4c] {
    position: absolute;
    top: 1px;
    right: 0;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    color: #ffffff;
    background: #e11d48;
    border: 2px solid #ffffff;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    line-height: 12px;
}

.vario-notification-backdrop[b-fb6pwkzt4c] {
    position: fixed;
    inset: 0;
    z-index: 19990;
    background: transparent;
}

.vario-notification-panel[b-fb6pwkzt4c] {
    position: absolute;
    top: 42px;
    right: -8px;
    z-index: 20000;
    width: 270px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
}

.vario-notification-panel-header[b-fb6pwkzt4c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    background: linear-gradient(90deg, #081B3A 0%, #102A54 70%, #2563EB 100%);
}

.vario-notification-panel-header strong[b-fb6pwkzt4c] {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.vario-notification-panel-header span[b-fb6pwkzt4c] {
    color: rgba(229, 231, 235, 0.9);
    font-size: 12px;
    font-weight: 500;
}

.vario-notification-list[b-fb6pwkzt4c] {
    display: grid;
    gap: 0;
    max-height: 420px;
    overflow-y: auto;
}

.vario-notification-item[b-fb6pwkzt4c] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px;
    align-items: flex-start;
    margin: 0;
    min-height: 86px;
    padding: 12px 14px;
    cursor: pointer;
    border-bottom: 1px solid #edf1f6;
    background: #ffffff;
}

.vario-notification-item:hover[b-fb6pwkzt4c] {
    background: #f7faff;
}

.vario-notification-item.done[b-fb6pwkzt4c] {
    background: #f8fafc;
}

.vario-notification-item input[b-fb6pwkzt4c] {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    accent-color: #2563EB;
}

.vario-notification-item-body[b-fb6pwkzt4c] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.vario-notification-item-body strong[b-fb6pwkzt4c] {
    color: #111827;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.18;
}

.vario-notification-item-body small[b-fb6pwkzt4c] {
    color: #6b7788;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
}

.vario-notification-item.done .vario-notification-item-body strong[b-fb6pwkzt4c],
.vario-notification-item.done .vario-notification-item-body small[b-fb6pwkzt4c] {
    color: #8a95a6;
}

.vario-login-user[b-fb6pwkzt4c] {
    text-align: right;
    line-height: 1.15;
}

.vario-login-display-name[b-fb6pwkzt4c] {
    color: #111827;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.vario-login-user-name[b-fb6pwkzt4c] {
    color: #6b7280;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.vario-user-avatar[b-fb6pwkzt4c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #fff;
    background: linear-gradient(135deg, #2563EB, #102A54);
    border-radius: 50%;
    font-size: 0.74rem;
    font-weight: 800;
    text-decoration: none;
}

html[data-vario-nav-collapsed="true"] .vario-win-shell[b-fb6pwkzt4c]  .vario-win-brand a {
    justify-content: center;
}

html[data-vario-nav-collapsed="true"] .vario-win-shell[b-fb6pwkzt4c]  .vario-brand-name,
html[data-vario-nav-collapsed="true"] .vario-win-shell[b-fb6pwkzt4c]  .nav-section,
html[data-vario-nav-collapsed="true"] .vario-win-shell[b-fb6pwkzt4c]  .nav-text,
html[data-vario-nav-collapsed="true"] .vario-win-shell[b-fb6pwkzt4c]  .vario-nav-bottom strong {
    display: none;
}

html[data-vario-nav-collapsed="true"] .vario-win-shell[b-fb6pwkzt4c]  .nav-link {
    justify-content: center;
}

.vario-win-content[b-fb6pwkzt4c] {
    min-width: 0;
    padding: 20px 22px !important;
    overflow: auto;
    background: #f5f7fb;
}

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

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

@media (max-width: 860px) {
    .vario-win-shell[b-fb6pwkzt4c] {
        --vario-active-sidebar-width: 0px;
        grid-template-columns: 1fr;
    }

    .vario-win-nav[b-fb6pwkzt4c] {
        min-height: auto;
    }

    .vario-topbar-search[b-fb6pwkzt4c] {
        width: min(54vw, 360px);
    }

    .vario-topbar-search-form[b-fb6pwkzt4c] {
        gap: 6px;
    }

    .vario-topbar-search-action[b-fb6pwkzt4c] {
        padding: 0 10px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.vario-win-brand[b-38mc6itsdw] {
    height: 66px;
    padding: 0 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.vario-win-brand a[b-38mc6itsdw] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
    color: #ffffff;
    font-family: "Plus Jakarta Sans", Inter, "Segoe UI", Arial, sans-serif;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-decoration: none;
}

.vario-brand-mark[b-38mc6itsdw] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 10px;
    background: url("/icons/varioerp/varioerp-logo-mark.svg") center / contain no-repeat;
    box-shadow: 0 10px 24px rgba(18, 99, 241, 0.35);
}

.vario-brand-mark[b-38mc6itsdw]::before,
.vario-brand-mark[b-38mc6itsdw]::after {
    content: none;
}

.navbar-toggler[b-38mc6itsdw] {
    display: none;
}

.nav-scrollable[b-38mc6itsdw] {
    height: calc(100vh - 66px);
    overflow-y: auto;
    background:
        radial-gradient(circle at 20% 0%, rgba(37, 99, 235, 0.38), transparent 32%),
        linear-gradient(180deg, #061b3f 0%, #07295f 45%, #04152f 100%);
}

.vario-sidebar-v2[b-38mc6itsdw] {
    --sidebar-item-inset: 10px;
    --sidebar-item-height: 32px;
    --sidebar-item-radius: 11px;
    --sidebar-icon-size: 20px;
    min-height: 100%;
    padding: 7px 0 10px;
}

.vario-sidebar-row[b-38mc6itsdw] {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
}

.vario-sidebar-item[b-38mc6itsdw] {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: var(--sidebar-icon-size) minmax(0, 1fr) 12px;
    align-items: center;
    column-gap: 10px;
    width: calc(100% - (var(--sidebar-item-inset) * 2));
    height: var(--sidebar-item-height);
    min-height: var(--sidebar-item-height);
    margin: 2px var(--sidebar-item-inset);
    padding: 0 10px;
    border: 0;
    border-radius: var(--sidebar-item-radius);
    color: rgba(255, 255, 255, 0.84);
    background: transparent;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    text-decoration: none;
    transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.vario-sidebar-item:hover[b-38mc6itsdw] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}

.vario-sidebar-item.active[b-38mc6itsdw] {
    color: #ffffff;
    background: linear-gradient(135deg, #1d6cff 0%, #0b54d8 100%);
    box-shadow: 0 10px 22px rgba(29, 108, 255, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.20);
}

.vario-sidebar-group[b-38mc6itsdw] {
    cursor: pointer;
}

button.vario-sidebar-item[b-38mc6itsdw] {
    appearance: none;
}

.vario-sidebar-details[b-38mc6itsdw] {
    margin: 0;
    padding: 0;
}

.vario-sidebar-details > summary[b-38mc6itsdw] {
    list-style: none;
}

.vario-sidebar-details > summary[b-38mc6itsdw]::-webkit-details-marker {
    display: none;
}

.vario-sidebar-group.open[b-38mc6itsdw] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
}

.vario-sidebar-subtree[b-38mc6itsdw] {
    display: grid;
    gap: 0;
    width: 100%;
    margin: 1px 0 4px;
    padding: 0;
}

.vario-sidebar-subtree .vario-sidebar-item[b-38mc6itsdw] {
    grid-template-columns: var(--sidebar-icon-size) minmax(0, 1fr);
    padding-left: 26px;
    padding-right: 10px;
}

.vario-sidebar-subtree .vario-sidebar-item[b-38mc6itsdw]::after {
    content: "";
}

.vario-sidebar-text[b-38mc6itsdw] {
    min-width: 0;
    overflow: hidden;
    color: currentColor;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-sidebar-chevron[b-38mc6itsdw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    width: 14px;
    height: 14px;
    color: currentColor;
    line-height: 1;
    opacity: 0.72;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform 150ms ease, opacity 150ms ease;
}

.vario-sidebar-chevron[b-38mc6itsdw]::before {
    content: none;
}

.vario-sidebar-details[open] > summary .vario-sidebar-chevron[b-38mc6itsdw] {
    transform: rotate(90deg);
}

.vario-sidebar-group[aria-expanded="true"] .vario-sidebar-chevron[b-38mc6itsdw] {
    opacity: 1;
    transform: rotate(90deg);
}

.vario-sidebar-chevron.open[b-38mc6itsdw] {
    transform: rotate(90deg);
}

.vario-sidebar-chevron[b-38mc6itsdw]  .nav-icon {
    width: 13px;
    height: 13px;
    stroke-width: 2.25;
}

.vario-sidebar-item[b-38mc6itsdw]  .nav-icon {
    width: var(--sidebar-icon-size);
    height: var(--sidebar-icon-size);
    flex: 0 0 var(--sidebar-icon-size);
    color: currentColor;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    opacity: 1;
    shape-rendering: geometricPrecision;
}

.vario-sidebar-item[b-38mc6itsdw]  .nav-icon * {
    fill: none;
    stroke: currentColor;
    stroke-width: inherit;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.vario-sidebar-item[b-38mc6itsdw]  .nav-icon circle[fill="currentColor"] {
    fill: currentColor;
    stroke: none;
}

.vario-nav-bottom[b-38mc6itsdw] {
    margin: 10px var(--sidebar-item-inset) 0;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.vario-nav-bottom-button[b-38mc6itsdw] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: rgba(255, 255, 255, 0.84);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
}

.vario-nav-bottom-button:hover[b-38mc6itsdw] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-tftgr235ks],
.components-reconnect-repeated-attempt-visible[b-tftgr235ks],
.components-reconnect-failed-visible[b-tftgr235ks],
.components-pause-visible[b-tftgr235ks],
.components-resume-failed-visible[b-tftgr235ks],
.components-rejoining-animation[b-tftgr235ks] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-tftgr235ks {
    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/Pages/Admin/ServiceCatalogSettings.razor.rz.scp.css */
.vario-service-catalog-settings .vario-admin-settings-section-grid[b-0bnzboqznf] {
    grid-template-columns: minmax(320px, 620px);
}

.vario-service-catalog-settings-form[b-0bnzboqznf] {
    display: grid;
    gap: 10px;
    align-content: start;
    padding: 14px;
}

.vario-service-catalog-settings-form label[b-0bnzboqznf] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 120px;
    gap: 12px;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
}

.vario-service-catalog-settings-form p[b-0bnzboqznf] {
    margin: 0;
    color: var(--vario-text-muted);
    font-size: 10px;
}

.vario-service-catalog-settings-form .btn[b-0bnzboqznf] {
    justify-self: end;
}

@media (max-width: 640px) {
    .vario-service-catalog-settings-form label[b-0bnzboqznf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Crm/Index.razor.rz.scp.css */
[b-n6njqlhh2r] .vario-crm-register-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 10px;
    border-bottom: 1px solid var(--vario-list-border-subtle);
    background: var(--vario-color-surface-muted);
    color: var(--vario-color-text-muted);
    font-size: 11px;
}

[b-n6njqlhh2r] .vario-crm-register-message.is-error {
    color: var(--vario-color-danger-600);
}

[b-n6njqlhh2r] .vario-crm-active-filter-indicator {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border: 1px solid color-mix(in srgb, var(--vario-accent) 45%, var(--vario-color-border-field));
    border-radius: 999px;
    background: var(--vario-color-surface-selected);
    color: var(--vario-accent);
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

[b-n6njqlhh2r] .vario-crm-active-filter-indicator .nav-icon {
    width: 13px;
    height: 13px;
}

[b-n6njqlhh2r] .vario-crm-task-table td,
[b-n6njqlhh2r] .vario-crm-task-table th {
    white-space: nowrap;
}

[b-n6njqlhh2r] .vario-crm-completed-column {
    text-align: center;
}

[b-n6njqlhh2r] .vario-crm-task-title-cell {
    display: grid;
    min-width: 0;
}

[b-n6njqlhh2r] .vario-crm-task-title-cell strong,
[b-n6njqlhh2r] .vario-crm-task-title-cell small,
[b-n6njqlhh2r] .vario-crm-text-column > * {
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-n6njqlhh2r] .vario-crm-task-title-cell small {
    color: var(--vario-color-text-muted);
    font-size: 10px;
}

[b-n6njqlhh2r] .vario-crm-task-badge {
    display: inline-flex;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--vario-color-surface-selected);
    color: var(--vario-color-text-strong);
    font-size: 10px;
    font-weight: 700;
}

[b-n6njqlhh2r] .vario-crm-task-badge.priority-high,
[b-n6njqlhh2r] .vario-crm-task-badge.priority-urgent,
[b-n6njqlhh2r] .vario-crm-due-overdue {
    color: var(--vario-color-danger-600);
}

[b-n6njqlhh2r] .vario-crm-search-input-with-icon {
    position: relative;
}

[b-n6njqlhh2r] .vario-crm-search-input-with-icon input {
    width: 100%;
    padding-right: 32px;
}

[b-n6njqlhh2r] .vario-crm-search-input-with-icon .nav-icon {
    position: absolute;
    top: 50%;
    right: 9px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    color: var(--vario-color-text-muted);
}

[b-n6njqlhh2r] .vario-crm-date-range {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
}

[b-n6njqlhh2r] .vario-crm-date-range > span {
    color: var(--vario-color-text-muted);
    font-size: 10px;
}

[b-n6njqlhh2r] .vario-crm-grid-footer-summary {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

[b-n6njqlhh2r] .vario-crm-grid-paging {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-n6njqlhh2r] .vario-crm-grid-paging > span {
    color: var(--vario-color-text-muted);
    white-space: nowrap;
}

@media (max-width: 740px) {
    [b-n6njqlhh2r] .vario-crm-grid-footer-summary {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Shared/Configuration/VarioOperationalModuleDialog.razor.rz.scp.css */
.operational-module-overlay[b-ozzykzb0ls] { background: rgba(0, 0, 0, .35); display: grid !important; place-items: center; padding: 12px; }
html[data-vario-theme] body .operational-module-overlay .operational-module-dialog[b-ozzykzb0ls] { width: min(820px, 100%) !important; max-width: 820px !important; height: min(680px, calc(100dvh - 24px)) !important; margin: 0 !important; }
html[data-vario-theme] body .operational-module-overlay .operational-module-dialog > .modal-content[b-ozzykzb0ls] { height: 100% !important; max-height: 100% !important; display: flex; flex-direction: column; overflow: hidden; }
.operational-module-body[b-ozzykzb0ls] { flex: 1 1 auto; min-height: 0; overflow: auto; }
.operational-module-body fieldset[b-ozzykzb0ls] { min-width: 0; margin: 0; padding: 0; border: 0; display: grid; gap: 8px; }
html[data-vario-theme] body .operational-module-overlay .operational-module-dialog .operational-module-grid[b-ozzykzb0ls] { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-content: start; align-items: start; gap: 8px 10px; }
html[data-vario-theme] body .operational-module-dialog .operational-module-grid > label[b-ozzykzb0ls] { grid-column: auto !important; }
html[data-vario-theme] body .operational-module-dialog .operational-module-grid > .wide[b-ozzykzb0ls] { grid-column: span 2 !important; }
html[data-vario-theme] body .operational-module-dialog .operational-module-grid > .full[b-ozzykzb0ls] { grid-column: 1 / -1 !important; }
.operational-module-checks[b-ozzykzb0ls] { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
html[data-vario-theme] body .operational-module-overlay .operational-module-checks label[b-ozzykzb0ls] { display: flex !important; flex-direction: row !important; align-items: center; gap: 6px !important; margin: 0; }
html[data-vario-theme] body .operational-module-dialog textarea[b-ozzykzb0ls] { resize: vertical; width: 100% !important; height: 48px !important; min-height: 48px !important; font: inherit; }
.operational-module-dialog .modal-footer[b-ozzykzb0ls] { flex: 0 0 auto; }
.operational-module-dialog[b-ozzykzb0ls]  .vario-erp-document-card-header, .operational-module-dialog[b-ozzykzb0ls]  .vario-document-tab-strip { flex-shrink: 0; }
@media (max-width: 600px) {
    .operational-module-overlay[b-ozzykzb0ls] { padding: 6px; }
    html[data-vario-theme] body .operational-module-overlay .operational-module-dialog[b-ozzykzb0ls] { height: calc(100dvh - 24px) !important; }
    html[data-vario-theme] body .operational-module-overlay .operational-module-dialog .operational-module-grid[b-ozzykzb0ls] { grid-template-columns: minmax(0, 1fr) !important; }
    html[data-vario-theme] body .operational-module-dialog .operational-module-grid > .wide[b-ozzykzb0ls] { grid-column: auto !important; }
}
/* /Components/Shared/Configuration/VarioPaymentOpeningBalanceConfiguration.razor.rz.scp.css */
.vario-payment-opening-configuration .vario-erp-section-header > div[b-obcsc8htpf] {
    display: grid;
    gap: 1px;
}

.vario-payment-opening-configuration .vario-erp-section-header span[b-obcsc8htpf] {
    color: #61748d;
    font-size: 10px;
}

.vario-payment-opening-configuration-body[b-obcsc8htpf] {
    display: grid;
    gap: 8px;
}

.vario-payment-opening-current[b-obcsc8htpf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

.vario-payment-opening-current > div[b-obcsc8htpf] {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 6px 8px;
    border: 1px solid #d3deeb;
    border-radius: 5px;
    background: #f8fafd;
}

.vario-payment-opening-current span[b-obcsc8htpf],
.vario-payment-opening-editor-grid label > span[b-obcsc8htpf] {
    color: #5b6f89;
    font-size: 10px;
    font-weight: 700;
}

.vario-payment-opening-current strong[b-obcsc8htpf] {
    overflow: hidden;
    color: #092654;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-payment-opening-editor-grid[b-obcsc8htpf] {
    display: grid;
    grid-template-columns: 150px 180px minmax(220px, 1fr) auto;
    align-items: end;
    gap: 8px;
}

.vario-payment-opening-editor-grid label[b-obcsc8htpf] {
    display: grid;
    gap: 3px;
    min-width: 0;
    margin: 0;
}

.vario-payment-opening-editor-grid input[b-obcsc8htpf] {
    width: 100%;
    height: 29px;
    padding: 0 8px;
    border: 1px solid #bfd0e6;
    border-radius: 5px;
    background: #fff;
    color: #092654;
}

.vario-payment-opening-editor-grid[b-obcsc8htpf]  .vario-numeric-input {
    width: 100%;
}

.vario-payment-opening-editor-grid .btn[b-obcsc8htpf] {
    min-height: 29px;
    white-space: nowrap;
}

.vario-payment-opening-permission-note[b-obcsc8htpf] {
    color: #6b7d94;
}

@media (max-width: 760px) {
    .vario-payment-opening-current[b-obcsc8htpf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vario-payment-opening-editor-grid[b-obcsc8htpf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vario-payment-opening-editor-grid .reason[b-obcsc8htpf],
    .vario-payment-opening-editor-grid .btn[b-obcsc8htpf] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 460px) {
    .vario-payment-opening-editor-grid[b-obcsc8htpf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vario-payment-opening-editor-grid .reason[b-obcsc8htpf],
    .vario-payment-opening-editor-grid .btn[b-obcsc8htpf] {
        grid-column: auto;
    }
}
/* /Components/Shared/Contractors/VarioGusContractorSelectionDialog.razor.rz.scp.css */
.vario-gus-selection-layer[b-chdpeonx2p] {
    z-index: calc(var(--vario-contractor-card-child-layer, 21130) + 2);
    background: var(--vario-window-overlay);
}

.vario-gus-selection-dialog[b-chdpeonx2p] {
    width: min(650px, calc(100vw - 24px));
    max-width: 650px;
    margin: 12px auto;
}

.vario-gus-selection-content[b-chdpeonx2p] {
    max-height: min(570px, calc(100vh - 48px));
    overflow: hidden;
    border: 1px solid var(--vario-window-frame-border);
    border-radius: 8px;
    background: var(--vario-component-card-bg, var(--vario-modal-bg));
    box-shadow: var(--vario-shadow-popover);
}

.vario-gus-selection-body[b-chdpeonx2p] {
    min-height: 0;
    padding: 10px 12px;
    overflow: hidden;
    background: var(--vario-component-card-bg, var(--vario-surface));
}

.vario-gus-selection-help[b-chdpeonx2p] {
    margin: 0 0 8px;
    color: var(--vario-text-muted);
    font: 600 10.5px/15px var(--vario-font-family-ui);
}

.vario-gus-selection-list[b-chdpeonx2p] {
    display: grid;
    max-height: min(350px, calc(100vh - 210px));
    gap: 5px;
    overflow: auto;
}

.vario-gus-selection-row[b-chdpeonx2p] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) max-content;
    min-width: 0;
    gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 62px;
    padding: 7px 9px;
    color: var(--vario-text) !important;
    text-align: left;
    border: 1px solid var(--vario-border);
    border-radius: 6px;
    background: var(--vario-component-card-bg, var(--vario-surface)) !important;
    box-shadow: none;
    transition: background-color 100ms ease-out, border-color 100ms ease-out, box-shadow 90ms ease-out;
}

.vario-gus-selection-row:hover[b-chdpeonx2p] {
    border-color: var(--vario-border-strong);
    background: var(--vario-component-list-row-hover-bg, var(--vario-grid-hover-bg)) !important;
}

.vario-gus-selection-row:active[b-chdpeonx2p] {
    box-shadow: inset 0 2px 4px color-mix(in srgb, var(--vario-text) 18%, transparent);
}

.vario-gus-selection-row.selected[b-chdpeonx2p] {
    color: var(--vario-component-list-row-selected-text) !important;
    border-color: var(--vario-component-list-row-selected-bg, var(--vario-accent));
    background: var(--vario-component-list-row-selected-bg, var(--vario-accent)) !important;
    box-shadow: inset 3px 0 0 var(--vario-component-list-row-selected-accent);
}

.vario-gus-selection-mark[b-chdpeonx2p] {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    color: transparent;
    border: 1px solid var(--vario-border-strong, var(--vario-border));
    border-radius: 50%;
    background: var(--vario-input-bg, var(--vario-surface));
}

.vario-gus-selection-row.selected .vario-gus-selection-mark[b-chdpeonx2p] {
    color: var(--vario-accent);
    border-color: var(--vario-component-list-row-selected-text);
    background: var(--vario-component-list-row-selected-text);
}

.vario-gus-selection-mark[b-chdpeonx2p]  .nav-icon {
    width: 11px;
    height: 11px;
}

.vario-gus-selection-details[b-chdpeonx2p] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.vario-gus-selection-details strong[b-chdpeonx2p] {
    overflow: hidden;
    font: 800 11px/15px var(--vario-font-family-ui);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-gus-selection-meta[b-chdpeonx2p] {
    display: flex;
    min-width: 0;
    gap: 5px 10px;
    flex-wrap: wrap;
    color: var(--vario-text-muted);
    font: 650 9.5px/13px var(--vario-font-family-ui);
}

.vario-gus-selection-row.selected .vario-gus-selection-meta[b-chdpeonx2p],
.vario-gus-selection-row.selected .vario-gus-selection-address[b-chdpeonx2p] {
    color: color-mix(in srgb, var(--vario-component-list-row-selected-text) 86%, transparent);
}

.vario-gus-selection-address[b-chdpeonx2p] {
    overflow: hidden;
    color: var(--vario-text-muted);
    font: 600 10px/14px var(--vario-font-family-ui);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-gus-selection-status[b-chdpeonx2p] {
    align-self: start;
    padding: 2px 6px;
    color: var(--vario-status-success-text);
    font: 750 9px/13px var(--vario-font-family-ui);
    border: 1px solid var(--vario-status-success-border);
    border-radius: 5px;
    background: var(--vario-status-success-bg);
}

.vario-gus-selection-status.inactive[b-chdpeonx2p] {
    color: var(--vario-status-warning-text);
    border-color: var(--vario-status-warning-border);
    background: var(--vario-status-warning-bg);
}

.vario-gus-selection-footer[b-chdpeonx2p] {
    min-height: var(--vario-size-compact-dialog-footer-height, 44px);
    height: var(--vario-size-compact-dialog-footer-height, 44px);
}

@media (max-width: 560px) {
    .vario-gus-selection-dialog[b-chdpeonx2p] {
        width: calc(100vw - 16px);
        margin: 8px auto;
    }

    .vario-gus-selection-row[b-chdpeonx2p] {
        grid-template-columns: 20px minmax(0, 1fr);
    }

    .vario-gus-selection-status[b-chdpeonx2p] {
        grid-column: 2;
        justify-self: start;
    }

    .vario-gus-selection-details strong[b-chdpeonx2p],
    .vario-gus-selection-address[b-chdpeonx2p] {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vario-gus-selection-row[b-chdpeonx2p] {
        transition: none;
    }
}
/* /Components/Shared/Documents/Dialogs/VarioPaymentModulePickerDialog.razor.rz.scp.css */
.vario-payment-module-picker[b-zjiznw9qht] {
    display: grid;
    gap: 6px;
    max-height: min(320px, 52vh);
    overflow: auto;
}

.vario-payment-module-option[b-zjiznw9qht] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 44px;
    margin: 0;
    padding: 6px 9px;
    border: 1px solid var(--vario-border);
    border-radius: 6px;
    background: var(--vario-surface);
    color: var(--vario-text);
    cursor: pointer;
}

.vario-payment-module-option:hover[b-zjiznw9qht] {
    border-color: var(--vario-border-strong);
    background: var(--vario-surface-hover);
}

.vario-payment-module-option.selected[b-zjiznw9qht] {
    border-color: var(--vario-accent);
    background: var(--vario-color-surface-selected);
}

.vario-payment-module-option input[b-zjiznw9qht] {
    margin: 0;
}

.vario-payment-module-option-copy[b-zjiznw9qht] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.vario-payment-module-option-copy strong[b-zjiznw9qht] {
    overflow: hidden;
    font-size: 11px;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-payment-module-option-copy small[b-zjiznw9qht] {
    overflow: hidden;
    color: var(--vario-text-muted);
    font-size: 10px;
    line-height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/Documents/Sections/VarioDocumentAllocationsPanel.razor.rz.scp.css */
.document-allocation-overlay[b-8261prgujj] { z-index: 2200 !important; background: rgba(0, 0, 0, .25); }
.document-allocation-body[b-8261prgujj] { display: flex; flex-direction: column; gap: 8px; }
.document-allocation-search[b-8261prgujj] { display: flex; flex-direction: column; gap: 3px; }
.document-allocation-search > span[b-8261prgujj] { font-size: 11px; font-weight: 600; }
.document-allocation-candidates[b-8261prgujj] { min-height: 100px; max-height: 280px; overflow: auto; }
.document-allocation-candidates table[b-8261prgujj] { table-layout: fixed; width: 100%; }
.document-allocation-candidates .allocation-type[b-8261prgujj] { width: 44px; }
.document-allocation-candidates .allocation-date[b-8261prgujj] { width: 100px; }
.document-allocation-candidates .allocation-amount[b-8261prgujj] { width: 130px; }
.allocation-mobile-date[b-8261prgujj] { display: none; }
.document-allocation-candidates th[b-8261prgujj] { position: sticky; top: 0; z-index: 1; }
.document-allocation-candidates tr[data-candidate-key][b-8261prgujj] { cursor: pointer; }
html[data-vario-theme] body .document-allocation-body .document-allocation-fields[b-8261prgujj] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (max-width: 600px) {
    html[data-vario-theme] body .document-allocation-body .document-allocation-fields[b-8261prgujj] { grid-template-columns: minmax(0, 1fr) !important; }
    .document-allocation-candidates[b-8261prgujj] { max-height: 200px; }
    .document-allocation-candidates .allocation-date[b-8261prgujj] { display: none; }
    .document-allocation-candidates .allocation-amount[b-8261prgujj] { width: 110px; }
    html[data-vario-theme] body .document-allocation-candidates td.allocation-number[b-8261prgujj] { white-space: normal !important; overflow-wrap: anywhere; }
    .allocation-mobile-date[b-8261prgujj] { display: block; font-weight: 400; }
}
/* /Components/Shared/Documents/Sections/VarioDocumentExchangeRateSection.razor.rz.scp.css */
html[data-vario-theme] body .vario-document-form-grid.rate-summary[b-pmmeivzne6] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
html[data-vario-theme] body .vario-document-form-grid.rate-editor-grid[b-pmmeivzne6] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: end; }
.rate-reason[b-pmmeivzne6] { grid-column: 1 / -1; }
.vario-document-inline-actions[b-pmmeivzne6]  .nav-icon { width: 13px !important; height: 13px !important; min-width: 13px; display: inline-block; vertical-align: middle; }
@media (max-width: 600px) { html[data-vario-theme] body .vario-document-form-grid.rate-summary[b-pmmeivzne6], html[data-vario-theme] body .vario-document-form-grid.rate-editor-grid[b-pmmeivzne6] { grid-template-columns: minmax(0, 1fr) !important; } }
/* /Components/Shared/Tasks/VarioTaskEditorDialog.razor.rz.scp.css */
.vario-task-editor-dialog[b-m14hw7emql] {
    width: min(1180px, calc(100vw - 24px));
    max-width: 1180px;
}

.vario-task-editor-body[b-m14hw7emql] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-height: min(650px, calc(100dvh - 180px));
    overflow: hidden;
}

.vario-task-editor-alert[b-m14hw7emql] {
    margin: 8px 0 0;
}

.vario-task-editor-section[b-m14hw7emql] {
    min-height: 0;
    margin: 10px 0 0;
    overflow: auto;
}

.vario-task-editor-main-grid[b-m14hw7emql] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vario-task-editor-title-field[b-m14hw7emql],
.vario-task-editor-description-field[b-m14hw7emql] {
    grid-column: 1 / -1;
}

.vario-task-editor-description-field textarea[b-m14hw7emql] {
    resize: vertical;
}

.vario-task-editor-responsible-field[b-m14hw7emql] {
    grid-column: span 2;
}

.vario-task-editor-lookup-field[b-m14hw7emql] {
    position: relative;
    display: grid;
    gap: 5px;
    min-width: 0;
}

.vario-task-editor-lookup-field > label[b-m14hw7emql],
.vario-task-editor-main-grid label > span[b-m14hw7emql] {
    color: var(--vario-color-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.vario-task-editor-lookup-input[b-m14hw7emql] {
    position: relative;
}

.vario-task-editor-lookup-input input[b-m14hw7emql] {
    width: 100%;
    padding-right: 34px;
}

.vario-task-editor-lookup-input .nav-icon[b-m14hw7emql] {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    color: var(--vario-color-text-muted);
}

.vario-task-editor-lookup-field small[b-m14hw7emql] {
    color: var(--vario-color-text-muted);
    font-size: 10px;
}

.vario-task-editor-lookup-results[b-m14hw7emql] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 12;
    display: grid;
    width: 100%;
    max-height: 220px;
    overflow: auto;
    border: 1px solid var(--vario-color-border-field);
    border-radius: var(--vario-radius-xs);
    background: var(--vario-color-surface-card);
    box-shadow: var(--vario-shadow-popover);
}

.vario-task-editor-lookup-results button[b-m14hw7emql] {
    display: grid;
    gap: 2px;
    padding: 7px 10px;
    border: 0;
    border-bottom: 1px solid var(--vario-list-border-subtle);
    background: transparent;
    color: var(--vario-color-text-strong);
    text-align: left;
}

.vario-task-editor-lookup-results button:hover[b-m14hw7emql] {
    background: var(--vario-color-surface-selected);
}

.vario-task-editor-lookup-results span[b-m14hw7emql] {
    color: var(--vario-color-text-muted);
    font-size: 10px;
}

.vario-task-editor-checklist[b-m14hw7emql] {
    display: grid;
    gap: 7px;
}

.vario-task-editor-checklist-row[b-m14hw7emql] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto 34px;
    align-items: center;
    gap: 8px;
}

.vario-task-editor-checklist-order[b-m14hw7emql] {
    color: var(--vario-color-text-muted);
    text-align: center;
    font-size: 11px;
}

.vario-task-editor-checklist-state[b-m14hw7emql] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--vario-color-success-600);
    font-size: 11px;
}

.vario-task-editor-checklist-state .nav-icon[b-m14hw7emql],
.vario-task-editor-checklist-row button .nav-icon[b-m14hw7emql],
.vario-task-editor-selected-relation .nav-icon[b-m14hw7emql],
.vario-task-editor-section button .nav-icon[b-m14hw7emql] {
    width: 14px;
    height: 14px;
}

.vario-task-editor-relations[b-m14hw7emql],
.vario-task-editor-history[b-m14hw7emql] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    min-height: 0;
    overflow: auto;
}

.vario-task-editor-selected-relation[b-m14hw7emql] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 9px;
    border: 1px solid var(--vario-color-border-field);
    border-radius: var(--vario-radius-xs);
    background: var(--vario-color-surface-muted);
}

.vario-task-editor-selected-relation button[b-m14hw7emql] {
    display: inline-grid;
    place-items: center;
    padding: 2px;
    border: 0;
    background: transparent;
    color: var(--vario-color-text-muted);
}

.vario-task-editor-timeline[b-m14hw7emql] {
    display: grid;
    gap: 8px;
}

.vario-task-editor-timeline article[b-m14hw7emql] {
    padding: 8px;
    border: 1px solid var(--vario-list-border-subtle);
    border-radius: var(--vario-radius-xs);
    background: var(--vario-color-surface-muted);
    font-size: 11px;
}

.vario-task-editor-timeline article header[b-m14hw7emql] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.vario-task-editor-timeline time[b-m14hw7emql] {
    color: var(--vario-color-text-muted);
}

.vario-task-editor-timeline p[b-m14hw7emql] {
    margin: 5px 0 0;
    white-space: pre-wrap;
}

.vario-task-editor-comment-box[b-m14hw7emql] {
    display: grid;
    justify-items: end;
    gap: 6px;
    margin-top: 10px;
}

.vario-task-editor-comment-box textarea[b-m14hw7emql] {
    width: 100%;
    resize: vertical;
}

.vario-task-editor-comment-warning[b-m14hw7emql] {
    justify-self: stretch;
    color: var(--vario-color-warning-700, var(--vario-color-text-muted));
    font-size: 10px;
}

.vario-task-editor-badge[b-m14hw7emql] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--vario-color-surface-selected);
    color: var(--vario-color-text-strong);
    font-size: 10px;
    font-weight: 700;
}

.vario-task-editor-badge.priority-high[b-m14hw7emql],
.vario-task-editor-badge.priority-urgent[b-m14hw7emql] {
    color: var(--vario-color-danger-600);
}

.vario-task-editor-readonly[b-m14hw7emql] {
    color: var(--vario-color-text-muted);
    font-size: 11px;
}

@media (max-width: 860px) {
    .vario-task-editor-dialog[b-m14hw7emql] {
        width: calc(100vw - 12px);
        margin: 6px auto;
    }

    .vario-task-editor-body[b-m14hw7emql] {
        min-height: calc(100dvh - 130px);
    }

    .vario-task-editor-main-grid[b-m14hw7emql],
    .vario-task-editor-relations[b-m14hw7emql],
    .vario-task-editor-history[b-m14hw7emql] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vario-task-editor-responsible-field[b-m14hw7emql] {
        grid-column: auto;
    }
}
/* /Components/Shared/Tasks/VarioTaskPreviewPane.razor.rz.scp.css */
.vario-task-preview-description[b-zjhwtvvw68] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.vario-task-preview-detail[b-zjhwtvvw68],
.vario-task-preview-history[b-zjhwtvvw68] {
    min-height: 100%;
    padding: 12px 16px;
    color: var(--vario-color-text-strong);
}

.vario-task-preview-detail > header[b-zjhwtvvw68],
.vario-task-preview-history h3[b-zjhwtvvw68] {
    margin: 0 0 10px;
}

.vario-task-preview-detail h3[b-zjhwtvvw68],
.vario-task-preview-history h3[b-zjhwtvvw68] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
}

.vario-task-preview-detail header p[b-zjhwtvvw68] {
    margin: 2px 0 0;
    color: var(--vario-color-text-muted);
    font-size: 11px;
}

.vario-task-preview-checklist[b-zjhwtvvw68] {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vario-task-preview-checklist li[b-zjhwtvvw68] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 30px;
    padding: 5px 8px;
    border: 1px solid var(--vario-list-border-subtle);
    border-radius: var(--vario-radius-xs);
    background: var(--vario-color-surface-muted);
    font-size: 11px;
}

.vario-task-preview-checklist label[b-zjhwtvvw68] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.vario-task-preview-checklist li.is-completed label span[b-zjhwtvvw68] {
    color: var(--vario-color-text-muted);
    text-decoration: line-through;
}

.vario-task-preview-checklist small[b-zjhwtvvw68] {
    flex: 0 0 auto;
    color: var(--vario-color-text-muted);
}

.vario-task-preview-history[b-zjhwtvvw68] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.vario-task-preview-history article[b-zjhwtvvw68] {
    padding: 7px 0;
    border-top: 1px solid var(--vario-list-border-subtle);
    font-size: 11px;
}

.vario-task-preview-history article header[b-zjhwtvvw68] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.vario-task-preview-history article time[b-zjhwtvvw68],
.vario-task-preview-empty[b-zjhwtvvw68] {
    color: var(--vario-color-text-muted);
}

.vario-task-preview-history article p[b-zjhwtvvw68] {
    margin: 4px 0 0;
    white-space: pre-wrap;
}

.vario-task-due-overdue[b-zjhwtvvw68] {
    color: var(--vario-color-danger-600);
}

.vario-task-badge[b-zjhwtvvw68] {
    display: inline-flex;
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--vario-color-surface-selected);
}

.vario-task-badge.priority-high[b-zjhwtvvw68],
.vario-task-badge.priority-urgent[b-zjhwtvvw68] {
    color: var(--vario-color-danger-600);
}

@media (max-width: 740px) {
    .vario-task-preview-history[b-zjhwtvvw68] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Shared/VarioBankStatementImportDialog.razor.rz.scp.css */
.vario-bank-statement-import-modal[b-zp3qbbdym3] {
    z-index: 21000;
    background: rgba(6, 24, 50, 0.42);
}

.vario-bank-statement-import-dialog[b-zp3qbbdym3] {
    width: min(1240px, calc(100vw - 34px));
    max-width: 1240px;
    height: min(780px, calc(100vh - 34px));
    margin: 17px auto;
}

.vario-bank-statement-import-dialog .modal-content[b-zp3qbbdym3] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100%;
    overflow: hidden;
}

.vario-bank-statement-import-icon .nav-icon[b-zp3qbbdym3] {
    width: 18px;
    height: 18px;
    stroke-width: 2;
}

.vario-bank-statement-import-body[b-zp3qbbdym3] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 8px;
    min-height: 0;
    padding: 10px;
    background: #edf2f8;
}

.vario-bank-import-source[b-zp3qbbdym3] {
    display: grid;
    grid-template-columns: minmax(150px, 0.7fr) minmax(320px, 1.8fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 8px 10px;
    background: #ffffff;
    border: 1px solid #ccd8e8;
    border-radius: 7px;
}

.vario-bank-import-source-copy[b-zp3qbbdym3],
.vario-bank-import-file-summary[b-zp3qbbdym3] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.vario-bank-import-source-copy strong[b-zp3qbbdym3],
.vario-bank-import-file-summary strong[b-zp3qbbdym3] {
    overflow: hidden;
    color: #10294d;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-bank-import-source-copy span[b-zp3qbbdym3],
.vario-bank-import-file-summary span[b-zp3qbbdym3] {
    overflow: hidden;
    color: #6c7f9a;
    font-size: 10.5px;
    font-weight: 550;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-bank-import-file-control[b-zp3qbbdym3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.vario-bank-import-file-control[b-zp3qbbdym3]  .vario-bank-import-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
}

.vario-bank-import-file-button[b-zp3qbbdym3],
.vario-bank-import-submit[b-zp3qbbdym3],
.vario-bank-import-approve[b-zp3qbbdym3],
.vario-bank-statement-import-footer .btn[b-zp3qbbdym3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 28px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.vario-bank-import-file-button .nav-icon[b-zp3qbbdym3],
.vario-bank-import-submit .nav-icon[b-zp3qbbdym3],
.vario-bank-statement-import-footer .nav-icon[b-zp3qbbdym3] {
    width: 13px;
    height: 13px;
    stroke-width: 2;
}

.vario-bank-import-file-name[b-zp3qbbdym3] {
    overflow: hidden;
    color: #526986;
    font-size: 11px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-bank-import-summary[b-zp3qbbdym3] {
    display: grid;
    grid-template-columns: minmax(250px, 1fr) repeat(5, minmax(82px, auto));
    align-items: stretch;
    min-height: 44px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #ccd8e8;
    border-radius: 7px;
}

.vario-bank-import-file-summary[b-zp3qbbdym3] {
    justify-content: center;
    padding: 7px 10px;
    border-right: 1px solid #d9e2ef;
}

.vario-bank-import-metric[b-zp3qbbdym3] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    color: #536983;
    border-right: 1px solid #e0e7f0;
    font-size: 10px;
    font-weight: 650;
}

.vario-bank-import-metric:last-child[b-zp3qbbdym3] {
    border-right: 0;
}

.vario-bank-import-metric strong[b-zp3qbbdym3] {
    color: #122b4f;
    font-size: 14px;
    font-weight: 800;
}

.vario-bank-import-metric.ready strong[b-zp3qbbdym3] { color: #9a6300; }
.vario-bank-import-metric.matched strong[b-zp3qbbdym3] { color: #178049; }
.vario-bank-import-metric.duplicate strong[b-zp3qbbdym3] { color: #7658b0; }
.vario-bank-import-metric.invalid strong[b-zp3qbbdym3] { color: #b42d2d; }

.vario-bank-import-grid-wrap[b-zp3qbbdym3] {
    min-height: 0;
    overflow: auto;
    background: #ffffff;
    border: 1px solid #c5d2e3;
    border-radius: 7px;
}

.vario-bank-import-grid[b-zp3qbbdym3] {
    width: 100%;
    min-width: 1050px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    color: #12294b;
    font-size: 11px;
}

.vario-bank-import-grid col.date[b-zp3qbbdym3] { width: 88px; }
.vario-bank-import-grid col.direction[b-zp3qbbdym3] { width: 78px; }
.vario-bank-import-grid col.contractor[b-zp3qbbdym3] { width: 178px; }
.vario-bank-import-grid col.title[b-zp3qbbdym3] { width: auto; }
.vario-bank-import-grid col.amount[b-zp3qbbdym3] { width: 118px; }
.vario-bank-import-grid col.status[b-zp3qbbdym3] { width: 108px; }
.vario-bank-import-grid col.match[b-zp3qbbdym3] { width: 250px; }
.vario-bank-import-grid col.action[b-zp3qbbdym3] { width: 104px; }

.vario-bank-import-grid thead th[b-zp3qbbdym3] {
    position: sticky;
    z-index: 2;
    top: 0;
    height: 28px;
    padding: 0 8px;
    color: #0d315e;
    background: #eaf1f9;
    border-right: 1px solid #c9d6e6;
    border-bottom: 1px solid #b9c9dc;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
}

.vario-bank-import-grid thead th:last-child[b-zp3qbbdym3],
.vario-bank-import-grid tbody td:last-child[b-zp3qbbdym3] {
    border-right: 0;
}

.vario-bank-import-grid thead th.amount[b-zp3qbbdym3],
.vario-bank-import-grid tbody td.amount[b-zp3qbbdym3] {
    text-align: right;
}

.vario-bank-import-grid tbody td[b-zp3qbbdym3] {
    height: 42px;
    padding: 5px 8px;
    overflow: hidden;
    vertical-align: middle;
    background: #ffffff;
    border-right: 1px solid #e0e7f0;
    border-bottom: 1px solid #e0e7f0;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-bank-import-grid tbody tr:last-child td[b-zp3qbbdym3] {
    border-bottom: 0;
}

.vario-bank-import-grid tbody tr.suggested td[b-zp3qbbdym3] { background: #f6faff; }
.vario-bank-import-grid tbody tr.matched td[b-zp3qbbdym3] { background: #f2fbf6; }
.vario-bank-import-grid tbody tr.duplicate td[b-zp3qbbdym3] { background: #faf8fd; color: #6f6580; }
.vario-bank-import-grid tbody tr.invalid td[b-zp3qbbdym3] { background: #fff6f6; color: #874343; }

.vario-bank-import-grid tbody td:nth-child(4)[b-zp3qbbdym3],
.vario-bank-import-grid tbody td:nth-child(7)[b-zp3qbbdym3] {
    display: table-cell;
    white-space: normal;
}

.vario-bank-import-grid tbody td:nth-child(4) strong[b-zp3qbbdym3],
.vario-bank-import-grid tbody td:nth-child(4) span[b-zp3qbbdym3],
.vario-bank-import-grid tbody td:nth-child(7) strong[b-zp3qbbdym3],
.vario-bank-import-grid tbody td:nth-child(7) span[b-zp3qbbdym3],
.vario-bank-import-grid tbody td:nth-child(7) small[b-zp3qbbdym3] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-bank-import-grid tbody td:nth-child(4) span[b-zp3qbbdym3],
.vario-bank-import-grid tbody td:nth-child(7) span[b-zp3qbbdym3],
.vario-bank-import-grid tbody td:nth-child(7) small[b-zp3qbbdym3] {
    margin-top: 2px;
    color: #71839b;
    font-size: 9.5px;
    font-weight: 550;
}

.vario-bank-import-direction[b-zp3qbbdym3],
.vario-bank-import-status[b-zp3qbbdym3],
.vario-bank-import-approved[b-zp3qbbdym3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 7px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1;
}

.vario-bank-import-direction.incoming[b-zp3qbbdym3] { color: #147143; background: #e4f7ec; border-color: #b8e8cc; }
.vario-bank-import-direction.outgoing[b-zp3qbbdym3] { color: #9d3131; background: #fff0f0; border-color: #efc5c5; }
.vario-bank-import-status.suggested[b-zp3qbbdym3] { color: #175bb2; background: #eaf3ff; border-color: #bfd7f8; }
.vario-bank-import-status.ready[b-zp3qbbdym3] { color: #8a6000; background: #fff7df; border-color: #eed99b; }
.vario-bank-import-status.matched[b-zp3qbbdym3],
.vario-bank-import-approved[b-zp3qbbdym3] { color: #147143; background: #e4f7ec; border-color: #b8e8cc; }
.vario-bank-import-status.duplicate[b-zp3qbbdym3] { color: #6e4f9d; background: #f2edfa; border-color: #d8caeb; }
.vario-bank-import-status.invalid[b-zp3qbbdym3] { color: #a62c2c; background: #fff0f0; border-color: #efc5c5; }

.vario-bank-import-row-note[b-zp3qbbdym3] {
    color: #6c7e96;
    font-size: 10px;
    font-weight: 550;
}

.vario-bank-import-grid td.action[b-zp3qbbdym3] {
    text-align: center;
}

.vario-bank-import-approve[b-zp3qbbdym3] {
    width: 86px;
    min-height: 25px;
    padding: 0 8px;
    font-size: 10px;
}

.vario-bank-import-empty[b-zp3qbbdym3] {
    display: grid;
    grid-row: 2 / -1;
    place-items: center;
    min-height: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #c5d2e3;
    border-radius: 7px;
}

.vario-bank-statement-import-footer[b-zp3qbbdym3] {
    justify-content: space-between;
    min-height: 48px;
}

@media (max-width: 840px) {
    .vario-bank-statement-import-dialog[b-zp3qbbdym3] {
        width: calc(100vw - 16px);
        height: calc(100vh - 16px);
        margin: 8px auto;
    }

    .vario-bank-import-source[b-zp3qbbdym3] {
        grid-template-columns: 1fr;
    }

    .vario-bank-import-submit[b-zp3qbbdym3] {
        justify-self: end;
    }

    .vario-bank-import-summary[b-zp3qbbdym3] {
        grid-template-columns: repeat(5, 1fr);
    }

    .vario-bank-import-file-summary[b-zp3qbbdym3] {
        grid-column: 1 / -1;
        border-right: 0;
        border-bottom: 1px solid #d9e2ef;
    }
}
/* /Components/Shared/VarioCashReceiptDialog.razor.rz.scp.css */
.vario-cash-receipt-modal[b-o4a3i8h1my] {
    z-index: 1840;
}

.vario-cash-receipt-dialog[b-o4a3i8h1my] {
    width: min(1220px, calc(100vw - 40px));
    max-width: 1220px;
    height: min(790px, calc(100dvh - 54px));
}

.vario-cash-receipt-dialog > .vario-erp-document-card[b-o4a3i8h1my] {
    height: 100%;
}

.vario-cash-receipt-body[b-o4a3i8h1my] {
    grid-template-rows: 32px minmax(0, 1fr) !important;
    overflow: hidden !important;
}

.vario-cash-receipt-loading[b-o4a3i8h1my],
.vario-cash-receipt-history-section[b-o4a3i8h1my],
.vario-cash-receipt-allocations-section[b-o4a3i8h1my] {
    min-height: 0;
}

.vario-cash-receipt-main-grid[b-o4a3i8h1my] {
    grid-template-columns: minmax(210px, 1.35fr) minmax(190px, 1fr) 150px 90px minmax(190px, 1fr) !important;
}

.vario-cash-receipt-allocations-section[b-o4a3i8h1my] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden !important;
}

.vario-cash-receipt-allocation-body[b-o4a3i8h1my],
.vario-cash-receipt-history-body[b-o4a3i8h1my] {
    min-height: 0;
    overflow: hidden;
}

.vario-cash-receipt-allocation-scroll[b-o4a3i8h1my],
.vario-cash-receipt-history-body[b-o4a3i8h1my] {
    height: 100%;
    overflow: auto;
}

.vario-cash-receipt-allocation-table[b-o4a3i8h1my] {
    min-width: 1080px;
}

.vario-cash-receipt-allocation-table thead[b-o4a3i8h1my] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.vario-cash-receipt-allocation-table .choice[b-o4a3i8h1my] {
    width: 66px;
    text-align: center;
}

.vario-cash-receipt-allocation-table .amount[b-o4a3i8h1my] {
    width: 118px;
    text-align: right;
}

.vario-cash-receipt-allocation-table .allocation[b-o4a3i8h1my] {
    width: 168px;
}

.vario-cash-receipt-contractor-lookup[b-o4a3i8h1my] {
    z-index: 1940;
}

.vario-cash-receipt-contractor-lookup .vario-erp-document-card-dialog[b-o4a3i8h1my] {
    width: min(1120px, calc(100vw - 48px));
    max-width: 1120px;
    height: min(720px, calc(100dvh - 70px));
}

.vario-cash-receipt-contractor-filter[b-o4a3i8h1my] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) max-content;
    align-items: end;
    gap: 10px;
}

.vario-cash-receipt-contractor-filter label[b-o4a3i8h1my] {
    display: grid;
    gap: 3px;
    color: #173d78;
    font: 900 10.5px/13px Inter, "Segoe UI", Arial, sans-serif;
}

.vario-cash-receipt-contractor-table-scroll[b-o4a3i8h1my] {
    height: 100%;
    overflow: auto;
}

.vario-cash-receipt-contractor-table-scroll thead[b-o4a3i8h1my] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.vario-cash-receipt-confirm-modal[b-o4a3i8h1my] {
    z-index: 2040;
}

.vario-cash-receipt-confirm-modal .vario-erp-document-card-dialog[b-o4a3i8h1my] {
    width: min(520px, calc(100vw - 36px));
    max-width: 520px;
    height: auto;
}

@media (max-width: 980px) {
    .vario-cash-receipt-main-grid[b-o4a3i8h1my] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}
/* /Components/Shared/VarioCompensationDialog.razor.rz.scp.css */
.vario-compensation-modal[b-4r9bxu5zqu] {
    z-index: 1840;
}

.vario-compensation-dialog[b-4r9bxu5zqu] {
    width: min(1320px, calc(100vw - 40px));
    max-width: 1320px;
    height: min(820px, calc(100dvh - 54px));
}

.vario-compensation-dialog > .vario-erp-document-card[b-4r9bxu5zqu] {
    height: 100%;
}

.vario-compensation-body[b-4r9bxu5zqu] {
    grid-template-rows: 32px minmax(0, 1fr) !important;
    overflow: hidden !important;
}

.vario-compensation-loading[b-4r9bxu5zqu],
.vario-compensation-history-section[b-4r9bxu5zqu] {
    min-height: 0;
}

.vario-compensation-main-grid[b-4r9bxu5zqu] {
    grid-template-columns: minmax(220px, 1.35fr) minmax(190px, 1fr) 150px 90px minmax(180px, 1fr) !important;
}

.vario-compensation-allocations-layout[b-4r9bxu5zqu] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    gap: 8px;
    overflow: hidden;
}

.vario-compensation-allocation-toolbar[b-4r9bxu5zqu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 10px;
    border: 1px solid #d5e0ef;
    border-radius: 7px;
    background: #f7f9fc;
}

.vario-compensation-allocation-toolbar > div:first-child[b-4r9bxu5zqu] {
    display: grid;
    gap: 1px;
}

.vario-compensation-allocation-toolbar strong[b-4r9bxu5zqu] {
    color: #08224f;
    font: 900 12px/15px Inter, "Segoe UI", Arial, sans-serif;
}

.vario-compensation-allocation-toolbar span[b-4r9bxu5zqu] {
    color: #607086;
    font: 700 10.5px/13px Inter, "Segoe UI", Arial, sans-serif;
}

.vario-compensation-sides[b-4r9bxu5zqu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
    gap: 8px;
}

.vario-compensation-side-section[b-4r9bxu5zqu] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    overflow: hidden !important;
}

.vario-compensation-side-section > .vario-erp-section-header > strong[b-4r9bxu5zqu] {
    color: #0b5bd3;
    white-space: nowrap;
    font: 900 12px/15px Inter, "Segoe UI", Arial, sans-serif;
}

.vario-compensation-side-body[b-4r9bxu5zqu],
.vario-compensation-history-body[b-4r9bxu5zqu] {
    min-height: 0;
    overflow: hidden;
}

.vario-compensation-allocation-scroll[b-4r9bxu5zqu],
.vario-compensation-history-body[b-4r9bxu5zqu] {
    height: 100%;
    overflow: auto;
}

.vario-compensation-allocation-table[b-4r9bxu5zqu] {
    min-width: 660px;
}

.vario-compensation-allocation-table thead[b-4r9bxu5zqu] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.vario-compensation-allocation-table td:nth-child(2)[b-4r9bxu5zqu] {
    display: grid;
    gap: 1px;
}

.vario-compensation-allocation-table td:nth-child(2) small[b-4r9bxu5zqu] {
    color: #607086;
    font-size: 9.5px;
}

.vario-compensation-allocation-table .choice[b-4r9bxu5zqu] {
    width: 58px;
    text-align: center;
}

.vario-compensation-allocation-table .amount[b-4r9bxu5zqu] {
    width: 108px;
    text-align: right;
}

.vario-compensation-allocation-table .allocation[b-4r9bxu5zqu] {
    width: 145px;
}

.vario-compensation-contractor-lookup[b-4r9bxu5zqu] {
    z-index: 1940;
}

.vario-compensation-contractor-lookup .vario-erp-document-card-dialog[b-4r9bxu5zqu] {
    width: min(1120px, calc(100vw - 48px));
    max-width: 1120px;
    height: min(720px, calc(100dvh - 70px));
}

.vario-compensation-contractor-filter[b-4r9bxu5zqu] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) max-content;
    align-items: end;
    gap: 10px;
}

.vario-compensation-contractor-filter label[b-4r9bxu5zqu] {
    display: grid;
    gap: 3px;
    color: #173d78;
    font: 900 10.5px/13px Inter, "Segoe UI", Arial, sans-serif;
}

.vario-compensation-contractor-table-scroll[b-4r9bxu5zqu] {
    height: 100%;
    overflow: auto;
}

.vario-compensation-contractor-table-scroll thead[b-4r9bxu5zqu] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.vario-compensation-confirm-modal[b-4r9bxu5zqu] {
    z-index: 2040;
}

.vario-compensation-confirm-modal .vario-erp-document-card-dialog[b-4r9bxu5zqu] {
    width: min(540px, calc(100vw - 36px));
    max-width: 540px;
    height: auto;
}

@media (max-width: 980px) {
    .vario-compensation-main-grid[b-4r9bxu5zqu],
    .vario-compensation-contractor-grid[b-4r9bxu5zqu],
    .vario-compensation-sides[b-4r9bxu5zqu] {
        grid-template-columns: 1fr !important;
    }
}
/* /Components/Shared/VarioDocumentCategoryTabs.razor.rz.scp.css */
.vario-document-category-tab[aria-disabled="true"][b-723p73n6ml] {
    cursor: not-allowed;
    opacity: 0.48;
}
/* /Components/Shared/VarioDocumentContractorSection.razor.rz.scp.css */
.vario-document-actions-divider[b-phx7q2iplf] {
    align-self: center;
    display: inline-block;
    flex-shrink: 0;
    width: 1px;
    height: 18px;
    margin: 0 4px;
    background-color: var(--vario-border);
}

.vario-contractor-general-toggle[b-phx7q2iplf] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.18rem 0.65rem;
    border-radius: 4px !important;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.25;
    cursor: pointer;
    user-select: none;
    transition:
        background-color var(--vario-motion-button-return-duration) var(--vario-motion-button-easing),
        border-color var(--vario-motion-button-return-duration) var(--vario-motion-button-easing),
        color var(--vario-motion-button-return-duration) var(--vario-motion-button-easing),
        box-shadow var(--vario-motion-button-return-duration) var(--vario-motion-button-easing);
}

.vario-contractor-general-toggle[b-phx7q2iplf]  .nav-icon {
    flex-shrink: 0;
    width: 13px;
    height: 13px;
    stroke-width: 2.2;
}

.vario-contractor-general-toggle:not(.is-active)[b-phx7q2iplf] {
    color: var(--vario-text);
    background-color: var(--vario-surface);
    border-color: var(--vario-border);
}

.vario-contractor-general-toggle:not(.is-active):hover[b-phx7q2iplf] {
    color: var(--vario-text-strong);
    background-color: var(--vario-surface-hover);
    border-color: var(--vario-border-strong);
}

.vario-contractor-general-toggle.is-active[b-phx7q2iplf] {
    color: var(--vario-color-text-on-primary);
    background: var(--vario-component-primary-action-bg);
    border-color: var(--vario-component-primary-action-border);
}

.vario-contractor-general-toggle.is-active[b-phx7q2iplf]  .nav-icon {
    color: var(--vario-color-text-on-primary);
    stroke-width: 2.6;
}

.vario-toggle-badge[b-phx7q2iplf],
.vario-toggle-badge-soft[b-phx7q2iplf] {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px;
    border: 1px solid var(--vario-border-soft);
    border-radius: 3px;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vario-toggle-badge-soft[b-phx7q2iplf] {
    color: var(--vario-text-muted);
    background-color: var(--vario-surface-alt);
}

.vario-contractor-general-toggle.is-active .vario-toggle-badge[b-phx7q2iplf] {
    color: var(--vario-color-primary-600);
    background-color: var(--vario-color-text-on-primary);
    border-color: transparent;
    font-weight: 800;
}

.vario-general-estimate-input[b-phx7q2iplf] {
    background-color: var(--vario-input-readonly-bg) !important;
}

@media (prefers-reduced-motion: reduce) {
    .vario-contractor-general-toggle[b-phx7q2iplf] {
        transition: none;
    }
}
/* /Components/Shared/VarioDocumentCreateMenu.razor.rz.scp.css */
.vario-document-create-menu-backdrop[b-z1uopd8uae] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: var(--vario-layer-module-action-backdrop);
    background: transparent;
}

.vario-document-create-menu-backdrop[b-z1uopd8uae]::backdrop,
.vario-document-create-menu[b-z1uopd8uae]::backdrop {
    background: transparent;
}

.vario-document-create-menu-backdrop[popover]:not(:popover-open)[b-z1uopd8uae],
.vario-document-create-menu[popover]:not(:popover-open)[b-z1uopd8uae] {
    display: none !important;
}

.vario-document-create-menu[b-z1uopd8uae] {
    position: fixed;
    z-index: var(--vario-layer-module-action-menu);
    display: grid;
    gap: 2px;
    width: var(--vario-size-create-menu-width);
    max-width: calc(100vw - (2 * var(--vario-space-8)));
    max-height: calc(100vh - 80px);
    padding: var(--vario-space-6);
    overflow: auto;
    border: 1px solid var(--vario-color-border-soft);
    border-radius: var(--vario-radius-md);
    background: var(--vario-color-surface-panel);
    box-shadow: var(--vario-shadow-popover);
    margin: 0;
}

.vario-document-create-menu-anchor-end[b-z1uopd8uae] {
    inset: auto;
}

.vario-document-create-menu button[b-z1uopd8uae] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    gap: var(--vario-space-8);
    width: 100%;
    min-height: 28px;
    padding: 5px var(--vario-space-8);
    border: 0;
    border-radius: var(--vario-radius-xs);
    background: transparent;
    color: var(--vario-color-text-strong);
    text-align: left;
}

.vario-document-create-menu button:hover:not(:disabled)[b-z1uopd8uae],
.vario-document-create-menu button:focus-visible[b-z1uopd8uae] {
    outline: none;
    background: var(--vario-color-surface-selected);
    color: var(--vario-color-primary-600);
}

.vario-document-create-menu button:disabled[b-z1uopd8uae] {
    color: var(--vario-color-text-disabled);
    cursor: not-allowed;
}

.vario-document-create-menu strong[b-z1uopd8uae] {
    min-width: 0;
    font: 800 11px/14px Inter, "Segoe UI", Arial, sans-serif;
    letter-spacing: 0;
    white-space: nowrap;
}

.vario-document-create-menu span[b-z1uopd8uae] {
    color: var(--vario-color-text-muted);
    font: 700 10px/13px Inter, "Segoe UI", Arial, sans-serif;
    letter-spacing: 0;
}
/* /Components/Shared/VarioEstimatePickerDialog.razor.rz.scp.css */
.vario-estimate-picker-backdrop[b-0jcha85xex] {
    background: var(--vario-window-overlay);
}

.vario-estimate-picker-toolbar[b-0jcha85xex] {
    background: var(--vario-surface-alt);
    border-color: var(--vario-border) !important;
}
/* /Components/Shared/VarioExchangeRateSettingsDialog.razor.rz.scp.css */
html[data-vario-theme] body .exchange-settings-dialog .exchange-settings-grid[b-11mm4thz4e] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: end; }
.exchange-settings-actions[b-11mm4thz4e] { grid-column: 1 / -1; }
.exchange-settings-actions[b-11mm4thz4e]  .nav-icon { width: 13px !important; height: 13px !important; min-width: 13px; display: inline-block; vertical-align: middle; }
.exchange-auto-option[b-11mm4thz4e] { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 12px; }
@media (max-width: 600px) { html[data-vario-theme] body .exchange-settings-dialog .exchange-settings-grid[b-11mm4thz4e] { grid-template-columns: minmax(0, 1fr) !important; } }
/* /Components/Shared/VarioListOpenAction.razor.rz.scp.css */
.vario-list-open-action[b-9h02pn9ufv] {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--vario-space-6) !important;
    width: max-content !important;
    min-width: 0 !important;
    height: var(--vario-size-button-compact-height) !important;
    min-height: var(--vario-size-button-compact-height) !important;
    max-height: var(--vario-size-button-compact-height) !important;
    padding: 0 var(--vario-space-10) !important;
    border: 1px solid var(--vario-component-primary-action-border) !important;
    border-radius: var(--vario-radius-xs) !important;
    background: var(--vario-component-primary-action-bg) !important;
    color: var(--vario-color-text-on-primary) !important;
    font: 700 11px/1 var(--vario-font-family-ui) !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.vario-list-open-action[b-9h02pn9ufv]  .nav-icon {
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    color: currentColor !important;
}

.vario-list-open-action:hover:not(:disabled)[b-9h02pn9ufv] {
    border-color: var(--vario-component-primary-action-hover-border) !important;
    background: var(--vario-component-primary-action-hover-bg) !important;
    color: var(--vario-color-text-on-primary) !important;
}

.vario-list-open-action:active:not(:disabled)[b-9h02pn9ufv] {
    border-color: var(--vario-component-primary-action-active-border) !important;
    background: var(--vario-component-primary-action-active-bg) !important;
    color: var(--vario-color-text-on-primary) !important;
}

.vario-list-open-action:disabled[b-9h02pn9ufv] {
    border-color: var(--vario-component-primary-action-disabled-border) !important;
    background: var(--vario-component-primary-action-disabled-bg) !important;
    color: var(--vario-component-primary-action-disabled-text) !important;
    box-shadow: none !important;
}
/* /Components/Shared/VarioLookupPicker.razor.rz.scp.css */
.vario-lookup-picker[b-jin6bru0ex] {
    position: relative;
    min-width: 0;
}

.vario-lookup-picker.disabled[b-jin6bru0ex] {
    opacity: 0.85;
}

.vario-lookup-input[b-jin6bru0ex] {
    min-width: 180px;
}

.vario-lookup-menu[b-jin6bru0ex] {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    z-index: 1080;
    display: grid;
    gap: 2px;
    width: min(460px, 80vw);
    max-height: 260px;
    overflow: auto;
    padding: 5px;
    border: 1px solid #cbd8ea;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14);
}

.vario-lookup-option[b-jin6bru0ex] {
    display: grid;
    gap: 1px;
    width: 100%;
    padding: 6px 8px;
    border: 0;
    border-radius: 5px;
    color: #0f2442;
    background: transparent;
    text-align: left;
    font: 700 11px/15px Inter, "Segoe UI", Arial, sans-serif;
}

.vario-lookup-option:hover[b-jin6bru0ex],
.vario-lookup-option:focus[b-jin6bru0ex] {
    background: #eef4ff;
    outline: none;
}

.vario-lookup-option.clear[b-jin6bru0ex] {
    color: #475569;
    font-weight: 650;
}

.vario-lookup-option small[b-jin6bru0ex] {
    color: #64748b;
    font: 600 10px/13px Inter, "Segoe UI", Arial, sans-serif;
}

.vario-lookup-empty[b-jin6bru0ex] {
    padding: 8px;
    color: #64748b;
    font: 650 11px/15px Inter, "Segoe UI", Arial, sans-serif;
}
/* /Components/Shared/VarioModuleCreateAction.razor.rz.scp.css */
.vario-module-create-action[b-rzpgyakdts] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    overflow: visible;
}

.vario-module-create-action[b-rzpgyakdts]  .vario-module-create-button {
    position: relative;
    z-index: var(--vario-layer-module-action-trigger);
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--vario-space-8) !important;
    width: max-content !important;
    min-width: 0 !important;
    height: var(--vario-size-module-primary-action-height) !important;
    min-height: var(--vario-size-module-primary-action-height) !important;
    max-height: var(--vario-size-module-primary-action-height) !important;
    padding: 0 var(--vario-space-14) 0 var(--vario-space-10) !important;
    border: 1px solid var(--vario-component-primary-action-border) !important;
    border-radius: var(--vario-radius-xs) !important;
    background: var(--vario-component-primary-action-bg) !important;
    color: var(--vario-color-text-on-primary) !important;
    box-shadow: var(--vario-shadow-module-primary-action) !important;
    font: 700 11px/1 Inter, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    cursor: pointer;
}

.vario-module-create-action[b-rzpgyakdts]  .vario-module-create-button .vario-action-icon {
    display: block !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    background-color: currentColor;
}

.vario-module-create-action[b-rzpgyakdts]  .vario-module-create-button:hover:not(:disabled) {
    border-color: var(--vario-component-primary-action-hover-border) !important;
    background: var(--vario-component-primary-action-hover-bg) !important;
}

.vario-module-create-action[b-rzpgyakdts]  .vario-module-create-button:active:not(:disabled) {
    border-color: var(--vario-component-primary-action-active-border) !important;
    background: var(--vario-component-primary-action-active-bg) !important;
}

.vario-module-create-action[b-rzpgyakdts]  .vario-module-create-button:focus-visible {
    outline: 2px solid var(--vario-color-focus-ring) !important;
    outline-offset: 2px !important;
}

.vario-module-create-action[b-rzpgyakdts]  .vario-module-create-button:disabled {
    border-color: var(--vario-component-primary-action-disabled-border) !important;
    background: var(--vario-component-primary-action-disabled-bg) !important;
    color: var(--vario-component-primary-action-disabled-text) !important;
    box-shadow: none !important;
    cursor: not-allowed;
}

.vario-module-create-action[data-vario-create-placement="category-bar"][b-rzpgyakdts] {
    height: var(--vario-size-document-category-create-action-height);
}

.vario-module-create-action[data-vario-create-placement="category-bar"][b-rzpgyakdts]  .vario-module-create-button {
    height: var(--vario-size-document-category-create-action-height) !important;
    min-height: var(--vario-size-document-category-create-action-height) !important;
    max-height: var(--vario-size-document-category-create-action-height) !important;
    padding-inline: var(--vario-space-10) var(--vario-space-12) !important;
    border-radius: var(--vario-radius-xs) !important;
    box-shadow: none !important;
}

.vario-module-create-action[data-vario-create-placement="category-bar"][b-rzpgyakdts]  .vario-module-create-button .vario-action-icon {
    flex-basis: 12px !important;
    width: 12px !important;
    height: 12px !important;
}
/* /Components/Shared/VarioOwnBankTransferDialog.razor.rz.scp.css */
.vario-own-bank-transfer-modal[b-akihfop2lk] {
    z-index: 21000;
}

.vario-own-bank-transfer-dialog[b-akihfop2lk] {
    width: min(1120px, calc(100vw - 40px));
    max-width: 1120px;
    height: min(720px, calc(100dvh - 54px));
}

.vario-own-bank-transfer-dialog > .vario-erp-document-card[b-akihfop2lk] {
    height: 100%;
}

.vario-own-bank-transfer-body[b-akihfop2lk] {
    grid-template-rows: 32px minmax(0, 1fr) !important;
    overflow: hidden !important;
}

.vario-own-bank-transfer-main-grid[b-akihfop2lk] {
    grid-template-columns: minmax(210px, 1.3fr) minmax(210px, 1.3fr) minmax(170px, .9fr) 150px 150px 90px !important;
}

.vario-own-bank-transfer-amount[b-akihfop2lk] {
    min-width: 180px;
}

.vario-own-bank-transfer-operations-section[b-akihfop2lk],
.vario-own-bank-transfer-history-section[b-akihfop2lk] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    overflow: hidden !important;
}

.vario-own-bank-transfer-operations-body[b-akihfop2lk],
.vario-own-bank-transfer-history-body[b-akihfop2lk] {
    min-height: 0;
    overflow: auto;
}

.vario-own-bank-transfer-operations-table[b-akihfop2lk] {
    min-width: 760px;
}

.vario-own-bank-transfer-operations-table thead[b-akihfop2lk] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.vario-own-bank-transfer-operations-table .amount[b-akihfop2lk] {
    width: 145px;
    text-align: right;
}

@media (max-width: 980px) {
    .vario-own-bank-transfer-main-grid[b-akihfop2lk] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    html body .vario-own-bank-transfer-modal.vario-erp-document-details-modal[b-akihfop2lk]  .vario-erp-document-card > .vario-erp-document-card-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        flex: 0 0 86px !important;
        min-height: 86px !important;
        gap: 4px !important;
        padding: 7px 10px !important;
    }

    html body .vario-own-bank-transfer-modal.vario-erp-document-details-modal[b-akihfop2lk]  .vario-erp-document-card-title,
    html body .vario-own-bank-transfer-modal.vario-erp-document-details-modal[b-akihfop2lk]  .vario-erp-document-card-title > div {
        width: 100% !important;
        min-width: 0 !important;
    }

    html body .vario-own-bank-transfer-modal.vario-erp-document-details-modal[b-akihfop2lk]  .vario-erp-document-card-title h5,
    html body .vario-own-bank-transfer-modal.vario-erp-document-details-modal[b-akihfop2lk]  .vario-erp-document-card-title small {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .vario-own-bank-transfer-modal.vario-erp-document-details-modal[b-akihfop2lk]  .vario-erp-document-card-badges {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-end !important;
    }

    html[data-vario-theme] body .vario-own-bank-transfer-modal.vario-own-bank-transfer-modal.vario-erp-document-details-modal[b-akihfop2lk]  [data-vario-component="VarioDocumentTabStrip"].vario-win-document-tabs button[data-vario-component="VarioDocumentTab"] {
        padding-right: 9px !important;
        padding-left: 9px !important;
    }

    html body .vario-own-bank-transfer-modal.vario-erp-document-details-modal[b-akihfop2lk]  .vario-document-bottom-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        flex-basis: 72px !important;
        min-height: 72px !important;
        gap: 4px !important;
        padding: 4px 8px !important;
    }

    html body .vario-own-bank-transfer-modal.vario-erp-document-details-modal[b-akihfop2lk]  .vario-document-bottom-summary > div {
        min-height: 28px !important;
        padding: 0 6px !important;
    }
}
/* /Components/Shared/VarioPaymentAuditDialog.razor.rz.scp.css */
.vario-payment-audit-modal[b-o4prmi1045] {
    z-index: 10100;
    background: rgba(3, 20, 48, .34);
    backdrop-filter: blur(2px);
}

.vario-payment-audit-dialog[b-o4prmi1045] {
    width: min(96vw, 1540px);
    max-width: none;
    height: min(90vh, 900px);
    margin: 5vh auto;
}

.vario-payment-audit-dialog > .modal-content[b-o4prmi1045] {
    height: 100%;
    overflow: hidden;
}

.vario-payment-audit-body[b-o4prmi1045] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 7px;
    min-height: 0;
    padding: 10px;
    background: #edf2f8;
}

.vario-payment-audit-filters[b-o4prmi1045] {
    display: grid;
    grid-template-columns: 142px 142px minmax(160px, .85fr) minmax(170px, .9fr) minmax(190px, 1fr) minmax(230px, 1.35fr) auto;
    align-items: end;
    gap: 7px;
    padding: 7px;
    border: 1px solid #c8d4e4;
    border-radius: 6px;
    background: #fff;
}

.vario-payment-audit-filters label[b-o4prmi1045] {
    display: grid;
    gap: 3px;
    min-width: 0;
    margin: 0;
}

.vario-payment-audit-filters label > span[b-o4prmi1045] {
    color: #536984;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.vario-payment-audit-filters input[b-o4prmi1045],
.vario-payment-audit-filters select[b-o4prmi1045] {
    width: 100%;
    height: 30px;
    min-width: 0;
    padding: 0 7px;
    border: 1px solid #bfd0e6;
    border-radius: 5px;
    background: #fff;
    color: #092654;
    font-size: 12px;
    font-weight: 600;
}

.vario-payment-audit-filter-actions[b-o4prmi1045] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
}

.vario-payment-audit-filter-actions button[b-o4prmi1045] { height: 30px; }

.vario-payment-audit-content[b-o4prmi1045] {
    min-height: 0;
    overflow: hidden;
    border: 1px solid #c8d4e4;
    border-radius: 6px;
    background: #fff;
}

.vario-payment-audit-grid-wrap[b-o4prmi1045] {
    position: relative;
    height: 100%;
    overflow: auto;
}

.vario-payment-audit-grid[b-o4prmi1045] {
    width: 100%;
    min-width: 1260px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #092654;
    font-size: 11.5px;
}

.vario-payment-audit-grid th[b-o4prmi1045] {
    position: sticky;
    z-index: 2;
    top: 0;
    height: 27px;
    padding: 4px 7px;
    border-right: 1px solid #b9c7da;
    border-bottom: 1px solid #c6d2e1;
    background: #e7eef7;
    color: #082a5b;
    text-align: left;
    white-space: nowrap;
}

.vario-payment-audit-grid th:nth-child(1)[b-o4prmi1045] { width: 142px; }
.vario-payment-audit-grid th:nth-child(2)[b-o4prmi1045] { width: 170px; }
.vario-payment-audit-grid th:nth-child(3)[b-o4prmi1045] { width: 155px; }
.vario-payment-audit-grid th:nth-child(4)[b-o4prmi1045] { width: 180px; }
.vario-payment-audit-grid th:nth-child(5)[b-o4prmi1045] { width: 220px; }
.vario-payment-audit-grid th:nth-child(6)[b-o4prmi1045] { width: 145px; }

.vario-payment-audit-grid td[b-o4prmi1045] {
    height: 27px;
    overflow: hidden;
    padding: 4px 7px;
    border-right: 1px solid #dbe3ee;
    border-bottom: 1px solid #dbe3ee;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-payment-audit-grid tr:hover td[b-o4prmi1045] { background: #f1f6fd; }
.vario-payment-audit-grid tr.reversal td[b-o4prmi1045] { background: #fff8f2; }

.vario-payment-audit-action[b-o4prmi1045],
.vario-payment-audit-reversal[b-o4prmi1045] {
    display: inline-flex;
    align-items: center;
    min-height: 19px;
    padding: 1px 6px;
    border-radius: 4px;
    background: #edf2f8;
    color: #425b7b;
    font-size: 10.5px;
    font-weight: 700;
}

.vario-payment-audit-action.reversal[b-o4prmi1045] {
    background: #ffe7d8;
    color: #9a3e0a;
}

.vario-payment-audit-reversal[b-o4prmi1045] {
    margin-left: 4px;
    background: #fff0e6;
    color: #a44c17;
}

.vario-payment-audit-footer[b-o4prmi1045] { flex: 0 0 auto; }

@media (max-width: 1200px) {
    .vario-payment-audit-filters[b-o4prmi1045] { grid-template-columns: repeat(4, minmax(120px, 1fr)); }
    .vario-payment-audit-filters .search[b-o4prmi1045] { grid-column: span 2; }
}

@media (max-width: 760px) {
    .vario-payment-audit-dialog[b-o4prmi1045] {
        width: calc(100vw - 12px);
        height: calc(100vh - 12px);
        margin: 6px auto;
    }

    .vario-payment-audit-body[b-o4prmi1045] { padding: 6px; }
    .vario-payment-audit-dialog .modal-header[b-o4prmi1045] {
        flex: 0 0 62px !important;
        align-items: center !important;
        min-height: 62px !important;
        padding: 8px !important;
    }

    .vario-payment-audit-dialog .vario-erp-document-card-title[b-o4prmi1045] {
        align-items: center !important;
        min-width: 0;
    }

    .vario-payment-audit-dialog .vario-erp-document-card-title > div[b-o4prmi1045] {
        display: grid;
        gap: 2px;
        min-width: 0;
    }

    .vario-payment-audit-dialog .vario-erp-document-card-title h5[b-o4prmi1045] {
        max-width: 185px;
        font-size: 15px;
        line-height: 17px;
        white-space: normal !important;
    }

    html body .vario-payment-audit-modal.vario-erp-document-details-modal .vario-erp-document-card-title .vario-payment-audit-subtitle[b-o4prmi1045],
    html[data-vario-theme] body .vario-payment-audit-modal.vario-erp-document-details-modal .vario-erp-document-card-title .vario-payment-audit-subtitle[b-o4prmi1045] {
        display: none !important;
    }

    .vario-payment-audit-dialog .vario-erp-document-card-badges[b-o4prmi1045] {
        flex: 0 0 auto;
        margin-left: auto;
    }

    .vario-payment-audit-dialog .vario-erp-document-card-badges > *[b-o4prmi1045] {
        font-size: 9px;
        white-space: nowrap;
    }

    .vario-payment-audit-filters[b-o4prmi1045] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vario-payment-audit-filters .search[b-o4prmi1045],
    .vario-payment-audit-filter-actions[b-o4prmi1045] { grid-column: span 2; }
    .vario-payment-audit-filter-actions button[b-o4prmi1045] { flex: 1; }
}
/* /Components/Shared/VarioPaymentBatchDialog.razor.rz.scp.css */
.vario-payment-batch-modal[b-jlrpsvazsb] {
    z-index: 21000;
}

.vario-payment-batch-dialog[b-jlrpsvazsb] {
    width: min(1240px, calc(100vw - 40px));
    max-width: 1240px;
    height: min(790px, calc(100dvh - 54px));
}

.vario-payment-batch-dialog > .vario-erp-document-card[b-jlrpsvazsb] {
    height: 100%;
}

.vario-payment-batch-body[b-jlrpsvazsb] {
    grid-template-rows: 32px minmax(0, 1fr) !important;
    overflow: hidden !important;
}

.vario-payment-batch-main-grid[b-jlrpsvazsb] {
    grid-template-columns: minmax(210px, 1.35fr) minmax(190px, 1fr) 150px 170px 90px minmax(160px, .8fr) !important;
}

.vario-payment-batch-orders-section[b-jlrpsvazsb],
.vario-payment-batch-history-section[b-jlrpsvazsb] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    overflow: hidden !important;
}

.vario-payment-batch-orders-body[b-jlrpsvazsb],
.vario-payment-batch-history-body[b-jlrpsvazsb] {
    min-height: 0;
    overflow: auto;
}

.vario-payment-batch-orders-scroll[b-jlrpsvazsb] {
    height: 100%;
    overflow: auto;
}

.vario-payment-batch-orders-table[b-jlrpsvazsb] {
    min-width: 1120px;
}

.vario-payment-batch-orders-table thead[b-jlrpsvazsb] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.vario-payment-batch-orders-table .choice[b-jlrpsvazsb] {
    width: 66px;
    text-align: center;
}

.vario-payment-batch-orders-table .amount[b-jlrpsvazsb] {
    width: 130px;
    text-align: right;
}

@media (max-width: 980px) {
    .vario-payment-batch-main-grid[b-jlrpsvazsb] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
/* /Components/Shared/VarioPaymentLedgerDialog.razor.rz.scp.css */
.vario-payment-ledger-modal[b-zrlxjuomwb] {
    z-index: 10095;
    background: rgba(3, 20, 48, .34);
    backdrop-filter: blur(2px);
}

.vario-payment-ledger-dialog[b-zrlxjuomwb] {
    width: min(95vw, 1540px);
    max-width: none;
    height: min(92vh, 940px);
    margin: 4vh auto;
}

.vario-payment-ledger-dialog > .modal-content[b-zrlxjuomwb] {
    height: 100%;
    overflow: hidden;
}

.vario-payment-ledger-body[b-zrlxjuomwb] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: 7px;
    min-height: 0;
    padding: 10px;
    background: #edf2f8;
}

.vario-payment-ledger-selector[b-zrlxjuomwb],
.vario-payment-ledger-toolbar[b-zrlxjuomwb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 38px;
    padding: 4px 7px;
    border: 1px solid #c8d4e4;
    border-radius: 6px;
    background: #fff;
}

.vario-payment-ledger-selector label[b-zrlxjuomwb] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #526683;
    font-size: 11px;
    font-weight: 700;
}

.vario-payment-ledger-selector select[b-zrlxjuomwb] {
    width: min(420px, 45vw);
    height: 29px;
    border: 1px solid #bfd0e6;
    border-radius: 5px;
    background: #fff;
    color: #092654;
    font-weight: 700;
}

.vario-payment-ledger-config-note[b-zrlxjuomwb] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #526683;
    font-size: 11px;
}

.vario-payment-ledger-config-note > * + *[b-zrlxjuomwb] {
    padding-left: 8px;
    border-left: 1px solid #cfdae8;
}

.vario-payment-ledger-config-note strong[b-zrlxjuomwb] { color: #0b4f9d; }

.vario-payment-ledger-summary[b-zrlxjuomwb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 6px;
}

.vario-payment-ledger-summary > div[b-zrlxjuomwb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 6px 10px;
    border: 1px solid #c8d4e4;
    border-left: 3px solid #7b8da5;
    border-radius: 6px;
    background: #fff;
    color: #4d607c;
}

.vario-payment-ledger-summary .balance[b-zrlxjuomwb] { border-left-color: #0b6df4; }
.vario-payment-ledger-summary .incoming[b-zrlxjuomwb] { border-left-color: #16a06a; }
.vario-payment-ledger-summary .outgoing[b-zrlxjuomwb] { border-left-color: #d78217; }
.vario-payment-ledger-summary strong[b-zrlxjuomwb] { color: #092654; font-size: 14px; }

.vario-payment-ledger-tabs[b-zrlxjuomwb] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.vario-payment-ledger-tabs button[b-zrlxjuomwb] {
    height: 28px;
    padding: 0 12px;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent;
    color: #526683;
    font-weight: 700;
}

.vario-payment-ledger-tabs button:hover[b-zrlxjuomwb],
.vario-payment-ledger-tabs button:focus-visible[b-zrlxjuomwb] {
    color: #0a5ce0;
    background: #f2f6fd;
}

.vario-payment-ledger-tabs button:focus[b-zrlxjuomwb] { outline: none !important; box-shadow: none !important; }
.vario-payment-ledger-tabs button.active[b-zrlxjuomwb] { color: #075fe6; border-bottom-color: #0b6df4 !important; }

.vario-payment-ledger-date-filter[b-zrlxjuomwb] {
    display: flex;
    align-items: end;
    gap: 6px;
}

.vario-payment-ledger-date-filter label[b-zrlxjuomwb],
.vario-payment-closure-fields label[b-zrlxjuomwb],
.vario-payment-ledger-cancel-reason[b-zrlxjuomwb] {
    display: grid;
    gap: 3px;
    margin: 0;
}

.vario-payment-ledger-date-filter label > span[b-zrlxjuomwb],
.vario-payment-closure-fields label > span[b-zrlxjuomwb],
.vario-payment-ledger-cancel-reason > span[b-zrlxjuomwb] {
    color: #536984;
    font-size: 11px;
    font-weight: 700;
}

.vario-payment-ledger-date-filter input[b-zrlxjuomwb],
.vario-payment-closure-fields input[b-zrlxjuomwb],
.vario-payment-closure-fields textarea[b-zrlxjuomwb],
.vario-payment-ledger-cancel-reason textarea[b-zrlxjuomwb] {
    border: 1px solid #bfd0e6;
    border-radius: 5px;
    background: #fff;
    color: #092654;
}

.vario-payment-ledger-date-filter input[b-zrlxjuomwb],
.vario-payment-closure-fields input[b-zrlxjuomwb] {
    height: 29px;
    padding: 0 7px;
}

.vario-payment-closure-fields textarea[b-zrlxjuomwb],
.vario-payment-ledger-cancel-reason textarea[b-zrlxjuomwb] {
    padding: 6px 8px;
    resize: none;
}

.vario-payment-ledger-content[b-zrlxjuomwb] {
    min-height: 0;
    overflow: hidden;
    border: 1px solid #c8d4e4;
    border-radius: 6px;
    background: #fff;
}

.vario-payment-ledger-grid-wrap[b-zrlxjuomwb] {
    position: relative;
    height: 100%;
    min-height: 180px;
    overflow: auto;
}

.vario-payment-ledger-grid[b-zrlxjuomwb] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #092654;
    font-size: var(--vario-list-row-font-size, 12px);
}

.vario-payment-ledger-grid thead[b-zrlxjuomwb] { position: sticky; top: 0; z-index: 2; }
.vario-payment-ledger-grid th[b-zrlxjuomwb] {
    height: var(--vario-list-header-height, 27px);
    padding: 3px 8px;
    border-right: 1px solid #bccbe0;
    border-bottom: 1px solid #bccbe0;
    background: #edf3fa;
    text-align: left;
    white-space: nowrap;
}

.vario-payment-ledger-grid td[b-zrlxjuomwb] {
    height: var(--vario-list-row-height, 27px);
    padding: 3px 8px;
    border-right: 1px solid #e0e7f0;
    border-bottom: 1px solid #e0e7f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-payment-ledger-grid tbody tr:hover[b-zrlxjuomwb] { background: #edf5ff; }
.vario-payment-ledger-grid tbody tr.selected[b-zrlxjuomwb] { background: #dcecff; box-shadow: inset 3px 0 #0b6df4; }
.vario-payment-ledger-grid .amount[b-zrlxjuomwb] { text-align: right; }

.vario-payment-ledger-direction[b-zrlxjuomwb],
.vario-payment-ledger-status[b-zrlxjuomwb] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 1px 7px;
    border-radius: 5px;
    font-weight: 700;
}

.vario-payment-ledger-direction.incoming[b-zrlxjuomwb],
.vario-payment-ledger-status.approved[b-zrlxjuomwb] { background: #d8f5e8; color: #08734d; }
.vario-payment-ledger-direction.outgoing[b-zrlxjuomwb] { background: #fff0d5; color: #9b5c00; }
.vario-payment-ledger-status.draft[b-zrlxjuomwb] { background: #e1edff; color: #1459a8; }
.vario-payment-ledger-status.cancelled[b-zrlxjuomwb] { background: #edf0f4; color: #6c7888; }

.vario-payment-closure-layout[b-zrlxjuomwb] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(360px, .8fr);
    height: 100%;
    min-height: 0;
}

.vario-payment-closure-layout > .vario-payment-ledger-grid-wrap[b-zrlxjuomwb] {
    border-right: 1px solid #c8d4e4;
}

.vario-payment-closure-editor[b-zrlxjuomwb] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    overflow: auto;
    background: #f7f9fc;
}

.vario-payment-closure-editor > header[b-zrlxjuomwb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d6e0ec;
}

.vario-payment-closure-editor > header > div[b-zrlxjuomwb] {
    color: #536984;
    font-size: 11px;
}

.vario-payment-closure-editor > header > div[b-zrlxjuomwb] {
    display: grid;
    gap: 2px;
}

.vario-payment-closure-editor header strong[b-zrlxjuomwb] {
    color: #092654;
    font-size: 14px;
}

.vario-payment-closure-fields[b-zrlxjuomwb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.vario-payment-closure-fields .span-2[b-zrlxjuomwb] { grid-column: span 2; }
.vario-payment-closure-fields[b-zrlxjuomwb]  .vario-numeric-input { width: 100%; }

.vario-payment-closure-preview[b-zrlxjuomwb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
}

.vario-payment-closure-preview > div[b-zrlxjuomwb] {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    padding: 5px 7px;
    border: 1px solid #d7e0eb;
    border-radius: 5px;
    background: #fff;
    color: #536984;
}

.vario-payment-closure-preview strong[b-zrlxjuomwb] { color: #092654; }
.vario-payment-closure-audit[b-zrlxjuomwb] { display: flex; gap: 8px; color: #60748f; font-size: 11px; }
.vario-payment-closure-actions[b-zrlxjuomwb] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.vario-payment-ledger-confirmation[b-zrlxjuomwb] { z-index: 10125; background: rgba(3, 20, 48, .42); }
.vario-payment-ledger-cancel-reason[b-zrlxjuomwb] { margin-top: 10px; }

@media (max-width: 980px) {
    .vario-payment-ledger-dialog[b-zrlxjuomwb] { width: calc(100vw - 12px); height: calc(100vh - 12px); margin: 6px auto; }
    .vario-payment-ledger-summary[b-zrlxjuomwb] { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
    .vario-payment-ledger-toolbar[b-zrlxjuomwb] { align-items: stretch; flex-direction: column; }
    .vario-payment-ledger-tabs[b-zrlxjuomwb] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .vario-payment-ledger-tabs button[b-zrlxjuomwb] { padding-inline: 5px; font-size: 11px; }
    .vario-payment-ledger-date-filter[b-zrlxjuomwb] { justify-content: flex-end; }
    .vario-payment-closure-layout[b-zrlxjuomwb] { grid-template-columns: 1fr; grid-template-rows: minmax(190px, 1fr) auto; }
    .vario-payment-closure-layout > .vario-payment-ledger-grid-wrap[b-zrlxjuomwb] { border-right: 0; border-bottom: 1px solid #c8d4e4; }
    .vario-payment-closure-editor[b-zrlxjuomwb] { max-height: 320px; }
    .vario-payment-ledger-grid[b-zrlxjuomwb] { min-width: 760px; }
}

@media (max-width: 560px) {
    .vario-payment-ledger-body[b-zrlxjuomwb] { padding: 6px; }
    .vario-payment-ledger-selector[b-zrlxjuomwb] { align-items: stretch; flex-direction: column; }
    .vario-payment-ledger-selector label[b-zrlxjuomwb] { align-items: stretch; flex-direction: column; }
    .vario-payment-ledger-selector select[b-zrlxjuomwb] { width: 100%; }
    .vario-payment-ledger-summary[b-zrlxjuomwb] { grid-template-columns: 1fr 1fr; gap: 4px; }
    .vario-payment-ledger-summary > div[b-zrlxjuomwb] { min-width: 0; min-height: 38px; padding: 4px 7px; }
    .vario-payment-ledger-summary span[b-zrlxjuomwb] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .vario-payment-ledger-summary strong[b-zrlxjuomwb] { flex: 0 0 auto; margin-left: 4px; font-size: 11px; }
    .vario-payment-ledger-tabs[b-zrlxjuomwb] { grid-template-columns: 1fr; }
    .vario-payment-ledger-date-filter[b-zrlxjuomwb] { align-items: stretch; flex-wrap: wrap; }
    .vario-payment-closure-fields[b-zrlxjuomwb] { grid-template-columns: 1fr; }
    .vario-payment-closure-fields .span-2[b-zrlxjuomwb] { grid-column: auto; }
}
/* /Components/Shared/VarioPaymentOrderDialog.razor.rz.scp.css */
.vario-payment-order-modal[b-b15t6j5pgw] {
    z-index: 21000;
}

.vario-payment-order-modal .vario-payment-order-dialog[b-b15t6j5pgw] {
    width: min(1220px, calc(100vw - 40px));
    max-width: 1220px;
    height: min(790px, calc(100dvh - 54px));
}

.vario-payment-order-dialog > .vario-erp-document-card[b-b15t6j5pgw] {
    height: 100%;
}

.vario-payment-order-modal .vario-cash-receipt-body[b-b15t6j5pgw] {
    grid-template-rows: 32px minmax(0, 1fr) !important;
    overflow: hidden !important;
}

.vario-payment-order-modal .vario-cash-receipt-main-grid[b-b15t6j5pgw] {
    grid-template-columns: minmax(210px, 1.35fr) minmax(190px, 1fr) 150px 150px 90px !important;
}

.vario-payment-order-modal .vario-cash-receipt-allocations-section[b-b15t6j5pgw],
.vario-payment-order-modal .vario-cash-receipt-history-section[b-b15t6j5pgw] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    overflow: hidden !important;
}

.vario-payment-order-modal .vario-cash-receipt-allocation-body[b-b15t6j5pgw],
.vario-payment-order-modal .vario-cash-receipt-history-body[b-b15t6j5pgw] {
    min-height: 0;
    overflow: auto;
}

.vario-payment-order-modal .vario-cash-receipt-allocation-scroll[b-b15t6j5pgw] {
    height: 100%;
    overflow: auto;
}

.vario-payment-order-modal .vario-cash-receipt-allocation-table[b-b15t6j5pgw] {
    min-width: 1080px;
}

.vario-payment-order-modal .vario-cash-receipt-allocation-table thead[b-b15t6j5pgw] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.vario-payment-order-modal .vario-cash-receipt-allocation-table .choice[b-b15t6j5pgw] {
    width: 66px;
    text-align: center;
}

.vario-payment-order-modal .vario-cash-receipt-allocation-table .amount[b-b15t6j5pgw] {
    width: 118px;
    text-align: right;
}

.vario-payment-order-modal .vario-cash-receipt-allocation-table .allocation[b-b15t6j5pgw] {
    width: 168px;
}

@media (max-width: 980px) {
    .vario-payment-order-modal .vario-cash-receipt-main-grid[b-b15t6j5pgw] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    .vario-payment-order-modal.vario-erp-document-details-modal[b-b15t6j5pgw]  .vario-erp-document-card > .vario-erp-document-card-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        flex: 0 0 auto !important;
        min-height: 86px !important;
        gap: 4px !important;
        padding: 7px 10px !important;
    }

    .vario-payment-order-modal.vario-erp-document-details-modal[b-b15t6j5pgw]  .vario-erp-document-card-title > div {
        min-width: 0 !important;
    }

    .vario-payment-order-modal.vario-erp-document-details-modal[b-b15t6j5pgw]  .vario-erp-document-card-title h5,
    .vario-payment-order-modal.vario-erp-document-details-modal[b-b15t6j5pgw]  .vario-erp-document-card-title small {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .vario-payment-order-modal.vario-erp-document-details-modal[b-b15t6j5pgw]  .vario-erp-document-card-badges {
        justify-content: flex-end !important;
        min-width: 0 !important;
    }
}
/* /Components/Shared/VarioPaymentReportsDialog.razor.rz.scp.css */
.vario-payment-reports-modal[b-rs2fgq9oh2] {
    z-index: 10100;
    background: rgba(3, 20, 48, .34);
    backdrop-filter: blur(2px);
}

.vario-payment-reports-dialog[b-rs2fgq9oh2] {
    width: min(96vw, 1580px);
    max-width: none;
    height: min(92vh, 940px);
    margin: 4vh auto;
}

.vario-payment-reports-dialog > .modal-content[b-rs2fgq9oh2] {
    height: 100%;
    overflow: hidden;
}

.vario-payment-reports-body[b-rs2fgq9oh2] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 7px;
    min-height: 0;
    padding: 10px;
    background: #edf2f8;
}

.vario-payment-reports-filters[b-rs2fgq9oh2] {
    display: grid;
    grid-template-columns: minmax(210px, 1.3fr) minmax(230px, 1.5fr) minmax(180px, 1fr) 90px 142px 142px auto;
    align-items: end;
    gap: 7px;
    padding: 7px;
    border: 1px solid #c8d4e4;
    border-radius: 6px;
    background: #fff;
}

.vario-payment-reports-filters label[b-rs2fgq9oh2] {
    display: grid;
    gap: 3px;
    min-width: 0;
    margin: 0;
}

.vario-payment-reports-filters label > span[b-rs2fgq9oh2] {
    overflow: hidden;
    color: #536984;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-payment-reports-filters input[b-rs2fgq9oh2],
.vario-payment-reports-filters select[b-rs2fgq9oh2] {
    width: 100%;
    height: 30px;
    min-width: 0;
    padding: 0 7px;
    border: 1px solid #bfd0e6;
    border-radius: 5px;
    background: #fff;
    color: #092654;
    font-size: 12px;
    font-weight: 600;
}

.vario-payment-reports-filter-actions[b-rs2fgq9oh2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    white-space: nowrap;
}

.vario-payment-reports-filter-actions button[b-rs2fgq9oh2] {
    height: 30px;
}

.vario-payment-reports-summary[b-rs2fgq9oh2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 6px;
}

.vario-payment-reports-summary > div[b-rs2fgq9oh2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 6px 10px;
    border: 1px solid #c8d4e4;
    border-left: 3px solid #7b8da5;
    border-radius: 6px;
    background: #fff;
    color: #4d607c;
}

.vario-payment-reports-summary .records[b-rs2fgq9oh2] { border-left-color: #0b6df4; }
.vario-payment-reports-summary .debit[b-rs2fgq9oh2] { border-left-color: #16a06a; }
.vario-payment-reports-summary .credit[b-rs2fgq9oh2] { border-left-color: #d78217; }
.vario-payment-reports-summary .balance[b-rs2fgq9oh2] { border-left-color: #6750c7; }
.vario-payment-reports-summary span[b-rs2fgq9oh2] { font-size: 14px; font-weight: 600; }
.vario-payment-reports-summary strong[b-rs2fgq9oh2] { color: #092654; font-size: 14px; }

.vario-payment-reports-content[b-rs2fgq9oh2] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
    border: 1px solid #c8d4e4;
    border-radius: 6px;
    background: #fff;
}

.vario-payment-reports-content > header[b-rs2fgq9oh2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    padding: 6px 9px;
    border-bottom: 1px solid #c8d4e4;
    background: #f7f9fc;
    color: #536984;
    font-size: 11px;
}

.vario-payment-reports-content > header > div[b-rs2fgq9oh2] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.vario-payment-reports-content > header strong[b-rs2fgq9oh2] {
    color: #092654;
    font-size: 14px;
}

.vario-payment-reports-grid-wrap[b-rs2fgq9oh2] {
    position: relative;
    min-height: 0;
    overflow: auto;
}

.vario-payment-reports-grid[b-rs2fgq9oh2] {
    width: 100%;
    min-width: 1240px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #092654;
    font-size: 11.5px;
}

.vario-payment-reports-grid th[b-rs2fgq9oh2] {
    position: sticky;
    z-index: 2;
    top: 0;
    height: 27px;
    padding: 4px 7px;
    border-right: 1px solid #b9c7da;
    border-bottom: 1px solid #c6d2e1;
    background: #e7eef7;
    color: #082a5b;
    text-align: left;
    white-space: nowrap;
}

.vario-payment-reports-grid td[b-rs2fgq9oh2] {
    height: 27px;
    overflow: hidden;
    padding: 4px 7px;
    border-right: 1px solid #dbe3ee;
    border-bottom: 1px solid #dbe3ee;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vario-payment-reports-grid tr:hover td[b-rs2fgq9oh2] { background: #f1f6fd; }
.vario-payment-reports-grid .amount[b-rs2fgq9oh2] { text-align: right; font-variant-numeric: tabular-nums; }
.vario-payment-reports-grid td.debit[b-rs2fgq9oh2] { color: #08764c; }
.vario-payment-reports-grid td.credit[b-rs2fgq9oh2] { color: #a85808; }
.vario-payment-report-status[b-rs2fgq9oh2] {
    display: inline-flex;
    align-items: center;
    min-height: 19px;
    padding: 1px 6px;
    border-radius: 4px;
    background: #edf2f8;
    color: #425b7b;
    font-size: 10.5px;
    font-weight: 700;
}

.vario-payment-reports-footer[b-rs2fgq9oh2] { flex: 0 0 auto; }

@media (max-width: 1260px) {
    .vario-payment-reports-filters[b-rs2fgq9oh2] {
        grid-template-columns: repeat(4, minmax(120px, 1fr));
    }

    .vario-payment-reports-filter-actions[b-rs2fgq9oh2] { grid-column: span 2; }
}

@media (max-width: 760px) {
    .vario-payment-reports-dialog[b-rs2fgq9oh2] {
        width: calc(100vw - 12px);
        height: calc(100vh - 12px);
        margin: 6px auto;
    }

    .vario-payment-reports-body[b-rs2fgq9oh2] { padding: 6px; }
    .vario-payment-reports-filters[b-rs2fgq9oh2] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vario-payment-reports-filters .report-type[b-rs2fgq9oh2],
    .vario-payment-reports-filters .module[b-rs2fgq9oh2],
    .vario-payment-reports-filter-actions[b-rs2fgq9oh2] { grid-column: span 2; }
    .vario-payment-reports-filter-actions[b-rs2fgq9oh2] { justify-content: stretch; }
    .vario-payment-reports-filter-actions button[b-rs2fgq9oh2] { flex: 1; }
    .vario-payment-reports-summary[b-rs2fgq9oh2] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vario-payment-reports-summary > div[b-rs2fgq9oh2] { min-width: 0; padding: 5px 7px; }
    .vario-payment-reports-summary span[b-rs2fgq9oh2] { font-size: 12px; white-space: nowrap; }
    .vario-payment-reports-summary strong[b-rs2fgq9oh2] { flex: 0 0 auto; margin-left: 4px; font-size: 11px; }
    .vario-payment-reports-content > header[b-rs2fgq9oh2] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Shared/VarioSettlementWorkspaceDialog.razor.rz.scp.css */
.vario-settlement-workspace-modal[b-w6rpq44m4q] {
    z-index: 10090;
    background: rgba(3, 20, 48, .34);
    backdrop-filter: blur(2px);
}

.vario-settlement-workspace-dialog[b-w6rpq44m4q] {
    width: min(94vw, 1480px);
    max-width: none;
    height: min(90vh, 900px);
    margin: 5vh auto;
}

.vario-settlement-workspace-dialog > .modal-content[b-w6rpq44m4q] {
    height: 100%;
    overflow: hidden;
}

.vario-settlement-workspace-body[b-w6rpq44m4q] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 8px;
    min-height: 0;
    padding: 10px;
    background: #edf2f8;
}

.vario-settlement-summary[b-w6rpq44m4q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 6px;
}

.vario-settlement-summary > div[b-w6rpq44m4q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 6px 10px;
    border: 1px solid #c8d4e4;
    border-radius: 6px;
    background: #fff;
    color: #4d607c;
}

.vario-settlement-summary strong[b-w6rpq44m4q] { color: #092654; font-size: 15px; }
.vario-settlement-summary .incoming[b-w6rpq44m4q] { border-left: 3px solid #16a06a; }
.vario-settlement-summary .outgoing[b-w6rpq44m4q] { border-left: 3px solid #e59a20; }

.vario-settlement-toolbar[b-w6rpq44m4q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 38px;
    padding: 4px 6px;
    border: 1px solid #c8d4e4;
    border-radius: 6px;
    background: #fff;
}

.vario-settlement-tabs[b-w6rpq44m4q] { display: flex; align-items: center; gap: 2px; }
.vario-settlement-tabs button[b-w6rpq44m4q] {
    height: 28px;
    padding: 0 12px;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent;
    color: #526683;
    font-weight: 700;
}
.vario-settlement-tabs button:hover[b-w6rpq44m4q] { color: #0a5ce0; background: #f2f6fd; }
.vario-settlement-tabs button:focus[b-w6rpq44m4q] { outline: none !important; box-shadow: none !important; }
.vario-settlement-tabs button:focus-visible[b-w6rpq44m4q] { color: #0a5ce0; background: #f2f6fd; }
.vario-settlement-tabs button.active[b-w6rpq44m4q] { color: #075fe6; border-bottom-color: #0b6df4 !important; }

.vario-settlement-search[b-w6rpq44m4q] { position: relative; width: min(320px, 32vw); margin: 0; }
.vario-settlement-search input[b-w6rpq44m4q] { width: 100%; height: 28px; padding: 0 30px 0 10px; border: 1px solid #bfd0e6; border-radius: 5px; }
.vario-settlement-search-icon[b-w6rpq44m4q] { position: absolute; top: 4px; right: 5px; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #31557f; cursor: pointer; }
.vario-settlement-search-icon:hover[b-w6rpq44m4q] { background: #e8f1fd; color: #075fe6; }
.vario-settlement-search-icon:focus[b-w6rpq44m4q] { outline: none; box-shadow: none; }
.vario-settlement-search-icon[b-w6rpq44m4q]  svg { width: 14px; height: 14px; }

.vario-settlement-content[b-w6rpq44m4q] { min-height: 0; overflow: hidden; border: 1px solid #c8d4e4; border-radius: 6px; background: #fff; }
.vario-settlement-grid-wrap[b-w6rpq44m4q] { position: relative; height: 100%; min-height: 180px; overflow: auto; }
.vario-settlement-grid[b-w6rpq44m4q] { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; color: #092654; font-size: var(--vario-list-row-font-size, 12px); }
.vario-settlement-grid thead[b-w6rpq44m4q] { position: sticky; top: 0; z-index: 2; }
.vario-settlement-grid th[b-w6rpq44m4q] { height: var(--vario-list-header-height, 27px); padding: 3px 8px; border-right: 1px solid #bccbe0; border-bottom: 1px solid #bccbe0; background: #edf3fa; text-align: left; white-space: nowrap; }
.vario-settlement-grid td[b-w6rpq44m4q] { height: var(--vario-list-row-height, 27px); padding: 3px 8px; border-right: 1px solid #e0e7f0; border-bottom: 1px solid #e0e7f0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vario-settlement-grid tbody tr:hover[b-w6rpq44m4q] { background: #edf5ff; }
.vario-settlement-grid tbody tr.selected[b-w6rpq44m4q] { background: #dcecff; box-shadow: inset 3px 0 #0b6df4; }
.vario-settlement-grid tbody tr.overdue[b-w6rpq44m4q] { box-shadow: inset 3px 0 #d34343; }
.vario-settlement-grid .amount[b-w6rpq44m4q] { text-align: right; }
.vario-settlement-grid .positive[b-w6rpq44m4q] { color: #087c51; }

.vario-settlement-free-layout[b-w6rpq44m4q] { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr); height: 100%; min-height: 0; }
.vario-settlement-free-layout > .vario-settlement-grid-wrap[b-w6rpq44m4q] { border-right: 1px solid #c8d4e4; }
.vario-settlement-allocation-panel[b-w6rpq44m4q] { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px; background: #f7f9fc; }
.vario-settlement-allocation-panel header[b-w6rpq44m4q] { display: grid; gap: 2px; padding-bottom: 8px; border-bottom: 1px solid #d6e0ec; }
.vario-settlement-allocation-panel header span[b-w6rpq44m4q], .vario-settlement-allocation-panel label > span[b-w6rpq44m4q] { color: #536984; font-size: 11px; font-weight: 700; }
.vario-settlement-allocation-panel header strong[b-w6rpq44m4q] { color: #092654; font-size: 15px; }
.vario-settlement-allocation-panel header small[b-w6rpq44m4q] { color: #087c51; }
.vario-settlement-allocation-panel label[b-w6rpq44m4q] { display: grid; gap: 3px; margin: 0; }
.vario-settlement-allocation-panel select[b-w6rpq44m4q], .vario-settlement-allocation-panel input[b-w6rpq44m4q], .vario-settlement-allocation-panel textarea[b-w6rpq44m4q] { width: 100%; border: 1px solid #bfd0e6; border-radius: 5px; background: #fff; color: #092654; }
.vario-settlement-allocation-panel select[b-w6rpq44m4q], .vario-settlement-allocation-panel input[b-w6rpq44m4q] { height: 30px; padding: 0 8px; }
.vario-settlement-allocation-panel textarea[b-w6rpq44m4q] { resize: none; padding: 6px 8px; }
.vario-settlement-allocation-actions[b-w6rpq44m4q] { display: flex; justify-content: flex-end; gap: 6px; margin-top: auto; }

.vario-settlement-status[b-w6rpq44m4q] { display: inline-flex; align-items: center; min-height: 20px; padding: 1px 7px; border-radius: 5px; font-weight: 700; }
.vario-settlement-status.posted[b-w6rpq44m4q] { background: #d8f5e8; color: #08734d; }
.vario-settlement-status.reversed[b-w6rpq44m4q] { background: #edf0f4; color: #6c7888; }
.vario-settlement-confirmation[b-w6rpq44m4q] { z-index: 10120; background: rgba(3, 20, 48, .42); }

@media (max-width: 900px) {
    .vario-settlement-workspace-dialog[b-w6rpq44m4q] { width: calc(100vw - 12px); height: calc(100vh - 12px); margin: 6px auto; }
    .vario-settlement-summary[b-w6rpq44m4q] { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
    .vario-settlement-toolbar[b-w6rpq44m4q] { align-items: stretch; flex-direction: column; }
    .vario-settlement-tabs[b-w6rpq44m4q] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .vario-settlement-tabs button[b-w6rpq44m4q] { width: 100%; padding-inline: 5px; font-size: 11px; white-space: nowrap; }
    .vario-settlement-search[b-w6rpq44m4q] { width: 100%; }
    .vario-settlement-free-layout[b-w6rpq44m4q] { grid-template-columns: 1fr; grid-template-rows: minmax(180px, 1fr) auto; }
    .vario-settlement-free-layout > .vario-settlement-grid-wrap[b-w6rpq44m4q] { border-right: 0; border-bottom: 1px solid #c8d4e4; }
}

@media (max-width: 520px) {
    .vario-settlement-workspace-body[b-w6rpq44m4q] { padding: 6px; }
    .vario-settlement-summary[b-w6rpq44m4q] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
    .vario-settlement-summary > div[b-w6rpq44m4q] { min-width: 0; min-height: 38px; padding: 4px 7px; }
    .vario-settlement-summary > div span[b-w6rpq44m4q] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .vario-settlement-summary strong[b-w6rpq44m4q] { flex: 0 0 auto; margin-left: 5px; font-size: 12px; }
    .vario-settlement-allocation-panel[b-w6rpq44m4q] { padding: 8px; }
}