/* _content/XCore.WebUI/01 Foundation/XAlert/XAlert.razor.rz.scp.css */
.x-alert[b-9inrat05b5] {
    --x-alert-accent: #2563eb;
    --x-alert-soft-bg: #eff6ff;
    --x-alert-solid-bg: #2563eb;
    --x-alert-text: #1e3a8a;
    --x-alert-muted: #334155;
    --x-alert-icon-bg: rgba(37, 99, 235, 0.12);
    --x-alert-icon-color: #1d4ed8;
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 0.85rem;
    background: var(--x-alert-soft-bg);
    color: var(--x-alert-text);
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
    transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.x-alert__icon[b-9inrat05b5] {
    display: inline-flex;
    flex: 0 0 2.35rem;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.7rem;
    background: var(--x-alert-icon-bg);
    color: var(--x-alert-icon-color);
    font-size: 1.05rem;
    line-height: 1;
}

.x-alert__main[b-9inrat05b5] {
    min-width: 0;
    flex: 1 1 auto;
}

.x-alert__title[b-9inrat05b5] {
    margin: 0;
    color: var(--x-alert-text);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.4;
}

.x-alert__message[b-9inrat05b5] {
    color: var(--x-alert-muted);
    font-size: 0.9rem;
    line-height: 1.65;
}

.x-alert__title + .x-alert__message[b-9inrat05b5] {
    margin-top: 0.25rem;
}

.x-alert__actions[b-9inrat05b5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.7rem;
}

.x-alert__close[b-9inrat05b5] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    margin-inline-start: 0.25rem;
    padding: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: currentColor;
    cursor: pointer;
    font-size: 1.35rem;
    line-height: 1;
    opacity: 0.7;
    transition: background-color 0.15s ease, opacity 0.15s ease;
}

.x-alert__close:hover[b-9inrat05b5] {
    background: rgba(15, 23, 42, 0.08);
    opacity: 1;
}

.x-alert__close:focus-visible[b-9inrat05b5] {
    outline: 3px solid color-mix(in srgb, var(--x-alert-accent) 35%, transparent);
    outline-offset: 2px;
}

.x-alert--type-primary[b-9inrat05b5] {
    --x-alert-accent: #2563eb;
    --x-alert-soft-bg: #eff6ff;
    --x-alert-solid-bg: #2563eb;
    --x-alert-text: #1e3a8a;
    --x-alert-icon-bg: #dbeafe;
    --x-alert-icon-color: #1d4ed8;
}

.x-alert--type-secondary[b-9inrat05b5] {
    --x-alert-accent: #6c757d;
    --x-alert-soft-bg: #f1f3f5;
    --x-alert-solid-bg: #6c757d;
    --x-alert-text: #343a40;
    --x-alert-icon-bg: #dee2e6;
    --x-alert-icon-color: #495057;
}

.x-alert--type-success[b-9inrat05b5] {
    --x-alert-accent: #059669;
    --x-alert-soft-bg: #ecfdf3;
    --x-alert-solid-bg: #059669;
    --x-alert-text: #065f46;
    --x-alert-icon-bg: #d1fae5;
    --x-alert-icon-color: #047857;
}

.x-alert--type-danger[b-9inrat05b5] {
    --x-alert-accent: #dc2626;
    --x-alert-soft-bg: #fef2f2;
    --x-alert-solid-bg: #dc2626;
    --x-alert-text: #991b1b;
    --x-alert-icon-bg: #fee2e2;
    --x-alert-icon-color: #b91c1c;
}

.x-alert--type-warning[b-9inrat05b5] {
    --x-alert-accent: #d97706;
    --x-alert-soft-bg: #fffbeb;
    --x-alert-solid-bg: #d97706;
    --x-alert-text: #92400e;
    --x-alert-icon-bg: #fef3c7;
    --x-alert-icon-color: #b45309;
}

.x-alert--type-info[b-9inrat05b5] {
    --x-alert-accent: #0891b2;
    --x-alert-soft-bg: #ecfeff;
    --x-alert-solid-bg: #0891b2;
    --x-alert-text: #155e75;
    --x-alert-icon-bg: #cffafe;
    --x-alert-icon-color: #0e7490;
}

.x-alert--type-light[b-9inrat05b5] {
    --x-alert-accent: #64748b;
    --x-alert-soft-bg: #f8fafc;
    --x-alert-solid-bg: #64748b;
    --x-alert-text: #334155;
    --x-alert-icon-bg: #e2e8f0;
    --x-alert-icon-color: #475569;
}

.x-alert--type-dark[b-9inrat05b5] {
    --x-alert-accent: #94a3b8;
    --x-alert-soft-bg: #1e293b;
    --x-alert-solid-bg: #1e293b;
    --x-alert-text: #f8fafc;
    --x-alert-muted: #cbd5e1;
    --x-alert-icon-bg: rgba(255, 255, 255, 0.12);
    --x-alert-icon-color: #ffffff;
}

.x-alert--appearance-soft[b-9inrat05b5] {
    background: var(--x-alert-soft-bg);
    border-color: color-mix(in srgb, var(--x-alert-accent) 14%, transparent);
}

.x-alert--appearance-solid[b-9inrat05b5] {
    --x-alert-text: #ffffff;
    --x-alert-muted: rgba(255, 255, 255, 0.86);
    --x-alert-icon-bg: rgba(255, 255, 255, 0.16);
    --x-alert-icon-color: #ffffff;
    background: var(--x-alert-solid-bg);
    border-color: transparent;
}

.x-alert--appearance-outline[b-9inrat05b5] {
    background: transparent;
    border: 1px solid var(--x-alert-accent);
    box-shadow: none;
}

.x-alert--appearance-accent[b-9inrat05b5] {
    background: var(--x-alert-soft-bg);
    border-inline-start: 4px solid var(--x-alert-accent);
}

.x-alert--appearance-plain[b-9inrat05b5] {
    padding-inline: 0;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.x-alert--appearance-glass[b-9inrat05b5] {
    --x-alert-text: #ffffff;
    --x-alert-muted: rgba(255, 255, 255, 0.86);
    --x-alert-icon-bg: rgba(255, 255, 255, 0.16);
    --x-alert-icon-color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--x-alert-solid-bg) 84%, #ffffff 16%),
            color-mix(in srgb, var(--x-alert-solid-bg) 55%, #0f172a 45%));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 0.6rem 1.35rem color-mix(in srgb, var(--x-alert-accent) 20%, transparent);
    backdrop-filter: blur(8px);
}

.x-alert--size-small[b-9inrat05b5] {
    gap: 0.55rem;
    margin-bottom: 0.75rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.65rem;
}

.x-alert--size-small .x-alert__icon[b-9inrat05b5] {
    flex-basis: 1.8rem;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.5rem;
    font-size: 0.85rem;
}

.x-alert--size-small .x-alert__title[b-9inrat05b5] {
    font-size: 0.88rem;
}

.x-alert--size-small .x-alert__message[b-9inrat05b5] {
    font-size: 0.8rem;
    line-height: 1.5;
}

.x-alert--size-large[b-9inrat05b5] {
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-radius: 1rem;
}

.x-alert--size-large .x-alert__icon[b-9inrat05b5] {
    flex-basis: 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 0.85rem;
    font-size: 1.35rem;
}

.x-alert--size-large .x-alert__title[b-9inrat05b5] {
    font-size: 1.15rem;
}

.x-alert--size-large .x-alert__message[b-9inrat05b5] {
    font-size: 1rem;
}

@media (max-width: 576px) {
    .x-alert[b-9inrat05b5] {
        align-items: flex-start;
    }

    .x-alert__actions[b-9inrat05b5] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .x-alert[b-9inrat05b5],
    .x-alert__close[b-9inrat05b5] {
        transition: none;
    }
}
/* _content/XCore.WebUI/01 Foundation/XBootstrap/XDivider.razor.rz.scp.css */
.custom-divider-container[b-pfw768r1hj] {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
}

.divider-line[b-pfw768r1hj] {
    min-width: 0;
}

.divider-content[b-pfw768r1hj] {
    padding: 0 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.divider-faded[b-pfw768r1hj] {
    border: 0 !important;
    height: var(--x-divider-thickness, 1px);
    background-image: linear-gradient(
        to right,
        transparent,
        var(--x-divider-color, currentColor),
        transparent);
}

.divider-gradient[b-pfw768r1hj] {
    border: 0 !important;
    height: var(--x-divider-thickness, 2px);
    background-image: linear-gradient(
        to right,
        red,
        orange,
        yellow,
        green,
        blue,
        indigo,
        violet);
}

.divider-shadow[b-pfw768r1hj] {
    border: 0 !important;
    height: var(--x-divider-thickness, 1px);
    background-color: var(--x-divider-color, currentColor);
    box-shadow: 0 3px 3px -1px color-mix(in srgb, var(--x-divider-color, currentColor) 40%, transparent);
}

.divider-double[b-pfw768r1hj] {
    border-top: var(--x-divider-thickness, 4px) double var(--x-divider-color, currentColor) !important;
    height: 0;
}

.divider-glowing[b-pfw768r1hj] {
    border: 0 !important;
    height: var(--x-divider-thickness, 2px);
    background-color: var(--x-divider-color, currentColor);
    box-shadow: 0 0 8px 1px color-mix(in srgb, var(--x-divider-color, currentColor) 60%, transparent);
    border-radius: 50%;
}

.divider-dotted-pattern[b-pfw768r1hj] {
    border: 0 !important;
    height: var(--x-divider-thickness, 4px);
    background-image: radial-gradient(circle, var(--x-divider-color, currentColor) 2px, transparent 2px);
    background-size: 12px 10px;
}

.xltr[b-pfw768r1hj] {
    direction: ltr;
}

.xrtl[b-pfw768r1hj] {
    direction: rtl;
}
/* _content/XCore.WebUI/01 Foundation/XCard/XCard.razor.rz.scp.css */

.x-card-image[b-dp3rcykfdl] {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.x-card-loading-overlay[b-dp3rcykfdl] {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    background-color: color-mix(in srgb, var(--bs-body-bg) 82%, transparent);
    backdrop-filter: blur(2px);
}

.x-card-loading-content[b-dp3rcykfdl] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
/* _content/XCore.WebUI/01 Foundation/XOffcanvas/XOffcanvas.razor.rz.scp.css */
.x-offcanvas__backdrop[b-ml7g4cp9qu] {
    position: fixed;
    z-index: 1040;
    inset: 0;
    background: rgba(15, 23, 42, 0.48);
    animation: x-offcanvas-backdrop-in-b-ml7g4cp9qu 0.2s ease forwards;
}

.x-offcanvas[b-ml7g4cp9qu] {
    --x-offcanvas-accent: #64748b;
    --x-offcanvas-surface: #ffffff;
    --x-offcanvas-soft: #f8fafc;
    --x-offcanvas-text: #0f172a;
    --x-offcanvas-muted: #64748b;
    --x-offcanvas-icon-bg: #eef2f7;
    --x-offcanvas-icon-color: #475569;
    position: fixed;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    background: var(--x-offcanvas-surface);
    color: var(--x-offcanvas-text);
    box-shadow: 0 1rem 3rem rgba(15, 23, 42, 0.18);
    outline: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.x-offcanvas--placement-start[b-ml7g4cp9qu] {
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--x-offcanvas-width, 24rem);
    transform: translateX(-100%);
}

.x-offcanvas--placement-end[b-ml7g4cp9qu] {
    top: 0;
    right: 0;
    bottom: 0;
    width: var(--x-offcanvas-width, 24rem);
    transform: translateX(100%);
}

.x-offcanvas--placement-top[b-ml7g4cp9qu] {
    top: 0;
    right: 0;
    left: 0;
    height: var(--x-offcanvas-height, 20rem);
    transform: translateY(-100%);
}

.x-offcanvas--placement-bottom[b-ml7g4cp9qu] {
    right: 0;
    bottom: 0;
    left: 0;
    height: var(--x-offcanvas-height, 20rem);
    transform: translateY(100%);
}

.x-offcanvas--visible[b-ml7g4cp9qu] {
    transform: translate(0, 0);
}

.x-offcanvas__header[b-ml7g4cp9qu] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.15rem;
    border-bottom: 1px solid color-mix(in srgb, var(--x-offcanvas-accent) 14%, transparent);
}

.x-offcanvas__heading[b-ml7g4cp9qu] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
}

.x-offcanvas__icon[b-ml7g4cp9qu] {
    display: inline-flex;
    flex: 0 0 2.65rem;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 0.8rem;
    background: var(--x-offcanvas-icon-bg);
    color: var(--x-offcanvas-icon-color);
    font-size: 1.2rem;
}

.x-offcanvas__title-block[b-ml7g4cp9qu] {
    min-width: 0;
}

.x-offcanvas__title[b-ml7g4cp9qu] {
    margin: 0;
    overflow: hidden;
    color: var(--x-offcanvas-text);
    font-size: 1.1rem;
    font-weight: 750;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x-offcanvas__subtitle[b-ml7g4cp9qu] {
    margin: 0.2rem 0 0;
    overflow: hidden;
    color: var(--x-offcanvas-muted);
    font-size: 0.8rem;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x-offcanvas__header-actions[b-ml7g4cp9qu] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.45rem;
}

.x-offcanvas__close[b-ml7g4cp9qu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 0.55rem;
    background: transparent;
    color: currentColor;
    cursor: pointer;
    font-size: 1.35rem;
    line-height: 1;
    opacity: 0.72;
}

.x-offcanvas__close:hover[b-ml7g4cp9qu] {
    background: rgba(15, 23, 42, 0.08);
    opacity: 1;
}

.x-offcanvas__close:focus-visible[b-ml7g4cp9qu] {
    outline: 3px solid color-mix(in srgb, var(--x-offcanvas-accent) 35%, transparent);
    outline-offset: 2px;
}

.x-offcanvas__body[b-ml7g4cp9qu] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 1.15rem;
    color: var(--x-offcanvas-text);
}

.x-offcanvas__footer[b-ml7g4cp9qu] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.9rem 1.15rem;
    border-top: 1px solid color-mix(in srgb, var(--x-offcanvas-accent) 14%, transparent);
}

.x-offcanvas--default[b-ml7g4cp9qu] {
    --x-offcanvas-accent: #64748b;
    --x-offcanvas-soft: #f8fafc;
    --x-offcanvas-icon-bg: #eef2f7;
    --x-offcanvas-icon-color: #475569;
}

.x-offcanvas--primary[b-ml7g4cp9qu] {
    --x-offcanvas-accent: #2563eb;
    --x-offcanvas-soft: #eff6ff;
    --x-offcanvas-icon-bg: #dbeafe;
    --x-offcanvas-icon-color: #1d4ed8;
}

.x-offcanvas--secondary[b-ml7g4cp9qu] {
    --x-offcanvas-accent: #6c757d;
    --x-offcanvas-soft: #f1f3f5;
    --x-offcanvas-icon-bg: #dee2e6;
    --x-offcanvas-icon-color: #495057;
}

.x-offcanvas--success[b-ml7g4cp9qu] {
    --x-offcanvas-accent: #059669;
    --x-offcanvas-soft: #ecfdf3;
    --x-offcanvas-icon-bg: #d1fae5;
    --x-offcanvas-icon-color: #047857;
}

.x-offcanvas--warning[b-ml7g4cp9qu] {
    --x-offcanvas-accent: #d97706;
    --x-offcanvas-soft: #fffbeb;
    --x-offcanvas-icon-bg: #fef3c7;
    --x-offcanvas-icon-color: #b45309;
}

.x-offcanvas--danger[b-ml7g4cp9qu] {
    --x-offcanvas-accent: #dc2626;
    --x-offcanvas-soft: #fef2f2;
    --x-offcanvas-icon-bg: #fee2e2;
    --x-offcanvas-icon-color: #b91c1c;
}

.x-offcanvas--info[b-ml7g4cp9qu] {
    --x-offcanvas-accent: #0891b2;
    --x-offcanvas-soft: #ecfeff;
    --x-offcanvas-icon-bg: #cffafe;
    --x-offcanvas-icon-color: #0e7490;
}

.x-offcanvas--dark[b-ml7g4cp9qu] {
    --x-offcanvas-accent: #94a3b8;
    --x-offcanvas-surface: #1e293b;
    --x-offcanvas-soft: #334155;
    --x-offcanvas-text: #f8fafc;
    --x-offcanvas-muted: #cbd5e1;
    --x-offcanvas-icon-bg: rgba(255, 255, 255, 0.12);
    --x-offcanvas-icon-color: #ffffff;
}

.x-offcanvas--appearance-soft[b-ml7g4cp9qu] {
    background: var(--x-offcanvas-surface);
}

.x-offcanvas--appearance-solid[b-ml7g4cp9qu] {
    --x-offcanvas-surface: var(--x-offcanvas-accent);
    --x-offcanvas-text: #ffffff;
    --x-offcanvas-muted: rgba(255, 255, 255, 0.82);
    --x-offcanvas-icon-bg: rgba(255, 255, 255, 0.16);
    --x-offcanvas-icon-color: #ffffff;
    border-color: transparent;
}

.x-offcanvas--appearance-outline[b-ml7g4cp9qu] {
    background: transparent;
    border: 2px solid var(--x-offcanvas-accent);
    box-shadow: none;
}

.x-offcanvas--appearance-accent[b-ml7g4cp9qu] {
    background: var(--x-offcanvas-surface);
    border-inline-start: 4px solid var(--x-offcanvas-accent);
}

.x-offcanvas--appearance-plain[b-ml7g4cp9qu] {
    background: transparent;
    box-shadow: none;
}

.x-offcanvas--appearance-glass[b-ml7g4cp9qu] {
    --x-offcanvas-text: #ffffff;
    --x-offcanvas-muted: rgba(255, 255, 255, 0.84);
    --x-offcanvas-icon-bg: rgba(255, 255, 255, 0.16);
    --x-offcanvas-icon-color: #ffffff;
    border-color: rgba(255, 255, 255, 0.28);
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--x-offcanvas-accent) 88%, #ffffff 12%),
            color-mix(in srgb, var(--x-offcanvas-accent) 54%, #0f172a 46%));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        0 1rem 3rem color-mix(in srgb, var(--x-offcanvas-accent) 24%, transparent);
    backdrop-filter: blur(10px);
}

.x-offcanvas--size-small.x-offcanvas--placement-start[b-ml7g4cp9qu],
.x-offcanvas--size-small.x-offcanvas--placement-end[b-ml7g4cp9qu] {
    --x-offcanvas-width: 18rem;
}

.x-offcanvas--size-large.x-offcanvas--placement-start[b-ml7g4cp9qu],
.x-offcanvas--size-large.x-offcanvas--placement-end[b-ml7g4cp9qu] {
    --x-offcanvas-width: 32rem;
}

.x-offcanvas--size-full.x-offcanvas--placement-start[b-ml7g4cp9qu],
.x-offcanvas--size-full.x-offcanvas--placement-end[b-ml7g4cp9qu] {
    --x-offcanvas-width: 100vw;
}

.x-offcanvas--size-small.x-offcanvas--placement-top[b-ml7g4cp9qu],
.x-offcanvas--size-small.x-offcanvas--placement-bottom[b-ml7g4cp9qu] {
    --x-offcanvas-height: 13rem;
}

.x-offcanvas--size-large.x-offcanvas--placement-top[b-ml7g4cp9qu],
.x-offcanvas--size-large.x-offcanvas--placement-bottom[b-ml7g4cp9qu] {
    --x-offcanvas-height: 32rem;
}

.x-offcanvas--size-full.x-offcanvas--placement-top[b-ml7g4cp9qu],
.x-offcanvas--size-full.x-offcanvas--placement-bottom[b-ml7g4cp9qu] {
    --x-offcanvas-height: 100vh;
}

@keyframes x-offcanvas-backdrop-in-b-ml7g4cp9qu {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 576px) {
    .x-offcanvas--placement-start[b-ml7g4cp9qu],
    .x-offcanvas--placement-end[b-ml7g4cp9qu] {
        --x-offcanvas-width: min(88vw, 24rem);
    }

    .x-offcanvas__header[b-ml7g4cp9qu],
    .x-offcanvas__body[b-ml7g4cp9qu],
    .x-offcanvas__footer[b-ml7g4cp9qu] {
        padding-inline: 0.9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .x-offcanvas[b-ml7g4cp9qu],
    .x-offcanvas__backdrop[b-ml7g4cp9qu] {
        animation: none;
        transition: none;
    }
}
/* _content/XCore.WebUI/01 Foundation/XStatCard/XStatCard.razor.rz.scp.css */
.metric-card[b-sr0zc9bd3p] {
    display: block;
    width: 100%;
    min-width: 0;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    box-shadow: 0 0.125rem 0.25rem rgba(15, 23, 42, 0.05);
    overflow: hidden;
    --metric-card-accent: #64748b;
    --metric-card-soft-bg: #f8fafc;
    --metric-card-solid-bg: #475569;
    --metric-card-gradient-start: #64748b;
    --metric-card-gradient-end: #334155;
    --metric-card-text: #0f172a;
    --metric-card-muted-text: #64748b;
    --metric-card-icon-bg: #f8fafc;
    --metric-card-icon-color: #334155;
}

.x-stat-card[b-sr0zc9bd3p] {
    box-sizing: border-box;
}

.metric-card--clickable[b-sr0zc9bd3p] {
    cursor: pointer;
}

.metric-card--clickable:hover[b-sr0zc9bd3p] {
    transform: translateY(-2px);
    box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.08);
    border-color: #dbe2ea;
}

.metric-card--clickable:focus-visible[b-sr0zc9bd3p] {
    outline: 3px solid rgba(13, 110, 253, 0.35);
    outline-offset: 2px;
}

.metric-card__button-reset[b-sr0zc9bd3p] {
    appearance: none;
    width: 100%;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    text-align: inherit;
    padding: 0;
    font: inherit;
    color: inherit;
}

.metric-card__body[b-sr0zc9bd3p] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.76rem 0.75rem 0.75rem;
    height: 100%;
}

.metric-card__content[b-sr0zc9bd3p] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    text-align: right;
}

.metric-card__header[b-sr0zc9bd3p] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.metric-card__title[b-sr0zc9bd3p] {
    margin: 0;
    color: #332e74;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.4;
}

.metric-card__value[b-sr0zc9bd3p] {
    margin: 0;
    color: var(--metric-card-text);
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: normal;
    word-break: break-word;
}

.metric-card__footer[b-sr0zc9bd3p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    margin-top: 0.875rem;
}

.metric-card__trend[b-sr0zc9bd3p] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.25rem 0.625rem;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
}

.metric-card__trend i[b-sr0zc9bd3p] {
    font-size: 1.1rem;
    line-height: 1;
}

.metric-card__trend--up[b-sr0zc9bd3p] {
    background-color: #ecfdf3;
    color: #047857;
}

.metric-card__trend--down[b-sr0zc9bd3p] {
    background-color: #fef2f2;
    color: #b91c1c;
}

.metric-card__trend--neutral[b-sr0zc9bd3p] {
    background-color: #eff6ff;
    color: #1d4ed8;
}

.metric-card__trend--none[b-sr0zc9bd3p] {
    background-color: #f1f5f9;
    color: #475569;
}

.metric-card__caption[b-sr0zc9bd3p] {
    color: var(--metric-card-muted-text);
    font-size: 0.82rem;
    line-height: 1.4;
}

.metric-card__icon-wrap[b-sr0zc9bd3p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    flex: 0 0 3.75rem;
    border-radius: 1rem;
    background-color: var(--metric-card-icon-bg);
    color: var(--metric-card-icon-color);
}

.metric-card--default .metric-card__icon-wrap[b-sr0zc9bd3p] {
    background-color: #f8fafc;
    color: #334155;
}

.metric-card--primary .metric-card__icon-wrap[b-sr0zc9bd3p] {
    background-color: #eff6ff;
    color: #2563eb;
}

.metric-card--secondary .metric-card__icon-wrap[b-sr0zc9bd3p] {
    background-color: #f1f3f5;
    color: #495057;
}

.metric-card--success .metric-card__icon-wrap[b-sr0zc9bd3p] {
    background-color: #ecfdf3;
    color: #059669;
}

.metric-card--warning .metric-card__icon-wrap[b-sr0zc9bd3p] {
    background-color: #fffbeb;
    color: #d97706;
}

.metric-card--danger .metric-card__icon-wrap[b-sr0zc9bd3p] {
    background-color: #fef2f2;
    color: #dc2626;
}

.metric-card--info .metric-card__icon-wrap[b-sr0zc9bd3p] {
    background-color: #ecfeff;
    color: #0891b2;
}

.metric-card--default[b-sr0zc9bd3p] {
    --metric-card-accent: #64748b;
    --metric-card-soft-bg: #f8fafc;
    --metric-card-solid-bg: #475569;
    --metric-card-gradient-start: #64748b;
    --metric-card-gradient-end: #334155;
}

.metric-card--primary[b-sr0zc9bd3p] {
    --metric-card-accent: #2563eb;
    --metric-card-soft-bg: #eff6ff;
    --metric-card-solid-bg: #2563eb;
    --metric-card-gradient-start: #3b82f6;
    --metric-card-gradient-end: #1d4ed8;
}

.metric-card--secondary[b-sr0zc9bd3p] {
    --metric-card-accent: #495057;
    --metric-card-soft-bg: #f1f3f5;
    --metric-card-solid-bg: #6c757d;
    --metric-card-gradient-start: #868e96;
    --metric-card-gradient-end: #495057;
}

.metric-card--success[b-sr0zc9bd3p] {
    --metric-card-accent: #059669;
    --metric-card-soft-bg: #ecfdf3;
    --metric-card-solid-bg: #059669;
    --metric-card-gradient-start: #10b981;
    --metric-card-gradient-end: #047857;
}

.metric-card--warning[b-sr0zc9bd3p] {
    --metric-card-accent: #d97706;
    --metric-card-soft-bg: #fffbeb;
    --metric-card-solid-bg: #d97706;
    --metric-card-gradient-start: #f59e0b;
    --metric-card-gradient-end: #b45309;
}

.metric-card--danger[b-sr0zc9bd3p] {
    --metric-card-accent: #dc2626;
    --metric-card-soft-bg: #fef2f2;
    --metric-card-solid-bg: #dc2626;
    --metric-card-gradient-start: #ef4444;
    --metric-card-gradient-end: #b91c1c;
}

.metric-card--info[b-sr0zc9bd3p] {
    --metric-card-accent: #0891b2;
    --metric-card-soft-bg: #ecfeff;
    --metric-card-solid-bg: #0891b2;
    --metric-card-gradient-start: #06b6d4;
    --metric-card-gradient-end: #0e7490;
}

.metric-card--dark[b-sr0zc9bd3p] {
    --metric-card-accent: #212529;
    --metric-card-soft-bg: #343a40;
    --metric-card-solid-bg: #212529;
    --metric-card-gradient-start: #495057;
    --metric-card-gradient-end: #212529;
    background-color: #212529;
    border-color: #343a40;
    color: #ffffff;
}

.metric-card--dark .metric-card__title[b-sr0zc9bd3p],
.metric-card--dark .metric-card__value[b-sr0zc9bd3p] {
    color: #ffffff;
}

.metric-card--dark .metric-card__caption[b-sr0zc9bd3p] {
    color: rgba(255, 255, 255, 0.7);
}

.metric-card--dark .metric-card__icon-wrap[b-sr0zc9bd3p] {
    background-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.metric-card--appearance-soft[b-sr0zc9bd3p] {
    background-color: #ffffff;
}

.metric-card--appearance-accent[b-sr0zc9bd3p] {
    border-inline-start: 4px solid var(--metric-card-accent);
    background-color: var(--metric-card-soft-bg);
}

.metric-card--appearance-outline[b-sr0zc9bd3p] {
    border: 2px solid var(--metric-card-accent);
    background-color: transparent;
    box-shadow: none;
}

.metric-card--appearance-solid[b-sr0zc9bd3p],
.metric-card--appearance-gradient[b-sr0zc9bd3p] {
    color: #ffffff;
    border-color: transparent;
}

.metric-card--appearance-solid[b-sr0zc9bd3p] {
    background-color: var(--metric-card-solid-bg);
}

.metric-card--appearance-gradient[b-sr0zc9bd3p] {
    position: relative;
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background-image:
        radial-gradient(circle at 88% 12%,
            rgba(255, 255, 255, 0.42) 0,
            rgba(255, 255, 255, 0.16) 18%,
            transparent 42%),
        linear-gradient(135deg,
            var(--metric-card-gradient-start) 0%,
            var(--metric-card-accent) 42%,
            var(--metric-card-gradient-end) 100%);
    background-size: 100% 100%;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 -1.25rem 2rem rgba(15, 23, 42, 0.12),
        0 0.5rem 1.25rem rgba(15, 23, 42, 0.14);
}

.metric-card--appearance-gradient[b-sr0zc9bd3p]::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(115deg,
            transparent 0 42%,
            rgba(255, 255, 255, 0.10) 50%,
            transparent 58% 100%);
    content: "";
    pointer-events: none;
}

.metric-card--appearance-gradient:hover[b-sr0zc9bd3p] {
    background-position: 0 0, 100% 0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -1.25rem 2rem rgba(15, 23, 42, 0.14),
        0 0.85rem 1.75rem rgba(15, 23, 42, 0.2);
}

.metric-card--appearance-solid .metric-card__title[b-sr0zc9bd3p],
.metric-card--appearance-solid .metric-card__value[b-sr0zc9bd3p],
.metric-card--appearance-gradient .metric-card__title[b-sr0zc9bd3p],
.metric-card--appearance-gradient .metric-card__value[b-sr0zc9bd3p] {
    color: #ffffff;
}

.metric-card--appearance-solid .metric-card__caption[b-sr0zc9bd3p],
.metric-card--appearance-gradient .metric-card__caption[b-sr0zc9bd3p] {
    color: rgba(255, 255, 255, 0.78);
}

.metric-card--appearance-solid .metric-card__icon-wrap[b-sr0zc9bd3p],
.metric-card--appearance-gradient .metric-card__icon-wrap[b-sr0zc9bd3p] {
    background-color: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.metric-card--appearance-solid .metric-card__trend[b-sr0zc9bd3p],
.metric-card--appearance-gradient .metric-card__trend[b-sr0zc9bd3p] {
    background-color: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

.metric-card--loading .metric-card__icon-wrap[b-sr0zc9bd3p] {
    overflow: hidden;
}

.metric-card--loading .placeholder[b-sr0zc9bd3p] {
    border-radius: 0.5rem;
}

.metric-card__content > *[b-sr0zc9bd3p] {
    min-width: 0;
}

@media (max-width: 576px) {
    .metric-card__body[b-sr0zc9bd3p] {
        min-height: 116px;
        padding: 1rem;
    }

    .metric-card__value[b-sr0zc9bd3p] {
        font-size: 1.5rem;
    }

    .metric-card__icon-wrap[b-sr0zc9bd3p] {
        width: 3.25rem;
        height: 3.25rem;
        flex-basis: 3.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .metric-card[b-sr0zc9bd3p] {
        transition: none;
    }

    .metric-card--clickable:hover[b-sr0zc9bd3p] {
        transform: none;
    }
}
/* _content/XCore.WebUI/02 Widgets/ActivityFeed/XActivityFeed.razor.rz.scp.css */
.x-activity-feed[b-as6e05gpga]{width:100%;--x-activity-accent:#2563eb;--x-activity-surface:#eff6ff;color:#0f172a}.x-activity-feed__header[b-as6e05gpga]{margin-bottom:.5rem}.x-activity-feed__items[b-as6e05gpga]{position:relative}.x-activity-feed__item[b-as6e05gpga]{position:relative;display:flex;gap:.8rem;min-height:4rem;padding:.7rem .25rem}.x-activity-feed__connector[b-as6e05gpga]{position:absolute;top:2.65rem;bottom:-.7rem;inset-inline-start:1.05rem;width:2px;background:color-mix(in srgb,var(--x-activity-accent) 20%,#e2e8f0)}.x-activity-feed__item:last-child .x-activity-feed__connector[b-as6e05gpga]{display:none}.x-activity-feed__marker[b-as6e05gpga]{position:relative;z-index:1;display:grid;flex:0 0 2.2rem;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--x-activity-accent);color:#fff;font-size:.9rem}.x-activity-feed__content[b-as6e05gpga]{display:flex;min-width:0;flex:1;flex-direction:column;gap:.18rem;padding-top:.1rem}.x-activity-feed__item-body[b-as6e05gpga],.x-activity-feed__item-link[b-as6e05gpga]{display:flex;min-width:0;flex:1;color:inherit;text-decoration:none}.x-activity-feed__item-body[role="button"][b-as6e05gpga],.x-activity-feed__item-link[b-as6e05gpga]{cursor:pointer}.x-activity-feed__title[b-as6e05gpga]{font-size:.9rem}.x-activity-feed__description[b-as6e05gpga]{color:#64748b;font-size:.82rem;line-height:1.65}.x-activity-feed__time[b-as6e05gpga]{color:#94a3b8;font-size:.72rem}.x-activity-feed__item--highlighted[b-as6e05gpga]{padding:.7rem;border-radius:.75rem;background:var(--x-activity-surface)}.x-activity-feed__footer[b-as6e05gpga]{margin-top:.75rem}.x-activity-feed__empty[b-as6e05gpga]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:#94a3b8;text-align:center}.x-activity-feed__empty i[b-as6e05gpga]{font-size:1.8rem}.x-activity-feed--appearance-solid[b-as6e05gpga]{padding:1rem;border-radius:1rem;background:var(--x-activity-accent);color:#fff}.x-activity-feed--appearance-solid .x-activity-feed__description[b-as6e05gpga],.x-activity-feed--appearance-solid .x-activity-feed__time[b-as6e05gpga]{color:rgba(255,255,255,.75)}.x-activity-feed--appearance-outline[b-as6e05gpga]{padding:1rem;border:2px solid var(--x-activity-accent);border-radius:1rem}.x-activity-feed--appearance-plain[b-as6e05gpga]{padding:0}.x-activity-feed--appearance-glass[b-as6e05gpga]{padding:1rem;border-radius:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--x-activity-accent) 82%,#fff),color-mix(in srgb,var(--x-activity-accent) 45%,#0f172a));color:#fff;box-shadow:0 .75rem 2rem color-mix(in srgb,var(--x-activity-accent) 18%,transparent)}.x-activity-feed--appearance-glass .x-activity-feed__description[b-as6e05gpga],.x-activity-feed--appearance-glass .x-activity-feed__time[b-as6e05gpga]{color:rgba(255,255,255,.78)}.x-activity-feed--compact .x-activity-feed__item[b-as6e05gpga]{min-height:3rem;padding:.4rem 0}.x-activity-feed--compact .x-activity-feed__marker[b-as6e05gpga]{width:1.75rem;height:1.75rem;flex-basis:1.75rem;font-size:.75rem}.x-activity-feed--compact .x-activity-feed__connector[b-as6e05gpga]{inset-inline-start:.85rem;top:2.1rem}.x-activity-feed--secondary[b-as6e05gpga]{--x-activity-accent:#6c757d;--x-activity-surface:#f1f3f5}.x-activity-feed--success[b-as6e05gpga]{--x-activity-accent:#198754;--x-activity-surface:#ecfdf3}.x-activity-feed--info[b-as6e05gpga]{--x-activity-accent:#0891b2;--x-activity-surface:#ecfeff}.x-activity-feed--warning[b-as6e05gpga]{--x-activity-accent:#d97706;--x-activity-surface:#fffbeb}.x-activity-feed--danger[b-as6e05gpga]{--x-activity-accent:#dc2626;--x-activity-surface:#fef2f2}.x-activity-feed--dark[b-as6e05gpga]{--x-activity-accent:#334155;--x-activity-surface:#e2e8f0}.x-activity-feed--size-small[b-as6e05gpga]{font-size:.86rem}.x-activity-feed--size-large .x-activity-feed__item[b-as6e05gpga]{padding-block:1rem}.x-activity-feed--size-large .x-activity-feed__marker[b-as6e05gpga]{width:2.7rem;height:2.7rem;flex-basis:2.7rem;font-size:1.1rem}.x-activity-feed--size-large .x-activity-feed__connector[b-as6e05gpga]{inset-inline-start:1.3rem;top:3.15rem}@media(max-width:576px){.x-activity-feed__item[b-as6e05gpga]{gap:.55rem}.x-activity-feed--appearance-solid[b-as6e05gpga],.x-activity-feed--appearance-outline[b-as6e05gpga],.x-activity-feed--appearance-glass[b-as6e05gpga]{padding:.75rem}}@media(prefers-reduced-motion:reduce){.x-activity-feed__item-link[b-as6e05gpga],.x-activity-feed__item-body[b-as6e05gpga]{transition:none}}
/* _content/XCore.WebUI/02 Widgets/NotificationBell/XNotificationBell.razor.rz.scp.css */
.x-notification-bell[b-glx2yblm8k]{position:relative;z-index:auto;display:inline-block;overflow:visible;--x-notification-accent:#2563eb;--x-notification-surface:#eff6ff;color:var(--x-notification-accent)}
.x-notification-bell__trigger[b-glx2yblm8k]{position:relative;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid transparent;border-radius:.8rem;background:transparent;color:inherit;font-size:1.25rem;cursor:pointer;transition:background-color .18s ease,transform .18s ease}
.x-notification-bell__trigger:hover[b-glx2yblm8k]{background:color-mix(in srgb,var(--x-notification-accent) 12%,transparent);transform:translateY(-1px)}
.x-notification-bell__trigger:focus-visible[b-glx2yblm8k]{outline:3px solid color-mix(in srgb,var(--x-notification-accent) 35%,transparent);outline-offset:2px}
.x-notification-bell__badge[b-glx2yblm8k]{position:absolute;top:-.25rem;inset-inline-end:-.35rem;display:grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border:2px solid white;border-radius:99rem;background:#dc2626;color:#fff;font-size:.65rem;font-weight:800}
.x-notification-bell__panel[b-glx2yblm8k]{position:fixed;inset:auto;z-index:2147483647;box-sizing:border-box;width:min(24rem,calc(100vw - 1rem));max-width:calc(100vw - 1rem);min-width:0;max-height:calc(100vh - 5.5rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--x-notification-accent) 22%,#cbd5e1);border-radius:1rem;background:#fff!important;background-color:#fff!important;opacity:1!important;color:#0f172a;box-shadow:0 1rem 3rem rgba(15,23,42,.3);isolation:isolate;text-align:start}
.x-notification-bell__panel-header[b-glx2yblm8k],.x-notification-bell__footer[b-glx2yblm8k]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid #e2e8f0}.x-notification-bell__footer[b-glx2yblm8k]{border-top:1px solid #e2e8f0;border-bottom:0}
.x-notification-bell__title[b-glx2yblm8k]{margin:0;font-size:1rem;font-weight:800}.x-notification-bell__subtitle[b-glx2yblm8k]{margin:.2rem 0 0;color:#64748b;font-size:.76rem}.x-notification-bell__mark-read[b-glx2yblm8k]{border:0;background:transparent;color:var(--x-notification-accent);font-size:.75rem;cursor:pointer}
.x-notification-bell__items[b-glx2yblm8k]{max-height:min(24rem,calc(100vh - 13rem));overflow:auto}.x-notification-bell__item[b-glx2yblm8k]{border-bottom:1px solid #f1f5f9}.x-notification-bell__item:last-child[b-glx2yblm8k]{border-bottom:0}
.x-notification-bell__item-link[b-glx2yblm8k],.x-notification-bell__item-button[b-glx2yblm8k]{display:flex;width:100%;align-items:flex-start;gap:.7rem;padding:.85rem 1rem;border:0;background:transparent;color:inherit;text-align:inherit;text-decoration:none;cursor:pointer}.x-notification-bell__item-link:hover[b-glx2yblm8k],.x-notification-bell__item-button:hover[b-glx2yblm8k]{background:var(--x-notification-surface)}
.x-notification-bell__item--unread[b-glx2yblm8k]{background:color-mix(in srgb,var(--x-notification-accent) 4%,transparent)}.x-notification-bell__item--important[b-glx2yblm8k]{border-inline-start:3px solid #dc2626}
.x-notification-bell__item-icon[b-glx2yblm8k]{display:grid;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:var(--x-notification-surface);color:var(--x-notification-accent)}.x-notification-bell__item-content[b-glx2yblm8k]{display:flex;min-width:0;flex:1;flex-direction:column;gap:.15rem}.x-notification-bell__item-content strong[b-glx2yblm8k]{font-size:.82rem}.x-notification-bell__item-content span[b-glx2yblm8k]{color:#475569;font-size:.78rem;line-height:1.5}.x-notification-bell__item-content small[b-glx2yblm8k]{color:#94a3b8;font-size:.7rem}.x-notification-bell__unread-dot[b-glx2yblm8k]{width:.45rem;height:.45rem;margin-top:.35rem;border-radius:50%;background:var(--x-notification-accent)}
.x-notification-bell__empty[b-glx2yblm8k]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;color:#94a3b8;text-align:center}.x-notification-bell__empty i[b-glx2yblm8k]{font-size:1.8rem}
.x-notification-bell--appearance-soft[b-glx2yblm8k]{--x-notification-surface:#eff6ff}.x-notification-bell--appearance-solid .x-notification-bell__trigger[b-glx2yblm8k]{background:var(--x-notification-accent);color:#fff}.x-notification-bell--appearance-solid .x-notification-bell__panel[b-glx2yblm8k]{border-color:transparent}.x-notification-bell--appearance-outline .x-notification-bell__trigger[b-glx2yblm8k]{border-color:var(--x-notification-accent)}.x-notification-bell--appearance-plain .x-notification-bell__trigger[b-glx2yblm8k]{width:auto;height:auto;padding:.25rem}.x-notification-bell--appearance-glass .x-notification-bell__trigger[b-glx2yblm8k]{background:color-mix(in srgb,var(--x-notification-accent) 16%,transparent);backdrop-filter:blur(8px)}
.x-notification-bell--primary[b-glx2yblm8k]{--x-notification-accent:#2563eb;--x-notification-surface:#eff6ff}.x-notification-bell--secondary[b-glx2yblm8k]{--x-notification-accent:#6c757d;--x-notification-surface:#f1f3f5}.x-notification-bell--success[b-glx2yblm8k]{--x-notification-accent:#198754;--x-notification-surface:#ecfdf3}.x-notification-bell--info[b-glx2yblm8k]{--x-notification-accent:#0891b2;--x-notification-surface:#ecfeff}.x-notification-bell--warning[b-glx2yblm8k]{--x-notification-accent:#d97706;--x-notification-surface:#fffbeb}.x-notification-bell--danger[b-glx2yblm8k]{--x-notification-accent:#dc2626;--x-notification-surface:#fef2f2}.x-notification-bell--dark[b-glx2yblm8k]{--x-notification-accent:#334155;--x-notification-surface:#e2e8f0}
.x-notification-bell--size-small .x-notification-bell__trigger[b-glx2yblm8k]{width:2.25rem;height:2.25rem;font-size:1rem}.x-notification-bell--size-large .x-notification-bell__trigger[b-glx2yblm8k]{width:3.25rem;height:3.25rem;font-size:1.5rem}
@media(max-width:576px){.x-notification-bell__panel[b-glx2yblm8k]{width:min(24rem,calc(100vw - 1rem));max-height:calc(100vh - 5rem)}.x-notification-bell__items[b-glx2yblm8k]{max-height:60vh}}@media(prefers-reduced-motion:reduce){.x-notification-bell__trigger[b-glx2yblm8k]{transition:none}}
/* _content/XCore.WebUI/02 Widgets/WidgetClock/XWidgetClock.razor.rz.scp.css */
.x-widget-clock[b-0dwk19cj36] {
    --clock-accent: #64748b;
    --clock-start: #f8fafc;
    --clock-end: #ffffff;
    --clock-text: #0f172a;
    --clock-muted: #64748b;
    --clock-icon-bg: #eef2f7;
    --clock-icon-color: #475569;
    display: inline-flex;
    align-items: center;
    min-width: 15rem;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    overflow: hidden;
    border: 1px solid rgba(100, 116, 139, 0.18);
    border-radius: 1rem;
    background: linear-gradient(145deg, var(--clock-start), var(--clock-end));
    color: var(--clock-text);
    box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, 0.08);
    font-variant-numeric: tabular-nums;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.x-widget-clock:hover[b-0dwk19cj36] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--clock-accent) 42%, transparent);
    box-shadow: 0 0.75rem 1.75rem rgba(15, 23, 42, 0.14);
}

.x-widget-clock__icon[b-0dwk19cj36] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.8rem;
    background: var(--clock-icon-bg);
    color: var(--clock-icon-color);
    font-size: 1.25rem;
}

.x-widget-clock__content[b-0dwk19cj36] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.1rem;
}

.x-widget-clock__title[b-0dwk19cj36] {
    overflow: hidden;
    color: var(--clock-muted);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x-widget-clock__time[b-0dwk19cj36] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 8.5rem;
    gap: 0;
    color: var(--clock-text);
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.2;
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums lining-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
    white-space: nowrap;
}

.x-widget-clock__time-char[b-0dwk19cj36] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.8em;
    min-width: 0.8em;
    height: 1.2em;
    text-align: center;
}

.x-widget-clock__time-separator[b-0dwk19cj36] {
    width: 0.45em;
    min-width: 0.45em;
}

.x-widget-clock[dir="rtl"] .x-widget-clock__time[b-0dwk19cj36] {
    justify-content: flex-end;
}

.x-widget-clock[dir="ltr"] .x-widget-clock__time[b-0dwk19cj36] {
    justify-content: flex-start;
}

.x-widget-clock__date[b-0dwk19cj36] {
    color: var(--clock-muted);
    font-size: 0.76rem;
    line-height: 1.35;
    white-space: nowrap;
}

.x-widget-clock--default[b-0dwk19cj36] {
    --clock-accent: #64748b;
}

.x-widget-clock--primary[b-0dwk19cj36] {
    --clock-accent: #2563eb;
    --clock-start: #eff6ff;
    --clock-icon-bg: #dbeafe;
    --clock-icon-color: #1d4ed8;
}

.x-widget-clock--secondary[b-0dwk19cj36] {
    --clock-accent: #6c757d;
    --clock-start: #f1f3f5;
    --clock-icon-bg: #dee2e6;
    --clock-icon-color: #495057;
}

.x-widget-clock--success[b-0dwk19cj36] {
    --clock-accent: #059669;
    --clock-start: #ecfdf3;
    --clock-icon-bg: #d1fae5;
    --clock-icon-color: #047857;
}

.x-widget-clock--warning[b-0dwk19cj36] {
    --clock-accent: #d97706;
    --clock-start: #fffbeb;
    --clock-icon-bg: #fef3c7;
    --clock-icon-color: #b45309;
}

.x-widget-clock--danger[b-0dwk19cj36] {
    --clock-accent: #dc2626;
    --clock-start: #fef2f2;
    --clock-icon-bg: #fee2e2;
    --clock-icon-color: #b91c1c;
}

.x-widget-clock--info[b-0dwk19cj36] {
    --clock-accent: #0891b2;
    --clock-start: #ecfeff;
    --clock-icon-bg: #cffafe;
    --clock-icon-color: #0e7490;
}

.x-widget-clock--dark[b-0dwk19cj36] {
    --clock-accent: #94a3b8;
    --clock-start: #1e293b;
    --clock-end: #0f172a;
    --clock-text: #f8fafc;
    --clock-muted: #cbd5e1;
    --clock-icon-bg: rgba(255, 255, 255, 0.12);
    --clock-icon-color: #ffffff;
    border-color: rgba(255, 255, 255, 0.14);
}

.x-widget-clock--appearance-accent[b-0dwk19cj36] {
    border-inline-start: 4px solid var(--clock-accent);
}

.x-widget-clock--appearance-solid[b-0dwk19cj36] {
    --clock-text: #ffffff;
    --clock-muted: rgba(255, 255, 255, 0.78);
    --clock-icon-bg: rgba(255, 255, 255, 0.16);
    --clock-icon-color: #ffffff;
    background: var(--clock-accent);
    border-color: transparent;
}

.x-widget-clock--appearance-outline[b-0dwk19cj36] {
    background: transparent;
    border: 2px solid var(--clock-accent);
    box-shadow: none;
}

.x-widget-clock--appearance-glass[b-0dwk19cj36] {
    --clock-muted: rgba(255, 255, 255, 0.82);
    --clock-text: #ffffff;
    --clock-icon-bg: rgba(255, 255, 255, 0.16);
    --clock-icon-color: #ffffff;
    border-color: rgba(255, 255, 255, 0.28);
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--clock-accent) 92%, #ffffff 8%),
            color-mix(in srgb, var(--clock-accent) 62%, #0f172a 38%));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 0.75rem 1.75rem color-mix(in srgb, var(--clock-accent) 22%, transparent);
    backdrop-filter: blur(10px);
}

.x-widget-clock--appearance-transparent[b-0dwk19cj36] {
    min-width: 0;
    padding: 0.25rem 0.5rem;
    border: 0;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.x-widget-clock--appearance-transparent:hover[b-0dwk19cj36] {
    transform: none;
    border-color: transparent;
    box-shadow: none;
}

.x-widget-clock--appearance-transparent .x-widget-clock__icon[b-0dwk19cj36] {
    background: transparent;
}

.x-widget-clock--appearance-transparent .x-widget-clock__time[b-0dwk19cj36] {
    font-size: 1.2rem;
}

.x-widget-clock--without-seconds .x-widget-clock__time[b-0dwk19cj36] {
    width: 5.75rem;
}

.x-widget-clock--analog[b-0dwk19cj36] {
    justify-content: center;
    min-width: 8.5rem;
    min-height: 8.5rem;
    padding: 0.875rem;
}

.x-widget-clock__analog[b-0dwk19cj36] {
    position: relative;
    width: 6.5rem;
    height: 6.5rem;
    border: 3px solid var(--clock-accent);
    border-radius: 50%;
    background:
        radial-gradient(circle, transparent 0 58%, rgba(100, 116, 139, 0.08) 59% 60%, transparent 61%),
        var(--clock-end);
    box-shadow:
        inset 0 0 0 5px rgba(255, 255, 255, 0.42),
        0 0.4rem 1rem rgba(15, 23, 42, 0.12);
}

.x-widget-clock--appearance-solid .x-widget-clock__analog[b-0dwk19cj36],
.x-widget-clock--appearance-glass .x-widget-clock__analog[b-0dwk19cj36] {
    background:
        radial-gradient(circle, transparent 0 58%, rgba(255, 255, 255, 0.16) 59% 60%, transparent 61%),
        rgba(255, 255, 255, 0.12);
}

.x-widget-clock__hand[b-0dwk19cj36] {
    position: absolute;
    bottom: 50%;
    left: 50%;
    z-index: 2;
    width: 2px;
    margin-left: -1px;
    border-radius: 999px;
    background: var(--clock-text);
    transform-origin: 50% 100%;
    pointer-events: none;
}

.x-widget-clock__hand--hour[b-0dwk19cj36] {
    height: 1.65rem;
}

.x-widget-clock__hand--minute[b-0dwk19cj36] {
    height: 2.25rem;
    width: 3px;
    margin-left: -1.5px;
}

.x-widget-clock__hand--second[b-0dwk19cj36] {
    z-index: 3;
    height: 2.55rem;
    width: 1px;
    margin-left: -0.5px;
    background: #ef4444;
}

.x-widget-clock__center[b-0dwk19cj36] {
    position: absolute;
    top: calc(50% - 0.28rem);
    left: calc(50% - 0.28rem);
    z-index: 4;
    width: 0.56rem;
    height: 0.56rem;
    border: 2px solid var(--clock-text);
    border-radius: 50%;
    background: var(--clock-accent);
}

.x-widget-clock__marker[b-0dwk19cj36] {
    position: absolute;
    color: var(--clock-muted);
    font-size: 0.58rem;
    font-weight: 800;
}

.x-widget-clock__marker--12[b-0dwk19cj36] { top: 0.25rem; left: calc(50% - 0.35rem); }
.x-widget-clock__marker--3[b-0dwk19cj36] { top: calc(50% - 0.35rem); right: 0.3rem; }
.x-widget-clock__marker--6[b-0dwk19cj36] { bottom: 0.25rem; left: calc(50% - 0.35rem); }
.x-widget-clock__marker--9[b-0dwk19cj36] { top: calc(50% - 0.35rem); left: 0.3rem; }

@media (max-width: 576px) {
    .x-widget-clock[b-0dwk19cj36] {
        min-width: 0;
        max-width: 100%;
        padding: 0.65rem 0.75rem;
    }

    .x-widget-clock__time[b-0dwk19cj36] {
        font-size: 1.2rem;
    }

    .x-widget-clock__date[b-0dwk19cj36] {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (prefers-reduced-motion: reduce) {
    .x-widget-clock[b-0dwk19cj36] {
        transition: none;
    }

    .x-widget-clock:hover[b-0dwk19cj36] {
        transform: none;
    }
}
/* _content/XCore.WebUI/03 Buttons/ButtonIcon/XButtonIcon.razor.rz.scp.css */
/* The visual rules for the nested Syncfusion button are global in XButton.razor.
   This isolated file intentionally contains no nested-component selector. */
.x-button-link[b-17y0epi5aw] {
    text-decoration: none;
}
/* _content/XCore.WebUI/03 Buttons/ButtonLink/XButtonLink.razor.rz.scp.css */
.x-button-link[b-y88u8ogymk] {
    align-items: center;
    display: inline-flex;
    text-decoration: none;
}

.x-button-link:focus-visible[b-y88u8ogymk] {
    outline: 3px solid color-mix(in srgb, #2563eb 35%, transparent);
    outline-offset: 2px;
}

.x-button-link.disabled[b-y88u8ogymk] {
    cursor: not-allowed;
    opacity: .6;
    pointer-events: none;
}
/* _content/XCore.WebUI/03 Buttons/Button/XButton.razor.rz.scp.css */
.e-btn.x-button[b-shx82an6x4] {
    min-width: var(--x-button-min-width-normal, 80px);
    height: var(--x-button-height-normal, 36px);
    min-height: var(--x-button-height-normal, 36px);
    box-sizing: border-box;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.e-btn.x-button:not(.x-button--block)[b-shx82an6x4] {
    flex-shrink: 0;
}

.x-button__content[b-shx82an6x4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .15rem;
    width: auto;
    height: 100%;
    min-height: 0;
    line-height: 1;
}

.x-button__label[b-shx82an6x4] {
    white-space: nowrap;
}

.e-btn.x-button .x-button__icon[b-shx82an6x4],
.e-btn.x-button .x-button__icon i[b-shx82an6x4] {
    display: inline-flex !important;
    align-items: center;
    flex: 0 0 auto;
    visibility: visible !important;
    opacity: 1 !important;
}

.e-btn.x-button:hover .x-button__icon[b-shx82an6x4],
.e-btn.x-button:focus-visible .x-button__icon[b-shx82an6x4] {
    visibility: visible !important;
    opacity: 1 !important;
}

.e-btn.x-button.x-button--block[b-shx82an6x4] {
    width: 100%;
}

.x-button--loading[b-shx82an6x4] {
    cursor: wait;
}

.e-btn.x-button.x-button--keep-width[b-shx82an6x4] {
    min-width: var(--x-button-min-width-normal, 80px);
}

.e-btn.x-button:focus-visible[b-shx82an6x4] {
    outline: 3px solid color-mix(in srgb, var(--x-button-accent) 35%, transparent);
    outline-offset: 2px;
}

.e-btn.x-button.e-large[b-shx82an6x4] {
    min-width: var(--x-button-min-width-large, 100px);
    height: var(--x-button-height-large, 42px);
    min-height: var(--x-button-height-large, 42px);
    padding: .55rem 1.5rem;
    font-size: 1.05rem;
}

.e-btn.x-button.e-small[b-shx82an6x4] {
    min-width: var(--x-button-min-width-small, 70px);
    height: var(--x-button-height-small, 29px);
    min-height: var(--x-button-height-small, 29px);
}

@media (prefers-reduced-motion: reduce) {
    .x-button[b-shx82an6x4] {
        transition: none;
    }
}
/* _content/XCore.WebUI/04 Content/Accordion/XAccordion.razor.rz.scp.css */
/* Global rules are declared in XAccordion.razor because child items have a separate CSS scope. */
/* _content/XCore.WebUI/04 Content/Faq/XFaq.razor.rz.scp.css */
.x-faq[b-uyt9d1t70b]{width:100%;--x-faq-accent:#2563eb}.x-faq__toolbar[b-uyt9d1t70b]{max-width:40rem;margin:1rem 0}.x-faq__category[b-uyt9d1t70b]{margin-top:1.25rem}.x-faq__category-title[b-uyt9d1t70b]{font-size:1rem;font-weight:700;color:var(--x-faq-accent);margin-bottom:.6rem}.x-faq--secondary[b-uyt9d1t70b]{--x-faq-accent:#6c757d}.x-faq--success[b-uyt9d1t70b]{--x-faq-accent:#198754}.x-faq--info[b-uyt9d1t70b]{--x-faq-accent:#0891b2}.x-faq--warning[b-uyt9d1t70b]{--x-faq-accent:#d97706}.x-faq--danger[b-uyt9d1t70b]{--x-faq-accent:#dc2626}.x-faq--dark[b-uyt9d1t70b]{--x-faq-accent:#334155}
/* _content/XCore.WebUI/04 Content/FeatureCard/XFeatureCard.razor.rz.scp.css */
.x-feature-card[b-crczg31abj]{display:flex;flex-direction:column;min-height:100%;padding:1.25rem;border-radius:1rem;border:1px solid transparent;color:#0f172a;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;--x-feature-accent:#2563eb;--x-feature-surface:#eff6ff}.x-feature-card__top[b-crczg31abj],.x-feature-card__footer[b-crczg31abj]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.x-feature-card__icon[b-crczg31abj]{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.9rem;background:var(--x-feature-accent);color:#fff;font-size:1.3rem}.x-feature-card__badge[b-crczg31abj]{font-size:.75rem;padding:.25rem .55rem;border-radius:99rem;background:color-mix(in srgb,var(--x-feature-accent) 14%,transparent);color:var(--x-feature-accent)}.x-feature-card__content[b-crczg31abj]{flex:1}.x-feature-card__title[b-crczg31abj]{margin:1rem 0 .35rem;font-size:1.15rem;font-weight:700}.x-feature-card__subtitle[b-crczg31abj]{color:var(--x-feature-accent);font-size:.85rem}.x-feature-card__description[b-crczg31abj]{margin:.75rem 0;color:#64748b;line-height:1.8}.x-feature-card__footer[b-crczg31abj]{margin-top:1rem;color:var(--x-feature-accent);font-size:.9rem}.x-feature-card--clickable[b-crczg31abj]{cursor:pointer}.x-feature-card--clickable:hover[b-crczg31abj]{transform:translateY(-4px);box-shadow:0 1rem 2rem color-mix(in srgb,var(--x-feature-accent) 18%,transparent)}.x-feature-card--disabled[b-crczg31abj]{opacity:.55;pointer-events:none}.x-feature-card--appearance-soft[b-crczg31abj]{background:var(--x-feature-surface)}.x-feature-card--appearance-solid[b-crczg31abj]{background:var(--x-feature-accent);color:#fff}.x-feature-card--appearance-solid .x-feature-card__icon[b-crczg31abj]{background:rgba(255,255,255,.18)}.x-feature-card--appearance-solid .x-feature-card__description[b-crczg31abj]{color:rgba(255,255,255,.8)}.x-feature-card--appearance-outline[b-crczg31abj]{background:#fff;border-color:var(--x-feature-accent)}.x-feature-card--appearance-glass[b-crczg31abj]{background:linear-gradient(135deg,color-mix(in srgb,var(--x-feature-accent) 85%,#fff),color-mix(in srgb,var(--x-feature-accent) 45%,#0f172a));color:#fff}.x-feature-card--appearance-plain[b-crczg31abj]{background:#fff;border-color:#e2e8f0}.x-feature-card--secondary[b-crczg31abj]{--x-feature-accent:#6c757d;--x-feature-surface:#f1f3f5}.x-feature-card--success[b-crczg31abj]{--x-feature-accent:#198754;--x-feature-surface:#ecfdf3}.x-feature-card--info[b-crczg31abj]{--x-feature-accent:#0891b2;--x-feature-surface:#ecfeff}.x-feature-card--warning[b-crczg31abj]{--x-feature-accent:#d97706;--x-feature-surface:#fffbeb}.x-feature-card--danger[b-crczg31abj]{--x-feature-accent:#dc2626;--x-feature-surface:#fef2f2}.x-feature-card--dark[b-crczg31abj]{--x-feature-accent:#334155;--x-feature-surface:#e2e8f0}.x-feature-card--size-small[b-crczg31abj]{padding:.85rem}.x-feature-card--size-large[b-crczg31abj]{padding:1.75rem}
/* _content/XCore.WebUI/04 Content/IconTitle/XIconTitle.razor.rz.scp.css */
.x-icon-title[b-udqq6usd3n] {
    --icon-title-accent: #64748b;
    --icon-title-surface: #ffffff;
    --icon-title-soft-surface: #f8fafc;
    --icon-title-icon-surface: #eef2f7;
    --icon-title-icon-color: var(--icon-title-accent);
    --icon-title-solid-surface: #475569;
    --icon-title-text: #0f172a;
    --icon-title-muted: #64748b;
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid transparent;
    border-radius: 0.85rem;
    background: var(--icon-title-surface);
    color: var(--icon-title-text);
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.x-icon-title__icon[b-udqq6usd3n] {
    display: inline-flex;
    flex: 0 0 2.65rem;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    overflow: hidden;
    border-radius: 0.75rem;
    background: var(--icon-title-icon-surface);
    color: var(--icon-title-icon-color);
    font-size: 1.25rem;
    line-height: 1;
}

.x-icon-title__text[b-udqq6usd3n] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
}

.x-icon-title__title[b-udqq6usd3n] {
    margin: 0;
    overflow: hidden;
    color: var(--icon-title-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x-icon-title__subtitle[b-udqq6usd3n] {
    display: block;
    margin-top: 0.15rem;
    overflow: hidden;
    color: var(--icon-title-muted);
    font-size: 0.78rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x-icon-title__trailing[b-udqq6usd3n] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.35rem;
}

.x-icon-title--horizontal[b-udqq6usd3n] {
    flex-direction: row;
}

.x-icon-title--vertical[b-udqq6usd3n] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.x-icon-title--vertical .x-icon-title__text[b-udqq6usd3n] {
    align-items: center;
}

.x-icon-title--icon-end .x-icon-title__icon[b-udqq6usd3n] {
    order: 2;
}

.x-icon-title--icon-end .x-icon-title__text[b-udqq6usd3n] {
    order: 1;
}

.x-icon-title--icon-end .x-icon-title__trailing[b-udqq6usd3n] {
    order: 3;
}

.x-icon-title--vertical.x-icon-title--icon-end .x-icon-title__icon[b-udqq6usd3n] {
    order: 2;
}

.x-icon-title--vertical.x-icon-title--icon-end .x-icon-title__text[b-udqq6usd3n] {
    order: 1;
}

.x-icon-title--vertical.x-icon-title--icon-end .x-icon-title__trailing[b-udqq6usd3n] {
    order: 3;
}

.x-icon-title--size-small[b-udqq6usd3n] {
    gap: 0.5rem;
    padding: 0.25rem 0.35rem;
    border-radius: 0.65rem;
}

.x-icon-title--size-small .x-icon-title__icon[b-udqq6usd3n] {
    flex-basis: 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 0.55rem;
    font-size: 0.95rem;
}

.x-icon-title--size-small .x-icon-title__title[b-udqq6usd3n] {
    font-size: 0.85rem;
}

.x-icon-title--size-small .x-icon-title__subtitle[b-udqq6usd3n] {
    font-size: 0.7rem;
}

.x-icon-title--size-large[b-udqq6usd3n] {
    gap: 0.9rem;
    padding: 0.75rem 0.9rem;
    border-radius: 1rem;
}

.x-icon-title--size-large .x-icon-title__icon[b-udqq6usd3n] {
    flex-basis: 3.35rem;
    width: 3.35rem;
    height: 3.35rem;
    border-radius: 0.9rem;
    font-size: 1.55rem;
}

.x-icon-title--size-large .x-icon-title__title[b-udqq6usd3n] {
    font-size: 1.25rem;
}

.x-icon-title--size-large .x-icon-title__subtitle[b-udqq6usd3n] {
    font-size: 0.9rem;
}

.x-icon-title--size-display[b-udqq6usd3n] {
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-radius: 1.15rem;
}

.x-icon-title--size-display .x-icon-title__icon[b-udqq6usd3n] {
    flex-basis: 4.25rem;
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 1.1rem;
    font-size: 2rem;
}

.x-icon-title--size-display .x-icon-title__title[b-udqq6usd3n] {
    font-size: 1.6rem;
}

.x-icon-title--size-display .x-icon-title__subtitle[b-udqq6usd3n] {
    font-size: 1rem;
}

.x-icon-title--default[b-udqq6usd3n] {
    --icon-title-accent: #64748b;
    --icon-title-soft-surface: #f8fafc;
    --icon-title-icon-surface: #eef2f7;
    --icon-title-solid-surface: #475569;
}

.x-icon-title--primary[b-udqq6usd3n] {
    --icon-title-accent: #2563eb;
    --icon-title-soft-surface: #eff6ff;
    --icon-title-icon-surface: #dbeafe;
    --icon-title-solid-surface: #2563eb;
}

.x-icon-title--secondary[b-udqq6usd3n] {
    --icon-title-accent: #6c757d;
    --icon-title-soft-surface: #f1f3f5;
    --icon-title-icon-surface: #dee2e6;
    --icon-title-solid-surface: #6c757d;
}

.x-icon-title--success[b-udqq6usd3n] {
    --icon-title-accent: #059669;
    --icon-title-soft-surface: #ecfdf3;
    --icon-title-icon-surface: #d1fae5;
    --icon-title-solid-surface: #059669;
}

.x-icon-title--warning[b-udqq6usd3n] {
    --icon-title-accent: #d97706;
    --icon-title-soft-surface: #fffbeb;
    --icon-title-icon-surface: #fef3c7;
    --icon-title-solid-surface: #d97706;
}

.x-icon-title--danger[b-udqq6usd3n] {
    --icon-title-accent: #dc2626;
    --icon-title-soft-surface: #fef2f2;
    --icon-title-icon-surface: #fee2e2;
    --icon-title-solid-surface: #dc2626;
}

.x-icon-title--info[b-udqq6usd3n] {
    --icon-title-accent: #0891b2;
    --icon-title-soft-surface: #ecfeff;
    --icon-title-icon-surface: #cffafe;
    --icon-title-solid-surface: #0891b2;
}

.x-icon-title--dark[b-udqq6usd3n] {
    --icon-title-accent: #cbd5e1;
    --icon-title-surface: #1e293b;
    --icon-title-soft-surface: #334155;
    --icon-title-icon-surface: rgba(255, 255, 255, 0.12);
    --icon-title-solid-surface: #1e293b;
    --icon-title-text: #f8fafc;
    --icon-title-muted: #cbd5e1;
}

.x-icon-title--appearance-plain[b-udqq6usd3n] {
    padding-inline: 0;
    background: transparent;
    box-shadow: none;
}

.x-icon-title--appearance-soft[b-udqq6usd3n] {
    background: var(--icon-title-soft-surface);
    border-color: color-mix(in srgb, var(--icon-title-accent) 12%, transparent);
    box-shadow: 0 0.25rem 0.75rem rgba(15, 23, 42, 0.06);
}

.x-icon-title--appearance-accent[b-udqq6usd3n] {
    background: var(--icon-title-soft-surface);
    border-inline-start: 4px solid var(--icon-title-accent);
    box-shadow: 0 0.25rem 0.75rem rgba(15, 23, 42, 0.06);
}

.x-icon-title--appearance-solid[b-udqq6usd3n] {
    --icon-title-text: #ffffff;
    --icon-title-muted: rgba(255, 255, 255, 0.78);
    --icon-title-icon-surface: rgba(255, 255, 255, 0.16);
    --icon-title-icon-color: #ffffff;
    background: var(--icon-title-solid-surface);
    border-color: transparent;
    color: #ffffff;
}

.x-icon-title--appearance-outline[b-udqq6usd3n] {
    background: transparent;
    border: 1px solid var(--icon-title-accent);
    box-shadow: none;
}

.x-icon-title--appearance-glass[b-udqq6usd3n] {
    --icon-title-text: #ffffff;
    --icon-title-muted: rgba(255, 255, 255, 0.82);
    --icon-title-icon-surface: rgba(255, 255, 255, 0.16);
    --icon-title-icon-color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--icon-title-solid-surface) 82%, #ffffff 18%),
        color-mix(in srgb, var(--icon-title-solid-surface) 45%, #0f172a 55%));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 0.5rem 1.25rem rgba(15, 23, 42, 0.14);
    backdrop-filter: blur(8px);
}

.x-icon-title--interactive[b-udqq6usd3n] {
    cursor: pointer;
}

.x-icon-title--interactive:hover[b-udqq6usd3n] {
    background-color: color-mix(in srgb, var(--icon-title-accent) 9%, var(--icon-title-soft-surface));
    border-color: color-mix(in srgb, var(--icon-title-accent) 35%, transparent);
}

.x-icon-title--interactive.x-icon-title--appearance-solid:hover[b-udqq6usd3n] {
    background-color: color-mix(in srgb, var(--icon-title-solid-surface) 88%, #000000);
}

.x-icon-title--interactive.x-icon-title--appearance-glass:hover[b-udqq6usd3n] {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--icon-title-solid-surface) 76%, #ffffff 24%),
        color-mix(in srgb, var(--icon-title-solid-surface) 40%, #0f172a 60%));
}

.x-icon-title--interactive:focus-visible[b-udqq6usd3n] {
    outline: 3px solid color-mix(in srgb, var(--icon-title-accent) 35%, transparent);
    outline-offset: 2px;
}

button.x-icon-title[b-udqq6usd3n] {
    width: auto;
    font: inherit;
    text-align: inherit;
}

@media (max-width: 576px) {
    .x-icon-title--size-display .x-icon-title__title[b-udqq6usd3n] {
        font-size: 1.3rem;
    }

    .x-icon-title__title[b-udqq6usd3n],
    .x-icon-title__subtitle[b-udqq6usd3n] {
        max-width: 65vw;
    }
}

@media (prefers-reduced-motion: reduce) {
    .x-icon-title[b-udqq6usd3n] {
        transition: none;
    }

}
/* _content/XCore.WebUI/04 Content/PageTitle/XPageTitle.razor.rz.scp.css */
.x-page-title[b-v18z65hnje] {
    width: 100%;
    padding: 1rem 1.5rem;
}

.x-page-title__heading[b-v18z65hnje] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    color: var(--x-page-title-color, var(--bs-primary, #574be8));
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
}

.x-page-title__icon[b-v18z65hnje] {
    flex: 0 0 auto;
    color: inherit;
    font-size: 1.1em;
}

.x-page-title__text[b-v18z65hnje] {
    min-width: 0;
}

@media (max-width: 575.98px) {
    .x-page-title[b-v18z65hnje] {
        padding: 0.75rem 1rem;
    }

    .x-page-title__heading[b-v18z65hnje] {
        font-size: 1.1rem;
    }
}
[b-v18z65hnje]
/* _content/XCore.WebUI/04 Content/SectionHeader/XSectionHeader.razor.rz.scp.css */
.x-section-header[b-twracpt68j]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;color:var(--x-section-accent);--x-section-accent:#475569}
.x-section-header__main[b-twracpt68j]{display:flex;align-items:center;gap:.75rem;min-width:0}.x-section-header__text[b-twracpt68j]{min-width:0}
.x-section-header__icon[b-twracpt68j]{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:color-mix(in srgb,var(--x-section-accent) 12%,transparent);font-size:1.15rem}
.x-section-header__title[b-twracpt68j]{margin:0;color:var(--x-section-accent);font-size:1.35rem;font-weight:700}.x-section-header__subtitle[b-twracpt68j]{margin:.2rem 0 0;color:#64748b;font-size:.88rem}
.x-section-header__actions[b-twracpt68j]{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.x-section-header--appearance-soft[b-twracpt68j]{background:color-mix(in srgb,var(--x-section-accent) 6%,transparent);padding:.8rem 1rem;border-radius:.8rem}.x-section-header--appearance-accent[b-twracpt68j]{border-inline-start:4px solid var(--x-section-accent);padding-inline-start:1rem}.x-section-header--appearance-underline[b-twracpt68j]{border-bottom:2px solid color-mix(in srgb,var(--x-section-accent) 25%,transparent)}.x-section-header--appearance-divider[b-twracpt68j]{border-bottom:1px solid #e2e8f0}
.x-section-header--primary[b-twracpt68j]{--x-section-accent:#2563eb}.x-section-header--secondary[b-twracpt68j]{--x-section-accent:#6c757d}.x-section-header--success[b-twracpt68j]{--x-section-accent:#198754}.x-section-header--info[b-twracpt68j]{--x-section-accent:#0891b2}.x-section-header--warning[b-twracpt68j]{--x-section-accent:#d97706}.x-section-header--danger[b-twracpt68j]{--x-section-accent:#dc2626}.x-section-header--dark[b-twracpt68j]{--x-section-accent:#1e293b}.x-section-header--size-small .x-section-header__title[b-twracpt68j]{font-size:1.05rem}.x-section-header--size-large .x-section-header__title[b-twracpt68j]{font-size:1.7rem}
@media(max-width:576px){.x-section-header[b-twracpt68j]{align-items:flex-start;flex-direction:column}.x-section-header__actions[b-twracpt68j]{width:100%}}
/* _content/XCore.WebUI/04 Content/Tooltip/XTooltip.razor.rz.scp.css */
.x-tooltip[b-rrvchty4hz] {
    display: inline-flex;
    max-width: 100%;
    vertical-align: middle;
}

.x-tooltip--disabled[b-rrvchty4hz] {
    cursor: inherit;
}

@media (prefers-reduced-motion: reduce) {
    .e-tooltip-wrap.x-tooltip-popup[b-rrvchty4hz] {
        transition: none !important;
    }
}
/* _content/XCore.WebUI/04 Data/Grid/XGrid.razor.rz.scp.css */
.x-grid-wrapper[b-8nzpq22rn5] {
    width: 100%;
    min-width: 0;
    direction: rtl;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid {
    width: 100%;
    border-radius: .75rem;
    overflow: hidden;
    border-color: var(--bs-border-color);
    background-color: var(--bs-body-bg);
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed {
    --xcore-grid-header-background: color-mix(in srgb, var(--x-grid-accent, var(--bs-primary)) 88%, #172554);
    --xcore-grid-header-foreground: #fff;
    --xcore-grid-selected-background: color-mix(in srgb, var(--x-grid-accent, var(--bs-primary)) 18%, #fff);
    --xcore-grid-selected-foreground: #172033;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed .e-gridheader {
    background-color: var(--xcore-grid-header-background) !important;
    border-bottom-color: color-mix(in srgb, var(--x-grid-accent, var(--bs-primary)) 35%, var(--bs-border-color)) !important;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed .e-gridheader .e-headercontent,
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed .e-gridheader .e-headercell,
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed .e-headercell {
    background-color: var(--xcore-grid-header-background) !important;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed .e-headercell,
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed .e-headercelldiv {
    color: var(--x-grid-header-color, var(--xcore-grid-header-foreground, var(--bs-body-color))) !important;
    font-weight: 700;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed .e-rowcell {
    color: var(--bs-body-color);
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-striped .e-row:nth-child(even) .e-rowcell {
    background-color: color-mix(in srgb, var(--x-grid-accent, var(--bs-primary)) 5%, var(--bs-body-bg)) !important;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid .e-row:hover .e-rowcell {
    background-color: color-mix(in srgb, var(--x-grid-accent, var(--bs-primary)) 10%, var(--bs-body-bg)) !important;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid .e-pager {
    border-top-color: color-mix(in srgb, var(--x-grid-accent, var(--bs-primary)) 28%, var(--bs-border-color)) !important;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid .e-pager .e-currentitem,
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid .e-pager .e-numericitem:hover {
    background-color: var(--x-grid-accent, var(--bs-primary)) !important;
    border-color: var(--x-grid-accent, var(--bs-primary)) !important;
    color: #fff !important;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-compact .e-rowcell,
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-compact .e-headercell {
    padding-block: .35rem;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed.x-grid-dark {
    --x-grid-header-color: #fff;
    --x-grid-accent: var(--bs-dark);
    background-color: #1e293b;
    color: #fff;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed.x-grid-dark .e-gridheader,
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed.x-grid-dark .e-headercell,
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-themed.x-grid-dark .e-rowcell {
    background-color: #1e293b;
    color: #fff;
}

.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-primary { --x-grid-accent: var(--bs-primary, #6366f1); }
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-secondary { --x-grid-accent: var(--bs-secondary, #ec4899); }
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-success { --x-grid-accent: var(--bs-success, #10b981); }
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-danger { --x-grid-accent: var(--bs-danger, #ef4444); }
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-warning { --x-grid-accent: var(--bs-warning, #f59e0b); }
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-info { --x-grid-accent: var(--bs-info, #06b6d4); }
.x-grid-wrapper[b-8nzpq22rn5]  .x-grid-light { --x-grid-accent: var(--bs-light, #f8fafc); }
/* _content/XCore.WebUI/05 Forms/Avatar/XAvatar.razor.rz.scp.css */
.x-avatar[b-18dn1s4rz2] {
    width: var(--x-avatar-size);
    height: var(--x-avatar-size);
    border-radius: var(--x-avatar-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    flex: 0 0 auto;
    background-color: var(--bs-secondary-bg, #e9ecef);
    color: var(--bs-body-color, #212529);
}

.x-avatar__image[b-18dn1s4rz2] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.x-avatar__text[b-18dn1s4rz2] {
    font-weight: 600;
    line-height: 1;
    user-select: none;
}

.x-avatar--primary[b-18dn1s4rz2] { background-color: var(--bs-primary); color: #fff; }
.x-avatar--secondary[b-18dn1s4rz2] { background-color: var(--bs-secondary); color: #fff; }
.x-avatar--success[b-18dn1s4rz2] { background-color: var(--bs-success); color: #fff; }
.x-avatar--warning[b-18dn1s4rz2] { background-color: var(--bs-warning); color: #212529; }
.x-avatar--danger[b-18dn1s4rz2] { background-color: var(--bs-danger); color: #fff; }
.x-avatar--info[b-18dn1s4rz2] { background-color: var(--bs-info); color: #212529; }
.x-avatar--light[b-18dn1s4rz2] { background-color: var(--bs-light); color: #212529; }
.x-avatar--dark[b-18dn1s4rz2] { background-color: var(--bs-dark); color: #fff; }
.x-avatar--disabled[b-18dn1s4rz2] { opacity: .55; }
/* _content/XCore.WebUI/05 Forms/Avatar/XUserAvatar.razor.rz.scp.css */
.x-user-avatar[b-x82o4v02jz] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-user-avatar-gap);
    vertical-align: middle;
    text-align: start;
}

.x-user-avatar--vertical[b-x82o4v02jz] {
    flex-direction: column;
    text-align: center;
}

.x-user-avatar--clickable[b-x82o4v02jz] {
    cursor: pointer;
    border-radius: .5rem;
    padding: .25rem;
}

.x-user-avatar--clickable:focus-visible[b-x82o4v02jz] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

.x-user-avatar--disabled[b-x82o4v02jz] {
    opacity: .55;
    cursor: not-allowed;
}

.x-user-avatar__visual[b-x82o4v02jz] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.x-user-avatar__status[b-x82o4v02jz] {
    position: absolute;
    width: .75rem;
    height: .75rem;
    border: 2px solid var(--bs-body-bg, #fff);
    border-radius: 50%;
    background-color: var(--bs-secondary);
}

.x-user-avatar__status--bottom-end[b-x82o4v02jz] { right: 0; bottom: 0; }
.x-user-avatar__status--bottom-start[b-x82o4v02jz] { left: 0; bottom: 0; }
.x-user-avatar__status--top-end[b-x82o4v02jz] { right: 0; top: 0; }
.x-user-avatar__status--top-start[b-x82o4v02jz] { left: 0; top: 0; }

.x-user-avatar__status--online[b-x82o4v02jz] { background-color: var(--bs-success); }
.x-user-avatar__status--away[b-x82o4v02jz] { background-color: var(--bs-warning); }
.x-user-avatar__status--busy[b-x82o4v02jz] { background-color: var(--bs-danger); }
.x-user-avatar__status--offline[b-x82o4v02jz] { background-color: var(--bs-secondary); }
.x-user-avatar__status--invisible[b-x82o4v02jz] { background-color: var(--bs-dark); }

.x-user-avatar__details[b-x82o4v02jz] {
    display: inline-flex;
    min-width: 0;
    flex-direction: column;
    gap: .15rem;
}

.x-user-avatar__name[b-x82o4v02jz] {
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x-user-avatar__status-text[b-x82o4v02jz] {
    color: var(--bs-secondary-color);
    font-size: .875em;
}
/* _content/XCore.WebUI/05 Forms/Captcha/XCaptcha.razor.rz.scp.css */

.x-captcha__field[b-h1qvyiog4d] {
    min-width: 0;
}

/* XString owns the actual Syncfusion input; CSS isolation requires ::deep here. */
.x-captcha[b-h1qvyiog4d]  .x-captcha__string {
    margin-bottom: 0 !important;
}

.x-captcha[b-h1qvyiog4d]  .x-captcha__string .x-string__input {
    height: var(--x-captcha-height);
    min-height: var(--x-captcha-height);
}

.x-captcha__image[b-h1qvyiog4d] {
    display: block;
    width: var(--x-captcha-image-width);
    height: var(--x-captcha-height);
    border: 1px solid var(--bs-border-color, #ccc);
    border-radius: .25rem;
}

/* XButtonIcon renders a nested Syncfusion button: reach it through the captcha host. */
.x-captcha[b-h1qvyiog4d]  .e-btn.x-button.x-button-link-action.x-captcha__refresh-button {
    flex: 0 0 auto;
    width: clamp(40px, calc(var(--x-captcha-height) ), 60px) !important;
    min-width: clamp(40px, calc(var(--x-captcha-height) ), 60px) !important;
    height: clamp(40px, calc(var(--x-captcha-height) ), 60px) !important;
    min-height: clamp(40px, calc(var(--x-captcha-height) ), 60px) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #dfe5f6 !important;
    border-radius: 10px !important;
    background: #f0f3ff !important;
    color: #5169d9 !important;
    box-shadow: none !important;
}

.x-captcha[b-h1qvyiog4d]  .x-captcha__refresh-button i {
    font-size: 1.25rem;
    line-height: 1;
    color: inherit;
}

.x-captcha[b-h1qvyiog4d]  .e-btn.x-button.x-button-link-action.x-captcha__refresh-button:hover:not(:disabled):not(.e-disabled):not([aria-disabled="true"]) {
    border-color: #cbd5f4 !important;
    background: #e5ebff !important;
    color: #3e55bd !important;
    box-shadow: 0 4px 12px rgba(66, 84, 173, .13) !important;
}

.x-captcha[b-h1qvyiog4d]  .e-btn.x-button.x-button-link-action.x-captcha__refresh-button:is(:disabled, .e-disabled, [aria-disabled="true"]) {
    border-color: #dfe5f6 !important;
    background: #f0f3ff !important;
    color: #5169d9 !important;
    opacity: .55;
    box-shadow: none !important;
}

.x-captcha__image-button[b-h1qvyiog4d] {
    display: inline-flex;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
}

.x-captcha__image-button:focus-visible[b-h1qvyiog4d] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}
/* _content/XCore.WebUI/05 Forms/CheckBoxList/XCheckBoxList.razor.rz.scp.css */
.x-checkbox-list[b-oatmzwru85] {
    width: 100%;
}

.x-checkbox-list--disabled[b-oatmzwru85] {
    opacity: .65;
}

.x-checkbox-list__label[b-oatmzwru85] {
    margin-bottom: .75rem;
    font-weight: 600;
}

.x-checkbox-list__items[b-oatmzwru85] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.x-checkbox-list__items--inline[b-oatmzwru85] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}

.x-checkbox-list__item[b-oatmzwru85] {
    min-height: 1.5rem;
}

.x-checkbox-list__item[b-oatmzwru85]  .e-checkbox-wrapper .e-label {
    font-family: var(--FontFamily) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
/* _content/XCore.WebUI/05 Forms/CheckBox/XCheckBox.razor.rz.scp.css */
/* تنظیم کل Wrapper */
.x-checkbox-container[b-3i66w8si5q] {
    display: inline-block;
}

.x-checkbox-container--disabled[b-3i66w8si5q] {
    opacity: .65;
}

.x-checkbox-container[b-3i66w8si5q]  .e-customsize.e-checkbox-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

    /* کادر تیک در حالت عادی */
    .x-checkbox-container[b-3i66w8si5q]  .e-customsize.e-checkbox-wrapper .e-frame {
        height: var(--chk-height) !important;
        width: var(--chk-width) !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

        /* ** استایل کادر در حالت تیک‌خورده (Checked) و نامشخص (Indeterminate) ** */
        .x-checkbox-container[b-3i66w8si5q]  .e-customsize.e-checkbox-wrapper .e-frame.e-check,
        .x-checkbox-container[b-3i66w8si5q]  .e-customsize.e-checkbox-wrapper .e-frame.e-stop {
            background-color: var(--chk-theme-color) !important;
            border-color: var(--chk-theme-color) !important;
            color: #fff !important; /* رنگ خود تیک یا خط تیره (سفید) */
        }

    /* تنظیم سایز و موقعیت آیکون تیک (Checked) و خط تیره (Indeterminate) */
    .x-checkbox-container[b-3i66w8si5q]  .e-customsize.e-checkbox-wrapper .e-check,
    .x-checkbox-container[b-3i66w8si5q]  .e-customsize.e-checkbox-wrapper .e-stop {
        font-size: calc(var(--chk-height) * 0.65) !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    /* تنظیمات هاله کلیک */
    .x-checkbox-container[b-3i66w8si5q]  .e-customsize.e-checkbox-wrapper .e-ripple-container {
        height: calc(var(--chk-height) + 22px) !important;
        width: calc(var(--chk-width) + 17px) !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    /* متن کنار چک‌باکس */
    .x-checkbox-container[b-3i66w8si5q]  .e-customsize.e-checkbox-wrapper .e-label {
        display: inline-flex !important;
        align-items: center !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        line-height: 1 !important;
    }
/* _content/XCore.WebUI/05 Forms/CheckBox/XCheckBoxSwitch.razor.rz.scp.css */
.x-checkbox-switch[b-ywjceao2qq] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.x-checkbox-switch--disabled[b-ywjceao2qq] {
    opacity: .65;
}

.x-checkbox-switch__label[b-ywjceao2qq] {
    cursor: pointer;
    font-weight: 600;
}

.x-checkbox-switch--disabled .x-checkbox-switch__label[b-ywjceao2qq] {
    cursor: default;
}
/* _content/XCore.WebUI/05 Forms/ColorSelector/XColorSelector.razor.rz.scp.css */
.x-color-selector__input[b-yycol6rhty] {
    min-width: 42px;
}
/* _content/XCore.WebUI/05 Forms/ImagePicker/XImagePicker.razor.rz.scp.css */
.image-picker-wrapper.is-empty[b-zn2ehhp1fz] {
    background-color: #ffffff !important; /* پس‌زمینه کاملا سفید */
    border-radius: 0 !important; /* حذف شکل دایره یا گرد */
}

    /* اطمینان از اینکه خود پلیسهولدر هم پس‌زمینه رنگی نداشته باشد */
    .image-picker-wrapper.is-empty .placeholder-container[b-zn2ehhp1fz] {
        background-color: transparent;
    }

.image-picker-wrapper[b-zn2ehhp1fz] {
    position: relative;
    display: inline-block;
    overflow: hidden;
    /* خط زیر حذف شد چون حالا داینامیک است */
    /* border: 2px dashed #d1d5db; */
    transition: border-color 0.3s;
}

.image-picker-wrapper:hover[b-zn2ehhp1fz] {
        /* استفاده از متغیر CSS برای رنگ هاور داینامیک */
        border-color: var(--hover-border-color) !important;
    }


/* کلاس‌های مربوط به شکل تصویر */
.shape-square[b-zn2ehhp1fz] {
    border-radius: 0;
}

.image-picker-wrapper.is-disabled[b-zn2ehhp1fz] {
    opacity: 0.65;
}

.image-picker-wrapper.is-disabled .image-picker-label[b-zn2ehhp1fz] {
    cursor: not-allowed;
}

.image-picker-wrapper.is-disabled .image-overlay[b-zn2ehhp1fz] {
    display: none;
}

.shape-rounded[b-zn2ehhp1fz] {
    border-radius: 8px;
}

.shape-circle[b-zn2ehhp1fz] {
    border-radius: 50%;
}

.image-picker-label[b-zn2ehhp1fz] {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.image-preview[b-zn2ehhp1fz] {
    width: 100%;
    height: 100%;
    display: block;
}

.image-overlay[b-zn2ehhp1fz] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.image-picker-label:hover .image-overlay[b-zn2ehhp1fz] {
    opacity: 1;
}

.overlay-text[b-zn2ehhp1fz] {   
    color: white;
    font-weight: 500;
    font-size: 14px;
    background: rgba(0,0,0,0.6);
    padding: 4px 10px;
    border-radius: 4px;
}

.loading-overlay[b-zn2ehhp1fz] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* _content/XCore.WebUI/05 Forms/Image/XImage.razor.rz.scp.css */
.x-image[b-nzod3v1rr1] {
    position: relative;
    display: inline-flex;
    min-width: 2rem;
    min-height: 2rem;
    overflow: hidden;
    vertical-align: middle;
    background-color: var(--bs-secondary-bg, #e9ecef);
}

.x-image--fluid[b-nzod3v1rr1] {
    display: block;
    width: 100%;
}

.x-image--clickable[b-nzod3v1rr1] {
    cursor: pointer;
}

.x-image__element[b-nzod3v1rr1] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: var(--x-image-fit);
    object-position: var(--x-image-position);
}

.x-image__placeholder[b-nzod3v1rr1] {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 8rem;
    min-height: 6rem;
    padding: 1rem;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    flex-direction: column;
    color: var(--bs-secondary-color, #6c757d);
    text-align: center;
}

.x-image__loading-overlay[b-nzod3v1rr1] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    flex-direction: column;
    padding: 1rem;
    background: rgba(255, 255, 255, .72);
    color: var(--bs-secondary-color, #6c757d);
    text-align: center;
}

.x-image__placeholder--error[b-nzod3v1rr1] {
    color: var(--bs-danger, #dc3545);
}
/* _content/XCore.WebUI/05 Forms/Image/XImageGallery.razor.rz.scp.css */
.x-image-gallery[b-jott2m7886] {
    display: block;
    width: 100%;
}

.x-image-gallery__grid[b-jott2m7886] {
    display: grid;
    grid-template-columns: repeat(var(--x-gallery-columns), minmax(0, 1fr));
    gap: var(--x-gallery-gap);
}

.x-image-gallery__tile-button[b-jott2m7886] {
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: .5rem;
    background: var(--bs-secondary-bg, #e9ecef);
    cursor: pointer;
}

.x-image-gallery__tile-button:focus-visible[b-jott2m7886],
.x-image-gallery__control:focus-visible[b-jott2m7886],
.x-image-gallery__lightbox-thumbnail:focus-visible[b-jott2m7886] {
    outline: 3px solid var(--bs-primary, #0d6efd);
    outline-offset: 2px;
}

.x-image-gallery__thumbnail[b-jott2m7886] {
    display: block;
    width: 100%;
    min-height: 7rem;
}

.x-image-gallery__tile-caption[b-jott2m7886],
.x-image-gallery__caption[b-jott2m7886] {
    display: block;
    padding: .5rem .75rem;
    color: var(--bs-body-color);
    text-align: center;
}

.x-image-gallery__lightbox[b-jott2m7886] {
    position: fixed;
    z-index: 1080;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, .88);
}

.x-image-gallery__lightbox-content[b-jott2m7886] {
    width: min(96vw, 1200px);
    max-height: 96vh;
    color: #fff;
}

.x-image-gallery__toolbar[b-jott2m7886] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3rem;
}

.x-image-gallery__control[b-jott2m7886] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, .12);
}

.x-image-gallery__viewer[b-jott2m7886] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.x-image-gallery__main-image-wrapper[b-jott2m7886] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(82vw, 1000px);
    height: min(70vh, 720px);
}

.x-image-gallery__main-image[b-jott2m7886] {
    max-width: 100%;
    max-height: 100%;
    border-radius: .5rem;
}

.x-image-gallery__error[b-jott2m7886],
.x-image-gallery__empty[b-jott2m7886] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .5rem;
    min-height: 9rem;
    padding: 1rem;
    color: var(--bs-danger, #dc3545);
    text-align: center;
}

.x-image-gallery__lightbox-thumbnails[b-jott2m7886] {
    display: flex;
    justify-content: center;
    gap: .5rem;
    max-width: 100%;
    margin-top: 1rem;
    overflow-x: auto;
}

.x-image-gallery__lightbox-thumbnail[b-jott2m7886] {
    flex: 0 0 4.5rem;
    width: 4.5rem;
    height: 3.25rem;
    padding: 0;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: .25rem;
    background: transparent;
}

.x-image-gallery__lightbox-thumbnail.is-active[b-jott2m7886] {
    border-color: var(--bs-primary, #0d6efd);
}

.x-image-gallery__lightbox-thumbnail img[b-jott2m7886] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .x-image-gallery__grid[b-jott2m7886] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .x-image-gallery__nav[b-jott2m7886] {
        width: 2.25rem;
        height: 2.25rem;
    }
}
/* _content/XCore.WebUI/05 Forms/Image/XImageResponsive.razor.rz.scp.css */
.x-responsive-image[b-00ykjbwvqo] {
    display: block;
    width: 100%;
    margin: 0;
}

.x-responsive-image--fluid[b-00ykjbwvqo] {
    max-width: 100%;
}

.x-responsive-image--clickable[b-00ykjbwvqo] {
    cursor: pointer;
}

.x-responsive-image__frame[b-00ykjbwvqo] {
    position: relative;
    width: 100%;
    min-height: 4rem;
    overflow: hidden;
    background-color: var(--bs-secondary-bg, #e9ecef);
}

.x-responsive-image__frame picture[b-00ykjbwvqo] {
    display: block;
    width: 100%;
    height: 100%;
}

.x-responsive-image__element[b-00ykjbwvqo] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: var(--x-responsive-fit);
    object-position: var(--x-responsive-position);
}

.x-responsive-image__state[b-00ykjbwvqo],
.x-responsive-image__loading-overlay[b-00ykjbwvqo] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .5rem;
    min-height: 8rem;
    width: 100%;
    height: 100%;
    padding: 1rem;
    color: var(--bs-secondary-color, #6c757d);
    text-align: center;
}

.x-responsive-image__loading-overlay[b-00ykjbwvqo] {
    position: absolute;
    inset: 0;
    min-height: 0;
    background: rgba(255, 255, 255, .72);
}

.x-responsive-image__state--error[b-00ykjbwvqo] {
    color: var(--bs-danger, #dc3545);
}

.x-responsive-image__caption[b-00ykjbwvqo] {
    padding-top: .5rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: .875rem;
    text-align: center;
}
/* _content/XCore.WebUI/05 Forms/Number/XNumber.razor.rz.scp.css */
.x-number__input[b-kbq1libbq9] {
    min-height: 2.375rem;
}
/* _content/XCore.WebUI/05 Forms/RadioButton/XRadioButton.razor.rz.scp.css */
.x-radio-button[b-33mznbnwit] {
    display: block;
    margin-bottom: .5rem;
}

.x-radio-button[b-33mznbnwit]  .e-radio-wrapper .e-radio + label::before {
    border-color: var(--radio-theme-unchecked-color) !important;
}

.x-radio-button[b-33mznbnwit]  .e-radio-wrapper .e-radio:checked + label::before {
    border-color: var(--radio-theme-color) !important;
    background-color: var(--radio-theme-soft-color) !important;
    box-shadow: 0 0 0 .22rem var(--radio-theme-soft-color) !important;
}

.x-radio-button[b-33mznbnwit]  .e-radio-wrapper .e-radio:checked + label::after {
    background-color: var(--radio-theme-color) !important;
    border-color: var(--radio-theme-color) !important;
}

.x-radio-button[b-33mznbnwit]  .e-radio-wrapper:hover .e-radio + label::before {
    border-color: var(--radio-theme-hover-color) !important;
}

.x-radio-button[b-33mznbnwit]  .e-radio-wrapper:hover .e-radio:checked + label::before {
    border-color: var(--radio-theme-color) !important;
    background-color: var(--radio-theme-soft-color) !important;
}

.x-radio-button[b-33mznbnwit]  .e-radio-wrapper .e-radio:disabled + label::before,
.x-radio-button[b-33mznbnwit]  .e-radio-wrapper .e-radio:disabled + label::after {
    opacity: .55 !important;
}

.x-radio-button-group[b-33mznbnwit] {
    border: 0;
    margin: 0;
    padding: 0;
}

.x-radio-button-group__legend[b-33mznbnwit] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .75rem;
}

.x-radio-button-group--inline[b-33mznbnwit] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.x-radio-button-group--inline .x-radio-button[b-33mznbnwit] {
    margin-bottom: 0;
}
/* _content/XCore.WebUI/05 Forms/ScriptEditor/XScriptEditor.razor.rz.scp.css */
.x-script-editor__container[b-w8kx6ehea0] {
    position: relative;
    width: 100%;
    min-height: 180px;
    overflow: hidden;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .375rem;
    background: #1e1e1e;
    direction: ltr;
    text-align: left;
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
    font-variant-ligatures: none;
}

.x-script-editor[b-w8kx6ehea0] {
    direction: ltr;
    text-align: left;
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
    font-variant-ligatures: none;
}

/* جلوگیری از Override شدن فونت داخلی Monaco توسط CSS عمومی پروژه. */
.x-script-editor .monaco-editor[b-w8kx6ehea0],
.x-script-editor .monaco-editor .view-lines[b-w8kx6ehea0],
.x-script-editor .monaco-editor .view-line[b-w8kx6ehea0],
.x-script-editor .monaco-editor .inputarea[b-w8kx6ehea0],
.x-script-editor .monaco-editor .monaco-mouse-cursor-text[b-w8kx6ehea0] {
    direction: ltr !important;
    text-align: left !important;
    font-family: Consolas, "Cascadia Code", "Courier New", monospace !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-feature-settings: "lnum", "tnum" !important;
}

.x-script-editor .monaco-editor *[b-w8kx6ehea0] {
    font-family: Consolas, "Cascadia Code", "Courier New", monospace !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-feature-settings: "lnum", "tnum" !important;
}

.x-script-editor__toolbar[b-w8kx6ehea0] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-items: center;
    min-width: 0;
    padding: .3rem .4rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-bottom: 0;
    border-radius: .375rem .375rem 0 0;
    background: var(--bs-tertiary-bg, #f8f9fa);
    direction: ltr;
    scrollbar-width: thin;
}

/* کنترل‌های Syncfusion باید مستقل از جهت صفحه، در Toolbar به‌صورت LTR نمایش داده شوند. */
[b-w8kx6ehea0] .x-script-editor__toolbar,
[b-w8kx6ehea0] .x-script-editor__toolbar * {
    direction: ltr !important;
    text-align: left !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control {
    direction: ltr !important;
    text-align: left !important;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control > * {
    direction: ltr !important;
    flex-direction: row !important;
    text-align: left !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control .row,
[b-w8kx6ehea0] .x-script-editor__toolbar-control .w-100,
[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-checkbox-container,
[b-w8kx6ehea0] .x-script-editor__toolbar-control .e-checkbox-wrapper,
[b-w8kx6ehea0] .x-script-editor__toolbar-control .e-input-group {
    direction: ltr !important;
    flex-direction: row !important;
    text-align: left !important;
    float: none !important;
    justify-content: flex-start !important;
}

/* XInputLabel کلاس‌های جهت را روی wrapper تولید می‌کند؛ این کلاس‌ها باید
   بر قوانین Bootstrap RTL مقدم باشند. */
[b-w8kx6ehea0] .x-script-editor__toolbar-control .xltr,
[b-w8kx6ehea0] .x-script-editor__toolbar-control .xltr *,
[b-w8kx6ehea0] .x-script-editor__toolbar-control [dir="ltr"],
[b-w8kx6ehea0] .x-script-editor__toolbar-control [dir="ltr"] * {
    direction: ltr !important;
    text-align: left !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control .xltr,
[b-w8kx6ehea0] .x-script-editor__toolbar-control [dir="ltr"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control .xltr > label,
[b-w8kx6ehea0] .x-script-editor__toolbar-control [dir="ltr"] > label {
    order: 1 !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control .xltr > .col,
[b-w8kx6ehea0] .x-script-editor__toolbar-control [dir="ltr"] > .col,
[b-w8kx6ehea0] .x-script-editor__toolbar-control .xltr > .col-auto,
[b-w8kx6ehea0] .x-script-editor__toolbar-control [dir="ltr"] > .col-auto {
    order: 2 !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-script-editor__toolbar-combo {
    direction: ltr !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-script-editor__toolbar-combo .e-control-wrapper,
[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-script-editor__toolbar-combo .e-input-group,
[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-script-editor__toolbar-combo .e-input,
[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-script-editor__toolbar-combo input {
    direction: ltr !important;
    text-align: left !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-checkbox-container {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    direction: ltr !important;
    text-align: left !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-checkbox-container .e-checkbox-wrapper,
[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-checkbox-container .e-checkbox-wrapper.e-rtl {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    direction: ltr !important;
    text-align: left !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-checkbox-container .e-checkbox-wrapper .e-label {
    order: 1 !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-control .x-checkbox-container .e-checkbox-wrapper .e-frame {
    order: 2 !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar .x-input-label,
[b-w8kx6ehea0] .x-script-editor__toolbar .x-input-label > *,
[b-w8kx6ehea0] .x-script-editor__toolbar .e-ddl,
[b-w8kx6ehea0] .x-script-editor__toolbar .e-input-group,
[b-w8kx6ehea0] .x-script-editor__toolbar .e-input,
[b-w8kx6ehea0] .x-script-editor__toolbar .e-input-value,
[b-w8kx6ehea0] .x-script-editor__toolbar .e-icons,
[b-w8kx6ehea0] .x-script-editor__toolbar .e-checkbox-wrapper {
    direction: ltr !important;
    text-align: left !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar > .x-button-link-action,
[b-w8kx6ehea0] .x-script-editor__toolbar > .e-btn {
    flex: 0 0 auto;
    min-width: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: .25rem .55rem !important;
    white-space: nowrap;
}

[b-w8kx6ehea0] .x-script-editor__toolbar > .x-button-link-action .x-button-link__label,
[b-w8kx6ehea0] .x-script-editor__toolbar > .e-btn .x-button__content {
    white-space: nowrap;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px !important;
    min-width: 34px !important;
    height: 32px;
    margin: 0 !important;
    padding: .25rem !important;
    border-radius: .3rem;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-icon .x-button-link__label {
    display: none;
}

.x-script-editor__toolbar-content[b-w8kx6ehea0] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin-inline-start: .15rem;
    padding-inline-start: .45rem;
    border-inline-start: 1px solid var(--bs-border-color, #dee2e6);
    white-space: nowrap;
    direction: ltr !important;
    text-align: left;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-combo {
    flex: 0 0 auto;
    width: 150px !important;
    min-width: 150px;
    margin: 0 !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-combo .e-input-group,
[b-w8kx6ehea0] .x-script-editor__toolbar-combo .e-input-group.e-control-wrapper {
    margin: 0 !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-content .w-100.mb-2 {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    width: auto !important;
    margin-bottom: 0 !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-content .row {
    direction: ltr !important;
    flex-direction: row !important;
    text-align: left;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-content .e-ddl,
[b-w8kx6ehea0] .x-script-editor__toolbar-content .e-input-group {
    direction: ltr !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-content .form-label {
    flex: 0 0 auto;
    margin: 0 .3rem 0 0 !important;
    white-space: nowrap;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-content .e-input-group,
[b-w8kx6ehea0] .x-script-editor__toolbar-content .e-input-group.e-control-wrapper {
    margin: 0 !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-content .e-input-group input.e-input {
    min-height: 32px;
}

[b-w8kx6ehea0] .x-script-editor__toolbar .e-checkbox-wrapper {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    flex-direction: row !important;
    direction: ltr !important;
    margin: 0 !important;
    white-space: nowrap;
}

[b-w8kx6ehea0] .x-script-editor__toolbar .e-checkbox-wrapper.e-rtl {
    direction: ltr !important;
    flex-direction: row !important;
}

/* در Toolbar، عنوان checkbox باید سمت چپ و کادر انتخاب سمت راست آن باشد. */
[b-w8kx6ehea0] .x-script-editor__toolbar .e-checkbox-wrapper .e-label {
    order: 2;
    margin-right: 0 !important;
    margin-left: .35rem !important;
    direction: ltr !important;
    text-align: left !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar .e-checkbox-wrapper .e-frame {
    order: 1;
}

[b-w8kx6ehea0] .x-script-editor__toolbar .e-checkbox-wrapper input {
    order: 0;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-check {
    flex: 0 0 auto;
    margin: 0 !important;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-button {
    display: inline-flex;
    flex: 0 0 auto;
    width: 34px !important;
    min-width: 34px !important;
    height: 32px;
    padding: .25rem !important;
    direction: ltr !important;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: .3rem;
}

[b-w8kx6ehea0] .x-script-editor__toolbar-button .x-script-editor__toolbar-label {
    display: none;
}

@media (max-width: 900px) {
    .x-script-editor__toolbar[b-w8kx6ehea0] {
        justify-content: flex-start;
    }

    .x-script-editor__toolbar-content[b-w8kx6ehea0] {
        margin-inline-start: 0;
        padding-inline-start: .35rem;
    }
}

.x-script-editor__toolbar + .x-script-editor__container[b-w8kx6ehea0] {
    border-radius: 0 0 .375rem .375rem;
}

.x-script-editor--disabled[b-w8kx6ehea0] {
    opacity: .65;
    cursor: not-allowed;
}

.x-script-editor__loading[b-w8kx6ehea0] {
    display: flex;
    min-height: inherit;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: #ced4da;
    direction: rtl;
}
/* _content/XCore.WebUI/05 Forms/String/XString.razor.rz.scp.css */
.x-string__input[b-0vd6mv84o8] {
    min-height: 2.375rem;
}
/* _content/XCore.WebUI/05 Forms/String/XStringArea.razor.rz.scp.css */
.x-string-area__input[b-j312fsvwci] {
    min-height: 2.375rem;
    resize: vertical;
}
/* _content/XCore.WebUI/05 Forms/Text/XText.razor.rz.scp.css */
.x-text__input[b-ytxct6sw2o] {
    min-height: 2.375rem;
}
/* _content/XCore.WebUI/05 Forms/Text/XTextArea.razor.rz.scp.css */
.x-text-area__input[b-2k96vbfzlx] {
    min-height: 2.375rem;
    resize: vertical;
}
/* _content/XCore.WebUI/06 Dialogs/Dialog/XDialog.razor.rz.scp.css */
.x-dialog__header[b-x9xr8ciwru] {
    display: flex;
    align-items: center;
    width: 100%;
    direction: ltr;
    gap: .5rem;
}

.x-dialog__title[b-x9xr8ciwru] {
    direction: rtl;
    text-align: right;
    margin-left: auto;
    order: 2;
    font-weight: 600;
    font-size: 1.3rem;
}

.x-dialog__close[b-x9xr8ciwru] {
    order: 1;
    flex: 0 0 auto;
}
/* _content/XCore.WebUI/07 Container/List/XList.razor.rz.scp.css */
.x-list[b-7o49yclg5y] {
    --x-list-accent: var(--bs-primary);
    --x-list-surface: var(--bs-body-bg);
    --x-list-border: var(--bs-border-color);
    --x-list-hover: color-mix(in srgb, var(--x-list-accent) 8%, var(--x-list-surface));
    --x-list-selected: color-mix(in srgb, var(--x-list-accent) 16%, var(--x-list-surface));
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    border: 1px solid var(--x-list-border);
    border-radius: .5rem;
    background: var(--x-list-surface);
}

.x-list--bordered[b-7o49yclg5y] { border-width: 1px; }
.x-list--flush[b-7o49yclg5y] { border-inline: 0; border-radius: 0; }
.x-list--separated[b-7o49yclg5y] { gap: .5rem; border: 0; background: transparent; }
.x-list--separated .x-list__item[b-7o49yclg5y] { border: 1px solid var(--x-list-border); border-radius: .5rem; }
.x-list--compact .x-list__item-link[b-7o49yclg5y] { padding-block: .5rem; }
.x-list--numbered[b-7o49yclg5y] { counter-reset: x-list-counter; }
.x-list--numbered .x-list__item[b-7o49yclg5y] { counter-increment: x-list-counter; }
.x-list--numbered .x-list__item-link[b-7o49yclg5y]::before { content: counter(x-list-counter); min-width: 1.5rem; color: var(--bs-secondary-color); font-size: .85em; }

.x-list__header[b-7o49yclg5y],
.x-list__empty[b-7o49yclg5y] {
    padding: .75rem 1rem;
    color: var(--bs-secondary-color);
    background: color-mix(in srgb, var(--x-list-accent) 4%, var(--x-list-surface));
}

.x-list__item[b-7o49yclg5y] { min-width: 0; }
.x-list__item + .x-list__item[b-7o49yclg5y] { border-top: 1px solid var(--x-list-border); }
.x-list--separated .x-list__item + .x-list__item[b-7o49yclg5y] { border-top: 1px solid var(--x-list-border); }

.x-list__item-link[b-7o49yclg5y] {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    min-width: 0;
    padding: .75rem 1rem;
    color: inherit;
    text-align: start;
    text-decoration: none;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.x-list__item-link:hover[b-7o49yclg5y],
.x-list--hoverable .x-list__item:hover .x-list__item-link[b-7o49yclg5y] { background: var(--x-list-hover); }
.x-list__item--selected .x-list__item-link[b-7o49yclg5y] { background: var(--x-list-selected); box-shadow: inset 3px 0 0 var(--x-list-accent); }
.x-list__item--disabled .x-list__item-link[b-7o49yclg5y],
.x-list--disabled .x-list__item-link[b-7o49yclg5y] { opacity: .55; cursor: not-allowed; }
.x-list__item-icon[b-7o49yclg5y] { flex: 0 0 auto; color: var(--x-list-accent); font-size: 1.1rem; }
.x-list__item-content[b-7o49yclg5y] { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; gap: .15rem; }
.x-list__item-text[b-7o49yclg5y] { overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.x-list__item-description[b-7o49yclg5y] { overflow: hidden; color: var(--bs-secondary-color); font-size: .875rem; text-overflow: ellipsis; white-space: nowrap; }
.x-list__item-badge[b-7o49yclg5y] { flex: 0 0 auto; background: var(--x-list-accent); }

.x-list--primary[b-7o49yclg5y] { --x-list-accent: var(--bs-primary); }
.x-list--secondary[b-7o49yclg5y] { --x-list-accent: var(--bs-secondary); }
.x-list--success[b-7o49yclg5y] { --x-list-accent: var(--bs-success); }
.x-list--danger[b-7o49yclg5y] { --x-list-accent: var(--bs-danger); }
.x-list--warning[b-7o49yclg5y] { --x-list-accent: var(--bs-warning); }
.x-list--info[b-7o49yclg5y] { --x-list-accent: var(--bs-info); }
.x-list--light[b-7o49yclg5y] { --x-list-accent: var(--bs-secondary-color); }
.x-list--dark[b-7o49yclg5y] { --x-list-accent: var(--bs-dark); }

.x-list__item--primary[b-7o49yclg5y] { --x-list-accent: var(--bs-primary); }
.x-list__item--secondary[b-7o49yclg5y] { --x-list-accent: var(--bs-secondary); }
.x-list__item--success[b-7o49yclg5y] { --x-list-accent: var(--bs-success); }
.x-list__item--danger[b-7o49yclg5y] { --x-list-accent: var(--bs-danger); }
.x-list__item--warning[b-7o49yclg5y] { --x-list-accent: var(--bs-warning); }
.x-list__item--info[b-7o49yclg5y] { --x-list-accent: var(--bs-info); }
.x-list__item--light[b-7o49yclg5y] { --x-list-accent: var(--bs-secondary-color); }
.x-list__item--dark[b-7o49yclg5y] { --x-list-accent: var(--bs-dark); }

.x-list--appearance-solid[b-7o49yclg5y] { --x-list-surface: color-mix(in srgb, var(--x-list-accent) 88%, #172033); color: #fff; }
.x-list--appearance-solid .x-list__header[b-7o49yclg5y],
.x-list--appearance-solid .x-list__empty[b-7o49yclg5y] { background: rgba(255,255,255,.1); color: inherit; }
.x-list--appearance-outline[b-7o49yclg5y] { background: transparent; border-color: var(--x-list-accent); }
.x-list--appearance-soft[b-7o49yclg5y] { --x-list-surface: color-mix(in srgb, var(--x-list-accent) 7%, var(--bs-body-bg)); }

.x-list--rtl[b-7o49yclg5y] { direction: rtl; }
.x-list--ltr[b-7o49yclg5y] { direction: ltr; }

@media (max-width: 575.98px) {
    .x-list__item-link[b-7o49yclg5y] { padding-inline: .75rem; }
    .x-list__item-description[b-7o49yclg5y] { white-space: normal; }
}
/* _content/XCore.WebUI/07 Container/Toolbar/XToolbar.razor.rz.scp.css */
.x-toolbar-wrapper[b-n740fgi3rz] {
    width: 100%;
    min-width: 0;
}

.x-toolbar-wrapper[b-n740fgi3rz]  .x-toolbar,
.x-toolbar-wrapper[b-n740fgi3rz]  .e-toolbar {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding-inline: 0;
    box-sizing: border-box;
}

.x-toolbar-wrapper[b-n740fgi3rz]  .e-toolbar-items {
    min-width: 0;
}

.x-toolbar-wrapper[b-n740fgi3rz]  .e-toolbar-items.e-toolbar-multirow {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 5px;
    box-sizing: border-box;
}

.x-toolbar-wrapper[b-n740fgi3rz]  .e-toolbar-items.e-toolbar-multirow > .e-toolbar-item:first-child {
    margin-inline-start: 0;
    padding-inline-start: 0;
}

.x-toolbar-wrapper[b-n740fgi3rz]  .e-toolbar-items.e-toolbar-multirow > .e-toolbar-item:last-child {
    margin-inline-end: 0;
    padding-inline-end: 0;
}

.x-toolbar-wrapper[b-n740fgi3rz]  .e-toolbar-items.e-toolbar-multirow .e-spacer {
    flex: 1 1 auto;
    min-width: 0;
}

/*
   Template/Input items must not shrink or clip their custom content.
   This class is intentionally opt-in so normal toolbar buttons keep
   Syncfusion's default overflow behavior.
*/
.x-toolbar-wrapper[b-n740fgi3rz]  .e-toolbar-item.x-toolbar-input-item {
    flex: 0 0 220px;
    min-width: 220px;
    width: 220px;
    max-width: 220px;
    box-sizing: border-box;
    overflow: visible;
}

.x-toolbar-wrapper[b-n740fgi3rz]  .e-toolbar-item.x-toolbar-input-item > * {
    box-sizing: border-box;
    max-width: 100%;
    overflow: visible;
}

.x-toolbar-wrapper[b-n740fgi3rz]  .x-toolbar-input-host {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
}

.x-toolbar-wrapper[b-n740fgi3rz]  .x-toolbar-input-host > input {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.x-toolbar-wrapper[b-n740fgi3rz]  .x-toolbar-input-host .e-input-group,
.x-toolbar-wrapper[b-n740fgi3rz]  .x-toolbar-input-host .e-control-wrapper,
.x-toolbar-wrapper[b-n740fgi3rz]  .x-toolbar-input-host .e-input-group input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 767.98px) {
    .x-toolbar-wrapper[b-n740fgi3rz]  .e-toolbar-item.x-toolbar-input-item {
        flex-basis: min(220px, calc(100vw - 2rem));
        min-width: min(220px, calc(100vw - 2rem));
        width: min(220px, calc(100vw - 2rem));
        max-width: min(220px, calc(100vw - 2rem));
    }

    .x-toolbar-wrapper[b-n740fgi3rz]  .e-toolbar-item .e-tbar-btn-text {
        white-space: normal;
    }
}
/* _content/XCore.WebUI/08 Feedback/Spinner/XSpinner.razor.rz.scp.css */
.x-spinner[b-tqc8azmuol] {
    --x-spinner-color: var(--bs-primary, #574be8);
    --x-spinner-size: 2rem;
    --x-spinner-gap: 0.65rem;
    display: inline-flex;
    color: var(--x-spinner-color);
    font-size: 1rem;
}

.x-spinner__content[b-tqc8azmuol] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spinner-gap);
}

.x-spinner__indicator[b-tqc8azmuol] {
    width: var(--x-spinner-size);
    height: var(--x-spinner-size);
    flex: 0 0 auto;
    border-width: 0.2em;
    color: inherit;
}

.x-spinner__text[b-tqc8azmuol] {
    color: inherit;
    line-height: 1.5;
}

.x-spinner--inline[b-tqc8azmuol] {
    align-items: center;
}

.x-spinner--centered[b-tqc8azmuol] {
    display: flex;
    width: 100%;
    min-height: 8rem;
    align-items: center;
    justify-content: center;
}

.x-spinner--small[b-tqc8azmuol] {
    --x-spinner-size: 1rem;
    --x-spinner-gap: 0.4rem;
    font-size: 0.875rem;
}

.x-spinner--normal[b-tqc8azmuol] {
    --x-spinner-size: 2rem;
}

.x-spinner--large[b-tqc8azmuol] {
    --x-spinner-size: 3rem;
    --x-spinner-gap: 0.8rem;
    font-size: 1.125rem;
}

.x-spinner--default[b-tqc8azmuol] {
    --x-spinner-color: var(--bs-secondary, #64748b);
}

.x-spinner--primary[b-tqc8azmuol] {
    --x-spinner-color: var(--x-button-primary, #574be8);
}

.x-spinner--secondary[b-tqc8azmuol] {
    --x-spinner-color: var(--x-button-secondary, #d85fa3);
}

.x-spinner--success[b-tqc8azmuol] {
    --x-spinner-color: var(--x-button-success, #25b77d);
}

.x-spinner--info[b-tqc8azmuol] {
    --x-spinner-color: var(--x-button-info, #2da9c4);
}

.x-spinner--warning[b-tqc8azmuol] {
    --x-spinner-color: var(--x-button-warning, #f2ad32);
}

.x-spinner--danger[b-tqc8azmuol] {
    --x-spinner-color: var(--x-button-danger, #f05432);
}

.x-spinner--light[b-tqc8azmuol] {
    --x-spinner-color: #adb5bd;
}

.x-spinner--dark[b-tqc8azmuol] {
    --x-spinner-color: var(--bs-dark, #343a40);
}

.x-spinner--white[b-tqc8azmuol] {
    --x-spinner-color: #ffffff;
}
/* _content/XCore.WebUI/20 Layout/MainLayoutBase.razor.rz.scp.css */
.app-shell[b-3v4timad3x] {
    height: 100dvh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    direction: rtl;
    background-color: var(--bs-body-bg, #f7f7f7);
    overflow: hidden;
}

.app-layout[b-3v4timad3x] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    /* جابه‌جایی Content در حالت Push فقط توسط Syncfusion انجام می‌شود. */
    display: block;
    position: relative;
    direction: rtl;
    overflow: hidden;
}

/* Sidebar */
.app-sidebar[b-3v4timad3x] {
    direction: rtl;
}

/* محتوای اصلی صفحه */
.page-content[b-3v4timad3x] {
    height: 100%;
    min-width: 0;
    min-height: 0;
    direction: rtl;
    background: #f9fafb;
    overflow-y: auto;
    overflow-x: hidden;
}

/* کلاس مستقل برای انتقال scrollbar به سمت چپ */
.scrollbar-left[b-3v4timad3x] {
    direction: rtl;
    overflow-y: auto;
    overflow-x: hidden;
}

/* wrapper داخلی برای padding و محتوای صفحه */
.page-content-inner[b-3v4timad3x] {
    direction: rtl;
    min-height: 100%;
    padding: 1.5rem;
}

/* nav menu */
.sidebar-header[b-3v4timad3x] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--bs-border-color, #e5e5e5);
    display: none;
}

.sidebar-title[b-3v4timad3x] {
    font-size: 1.1rem;
    font-weight: 600;
}

.sidebar-tree[b-3v4timad3x] {
    padding: 1rem 0.75rem 2rem;
}

.app-shell--mobile .page-content[b-3v4timad3x] {
    background: #fff;
}

.app-shell--mobile .page-content-inner[b-3v4timad3x] {
    padding: 1.25rem;
}

.app-layout[b-3v4timad3x]  .app-layout-loading {
    --layout-accent-rgb: var(--bs-primary-rgb, 13, 110, 253);
    position: absolute;
    inset: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    overflow: auto;
    background:
        radial-gradient(circle at 75% 20%, rgba(var(--layout-accent-rgb), .12), transparent 38%),
        radial-gradient(circle at 20% 85%, rgba(var(--layout-accent-rgb), .07), transparent 40%),
        var(--bs-body-bg, #f8fafc);
}

.app-layout[b-3v4timad3x]  .app-layout-loading--error {
    --layout-accent-rgb: var(--bs-danger-rgb, 220, 53, 69);
}

.app-layout[b-3v4timad3x]  .app-layout-loading__panel {
    width: min(100%, 26rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
    padding: clamp(1.75rem, 5vw, 2.75rem);
    border: 1px solid rgba(var(--layout-accent-rgb), .18);
    border-radius: 1.4rem;
    background: var(--bs-body-bg, #fff);
    box-shadow: 0 22px 65px rgba(24, 39, 75, .10), 0 5px 18px rgba(var(--layout-accent-rgb), .08);
    text-align: center;
}

.app-layout[b-3v4timad3x]  .app-layout-loading__symbol {
    position: relative;
    display: grid;
    place-items: center;
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: .35rem;
    border-radius: 1.3rem;
    background: rgba(var(--layout-accent-rgb), .12);
    color: rgb(var(--layout-accent-rgb));
    font-size: 2rem;
}

.app-layout[b-3v4timad3x]  .app-layout-loading__orbit {
    position: absolute;
    inset: -.35rem;
    border: 2px solid transparent;
    border-block-start-color: rgba(var(--layout-accent-rgb), .7);
    border-inline-end-color: rgba(var(--layout-accent-rgb), .35);
    border-radius: 1.6rem;
    animation: app-layout-loading-orbit-b-3v4timad3x 2.4s linear infinite;
}

.app-layout[b-3v4timad3x]  .app-layout-loading__title {
    color: var(--bs-emphasis-color, #18243b);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.65;
}

.app-layout[b-3v4timad3x]  .app-layout-loading__description {
    color: var(--bs-secondary-color, #64748b);
    font-size: .92rem;
    line-height: 1.8;
}

.app-layout[b-3v4timad3x]  .app-layout-loading__progress {
    width: min(100%, 11rem);
    height: .35rem;
    margin-top: .45rem;
    overflow: hidden;
    border-radius: 1rem;
    background: rgba(var(--layout-accent-rgb), .12);
}

.app-layout[b-3v4timad3x]  .app-layout-loading__progress > span {
    display: block;
    width: 45%;
    height: 100%;
    border-radius: inherit;
    background: rgb(var(--layout-accent-rgb));
    animation: app-layout-loading-progress-b-3v4timad3x 1.6s ease-in-out infinite alternate;
}

.app-layout[b-3v4timad3x]  .app-layout-loading__retry {
    min-width: 9rem;
    margin-top: .5rem;
}

@keyframes app-layout-loading-orbit-b-3v4timad3x {
    to { transform: rotate(360deg); }
}

@keyframes app-layout-loading-progress-b-3v4timad3x {
    to { transform: translateX(-120%); }
}

@media (prefers-reduced-motion: reduce) {
    .app-layout[b-3v4timad3x]  .app-layout-loading__orbit,
    .app-layout[b-3v4timad3x]  .app-layout-loading__progress > span {
        animation: none;
    }
}
/* _content/XCore.WebUI/20 Layout/XAppErrorBoundary.razor.rz.scp.css */
/* Wrapper برای اینکه Scope در DOM وجود داشته باشد */
.xheader-root[b-l7d6qesgj4] {
    display: block;
}

    /* خط جداکننده زیر AppBar */
    .xheader-root[b-l7d6qesgj4]  .e-appbar {
        border-bottom: 1px solid #dcdcdc;
        box-shadow: 0 1px 0 rgba(0,0,0,0.04);
    }



/* Wrapper برای اینکه Scope در DOM وجود داشته باشد */
.xheader-root[b-l7d6qesgj4] {
    height: 64px; /* مقدار دلخواه */
}

    /* ارتفاع خود AppBar */
    .xheader-root[b-l7d6qesgj4]  .e-appbar {
        height: 64px;
    }





/* تنظیمات leading */
.appbar-leading[b-l7d6qesgj4] {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 8px;
}

/* ظرف لوگو */
.appbar-logo[b-l7d6qesgj4],
.appbar-logo-link[b-l7d6qesgj4] {
    display: inline-flex;
    align-items: center;
    height: 100%;
}

/* خود تصویر لوگو */
.appbar-logo-img[b-l7d6qesgj4] {
    width: auto !important;
    max-height: 40px;
    object-fit: contain;
    display: block;
}

/* کوچک‌تر کردن دکمه Toggle */
.xheader-root[b-l7d6qesgj4]  .hamburger-btn {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    padding: 0;
}

    /* کوچک‌تر کردن آیکون همبرگری */
    .xheader-root[b-l7d6qesgj4]  .hamburger-btn .e-btn-icon,
    .xheader-root[b-l7d6qesgj4]  .hamburger-btn .e-icons {
        font-size: 20px;
        line-height: 1;
    }
/* _content/XCore.WebUI/20 Layout/XHeader.razor.rz.scp.css */
.xheader-root[b-5scleznl41] {
    --x-header-height: 64px;
    --x-header-action-color: var(--bs-primary, #6366f1);
    --x-header-hover-background: color-mix(in srgb, var(--bs-primary, #6366f1) 12%, transparent);
    display: block;
    width: 100%;
    flex: 0 0 auto;
    position: relative;
    z-index: 100;
}

.xheader-root--dark[b-5scleznl41],
.xheader-root--primary[b-5scleznl41] {
    --x-header-action-color: #fff;
    --x-header-hover-background: rgba(255, 255, 255, .16);
}

.xheader-root[b-5scleznl41]  .e-appbar {
    height: var(--x-header-height);
    min-height: var(--x-header-height);
    padding: 0 .5rem;
    border-bottom: 1px solid var(--bs-border-color, #dcdcdc);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
    direction: rtl;
    /* پیش‌فرض Syncfusion overflow:hidden است و منوی عملیات موبایل را می‌بُرد. */
    overflow: visible;
}

.xheader-root[b-5scleznl41]  .appbar-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: .5rem;
}

.xheader-root[b-5scleznl41]  .appbar-leading {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
    min-height: var(--x-header-height);
    gap: .25rem;
}

.xheader-root[b-5scleznl41]  .appbar-logo,
.xheader-root[b-5scleznl41]  .appbar-logo-link {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: none;
}

.xheader-root[b-5scleznl41]  .appbar-logo-img {
    width: auto !important;
    height: 40px;
    max-width: none;
    max-height: 40px;
    object-fit: contain;
    display: block;
    flex: 0 0 auto;
}

.xheader-root:is(.xheader-root--dark, .xheader-root--primary)[b-5scleznl41]  .appbar-clock .x-widget-clock {
    --clock-text: #fff;
    --clock-muted: rgba(255, 255, 255, .8);
    --clock-icon-color: #fff;
}

.xheader-root[b-5scleznl41]  .hamburger-btn {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--x-header-action-color);
    box-shadow: none;
    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
    cursor: pointer;
}

.xheader-root[b-5scleznl41]  .hamburger-icon {
    font-size: 1.45rem;
    line-height: 1;
}

.xheader-root[b-5scleznl41]  .hamburger-btn:hover:not(:disabled) {
    background-color: var(--x-header-hover-background);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--x-header-action-color) 18%, transparent);
    transform: translateY(-1px);
}

.xheader-root[b-5scleznl41]  .hamburger-btn:focus-visible {
    outline: 2px solid var(--x-header-action-color);
    outline-offset: 2px;
}

.xheader-root[b-5scleznl41]  .hamburger-btn:disabled {
    opacity: .55;
    cursor: not-allowed;
    background: transparent;
    box-shadow: none;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .xheader-root[b-5scleznl41]  .hamburger-btn {
        transition: none;
    }

    .xheader-root[b-5scleznl41]  .hamburger-btn:hover:not(:disabled) {
        transform: none;
    }
}



/* _content/XCore.WebUI/20 Layout/XNavMenu.razor.rz.scp.css */
/* تعریف متغیر برای ارتفاع ردیف‌ها جهت هماهنگی */
.sidebar-tree-container[b-smup8dhnfi] {
    --tree-item-height: 16px;
    --x-navmenu-selected-background: color-mix(in srgb, var(--bs-primary, #6366f1) 14%, #fff);
    --x-navmenu-selected-foreground: var(--bs-primary, #6366f1);
    --x-navmenu-hover-background: color-mix(in srgb, var(--bs-primary, #6366f1) 7%, var(--bs-light, #f8fafc));
}

.sidebar-title[b-smup8dhnfi] {
    font-size: 1.1rem;
    font-weight: 600;
}

.sidebar-tree[b-smup8dhnfi] {
    padding: 1rem 0.75rem 2rem;
}

/* ========================================= */
/* Tree view appearance                      */
/* ========================================= */

.sidebar-tree-container[b-smup8dhnfi]  .e-list-text {
    font-size: 1rem !important;
    font-weight: bold;
}

/* یکسان‌سازی ارتفاع‌ها با استفاده از متغیر */
.sidebar-tree-container[b-smup8dhnfi]  .e-list-item {
    min-height: var(--tree-item-height);
}

/* تنظیم ارتفاع و عرض محتوا؛ نود تمام‌عرض نباید از ظرف بیرون بزند. */
.sidebar-tree-container[b-smup8dhnfi]  .e-list-item > .e-text-content {
    min-height: var(--tree-item-height);
    padding: 3px 10px !important;
    margin-inline: 0;
    border-radius: 8px;
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* لایهٔ تمام‌عرض Syncfusion نباید رنگ نودِ سفارشی را بپوشاند. */
.sidebar-tree-container[b-smup8dhnfi]  .e-treeview .e-list-item:is(.e-active, .e-hover) > .e-fullrow {
    background-color: transparent !important;
    border-color: transparent !important;
}

.sidebar-tree-container[b-smup8dhnfi]  .e-treeview .e-list-item.e-active > .e-text-content {
    background-color: var(--x-navmenu-selected-background) !important;
}

.sidebar-tree-container[b-smup8dhnfi]  .e-treeview .e-list-item.e-active > .e-text-content :is(.e-list-text, .e-list-icon, .nav-node-text, .nav-node-icon) {
    color: var(--x-navmenu-selected-foreground) !important;
    font-weight: bold;
}

.sidebar-tree-container[b-smup8dhnfi]  .e-treeview .e-list-item.e-hover:not(.e-active) > .e-text-content {
    background-color: var(--x-navmenu-hover-background) !important;
}


/* کاهش تورفتگی نودهای فرزند */
.sidebar-tree-container[b-smup8dhnfi]  .e-treeview .e-list-item > .e-ul {
    /* استفاده از inline-start برای پشتیبانی همزمان از راست‌چین (RTL) و چپ‌چین (LTR) */
    padding-inline-start: 7px !important;
}


/* ========================================= */
/* انتقال آیکون باز و بسته به منتها الیه                      */
/* ========================================= */

/* 1. اطمینان از اینکه کانتینر متن از Flexbox استفاده کرده و تمام عرض را می‌گیرد */
.sidebar-tree-container[b-smup8dhnfi]  .e-treeview.e-rtl .e-list-item > .e-text-content {
    display: flex !important;
    align-items: center;
    padding-right: 0 !important;
}

/* 2. دادن قابلیت رشد به متن تا تمام فضای میانی را پر کند */
.sidebar-tree-container[b-smup8dhnfi]  .e-treeview.e-rtl .e-list-item .e-list-text {
    flex: 1 1 0 !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right !important;
}

/* 3. هل دادن آیکون‌های باز/بسته شدن به منتهی‌الیه سمت چپ */
.sidebar-tree-container[b-smup8dhnfi]  .e-treeview.e-rtl .e-list-item .e-icon-expandable,
.sidebar-tree-container[b-smup8dhnfi]  .e-treeview.e-rtl .e-list-item .e-icon-collapsible {
    flex: 0 0 20px;
    margin-inline-start: 8px !important;
    margin-inline-end: 0 !important;
    order: 2 !important; /* در صورت نیاز به تغییر ترتیب قرارگیری در DOM */
}



/* 4. تغییر رنگ متن و آیکون در نود فعال */
.sidebar-tree-container[b-smup8dhnfi]  .e-treeview .e-list-item .e-text-content .e-list-icon {
    font-size: 18px !important;
}

/* ========================================= */
/* اعمال کلاس اختصاصی                      */
/* ========================================= */

.nav-node-container[b-smup8dhnfi] {
    display: flex;
    align-items: center;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.nav-node-icon[b-smup8dhnfi] {
    flex: 0 0 auto;
    font-size: 18px !important;
}

.nav-node-text[b-smup8dhnfi] {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ========================================= */
/* Seperator                      */
/* ========================================= */

.sidebar-tree-container[b-smup8dhnfi]  .e-treeview .e-list-item.x-navmenu-separator {
    margin-top: 12px;
    padding-top: 12px;
    position: relative;
}

    .sidebar-tree-container[b-smup8dhnfi]  .e-treeview .e-list-item.x-navmenu-separator::before {
        content: "";
        position: absolute;
        top: 0;
        left: 8%;
        right: 8%;
        height: 1.5px;
        pointer-events: none;
        transform: translateY(-0.5px);
        background: linear-gradient(to right, transparent, color-mix(in srgb, var(--bs-primary, #6366f1) 20%, transparent) 30%, color-mix(in srgb, var(--bs-primary, #6366f1) 75%, transparent) 50%, color-mix(in srgb, var(--bs-primary, #6366f1) 20%, transparent) 70%, transparent);
        box-shadow: none;
    }
/* _content/XCore.WebUI/30 MicrosoftReports/Controls/Declare/XReportDeclare.razor.rz.scp.css */
.x-report-declare__summary[b-jn9x53dhw4] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.x-report-declare__summary > i[b-jn9x53dhw4] {
    flex: 0 0 auto;
    font-size: 1.2rem;
    line-height: 1;
}

.x-report-declare__description[b-jn9x53dhw4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem .65rem;
    margin: .25rem 0 1rem;
    padding-inline-start: 1.65rem;
    color: var(--bs-secondary-color);
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.x-report-declare__code[b-jn9x53dhw4] {
    border-radius: .4rem;
    padding: .1rem .4rem;
    background-color: color-mix(in srgb, var(--bs-primary) 9%, transparent);
    color: var(--bs-primary-text-emphasis, var(--bs-primary));
    white-space: nowrap;
}
/* _content/XCore.WebUI/40 Entity/XGridEntityMgr/XGridEntityMgr.razor.rz.scp.css */
/* برای ایجاد جداکننده عمودی بین آیتم‌ها */
.x-toolbar-separator[b-7dezwo5vpy] {
    width: 2px;
    height: 24px;
    background-color: var(--bs-border-color, #43474b);
    margin: 0 5px;
    align-self: center;
}

.x-grid-entity-manager[b-7dezwo5vpy] {
    min-width: 0;
}

.x-grid-entity-action[b-7dezwo5vpy] {
    min-width: 2rem;
    min-height: 2rem;
    margin-inline: .1rem;
}

.x-grid-entity-page-info[b-7dezwo5vpy] {
    color: blue;
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
}

.x-grid-entity-icon-style[b-7dezwo5vpy] {
    color: rgb(143, 84, 207) !important;
}

/* _content/XCore.WebUI/50 XCorePages/Aboat/AboatPage.razor.rz.scp.css */
.about-page[b-z5a0jgl4or] {
    max-width: 1400px;
    margin-inline: auto;
}

.about-page[b-z5a0jgl4or] (.about-page__hero) {
    overflow: hidden;
    border: 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(255, 255, 255, .20), transparent 30%),
        linear-gradient(135deg, color-mix(in srgb, var(--bs-primary) 92%, #172554), color-mix(in srgb, var(--bs-info) 78%, #172554));
    color: #fff;
}

.about-page[b-z5a0jgl4or] (.about-page__hero .x-card-body) {
    padding: clamp(1.25rem, 3vw, 2.25rem);
}

.about-page[b-z5a0jgl4or] (.about-page__hero-content) {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.about-page[b-z5a0jgl4or] (.about-page__hero-icon) {
    display: grid;
    flex: 0 0 4.5rem;
    width: 4.5rem;
    height: 4.5rem;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, .14);
    box-shadow: 0 .75rem 1.5rem rgba(15, 23, 42, .18);
    font-size: 2rem;
}

.about-page[b-z5a0jgl4or] (.about-page__hero-text) {
    flex: 1 1 auto;
    min-width: 0;
}

.about-page[b-z5a0jgl4or] (.about-page__eyebrow) {
    margin-bottom: .25rem;
    color: rgba(255, 255, 255, .78);
    font-size: .85rem;
    font-weight: 600;
}

.about-page[b-z5a0jgl4or] (.about-page__hero-title) {
    margin: 0;
    color: #fff;
    font-size: clamp(1.35rem, 3vw, 2rem);
    font-weight: 800;
}

.about-page[b-z5a0jgl4or] (.about-page__hero-description) {
    max-width: 70rem;
    margin-top: .5rem;
    color: rgba(255, 255, 255, .88);
    line-height: 1.9;
}

.about-page[b-z5a0jgl4or] (.about-page__hero-badge) {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    color: rgba(255, 255, 255, .75);
    text-align: center;
}

.about-page[b-z5a0jgl4or] (.about-page__hero-badge .badge) {
    padding: .55rem .85rem;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-size: .9rem;
}

.about-page[b-z5a0jgl4or] (.about-section-title) {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin: 1.5rem 0 .65rem;
    padding: .7rem .9rem;
    border-inline-start: .25rem solid var(--bs-info);
    border-radius: .5rem;
    background: color-mix(in srgb, var(--bs-info) 8%, var(--bs-body-bg));
    color: var(--bs-info-text-emphasis, var(--bs-info));
    font-size: 1rem;
    font-weight: 800;
}

.about-page[b-z5a0jgl4or] (.about-section-title i) {
    color: var(--bs-info);
    font-size: 1.1rem;
}

.about-page[b-z5a0jgl4or] (.about-info-table) {
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    border-radius: .65rem;
    background: var(--bs-body-bg);
    box-shadow: 0 .25rem .9rem rgba(15, 23, 42, .05);
    vertical-align: middle;
}

.about-page[b-z5a0jgl4or] (.about-info-table tr:last-child td) {
    border-bottom: 0;
}

.about-page[b-z5a0jgl4or] (.about-info-table td) {
    padding: .75rem .9rem;
    border-color: color-mix(in srgb, var(--bs-border-color) 75%, transparent);
    vertical-align: middle;
}

.about-page[b-z5a0jgl4or] (.about-info-table td:first-child) {
    width: 220px;
    color: var(--bs-secondary-color);
    font-weight: 600;
    white-space: nowrap;
}

.about-page[b-z5a0jgl4or] (.about-info-table td:nth-child(2)) {
    color: var(--bs-primary);
    font-weight: 600;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.about-page[b-z5a0jgl4or] (.about-info-table tbody tr:hover td) {
    background: color-mix(in srgb, var(--bs-primary) 5%, var(--bs-body-bg));
}

.about-page[b-z5a0jgl4or] (.about-info-table a) {
    color: var(--bs-primary);
    text-decoration: none;
}

.about-page[b-z5a0jgl4or] (.about-info-table a:hover) {
    text-decoration: underline;
}

@media (max-width: 767.98px) {
    .about-page[b-z5a0jgl4or] (.about-page__hero-content) {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .about-page[b-z5a0jgl4or] (.about-page__hero-badge) {
        margin-inline-start: auto;
    }

    .about-page[b-z5a0jgl4or] (.about-info-table td),
    .about-page[b-z5a0jgl4or] (.about-info-table td:first-child) {
        display: block;
        width: 100%;
        border-bottom: 0;
    }

    .about-page[b-z5a0jgl4or] (.about-info-table td:first-child) {
        padding-bottom: .2rem;
        color: var(--bs-secondary-color);
        font-size: .82rem;
    }

    .about-page[b-z5a0jgl4or] (.about-info-table td:nth-child(2)) {
        padding-top: .2rem;
        padding-bottom: .85rem;
    }

    .about-page[b-z5a0jgl4or] (.about-info-table tr) {
        display: block;
        padding: .4rem 0;
        border-bottom: 1px solid var(--bs-border-color);
    }
}

@media (max-width: 480px) {
    .about-page[b-z5a0jgl4or] (.about-page__hero-icon) {
        flex-basis: 3.5rem;
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.5rem;
    }

    .about-page[b-z5a0jgl4or] (.about-page__hero-badge) {
        width: 100%;
        align-items: flex-start;
        margin-inline-start: 0;
    }
}
/* _content/XCore.WebUI/51 XCoreEntities/XCore.Users/XUserScheduleEditor/XUserAvailabilityScheduleEditor.razor.rz.scp.css */
/* تنظیمات فونت کلی کامپوننت و خطاها */
.schedule-container[b-n5gvvbdpet], .validation-alert[b-n5gvvbdpet] {
    font-size: 0.8rem;
}

/* عرض ثابت برای نام روزها */
.day-label[b-n5gvvbdpet] {
    width: 65px;
}

/* گروه ورودی زمان */
.time-input-group[b-n5gvvbdpet] {
    width: auto;
    height: 24px;
}

/* استایل‌های اختصاصی برای input های زمان */
.time-input[b-n5gvvbdpet] {
    height: 24px;
    min-height: 24px;
    padding: 0 2px;
    width: 65px;
    font-size: 0.75rem !important;
    border-color: #dddada !important;
}

/* جداکننده بین دو زمان (علامت داش) */
.time-separator[b-n5gvvbdpet] {
    height: 24px;
    padding: 0 4px;
    font-size: 0.8rem;
    border-color: #dddada !important;
}

/* استایل پایه برای دکمه‌های بسیار کوچک (حذف و اضافه) */
.btn-mini[b-n5gvvbdpet] {
    height: 24px;
    width: 24px;
    padding: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #dddada !important;
}

/* ضخیم کردن علامت + در دکمه افزودن */
.btn-add-slot[b-n5gvvbdpet] {
    font-weight: bold;
    border-color: #dddada !important;
}

/* حالت خالی (علامت ---) */
.empty-state[b-n5gvvbdpet] {
    font-size: 0.75rem;
}
/* _content/XCore.WebUI/60 XServices/Breadcrumb/XBreadcrumb.razor.rz.scp.css */
.xcore-sfbreadcrumb-wrapper[b-p422e7do8v]  .e-breadcrumb-text {
    color: #c0156e !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.xcore-sfbreadcrumb-wrapper[b-p422e7do8v]  .e-breadcrumb-icon {
    color: #c0156e !important;
    margin-left: 10px;
    font-size: 22px !important;
    font-weight: 100 !important;
}

.xcore-sfbreadcrumb-wrapper[b-p422e7do8v]  .e-breadcrumb {
    margin-bottom: 5px !important;
}
.xcore-sfbreadcrumb-wrapper[b-p422e7do8v]  .e-breadcrumb-separator {
    color: #c0156e !important;
}

/* حذف حالت hover و کلیک در Breadcrumb */
.xcore-sfbreadcrumb-wrapper[b-p422e7do8v]   .e-breadcrumb .e-breadcrumb-item,
.e-breadcrumb .e-breadcrumb-text[b-p422e7do8v],
.e-breadcrumb .e-icons[b-p422e7do8v] {
    pointer-events: none;
    cursor: default !important;
}

    /* حذف تغییر رنگ هنگام hover */
    .e-breadcrumb .e-breadcrumb-item:hover[b-p422e7do8v],
    .e-breadcrumb .e-breadcrumb-text:hover[b-p422e7do8v] {
        background-color: transparent !important;
        color: inherit !important;
    }

/* حذف کامل underline از متن Breadcrumb */
.xcore-sfbreadcrumb-wrapper[b-p422e7do8v]  .e-breadcrumb a,
.e-breadcrumb .e-breadcrumb-text[b-p422e7do8v],
.e-breadcrumb .e-breadcrumb-item a[b-p422e7do8v],
.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text[b-p422e7do8v] {
    text-decoration: none !important;
}

    /* جلوگیری از underline هنگام hover */
    .e-breadcrumb a:hover[b-p422e7do8v],
    .e-breadcrumb .e-breadcrumb-text:hover[b-p422e7do8v] {
        text-decoration: none !important;
    }