@import '_content/Kar.UI.Foundation.Blazor.Syncfusion/Kar.UI.Foundation.Blazor.Syncfusion.amsoj92f1r.bundle.scp.css';
@import '_content/Kar.UI.Foundation.Blazor/Kar.UI.Foundation.Blazor.zmkytanoq3.bundle.scp.css';

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

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-ri1ws2q8ir {
    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/BasicControls.razor.rz.scp.css */
.state-stack[b-bd8cu9h5j1]{display:grid;gap:var(--kar-space-3)}.reference-grid>label[b-bd8cu9h5j1]{display:grid;gap:var(--kar-space-2);font-weight:600}.alert[b-bd8cu9h5j1]{margin-block-start:var(--kar-space-3);border-radius:var(--kar-radius-surface)}
/* /Components/Pages/ConfigurationPattern.razor.rz.scp.css */
.pattern-form-grid[b-c8p159tbhj]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--kar-space-section)}
.pattern-field-list[b-c8p159tbhj]{display:grid;gap:var(--kar-space-3);margin:0}.pattern-field-list dt[b-c8p159tbhj]{color:var(--kar-text-secondary);font-weight:600}.pattern-field-list dd[b-c8p159tbhj]{margin:var(--kar-space-1) 0 0;color:var(--kar-text-primary)}
/* /Components/Pages/DashboardPattern.razor.rz.scp.css */
.dashboard-work[b-9d1jfuhzjz]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:var(--kar-space-3)}
.dashboard-work div[b-9d1jfuhzjz]{padding:var(--kar-space-3);border:1px solid var(--kar-border-subtle);background:var(--kar-bg-elevated)}
.dashboard-work strong[b-9d1jfuhzjz]{display:block;font-size:1.5rem}.dashboard-work span[b-9d1jfuhzjz]{color:var(--kar-text-secondary)}
.pattern-status-list[b-9d1jfuhzjz]{display:grid;gap:var(--kar-space-3);margin:0;padding:0;list-style:none}.pattern-status-list li[b-9d1jfuhzjz]{display:grid;gap:var(--kar-space-1);padding-block-end:var(--kar-space-3);border-block-end:1px solid var(--kar-border-subtle)}.pattern-status-list li:last-child[b-9d1jfuhzjz]{border-block-end:0;padding-block-end:0}.pattern-status-list span[b-9d1jfuhzjz]{color:var(--kar-text-secondary)}
/* /Components/Pages/DataGrid.razor.rz.scp.css */
.status[b-vog89uzca3]{display:inline-flex;align-items:center;min-height:var(--kar-control-height);padding-inline:var(--kar-space-2);border:1px solid var(--kar-border);font-weight:600}.status--ready[b-vog89uzca3]{border-color:var(--kar-success);background:var(--kar-success-subtle)}.status--review[b-vog89uzca3]{border-color:var(--kar-warning);background:var(--kar-warning-subtle)}.status--blocked[b-vog89uzca3]{border-color:var(--kar-danger);background:var(--kar-danger-subtle)}
/* /Components/Pages/DesignTokens.razor.rz.scp.css */
.token-grid[b-q9l24t6da3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--kar-space-3)}.token-swatch[b-q9l24t6da3]{display:grid;grid-template-columns:2.5rem 1fr;align-items:center;gap:var(--kar-space-2);padding:var(--kar-space-2);border:1px solid var(--kar-border)}.token-swatch__sample[b-q9l24t6da3]{grid-row:span 2;width:2.5rem;height:2.5rem;border:1px solid var(--kar-border);background:var(--reference-token)}.token-swatch code[b-q9l24t6da3]{color:var(--kar-text-muted)}.scale-list[b-q9l24t6da3]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--kar-space-2)}.scale-list span[b-q9l24t6da3]{display:inline-block;border:1px solid var(--kar-border);background:var(--kar-info-subtle)}.space-1[b-q9l24t6da3]{padding:var(--kar-space-1)}.space-2[b-q9l24t6da3]{padding:var(--kar-space-2)}.space-3[b-q9l24t6da3]{padding:var(--kar-space-3)}.space-4[b-q9l24t6da3]{padding:var(--kar-space-4)}.space-5[b-q9l24t6da3]{padding:var(--kar-space-5)}.type-sm[b-q9l24t6da3]{font-size:var(--kar-font-size-sm)}.type-lg[b-q9l24t6da3]{font-size:var(--kar-font-size-lg)}.control-policy[b-q9l24t6da3]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kar-space-4)}.elevated[b-q9l24t6da3]{padding:var(--kar-space-3);border:1px solid var(--kar-border);background:var(--kar-bg-elevated);box-shadow:var(--kar-shadow-elevated)}
/* /Components/Pages/DialogsNotifications.razor.rz.scp.css */
.action-status[b-n66a4aa8i3]{padding:var(--kar-space-3);border-inline-start:3px solid var(--kar-info);background:var(--kar-info-subtle)}
/* /Components/Pages/EditFormPattern.razor.rz.scp.css */
.pattern-form-grid[b-n5q54a5efu]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--kar-space-section)}
/* /Components/Pages/EntityDetailPattern.razor.rz.scp.css */
.pattern-copy[b-oe6qbsbhao]{max-width:62ch;margin:0;color:var(--kar-text-secondary)}
.pattern-field-list[b-oe6qbsbhao]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:var(--kar-space-3);margin:0}
.pattern-field-list div[b-oe6qbsbhao]{min-width:0}.pattern-field-list dt[b-oe6qbsbhao]{color:var(--kar-text-secondary);font-weight:600}.pattern-field-list dd[b-oe6qbsbhao]{margin:var(--kar-space-1) 0 0;color:var(--kar-text-primary)}
/* /Components/Pages/EntityListPattern.razor.rz.scp.css */
.pattern-field-list[b-t79kilgneq]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:var(--kar-space-3);margin:0}
.pattern-field-list div[b-t79kilgneq]{min-width:0}.pattern-field-list dt[b-t79kilgneq]{color:var(--kar-text-secondary);font-weight:600}.pattern-field-list dd[b-t79kilgneq]{margin:var(--kar-space-1) 0 0;color:var(--kar-text-primary)}
/* /Components/Pages/Forms.razor.rz.scp.css */
.form-layout[b-k0i8tlcbfk]{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:var(--kar-space-section)}.reference-section[b-k0i8tlcbfk]{margin:0}.kar-validation-summary[b-k0i8tlcbfk]{margin-block-end:var(--kar-space-section);padding:var(--kar-space-3);border:1px solid var(--kar-danger);background:var(--kar-danger-subtle);color:var(--kar-text-primary)}.form-checks[b-k0i8tlcbfk]{display:flex;flex-wrap:wrap;gap:var(--kar-space-4);margin-block:var(--kar-space-section)}.submit-status[b-k0i8tlcbfk]{padding:var(--kar-space-2);border-inline-start:3px solid var(--kar-info);background:var(--kar-info-subtle)}.read-only-form dl[b-k0i8tlcbfk]{display:grid;grid-template-columns:minmax(7rem,auto) 1fr;gap:var(--kar-space-2)}.read-only-form dt[b-k0i8tlcbfk]{color:var(--kar-text-muted)}.read-only-form dd[b-k0i8tlcbfk]{margin:0}@media(max-width:50rem){.form-layout[b-k0i8tlcbfk]{grid-template-columns:1fr}}
/* /Components/Pages/PagePatterns.razor.rz.scp.css */
.pattern-planned[b-h4of8v4q6u]{display:flex;flex-wrap:wrap;gap:var(--kar-space-2)}
.pattern-planned span[b-h4of8v4q6u]{display:inline-flex;align-items:center;min-height:var(--kar-control-height);padding-inline:var(--kar-control-padding-inline);border:1px dashed var(--kar-border);color:var(--kar-text-muted);background:var(--kar-bg-surface)}
/* /Components/Pages/ResponsiveTouch.razor.rz.scp.css */
.responsive-demo[b-kqmuynl5lo]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kar-space-section)}.responsive-demo article[b-kqmuynl5lo]{min-width:0;padding:var(--kar-space-3);border:1px solid var(--kar-border)}.responsive-demo h3[b-kqmuynl5lo]{margin-block-start:0}.responsive-demo label[b-kqmuynl5lo]{display:grid;gap:var(--kar-space-2)}.wide-fixture[b-kqmuynl5lo]{min-width:36rem;padding:var(--kar-space-3);border:1px solid var(--kar-border);background:var(--kar-bg-elevated)}.responsive-demo article:last-child[b-kqmuynl5lo]{overflow-x:auto}@media(max-width:42rem){.responsive-demo[b-kqmuynl5lo]{grid-template-columns:1fr}}
/* /Components/Pages/UiFoundation.razor.rz.scp.css */
.status-grid[b-9pdoe5qkb0]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--kar-space-section);gap:var(--kar-space-section);margin-block-end:var(--kar-space-page)}.status-grid div[b-9pdoe5qkb0]{display:flex;flex-direction:column}.catalogue-grid[b-9pdoe5qkb0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--kar-space-3)}.catalogue-grid a[b-9pdoe5qkb0]{display:flex;flex-direction:column;gap:var(--kar-space-1);padding:var(--kar-space-3);border:1px solid var(--kar-border);color:var(--kar-text-primary);text-decoration:none}.catalogue-grid a:hover[b-9pdoe5qkb0]{border-color:var(--kar-primary)}.catalogue-grid span[b-9pdoe5qkb0]{color:var(--kar-text-secondary)}@media(max-width:44rem){.status-grid[b-9pdoe5qkb0]{grid-template-columns:1fr 1fr}}@media(max-width:28rem){.status-grid[b-9pdoe5qkb0]{grid-template-columns:1fr}}
/* /Components/Pages/WorkQueuePattern.razor.rz.scp.css */
.queue-actions[b-gj7cpnzpey]{display:flex;flex-wrap:wrap;gap:var(--kar-space-2)}
.pattern-field-list[b-gj7cpnzpey]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:var(--kar-space-3);margin:0}.pattern-field-list dt[b-gj7cpnzpey]{color:var(--kar-text-secondary);font-weight:600}.pattern-field-list dd[b-gj7cpnzpey]{margin:var(--kar-space-1) 0 0;color:var(--kar-text-primary)}
/* /Components/PatternNavigation.razor.rz.scp.css */
.pattern-navigation[b-djcdrzwvmw]{display:flex;flex-wrap:wrap;gap:var(--kar-space-2);margin-block:var(--kar-space-3)}
.pattern-navigation__link[b-djcdrzwvmw]{display:inline-flex;align-items:center;min-height:var(--kar-control-height);padding-inline:var(--kar-control-padding-inline);border:1px solid var(--kar-border);background:var(--kar-bg-surface);color:var(--kar-text-primary);text-decoration:none}
.pattern-navigation__link.active[b-djcdrzwvmw]{border-color:var(--kar-primary);box-shadow:inset 3px 0 0 var(--kar-primary);font-weight:600}
@media(max-width:36rem){.pattern-navigation[b-djcdrzwvmw]{display:grid}.pattern-navigation__link[b-djcdrzwvmw]{width:100%}}