@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Account/Shared/ExternalAccessPanel.razor.rz.scp.css */
.external-access-panel[b-jiixz265kb] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px 48px 32px 48px;
    background: url('/img/left_backgound.png') no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
}

.eap-top[b-jiixz265kb] {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.eap-logo[b-jiixz265kb] {
    height: 96px;
    width: auto;
    object-fit: contain;
}

.eap-content[b-jiixz265kb] {
    flex: 1 1 auto;
}

.eap-title[b-jiixz265kb] {
    font-size: 2rem;
    line-height: 1.15;
    font-weight: 700;
    color: #0a2a55;
    margin: 0 0 16px 0;
}

.eap-lead[b-jiixz265kb] {
    font-size: 1rem;
    color: #1e3a66;
    margin: 0 0 36px 0;
    line-height: 1.5;
    font-weight: 500;
}

.eap-features[b-jiixz265kb] {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
    width: fit-content;
}

    .eap-features li[b-jiixz265kb] {
        display: flex;
        align-items: flex-start;
        gap: 14px;
    }

.eap-icon[b-jiixz265kb] {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.7);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(10, 42, 85, 0.08);
}

.eap-feature-title[b-jiixz265kb] {
    font-weight: 700;
    color: #0a2a55;
    margin-bottom: 2px;
}

.eap-feature-desc[b-jiixz265kb] {
    font-size: 0.9rem;
    color: #314f7c;
    line-height: 1.45;
}

.eap-bottom[b-jiixz265kb] {
    margin-top: 24px;
}

.eap-pill[b-jiixz265kb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.7);
    color: #0a2a55;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(10, 42, 85, 0.08);
}

@media (max-width: 1100px) {
    .external-access-panel[b-jiixz265kb] {
        padding: 24px 24px;
    }

    .eap-title[b-jiixz265kb] {
        font-size: 1.5rem;
    }

    .eap-lead[b-jiixz265kb] {
        margin-bottom: 20px;
    }
}
/* /Components/Account/Shared/ExternalFormCard.razor.rz.scp.css */
.external-form-card[b-vfl2l63zoz] {
    background: #ffffff;
    border-radius: 18px;
    padding: 40px 44px;
    width: 100%;
    max-width: 600px;
    box-shadow: 0 8px 32px rgba(10, 42, 85, 0.08);
}

.efc-title[b-vfl2l63zoz] {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2a55;
    margin: 0 0 6px 0;
    line-height: 1.1;
}

.efc-title-underline[b-vfl2l63zoz] {
    display: block;
    width: 56px;
    height: 4px;
    background: #1f6feb;
    border-radius: 2px;
    margin-bottom: 14px;
}

.efc-subtitle[b-vfl2l63zoz] {
    color: #0a2a55;
    font-size: 0.9rem;
    margin: 0 0 24px 0;
}

.efc-body[b-vfl2l63zoz] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

[b-vfl2l63zoz] .efc-body form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.efc-footer[b-vfl2l63zoz] {
    margin-top: 22px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 700;
    color: #0a2a55;
}

[b-vfl2l63zoz] .efc-link-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

[b-vfl2l63zoz] .efc-link-stack {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
    margin-top: 10px;
}

[b-vfl2l63zoz] .account-message {
    color: #314f7c;
    line-height: 1.5;
    margin: 0;
}

[b-vfl2l63zoz] .account-error {
    color: #b42318;
}

@media (max-width: 600px) {
    .external-form-card[b-vfl2l63zoz] {
        padding: 28px 22px;
        border-radius: 14px;
    }

    .efc-title[b-vfl2l63zoz] {
        font-size: 1.6rem;
    }
}
/* /Components/Account/Shared/ExternalHelpCard.razor.rz.scp.css */
.ehc-card[b-r7fawsc3i6] {
    background: #ffffff;
    border: 1px solid #e6ecf5;
    border-radius: 14px;
    padding: 18px 18px 14px 18px;
    box-shadow: 0 1px 3px rgba(10, 42, 85, 0.04);
}

.ehc-header[b-r7fawsc3i6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
}

.ehc-title[b-r7fawsc3i6] {
    font-size: 1rem;
    font-weight: 700;
    color: #000690;
    margin: 0 0 2px 0;
}

.ehc-list[b-r7fawsc3i6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

    .ehc-list li[b-r7fawsc3i6] {
        border-bottom: 1px solid #f0f4fa;
    }

        .ehc-list li:last-child[b-r7fawsc3i6] {
            border-bottom: none;
        }

    .ehc-list a[b-r7fawsc3i6] {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 4px;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
    }

        .ehc-list a:hover[b-r7fawsc3i6] {
            background: #f7faff;
            border-radius: 8px;
        }

.ehc-icon[b-r7fawsc3i6] {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ehc-text[b-r7fawsc3i6] {
    flex: 1 1 auto;
    min-width: 0;
}

.ehc-title-row[b-r7fawsc3i6] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0a2a55;
    line-height: 1.2;
}

.ehc-meta[b-r7fawsc3i6] {
    font-size: 0.72rem;
    font-weight: 400;
    color: #0a2a55;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Account/Shared/ExternalRecoveryCard.razor.rz.scp.css */
.erc-card[b-juim99tiif] {
    background: #ffffff;
    border-radius: 18px;
    padding: 28px 32px 26px 32px;
    box-shadow: 0 10px 30px rgba(10, 42, 85, 0.06);
    border: 1px solid #eef2f8;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 520px;
}

.erc-back[b-juim99tiif] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #006bb7;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    align-self: flex-start;
    margin-bottom: 2px;
}

    .erc-back:hover[b-juim99tiif] {
        text-decoration: underline;
    }

.erc-icon-badge[b-juim99tiif] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #eaf2ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
}

.erc-title[b-juim99tiif] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0a2a55;
    margin: 0;
    line-height: 1.2;
}

.erc-subtitle[b-juim99tiif] {
    font-size: 0.95rem;
    color: #3a4c6e;
    margin: 0;
    line-height: 1.5;
}

.erc-body[b-juim99tiif] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 4px;
}

[b-juim99tiif] .erc-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: #f1f6fd;
    border: 1px solid #d6e4f7;
    border-radius: 12px;
    color: #0a2a55;
    font-size: 0.85rem;
    line-height: 1.4;
}

    [b-juim99tiif] .erc-info .erc-info-text {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    [b-juim99tiif] .erc-info .erc-info-title {
        font-weight: 600;
    }

.erc-divider[b-juim99tiif] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #8094b3;
    font-size: 0.85rem;
    margin: 4px 0 0 0;
}

    .erc-divider[b-juim99tiif]::before,
    .erc-divider[b-juim99tiif]::after {
        content: "";
        flex: 1 1 auto;
        height: 1px;
        background: #e6ecf5;
    }

.erc-bottom-link[b-juim99tiif] {
    text-align: center;
    font-size: 0.9rem;
    color: #3a4c6e;
}

    .erc-bottom-link a[b-juim99tiif] {
        color: #006bb7;
        font-weight: 600;
        text-decoration: none;
        margin-left: 4px;
    }

        .erc-bottom-link a:hover[b-juim99tiif] {
            text-decoration: underline;
        }

@media (max-width: 600px) {
    .erc-card[b-juim99tiif] {
        padding: 22px 20px;
    }

    .erc-title[b-juim99tiif] {
        font-size: 1.4rem;
    }
}
/* /Components/Account/Shared/ExternalSecurityNoteCard.razor.rz.scp.css */
.esn-card[b-09sbmv236p] {
    background: #ffffff;
    border: 1px solid #e6ecf5;
    border-radius: 18px;
    padding: 24px 20px;
    box-shadow: 0 1px 3px rgba(10, 42, 85, 0.04);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 12px;
}

.esn-icon-badge[b-09sbmv236p] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #eaf2ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}

.esn-title[b-09sbmv236p] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0a2a55;
    margin: 0;
    line-height: 1.3;
}

.esn-intro[b-09sbmv236p] {
    font-size: 0.9rem;
    color: #5a6b88;
    margin: 0;
    line-height: 1.5;
    font-weight: 400;
}

.esn-pill[b-09sbmv236p] {
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 999px;
    background: #ecf3fd;
    font-size: 0.85rem;
    font-weight: 500;
    color: #2c45a1;
}

    .esn-pill[b-09sbmv236p]  svg {
        fill: #2c45a1;
    }
/* /Components/Account/Shared/ExternalSecurityPanel.razor.rz.scp.css */
.external-security-panel[b-y5k29nd9oz] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    padding: 28px 24px;
    width: 100%;
    max-width: 360px;
    min-height: 100%;
}

.esp-card[b-y5k29nd9oz] {
    background: #ffffff;
    border: 1px solid #e6ecf5;
    border-radius: 14px;
    padding: 18px 18px 14px 18px;
    box-shadow: 0 1px 3px rgba(10, 42, 85, 0.04);
}

.esp-card:first-of-type[b-y5k29nd9oz] {
    background: linear-gradient(to bottom, #d3e1fa 0%, #e3edfc 50%, #f7faff 100%);
}

.esp-card-header[b-y5k29nd9oz] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.esp-icon-badge[b-y5k29nd9oz] {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #eaf2ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.esp-card-title[b-y5k29nd9oz] {
    font-size: 1rem;
    font-weight: 700;
    color: #000690;
    margin: 0 0 2px 0;
}

.esp-card-sub[b-y5k29nd9oz] {
    font-size: 0.8rem;
    color: #0a2a55;
    margin: 0;
    line-height: 1.4;
    font-weight: 500;
}

.esp-checklist[b-y5k29nd9oz] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .esp-checklist li[b-y5k29nd9oz] {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 0.875rem;
        color: #2a3f63;
        font-weight: 500;
    }

@media (max-width: 1280px) {
    .external-security-panel[b-y5k29nd9oz] {
        padding: 16px;
    }
}
/* /Components/Account/Shared/ExternalSlimFooter.razor.rz.scp.css */
.esf-footer[b-35r3enghs0] {
    border-top: 1px solid #e6ecf5;
    padding: 16px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #5a6b88;
    background: transparent;
}

.esf-copy[b-35r3enghs0] {
    text-align: center;
}

.esf-links[b-35r3enghs0] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

    .esf-links a[b-35r3enghs0] {
        color: #006bb7;
        text-decoration: none;
        font-weight: 500;
    }

        .esf-links a:hover[b-35r3enghs0] {
            text-decoration: underline;
        }

.esf-dot[b-35r3enghs0] {
    color: #b6c2d9;
}

@media (max-width: 768px) {
    .esf-footer[b-35r3enghs0] {
        padding: 14px 20px;
    }
}
/* /Components/Account/Shared/ExternalSlimHero.razor.rz.scp.css */
.esp-hero[b-vxryhgksm2] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 40px 48px 32px 48px;
    width: 100%;
    height: 100%;
    background: url('/img/forgotlayout_left_background.png') no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
}

.esp-hero-top[b-vxryhgksm2] {
    display: flex;
    justify-content: left;
    margin-bottom: 16px;
}

.esp-hero-logo[b-vxryhgksm2] {
    height: 96px;
    width: auto;
    object-fit: contain;
}

.esp-hero-title[b-vxryhgksm2] {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2a55;
    line-height: 1.2;
    margin: 0;
}

.esp-hero-intro[b-vxryhgksm2] {
    font-size: 0.95rem;
    color: #1e3a66;
    line-height: 1.55;
    margin: 0;
    font-weight: 500;
}

.esp-hero-badges[b-vxryhgksm2] {
    list-style: none;
    margin: auto 0 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

    .esp-hero-badges li[b-vxryhgksm2] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 4px;
    }

.esp-badge-icon[b-vxryhgksm2] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.esp-badge-title[b-vxryhgksm2] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #0a2a55;
}

.esp-badge-desc[b-vxryhgksm2] {
    font-size: 0.7rem;
    color: #314f7c;
    line-height: 1.3;
}

@media (max-width: 1100px) {
    .esp-hero[b-vxryhgksm2] {
        padding: 24px 24px;
    }

    .esp-hero-title[b-vxryhgksm2] {
        font-size: 1.5rem;
    }

    .esp-hero-logo[b-vxryhgksm2] {
        height: 72px;
    }
}

@media (max-width: 600px) {

    .esp-hero-badges[b-vxryhgksm2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Account/Shared/ExternalTrustFooter.razor.rz.scp.css */
.external-trust-footer[b-70vdsoje7m] {
    padding: 20px 24px 18px 24px;
    border-top: 1px solid #eef2f7;
}

.etf-badges[b-70vdsoje7m] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 56px;
    margin-bottom: 14px;
}

.etf-badge[b-70vdsoje7m] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.etf-badge-icon[b-70vdsoje7m] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #eaf2ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.etf-badge-title[b-70vdsoje7m] {
    font-weight: 700;
    color: #0a2a55;
    font-size: 0.9rem;
    line-height: 1.2;
}

.etf-badge-desc[b-70vdsoje7m] {
    font-size: 0.8rem;
    color: #5b6c87;
    line-height: 1.3;
}

.etf-copyright[b-70vdsoje7m] {
    text-align: center;
    font-size: 0.8rem;
    color: #5b6c87;
    border-top: 1px solid #eef2f7;
    padding-top: 14px;
}

@media (max-width: 900px) {
    .etf-badges[b-70vdsoje7m] {
        gap: 24px;
    }
}
/* /Components/Layout/ExternalLayout.razor.rz.scp.css */
.is-authorized .external-shell[b-mrv80oin5h] {
    display: none !important;
}

.external-shell.loading[b-mrv80oin5h] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
    height: 0;
    overflow: hidden;
}

.external-shell.loaded[b-mrv80oin5h] {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto;
    transition: opacity 0.6s ease-in-out;
}

[b-mrv80oin5h] .loading ~ fluent-tooltip,
[b-mrv80oin5h] .loading ~ fluent-anchored-region,
[b-mrv80oin5h] .loading ~ .fluent-tooltip-provider {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.auth-overlay[b-mrv80oin5h] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--neutral-layer-1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.external-shell[b-mrv80oin5h] {
    display: grid;
    grid-template-columns: minmax(360px, 1.1fr) minmax(0, 2fr) minmax(320px, 1fr);
    grid-template-rows: 1fr auto;
    min-height: 100vh;
    background: url('/img/login_background.png') no-repeat center bottom;
    background-size: cover;
}

.external-main[b-mrv80oin5h] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.external-body[b-mrv80oin5h] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    overflow: auto;
}

[b-mrv80oin5h] .external-access-panel {
    grid-row: 1 / -1;
}

[b-mrv80oin5h] .external-trust-footer {
    grid-column: 2 / -1;
}

@media (max-width: 1023px) {
    .external-shell[b-mrv80oin5h] {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    [b-mrv80oin5h] .external-access-panel {
        order: 1;
        grid-row: auto;
        min-height: auto;
    }

    .external-main[b-mrv80oin5h] {
        order: 2;
    }

    [b-mrv80oin5h] .external-security-panel {
        order: 3;
        max-width: 720px;
        margin: 0 auto;
        width: 100%;
    }

    [b-mrv80oin5h] .external-trust-footer {
        order: 4;
        grid-column: auto;
    }

    .external-body[b-mrv80oin5h] {
        min-height: 60vh;
    }
}
/* /Components/Layout/ExternalSlimLayout.razor.rz.scp.css */
.esl-shell[b-onvxvrmn33] {
    display: grid;
    grid-template-columns: minmax(360px, 1.1fr) minmax(0, 2fr) minmax(320px, 1fr);
    grid-template-rows: 1fr auto;
    min-height: 100vh;
    background: #f5f8ff;
}

[b-onvxvrmn33] .esp-hero {
    grid-column: 1;
    grid-row: 1;
}

.esl-form-col[b-onvxvrmn33] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    min-height: 0;
}

.esl-aside[b-onvxvrmn33] {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
    max-width: 360px;
    padding: 28px 24px;
    justify-self: center;
    align-self: center;
}

[b-onvxvrmn33] .esf-footer {
    grid-column: 1 / -1;
    grid-row: 2;
}

.esl-shell.loading[b-onvxvrmn33] {
    visibility: hidden;
}

.esl-shell.loaded[b-onvxvrmn33] {
    visibility: visible;
}

.auth-overlay[b-onvxvrmn33] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999;
}

@media (max-width: 1023px) {
    .esl-shell[b-onvxvrmn33] {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    [b-onvxvrmn33] .esp-hero {
        order: 1;
    }

    .esl-form-col[b-onvxvrmn33] {
        order: 2;
    }

    .esl-aside[b-onvxvrmn33] {
        order: 3;
        max-width: 720px;
        margin: 0 auto;
        width: 100%;
        justify-self: center;
        align-self: auto;
    }

    [b-onvxvrmn33] .esf-footer {
        order: 4;
    }
}
/* /Components/Layout/HeaderContent.razor.rz.scp.css */
.epal-header-actions[b-aqojji6m6b] {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 442px) {
    .epal-header-actions[b-aqojji6m6b] {
        width: 100%;
        justify-content: flex-end;
    }
}

.epal-user-wrapper[b-aqojji6m6b] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.epal-user[b-aqojji6m6b] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 10px 4px 4px;
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
    border: none;
    background: transparent;
    font-family: inherit;
    transition: background-color 0.15s ease;
}

    .epal-user:hover[b-aqojji6m6b] {
        background: var(--epal-blue-soft-bg, #E6EEFC);
    }

.epal-user-wrapper.is-open .epal-user[b-aqojji6m6b] {
    background: var(--epal-blue-soft-bg, #E6EEFC);
}

.epal-user-avatar[b-aqojji6m6b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--epal-blue-soft-bg, #E6EEFC);
    color: var(--epal-text-brand, #312070);
    flex: 0 0 44px;
}

.epal-user-avatar[b-aqojji6m6b]  svg {
    width: 26px;
    height: 26px;
    fill: currentColor !important;
}

.epal-user-texts[b-aqojji6m6b] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    min-width: 0;
}

.epal-user-name[b-aqojji6m6b] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--epal-text-brand, #312070);
    white-space: nowrap;
}

.epal-user-chevron[b-aqojji6m6b] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--epal-text-brand, #312070);
    transition: transform 0.15s ease;
}

.epal-user-chevron[b-aqojji6m6b]  svg {
    width: 16px;
    height: 16px;
    fill: currentColor !important;
}

.epal-user-wrapper.is-open .epal-user-chevron[b-aqojji6m6b] {
    transform: rotate(180deg);
}

.epal-user-menu[b-aqojji6m6b] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    min-width: 200px;
    background: #ffffff;
    border: 1px solid var(--epal-border-soft, #E4E8EE);
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.12);
    padding: 6px;
    z-index: 1000;
    animation: epal-user-menu-fade-b-aqojji6m6b 0.12s ease;
}

@keyframes epal-user-menu-fade-b-aqojji6m6b {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.epal-user-menu-item[b-aqojji6m6b] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 14px;
    border: none;
    background: transparent;
    border-radius: 10px;
    color: var(--epal-text-brand, #312070);
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

    .epal-user-menu-item:hover[b-aqojji6m6b] {
        background-color: var(--epal-blue-soft-bg, #E6EEFC);
    }

.epal-user-menu-icon[b-aqojji6m6b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: var(--epal-text-brand, #312070);
}

.epal-user-menu-icon[b-aqojji6m6b]  svg {
    width: 20px;
    height: 20px;
    fill: currentColor !important;
}

.epal-user-menu-label[b-aqojji6m6b] {
    font-weight: 700;
    color: var(--epal-text-brand, #312070);
}

.epal-user-menu-backdrop[b-aqojji6m6b] {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: transparent;
}

@media (max-width: 769px) {
    .epal-user-texts[b-aqojji6m6b] {
        display: none;
    }

    .epal-user-chevron[b-aqojji6m6b] {
        display: none;
    }

    .epal-user[b-aqojji6m6b] {
        padding: 0;
        gap: 0;
        border-radius: 50%;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-yj4ug461nk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-yj4ug461nk] {
    flex: 1;
}

.sidebar[b-yj4ug461nk] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

@media (min-width: 641px) {
    .page[b-yj4ug461nk] {
        flex-direction: row;
    }

    .sidebar[b-yj4ug461nk] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

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

.epal-shell[b-yj4ug461nk] {
    display: flex;
    flex-direction: row;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.epal-main[b-yj4ug461nk] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
}

.epal-topbar[b-yj4ug461nk] {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 64px;
    padding: 0 22px;
    background: #ffffff;
    border-bottom: 1px solid #eef0f3;
    flex: 0 0 auto;
}

.epal-topbar-left[b-yj4ug461nk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.epal-topbar-right[b-yj4ug461nk] {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.epal-contract[b-yj4ug461nk] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.epal-contract-label[b-yj4ug461nk] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--epal-text-brand);
    white-space: nowrap;
}


@media (max-width: 640.98px) {
    .epal-contract-label[b-yj4ug461nk] {
        display: none;
    }

    .epal-topbar[b-yj4ug461nk] {
        padding: 0 14px;
        gap: 10px;
    }
}

@media (max-width: 442px) {
    .epal-topbar[b-yj4ug461nk] {
        flex-wrap: wrap;
        height: auto;
        padding: 8px 14px;
        row-gap: 8px;
    }

    .epal-topbar-left[b-yj4ug461nk] {
        width: 100%;
        gap: 10px;
    }

    .epal-contract[b-yj4ug461nk] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .epal-contracts-picker[b-yj4ug461nk] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .epal-topbar-right[b-yj4ug461nk] {
        width: 100%;
        margin-left: 0;
    }
}

.epal-main[b-yj4ug461nk]  .epal-footer {
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 32px;
    border-top: 1px solid #eef0f3;
    background: #ffffff;
    flex-wrap: wrap;
    z-index: 8;
}

.epal-footer-values[b-yj4ug461nk] {
    display: flex;
    align-items: center;
    gap: 36px;
    flex-wrap: wrap;
    flex: 1 1 auto;
    min-width: 0;
}

.epal-footer-value[b-yj4ug461nk] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    max-width: 260px;
}

.epal-footer-value-icon[b-yj4ug461nk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    color: var(--epal-text-brand);
}

.epal-footer-value-icon[b-yj4ug461nk]  svg {
    width: 24px;
    height: 24px;
    fill: var(--epal-text-brand) !important;
}

.epal-footer-value-texts[b-yj4ug461nk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.25;
    min-width: 0;
}

.epal-footer-value-title[b-yj4ug461nk] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--epal-text-brand);
}

.epal-footer-value-desc[b-yj4ug461nk] {
    font-size: 0.72rem;
    color: var(--epal-text-brand);
    font-weight: 500;
    opacity: 0.85;
}

.epal-footer-legal[b-yj4ug461nk] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex: 0 0 auto;
}

.epal-footer-copyright[b-yj4ug461nk] {
    font-size: 0.78rem;
    color: var(--epal-text-brand);
    font-weight: 500;
}

.epal-footer-links[b-yj4ug461nk] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    color: var(--epal-text-brand);
}

.epal-footer-link[b-yj4ug461nk] {
    color: var(--epal-text-link);
    text-decoration: none;
    font-weight: 500;
}

    .epal-footer-link:hover[b-yj4ug461nk] {
        text-decoration: underline;
    }

.epal-footer-sep[b-yj4ug461nk] {
    color: var(--epal-text-brand);
    opacity: 0.5;
}

@media (max-width: 949.98px) {
    .epal-main[b-yj4ug461nk]  .epal-footer {
        flex-direction: column;
        align-items: flex-start;
        padding: 18px 20px;
    }

    .epal-footer-values[b-yj4ug461nk] {
        gap: 18px;
    }

    .epal-footer-legal[b-yj4ug461nk] {
        align-items: flex-start;
    }
}

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

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

.epal-contracts-picker[b-yj4ug461nk] {
    margin-right: 8px;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
#nav-menu-container.epal-nav-container[b-ib8z97ydhz] {
    background: url('/img/autheticated_left_background.png') no-repeat center bottom;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 260px;
    flex: 0 0 260px;
    border-right: 1px solid #ececec;
    padding: 18px 14px 0;
    box-sizing: border-box;
    overflow: hidden;
    transition: width 0.2s ease, flex-basis 0.2s ease, transform 0.3s ease, opacity 0.25s ease, padding 0.2s ease;
    transform: translateX(0);
    position: relative;
}

.epal-brand[b-ib8z97ydhz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 4px 10px 18px;
    text-decoration: none;
    background: transparent;
    flex: 0 0 auto;
}

.epal-brand-logo[b-ib8z97ydhz] {
    width: 130px;
    height: auto;
    object-fit: contain;
    flex: 0 0 auto;
}

.epal-brand-sub[b-ib8z97ydhz] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--epal-text-strong);
    text-align: center;
}

.epal-nav-scroll[b-ib8z97ydhz] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 -4px;
    padding: 8px 4px 4px;
}

.epal-nav-list[b-ib8z97ydhz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#nav-menu-container[b-ib8z97ydhz]  .epal-nav-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 10px;
    text-decoration: none;
    color: var(--epal-text-strong);
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.epal-nav-icon[b-ib8z97ydhz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

#nav-menu-container[b-ib8z97ydhz]  .epal-nav-link svg {
    width: 22px;
    height: 22px;
    fill: var(--epal-text-brand) !important;
}

#nav-menu-container[b-ib8z97ydhz]  .epal-nav-link.active svg {
    fill: #ffffff !important;
}

.epal-nav-title[b-ib8z97ydhz] {
    font-size: 0.95rem;
    font-weight: 600;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#nav-menu-container[b-ib8z97ydhz]  .epal-nav-link:hover {
    background-color: var(--epal-blue-soft-bg);
    color: var(--epal-text-brand);
}

#nav-menu-container[b-ib8z97ydhz]  .epal-nav-link.active {
    background-color: var(--epal-blue);
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(61, 116, 224, 0.25);
}

    #nav-menu-container[b-ib8z97ydhz]  .epal-nav-link.active .epal-nav-title {
        color: #ffffff;
    }

.epal-nav-footer[b-ib8z97ydhz] {
    flex: 0 0 auto;
    padding: 12px 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.epal-help-card[b-ib8z97ydhz] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 14px;
    border: 1px solid #e9eef5;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04);
    position: relative;
    z-index: 2;
    margin-bottom: 5rem;
}

.epal-help-icon[b-ib8z97ydhz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 50%;
    background: var(--epal-blue-soft-bg);
    color: var(--epal-text-brand);
}

.epal-help-icon[b-ib8z97ydhz]  svg {
    width: 20px;
    height: 20px;
    fill: currentColor !important;
}

.epal-help-texts[b-ib8z97ydhz] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    min-width: 0;
    gap: 1px;
}

.epal-help-title[b-ib8z97ydhz] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--epal-text-brand);
}

.epal-help-sub[b-ib8z97ydhz] {
    font-size: 0.7rem;
    color: var(--epal-text-muted);
}

.epal-help-phone[b-ib8z97ydhz] {
    margin-top: 2px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--epal-text-link);
}



.epal-nav-backdrop[b-ib8z97ydhz] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9;
    background: rgba(16, 24, 40, 0.45);
}

#nav-menu-container.collapsed-mobile.epal-nav-container[b-ib8z97ydhz] {
    width: 76px;
    flex-basis: 76px;
    padding-left: 8px;
    padding-right: 8px;
}

    #nav-menu-container.collapsed-mobile .epal-brand[b-ib8z97ydhz] {
        padding: 4px;
    }

    #nav-menu-container.collapsed-mobile .epal-brand-logo[b-ib8z97ydhz] {
        width: 48px;
    }

    #nav-menu-container.collapsed-mobile .epal-brand-sub[b-ib8z97ydhz],
    #nav-menu-container.collapsed-mobile .epal-nav-title[b-ib8z97ydhz],
    #nav-menu-container.collapsed-mobile .epal-help-card[b-ib8z97ydhz] {
        display: none;
    }

    #nav-menu-container.collapsed-mobile[b-ib8z97ydhz]  .epal-nav-link {
        justify-content: center;
        padding: 10px;
    }


.hidden-menu[b-ib8z97ydhz] {
    transform: translateX(-110%) !important;
    opacity: 0;
    pointer-events: none;
    box-shadow: none !important;
}

@media (min-width: 950px) {
    #nav-menu-container.hidden-menu.epal-nav-container[b-ib8z97ydhz] {
        width: 0;
        flex-basis: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }
}


@media (max-width: 949.98px) {
    #nav-menu-container.epal-nav-container[b-ib8z97ydhz] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1500;
        height: 100vh;
        width: 260px;
        flex-basis: 260px;
        transform: translateX(-105%);
        box-shadow: none;
    }

        #nav-menu-container.epal-nav-container:not(.collapsed-mobile):not(.hidden-menu)[b-ib8z97ydhz] {
            transform: translateX(0);
            box-shadow: 4px 0 10px rgba(0, 0, 0, 0.3);
        }


    #nav-menu-container.collapsed-mobile.epal-nav-container[b-ib8z97ydhz] {
        width: 280px;
        flex-basis: 280px;
        padding: 18px 14px 0;
    }

        #nav-menu-container.collapsed-mobile .epal-brand-sub[b-ib8z97ydhz],
        #nav-menu-container.collapsed-mobile .epal-nav-title[b-ib8z97ydhz],
        #nav-menu-container.collapsed-mobile .epal-help-card[b-ib8z97ydhz] {
            display: flex;
        }

    .epal-nav-backdrop[b-ib8z97ydhz] {
        display: block;
    }
}

#nav-menu-container .epal-nav-close[b-ib8z97ydhz] {
    display: none;
}

@media (max-width: 442px) {
    #nav-menu-container .epal-nav-close[b-ib8z97ydhz] {
        display: flex;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-l7ygrdlon3],
.components-reconnect-repeated-attempt-visible[b-l7ygrdlon3],
.components-reconnect-failed-visible[b-l7ygrdlon3],
.components-pause-visible[b-l7ygrdlon3],
.components-resume-failed-visible[b-l7ygrdlon3],
.components-rejoining-animation[b-l7ygrdlon3] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/ToggleNavButton.razor.rz.scp.css */
.epal-hamburger[b-05ebkr63w7] {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--epal-text-brand);
    padding: 6px;
    border-radius: 8px;
    transition: background-color 0.15s ease;
}

    .epal-hamburger:hover[b-05ebkr63w7] {
        background-color: var(--epal-blue-soft-bg);
    }

.epal-hamburger[b-05ebkr63w7]  svg {
    fill: var(--epal-text-brand) !important;
}
/* /Components/Pages/Billing/Details/Index.razor.rz.scp.css */
.status-body[b-n7dw25kz6w] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 8px;
}

.status-icon[b-n7dw25kz6w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-icon-paid[b-n7dw25kz6w] {
    background-color: transparent;
    border: 1px solid #1E803F;
}

.status-icon-pending[b-n7dw25kz6w] {
    background-color: transparent;
    border: 1px solid #FF6F24;
}

.status-text[b-n7dw25kz6w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.status-label[b-n7dw25kz6w] {
    font-size: 13px;
    font-weight: 600;
    color: var(--epal-text-strong);
    opacity: 0.85;
}

.status-title[b-n7dw25kz6w] {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
}

[b-n7dw25kz6w] .status-title-paid,
.status-title-paid[b-n7dw25kz6w] {
    color: #1E803F !important;
}

[b-n7dw25kz6w] .status-title-pending,
.status-title-pending[b-n7dw25kz6w] {
    color: #FF6F24 !important;
}

.status-meta[b-n7dw25kz6w] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    margin-top: 4px;
}

[b-n7dw25kz6w] .status-dot,
.status-dot[b-n7dw25kz6w] {
    width: 8px;
    height: 8px;
    min-width: 8px;
    min-height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

[b-n7dw25kz6w] .status-dot-paid,
.status-dot-paid[b-n7dw25kz6w] {
    background-color: #1E803F;
}

[b-n7dw25kz6w] .status-dot-pending,
.status-dot-pending[b-n7dw25kz6w] {
    background-color: #FF6F24;
}

.status-subtext[b-n7dw25kz6w] {
    font-weight: 500;
}

[b-n7dw25kz6w] .status-subtext-paid,
.status-subtext-paid[b-n7dw25kz6w] {
    color: #1E803F;
}

[b-n7dw25kz6w] .status-subtext-pending,
.status-subtext-pending[b-n7dw25kz6w] {
    color: #FF6F24;
}

.invoice-wrapper[b-n7dw25kz6w] {
    height: 100%;
}

    .invoice-wrapper[b-n7dw25kz6w]  .invoice-info-card {
        padding: 32px !important;
        height: 100% !important;
    }

.payment-wrapper[b-n7dw25kz6w] {
    height: 100%;
}

    .payment-wrapper[b-n7dw25kz6w]  .payment-card {
        padding: 24px !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .payment-wrapper[b-n7dw25kz6w]  .payment-header {
        margin-bottom: 20px;
    }

    .payment-wrapper[b-n7dw25kz6w]  .payment-title {
        margin: 0 0 4px 0;
        font-size: 24px;
        font-weight: 700;
        color: var(--epal-text-strong);
    }

    .payment-wrapper[b-n7dw25kz6w]  .security-badge {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 13px;
        font-weight: 500;
        color: var(--epal-text-muted, #677cad);
    }

    .payment-wrapper[b-n7dw25kz6w]  .amount-container {
        margin-top: 24px;
        margin-bottom: 20px;
    }

    .payment-wrapper[b-n7dw25kz6w]  .amount-label {
        font-size: 14px;
        font-weight: 700;
        color: var(--epal-text-strong);
    }

    .payment-wrapper[b-n7dw25kz6w]  .amount-value {
        margin: 6px 0 0 0;
        font-size: 36px;
        font-weight: 700;
        color: var(--epal-blue, #0153DF);
        line-height: 1;
    }

    .payment-wrapper[b-n7dw25kz6w]  .pay-button {
        width: 100% !important;
        height: 50px !important;
        margin-bottom: 16px;
    }

        .payment-wrapper[b-n7dw25kz6w]  .pay-button::part(control) {
            width: 100% !important;
            height: 100% !important;
            background-color: var(--epal-blue, #0153DF) !important;
            border-radius: 12px !important;
            border: none !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            box-shadow: none !important;
            cursor: pointer;
            padding: 0 !important;
            transition: background-color 0.2s ease-in-out;
        }

            .payment-wrapper[b-n7dw25kz6w]  .pay-button::part(control):hover {
                background-color: var(--epal-blue-hover, #0143B5) !important;
            }

            .payment-wrapper[b-n7dw25kz6w]  .pay-button::part(control):active {
                background-color: var(--epal-blue-strong, #013BA0) !important;
            }

    .payment-wrapper[b-n7dw25kz6w]  .pay-button-content {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-size: 16px;
        font-weight: 600;
        color: #ffffff !important;
    }

    .payment-wrapper[b-n7dw25kz6w]  .info-banner {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 16px;
        background-color: var(--epal-info-bg, #E8F3FE);
        border: 1px solid var(--epal-card-border, #eff4fc);
        border-radius: 12px;
        margin-top: 4px;
    }

    .payment-wrapper[b-n7dw25kz6w]  .info-banner-icon-wrapper {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    .payment-wrapper[b-n7dw25kz6w]  .info-banner-text {
        font-size: 13px;
        line-height: 1.4;
        font-weight: 500;
        color: var(--epal-blue, #0153DF);
        text-align: left;
    }
/* /Components/Pages/Billing/PayInvoice.razor.rz.scp.css */
.unpaid-row[b-d2vm2btvp4]  fluent-badge {
    --badge-fill-unpaid: color-mix(in srgb, var(--error, #d32f2f) 20%, transparent) !important;
    --badge-color-unpaid: var(--error, #d32f2f) !important;
    border: 2px solid var(--error, #d32f2f) !important;
    border-radius: 9999px !important;
}

.paid-row[b-d2vm2btvp4]  fluent-badge {
    --badge-fill-paid: color-mix(in srgb, var(--success, #2e7d32) 20%, transparent) !important;
    --badge-color-paid: var(--success, #2e7d32) !important;
    border: 2px solid var(--success, #2e7d32) !important;
    border-radius: 9999px !important;
}

.payment-grid-container[b-d2vm2btvp4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
    width: 100%;
    padding: 8px 0;
}

.payment-option-card[b-d2vm2btvp4] {
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
    padding: 16px;
    background-color: var(--neutral-layer-1, #ffffff);
    border: 1px solid var(--neutral-stroke-rest, #e0e0e0);
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
    transition: all 0.15s ease-in-out;
}

    .payment-option-card:hover[b-d2vm2btvp4] {
        border-color: var(--neutral-stroke-hover, #adadad);
        background-color: var(--neutral-layer-2, #fafafa);
    }

.payment-icon-circle[b-d2vm2btvp4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: var(--neutral-layer-2, #f5f5f5);
    color: var(--neutral-foreground-rest, #424242);
    flex-shrink: 0;
}

.payment-text-block[b-d2vm2btvp4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.payment-label[b-d2vm2btvp4] {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest, #323130);
}

.payment-description[b-d2vm2btvp4] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #706e6b);
}

.payment-option-card.is-selected[b-d2vm2btvp4] {
    border: 2px solid var(--accent-fill-rest, #0078d4);
    background-color: color-mix(in srgb, var(--accent-fill-rest, #0078d4) 6%, transparent);
    padding: 15px;
}

    .payment-option-card.is-selected .payment-label[b-d2vm2btvp4] {
        color: var(--accent-fill-rest, #0078d4);
    }

    .payment-option-card.is-selected .payment-icon-circle[b-d2vm2btvp4] {
        background-color: color-mix(in srgb, var(--accent-fill-rest, #0078d4) 15%, transparent);
        color: var(--accent-fill-rest, #0078d4);
    }

    .payment-option-card.is-selected .selection-indicator[b-d2vm2btvp4] {
        position: absolute;
        left: 0;
        top: 25%;
        height: 50%;
        width: 4px;
        background-color: var(--accent-fill-rest, #0078d4);
        border-radius: 0 4px 4px 0;
    }

.payment-option-card.is-disabled[b-d2vm2btvp4] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #f5f5f5;
}

    .payment-option-card.is-disabled:hover[b-d2vm2btvp4] {
        transform: none;
        box-shadow: none;
    }
/* /Components/Pages/Billing/Receipts/Details/Index.razor.rz.scp.css */
.receipt-wrapper[b-wt80krmxqo] {
    height: 100%;
}

    .receipt-wrapper[b-wt80krmxqo]  .receipt-info-card {
        padding: 32px !important;
        height: 100% !important;
    }
/* /Components/Pages/Home.razor.rz.scp.css */
[b-zt6fetfilp] .epal-chart-card {
    background-color: var(--epal-card-bg, #ffffff);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    border-radius: 12px;
    border: 1px solid var(--epal-card-border, #eff4fc);
    padding: 20px;
    width: 100%;
}

.epal-chart-header[b-zt6fetfilp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.epal-chart-title-wrap[b-zt6fetfilp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.epal-chart-title[b-zt6fetfilp] {
    color: var(--epal-text-strong);
    margin: 0;
    font-weight: 700;
}

[b-zt6fetfilp] fluent-select.epal-range-picker {
    --neutral-stroke-rest: var(--epal-card-border, #eff4fc);
    --neutral-stroke-hover: var(--epal-card-border, #eff4fc);
    --neutral-stroke-active: var(--epal-card-border, #eff4fc);
    --neutral-stroke-focus: var(--epal-card-border, #eff4fc);
    --neutral-foreground-rest: #4e59bc;
    color: #4e59bc;
    border-radius: 8px;
}

    [b-zt6fetfilp] fluent-select.epal-range-picker::part(control) {
        border-color: var(--epal-card-border, #eff4fc) !important;
        color: #4e59bc !important;
        font-weight: 600;
        border-radius: 8px;
    }

    [b-zt6fetfilp] fluent-select.epal-range-picker::part(selected-value) {
        color: #4e59bc !important;
        font-weight: 600;
    }

    [b-zt6fetfilp] fluent-select.epal-range-picker svg {
        fill: #4e59bc !important;
        color: #4e59bc !important;
    }

    [b-zt6fetfilp] fluent-select.epal-range-picker fluent-option {
        color: #4e59bc;
    }

.epal-chart-canvas[b-zt6fetfilp] {
    height: 260px;
    width: 100%;
    overflow: visible;
}

    .epal-chart-canvas[b-zt6fetfilp]  .apexcharts-canvas,
    .epal-chart-canvas[b-zt6fetfilp]  .apexcharts-svg {
        height: 260px !important;
    }

.chart-skeleton-container[b-zt6fetfilp] {
    display: flex;
    gap: 15px;
    height: 260px;
    width: 100%;
}

.y-axis-labels[b-zt6fetfilp] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 35px;
}

.chart-content[b-zt6fetfilp] {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.grid-lines[b-zt6fetfilp] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 30px;
}

    .grid-lines .line[b-zt6fetfilp] {
        border-bottom: 1px solid #f0f0f0;
        width: 100%;
    }

.bars-area[b-zt6fetfilp] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    height: 100%;
    width: 100%;
}

.bar-group[b-zt6fetfilp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

fluent-card[b-zt6fetfilp] {
    height: 100%;
}

    fluent-card[b-zt6fetfilp]::part(control) {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

.payments-graph-card[b-zt6fetfilp] {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #f4f4f4;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* /Components/Pages/OnlineContact/Index.razor.rz.scp.css */
.validation-wrapper[b-wxivyb9lre] {
    margin-top: 4px;
}
/* /Components/Pages/OnlineContact/OnlineContactTypes.razor.rz.scp.css */
.types-wrap[b-zwj1vfq90e] {
    width: 100%;
    padding: 4px 0 12px;
    display: flex;
    justify-content: center;
}

.types-wrap.is-invalid[b-zwj1vfq90e] {
    border-bottom: 2px solid #d63384;
}

.types-wrap[b-zwj1vfq90e]  .types-radio-group {
    display: inline-flex !important;
    width: auto !important;
}

.types-wrap[b-zwj1vfq90e]  .types-radio-group::part(positioning-region) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 60px;
}

.types-wrap[b-zwj1vfq90e]  fluent-radio {
    margin: 0 !important;
}

.types-wrap[b-zwj1vfq90e]  fluent-radio,
.types-wrap[b-zwj1vfq90e]  fluent-radio::part(label) {
    color: #787878 !important;
}

.types-wrap[b-zwj1vfq90e]  fluent-radio::part(control) {
    width: 18px;
    height: 18px;
    background: #c9ced6 !important;
    border: 2px solid #c9ced6 !important;
}

.types-wrap[b-zwj1vfq90e]  fluent-radio::part(checked-indicator) {
    background: transparent !important;
}

.types-wrap[b-zwj1vfq90e]  fluent-radio.checked::part(control),
.types-wrap[b-zwj1vfq90e]  fluent-radio[checked]::part(control),
.types-wrap[b-zwj1vfq90e]  fluent-radio[aria-checked="true"]::part(control) {
    background: #ffffff !important;
    border: 2px solid var(--epal-menu-blue) !important;
}
/* /Components/Pages/Profile/Components/ChangeEmailDialog.razor.rz.scp.css */
.button-load-wrapper[b-6rhn687w9b]  .loading-button {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    gap: 12px;
}

    .button-load-wrapper[b-6rhn687w9b]  .loading-button > fluent-button {
        flex-grow: 1 !important;
        width: 100% !important;
    }

    .button-load-wrapper[b-6rhn687w9b]  .loading-button > fluent-progress-ring {
        flex-shrink: 0 !important;
    }
/* /Components/Pages/Profile/Components/ChangePasswordDialog.razor.rz.scp.css */
.button-load-wrapper[b-g975yjymz4]  .loading-button {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    gap: 12px;
}

    .button-load-wrapper[b-g975yjymz4]  .loading-button > fluent-button {
        flex-grow: 1 !important;
        width: 100% !important;
    }

    .button-load-wrapper[b-g975yjymz4]  .loading-button > fluent-progress-ring {
        flex-shrink: 0 !important;
    }
/* /Components/Pages/Profile/Components/ChangeProfilePictureDialog.razor.rz.scp.css */
.button-load-wrapper[b-qvlqqbti07]  .loading-button {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    gap: 12px;
}

    .button-load-wrapper[b-qvlqqbti07]  .loading-button > fluent-button {
        flex-grow: 1 !important;
        width: 100% !important;
    }

    .button-load-wrapper[b-qvlqqbti07]  .loading-button > fluent-progress-ring {
        flex-shrink: 0 !important;
    }
/* /Components/Pages/Profile/Index.razor.rz.scp.css */
.cards-wrapper[b-naqhysqiai]  .right-border-card {
    box-shadow: none;
    border-style: none;
    border-bottom: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: initial;
}

@media (min-width: 960px) {
    .cards-wrapper[b-naqhysqiai]  .right-border-card {
        box-shadow: none;
        border-style: none;
        border-right: 1px solid var(--neutral-stroke-layer-rest);
        border-radius: initial;
    }
}

.cards-wrapper[b-naqhysqiai]  .left-border-card {
    box-shadow: none;
    border-style: none;
    border-top: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: initial;
}

@media (min-width: 960px) {
    .cards-wrapper[b-naqhysqiai]  .left-border-card {
        box-shadow: none;
        border-style: none;
        border-left: 1px solid var(--neutral-stroke-layer-rest);
        border-radius: initial;
    }
}

.cards-wrapper[b-naqhysqiai]  .no-border-card {
    box-shadow: none;
    border-style: none;
    border-radius: initial;
}

.profile-meta-row[b-naqhysqiai] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 0;
}

.profile-meta-icon[b-naqhysqiai] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 8px;
    background: #e6eefc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .profile-meta-icon[b-naqhysqiai]  svg {
        fill: #1848da !important;
    }

.profile-meta-stack[b-naqhysqiai] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.profile-meta-label[b-naqhysqiai] {
    font-size: 0.8rem;
    color: var(--epal-text-muted);
    line-height: 1.2;
}

.profile-meta-value[b-naqhysqiai] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--epal-text-strong);
    line-height: 1.2;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.profile-field-helper[b-naqhysqiai] {
    display: block;
    margin-top: 6px;
    font-size: 0.8rem;
    color: var(--epal-text-muted);
    line-height: 1.3;
}


.profile-privacy-link[b-naqhysqiai] {
    color: var(--epal-text-link);
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
}

    .profile-privacy-link:hover[b-naqhysqiai] {
        text-decoration: underline;
    }

    .profile-privacy-link[b-naqhysqiai]  svg {
        display: block;
    }

.profile-privacy-notice-text[b-naqhysqiai] {
    color: var(--epal-text-muted);
    font-size: var(--type-ramp-base-font-size);
    font-weight: 200;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 960px) {
    .profile-privacy-notice[b-naqhysqiai] {
        justify-content: flex-start !important;
    }
}

.profile-persona-stack[b-naqhysqiai] {
    min-width: 0;
    flex: 1 1 auto;
}

    .profile-persona-stack > span[b-naqhysqiai] {
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

.profile-nav-card[b-naqhysqiai] {
    padding: 14px !important;
}

@media (max-width: 1175.98px) {
    [b-naqhysqiai] .profile-nav-col,
    [b-naqhysqiai] .profile-content-col {
        flex-grow: 0 !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

.profile-nav-item[b-naqhysqiai] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    text-decoration: none;
    color: var(--epal-text-strong, #1F1648);
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1.2;
    transition: background-color 0.15s ease, color 0.15s ease;
    background: transparent;
    min-width: 0;
}

    .profile-nav-item > span[b-naqhysqiai] {
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .profile-nav-item:hover[b-naqhysqiai] {
        background: #f2f8fe;
        text-decoration: none;
    }

    .profile-nav-item.is-active[b-naqhysqiai] {
        background: #f2f8fe;
        color: #0348f8;
    }

        .profile-nav-item.is-active[b-naqhysqiai]  svg {
            fill: #0348f8 !important;
        }

    .profile-nav-item[b-naqhysqiai]  svg {
        flex-shrink: 0;
    }

.epal-export-btn[b-naqhysqiai] {
    white-space: normal;
    max-width: 100%;
    text-align: left;
    line-height: 1.2;
}

/* 2FA status badge — pill-shaped, button-like */
.profile-2fa-badge[b-naqhysqiai] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.85rem;
    line-height: 1.4;
}

    .profile-2fa-badge[b-naqhysqiai]  svg {
        flex-shrink: 0;
    }

.profile-2fa-badge-on[b-naqhysqiai] {
    background: #dcf5e2;
    color: #1E7E34;
    border: 1px solid #b9e1c4;
}

.profile-2fa-badge-off[b-naqhysqiai] {
    background: #fde2e2;
    color: #b32121;
    border: 1px solid #f5c2c2;
}
/* /Components/Pages/Readings/Components/ReadingMeterInstructionsCard.razor.rz.scp.css */
[b-5u95rp1ocq] .fluent-wizard > ol > li .fluent-wizard-icon-number {
    transform: translateY(5px) !important;
}


.filled-step[b-5u95rp1ocq] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.filled-circle[b-5u95rp1ocq] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    background: var(--accent-fill-rest);
    border: 1px solid var(--accent-stroke-control-rest);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.filled-step-text[b-5u95rp1ocq] {
    display: flex;
    flex-direction: column;
}

.filled-step-label[b-5u95rp1ocq] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.filled-step-summary[b-5u95rp1ocq] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-top: 2px;
}
/* /Components/Pages/Readings/Components/WaterMeterReadingConfirmation.razor.rz.scp.css */
.meter-confirmation-card[b-b4za3lf4xi] {
    background-color: #ffffff;
    border: 1px solid #e1e9f0;
    border-radius: 14px;
    padding: 18px 24px;
    display: inline-block;
    width: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.015);
}

.confirmation-icon-wrapper[b-b4za3lf4xi] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .confirmation-icon-wrapper[b-b4za3lf4xi]  svg {
        width: 38px;
        height: 38px;
    }

.confirmation-title[b-b4za3lf4xi] {
    font-family: var(--body-font), Arial, sans-serif;
    color: #1a8738;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    letter-spacing: -0.1px;
}

.confirmation-description[b-b4za3lf4xi] {
    font-family: var(--body-font), Arial, sans-serif;
    color: #556a85;
    font-size: 13.5px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}
/* /Components/Pages/Readings/Create.razor.rz.scp.css */
[b-p3ifdp4xrj] .fluent-wizard > ol > li .fluent-wizard-icon-number {
    transform: translateY(5px) !important;
}

.wizard-container[b-p3ifdp4xrj]  .fluent-wizard-buttons {
    display: flex !important;
    width: 100% !important;
}

    .wizard-container[b-p3ifdp4xrj]  .fluent-wizard-buttons span {
        margin-right: 0px !important;
    }

    .wizard-container[b-p3ifdp4xrj]  .fluent-wizard-buttons fluent-button {
        flex: 1 !important;
        width: 100% !important;
    }

        .wizard-container[b-p3ifdp4xrj]  .fluent-wizard-buttons fluent-button::part(control) {
            width: 100% !important;
        }
/* /Components/Pages/Readings/Index.razor.rz.scp.css */
.grid-header-container[b-x45e9me608] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse; /* Dates at the top */
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    margin-bottom: 1.5rem;
}

@media (max-width: 600px) {
    .grid-filters[b-x45e9me608], #range-selector-anchor[b-x45e9me608] {
        width: 100% !important;
    }
}
/* /Components/Shared/AccountHeader.razor.rz.scp.css */
.account-header[b-g0od9i24lv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: var(--neutral-layer-2, #fafafa);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    border: 1px solid #8bbfda;
    border-left: 4px solid #8bbfda;
    margin-bottom: 4px;
    flex-wrap: wrap;
    gap: 12px;
}

.account-header-left[b-g0od9i24lv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.account-header-title[b-g0od9i24lv] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.account-header-fullname[b-g0od9i24lv] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint, #666);
}

.account-header-right[b-g0od9i24lv] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.account-header-badge[b-g0od9i24lv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    background: var(--accent-fill-rest, #0078d4);
    padding: 8px 16px;
    border-radius: 6px;
}

.account-header-badge-label[b-g0od9i24lv] {
    font-size: 0.7rem;
    color: rgba(255,255,255,0.75);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.account-header-badge-value[b-g0od9i24lv] {
    font-size: 1rem;
    font-weight: 700;
    color: white;
}

.account-header-separator[b-g0od9i24lv] {
    width: 1px;
    height: 36px;
    background: var(--neutral-stroke-rest, #e0e0e0);
    border-radius: 1px;
    flex-shrink: 0;
}

.account-header-actions[b-g0od9i24lv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 768px) {
    .account-header-right[b-g0od9i24lv] {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .account-header-separator[b-g0od9i24lv] {
        display: none;
    }

    .account-header-actions[b-g0od9i24lv] {
        width: 100%;
        justify-content: center;
        padding-top: 8px;
        border-top: 1px solid var(--neutral-stroke-rest, #e0e0e0);
    }
}
/* /Components/Shared/ContractSelector.razor.rz.scp.css */

.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker {
    --type-ramp-base-font-weight: 700;
    --font-weight: 700;
    font-weight: 700 !important;
}

.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker::part(control),
.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker::part(selected-value),
.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker::part(listbox) {
    font: 700 0.9rem/1 'Inter', sans-serif !important;
}

.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker::part(control) {
    border-radius: 25px;
    height: 28px;
    min-height: 28px;
    align-items: center;
    border: 1px solid var(--epal-text-brand, #312070) !important;
    background-color: #ffffff !important;
    color: var(--epal-text-brand, #312070) !important;
    padding: 0 14px;
}

.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker *,
.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker fluent-option::part(content) {
    font-weight: 700 !important;
}

    .contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker:hover::part(control),
    .contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker:focus-within::part(control) {
        border-color: var(--epal-text-brand, #312070) !important;
        box-shadow: 0 0 0 3px rgba(49, 32, 112, 0.12);
    }

.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker::part(indicator) {
    fill: #98a2b3 !important;
    color: #98a2b3 !important;
}

.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker fluent-option {
    color: var(--epal-text-brand, #312070) !important;
    font-weight: 700;
}


.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-progress {
    width: 150px;
}

.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-progress::part(determinate),
.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-progress::part(indeterminate-indicator-1),
.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-progress::part(indeterminate-indicator-2) {
    background-color: var(--epal-menu-blue, #0153DF) !important;
}

.contract-dropdown-container[b-dr7na2tlht]  .epal-contract-badge::part(control) {
    background: var(--epal-menu-blue, #0153DF) !important;
    color: #ffffff !important;
}

@media (max-width: 442px) {
    .contract-dropdown-container[b-dr7na2tlht] {
        width: 100%;
    }

    .contract-dropdown-container[b-dr7na2tlht]  .epal-contract-picker {
        width: 100% !important;
    }


    .contract-dropdown-container[b-dr7na2tlht]  .epal-contract-progress {
        width: 100% !important;
    }
}

@media (max-width: 320px) {
    .contract-dropdown-container[b-dr7na2tlht]  .epal-contract-badge {
        width: 100% !important;
        height: auto !important;
    }

    .contract-dropdown-container[b-dr7na2tlht]  .epal-contract-badge::part(control) {
        height: auto !important;
        min-height: 0 !important;
        white-space: normal !important;
        text-align: center;
        line-height: 1.2;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .contract-dropdown-container[b-dr7na2tlht]  .epal-contract-badge,
    .contract-dropdown-container[b-dr7na2tlht]  .epal-contract-badge * {
        white-space: normal !important;
    }
}
/* /Components/Shared/CookieConsentDialog.razor.rz.scp.css */
.epal-cookie-dialog[b-1egru7po0v] {
    position: relative;
    padding: 0px 30px 0px 30px;
    box-sizing: border-box;
    background: transparent;
}

.epal-cookie-title[b-1egru7po0v] {
    margin: 0 0 16px;
    font-size: 1.5rem;
    font-weight: 800;
    color: #4a4a4a;
    text-align: left;
}

.epal-cookie-content[b-1egru7po0v] {
    margin: 0 0 28px;
    max-height: 55vh;
    overflow-y: auto;
    padding-right: 8px;
}

    .epal-cookie-content p[b-1egru7po0v] {
        margin: 0 0 12px;
        font-size: 0.95rem;
        color: #6a6a6a;
        line-height: 1.5;
        text-align: left;
    }

    .epal-cookie-content h4[b-1egru7po0v] {
        margin: 18px 0 8px;
        font-size: 1rem;
        font-weight: 700;
        color: #4a4a4a;
        text-align: left;
    }

.epal-cookie-actions[b-1egru7po0v] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.epal-cookie-btn[b-1egru7po0v] {
    width: 100%;
    padding: 14px 24px;
    border: none;
    border-radius: 12px;
    font-family: inherit;
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.05s ease;
}

    .epal-cookie-btn:hover[b-1egru7po0v] {
        filter: brightness(0.95);
    }

    .epal-cookie-btn:active[b-1egru7po0v] {
        transform: translateY(1px);
    }

.epal-cookie-btn-confirm[b-1egru7po0v] {
    background-color: var(--epal-blue, #0153DF);
}

.epal-cookie-btn-cancel[b-1egru7po0v] {
    background-color: #c0c0c0;
}
/* /Components/Shared/CurrentInvoice.razor.rz.scp.css */
/*::deep .current-invoice-card {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    font-family: var(--body-font);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-title-block .card-title {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    color: #333333;
}

.header-title-block .card-subtitle {
    margin: 2px 0 0 0;
    font-size: 0.85rem;
    color: #707070;
}

.status-pill {
    background-color: #e1dfdd;
    color: #323130;
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

.card-divider {
    border: 0;
    border-top: 1px solid #edebe9;
    margin: 0 0 20px 0;
}

.card-body {
    display: grid;
    grid-template-columns: 1.2fr 1.5fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
    align-items: start;
    padding-left: 18px;
}

.info-column {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.column-label {
    font-size: 0.85rem;
    color: #707070;
}

.amount-value {
    font-size: 1.6rem;
    font-weight: 700;
    color: #242424;
    letter-spacing: -0.5px;
}

.info-value {
    font-size: 1.05rem;
    color: #242424;
}

.bold-text {
    font-weight: 600;
}

.badge-capsule {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #f3f2f1;
    color: #605e5c;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    width: fit-content;
    margin-top: 2px;
}

.subtext-with-icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #707070;
    font-size: 0.78rem;
    margin-top: 2px;
}

.card-footer {
    display: flex;
    justify-content: flex-start;
}

::deep .download-btn {
    --control-corner-radius: 8px;
    font-weight: 600;
    border-color: #a19f9d;
    padding: 0 20px;
}
*/


[b-ixq4fp4s83] .current-invoice-card {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    font-family: var(--body-font);
}

/* Center alignment container rules for the empty state */
.empty-card-center[b-ixq4fp4s83] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    font-size: 0.95rem;
    color: #707070;
    font-weight: 500;
}

/* Header layout rules - flex-wrap allows items to wrap cleanly on tiny screens */
.card-header[b-ixq4fp4s83] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.header-left[b-ixq4fp4s83] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-title-block .card-title[b-ixq4fp4s83] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    color: #333333;
}

.header-title-block .card-subtitle[b-ixq4fp4s83] {
    margin: 2px 0 0 0;
    font-size: 0.85rem;
    color: #707070;
}

.status-pill[b-ixq4fp4s83] {
    background-color: #e1dfdd;
    color: #323130;
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

.card-divider[b-ixq4fp4s83] {
    border: 0;
    border-top: 1px solid #edebe9;
    margin: 0 0 20px 0;
}

/* Multi-column grid rules for desktop */
.card-body[b-ixq4fp4s83] {
    display: grid;
    grid-template-columns: 1.2fr 1.5fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
    align-items: start;
    padding-left: 18px;
}

.info-column[b-ixq4fp4s83] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.column-label[b-ixq4fp4s83] {
    font-size: 0.85rem;
    color: #707070;
}

.amount-value[b-ixq4fp4s83] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #242424;
    letter-spacing: -0.5px;
}

.info-value[b-ixq4fp4s83] {
    font-size: 1.05rem;
    color: #242424;
}

.bold-text[b-ixq4fp4s83] {
    font-weight: 600;
}

/* Badges and Subtext elements formatting */
.badge-capsule[b-ixq4fp4s83] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #f3f2f1;
    color: #605e5c;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    width: fit-content;
    margin-top: 2px;
}

    .badge-capsule.overdue[b-ixq4fp4s83] {
        background-color: #fde7e9;
        color: #a80005;
    }

.subtext-with-icon[b-ixq4fp4s83] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #707070;
    font-size: 0.78rem;
    margin-top: 2px;
}

.card-footer[b-ixq4fp4s83] {
    display: flex;
    justify-content: flex-start;
}

[b-ixq4fp4s83] .download-btn {
    --control-corner-radius: 8px;
    font-weight: 600;
    border-color: #a19f9d;
    padding: 0 20px;
}

@media (max-width: 768px) {
    [b-ixq4fp4s83] .current-invoice-card {
        padding: 16px;
    }

    .card-header[b-ixq4fp4s83] {
        align-items: flex-start;
    }

    .card-body[b-ixq4fp4s83] {
        grid-template-columns: 1fr;
        gap: 20px;
        padding-left: 0;
    }

    .amount-value[b-ixq4fp4s83] {
        font-size: 1.4rem;
    }

    .card-footer[b-ixq4fp4s83], [b-ixq4fp4s83] .download-btn {
        width: 100%;
    }

        [b-ixq4fp4s83] .download-btn button {
            width: 100%;
            justify-content: center;
        }
}
/* /Components/Shared/EmailConfirmDialog.razor.rz.scp.css */
.epal-email-dialog[b-myzdxdx5yz] {
    position: relative;
    padding: 0px 30px 0px 30px;
    box-sizing: border-box;
    background: transparent;
}

.epal-email-title[b-myzdxdx5yz] {
    margin: 0 0 10px;
    font-size: 1.5rem;
    font-weight: 800;
    color: #4a4a4a;
    text-align: left;
}

.epal-email-subtitle[b-myzdxdx5yz] {
    margin: 0 0 28px;
    font-size: 0.95rem;
    color: #a0a0a0;
    text-align: center;
    line-height: 1.4;
}

.epal-email-actions[b-myzdxdx5yz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.epal-email-btn[b-myzdxdx5yz] {
    width: 100%;
    padding: 14px 24px;
    border: none;
    border-radius: 12px;
    font-family: inherit;
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.05s ease;
}

    .epal-email-btn:hover[b-myzdxdx5yz] {
        filter: brightness(0.95);
    }

    .epal-email-btn:active[b-myzdxdx5yz] {
        transform: translateY(1px);
    }

.epal-email-btn-confirm[b-myzdxdx5yz] {
    background-color: var(--epal-blue, #0153DF);
}

.epal-email-btn-cancel[b-myzdxdx5yz] {
    background-color: #c0c0c0;
}
/* /Components/Shared/InvoiceHistoryGrid.razor.rz.scp.css */
.invoice-actions[b-p79t1ibhvx] {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    justify-content: flex-start;
}

.empty-content-placeholder[b-p79t1ibhvx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    color: var(--epal-text-muted);
}

@media (max-width: 600px) {
    .invoice-actions[b-p79t1ibhvx] {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
}
/* /Components/Shared/InvoiceOpenGrid.razor.rz.scp.css */
.grid-header-container[b-o84q517t3v] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap-reverse; /* Dates at the top */
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .grid-title[b-o84q517t3v] {
        color: var(--accent-fill-rest);
        margin: 0;
        flex: 1 0 auto;
    }

    fluent-popover[b-o84q517t3v]::part(region) {
        overflow: hidden !important;
        border: none !important;
        padding: 0 !important;
        box-shadow: var(--elevation-25);
    }

    #range-selector-anchor[b-o84q517t3v] {
        min-width: 250px;
        justify-content: flex-start;
        user-select: none;
        -webkit-user-select: none;
        cursor: pointer;
    }

    @media (max-width: 600px) {
        .grid-filters[b-o84q517t3v], #range-selector-anchor[b-o84q517t3v] {
            width: 100% !important;
        }
    }

    fluent-calendar[b-o84q517t3v]::part(container) {
        overflow: hidden !important;
    }

.grid-scroll-container[b-o84q517t3v] {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
}

[b-o84q517t3v] fluent-data-grid {
    min-width: 650px !important;
    display: block;
}

.grid-scroll-container[b-o84q517t3v]::-webkit-scrollbar {
    height: 6px;
}

.grid-scroll-container[b-o84q517t3v]::-webkit-scrollbar-thumb {
    background: var(--neutral-stroke-rest);
    border-radius: 10px;
}

[b-o84q517t3v] .grid-cell-placeholder {
    position: relative;
    pointer-events: none;
    color: transparent;
}

    [b-o84q517t3v] .grid-cell-placeholder::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 12px;
        transform: translateY(-50%);
        width: 60%;
        height: 14px;
        border-radius: 6px;
        background: linear-gradient(90deg, var(--neutral-fill-rest) 25%, var(--neutral-fill-hover) 50%, var(--neutral-fill-rest) 75%);
        background-size: 200% 100%;
        animation: shimmer-b-o84q517t3v 1.5s infinite;
    }

@keyframes shimmer-b-o84q517t3v {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}
/* /Components/Shared/LastInvoiceCard.razor.rz.scp.css */
[b-t60brqjm32] .invoice-fluent-card {
    --card-selected-border-width: 0px;
    background-color: var(--epal-card-bg, #ffffff);
    border: 1px solid var(--epal-card-border, #eff4fc);
    border-radius: 12px;
    padding: 24px;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    font-family: system-ui, -apple-system, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: auto;
    overflow: visible;
    min-width: 0;
}

    [b-t60brqjm32] .invoice-fluent-card::part(control) {
        overflow: visible !important;
    }

.invoice-header[b-t60brqjm32] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.icon-wrapper[b-t60brqjm32] {
    background-color: var(--epal-blue-soft-bg, #E6EEFC);
    color: var(--accent-fill-rest);
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.invoice-title[b-t60brqjm32] {
    color: var(--epal-text-strong);
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

.invoice-body[b-t60brqjm32] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-left: 64px;
}

.info-group[b-t60brqjm32] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-label[b-t60brqjm32] {
    color: var(--epal-text-subtitle, #586cbd);
    font-size: 14px;
    font-weight: 500;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

.info-value[b-t60brqjm32] {
    color: var(--accent-fill-rest);
    letter-spacing: 0.3px;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

.font-medium[b-t60brqjm32] {
    font-size: 16px;
    font-weight: 600;
}

.font-large[b-t60brqjm32] {
    font-size: 20px;
    font-weight: 700;
}


.invoice-details-btn[b-t60brqjm32] {
    margin-top: 24px;
    width: 100%;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--epal-card-bg, #ffffff);
    border: 1px solid var(--epal-card-border, #eff4fc);
    border-radius: 12px;
    cursor: pointer;
    color: var(--accent-fill-rest);
    font-family: inherit;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .invoice-details-btn:hover[b-t60brqjm32] {
        background: var(--epal-blue-very-soft-bg, #F2F6FE);
        border-color: var(--accent-fill-rest);
    }

.invoice-details-btn-text[b-t60brqjm32] {
    font-size: 15px;
    font-weight: 700;
    color: var(--accent-fill-rest);
}

.invoice-details-btn[b-t60brqjm32]  svg {
    stroke-width: 2;
    font-weight: 700;
}
/* /Components/Shared/LastInvoicesGrid.razor.rz.scp.css */
[b-9ybr953onp] .last-invoices-card {
    height: 100%;
}

.grid-footer-link[b-9ybr953onp] {
    display: flex;
    justify-content: flex-start;
    padding-top: 12px;
}

.grid-footer-link-anchor[b-9ybr953onp] {
    color: var(--epal-text-link);
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
}

    .grid-footer-link-anchor:hover[b-9ybr953onp] {
        text-decoration: underline;
    }

    .grid-footer-link-anchor[b-9ybr953onp]  svg {
        display: block;
    }

.empty-content-placeholder[b-9ybr953onp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    color: var(--epal-text-muted);
}
/* /Components/Shared/LogoutConfirmDialog.razor.rz.scp.css */
.epal-logout-dialog[b-mdc0jrm0yh] {
    position: relative;
    padding: 0px 30px 0px 30px;
    box-sizing: border-box;
    background: transparent;
}

.epal-logout-title[b-mdc0jrm0yh] {
    margin: 0 0 10px;
    font-size: 1.5rem;
    font-weight: 800;
    color: #4a4a4a;
    text-align: left;
}

.epal-logout-subtitle[b-mdc0jrm0yh] {
    margin: 0 0 28px;
    font-size: 0.95rem;
    color: #a0a0a0;
    text-align: center;
    line-height: 1.4;
}


.epal-logout-actions[b-mdc0jrm0yh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.epal-logout-btn[b-mdc0jrm0yh] {
    width: 100%;
    padding: 14px 24px;
    border: none;
    border-radius: 12px;
    font-family: inherit;
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.05s ease;
}

    .epal-logout-btn:hover[b-mdc0jrm0yh] {
        filter: brightness(0.95);
    }

    .epal-logout-btn:active[b-mdc0jrm0yh] {
        transform: translateY(1px);
    }

.epal-logout-btn-confirm[b-mdc0jrm0yh] {
    background-color: #ff0000;
}

.epal-logout-btn-cancel[b-mdc0jrm0yh] {
    background-color: #c0c0c0;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.epal-page-header[b-ybvfe4fwn1] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 0 12px;
}

.epal-page-header-icon[b-ybvfe4fwn1] {
    display: flex;
    align-items: flex-start;
    color: #787878;
    flex: 0 0 auto;
}

.epal-page-header-icon[b-ybvfe4fwn1]  svg {
    width: 28px;
    height: 28px;
    fill: #787878 !important;
}

.epal-page-header-text[b-ybvfe4fwn1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-top: 5px;
}

.epal-page-header-title[b-ybvfe4fwn1] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #787878;
    line-height: 1.1;
}

.epal-page-header-subtitle[b-ybvfe4fwn1] {
    font-size: 0.8rem;
    color: #7C7C7C;
    line-height: 1.1;
}
/* /Components/Shared/PhoneInput.razor.rz.scp.css */
 /* ── Layout ───────────────────────────────────────────────────────  */
.phone-input-wrapper[b-00980txxe9] {
    display: flex;
    align-items: stretch;
    border: 1px solid #d6def0;
    border-radius: 10px;
    background: #ffffff;
    transition: border-color 0.15s, background 0.15s;
    position: relative;
    overflow: visible;
    min-height: 48.8px;
}

    .phone-input-wrapper:focus-within[b-00980txxe9] {
        border-color: #1f6feb;
        background: #f5f8ff;
        box-shadow: 0 0 0 3px rgba(31, 111, 235, 0.18);
    }

    .phone-input-wrapper.has-error:not(:focus-within)[b-00980txxe9] {
        outline: 1px solid #e50000;
    }

    .phone-input-wrapper.is-valid:not(:focus-within)[b-00980txxe9] {
        outline: 1px solid #26b050;
    }

 /*── Country trigger button ───────────────────────────────────────  */
.phone-country-selector[b-00980txxe9] {
    position: relative;
    flex-shrink: 0;
    display: flex;
}

[b-00980txxe9] .efc-input-wrap {
    display: flex;
    height: 100%;
}

[b-00980txxe9] .country-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px 0 14px;
    background: transparent;
    border: none;
    border-right: 1px solid #d6def0;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    height: 100%;
    white-space: nowrap;
    font-size: 0.9rem;
    color: #0a2a55;
    transition: background 0.12s;
    min-width: 96px;
}

[b-00980txxe9] .country-trigger:hover {
    background: #f5f8ff;
}

[b-00980txxe9] .country-trigger .dial-code {
    font-size: 0.9rem;
    font-weight: 600;
    color: #0a2a55;
}

[b-00980txxe9] .country-trigger .chevron {
    width: 14px;
    height: 14px;
    transition: transform 0.2s ease;
    color: #5b6c87;
    opacity: 0.7;
}

[b-00980txxe9] .country-trigger[aria-expanded="true"] .chevron {
    transform: rotate(180deg);
}

[b-00980txxe9] .country-trigger .fi {
    width: 1.6em;
    height: 1.15em;
    border-radius: 2px;
    background-size: cover;
    flex-shrink: 0;
}

/* ── Dropdown ─────────────────────────────────────────────────────  */
.dropdown-backdrop[b-00980txxe9] {
    position: fixed;
    inset: 0;
    z-index: 999;
}

.country-dropdown[b-00980txxe9] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 1000;
    width: 300px;
    background: #ffffff;
    border: 1px solid #e6ecf5;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(10, 42, 85, 0.12);
    overflow: hidden;
    animation: dropdownFadeIn 0.12s ease-out;
}

@@keyframes dropdownFadeIn {
    from[b-00980txxe9] {
        opacity: 0;
        transform: translateY(-6px);
    }

    to[b-00980txxe9] {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Search ─────────────────────────────────────────────────────── */
.search-box[b-00980txxe9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border-bottom: 1px solid #eef2f7;
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 10;
}

    .search-box svg[b-00980txxe9] {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        color: #5b6c87;
    }

    .search-box input[b-00980txxe9] {
        border: 1px solid #d6def0;
        border-radius: 6px;
        outline: none;
        background: #ffffff;
        color: #0a2a55;
        font-size: 0.875rem;
        width: 100%;
        padding: 6px 8px;
    }

        .search-box input[b-00980txxe9]::placeholder {
            color: #94a3bc;
        }

        .search-box input:focus[b-00980txxe9] {
            border-color: #1f6feb;
        }

/* ── Country list ───────────────────────────────────────────────── */
.country-dropdown ul[b-00980txxe9] {
    list-style: none;
    margin: 0;
    padding: 4px 0;
    max-height: 260px;
    overflow-y: auto;
    scrollbar-width: thin;
}

    .country-dropdown ul[b-00980txxe9]::-webkit-scrollbar {
        width: 4px;
    }

    .country-dropdown ul[b-00980txxe9]::-webkit-scrollbar-thumb {
        background: #d6def0;
        border-radius: 2px;
    }

.country-dropdown li[b-00980txxe9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background 0.08s;
}

    .country-dropdown li:hover[b-00980txxe9],
    .country-dropdown li.active[b-00980txxe9] {
        background: #f0f4ff;
    }

    .country-dropdown li .name[b-00980txxe9] {
        flex: 1;
        color: #0a2a55;
    }

    .country-dropdown li .dial-code[b-00980txxe9] {
        font-size: 0.8rem;
        color: #5b6c87;
        font-weight: 600;
    }

.no-results[b-00980txxe9] {
    color: #5b6c87;
    font-style: italic;
    justify-content: center;
    cursor: default;
}

    .no-results:hover[b-00980txxe9] {
        background: transparent !important;
    }

/* ── Number input ───────────────────────────────────────────────── */
.phone-number-input[b-00980txxe9] {
    flex: 1;
    border: none;
    outline: none;
    padding: 0 14px;
    font-size: 0.95rem;
    color: #0a2a55;
    background: transparent;
    border-radius: 0 10px 10px 0;
    min-width: 0;
}

    .phone-number-input[b-00980txxe9]::placeholder {
        color: #94a3bc;
    }

    .phone-number-input:-webkit-autofill[b-00980txxe9],
    .phone-number-input:-webkit-autofill:hover[b-00980txxe9],
    .phone-number-input:-webkit-autofill:focus[b-00980txxe9],
    .phone-number-input:-webkit-autofill:active[b-00980txxe9] {
        -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
        -webkit-text-fill-color: #0a2a55 !important;
        caret-color: #0a2a55;
        transition: background-color 9999s ease-out 0s;
    }

/* Flag icons */
.country-trigger .fi[b-00980txxe9],
.country-dropdown li .fi[b-00980txxe9] {
    width: 1.6em;
    height: 1.15em;
    border-radius: 2px;
    background-size: cover;
    flex-shrink: 0;
}
/* /Components/Shared/QuickActionCard.razor.rz.scp.css */
.quick-action-card[b-4kg3f4qgze] {
    display: flex;
    align-items: center;
    background-color: var(--epal-card-bg, #ffffff);
    border: 1px solid var(--epal-card-border, #eff4fc);
    border-radius: 12px;
    padding: 14px 18px;
    box-shadow: 0 2px 6px rgba(11, 42, 99, 0.03);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    min-width: 260px;
    flex: 1;
}

    .quick-action-card:hover[b-4kg3f4qgze] {
        transform: translateY(-2px);
        box-shadow: 0 6px 14px rgba(11, 42, 99, 0.08);
    }

.icon-wrapper[b-4kg3f4qgze] {
    background-color: #edf3ff;
    border-radius: 12px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
    flex-shrink: 0;
}

.text-content[b-4kg3f4qgze] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 2px;
}

.action-title[b-4kg3f4qgze] {
    color: var(--epal-text-strong);
    font-weight: 700;
    font-size: 0.95rem;
}

.action-subtitle[b-4kg3f4qgze] {
    color: var(--epal-text-subtitle, #586cbd);
    font-size: 0.85rem;
}

.chevron-wrapper[b-4kg3f4qgze] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
    flex-shrink: 0;
}
/* /Components/Shared/QuickActionMenu.razor.rz.scp.css */
.quick-actions-container[b-oh3tl3pc30] {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--epal-card-border, #eff4fc);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    background-color: var(--epal-card-bg, #ffffff);
    width: 100%;
    display: block;
}

.menu-header[b-oh3tl3pc30] {
    margin-bottom: 16px;
    padding-left: 4px;
}

.menu-title[b-oh3tl3pc30] {
    color: var(--epal-text-strong);
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0;
}
/* /Components/Shared/ReceiptsGrid.razor.rz.scp.css */
.grid-header-container[b-n3w9oawu5i] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap-reverse; /* Dates at the top */
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .grid-title[b-n3w9oawu5i] {
        color: var(--accent-fill-rest);
        margin: 0;
        flex: 1 0 auto;
    }

    fluent-popover[b-n3w9oawu5i]::part(region) {
        overflow: hidden !important;
        border: none !important;
        padding: 0 !important;
        box-shadow: var(--elevation-25);
    }

    #range-selector-anchor[b-n3w9oawu5i] {
        min-width: 250px;
        justify-content: flex-start;
        user-select: none;
        -webkit-user-select: none;
        cursor: pointer;
    }

    @media (max-width: 600px) {
        .grid-filters[b-n3w9oawu5i], #range-selector-anchor[b-n3w9oawu5i] {
            width: 100% !important;
        }
    }

    fluent-calendar[b-n3w9oawu5i]::part(container) {
        overflow: hidden !important;
    }

.grid-scroll-container[b-n3w9oawu5i] {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
    display: block;
}

[b-n3w9oawu5i] fluent-data-grid {
    min-width: 800px !important;
    display: block;
}

.grid-scroll-container[b-n3w9oawu5i]::-webkit-scrollbar {
    height: 6px;
}

.grid-scroll-container[b-n3w9oawu5i]::-webkit-scrollbar-thumb {
    background: var(--neutral-stroke-rest);
    border-radius: 10px;
}

[b-n3w9oawu5i] .grid-cell-placeholder {
    position: relative;
    pointer-events: none;
    color: transparent;
}

    [b-n3w9oawu5i] .grid-cell-placeholder::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 12px;
        transform: translateY(-50%);
        width: 60%;
        height: 14px;
        border-radius: 6px;
        background: linear-gradient(90deg, var(--neutral-fill-rest) 25%, var(--neutral-fill-hover) 50%, var(--neutral-fill-rest) 75%);
        background-size: 200% 100%;
        animation: shimmer-b-n3w9oawu5i 1.5s infinite;
    }

@keyframes shimmer-b-n3w9oawu5i {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}





/* /Components/Shared/ServiceStatusCard.razor.rz.scp.css */
[b-00rie8e413] .epal-status-card {
    --card-selected-border-width: 0px;
    background-color: var(--epal-card-bg, #ffffff) !important;
    border: 1px solid var(--epal-card-border, #eff4fc) !important;
    border-radius: 12px;
    padding: 24px;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: auto;
    overflow: visible;
    min-width: 0;
}

    [b-00rie8e413] .epal-status-card::part(control) {
        overflow: visible !important;
    }

.epal-status-header[b-00rie8e413] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.epal-status-icon[b-00rie8e413] {
    background-color: var(--epal-blue-soft-bg, #E6EEFC);
    color: var(--accent-fill-rest);
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.epal-status-title[b-00rie8e413] {
    color: var(--epal-text-strong) !important;
    font-size: 1rem !important;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.epal-status-body[b-00rie8e413] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 64px;
}

.epal-status-value[b-00rie8e413] {
    color: var(--accent-fill-rest);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 1.2;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

.epal-status-label[b-00rie8e413] {
    color: var(--epal-text-subtitle, #586cbd);
    font-size: 0.9rem;
    font-weight: 500;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

.epal-status-title[b-00rie8e413] {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

@media (max-width: 600px) {
    .epal-status-body[b-00rie8e413] {
        padding-left: 0;
    }
}
/* /Components/Shared/StatusCard.razor.rz.scp.css */
.status-card[b-k0r2xdn6wd] {
    padding: 16px;
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: transform 0.1s ease;
    border: 1px solid rgba(0,0,0,0.05);
}

    .status-card:hover[b-k0r2xdn6wd] {
        transform: translateY(-2px);
        filter: brightness(0.98);
    }

/* Theme Colors */
.theme-success[b-k0r2xdn6wd] {
    background-color: #f0f9f1;
    color: #1a3e1c;
}

.theme-danger[b-k0r2xdn6wd] {
    background-color: #fff1f0;
    color: #5c0011;
}

.theme-info[b-k0r2xdn6wd] {
    background-color: #f0f5ff;
    color: #002766;
}

.card-header[b-k0r2xdn6wd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.icon-circle[b-k0r2xdn6wd] {
    background: white;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.title-area[b-k0r2xdn6wd] {
    display: flex;
    flex-direction: column;
}

.card-title[b-k0r2xdn6wd] {
    font-weight: 700;
    font-size: 1rem;
}

.status-badge[b-k0r2xdn6wd] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    width: fit-content;
    margin-top: 2px;
}

.theme-success .status-badge[b-k0r2xdn6wd] {
    background: #d9f7be;
    color: #389e0d;
}

.theme-danger .status-badge[b-k0r2xdn6wd] {
    background: #ffccc7;
    color: #cf1322;
}

.theme-info .status-badge[b-k0r2xdn6wd] {
    background: #bae7ff;
    color: #096dd9;
}

.card-content[b-k0r2xdn6wd] {
    font-size: 0.9rem;
    line-height: 1.4;
    opacity: 0.8;
}

.skeleton-body[b-k0r2xdn6wd] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}
/* /Components/Shared/UsefulInfoCard.razor.rz.scp.css */
.useful-info-card[b-s88bq9419t] {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #f4f4f4;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.info-header[b-s88bq9419t] {
    margin-bottom: 20px;
}

.info-main-title[b-s88bq9419t] {
    color: #0B2A63;
    font-weight: 700;
    margin: 0;
}

.info-items-list[b-s88bq9419t] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info-item-row[b-s88bq9419t] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border: 1px solid #eef3f8;
    border-radius: 12px;
    background-color: #ffffff;
}

.info-icon-container[b-s88bq9419t] {
    width: 44px;
    height: 44px;
    background-color: rgba(11, 42, 99, 0.06);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.info-text-container[b-s88bq9419t] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-item-title[b-s88bq9419t] {
    color: #0B2A63;
    font-weight: 700;
    font-size: 0.95rem;
}

.info-item-subtitle[b-s88bq9419t] {
    color: #627289;
    font-size: 0.85rem;
    margin: 0;
    line-height: 1.35;
}
/* /Components/Shared/UsefulInformation.razor.rz.scp.css */
[b-4y61b3gcqk] .useful-info-card {
    background-color: var(--epal-card-bg, #ffffff);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    border-radius: 12px;
    border: 1px solid var(--epal-card-border, #eff4fc);
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.useful-info-title[b-4y61b3gcqk] {
    color: var(--epal-text-strong);
    margin: 0 0 16px 0;
    font-weight: 700;
}

.useful-info-list[b-4y61b3gcqk] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.useful-info-item[b-4y61b3gcqk] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background: var(--epal-card-bg, #ffffff);
    border: 1px solid var(--epal-card-border, #eff4fc);
}

.useful-info-icon[b-4y61b3gcqk] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--epal-blue-soft-bg, #E6EEFC);
    display: flex;
    align-items: center;
    justify-content: center;
}

.useful-info-texts[b-4y61b3gcqk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.useful-info-item-title[b-4y61b3gcqk] {
    color: var(--epal-text-strong);
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.2;
}

.useful-info-item-desc[b-4y61b3gcqk] {
    color: var(--epal-text-subtitle, #586cbd);
    font-size: 0.85rem;
    line-height: 1.4;
}
/* /Components/Shared/WelcomeHeader.razor.rz.scp.css */
.epal-welcome-header[b-rri0j3qbct] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 0 16px;
}

.epal-welcome-title[b-rri0j3qbct] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--epal-text-strong);
    line-height: 1.2;
    margin: 0;
}

.epal-welcome-subtitle[b-rri0j3qbct] {
    font-size: 0.95rem;
    color: var(--epal-text-muted);
}

@media (max-width: 600px) {
    .epal-welcome-title[b-rri0j3qbct] {
        font-size: 1.3rem;
    }
}