/* /Components/Admin/AdminNav.razor.rz.scp.css */
.admin-nav[b-lynskmuqpy]{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.5rem 0 2rem}.admin-nav a[b-lynskmuqpy]{align-items:center;background:#fff;border:1px solid #dfe3dd;color:#171b1d;display:flex;font-size:.72rem;font-weight:800;gap:.45rem;padding:.65rem .8rem;text-decoration:none;transition:background .2s,transform .2s}.admin-nav a:hover[b-lynskmuqpy]{background:#e8f2ee;transform:translateY(-2px)}
/* /Components/Layout/AccountLayout.razor.rz.scp.css */
.account-page-shell[b-28c4ozej1o] {
    background: #f4f5f1;
    min-height: 100vh;
}

.account-header[b-28c4ozej1o] {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #dfe3dd;
    display: flex;
    justify-content: space-between;
    padding: 1rem clamp(1rem, 4vw, 4rem);
}

.account-brand[b-28c4ozej1o] {
    color: #101419;
    font-family: "Manrope", sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
    text-decoration: none;
}

.account-brand span[b-28c4ozej1o] { color: #df4635; }
.back-store[b-28c4ozej1o] { color: #394148; font-size: 0.75rem; font-weight: 800; }

.account-content[b-28c4ozej1o] {
    display: grid;
    grid-template-columns: minmax(320px, 0.85fr) minmax(420px, 1.15fr);
    margin: 0 auto;
    max-width: 1120px;
    min-height: calc(100vh - 70px);
}

.account-message[b-28c4ozej1o] {
    align-items: flex-start;
    background: #101419;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(2rem, 6vw, 5rem);
}

.account-message span[b-28c4ozej1o] { color: #75d9b7; font-size: 0.72rem; font-weight: 800; text-transform: uppercase; }
.account-message strong[b-28c4ozej1o] { font-family: "Manrope", sans-serif; font-size: clamp(2rem, 4vw, 3.8rem); line-height: 1.06; margin-top: 1rem; max-width: 500px; }

.account-form-surface[b-28c4ozej1o] {
    align-items: center;
    background: #fff;
    display: flex;
    padding: clamp(2rem, 6vw, 5rem);
}

.account-form-surface[b-28c4ozej1o]  > * { width: 100%; }

@media (max-width: 760px) {
    .account-content[b-28c4ozej1o] { display: block; }
    .account-message[b-28c4ozej1o] { min-height: 230px; }
    .account-form-surface[b-28c4ozej1o] { min-height: calc(100vh - 300px); }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
[b-34jylae95y] .top-bar {
    backdrop-filter: blur(20px) saturate(150%);
    background: rgba(250, 250, 247, .91) !important;
    border-bottom: 1px solid rgba(17, 19, 20, .08);
    min-height: 72px;
    padding-inline: clamp(.8rem, 3vw, 3rem);
}

[b-34jylae95y] .top-bar .mud-toolbar {
    min-height: 72px;
}

[b-34jylae95y] .brand-lockup {
    align-items: center;
    color: #111314 !important;
    display: inline-flex !important;
    gap: .75rem;
    min-width: 0;
    text-decoration: none;
    width: auto;
}

.brand-mark[b-34jylae95y] {
    align-items: center;
    background: #111314;
    border-radius: 10px;
    box-shadow: 0 7px 18px rgba(17, 19, 20, .16);
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 900;
    height: 2.65rem;
    justify-content: center;
    letter-spacing: -.04em;
    width: 2.9rem;
}

.brand-mark span[b-34jylae95y],
.footer-brand span[b-34jylae95y] {
    color: #ef4f3a;
}

.brand-copy[b-34jylae95y] {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.brand-copy strong[b-34jylae95y] {
    font-family: "Manrope", sans-serif;
    font-size: .93rem;
    letter-spacing: -.02em;
}

.brand-copy small[b-34jylae95y] {
    color: #777e7d;
    font-size: .5rem;
    font-weight: 800;
    letter-spacing: .08em;
    margin-top: .3rem;
}

.desktop-nav[b-34jylae95y] {
    display: flex;
    gap: .1rem;
    margin-inline-end: .8rem;
}

.desktop-nav[b-34jylae95y]  .mud-button-root {
    border-radius: 999px;
    min-width: auto;
    padding-inline: .75rem;
}

.desktop-nav[b-34jylae95y]  .mud-button-label {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .01em;
}

.desktop-nav[b-34jylae95y]  .mud-button-root:hover {
    background: #eceee9;
}

.desktop-nav[b-34jylae95y]  .nav-contact {
    background: #111314;
    color: #fff;
    margin-inline-start: .25rem;
    padding-inline: 1rem;
}

.desktop-nav[b-34jylae95y]  .nav-contact:hover {
    background: #e54835;
}

[b-34jylae95y] .language-button {
    border: 1px solid #dfe2dc;
    border-radius: 999px;
    height: 38px;
    margin-inline: .2rem;
    min-width: 38px;
}

[b-34jylae95y] .join-button {
    border-radius: 999px;
    box-shadow: 0 7px 18px rgba(229, 72, 53, .22);
    margin-inline-start: .25rem;
    min-height: 40px;
    padding-inline: 1.15rem;
}

[b-34jylae95y] .join-button .mud-button-label {
    font-size: .72rem;
    font-weight: 850;
}

[b-34jylae95y] .account-menu {
    margin-inline-start: .1rem;
}

.logout-form[b-34jylae95y],
.logout-form button[b-34jylae95y] {
    width: 100%;
}

.logout-form button[b-34jylae95y] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: .75rem;
    padding: 0;
    text-align: start;
}

[b-34jylae95y] .main-content {
    min-height: 100vh;
    padding-top: 72px;
}

.whatsapp-float[b-34jylae95y] {
    align-items: center;
    background: #1f9d63;
    border: 3px solid #fff;
    border-radius: 50%;
    bottom: 1.15rem;
    box-shadow: 0 14px 34px rgba(17, 19, 20, .25);
    color: #fff;
    display: flex;
    height: 56px;
    justify-content: center;
    position: fixed;
    inset-inline-end: 1.15rem;
    width: 56px;
    z-index: 1100;
}

.whatsapp-float[b-34jylae95y]::before {
    border: 1px solid rgba(31, 157, 99, .45);
    border-radius: 50%;
    content: "";
    inset: -7px;
    position: absolute;
}

.whatsapp-float:hover[b-34jylae95y] {
    background: #167a52;
    color: #fff;
    transform: translateY(-4px);
}

.site-footer[b-34jylae95y] {
    background:
        radial-gradient(circle at 90% 10%, rgba(229, 72, 53, .1), transparent 23%),
        #111314;
    color: #fff;
    padding: clamp(4rem, 8vw, 7rem) clamp(1.2rem, 6vw, 7rem) 1.5rem;
}

.footer-main[b-34jylae95y] {
    align-items: end;
    display: grid;
    gap: 2.5rem;
    grid-template-columns: .8fr 1.35fr .65fr;
}

.footer-brand[b-34jylae95y] {
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: clamp(3.5rem, 8vw, 7rem);
    font-weight: 900;
    letter-spacing: -.08em;
    line-height: .8;
    text-decoration: none;
}

.footer-main p[b-34jylae95y] {
    color: #b5bbb8;
    line-height: 1.75;
    margin: 0;
    max-width: 34rem;
}

.footer-nav[b-34jylae95y] {
    display: grid;
    gap: .8rem;
}

.footer-nav a[b-34jylae95y],
.footer-legal a[b-34jylae95y] {
    color: #fff;
    text-decoration: none;
}

.footer-nav a[b-34jylae95y] {
    font-size: .8rem;
    font-weight: 750;
}

.footer-nav a:hover[b-34jylae95y],
.footer-legal a:hover[b-34jylae95y] {
    color: #ef796a;
}

.footer-legal[b-34jylae95y] {
    border-top: 1px solid #323638;
    color: #8f9693;
    display: flex;
    font-size: .68rem;
    justify-content: space-between;
    margin-top: 4.5rem;
    padding-top: 1.2rem;
}

.footer-legal span:last-child[b-34jylae95y] {
    display: flex;
    gap: 1rem;
}

.scroll-progress[b-34jylae95y] {
    height: 3px;
    inset: 0 0 auto;
    pointer-events: none;
    position: fixed;
    z-index: 2000;
}

.scroll-progress span[b-34jylae95y] {
    background: linear-gradient(90deg, #e54835, #efc54c);
    display: block;
    height: 100%;
    transform: scaleX(var(--o8-scroll, 0));
    transform-origin: left;
}

[dir="rtl"] .scroll-progress span[b-34jylae95y] {
    transform-origin: right;
}

@media (max-width: 1100px) {
    .brand-copy small[b-34jylae95y] { display: none; }
}

@media (max-width: 959px) {
    .footer-main[b-34jylae95y] { grid-template-columns: 1fr; }
    .footer-nav[b-34jylae95y] { grid-template-columns: repeat(2, 1fr); }
    .footer-legal[b-34jylae95y] { align-items: flex-start; flex-direction: column; gap: 1rem; }
}

@media (max-width: 600px) {
    [b-34jylae95y] .top-bar,
    [b-34jylae95y] .top-bar .mud-toolbar { min-height: 64px; }
    [b-34jylae95y] .top-bar { padding-inline: .65rem; }
    .brand-copy[b-34jylae95y] { display: none; }
    .brand-mark[b-34jylae95y] { border-radius: 8px; height: 2.35rem; width: 2.55rem; }
    [b-34jylae95y] .language-button { border: 0; margin: 0; }
    [b-34jylae95y] .join-button { min-width: auto; padding-inline: .85rem; }
    [b-34jylae95y] .join-button .mud-button-label { font-size: .68rem; }
    [b-34jylae95y] .main-content { padding-top: 64px; }
    .footer-main p[b-34jylae95y] { font-size: .85rem; }
    .whatsapp-float[b-34jylae95y] { height: 52px; width: 52px; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-z77iw54egr] {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1400;
    overflow: hidden;
    background-color: transparent;
    border: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

    #components-reconnect-modal[b-z77iw54egr]::backdrop {
        background: rgba(10, 16, 28, 0.5);
    }

    #components-reconnect-modal.components-reconnect-show[b-z77iw54egr],
    #components-reconnect-modal[open][b-z77iw54egr],
    #components-reconnect-modal.components-reconnect-failed[b-z77iw54egr],
    #components-reconnect-modal.components-reconnect-repeated-attempt[b-z77iw54egr],
    #components-reconnect-modal.components-reconnect-paused[b-z77iw54egr],
    #components-reconnect-modal.components-reconnect-resume-failed[b-z77iw54egr],
    #components-reconnect-modal.components-pause[b-z77iw54egr],
    #components-reconnect-modal.components-resume-failed[b-z77iw54egr] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.components-reconnect-backdrop[b-z77iw54egr] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(90% 60% at 80% 0%, color-mix(in srgb, var(--mud-palette-primary, #594AE2) 12%, transparent), transparent 60%), radial-gradient(80% 55% at 0% 100%, color-mix(in srgb, var(--mud-palette-info, #2196f3) 16%, transparent), transparent 62%), rgba(8, 12, 20, 0.5);
}

.components-reconnect-surface[b-z77iw54egr] {
    width: min(480px, 100%);
    border-radius: var(--mud-default-borderradius, 12px);
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default, #e0e0e0) 70%, transparent);
    background: var(--mud-palette-surface, #fff);
    box-shadow: var(--mud-elevation-24, 0 16px 30px rgba(0, 0, 0, 0.28));
    color: var(--mud-palette-text-primary, #1f2937);
    padding: 20px 20px 18px;
}

.components-reconnect-header[b-z77iw54egr] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

    .components-reconnect-header h2[b-z77iw54egr] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 600;
        line-height: 1.3;
    }

.components-reconnect-status-dot[b-z77iw54egr] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--mud-palette-warning, #f59e0b);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--mud-palette-warning, #f59e0b) 25%, transparent);
}

.components-reconnect-supporting[b-z77iw54egr],
.components-reconnect-message[b-z77iw54egr] {
    margin: 0;
    line-height: 1.45;
    font-size: 0.95rem;
}

.components-reconnect-supporting[b-z77iw54egr] {
    color: var(--mud-palette-text-secondary, #52607a);
    margin-bottom: 14px;
}

.components-reconnect-message[b-z77iw54egr] {
    font-weight: 500;
}

.components-reconnect-danger[b-z77iw54egr] {
    color: var(--mud-palette-error, #b00020);
}

.components-reconnect-actions[b-z77iw54egr] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.components-reconnect-first-attempt-visible[b-z77iw54egr],
.components-reconnect-repeated-attempt-visible[b-z77iw54egr],
.components-reconnect-failed-visible[b-z77iw54egr],
.components-pause-visible[b-z77iw54egr],
.components-resume-failed-visible[b-z77iw54egr] {
    display: none;
}

dialog[open].components-reconnect-show .components-reconnect-first-attempt-visible[b-z77iw54egr] {
    display: block;
}

dialog[open].components-reconnect-show .components-rejoin-loader[b-z77iw54egr] {
    display: inline-flex;
}

dialog[open].components-reconnect-failed .components-reconnect-failed-visible[b-z77iw54egr] {
    display: block;
}

dialog[open].components-reconnect-failed #components-reconnect-button[b-z77iw54egr] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-reconnect-repeated-attempt-visible[b-z77iw54egr] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-rejoin-loader[b-z77iw54egr] {
    display: inline-flex;
}

dialog[open].components-reconnect-paused .components-pause-visible[b-z77iw54egr],
dialog[open].components-pause .components-pause-visible[b-z77iw54egr] {
    display: block;
}

dialog[open].components-reconnect-paused #components-resume-button[b-z77iw54egr],
dialog[open].components-pause #components-resume-button[b-z77iw54egr],
dialog[open].components-reconnect-resume-failed #components-resume-button[b-z77iw54egr],
dialog[open].components-resume-failed #components-resume-button[b-z77iw54egr] {
    display: block;
}

dialog[open].components-reconnect-resume-failed .components-resume-failed-visible[b-z77iw54egr],
dialog[open].components-resume-failed .components-resume-failed-visible[b-z77iw54egr] {
    display: block;
}

.components-rejoin-loader[b-z77iw54egr] {
    display: none;
    margin-bottom: 10px;
    gap: 8px;
}

    .components-rejoin-loader div[b-z77iw54egr] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: var(--mud-palette-primary, #594AE2);
        animation: reconnect-pulse-b-z77iw54egr 1.2s infinite ease-in-out both;
    }

        .components-rejoin-loader div:nth-child(1)[b-z77iw54egr] {
            animation-delay: -0.24s;
        }

        .components-rejoin-loader div:nth-child(2)[b-z77iw54egr] {
            animation-delay: -0.12s;
        }

@keyframes reconnect-pulse-b-z77iw54egr {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

#components-reconnect-button[b-z77iw54egr],
#components-resume-button[b-z77iw54egr] {
    display: none;
    min-width: 92px;
    cursor: pointer;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background-color: var(--mud-palette-primary, #594AE2);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    transition: filter 140ms ease, transform 140ms ease;
}

    #components-reconnect-button:hover[b-z77iw54egr],
    #components-resume-button:hover[b-z77iw54egr] {
        filter: brightness(0.95);
    }

    #components-reconnect-button:active[b-z77iw54egr],
    #components-resume-button:active[b-z77iw54egr] {
        transform: translateY(1px);
    }

@media (max-width: 600px) {
    .components-reconnect-backdrop[b-z77iw54egr] {
        padding: 14px;
    }

    .components-reconnect-surface[b-z77iw54egr] {
        padding: 16px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.o8-home[b-tfodm94vbg] {
    overflow: hidden;
}

.o8-hero[b-tfodm94vbg] {
    background: #111314;
    color: #fff;
    min-height: calc(100svh - 72px);
    overflow: hidden;
    position: relative;
}

.hero-media[b-tfodm94vbg] {
    background-image: url('/images/o8-corporate-hero.png');
    background-position: center;
    background-size: cover;
    inset: -6% 0;
    position: absolute;
    transform: translate3d(0, var(--o8-parallax, 0), 0) scale(1.04);
}

.hero-shade[b-tfodm94vbg] {
    background:
        radial-gradient(circle at 68% 22%, rgba(229, 72, 53, .09), transparent 28%),
        linear-gradient(90deg, rgba(9, 11, 12, .94) 0%, rgba(9, 11, 12, .78) 39%, rgba(9, 11, 12, .28) 70%, rgba(9, 11, 12, .13) 100%),
        linear-gradient(0deg, rgba(9, 11, 12, .62), transparent 48%);
    inset: 0;
    position: absolute;
}

[dir="rtl"] .hero-shade[b-tfodm94vbg] {
    background:
        radial-gradient(circle at 32% 22%, rgba(229, 72, 53, .09), transparent 28%),
        linear-gradient(270deg, rgba(9, 11, 12, .94) 0%, rgba(9, 11, 12, .78) 39%, rgba(9, 11, 12, .28) 70%, rgba(9, 11, 12, .13) 100%),
        linear-gradient(0deg, rgba(9, 11, 12, .62), transparent 48%);
}

.hero-content[b-tfodm94vbg] {
    align-items: center;
    display: flex;
    min-height: calc(100svh - 72px);
    padding: clamp(4rem, 8vw, 8rem) clamp(1.2rem, 7vw, 8rem) clamp(7rem, 10vw, 9rem);
    position: relative;
    z-index: 2;
}

.hero-copy[b-tfodm94vbg] {
    max-width: 850px;
}

.hero-copy > .kicker[b-tfodm94vbg] {
    align-items: center;
    display: inline-flex;
    gap: .65rem;
}

.hero-copy > .kicker i[b-tfodm94vbg] {
    background: #ef4f3a;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(239, 79, 58, .13);
    display: inline-block;
    height: 7px;
    width: 7px;
}

.hero-content h1[b-tfodm94vbg] {
    font-size: clamp(4.5rem, 8vw, 8.3rem);
    letter-spacing: -.065em;
    line-height: .84;
    margin: clamp(1.4rem, 3vw, 2.4rem) 0 1.8rem;
    max-width: 830px;
}

.hero-content h1 em[b-tfodm94vbg] {
    color: #ef4f3a;
    display: block;
    font-style: normal;
}

.hero-line[b-tfodm94vbg] {
    color: rgba(255, 255, 255, .82);
    font-size: clamp(1.05rem, 1.6vw, 1.35rem);
    line-height: 1.6;
    margin: 0;
    max-width: 670px;
}

.hero-actions[b-tfodm94vbg] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.8rem;
}

.hero-assurance[b-tfodm94vbg] {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .22);
    display: flex;
    flex-wrap: wrap;
    gap: .8rem 1.4rem;
    margin-top: 2rem;
    max-width: 690px;
    padding-top: 1rem;
}

.hero-assurance span[b-tfodm94vbg] {
    align-items: center;
    color: rgba(255, 255, 255, .76);
    display: inline-flex;
    font-size: .72rem;
    font-weight: 700;
    gap: .4rem;
}

.hero-assurance[b-tfodm94vbg]  .mud-icon-root {
    color: #ef4f3a;
    font-size: 1.05rem;
}

.hero-signature[b-tfodm94vbg] {
    align-items: flex-start;
    backdrop-filter: blur(14px);
    background: rgba(17, 19, 20, .58);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 18px;
    bottom: 2.2rem;
    display: flex;
    flex-direction: column;
    inset-inline-end: clamp(4.5rem, 8vw, 8rem);
    padding: 1rem 1.2rem;
    position: absolute;
    z-index: 3;
}

.hero-signature strong[b-tfodm94vbg] {
    font-family: "Manrope", sans-serif;
    font-size: 2.1rem;
    line-height: .9;
}

.hero-signature strong span[b-tfodm94vbg] {
    color: #ef4f3a;
}

.hero-signature small[b-tfodm94vbg] {
    color: rgba(255, 255, 255, .64);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
    margin-top: .65rem;
    text-transform: uppercase;
}

.hero-scroll[b-tfodm94vbg] {
    align-items: center;
    bottom: 2.6rem;
    color: #fff;
    display: flex;
    font-size: .68rem;
    font-weight: 700;
    gap: .5rem;
    inset-inline-start: clamp(1.2rem, 7vw, 8rem);
    position: absolute;
    text-decoration: none;
    z-index: 3;
}

.ticker[b-tfodm94vbg] {
    background: #e54835;
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: clamp(.72rem, 1.05vw, .9rem);
    font-weight: 800;
    letter-spacing: .06em;
    overflow: hidden;
    padding: 1rem 0;
    white-space: nowrap;
}

.ticker div[b-tfodm94vbg] {
    animation: o8Ticker-b-tfodm94vbg 27s linear infinite;
    display: inline-flex;
    gap: 2rem;
}

.ticker i[b-tfodm94vbg] {
    background: #111314;
    border-radius: 50%;
    height: .4rem;
    margin: auto 0;
    width: .4rem;
}

.trust-rail[b-tfodm94vbg] {
    background: #fff;
    border-bottom: 1px solid #e3e5e0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 clamp(1.2rem, 5vw, 6rem);
}

.trust-rail article[b-tfodm94vbg] {
    align-items: flex-start;
    border-inline-end: 1px solid #e3e5e0;
    display: flex;
    gap: 1rem;
    padding: clamp(1.6rem, 3vw, 2.4rem);
}

.trust-rail article:last-child[b-tfodm94vbg] {
    border-inline-end: 0;
}

.trust-rail article > span[b-tfodm94vbg] {
    align-items: center;
    background: #f3f4ef;
    border-radius: 50%;
    color: #e54835;
    display: flex;
    flex: 0 0 auto;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.trust-rail h2[b-tfodm94vbg] {
    font-size: 1rem;
    margin: .1rem 0 .45rem;
}

.trust-rail p[b-tfodm94vbg] {
    color: #6a7171;
    font-size: .78rem;
    line-height: 1.55;
    margin: 0;
    max-width: 300px;
}

.manifesto[b-tfodm94vbg] {
    background:
        radial-gradient(circle at 12% 78%, rgba(22, 122, 98, .07), transparent 26%),
        #f3f4ef;
}

.manifesto-grid[b-tfodm94vbg] {
    align-items: end;
    display: grid;
    gap: clamp(2rem, 8vw, 8rem);
    grid-template-columns: 1.25fr .75fr;
}

.manifesto-grid h2[b-tfodm94vbg] {
    font-size: clamp(3rem, 6.5vw, 6.5rem);
    letter-spacing: -.055em;
    line-height: .91;
    margin: .8rem 0;
    max-width: 920px;
}

.manifesto-grid p[b-tfodm94vbg] {
    color: #555d5e;
    font-size: clamp(1rem, 1.4vw, 1.18rem);
    line-height: 1.78;
}

.number-line[b-tfodm94vbg] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: clamp(3rem, 7vw, 7rem);
}

.number-line div[b-tfodm94vbg] {
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(17, 19, 20, .08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    min-height: 220px;
    padding: clamp(1.5rem, 3vw, 2.3rem);
    transition: transform .25s ease, box-shadow .25s ease;
}

.number-line div:hover[b-tfodm94vbg] {
    box-shadow: 0 22px 55px rgba(17, 19, 20, .09);
    transform: translateY(-5px);
}

.number-line strong[b-tfodm94vbg] {
    color: #e54835;
    font-family: "Manrope", sans-serif;
    font-size: clamp(3rem, 5vw, 5rem);
    letter-spacing: -.07em;
    line-height: 1;
}

.number-line span[b-tfodm94vbg] {
    color: #262a2b;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    margin-top: auto;
    text-transform: uppercase;
}

.number-line small[b-tfodm94vbg] {
    color: #7a8180;
    font-size: .75rem;
    margin-top: .4rem;
}

.division-story[b-tfodm94vbg] {
    background: #111314;
    color: #fff;
    padding-bottom: clamp(1rem, 3vw, 3rem);
}

.story-intro[b-tfodm94vbg] {
    background: radial-gradient(circle at 82% 30%, rgba(229, 72, 53, .18), transparent 23%);
    min-height: 55vh;
    padding-bottom: clamp(4rem, 7vw, 7rem);
    padding-top: clamp(6rem, 11vw, 11rem);
}

.story-intro h2[b-tfodm94vbg] {
    font-size: clamp(3.5rem, 8vw, 8rem);
    letter-spacing: -.06em;
    line-height: .88;
    margin: 1rem 0 0;
    max-width: 1120px;
}

.division-panel[b-tfodm94vbg] {
    align-items: stretch;
    border-radius: 26px;
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    margin: 0 clamp(1rem, 3vw, 3rem) clamp(1rem, 2vw, 2rem);
    min-height: min(82vh, 820px);
    overflow: hidden;
    position: relative;
}

.division-panel:nth-of-type(even)[b-tfodm94vbg] {
    grid-template-columns: .88fr 1.12fr;
}

.division-panel:nth-of-type(even) .division-copy[b-tfodm94vbg] {
    order: -1;
}

.division-image[b-tfodm94vbg] {
    min-height: 620px;
    overflow: hidden;
}

.division-image img[b-tfodm94vbg] {
    height: 115%;
    object-fit: cover;
    transform: translate3d(0, var(--o8-parallax, 0), 0);
    width: 100%;
}

.division-copy[b-tfodm94vbg] {
    align-items: flex-start;
    background: #f3f4ef;
    color: #111314;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(3rem, 6vw, 6.5rem);
}

.division-number[b-tfodm94vbg] {
    align-items: center;
    border: 1px solid rgba(229, 72, 53, .4);
    border-radius: 999px;
    color: #e54835;
    display: inline-flex;
    font-family: "Manrope", sans-serif;
    font-size: .72rem;
    font-weight: 800;
    height: 34px;
    justify-content: center;
    margin-bottom: 2.8rem;
    width: 52px;
}

.division-copy h3[b-tfodm94vbg] {
    font-size: clamp(2.5rem, 4.6vw, 4.8rem);
    letter-spacing: -.055em;
    line-height: .94;
    margin: 1rem 0 1.4rem;
}

.division-copy p[b-tfodm94vbg] {
    color: #5b6263;
    font-size: 1rem;
    line-height: 1.75;
    margin: 0 0 1.4rem;
    max-width: 540px;
}

.service-points[b-tfodm94vbg] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 2rem;
}

.service-points span[b-tfodm94vbg] {
    background: #e6e8e3;
    border-radius: 999px;
    color: #303536;
    font-size: .68rem;
    font-weight: 750;
    padding: .55rem .8rem;
}

.service-points.light span[b-tfodm94vbg] {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.store-panel[b-tfodm94vbg] {
    background: #e54835;
}

.store-panel .division-copy[b-tfodm94vbg] {
    background: #e54835;
    color: #fff;
}

.store-panel .division-copy p[b-tfodm94vbg] {
    color: #ffe2dd;
}

.product-stage[b-tfodm94vbg] {
    align-items: center;
    background: radial-gradient(circle at 50% 50%, #333839 0%, #202425 48%, #151718 100%);
    display: flex;
    justify-content: center;
    min-height: 620px;
    overflow: hidden;
    position: relative;
}

.product-stage strong[b-tfodm94vbg] {
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: clamp(5rem, 13vw, 12rem);
    letter-spacing: -.08em;
    position: relative;
    text-shadow: 0 18px 50px rgba(0, 0, 0, .35);
    z-index: 2;
}

.product-stage small[b-tfodm94vbg] {
    color: #efc54c;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1rem, 3vw, 2.5rem);
    font-weight: 900;
    margin-left: .8rem;
    position: relative;
    z-index: 2;
}

.cable-loop[b-tfodm94vbg] {
    border: clamp(12px, 1.4vw, 24px) solid #080909;
    border-radius: 50%;
    filter: drop-shadow(0 22px 18px rgba(0, 0, 0, .3));
    position: absolute;
}

.loop-one[b-tfodm94vbg] {
    height: 70%;
    transform: rotate(-14deg);
    width: 58%;
}

.loop-two[b-tfodm94vbg] {
    border-color: #3c4243;
    height: 45%;
    transform: rotate(22deg);
    width: 70%;
}

.product-plug[b-tfodm94vbg] {
    background: #b8bdbe;
    border: 8px solid #111314;
    border-radius: 10px;
    height: 42px;
    position: absolute;
    width: 75px;
    z-index: 1;
}

.plug-one[b-tfodm94vbg] {
    left: 15%;
    top: 24%;
    transform: rotate(-25deg);
}

.plug-two[b-tfodm94vbg] {
    bottom: 20%;
    right: 12%;
    transform: rotate(34deg);
}

.featured-store[b-tfodm94vbg] {
    background: #f3f4ef;
}

.featured-store .section-title[b-tfodm94vbg] {
    align-items: end;
    display: grid;
    grid-template-columns: 1fr auto;
}

.section-title .kicker[b-tfodm94vbg] {
    grid-column: 1 / -1;
}

.section-title h2[b-tfodm94vbg] {
    font-size: clamp(3rem, 6.5vw, 6.5rem);
    letter-spacing: -.06em;
    line-height: .9;
    margin: .8rem 0 2.7rem;
}

.featured-showcase[b-tfodm94vbg] {
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(17, 19, 20, .12);
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    min-height: 650px;
    overflow: hidden;
}

.featured-visual[b-tfodm94vbg] {
    color: #fff;
    min-height: 650px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.featured-visual[b-tfodm94vbg]::after {
    background: linear-gradient(0deg, rgba(11, 13, 13, .74), transparent 48%);
    content: "";
    inset: 0;
    position: absolute;
}

.featured-visual img[b-tfodm94vbg] {
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .65, .25, 1);
    width: 100%;
}

.featured-visual:hover img[b-tfodm94vbg] {
    transform: scale(1.035);
}

.visual-badge[b-tfodm94vbg] {
    align-items: center;
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, .88);
    border-radius: 999px;
    color: #111314;
    display: inline-flex;
    font-size: .7rem;
    font-weight: 800;
    gap: .45rem;
    left: 1.5rem;
    padding: .65rem .9rem;
    position: absolute;
    top: 1.5rem;
    z-index: 2;
}

.visual-badge[b-tfodm94vbg]  .mud-icon-root {
    color: #e54835;
    font-size: 1.1rem;
}

.featured-visual > div[b-tfodm94vbg] {
    bottom: 2rem;
    display: flex;
    flex-direction: column;
    left: 2rem;
    position: absolute;
    right: 2rem;
    z-index: 2;
}

.featured-visual > div small[b-tfodm94vbg] {
    color: rgba(255, 255, 255, .72);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.featured-visual > div strong[b-tfodm94vbg] {
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.8rem, 3vw, 3rem);
    margin-top: .45rem;
}

.featured-product-list[b-tfodm94vbg] {
    background: #dfe2dc;
    display: grid;
    gap: 1px;
    grid-template-rows: repeat(3, 1fr) auto;
}

.featured-product[b-tfodm94vbg] {
    align-items: center;
    background: #fff;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto 1fr auto;
    padding: clamp(1.2rem, 2.4vw, 2rem);
    transition: background-color .2s, padding-inline .25s;
}

.featured-product:hover[b-tfodm94vbg] {
    background: #fafbf8;
    padding-inline: clamp(1.45rem, 2.7vw, 2.25rem);
}

.product-index[b-tfodm94vbg] {
    align-items: center;
    border: 1px solid #dfe2dc;
    border-radius: 50%;
    color: #e54835;
    display: flex;
    font-family: "Manrope", sans-serif;
    font-size: .68rem;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.featured-product small[b-tfodm94vbg] {
    color: #7a8180;
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.featured-product h3[b-tfodm94vbg] {
    display: -webkit-box;
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    line-height: 1.28;
    margin: .4rem 0 .65rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.featured-product div > strong[b-tfodm94vbg] {
    color: #5c6463;
    font-size: .72rem;
}

.featured-product > a[b-tfodm94vbg] {
    align-items: center;
    background: #111314;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.featured-product > a:hover[b-tfodm94vbg] {
    background: #e54835;
    transform: rotate(8deg);
}

.collection-link[b-tfodm94vbg] {
    align-items: center;
    background: #e54835;
    color: #fff;
    display: flex;
    justify-content: space-between;
    min-height: 106px;
    padding: 1.4rem 2rem;
    text-decoration: none;
}

.collection-link span[b-tfodm94vbg] {
    display: flex;
    flex-direction: column;
}

.collection-link small[b-tfodm94vbg] {
    color: #ffd9d3;
    font-size: .65rem;
    margin-bottom: .35rem;
}

.collection-link strong[b-tfodm94vbg] {
    font-size: .9rem;
}

.collection-link:hover[b-tfodm94vbg] {
    background: #ca3c2b;
}

.rewards-band[b-tfodm94vbg] {
    align-items: center;
    background:
        radial-gradient(circle at 15% 18%, rgba(239, 197, 76, .16), transparent 24%),
        linear-gradient(135deg, #0e6954, #167a62 56%, #105b4a);
    color: #fff;
    display: grid;
    gap: clamp(3rem, 8vw, 9rem);
    grid-template-columns: .8fr 1.2fr;
    min-height: 80vh;
    overflow: hidden;
    padding: clamp(5rem, 10vw, 10rem) clamp(1.2rem, 7vw, 8rem);
}

.reward-orbit[b-tfodm94vbg] {
    aspect-ratio: 1;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .48);
    border-radius: 50%;
    box-shadow: 0 35px 90px rgba(4, 43, 34, .35), inset 0 0 60px rgba(255, 255, 255, .04);
    display: grid;
    place-content: center;
    position: relative;
    text-align: center;
}

.reward-orbit[b-tfodm94vbg]::before,
.reward-orbit[b-tfodm94vbg]::after {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    content: "";
    inset: 10%;
    position: absolute;
}

.reward-orbit[b-tfodm94vbg]::after {
    inset: 22%;
}

.reward-orbit span[b-tfodm94vbg],
.reward-orbit strong[b-tfodm94vbg] {
    font-family: "Manrope", sans-serif;
    font-size: clamp(4rem, 8vw, 8rem);
    letter-spacing: -.08em;
    line-height: .78;
}

.reward-orbit strong[b-tfodm94vbg] {
    color: #efc54c;
}

.reward-orbit i[b-tfodm94vbg],
.reward-orbit b[b-tfodm94vbg] {
    font-size: .66rem;
    font-style: normal;
    letter-spacing: .14em;
    margin: .6rem;
}

.reward-message h2[b-tfodm94vbg] {
    font-size: clamp(3rem, 6.5vw, 6.5rem);
    letter-spacing: -.06em;
    line-height: .92;
    margin: 1rem 0 2rem;
}

.reward-message p[b-tfodm94vbg] {
    color: #d0e8df;
    line-height: 1.75;
    max-width: 650px;
}

.reward-steps[b-tfodm94vbg] {
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    border-top: 1px solid rgba(255, 255, 255, .18);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 2rem 0;
    max-width: 620px;
}

.reward-steps span[b-tfodm94vbg] {
    align-items: center;
    border-inline-end: 1px solid rgba(255, 255, 255, .18);
    display: flex;
    font-size: .72rem;
    font-weight: 800;
    gap: .55rem;
    padding: 1rem .65rem;
}

.reward-steps span:last-child[b-tfodm94vbg] {
    border-inline-end: 0;
}

.reward-steps b[b-tfodm94vbg] {
    color: #efc54c;
    font-size: .65rem;
}

.closing-cta[b-tfodm94vbg] {
    align-items: center;
    background:
        radial-gradient(circle at 50% 100%, rgba(123, 20, 10, .36), transparent 45%),
        #e54835;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 78vh;
    padding: 5rem 1.2rem;
    text-align: center;
}

.closing-cta h2[b-tfodm94vbg] {
    font-size: clamp(3rem, 7.5vw, 7.5rem);
    letter-spacing: -.065em;
    line-height: .9;
    margin: 1.2rem 0 3rem;
    max-width: 1180px;
}

.closing-actions[b-tfodm94vbg] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.4rem;
    justify-content: center;
}

.closing-store-link[b-tfodm94vbg] {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    gap: .55rem;
    text-decoration: none;
}

.closing-store-link:hover[b-tfodm94vbg] {
    color: #ffe3df;
    transform: translateX(3px);
}

[dir="rtl"] .closing-store-link:hover[b-tfodm94vbg] {
    transform: translateX(-3px);
}

@keyframes o8Ticker-b-tfodm94vbg {
    to { transform: translateX(-50%); }
}

@media (max-width: 1000px) {
    .hero-signature[b-tfodm94vbg] { display: none; }
    .trust-rail[b-tfodm94vbg] { grid-template-columns: 1fr; padding: 0 clamp(1.2rem, 5vw, 4rem); }
    .trust-rail article[b-tfodm94vbg] { border-bottom: 1px solid #e3e5e0; border-inline-end: 0; }
    .trust-rail article:last-child[b-tfodm94vbg] { border-bottom: 0; }
    .trust-rail p[b-tfodm94vbg] { max-width: none; }
    .manifesto-grid[b-tfodm94vbg],
    .division-panel[b-tfodm94vbg],
    .division-panel:nth-of-type(even)[b-tfodm94vbg],
    .featured-showcase[b-tfodm94vbg],
    .rewards-band[b-tfodm94vbg] { grid-template-columns: 1fr; }
    .division-panel:nth-of-type(even) .division-copy[b-tfodm94vbg] { order: initial; }
    .division-image[b-tfodm94vbg],
    .product-stage[b-tfodm94vbg] { min-height: 52vh; }
    .division-copy[b-tfodm94vbg] { min-height: 55vh; }
    .number-line[b-tfodm94vbg] { grid-template-columns: 1fr; }
    .number-line div[b-tfodm94vbg] { min-height: 180px; }
    .featured-visual[b-tfodm94vbg] { min-height: 520px; }
    .reward-orbit[b-tfodm94vbg] { margin: auto; max-width: 480px; width: 100%; }
}

@media (max-width: 600px) {
    .o8-hero[b-tfodm94vbg],
    .hero-content[b-tfodm94vbg] { min-height: calc(100svh - 64px); }
    .hero-media[b-tfodm94vbg] { background-position: 58% center; }
    .hero-shade[b-tfodm94vbg] { background: linear-gradient(90deg, rgba(9, 11, 12, .89), rgba(9, 11, 12, .36)), linear-gradient(0deg, rgba(9, 11, 12, .72), transparent 54%); }
    [dir="rtl"] .hero-shade[b-tfodm94vbg] { background: linear-gradient(270deg, rgba(9, 11, 12, .89), rgba(9, 11, 12, .36)), linear-gradient(0deg, rgba(9, 11, 12, .72), transparent 54%); }
    .hero-content[b-tfodm94vbg] { padding: 3.5rem 1.15rem 3rem; }
    .hero-content h1[b-tfodm94vbg] { font-size: clamp(3.35rem, 15vw, 4.25rem); line-height: .88; margin-block: 1.25rem 1.35rem; }
    .hero-line[b-tfodm94vbg] { font-size: .98rem; line-height: 1.55; }
    .hero-actions[b-tfodm94vbg] { align-items: stretch; flex-direction: column; margin-top: 1.35rem; }
    .hero-actions .o8-button[b-tfodm94vbg] { justify-content: center; width: 100%; }
    .hero-assurance[b-tfodm94vbg] { gap: .65rem 1rem; margin-top: 1.4rem; }
    .hero-assurance span[b-tfodm94vbg] { font-size: .65rem; }
    .hero-scroll[b-tfodm94vbg] { display: none; }
    .trust-rail[b-tfodm94vbg] { padding-inline: 1.1rem; }
    .trust-rail article[b-tfodm94vbg] { padding-inline: .35rem; }
    .manifesto-grid h2[b-tfodm94vbg],
    .story-intro h2[b-tfodm94vbg],
    .section-title h2[b-tfodm94vbg],
    .reward-message h2[b-tfodm94vbg],
    .closing-cta h2[b-tfodm94vbg] { font-size: 3rem; }
    .number-line[b-tfodm94vbg] { gap: .75rem; }
    .number-line div[b-tfodm94vbg] { min-height: 160px; }
    .featured-store .section-title[b-tfodm94vbg] { display: block; }
    .division-panel[b-tfodm94vbg] { border-radius: 0; margin-inline: 0; }
    .division-copy[b-tfodm94vbg] { padding: 3.5rem 1.2rem; }
    .division-copy h3[b-tfodm94vbg] { font-size: 2.65rem; }
    .featured-showcase[b-tfodm94vbg] { border-radius: 16px; }
    .featured-visual[b-tfodm94vbg] { min-height: 420px; }
    .featured-visual > div[b-tfodm94vbg] { bottom: 1.3rem; left: 1.3rem; right: 1.3rem; }
    .visual-badge[b-tfodm94vbg] { left: 1rem; top: 1rem; }
    .featured-product[b-tfodm94vbg] { gap: .75rem; grid-template-columns: auto 1fr auto; padding: 1.15rem .9rem; }
    .product-index[b-tfodm94vbg] { height: 36px; width: 36px; }
    .featured-product > a[b-tfodm94vbg] { height: 40px; width: 40px; }
    .collection-link[b-tfodm94vbg] { padding-inline: 1.2rem; }
    .reward-steps span[b-tfodm94vbg] { align-items: flex-start; flex-direction: column; }
    .closing-actions[b-tfodm94vbg] { align-items: stretch; flex-direction: column; width: min(100%, 330px); }
    .closing-store-link[b-tfodm94vbg] { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .ticker div[b-tfodm94vbg] { animation: none; }
    .number-line div:hover[b-tfodm94vbg],
    .featured-visual:hover img[b-tfodm94vbg] { transform: none; }
}
/* /Components/Pages/Operator.razor.rz.scp.css */
.operator-shell[b-p3ea40x964] {
    margin: 0 auto;
    max-width: 1500px;
    min-height: calc(100vh - 56px);
    padding: 2.5rem clamp(1rem, 3vw, 3rem) 6rem;
}

.operator-header[b-p3ea40x964] {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.eyebrow[b-p3ea40x964] { color: #df4635; font-size: 0.7rem; font-weight: 800; margin-bottom: 0.55rem; text-transform: uppercase; }
.operator-header h1[b-p3ea40x964] { font-family: "Manrope", sans-serif; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 800; margin: 0; }
.operator-header p[b-p3ea40x964] { color: #677078; margin: 0.5rem 0 0; }

.operator-identity[b-p3ea40x964] { align-items: center; background: #fff; border: 1px solid #dfe3dd; display: flex; gap: 0.7rem; padding: 0.65rem 0.9rem; }
.operator-identity div[b-p3ea40x964] { display: flex; flex-direction: column; }
.operator-identity strong[b-p3ea40x964] { font-size: 0.75rem; }
.operator-identity small[b-p3ea40x964] { color: #737b82; font-size: 0.66rem; }
.secure-dot[b-p3ea40x964] { background: #1f9b73; border-radius: 50%; box-shadow: 0 0 0 4px #daf0e8; height: 8px; width: 8px; }

.metrics[b-p3ea40x964] { background: #dfe3dd; border: 1px solid #dfe3dd; display: grid; gap: 1px; grid-template-columns: repeat(4, 1fr); margin-bottom: 1.5rem; }
.metrics > div[b-p3ea40x964] { background: #fff; display: flex; flex-direction: column; padding: 1.2rem; }
.metrics span[b-p3ea40x964] { color: #687078; font-size: 0.68rem; font-weight: 700; text-transform: uppercase; }
.metrics strong[b-p3ea40x964] { font-family: "Manrope", sans-serif; font-size: 1.7rem; margin: 0.45rem 0 0.1rem; }
.metrics small[b-p3ea40x964] { color: #8a9197; font-size: 0.66rem; }

.console-tabs[b-p3ea40x964] { background: #fff; border: 1px solid #dfe3dd; }
.console-tabs[b-p3ea40x964]  .mud-tabs-tabbar { background: #f8f9f6; border-bottom: 1px solid #dfe3dd; }
.console-tabs[b-p3ea40x964]  .mud-tabs-panels { background: transparent; padding: 0; }

.queue-workspace[b-p3ea40x964] { background: #dfe3dd; display: grid; gap: 1px; grid-template-columns: minmax(580px, 1.15fr) minmax(420px, 0.85fr); min-height: 720px; }
.queue-list[b-p3ea40x964],
.case-review[b-p3ea40x964] { background: #fff; }
.queue-toolbar[b-p3ea40x964] { display: grid; gap: 0.75rem; grid-template-columns: 1fr 210px; padding: 1rem; }

.queue-table-head[b-p3ea40x964],
.queue-table-row[b-p3ea40x964] { align-items: center; display: grid; gap: 0.9rem; grid-template-columns: 0.8fr 1.4fr 0.72fr 0.8fr 20px; }
.queue-table-head[b-p3ea40x964] { border-bottom: 1px solid #dfe3dd; border-top: 1px solid #dfe3dd; color: #7a8288; font-size: 0.63rem; font-weight: 800; padding: 0.65rem 1rem; text-transform: uppercase; }
.queue-table-row[b-p3ea40x964] { background: #fff; border: 0; border-bottom: 1px solid #e3e6e1; color: #111820; cursor: pointer; padding: 0.9rem 1rem; text-align: left; width: 100%; }
.queue-table-row:hover[b-p3ea40x964],
.queue-table-row.selected[b-p3ea40x964] { background: #f2f6f3; }
.queue-table-row.selected[b-p3ea40x964] { box-shadow: inset 3px 0 #167a62; }
.case-cell[b-p3ea40x964] { display: flex; flex-direction: column; min-width: 0; }
.case-cell strong[b-p3ea40x964] { font-size: 0.76rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-cell small[b-p3ea40x964] { color: #7b8389; font-size: 0.63rem; margin-top: 0.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.status-chip[b-p3ea40x964] { display: inline-block; font-size: 0.64rem; font-weight: 800; padding: 0.38rem 0.48rem; white-space: nowrap; }
.status-chip.pending[b-p3ea40x964] { background: #fff0cf; color: #815a0c; }
.status-chip.needsinformation[b-p3ea40x964] { background: #e8edf7; color: #29538f; }
.status-chip.approved[b-p3ea40x964] { background: #ddf2e8; color: #11654f; }
.status-chip.paid[b-p3ea40x964] { background: #d6eddf; color: #0d6047; }
.status-chip.rejected[b-p3ea40x964] { background: #f7dfdc; color: #982c21; }
.queue-empty[b-p3ea40x964] { color: #737b81; font-size: 0.78rem; padding: 3rem 1rem; text-align: center; }

.case-review[b-p3ea40x964] { padding: 1.5rem; }
.review-empty[b-p3ea40x964] { align-items: center; color: #747c82; display: flex; flex-direction: column; gap: 0.55rem; justify-content: center; min-height: 600px; text-align: center; }
.review-empty strong[b-p3ea40x964] { color: #111820; }
.review-empty span[b-p3ea40x964] { font-size: 0.76rem; max-width: 330px; }
.review-heading[b-p3ea40x964] { align-items: flex-start; display: flex; justify-content: space-between; }
.review-heading > div[b-p3ea40x964] { display: flex; flex-direction: column; }
.review-heading > div > span[b-p3ea40x964] { color: #df4635; font-size: 0.66rem; font-weight: 800; }
.review-heading h2[b-p3ea40x964] { font-family: "Manrope", sans-serif; font-size: 1.55rem; margin: 0.25rem 0 0; }
.review-heading small[b-p3ea40x964] { color: #737b82; font-size: 0.7rem; }

.evidence-grid[b-p3ea40x964] { border-bottom: 1px solid #dfe3dd; border-top: 1px solid #dfe3dd; display: grid; grid-template-columns: repeat(2, 1fr); margin: 1.4rem 0; }
.evidence-grid > div[b-p3ea40x964] { display: flex; flex-direction: column; padding: 0.85rem 0; }
.evidence-grid span[b-p3ea40x964],
.customer-statement > span[b-p3ea40x964],
.payout-details span[b-p3ea40x964] { color: #7a8288; font-size: 0.62rem; font-weight: 800; text-transform: uppercase; }
.evidence-grid strong[b-p3ea40x964] { font-size: 0.78rem; margin-top: 0.2rem; }
.customer-statement[b-p3ea40x964] { background: #f7f8f5; padding: 1rem; }
.customer-statement p[b-p3ea40x964] { color: #4d565d; font-size: 0.78rem; line-height: 1.55; margin: 0.45rem 0 0; }
.payout-details[b-p3ea40x964] { background: #101419; color: #fff; display: grid; gap: 1px; grid-template-columns: 0.75fr 1.25fr; margin: 1rem 0; }
.payout-details div[b-p3ea40x964] { display: flex; flex-direction: column; padding: 1rem; }
.payout-details span[b-p3ea40x964] { color: #9fa7ad; }
.payout-details strong[b-p3ea40x964] { font-size: 0.85rem; margin-top: 0.25rem; overflow-wrap: anywhere; }
.decision-actions[b-p3ea40x964] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
.notification-preview[b-p3ea40x964] { align-items: flex-start; background: #e9f4ef; color: #145c49; display: flex; gap: 0.8rem; margin-top: 1rem; padding: 0.85rem; }
.notification-preview div[b-p3ea40x964] { display: flex; flex-direction: column; }
.notification-preview strong[b-p3ea40x964] { font-size: 0.74rem; }
.notification-preview span[b-p3ea40x964] { font-size: 0.66rem; line-height: 1.45; margin-top: 0.2rem; }

.simple-panel[b-p3ea40x964] { padding: 1.5rem; }
.section-heading[b-p3ea40x964] { align-items: end; display: flex; justify-content: space-between; margin-bottom: 1.5rem; }
.section-heading h2[b-p3ea40x964] { font-family: "Manrope", sans-serif; font-size: 2rem; margin: 0; }
.section-heading > span[b-p3ea40x964] { color: #707880; font-size: 0.72rem; }
.reward-queue[b-p3ea40x964],
.email-log[b-p3ea40x964] { border-top: 1px solid #dfe3dd; }
.reward-claim[b-p3ea40x964] { align-items: center; border-bottom: 1px solid #dfe3dd; display: grid; gap: 1rem; grid-template-columns: 1.4fr 0.7fr auto; padding: 1rem 0; }
.reward-claim > div[b-p3ea40x964] { display: flex; flex-direction: column; }
.reward-claim strong[b-p3ea40x964] { font-size: 0.78rem; }
.reward-claim span[b-p3ea40x964] { color: #747c82; font-size: 0.67rem; margin-top: 0.2rem; }
.email-head[b-p3ea40x964],
.email-row[b-p3ea40x964] { display: grid; gap: 1rem; grid-template-columns: 0.7fr 1fr 1.6fr 0.7fr; padding: 0.8rem; }
.email-head[b-p3ea40x964] { color: #757d83; font-size: 0.62rem; font-weight: 800; text-transform: uppercase; }
.email-row[b-p3ea40x964] { border-top: 1px solid #e1e4df; font-size: 0.71rem; }
.email-row span[b-p3ea40x964],
.email-row strong[b-p3ea40x964] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.delivery[b-p3ea40x964] { font-weight: 800; }
.delivery.sent[b-p3ea40x964] { color: #11654f; }
.delivery.failed[b-p3ea40x964] { color: #a53227; }
.delivery.developmentoutbox[b-p3ea40x964] { color: #29538f; }

@media (max-width: 1100px) {
    .queue-workspace[b-p3ea40x964] { grid-template-columns: 1fr; }
    .case-review[b-p3ea40x964] { border-top: 1px solid #dfe3dd; }
}

@media (max-width: 760px) {
    .operator-header[b-p3ea40x964] { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .metrics[b-p3ea40x964] { grid-template-columns: repeat(2, 1fr); }
    .queue-toolbar[b-p3ea40x964] { grid-template-columns: 1fr; }
    .queue-table-head[b-p3ea40x964] { display: none; }
    .queue-table-row[b-p3ea40x964] { grid-template-columns: 1fr 1fr; }
    .queue-table-row > :last-child[b-p3ea40x964] { display: none; }
    .reward-claim[b-p3ea40x964] { grid-template-columns: 1fr; }
    .email-head[b-p3ea40x964] { display: none; }
    .email-row[b-p3ea40x964] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Portal.razor.rz.scp.css */
.portal-shell[b-lm8wpi7cfo] {
    margin: 0 auto;
    max-width: 1280px;
    min-height: calc(100vh - 56px);
    padding: 3.5rem clamp(1rem, 4vw, 4rem) 7rem;
}

.portal-loading[b-lm8wpi7cfo] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
    min-height: 60vh;
}

.portal-header[b-lm8wpi7cfo] {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5rem;
}

.eyebrow[b-lm8wpi7cfo] {
    color: #df4635;
    font-size: 0.72rem;
    font-weight: 800;
    margin-bottom: 0.65rem;
    text-transform: uppercase;
}

.portal-header h1[b-lm8wpi7cfo],
.tab-section h2[b-lm8wpi7cfo] {
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    margin: 0;
}

.portal-header h1[b-lm8wpi7cfo] { font-size: clamp(2.2rem, 5vw, 4rem); }
.portal-header p[b-lm8wpi7cfo] { color: #687078; margin: 0.6rem 0 0; }

.account-summary[b-lm8wpi7cfo] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    font-size: 0.78rem;
    gap: 0.35rem;
}

.account-summary span[b-lm8wpi7cfo] { color: #6b737a; }
.account-summary a[b-lm8wpi7cfo] { color: #111820; font-weight: 800; }

.portal-tabs[b-lm8wpi7cfo] {
    background: #fff;
    border: 1px solid #dfe3dd;
}

.portal-tabs[b-lm8wpi7cfo]  .mud-tabs-tabbar {
    background: #f8f9f6;
    border-bottom: 1px solid #dfe3dd;
    padding-inline: 1rem;
}

.portal-tabs[b-lm8wpi7cfo]  .mud-tabs-panels { background: transparent; padding: 0; }

.tab-section[b-lm8wpi7cfo] {
    padding: clamp(1.25rem, 3vw, 2.5rem);
}

.tab-section + .tab-section[b-lm8wpi7cfo] { border-top: 1px solid #dfe3dd; }

.rewards-grid[b-lm8wpi7cfo],
.refund-layout[b-lm8wpi7cfo] {
    display: grid;
    gap: 1px;
    grid-template-columns: 1fr 1fr;
    padding: 0;
    background: #dfe3dd;
}

.stamp-wallet[b-lm8wpi7cfo] {
    background: #101419;
    color: #fff;
    min-height: 460px;
    padding: clamp(1.5rem, 4vw, 3.5rem);
}

.wallet-topline[b-lm8wpi7cfo] {
    align-items: center;
    color: #aeb6bd;
    display: flex;
    font-size: 0.75rem;
    font-weight: 700;
    justify-content: space-between;
    text-transform: uppercase;
}

.wallet-topline strong[b-lm8wpi7cfo] { color: #78d6b6; font-size: 1.1rem; }
.stamp-wallet h2[b-lm8wpi7cfo] { font-size: clamp(1.8rem, 4vw, 3.4rem); line-height: 1.08; margin: 3rem 0 2.5rem; max-width: 520px; }

.stamp-row[b-lm8wpi7cfo] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(10, 1fr);
    margin: 1.2rem 0 3rem;
}

.stamp-row span[b-lm8wpi7cfo] {
    align-items: center;
    aspect-ratio: 1;
    border: 1px solid #4a5158;
    color: #525960;
    display: flex;
    justify-content: center;
}

.stamp-row span.filled[b-lm8wpi7cfo] { background: #167a62; border-color: #167a62; color: #fff; }

.wallet-stats[b-lm8wpi7cfo] { border-top: 1px solid #3b4248; display: flex; gap: 3rem; padding-top: 1.5rem; }
.wallet-stats span[b-lm8wpi7cfo] { display: flex; flex-direction: column; }
.wallet-stats strong[b-lm8wpi7cfo] { font-size: 1.35rem; }
.wallet-stats small[b-lm8wpi7cfo] { color: #9ea6ac; font-size: 0.7rem; }

.purchase-entry[b-lm8wpi7cfo],
.refund-form-panel[b-lm8wpi7cfo] {
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding: clamp(1.5rem, 4vw, 3.5rem);
}

.panel-heading[b-lm8wpi7cfo] { align-items: flex-start; display: flex; gap: 1rem; margin-bottom: 0.8rem; }
.panel-heading h2[b-lm8wpi7cfo] { font-size: 1.5rem; }
.panel-heading p[b-lm8wpi7cfo] { color: #6c747b; font-size: 0.84rem; line-height: 1.5; margin: 0.35rem 0 0; }

.verification-note[b-lm8wpi7cfo],
.privacy-note[b-lm8wpi7cfo] {
    align-items: flex-start;
    color: #727a81;
    display: flex;
    font-size: 0.72rem;
    gap: 0.5rem;
    line-height: 1.5;
    margin: 0;
}

.section-title-row[b-lm8wpi7cfo] {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.section-title-row h2[b-lm8wpi7cfo] { font-size: clamp(1.65rem, 3vw, 2.6rem); }
.section-title-row > span[b-lm8wpi7cfo] { color: #687078; font-size: 0.78rem; }

.eligibility[b-lm8wpi7cfo] {
    background: #eef0ed;
    color: #646b70;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.5rem 0.75rem;
}

.eligibility.ready[b-lm8wpi7cfo] { background: #dff3e9; color: #11654f; }

.reward-product-grid[b-lm8wpi7cfo] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1.5rem;
}

.reward-product[b-lm8wpi7cfo] {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe3dd;
    cursor: pointer;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: 70px 1fr 24px;
    padding: 0.7rem;
    text-align: left;
}

.reward-product.selected[b-lm8wpi7cfo] { border-color: #167a62; box-shadow: inset 0 0 0 1px #167a62; }

.reward-product-image[b-lm8wpi7cfo] {
    aspect-ratio: 1;
    background-image: url('/images/o8-gadgets-hero.png');
    background-size: 350%;
    display: block;
}

.reward-product-image.cable[b-lm8wpi7cfo] { background-position: 52% 38%; }
.reward-product-image.pair[b-lm8wpi7cfo] { background-position: 95% 59%; }
.reward-product-image.lightning[b-lm8wpi7cfo] { background-position: 78% 63%; }
.reward-product-image.multi[b-lm8wpi7cfo] { background-position: 92% 70%; }

.reward-product-copy[b-lm8wpi7cfo] { display: flex; flex-direction: column; min-width: 0; }
.reward-product-copy strong[b-lm8wpi7cfo] { font-size: 0.82rem; line-height: 1.35; }
.reward-product-copy small[b-lm8wpi7cfo] { color: #7a8187; font-size: 0.65rem; margin-top: 0.2rem; }

.refund-calculation[b-lm8wpi7cfo] {
    background: #e8edf7;
    padding: clamp(1.5rem, 4vw, 3.5rem);
}

.calculation-label[b-lm8wpi7cfo] { color: #536273; font-size: 0.72rem; font-weight: 800; text-transform: uppercase; }
.refund-calculation > strong[b-lm8wpi7cfo] { display: block; font-family: "Manrope", sans-serif; font-size: clamp(2.8rem, 6vw, 5rem); line-height: 1; margin: 1rem 0 0.4rem; }
.refund-calculation > span[b-lm8wpi7cfo] { color: #637083; font-size: 0.8rem; }
.refund-calculation hr[b-lm8wpi7cfo] { border-color: #c5cedb; margin: 2rem 0; }
.calculation-row[b-lm8wpi7cfo] { display: flex; font-size: 0.86rem; justify-content: space-between; margin: 0.85rem 0; }
.privacy-note[b-lm8wpi7cfo] { border-top: 1px solid #c5cedb; margin-top: 2rem; padding-top: 1.2rem; }

.payout-block[b-lm8wpi7cfo] { background: #f7f8f5; border: 1px solid #e0e4de; padding: 1.2rem; }
.payout-block h3[b-lm8wpi7cfo] { font-size: 0.9rem; margin: 0 0 0.6rem; }

.case-list[b-lm8wpi7cfo] { border-top: 1px solid #dfe3dd; }
.case-row[b-lm8wpi7cfo] { align-items: center; border-bottom: 1px solid #dfe3dd; display: grid; gap: 1.3rem; grid-template-columns: 1fr 1.3fr 0.7fr auto; padding: 1.15rem 0; }
.case-reference[b-lm8wpi7cfo],
.case-machine[b-lm8wpi7cfo],
.case-amount[b-lm8wpi7cfo] { display: flex; flex-direction: column; }
.case-row strong[b-lm8wpi7cfo] { font-size: 0.82rem; }
.case-row span[b-lm8wpi7cfo] { color: #757d83; font-size: 0.68rem; margin-top: 0.2rem; }
.case-status[b-lm8wpi7cfo] { color: #5b6268 !important; font-weight: 800; padding: 0.4rem 0.6rem; white-space: nowrap; }
.case-status.pending[b-lm8wpi7cfo] { background: #fff0cf; color: #815a0c !important; }
.case-status.needsinformation[b-lm8wpi7cfo] { background: #e8edf7; color: #29538f !important; }
.case-status.approved[b-lm8wpi7cfo] { background: #ddf2e8; color: #11654f !important; }
.case-status.paid[b-lm8wpi7cfo] { background: #d6eddf; color: #0d6047 !important; }
.case-status.rejected[b-lm8wpi7cfo] { background: #f7dfdc; color: #982c21 !important; }
.operator-note[b-lm8wpi7cfo] { align-items: center; background: #f7f8f5; color: #4f575d; display: flex; font-size: 0.75rem; gap: 0.5rem; grid-column: 1 / -1; margin: 0; padding: 0.75rem; }

.empty-state[b-lm8wpi7cfo] { align-items: center; color: #687078; display: flex; flex-direction: column; gap: 0.45rem; padding: 4rem 1rem; text-align: center; }
.empty-state strong[b-lm8wpi7cfo] { color: #111820; }
.empty-state span[b-lm8wpi7cfo] { font-size: 0.8rem; }

@media (max-width: 900px) {
    .rewards-grid[b-lm8wpi7cfo],
    .refund-layout[b-lm8wpi7cfo] { grid-template-columns: 1fr; }
    .case-row[b-lm8wpi7cfo] { grid-template-columns: 1fr 1fr; }
    .case-status[b-lm8wpi7cfo] { justify-self: start; }
}

@media (max-width: 650px) {
    .portal-shell[b-lm8wpi7cfo] { padding-top: 2rem; }
    .portal-header[b-lm8wpi7cfo] { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .account-summary[b-lm8wpi7cfo] { align-items: flex-start; }
    .stamp-wallet[b-lm8wpi7cfo] { min-height: 410px; }
    .stamp-row[b-lm8wpi7cfo] { gap: 0.25rem; }
    .stamp-row[b-lm8wpi7cfo]  .mud-icon-size-small { font-size: 0.9rem; }
    .reward-product-grid[b-lm8wpi7cfo] { grid-template-columns: 1fr; }
    .section-title-row[b-lm8wpi7cfo] { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .case-row[b-lm8wpi7cfo] { grid-template-columns: 1fr; }
}