/* /Components/Layout/MainLayout.razor.rz.scp.css */
/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}*/


/* Section headers (JOURNAL / REPORTS / ANALYSE) */
/*.nav-section {
    color: rgba(255,255,255,.45);
    font-weight: 800;
    letter-spacing: .08em;
}*/

/* Links */
/*.nav-link {
    color: rgba(255,255,255,.80);
    border-radius: 12px;
}

    .nav-link:hover {
        background: rgba(255,255,255,.06);
        color: #fff;
    }*/

    /* Active link */
    /*.nav-link.active {
        background: rgba(255,255,255,.12);
        color: #fff;
        position: relative;
    }*/

        /* Active indicator bar */
        /*.nav-link.active::before {
            content: "";
            position: absolute;
            left: 0;
            top: 10px;
            bottom: 10px;
            width: 4px;
            border-radius: 999px;
            background: #38bdf8*/ /* #3b82f6; blue accent */
        /*}*/

    /* Icons */
    /*.nav-link .bi {
        opacity: .9;
    }

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

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

        .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
            text-decoration: underline;
        }

        .top-row ::deep a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

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

        .top-row ::deep a, .top-row ::deep .btn-link {
            margin-left: 0;
        }
}

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



    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth ::deep a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

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

#blazor-error-ui {
    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 {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }*/

/* /Components/Layout/NavItem.razor.rz.scp.css */
.nav-item[b-8u5k4npih7] {
    position: relative;
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #94a3b8;
    text-decoration: none;
    transition:
        color 140ms ease,
        background 140ms ease,
        border-color 140ms ease,
        transform 140ms ease;
}

.nav-item:hover[b-8u5k4npih7] {
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(148, 163, 184, 0.055);
}

.nav-item:focus-visible[b-8u5k4npih7] {
    outline: 2px solid rgba(34, 211, 238, 0.48);
    outline-offset: 2px;
}

.nav-item-icon[b-8u5k4npih7] {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    border-radius: 7px;
    color: #7890ad;
    transition: color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.nav-item-icon i[b-8u5k4npih7] {
    font-size: 15px;
    line-height: 1;
}

.nav-item-text[b-8u5k4npih7] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    color: inherit;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-item-chevron[b-8u5k4npih7] {
    display: grid;
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    place-items: center;
    color: #475569;
    opacity: 0;
    transform: translateX(-2px);
    transition: opacity 140ms ease, transform 140ms ease, color 140ms ease;
}

.nav-item-chevron i[b-8u5k4npih7] {
    font-size: 10px;
}

.nav-item:hover .nav-item-chevron[b-8u5k4npih7] {
    opacity: .9;
    transform: translateX(0);
}

.nav-item.is-active[b-8u5k4npih7] {
    color: #dffaff;
    border-color: rgba(34, 211, 238, 0.11);
    background:
        linear-gradient(90deg, rgba(8, 145, 178, 0.18), rgba(14, 116, 144, 0.08) 72%, rgba(14, 116, 144, 0.02));
    box-shadow:
        inset 3px 0 0 #22d3ee,
        inset 0 1px 0 rgba(255, 255, 255, 0.018);
}

.nav-item.is-active .nav-item-icon[b-8u5k4npih7] {
    color: #22d3ee;
    background: rgba(34, 211, 238, 0.085);
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.05);
}

.nav-item.is-active .nav-item-chevron[b-8u5k4npih7] {
    color: #22d3ee;
    opacity: .72;
}

.nav-item.is-collapsed[b-8u5k4npih7] {
    width: 40px;
    min-height: 40px;
    margin-inline: auto;
    justify-content: center;
    gap: 0;
    padding: 0;
    border-radius: 11px;
}

.nav-item.is-collapsed .nav-item-icon[b-8u5k4npih7] {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
}

.nav-item.is-collapsed.is-active[b-8u5k4npih7] {
    box-shadow: none;
    border-color: rgba(34, 211, 238, 0.14);
    background: rgba(8, 145, 178, 0.14);
}

.nav-item-text.is-hidden[b-8u5k4npih7] {
    position: absolute;
    width: 0;
    opacity: 0;
}

/* The parent grid handles centring in collapsed mode. */
.nav-item.is-collapsed[b-8u5k4npih7] {
    margin-inline: 0;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu-shell[b-pf7vdpci5k] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 8px;
    background:
        radial-gradient(circle at 50% 110%, rgba(34, 211, 238, 0.055), transparent 34%),
        #020617;
}

.nav-menu-header[b-pf7vdpci5k] {
    flex: 0 0 auto;
    padding: 6px 4px 8px;
}

.brand-row[b-pf7vdpci5k] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 30px;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 5px 5px 5px 7px;
    border-bottom: 1px solid rgba(51, 65, 85, 0.42);
}

.brand-mark[b-pf7vdpci5k] {
    width: 42px;
    height: 42px;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(8, 145, 178, 0.035);
}

.brand-mark img[b-pf7vdpci5k],
.brand-mark-collapsed img[b-pf7vdpci5k] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.brand-copy[b-pf7vdpci5k] {
    min-width: 0;
}

.brand-name[b-pf7vdpci5k] {
    overflow: hidden;
    color: #e2e8f0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.015em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand-subtitle[b-pf7vdpci5k] {
    margin-top: 4px;
    overflow: hidden;
    color: #64748b;
    font-size: 9.5px;
    font-weight: 650;
    line-height: 1;
    letter-spacing: 0.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-toggle[b-pf7vdpci5k] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(71, 85, 105, 0.48);
    border-radius: 8px;
    color: #64748b;
    background: rgba(15, 23, 42, 0.62);
    transition: color 140ms ease, border-color 140ms ease, background 140ms ease;
}

.sidebar-toggle:hover[b-pf7vdpci5k] {
    color: #cbd5e1;
    border-color: rgba(34, 211, 238, 0.25);
    background: rgba(15, 23, 42, 0.94);
}

.sidebar-toggle i[b-pf7vdpci5k] {
    font-size: 11px;
}

.brand-row-collapsed[b-pf7vdpci5k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(51, 65, 85, 0.42);
}

.brand-mark-collapsed[b-pf7vdpci5k] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 12px;
}

/* The favicon asset has generous padding around the circular mark.
   Scale the artwork inside its clipping box so the logo reads clearly
   when the sidebar is collapsed, without widening the sidebar itself. */
.brand-mark-collapsed img[b-pf7vdpci5k] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.55);
    transform-origin: center;
}

.sidebar-toggle-collapsed[b-pf7vdpci5k] {
    width: 28px;
    height: 28px;
}

.nav-menu-scroll[b-pf7vdpci5k] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 2px 14px;
    scrollbar-width: thin;
    scrollbar-color: rgba(71, 85, 105, 0.58) transparent;
}

.nav-menu-scroll[b-pf7vdpci5k]::-webkit-scrollbar { width: 4px; }
.nav-menu-scroll[b-pf7vdpci5k]::-webkit-scrollbar-track { background: transparent; }
.nav-menu-scroll[b-pf7vdpci5k]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(71, 85, 105, 0.58);
}

.nav-primary-group[b-pf7vdpci5k],
.nav-section-group[b-pf7vdpci5k] {
    display: grid;
    gap: 3px;
}

.nav-section-heading[b-pf7vdpci5k] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 17px;
    margin-bottom: 6px;
    padding: 0 9px;
}

.nav-section-heading span[b-pf7vdpci5k] {
    flex: 0 0 auto;
    color: #557090;
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.115em;
    text-transform: uppercase;
}

.nav-section-line[b-pf7vdpci5k] {
    height: 1px;
    flex: 1 1 auto;
    background: linear-gradient(90deg, rgba(71, 85, 105, 0.42), transparent);
}

.nav-section-divider-collapsed[b-pf7vdpci5k] {
    width: 24px;
    height: 1px;
    margin: 12px auto 7px;
    background: rgba(71, 85, 105, 0.42);
}

.nav-reminder-host[b-pf7vdpci5k] {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    padding: 9px 4px 3px;
    border-top: 1px solid rgba(51, 65, 85, 0.52);
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.72), #020617 34%);
}

/* Keep the Zen reminder design unchanged */
.zen-reminder-card[b-pf7vdpci5k] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 132px;
    padding: 14px;
    border: 1px solid rgba(51, 65, 85, 0.58);
    border-radius: 14px;
    background: radial-gradient(circle at 14% 8%, rgba(34, 211, 238, 0.1), transparent 32%), linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(8, 17, 34, 0.97));
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.zen-reminder-card[b-pf7vdpci5k]::after {
    position: absolute;
    right: -34px;
    bottom: -42px;
    z-index: -1;
    width: 112px;
    height: 112px;
    border: 1px solid rgba(34, 211, 238, 0.08);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 18px rgba(34, 211, 238, 0.025), 0 0 0 38px rgba(34, 211, 238, 0.015);
}

.zen-reminder-glow[b-pf7vdpci5k] {
    position: absolute;
    top: -44px;
    left: -38px;
    z-index: -1;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(6, 182, 212, 0.08);
    filter: blur(30px);
}

.zen-reminder-icon[b-pf7vdpci5k] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, 0.2);
    border-radius: 11px;
    color: #22d3ee;
    background: rgba(8, 145, 178, 0.09);
    box-shadow: 0 0 22px rgba(34, 211, 238, 0.08);
}

.zen-reminder-icon svg[b-pf7vdpci5k],
.zen-reminder-collapsed svg[b-pf7vdpci5k] {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.zen-reminder-card p[b-pf7vdpci5k] {
    margin: 12px 0 0;
    color: #e2e8f0;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.55;
    letter-spacing: -0.01em;
}

.zen-reminder-card span[b-pf7vdpci5k] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 10px;
    font-weight: 600;
}

.zen-reminder-collapsed[b-pf7vdpci5k] {
    display: grid;
    width: 42px;
    height: 42px;
    margin: 0 auto;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, 0.2);
    border-radius: 13px;
    color: #22d3ee;
    background: radial-gradient(circle at 30% 20%, rgba(34, 211, 238, 0.14), transparent 58%), rgba(15, 23, 42, 0.86);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22), 0 0 20px rgba(34, 211, 238, 0.05);
    transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.zen-reminder-collapsed:hover[b-pf7vdpci5k] {
    border-color: rgba(34, 211, 238, 0.42);
    background-color: rgba(15, 23, 42, 1);
    transform: translateY(-1px);
}

.is-collapsed .nav-menu-scroll[b-pf7vdpci5k] {
    padding-inline: 0;
}

@media (max-height: 760px) {
    .brand-row[b-pf7vdpci5k] {
        min-height: 52px;
    }

    .nav-section-heading[b-pf7vdpci5k] {
        margin-top: 13px;
    }

    .zen-reminder-card[b-pf7vdpci5k] {
        min-height: 116px;
        padding: 12px;
    }

    .zen-reminder-card p[b-pf7vdpci5k] {
        margin-top: 9px;
        font-size: 11px;
    }

    .zen-reminder-card span[b-pf7vdpci5k] {
        margin-top: 5px;
        font-size: 9px;
    }

    .zen-reminder-icon[b-pf7vdpci5k] {
        width: 30px;
        height: 30px;
    }

    .zen-reminder-icon svg[b-pf7vdpci5k] {
        width: 20px;
        height: 20px;
    }
}

/* Collapsed mode: center every navigation control on the physical sidebar,
   not the scrollable content width. Hiding the narrow scrollbar prevents
   the active tile from appearing a few pixels left of centre. */
.is-collapsed .nav-menu-scroll[b-pf7vdpci5k] {
    padding-inline: 0;
    scrollbar-width: none;
}

.is-collapsed .nav-menu-scroll[b-pf7vdpci5k]::-webkit-scrollbar {
    display: none;
}

.is-collapsed .nav-primary-group[b-pf7vdpci5k],
.is-collapsed .nav-section-group[b-pf7vdpci5k] {
    width: 100%;
    justify-items: center;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-lqzkl64tvl],
.components-reconnect-repeated-attempt-visible[b-lqzkl64tvl],
.components-reconnect-failed-visible[b-lqzkl64tvl],
.components-pause-visible[b-lqzkl64tvl],
.components-resume-failed-visible[b-lqzkl64tvl],
.components-rejoining-animation[b-lqzkl64tvl] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AIReview/AIReview.razor.rz.scp.css */
.ai-review-desktop-layout[b-eb0unstaew] {
    min-width: 0;
}

.ai-review-sidebar[b-eb0unstaew],
.ai-review-content[b-eb0unstaew],
.ai-review-content-scroll[b-eb0unstaew] {
    min-width: 0;
    min-height: 0;
}

.ai-review-content-scroll[b-eb0unstaew] {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

@media (min-width: 1024px) {
    .ai-review-desktop-layout[b-eb0unstaew] {
        display: grid !important;
        grid-template-columns: 300px minmax(0, 1fr) !important;
        height: calc(100dvh - 116px) !important;
        overflow: hidden !important;
    }

    .ai-review-sidebar[b-eb0unstaew] {
        height: 100%;
        overflow: hidden;
    }

    .ai-review-content[b-eb0unstaew] {
        height: 100%;
        overflow: hidden;
    }

    .ai-review-content-scroll[b-eb0unstaew] {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
}
/* /Components/Pages/AIReview/PeriodAiReviewPanel.razor.rz.scp.css */
.period-review-root[b-3kvojphab7],
.period-review-header[b-3kvojphab7],
.period-review-score-strip[b-3kvojphab7],
.period-review-overview-grid[b-3kvojphab7],
.period-review-insight-grid[b-3kvojphab7],
.period-review-process-layout[b-3kvojphab7],
.period-review-process-metrics[b-3kvojphab7],
.period-review-coaching-grid[b-3kvojphab7],
.period-review-playbook-header[b-3kvojphab7],
.period-review-playbook-body[b-3kvojphab7],
.period-review-version-row[b-3kvojphab7] {
    min-width: 0;
}

.period-review-nav[b-3kvojphab7] {
    scrollbar-width: none;
}

    .period-review-nav[b-3kvojphab7]::-webkit-scrollbar {
        display: none;
    }

.period-review-score-ring[b-3kvojphab7] {
    --score: 0;
    position: relative;
    display: grid;
    width: 4.5rem;
    height: 4.5rem;
    flex: 0 0 4.5rem;
    place-items: center;
    border-radius: 999px;
    background: conic-gradient(#34d399 calc(var(--score) * 1%), rgba(51, 65, 85, .65) 0);
}

    .period-review-score-ring[b-3kvojphab7]::before {
        content: "";
        position: absolute;
        inset: 5px;
        border-radius: inherit;
        background: #0f172a;
    }

.period-review-score-ring-inner[b-3kvojphab7] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

.period-process-metric-label[b-3kvojphab7] {
    min-height: 2rem;
    white-space: normal;
    line-height: 1rem;
}

.period-review-context-card[b-3kvojphab7] {
    height: 100%;
}

.period-review-playbook-header[b-3kvojphab7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.period-review-version-row[b-3kvojphab7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px 90px;
    align-items: center;
    gap: 1rem;
}

/* Next-period commitment */
.period-review-next-focus[b-3kvojphab7] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(245, 158, 11, 0.24);
    border-radius: 1rem;
    background: radial-gradient(circle at 0 0, rgba(245, 158, 11, 0.10), transparent 34%), linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(8, 12, 25, 0.98));
    padding: 1.25rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

    .period-review-next-focus[b-3kvojphab7]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 3px;
        background: linear-gradient(180deg, #fbbf24, #f59e0b 55%, rgba(245, 158, 11, 0.2));
    }

.period-review-next-focus-header[b-3kvojphab7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(51, 65, 85, 0.55);
}

.period-review-next-focus-heading[b-3kvojphab7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.period-review-next-focus-icon[b-3kvojphab7] {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(245, 158, 11, 0.30);
    border-radius: 0.7rem;
    background: rgba(245, 158, 11, 0.10);
    color: #fbbf24;
}

    .period-review-next-focus-icon svg[b-3kvojphab7],
    .period-review-next-focus-check svg[b-3kvojphab7] {
        width: 1.15rem;
        height: 1.15rem;
    }

.period-review-next-focus-eyebrow[b-3kvojphab7] {
    color: #fbbf24;
    font-size: 0.7rem;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.period-review-next-focus-subtitle[b-3kvojphab7] {
    margin-top: 0.15rem;
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: 1.1rem;
}

.period-review-next-focus-priority[b-3kvojphab7] {
    flex: 0 0 auto;
    border: 1px solid rgba(245, 158, 11, 0.22);
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.08);
    padding: 0.3rem 0.65rem;
    color: #fcd34d;
    font-size: 0.65rem;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.period-review-next-focus-body[b-3kvojphab7] {
    display: grid;
    grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.65fr);
    align-items: stretch;
    gap: 1rem;
    padding-top: 1rem;
}

.period-review-next-focus-title-wrap[b-3kvojphab7] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 0.25rem 0.35rem;
}

.period-review-next-focus-label[b-3kvojphab7],
.period-review-next-focus-action-label[b-3kvojphab7] {
    color: #94a3b8;
    font-size: 0.65rem;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.period-review-next-focus-title[b-3kvojphab7] {
    margin: 0.35rem 0 0;
    color: #f8fafc;
    font-size: 1rem;
    line-height: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
}

.period-review-next-focus-action-list[b-3kvojphab7] {
    display: grid;
    gap: .65rem;
}

.period-review-next-focus-action[b-3kvojphab7] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 0.8rem;
    border: 1px solid rgba(51, 65, 85, 0.72);
    border-radius: 0.85rem;
    background: rgba(2, 6, 23, 0.46);
    padding: 0.85rem 1rem;
}

.period-review-next-focus-check[b-3kvojphab7] {
    display: inline-flex;
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 1.8rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(52, 211, 153, 0.25);
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.10);
    color: #6ee7b7;
}

.period-review-next-focus-action-text[b-3kvojphab7] {
    margin: 0.28rem 0 0;
    color: #cbd5e1;
    font-size: 0.85rem;
    line-height: 1.4rem;
}

@media (min-width: 1280px) {
    .period-review-header[b-3kvojphab7] {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
    }

    .period-review-score-strip[b-3kvojphab7] {
        display: grid !important;
        grid-template-columns: 245px minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    .period-review-overview-grid[b-3kvojphab7] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 360px !important;
        align-items: stretch;
    }

    .period-review-insight-grid[b-3kvojphab7],
    .period-review-coaching-grid[b-3kvojphab7] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch;
    }

    .period-review-process-layout[b-3kvojphab7] {
        display: grid !important;
        grid-template-columns: 250px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 2rem !important;
    }

    .period-review-process-metrics[b-3kvojphab7] {
        display: grid !important;
        width: 100% !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 1rem !important;
    }

    .period-review-playbook-body[b-3kvojphab7] {
        display: grid !important;
        grid-template-columns: minmax(0, 1.25fr) 360px !important;
    }
}

@media (min-width: 1280px) and (max-width: 1500px) {
    .period-review-score-strip[b-3kvojphab7] {
        grid-template-columns: 220px minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    .period-review-process-metrics[b-3kvojphab7] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .period-review-version-row[b-3kvojphab7] {
        grid-template-columns: minmax(0, 1fr) 220px 80px;
    }
}

@media (max-width: 1050px) {
    .period-review-version-row[b-3kvojphab7] {
        grid-template-columns: 1fr;
    }

        .period-review-version-row > :last-child[b-3kvojphab7] {
            text-align: left;
        }

    .period-review-next-focus-body[b-3kvojphab7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .period-review-score-strip .grid-cols-4[b-3kvojphab7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 1rem;
    }

    .period-review-playbook-header[b-3kvojphab7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .period-review-next-focus[b-3kvojphab7] {
        padding: 1rem;
    }

    .period-review-next-focus-header[b-3kvojphab7] {
        align-items: flex-start;
    }

    .period-review-next-focus-priority[b-3kvojphab7] {
        display: none;
    }
}
/* /Components/Pages/AIReview/RuleDiagnosticsPanel.razor.rz.scp.css */
.rule-diagnostics[b-fot37lzlel] { border: 1px solid var(--border-color, #334155); border-radius: 12px; padding: 16px; color: inherit; background: transparent; min-width: 0; }
summary[b-fot37lzlel] { cursor: pointer; padding: 8px 0; }
summary > span[b-fot37lzlel] { margin-left: 8px; font-size: .85em; }
article[b-fot37lzlel] { padding: 14px 0; border-top: 1px solid var(--border-color, #64748b); }
h4[b-fot37lzlel] { font-size: 1rem; font-weight: 650; margin-bottom: 8px; }
p[b-fot37lzlel] { margin: 8px 0; line-height: 1.6; overflow-wrap: anywhere; }
.rule-diagnostics-results[b-fot37lzlel] { display: flex; flex-wrap: wrap; gap: 8px 24px; }
article details[b-fot37lzlel] { font-size: .9rem; }
@media (max-width: 640px) { .rule-diagnostics-results[b-fot37lzlel] { flex-direction: column; gap: 6px; } }
/* /Components/Pages/AIReview/TradeAiReviewPanel.razor.rz.scp.css */
.trade-review-root[b-lg0vtkqthd] {
    min-width: 0;
}

.trade-review-header[b-lg0vtkqthd],
.trade-review-score-strip[b-lg0vtkqthd],
.trade-review-overview-grid[b-lg0vtkqthd],
.trade-review-coaching-grid[b-lg0vtkqthd],
.trade-review-process-layout[b-lg0vtkqthd],
.trade-review-process-metrics[b-lg0vtkqthd],
.trade-review-rules-header[b-lg0vtkqthd],
.trade-review-rule-group-summary[b-lg0vtkqthd],
.trade-review-rule-row[b-lg0vtkqthd] {
    min-width: 0;
}

.trade-review-nav[b-lg0vtkqthd] {
    scrollbar-width: none;
}

    .trade-review-nav[b-lg0vtkqthd]::-webkit-scrollbar {
        display: none;
    }

.trade-process-metric-label[b-lg0vtkqthd] {
    min-height: 2rem;
    white-space: normal;
    line-height: 1rem;
}

@media (min-width: 1280px) {
    .trade-review-header[b-lg0vtkqthd] {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
    }

    .trade-review-score-strip[b-lg0vtkqthd] {
        display: grid !important;
        grid-template-columns: 220px minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    .trade-review-overview-grid[b-lg0vtkqthd] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 360px !important;
        align-items: stretch;
    }

    .trade-review-outcome-card[b-lg0vtkqthd] {
        height: 100%;
    }

    .trade-review-coaching-grid[b-lg0vtkqthd] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.35fr) !important;
        align-items: stretch;
    }

        .trade-review-coaching-grid > *[b-lg0vtkqthd] {
            min-width: 0;
            height: 100%;
        }

    .trade-review-process-layout[b-lg0vtkqthd] {
        display: grid !important;
        grid-template-columns: 250px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 2rem !important;
    }

    .trade-review-process-metrics[b-lg0vtkqthd] {
        display: grid !important;
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 1rem !important;
    }

    .trade-review-rules-header[b-lg0vtkqthd] {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        text-align: left;
    }

    .trade-review-rule-group-summary[b-lg0vtkqthd] {
        display: grid !important;
        grid-template-columns: 180px minmax(0, 1fr) 120px 24px !important;
        align-items: center !important;
    }

    .trade-review-rule-row[b-lg0vtkqthd] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 130px 160px !important;
        align-items: start !important;
    }
}

@media (min-width: 1280px) and (max-width: 1450px) {
    .trade-review-process-layout[b-lg0vtkqthd] {
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 1.25rem !important;
    }

    .trade-review-process-metrics[b-lg0vtkqthd] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .trade-review-rule-group-summary[b-lg0vtkqthd] {
        grid-template-columns: 160px minmax(0, 1fr) 105px 20px !important;
    }
}

@media (max-width: 1279px) {
    .trade-review-process-metrics[b-lg0vtkqthd] {
        width: 100%;
    }

    .trade-review-rules-header[b-lg0vtkqthd] {
        text-align: left;
    }
}


/* Next-trade commitment */
.trade-review-next-focus[b-lg0vtkqthd] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(245, 158, 11, 0.24);
    border-radius: 1rem;
    background: radial-gradient(circle at 0 0, rgba(245, 158, 11, 0.10), transparent 34%), linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(8, 12, 25, 0.98));
    padding: 1.25rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

    .trade-review-next-focus[b-lg0vtkqthd]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 3px;
        background: linear-gradient(180deg, #fbbf24, #f59e0b 55%, rgba(245, 158, 11, 0.2));
    }

.trade-review-next-focus-header[b-lg0vtkqthd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(51, 65, 85, 0.55);
}

.trade-review-next-focus-heading[b-lg0vtkqthd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.trade-review-next-focus-icon[b-lg0vtkqthd] {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(245, 158, 11, 0.30);
    border-radius: 0.7rem;
    background: rgba(245, 158, 11, 0.10);
    color: #fbbf24;
}

    .trade-review-next-focus-icon svg[b-lg0vtkqthd],
    .trade-review-next-focus-check svg[b-lg0vtkqthd] {
        width: 1.15rem;
        height: 1.15rem;
    }

.trade-review-next-focus-eyebrow[b-lg0vtkqthd] {
    color: #fbbf24;
    font-size: 0.7rem;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.trade-review-next-focus-subtitle[b-lg0vtkqthd] {
    margin-top: 0.15rem;
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: 1.1rem;
}

.trade-review-next-focus-priority[b-lg0vtkqthd] {
    flex: 0 0 auto;
    border: 1px solid rgba(245, 158, 11, 0.22);
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.08);
    padding: 0.3rem 0.65rem;
    color: #fcd34d;
    font-size: 0.65rem;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.trade-review-next-focus-body[b-lg0vtkqthd] {
    display: grid;
    grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.65fr);
    align-items: stretch;
    gap: 1rem;
    padding-top: 1rem;
}

.trade-review-next-focus-title-wrap[b-lg0vtkqthd] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 0.25rem 0.35rem;
}

.trade-review-next-focus-label[b-lg0vtkqthd],
.trade-review-next-focus-action-label[b-lg0vtkqthd] {
    color: #94a3b8;
    font-size: 0.65rem;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.trade-review-next-focus-title[b-lg0vtkqthd] {
    margin: 0.35rem 0 0;
    color: #f8fafc;
    font-size: 1rem;
    line-height: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
}

.trade-review-next-focus-action[b-lg0vtkqthd] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 0.8rem;
    border: 1px solid rgba(51, 65, 85, 0.72);
    border-radius: 0.85rem;
    background: rgba(2, 6, 23, 0.46);
    padding: 0.9rem 1rem;
}

.trade-review-next-focus-check[b-lg0vtkqthd] {
    display: inline-flex;
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 1.8rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(52, 211, 153, 0.25);
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.10);
    color: #6ee7b7;
}

.trade-review-next-focus-action-text[b-lg0vtkqthd] {
    margin: 0.28rem 0 0;
    color: #cbd5e1;
    font-size: 0.85rem;
    line-height: 1.4rem;
}

@media (max-width: 900px) {
    .trade-review-next-focus-body[b-lg0vtkqthd] {
        grid-template-columns: 1fr;
    }

    .trade-review-next-focus-header[b-lg0vtkqthd] {
        align-items: flex-start;
    }
}

@media (max-width: 560px) {
    .trade-review-next-focus[b-lg0vtkqthd] {
        padding: 1rem;
    }

    .trade-review-next-focus-priority[b-lg0vtkqthd] {
        display: none;
    }

    .trade-review-next-focus-action[b-lg0vtkqthd] {
        padding: 0.8rem;
    }
}
/* /Components/Pages/AnalysePie.razor.rz.scp.css */
.pie-container[b-wqaod5e3hu] {
    padding: 2.25rem;
}
/* /Components/Pages/Backtesting.razor.rz.scp.css */
.backtesting-container[b-34s4aczfxc] {
    width: 100%;
    height: calc(100dvh - 90px); /* adjust if your header height differs */
    overflow: hidden;
}

.backtesting-frame[b-34s4aczfxc] {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
/* /Components/Pages/BackTestingAnalytics.razor.rz.scp.css */
.backtesting-container[b-4wuwxb5jkk] {
    width: 100%;
    height: calc(100dvh - 90px); /* adjust if your header height differs */
    overflow: hidden;
}

.backtesting-frame[b-4wuwxb5jkk] {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
/* /Components/Pages/Calendar.razor.rz.scp.css */
.calendar-page[b-q8q71a2714] {
    --calendar-bg: #07101f;
    --calendar-panel: rgba(15, 23, 42, 0.82);
    --calendar-panel-strong: #0f172a;
    --calendar-border: rgba(71, 85, 105, 0.42);
    --calendar-muted: #94a3b8;
    --calendar-text: #e5edf8;
    --calendar-blue: #4f7cff;
    --calendar-positive: #35d399;
    --calendar-negative: #fb7185;
    --calendar-warning: #fbbf24;
    --calendar-neutral: #9ca3af;
    min-height: calc(100dvh - 72px);
    padding: 24px;
    color: var(--calendar-text);
    background: radial-gradient(circle at 78% -10%, rgba(79, 124, 255, 0.12), transparent 32%), radial-gradient(circle at 8% 14%, rgba(53, 211, 153, 0.06), transparent 28%);
}

.calendar-hero[b-q8q71a2714] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    max-width: 1600px;
    margin: 0 auto 22px;
}

.calendar-eyebrow[b-q8q71a2714] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #8fb0ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.calendar-hero h1[b-q8q71a2714] {
    margin: 0;
    max-width: 820px;
    color: #f8fbff;
    font-size: clamp(24px, 2.5vw, 42px);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

.calendar-hero p[b-q8q71a2714] {
    max-width: 720px;
    margin: 12px 0 0;
    color: var(--calendar-muted);
    font-size: 14px;
    line-height: 1.65;
}

.month-identity[b-q8q71a2714] {
    min-width: 230px;
    padding: 15px 17px;
    border: 1px solid var(--calendar-border);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.75), rgba(15, 23, 42, 0.62));
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

    .month-identity span[b-q8q71a2714],
    .month-identity strong[b-q8q71a2714] {
        display: block;
    }

.month-identity-label[b-q8q71a2714] {
    color: #718198;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.month-identity strong[b-q8q71a2714] {
    margin-top: 4px;
    color: #f8fafc;
    font-size: 17px;
}

    .month-identity strong + span[b-q8q71a2714] {
        margin-top: 4px;
        color: var(--calendar-muted);
        font-size: 11px;
    }

.calendar-metrics[b-q8q71a2714] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    max-width: 1600px;
    margin: 0 auto;
}

.calendar-metric[b-q8q71a2714] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 13px;
    padding: 15px;
    border: 1px solid var(--calendar-border);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.94), rgba(10, 18, 34, 0.9));
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}

.metric-icon[b-q8q71a2714] {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    font-size: 17px;
}

    .metric-icon.pnl[b-q8q71a2714] {
        color: #8fb0ff;
        background: rgba(79, 124, 255, 0.13);
    }

    .metric-icon.discipline[b-q8q71a2714] {
        color: #67e8b5;
        background: rgba(53, 211, 153, 0.12);
    }

    .metric-icon.days[b-q8q71a2714] {
        color: #c4b5fd;
        background: rgba(139, 92, 246, 0.12);
    }

    .metric-icon.streak[b-q8q71a2714] {
        color: #fcd34d;
        background: rgba(251, 191, 36, 0.12);
    }

.calendar-metric > div:last-child[b-q8q71a2714] {
    min-width: 0;
}

.calendar-metric .metric-label[b-q8q71a2714],
.calendar-metric strong[b-q8q71a2714],
.calendar-metric small[b-q8q71a2714] {
    display: block;
}

.calendar-metric .metric-label[b-q8q71a2714] {
    color: #75859d;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.calendar-metric strong[b-q8q71a2714] {
    margin-top: 2px;
    color: #f8fafc;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.1;
}

.calendar-metric small[b-q8q71a2714] {
    overflow: hidden;
    margin-top: 4px;
    color: var(--calendar-muted);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.value-positive[b-q8q71a2714] {
    color: var(--calendar-positive) !important;
}

.value-negative[b-q8q71a2714] {
    color: var(--calendar-negative) !important;
}

.value-flat[b-q8q71a2714] {
    color: #d6deea !important;
}

.calendar-coach[b-q8q71a2714] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    max-width: 1600px;
    margin: 14px auto 0;
    padding: 15px 17px;
    border: 1px solid var(--calendar-border);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.72);
}

    .calendar-coach.positive[b-q8q71a2714] {
        border-color: rgba(53, 211, 153, 0.26);
        background: linear-gradient(90deg, rgba(53, 211, 153, 0.09), rgba(15, 23, 42, 0.75) 46%);
    }

    .calendar-coach.warning[b-q8q71a2714] {
        border-color: rgba(251, 191, 36, 0.28);
        background: linear-gradient(90deg, rgba(251, 191, 36, 0.09), rgba(15, 23, 42, 0.75) 46%);
    }

.coach-icon[b-q8q71a2714] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    color: #9ab6ff;
    background: rgba(79, 124, 255, 0.12);
    font-size: 18px;
}

.calendar-coach.positive .coach-icon[b-q8q71a2714] {
    color: #67e8b5;
    background: rgba(53, 211, 153, 0.12);
}

.calendar-coach.warning .coach-icon[b-q8q71a2714] {
    color: #fcd34d;
    background: rgba(251, 191, 36, 0.12);
}

.coach-copy[b-q8q71a2714] {
    min-width: 0;
}

    .coach-copy span[b-q8q71a2714] {
        display: block;
        color: #7889a1;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .coach-copy strong[b-q8q71a2714] {
        display: block;
        margin-top: 2px;
        color: #f8fafc;
        font-size: 14px;
    }

    .coach-copy p[b-q8q71a2714] {
        margin: 3px 0 0;
        color: #aab6c8;
        font-size: 11px;
        line-height: 1.5;
    }

.coach-stat[b-q8q71a2714] {
    min-width: 175px;
    padding-left: 17px;
    border-left: 1px solid rgba(71, 85, 105, 0.38);
    text-align: right;
}

    .coach-stat span[b-q8q71a2714],
    .coach-stat strong[b-q8q71a2714] {
        display: block;
    }

    .coach-stat span[b-q8q71a2714] {
        color: #718198;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .coach-stat strong[b-q8q71a2714] {
        margin-top: 4px;
        color: #f8fafc;
        font-size: 13px;
    }

.calendar-card[b-q8q71a2714] {
    overflow: hidden;
    max-width: 1600px;
    margin: 18px auto 0;
    border: 1px solid var(--calendar-border);
    border-radius: 20px;
    background: rgba(8, 16, 31, 0.8);
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.24);
}

.calendar-toolbar[b-q8q71a2714] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(71, 85, 105, 0.34);
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(12, 20, 36, 0.92));
}

.month-navigation[b-q8q71a2714] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.calendar-icon-button[b-q8q71a2714],
.today-button[b-q8q71a2714],
.view-button[b-q8q71a2714] {
    border: 0;
    color: #dce5f2;
    cursor: pointer;
    transition: 150ms ease;
}

.calendar-icon-button[b-q8q71a2714] {
    display: grid;
    width: 35px;
    height: 35px;
    place-items: center;
    border: 1px solid rgba(71, 85, 105, 0.48);
    border-radius: 11px;
    background: rgba(2, 6, 23, 0.38);
}

    .calendar-icon-button:hover[b-q8q71a2714],
    .today-button:hover[b-q8q71a2714] {
        border-color: rgba(79, 124, 255, 0.5);
        background: rgba(79, 124, 255, 0.1);
    }

.month-title[b-q8q71a2714] {
    min-width: 148px;
    padding: 0 5px;
}

    .month-title span[b-q8q71a2714],
    .month-title strong[b-q8q71a2714] {
        display: block;
    }

    .month-title span[b-q8q71a2714] {
        color: #718198;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .month-title strong[b-q8q71a2714] {
        margin-top: 1px;
        color: #f8fafc;
        font-size: 14px;
    }

.today-button[b-q8q71a2714] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 35px;
    padding: 0 12px;
    border: 1px solid rgba(71, 85, 105, 0.48);
    border-radius: 11px;
    background: rgba(2, 6, 23, 0.38);
    font-size: 11px;
    font-weight: 700;
}

.calendar-view-switcher[b-q8q71a2714] {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(71, 85, 105, 0.38);
    border-radius: 12px;
    background: rgba(2, 6, 23, 0.35);
}

.view-button[b-q8q71a2714] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 31px;
    padding: 0 11px;
    border-radius: 9px;
    background: transparent;
    color: #8e9bb0;
    font-size: 10px;
    font-weight: 700;
}

    .view-button:hover[b-q8q71a2714] {
        color: #eef4ff;
        background: rgba(71, 85, 105, 0.22);
    }

    .view-button.active[b-q8q71a2714] {
        color: #fff;
        background: linear-gradient(135deg, #4f7cff, #3d67e9);
        box-shadow: 0 8px 18px rgba(79, 124, 255, 0.22);
    }

.calendar-context[b-q8q71a2714] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(71, 85, 105, 0.26);
    background: rgba(15, 23, 42, 0.42);
}

.context-copy[b-q8q71a2714] {
    min-width: 0;
}

    .context-copy strong[b-q8q71a2714],
    .context-copy span[b-q8q71a2714] {
        display: block;
    }

    .context-copy strong[b-q8q71a2714] {
        color: #dce6f5;
        font-size: 11px;
    }

    .context-copy span[b-q8q71a2714] {
        margin-top: 2px;
        color: #7889a1;
        font-size: 9px;
    }

.calendar-legend[b-q8q71a2714] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    color: #8c9aaf;
    font-size: 9px;
}

    .calendar-legend span[b-q8q71a2714] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

.legend-dot[b-q8q71a2714],
.legend-ring[b-q8q71a2714] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

    .legend-dot.profit[b-q8q71a2714] {
        background: var(--calendar-positive);
    }

    .legend-dot.loss[b-q8q71a2714] {
        background: var(--calendar-negative);
    }

.legend-ring[b-q8q71a2714] {
    border: 2px solid;
    background: transparent;
}

    .legend-ring.strong[b-q8q71a2714] {
        border-color: var(--calendar-positive);
    }

    .legend-ring.mixed[b-q8q71a2714] {
        border-color: var(--calendar-warning);
    }

    .legend-ring.review[b-q8q71a2714] {
        border-color: var(--calendar-negative);
    }

.calendar-grid-scroll[b-q8q71a2714] {
    overflow-x: auto;
}

.weekday-grid[b-q8q71a2714],
.calendar-grid[b-q8q71a2714] {
    min-width: 760px;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.weekday-grid[b-q8q71a2714] {
    border-bottom: 1px solid rgba(71, 85, 105, 0.34);
    background: rgba(2, 6, 23, 0.28);
}

    .weekday-grid div[b-q8q71a2714] {
        padding: 9px 11px;
        color: #66768e;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 0.14em;
    }

.calendar-day[b-q8q71a2714] {
    position: relative;
    display: flex;
    min-width: 0;
    height: 126px;
    flex-direction: column;
    padding: 10px;
    border: 0;
    border-right: 1px solid rgba(51, 65, 85, 0.5);
    border-bottom: 1px solid rgba(51, 65, 85, 0.5);
    color: #dce6f5;
    background: rgba(10, 18, 34, 0.62);
    text-align: left;
    cursor: pointer;
    transition: 160ms ease;
}

    .calendar-day:nth-child(7n)[b-q8q71a2714] {
        border-right: 0;
    }

    .calendar-day:not(:disabled):hover[b-q8q71a2714] {
        z-index: 2;
        background: rgba(30, 41, 59, 0.82);
        box-shadow: inset 0 0 0 1px rgba(79, 124, 255, 0.45);
    }

    .calendar-day:focus-visible[b-q8q71a2714] {
        z-index: 3;
        outline: 2px solid rgba(79, 124, 255, 0.8);
        outline-offset: -2px;
    }

    .calendar-day:disabled[b-q8q71a2714] {
        cursor: default;
    }

    .calendar-day.outside[b-q8q71a2714] {
        color: #536176;
        background: rgba(2, 6, 23, 0.22);
    }

    .calendar-day.is-today[b-q8q71a2714] {
        box-shadow: inset 0 0 0 1px rgba(79, 124, 255, 0.72);
    }

    .calendar-day.mode-outcome.profit[b-q8q71a2714] {
        background: linear-gradient(145deg, rgba(53, 211, 153, 0.14), rgba(10, 18, 34, 0.68) 64%);
    }

    .calendar-day.mode-outcome.loss[b-q8q71a2714] {
        background: linear-gradient(145deg, rgba(251, 113, 133, 0.14), rgba(10, 18, 34, 0.68) 64%);
    }

    .calendar-day.mode-outcome.flat[b-q8q71a2714] {
        background: linear-gradient(145deg, rgba(148, 163, 184, 0.08), rgba(10, 18, 34, 0.68) 64%);
    }

    .calendar-day.mode-discipline.process-strong[b-q8q71a2714] {
        background: linear-gradient(145deg, rgba(53, 211, 153, 0.17), rgba(10, 18, 34, 0.72) 68%);
    }

    .calendar-day.mode-discipline.process-mixed[b-q8q71a2714] {
        background: linear-gradient(145deg, rgba(251, 191, 36, 0.16), rgba(10, 18, 34, 0.72) 68%);
    }

    .calendar-day.mode-discipline.process-review[b-q8q71a2714] {
        background: linear-gradient(145deg, rgba(251, 113, 133, 0.17), rgba(10, 18, 34, 0.72) 68%);
    }

    .calendar-day.mode-discipline.process-unknown[b-q8q71a2714] {
        background: linear-gradient(145deg, rgba(148, 163, 184, 0.09), rgba(10, 18, 34, 0.72) 68%);
    }

    .calendar-day.mode-combined.profit[b-q8q71a2714] {
        border-top: 2px solid rgba(53, 211, 153, 0.72);
    }

    .calendar-day.mode-combined.loss[b-q8q71a2714] {
        border-top: 2px solid rgba(251, 113, 133, 0.72);
    }

    .calendar-day.mode-combined.flat[b-q8q71a2714] {
        border-top: 2px solid rgba(148, 163, 184, 0.52);
    }

    .calendar-day.mode-combined.process-strong[b-q8q71a2714]::after,
    .calendar-day.mode-combined.process-mixed[b-q8q71a2714]::after,
    .calendar-day.mode-combined.process-review[b-q8q71a2714]::after,
    .calendar-day.mode-combined.process-unknown[b-q8q71a2714]::after {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        box-shadow: inset 3px 0 0 rgba(148, 163, 184, 0.42);
    }

    .calendar-day.mode-combined.process-strong[b-q8q71a2714]::after {
        box-shadow: inset 3px 0 0 rgba(53, 211, 153, 0.74);
    }

    .calendar-day.mode-combined.process-mixed[b-q8q71a2714]::after {
        box-shadow: inset 3px 0 0 rgba(251, 191, 36, 0.74);
    }

    .calendar-day.mode-combined.process-review[b-q8q71a2714]::after {
        box-shadow: inset 3px 0 0 rgba(251, 113, 133, 0.74);
    }

.day-topline[b-q8q71a2714] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.day-date[b-q8q71a2714] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.day-number[b-q8q71a2714] {
    color: #dce6f5;
    font-size: 11px;
    font-weight: 800;
}

.today-chip[b-q8q71a2714] {
    padding: 2px 5px;
    border-radius: 999px;
    color: #bcd0ff;
    background: rgba(79, 124, 255, 0.14);
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
}

.process-badge[b-q8q71a2714] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 78px;
    padding: 3px 6px;
    border: 1px solid rgba(71, 85, 105, 0.38);
    border-radius: 999px;
    color: #9aa8bc;
    background: rgba(2, 6, 23, 0.28);
    font-size: 7px;
    font-weight: 800;
    white-space: nowrap;
}

    .process-badge.process-strong[b-q8q71a2714] {
        border-color: rgba(53, 211, 153, 0.28);
        color: #67e8b5;
        background: rgba(53, 211, 153, 0.08);
    }

    .process-badge.process-mixed[b-q8q71a2714] {
        border-color: rgba(251, 191, 36, 0.28);
        color: #fcd34d;
        background: rgba(251, 191, 36, 0.08);
    }

    .process-badge.process-review[b-q8q71a2714] {
        border-color: rgba(251, 113, 133, 0.28);
        color: #fda4af;
        background: rgba(251, 113, 133, 0.08);
    }

.outside-month[b-q8q71a2714] {
    display: grid;
    flex: 1;
    place-items: center;
    color: #4d5a6e;
    font-size: 10px;
    font-weight: 700;
}

.no-trade-state[b-q8q71a2714] {
    display: flex;
    flex: 1;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: #65748a;
}

    .no-trade-state i[b-q8q71a2714] {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .no-trade-state span[b-q8q71a2714] {
        font-size: 9px;
        font-weight: 700;
    }

    .no-trade-state small[b-q8q71a2714] {
        margin-top: 2px;
        color: #4f5d72;
        font-size: 7px;
    }

.day-primary[b-q8q71a2714] {
    margin-top: 10px;
}

    .day-primary strong[b-q8q71a2714],
    .day-primary span[b-q8q71a2714] {
        display: block;
    }

    .day-primary strong[b-q8q71a2714] {
        overflow: hidden;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.05;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .day-primary span[b-q8q71a2714] {
        margin-top: 3px;
        color: #7f8da2;
        font-size: 8px;
    }

.calendar-day.mode-discipline .day-primary[b-q8q71a2714] {
    opacity: 0.62;
}

.discipline-block[b-q8q71a2714] {
    margin-top: auto;
}

.discipline-copy[b-q8q71a2714] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 4px;
    color: #728198;
    font-size: 7px;
}

    .discipline-copy strong[b-q8q71a2714] {
        color: #aebaca;
        font-size: 8px;
    }

.discipline-track[b-q8q71a2714] {
    overflow: hidden;
    height: 3px;
    border-radius: 999px;
    background: rgba(71, 85, 105, 0.36);
}

.discipline-fill[b-q8q71a2714] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #7b8797;
}

    .discipline-fill.process-strong[b-q8q71a2714] {
        background: var(--calendar-positive);
    }

    .discipline-fill.process-mixed[b-q8q71a2714] {
        background: var(--calendar-warning);
    }

    .discipline-fill.process-review[b-q8q71a2714] {
        background: var(--calendar-negative);
    }

.calendar-day.mode-outcome .discipline-block[b-q8q71a2714] {
    opacity: 0.62;
}

.day-breakdown[b-q8q71a2714] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 7px;
    color: #748399;
    font-size: 7px;
}

    .day-breakdown b[b-q8q71a2714] {
        color: #b8c4d3;
        font-weight: 800;
    }

.calendar-footer[b-q8q71a2714] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 10px 15px;
    border-top: 1px solid rgba(71, 85, 105, 0.3);
    color: #65748a;
    background: rgba(2, 6, 23, 0.2);
    font-size: 8px;
}

    .calendar-footer > div[b-q8q71a2714] {
        display: flex;
        align-items: center;
        gap: 7px;
        min-width: 0;
    }

    .calendar-footer strong[b-q8q71a2714] {
        color: #8e9bb0;
    }

    .calendar-footer > span[b-q8q71a2714] {
        flex: 0 0 auto;
        color: #718198;
    }

@media (max-width: 1180px) {
    .calendar-metrics[b-q8q71a2714] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .calendar-toolbar[b-q8q71a2714],
    .calendar-context[b-q8q71a2714] {
        align-items: flex-start;
        flex-direction: column;
    }

    .calendar-legend[b-q8q71a2714] {
        justify-content: flex-start;
    }
}

@media (max-width: 820px) {
    .calendar-page[b-q8q71a2714] {
        padding: 16px;
    }

    .calendar-hero[b-q8q71a2714] {
        align-items: stretch;
        flex-direction: column;
    }

    .month-identity[b-q8q71a2714] {
        min-width: 0;
    }

    .calendar-coach[b-q8q71a2714] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .coach-stat[b-q8q71a2714] {
        grid-column: 1 / -1;
        padding: 10px 0 0;
        border-top: 1px solid rgba(71, 85, 105, 0.38);
        border-left: 0;
        text-align: left;
    }

    .month-navigation[b-q8q71a2714] {
        width: 100%;
        flex-wrap: wrap;
    }

    .month-title[b-q8q71a2714] {
        flex: 1;
    }

    .calendar-view-switcher[b-q8q71a2714] {
        width: 100%;
    }

    .view-button[b-q8q71a2714] {
        justify-content: center;
        flex: 1;
    }

    .calendar-footer[b-q8q71a2714] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .calendar-page[b-q8q71a2714] {
        padding: 12px;
    }

    .calendar-metrics[b-q8q71a2714] {
        grid-template-columns: 1fr;
    }

    .calendar-hero h1[b-q8q71a2714] {
        font-size: 26px;
    }

    .calendar-coach[b-q8q71a2714] {
        grid-template-columns: 1fr;
    }

    .coach-icon[b-q8q71a2714] {
        display: none;
    }

    .calendar-view-switcher[b-q8q71a2714] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .view-button[b-q8q71a2714] {
        padding: 0 7px;
    }

        .view-button i[b-q8q71a2714] {
            display: none;
        }
}

/* Calendar analytics workspace and widgets */
.calendar-metrics[b-q8q71a2714] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.metric-icon.winrate[b-q8q71a2714] {
    color: #67e8f9;
    background: rgba(34, 211, 238, 0.12);
}

.metric-icon.strongdays[b-q8q71a2714] {
    color: #a7f3d0;
    background: rgba(16, 185, 129, 0.12);
}

.calendar-workspace[b-q8q71a2714] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    align-items: start;
    gap: 16px;
    max-width: 1600px;
    margin: 18px auto 0;
}

.calendar-workspace .calendar-card[b-q8q71a2714] {
    min-width: 0;
    max-width: none;
    margin: 0;
}

.calendar-insights[b-q8q71a2714] {
    display: grid;
    gap: 14px;
    position: sticky;
    top: 16px;
}

.insight-widget[b-q8q71a2714] {
    overflow: hidden;
    padding: 15px;
    border: 1px solid var(--calendar-border);
    border-radius: 17px;
    background: linear-gradient(150deg, rgba(15, 23, 42, 0.96), rgba(8, 16, 31, 0.94));
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
}

.widget-heading[b-q8q71a2714] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 13px;
}

.widget-heading span[b-q8q71a2714],
.widget-heading h2[b-q8q71a2714] {
    display: block;
}

.widget-heading span[b-q8q71a2714] {
    color: #6f8098;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.widget-heading h2[b-q8q71a2714] {
    margin: 3px 0 0;
    color: #eef5ff;
    font-size: 13px;
    font-weight: 800;
}

.widget-heading > i[b-q8q71a2714] {
    color: #7f9eff;
    font-size: 15px;
}

.heatmap-weekdays[b-q8q71a2714],
.discipline-heatmap[b-q8q71a2714] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 5px;
}

.heatmap-weekdays[b-q8q71a2714] {
    margin-bottom: 5px;
    color: #607189;
    font-size: 7px;
    font-weight: 800;
    text-align: center;
}

.heatmap-cell[b-q8q71a2714] {
    width: 100%;
    aspect-ratio: 1;
    border: 1px solid rgba(71, 85, 105, 0.24);
    border-radius: 4px;
    background: #1a2638;
    cursor: pointer;
    transition: transform 120ms ease, filter 120ms ease, border-color 120ms ease;
}

.heatmap-cell:not(:disabled):hover[b-q8q71a2714] {
    z-index: 2;
    transform: scale(1.12);
    filter: brightness(1.18);
    border-color: rgba(255, 255, 255, 0.42);
}

.heatmap-cell:disabled[b-q8q71a2714] {
    cursor: default;
}

.heatmap-cell.empty[b-q8q71a2714] {
    visibility: hidden;
}

.heatmap-cell.strong[b-q8q71a2714] {
    background: #1f9d68;
}

.heatmap-cell.mixed[b-q8q71a2714] {
    background: #d9a928;
}

.heatmap-cell.weak[b-q8q71a2714] {
    background: #d94d61;
}

.heatmap-cell.no-data[b-q8q71a2714] {
    background: #263246;
}

.heatmap-cell.outcome-profit[b-q8q71a2714] {
    background: #1f9d68;
}

.heatmap-cell.outcome-loss[b-q8q71a2714] {
    background: #d94d61;
}

.heatmap-cell.outcome-flat[b-q8q71a2714] {
    background: #6b7280;
}

.widget-legend[b-q8q71a2714] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin-top: 11px;
    color: #8796aa;
    font-size: 7px;
}

.widget-legend span[b-q8q71a2714] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.widget-legend i[b-q8q71a2714] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.widget-legend i.strong[b-q8q71a2714],
.widget-legend i.profit[b-q8q71a2714] {
    background: #35d399;
}

.widget-legend i.mixed[b-q8q71a2714] {
    background: #fbbf24;
}

.widget-legend i.weak[b-q8q71a2714],
.widget-legend i.loss[b-q8q71a2714] {
    background: #fb7185;
}

.widget-legend i.flat[b-q8q71a2714] {
    background: #9ca3af;
}

.widget-legend i.nodata[b-q8q71a2714] {
    background: #334155;
}

.scatter-plot[b-q8q71a2714] {
    position: relative;
    height: 245px;
    margin: 4px 5px 17px 17px;
    border-left: 1px solid rgba(100, 116, 139, 0.36);
    border-bottom: 1px solid rgba(100, 116, 139, 0.36);
    background:
        linear-gradient(90deg, transparent 49.7%, rgba(100, 116, 139, 0.18) 50%, transparent 50.3%),
        linear-gradient(0deg, transparent 49.7%, rgba(100, 116, 139, 0.18) 50%, transparent 50.3%);
}

.scatter-axis[b-q8q71a2714] {
    position: absolute;
    pointer-events: none;
}

.scatter-axis.horizontal[b-q8q71a2714] {
    top: 50%;
    right: 0;
    left: 0;
    border-top: 1px dashed rgba(100, 116, 139, 0.2);
}

.scatter-axis.vertical[b-q8q71a2714] {
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px dashed rgba(100, 116, 139, 0.2);
}

.quadrant-label[b-q8q71a2714] {
    position: absolute;
    z-index: 1;
    max-width: 88px;
    font-size: 8px;
    font-weight: 800;
    line-height: 1.2;
}

.quadrant-label small[b-q8q71a2714] {
    font-size: 7px;
    font-weight: 600;
}

.quadrant-label.lucky[b-q8q71a2714] {
    top: 9px;
    left: 9px;
    color: #60a5fa;
}

.quadrant-label.ideal[b-q8q71a2714] {
    top: 9px;
    right: 7px;
    color: #67e8b5;
    text-align: right;
}

.quadrant-label.struggling[b-q8q71a2714] {
    bottom: 10px;
    left: 9px;
    color: #fb7185;
}

.quadrant-label.resilient[b-q8q71a2714] {
    right: 7px;
    bottom: 10px;
    color: #a7f3d0;
    text-align: right;
}

.scatter-point[b-q8q71a2714] {
    position: absolute;
    z-index: 3;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    transform: translate(-50%, 50%);
    cursor: pointer;
    box-shadow: 0 0 0 3px rgba(2, 6, 23, 0.5);
    transition: transform 130ms ease;
}

.scatter-point:hover[b-q8q71a2714] {
    z-index: 5;
    transform: translate(-50%, 50%) scale(1.35);
}

.scatter-point.process-strong[b-q8q71a2714] {
    background: #35d399;
}

.scatter-point.process-mixed[b-q8q71a2714] {
    background: #fbbf24;
}

.scatter-point.process-review[b-q8q71a2714] {
    background: #fb7185;
}

.scatter-point.process-unknown[b-q8q71a2714] {
    background: #64748b;
}

.scatter-y-high[b-q8q71a2714],
.scatter-y-low[b-q8q71a2714],
.scatter-x-low[b-q8q71a2714],
.scatter-x-high[b-q8q71a2714],
.scatter-y-title[b-q8q71a2714],
.scatter-x-title[b-q8q71a2714] {
    position: absolute;
    color: #607189;
    font-size: 6px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.scatter-y-high[b-q8q71a2714] { top: -3px; left: -18px; }
.scatter-y-low[b-q8q71a2714] { bottom: -3px; left: -18px; }
.scatter-x-low[b-q8q71a2714] { bottom: -13px; left: 0; }
.scatter-x-high[b-q8q71a2714] { right: 0; bottom: -13px; }
.scatter-y-title[b-q8q71a2714] {
    top: 50%;
    left: -32px;
    transform: rotate(-90deg) translateY(-50%);
}
.scatter-x-title[b-q8q71a2714] {
    right: 0;
    bottom: -25px;
    left: 0;
    text-align: center;
}

.playbook-list[b-q8q71a2714] {
    display: grid;
    gap: 12px;
}

.playbook-row[b-q8q71a2714] {
    min-width: 0;
}

.playbook-row-top[b-q8q71a2714] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.playbook-row-top > div:first-child[b-q8q71a2714] {
    min-width: 0;
}

.playbook-row strong[b-q8q71a2714],
.playbook-row span[b-q8q71a2714] {
    display: block;
}

.playbook-row strong[b-q8q71a2714] {
    overflow: hidden;
    color: #e8eef8;
    font-size: 10px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.playbook-row-top span[b-q8q71a2714] {
    margin-top: 2px;
    color: #73839a;
    font-size: 7px;
}

.playbook-value[b-q8q71a2714] {
    flex: 0 0 auto;
    font-size: 9px;
    font-weight: 800;
    text-align: right;
}

.playbook-bar[b-q8q71a2714] {
    overflow: hidden;
    height: 3px;
    margin-top: 7px;
    border-radius: 999px;
    background: rgba(71, 85, 105, 0.35);
}

.playbook-bar span[b-q8q71a2714] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.playbook-bar .positive-bar[b-q8q71a2714],
.playbook-bar .discipline-bar[b-q8q71a2714] {
    background: #35d399;
}

.playbook-bar .negative-bar[b-q8q71a2714] {
    background: #fb7185;
}

.playbook-meta[b-q8q71a2714] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    margin-top: 5px;
    color: #718198;
    font-size: 7px;
}

.playbook-meta .sample-warning[b-q8q71a2714] {
    color: #fbbf24;
}

.widget-empty[b-q8q71a2714] {
    display: grid;
    min-height: 100px;
    place-items: center;
    color: #6f8098;
    font-size: 9px;
    text-align: center;
}

.widget-empty i[b-q8q71a2714] {
    margin-bottom: 5px;
    color: #7f9eff;
    font-size: 19px;
}

.outcome-day-content[b-q8q71a2714],
.discipline-day-content[b-q8q71a2714] {
    display: flex;
    flex: 1;
    justify-content: center;
    flex-direction: column;
}

.outcome-day-content > strong[b-q8q71a2714] {
    overflow: hidden;
    font-size: 21px;
    font-weight: 850;
    letter-spacing: -0.03em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.outcome-day-content > span[b-q8q71a2714] {
    margin-top: 4px;
    color: #8796aa;
    font-size: 9px;
}

.outcome-day-stats[b-q8q71a2714] {
    display: flex;
    gap: 9px;
    margin-top: 13px;
    color: #708096;
    font-size: 8px;
}

.outcome-day-stats b[b-q8q71a2714] {
    color: #bcc8d7;
}

.discipline-day-label[b-q8q71a2714] {
    color: #718198;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.discipline-day-content > strong[b-q8q71a2714] {
    margin-top: 3px;
    color: #f8fafc;
    font-size: 22px;
    font-weight: 850;
    letter-spacing: -0.03em;
}

.discipline-day-counts[b-q8q71a2714] {
    display: flex;
    gap: 10px;
    margin-top: 7px;
    font-size: 8px;
}

.discipline-day-counts .followed[b-q8q71a2714] {
    color: #67e8b5;
}

.discipline-day-counts .broken[b-q8q71a2714] {
    color: #fda4af;
}

.discipline-day-content small[b-q8q71a2714] {
    margin-top: 8px;
    color: #728198;
    font-size: 7px;
    line-height: 1.4;
}

.legend-dot.flat[b-q8q71a2714] {
    background: #9ca3af;
}

.legend-ring.unknown[b-q8q71a2714] {
    border-color: #64748b;
}

@media (max-width: 1450px) {
    .calendar-metrics[b-q8q71a2714] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1240px) {
    .calendar-workspace[b-q8q71a2714] {
        grid-template-columns: 1fr;
    }

    .calendar-insights[b-q8q71a2714] {
        position: static;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .calendar-insights[b-q8q71a2714] {
        grid-template-columns: 1fr;
    }

    .calendar-metrics[b-q8q71a2714] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .calendar-metrics[b-q8q71a2714] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.career-dashboard[b-jwrdcj4hzh] {
    --panel: rgba(15, 23, 42, .76);
    --panel-strong: #0f172a;
    --border: rgba(71, 85, 105, .42);
    --border-soft: rgba(51, 65, 85, .46);
    --muted: #8191a7;
    --soft: #aab7c8;
    --cyan: #22d3ee;
    --cyan-soft: rgba(34, 211, 238, .11);
    --green: #34d399;
    --rose: #fb7185;
    --amber: #fbbf24;
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 22px 0 38px;
    color: #e7eef8;
}

.welcome-row[b-jwrdcj4hzh] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.eyebrow[b-jwrdcj4hzh],
.section-kicker[b-jwrdcj4hzh],
.stage-label[b-jwrdcj4hzh],
.focus-action > span[b-jwrdcj4hzh],
.success-measure > span[b-jwrdcj4hzh],
.coach-tip-card span[b-jwrdcj4hzh] {
    color: #6f829b;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.welcome-row h1[b-jwrdcj4hzh] {
    margin: 5px 0 5px;
    color: #f5f9ff;
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 780;
    letter-spacing: -.035em;
}

.welcome-row p[b-jwrdcj4hzh] {
    max-width: 760px;
    margin: 0;
    color: #8393a8;
    font-size: 13px;
    line-height: 1.65;
}

.period-control[b-jwrdcj4hzh] {
    display: grid;
    grid-template-columns: auto minmax(145px, auto);
    align-items: center;
    gap: 6px 10px;
    min-width: 250px;
}

.period-control label[b-jwrdcj4hzh] {
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.period-control select[b-jwrdcj4hzh] {
    min-height: 36px;
    padding: 0 34px 0 12px;
    border: 1px solid #26354a;
    border-radius: 9px;
    color: #dce8f6;
    background: #0b1425;
    outline: none;
    font-size: 12px;
    font-weight: 700;
}

.period-control > span[b-jwrdcj4hzh] {
    grid-column: 2;
    color: #607188;
    font-size: 10px;
}

.dashboard-loading[b-jwrdcj4hzh],
.dashboard-error[b-jwrdcj4hzh] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 96px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--panel);
}

.loading-orbit[b-jwrdcj4hzh] {
    width: 30px;
    height: 30px;
    border: 2px solid rgba(34, 211, 238, .14);
    border-top-color: var(--cyan);
    border-radius: 50%;
    animation: spin-b-jwrdcj4hzh .8s linear infinite;
}

.dashboard-loading strong[b-jwrdcj4hzh],
.dashboard-loading small[b-jwrdcj4hzh],
.dashboard-error strong[b-jwrdcj4hzh],
.dashboard-error span[b-jwrdcj4hzh] {
    display: block;
}

.dashboard-loading strong[b-jwrdcj4hzh],
.dashboard-error strong[b-jwrdcj4hzh] { color: #e7eef8; font-size: 13px; }
.dashboard-loading small[b-jwrdcj4hzh],
.dashboard-error span[b-jwrdcj4hzh] { margin-top: 3px; color: #74859b; font-size: 11px; }

.dashboard-error i[b-jwrdcj4hzh] { color: var(--amber); font-size: 20px; }
.dashboard-error button[b-jwrdcj4hzh] {
    margin-left: auto;
    padding: 8px 12px;
    border: 1px solid #334155;
    border-radius: 8px;
    color: #cbd5e1;
    background: #111c2d;
    font-size: 11px;
    font-weight: 750;
}

@keyframes spin-b-jwrdcj4hzh { to { transform: rotate(360deg); } }

.kpi-grid[b-jwrdcj4hzh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.metric-card[b-jwrdcj4hzh] {
    position: relative;
    min-height: 118px;
    padding: 15px 15px 13px;
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(15, 23, 42, .92), rgba(8, 16, 31, .88));
}

.metric-card.primary[b-jwrdcj4hzh] {
    border-color: rgba(34, 211, 238, .25);
    background: linear-gradient(145deg, rgba(8, 35, 48, .72), rgba(8, 16, 31, .92));
}

.metric-card[b-jwrdcj4hzh]::after {
    position: absolute;
    right: -34px;
    bottom: -54px;
    width: 115px;
    height: 115px;
    border: 1px solid rgba(148, 163, 184, .035);
    border-radius: 50%;
    content: "";
}

.metric-icon[b-jwrdcj4hzh] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    margin-bottom: 11px;
    border: 1px solid rgba(34, 211, 238, .16);
    border-radius: 8px;
    color: #66def0;
    background: rgba(8, 145, 178, .07);
    font-size: 13px;
}

.metric-card > span[b-jwrdcj4hzh],
.metric-card > strong[b-jwrdcj4hzh],
.metric-card > small[b-jwrdcj4hzh] { display: block; }
.metric-card > span[b-jwrdcj4hzh] { color: #788aa1; font-size: 10px; font-weight: 750; }
.metric-card > strong[b-jwrdcj4hzh] { margin-top: 4px; color: #f1f6fc; font-size: 22px; line-height: 1; letter-spacing: -.025em; }
.metric-card > small[b-jwrdcj4hzh] { margin-top: 7px; color: #5f7188; font-size: 9px; }

.mobile-focus-card[b-jwrdcj4hzh] { display: none; }

.dashboard-data-tip[b-jwrdcj4hzh] {
    cursor: help;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease, filter .16s ease, transform .16s ease;
}

.metric-card.dashboard-data-tip:hover[b-jwrdcj4hzh],
.metric-card.dashboard-data-tip:focus-visible[b-jwrdcj4hzh],
.progress-metric-card.dashboard-data-tip:hover[b-jwrdcj4hzh],
.progress-metric-card.dashboard-data-tip:focus-visible[b-jwrdcj4hzh],
.direction-donut.dashboard-data-tip:hover[b-jwrdcj4hzh],
.direction-donut.dashboard-data-tip:focus-visible[b-jwrdcj4hzh] {
    border-color: rgba(34, 211, 238, .38);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18), 0 0 0 1px rgba(34, 211, 238, .08);
    transform: translateY(-1px);
}

.r-row.dashboard-data-tip[b-jwrdcj4hzh] {
    padding: 3px 5px;
    border-radius: 7px;
}

.r-row.dashboard-data-tip:hover[b-jwrdcj4hzh],
.r-row.dashboard-data-tip:focus-visible[b-jwrdcj4hzh] {
    background: rgba(34, 211, 238, .045);
    filter: brightness(1.12);
}

.dashboard-columns[b-jwrdcj4hzh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 12px;
    align-items: start;
}

.dashboard-main-column[b-jwrdcj4hzh],
.dashboard-coach-column[b-jwrdcj4hzh] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.panel[b-jwrdcj4hzh],
.focus-card[b-jwrdcj4hzh] {
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: 15px;
    background: radial-gradient(circle at 100% 0, rgba(34, 211, 238, .025), transparent 36%), var(--panel);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .10);
}

.panel-heading[b-jwrdcj4hzh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 17px 12px;
    border-bottom: 1px solid rgba(51, 65, 85, .34);
}

.panel-heading.compact[b-jwrdcj4hzh] {
    align-items: center;
    padding: 13px 15px 11px;
}

.panel-heading h2[b-jwrdcj4hzh] {
    margin: 3px 0 0;
    color: #edf4fc;
    font-size: 14px;
    font-weight: 760;
    letter-spacing: -.015em;
}

.panel-heading p[b-jwrdcj4hzh] {
    max-width: 660px;
    margin: 5px 0 0;
    color: #718299;
    font-size: 10px;
    line-height: 1.55;
}

.chart-summary[b-jwrdcj4hzh] { text-align: right; }
.chart-summary span[b-jwrdcj4hzh], .chart-summary strong[b-jwrdcj4hzh] { display: block; }
.chart-summary span[b-jwrdcj4hzh] { color: #64748b; font-size: 9px; }
.chart-summary strong[b-jwrdcj4hzh] { margin-top: 3px; font-size: 16px; }

.performance-panel[b-jwrdcj4hzh] { min-height: 350px; }
.equity-chart[b-jwrdcj4hzh] { height: 266px; padding: 13px 15px 8px; }
.equity-chart svg[b-jwrdcj4hzh] { width: 100%; height: 222px; overflow: visible; }
.grid-line[b-jwrdcj4hzh] { stroke: rgba(71, 85, 105, .26); stroke-width: 1; }
.equity-line[b-jwrdcj4hzh] { fill: none; stroke: #22d3ee; stroke-width: 2.4; vector-effect: non-scaling-stroke; }
.equity-area[b-jwrdcj4hzh] { fill: url(#equityAreaV2); stroke: none; }
.equity-hit[b-jwrdcj4hzh] { fill: transparent; pointer-events: all; cursor: help; }
.equity-dot[b-jwrdcj4hzh] {
    fill: #22d3ee;
    stroke: #d8fbff;
    stroke-width: 1.5;
    opacity: .18;
    pointer-events: none;
    transition: opacity .15s ease;
    vector-effect: non-scaling-stroke;
}
.equity-point:hover .equity-dot[b-jwrdcj4hzh],
.equity-point:focus .equity-dot[b-jwrdcj4hzh] { opacity: 1; }
.chart-axis-row[b-jwrdcj4hzh] { display: flex; justify-content: space-between; padding: 2px 4px 0; color: #586a80; font-size: 9px; }
.empty-chart[b-jwrdcj4hzh] { display: grid; height: 255px; place-items: center; color: #607188; font-size: 11px; }

.analysis-grid[b-jwrdcj4hzh] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 12px;
}

.compact-panel[b-jwrdcj4hzh] { min-height: 258px; }
.mini-caption[b-jwrdcj4hzh] { color: #5f7188; font-size: 9px; }
.small-empty[b-jwrdcj4hzh] { padding: 28px 16px; color: #65768c; font-size: 11px; text-align: center; }

.r-bars[b-jwrdcj4hzh] { display: grid; gap: 9px; padding: 14px 16px 17px; }
.r-row[b-jwrdcj4hzh] { display: grid; grid-template-columns: 72px minmax(0, 1fr) 24px; align-items: center; gap: 9px; }
.r-row > span[b-jwrdcj4hzh] { color: #718299; font-size: 9px; }
.r-row > strong[b-jwrdcj4hzh] { color: #95a6ba; font-size: 9px; text-align: right; }
.bar-track[b-jwrdcj4hzh] { height: 7px; overflow: hidden; border-radius: 99px; background: rgba(51, 65, 85, .42); }
.bar-fill[b-jwrdcj4hzh] { height: 100%; min-width: 0; border-radius: inherit; background: #64748b; }
.bar-fill.gain[b-jwrdcj4hzh] { background: linear-gradient(90deg, #0891b2, #22d3ee); }
.bar-fill.loss[b-jwrdcj4hzh] { background: linear-gradient(90deg, #9f1239, #fb7185); }
.bar-fill.neutral[b-jwrdcj4hzh] { background: #64748b; }

.direction-content[b-jwrdcj4hzh] {
    display: grid;
    grid-template-columns: 138px 1fr;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
}

.direction-donut[b-jwrdcj4hzh] {
    display: grid;
    width: 124px;
    height: 124px;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(#22d3ee 0 var(--long-angle), #fb7185 var(--long-angle) 360deg);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.direction-donut[b-jwrdcj4hzh]::before {
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: #0b1425;
    content: "";
}

.direction-donut[b-jwrdcj4hzh] { position: relative; }
.direction-donut > div[b-jwrdcj4hzh] { position: relative; z-index: 1; text-align: center; }
.direction-donut strong[b-jwrdcj4hzh], .direction-donut span[b-jwrdcj4hzh] { display: block; }
.direction-donut strong[b-jwrdcj4hzh] { color: #eff6ff; font-size: 23px; }
.direction-donut span[b-jwrdcj4hzh] { color: #63758a; font-size: 9px; }

.direction-stats[b-jwrdcj4hzh] { display: grid; gap: 15px; }
.direction-stats > div[b-jwrdcj4hzh] { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(51,65,85,.33); }
.direction-stats > div:last-child[b-jwrdcj4hzh] { border-bottom: 0; }
.direction-stats span[b-jwrdcj4hzh] { color: #8191a7; font-size: 10px; }
.direction-stats strong[b-jwrdcj4hzh] { color: #e7eef8; font-size: 14px; }
.direction-stats small[b-jwrdcj4hzh] { grid-column: 1 / 3; color: #65768c; font-size: 9px; }
.dot[b-jwrdcj4hzh] { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; }
.dot.long[b-jwrdcj4hzh] { background: #22d3ee; }
.dot.short[b-jwrdcj4hzh] { background: #fb7185; }

.readiness-score[b-jwrdcj4hzh] {
    display: flex;
    align-items: baseline;
    gap: 3px;
    min-width: 78px;
    padding: 8px 11px;
    border: 1px solid rgba(96, 165, 250, .18);
    border-radius: 10px;
    background: rgba(59, 130, 246, .06);
}

.readiness-score strong[b-jwrdcj4hzh] { color: #cfe4ff; font-size: 22px; }
.readiness-score span[b-jwrdcj4hzh] { color: #64748b; font-size: 9px; }
.readiness-score.positive[b-jwrdcj4hzh] { border-color: rgba(52,211,153,.22); background: rgba(16,185,129,.06); }
.readiness-score.warning[b-jwrdcj4hzh] { border-color: rgba(251,191,36,.22); background: rgba(245,158,11,.06); }
.readiness-score.negative[b-jwrdcj4hzh] { border-color: rgba(251,113,133,.22); background: rgba(244,63,94,.06); }

.progress-layout[b-jwrdcj4hzh] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
    gap: 12px;
    padding: 14px 16px 17px;
}

.progress-dimensions[b-jwrdcj4hzh] { display: grid; gap: 13px; }
.progress-row > div:first-child[b-jwrdcj4hzh] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.progress-row span[b-jwrdcj4hzh] { color: #8a9bb0; font-size: 10px; }
.progress-row strong[b-jwrdcj4hzh] { color: #cbd8e8; font-size: 10px; }
.progress-track[b-jwrdcj4hzh] { height: 6px; overflow: hidden; border-radius: 99px; background: rgba(51,65,85,.48); }
.progress-fill[b-jwrdcj4hzh] { height: 100%; border-radius: inherit; background: #64748b; }
.progress-fill.positive[b-jwrdcj4hzh] { background: #34d399; }
.progress-fill.blue[b-jwrdcj4hzh] { background: #38bdf8; }
.progress-fill.warning[b-jwrdcj4hzh] { background: #fbbf24; }
.progress-fill.negative[b-jwrdcj4hzh] { background: #fb7185; }

.development-stage[b-jwrdcj4hzh] {
    padding: 14px;
    border: 1px solid rgba(51, 65, 85, .42);
    border-radius: 12px;
    background: rgba(5, 12, 24, .46);
}
.development-stage h3[b-jwrdcj4hzh] { margin: 5px 0 5px; color: #eff6ff; font-size: 15px; }
.development-stage > p[b-jwrdcj4hzh] { margin: 0; color: #718299; font-size: 10px; line-height: 1.55; }
.stage-track[b-jwrdcj4hzh] { display: grid; gap: 7px; margin-top: 13px; }
.stage-step[b-jwrdcj4hzh] { display: flex; align-items: center; gap: 8px; color: #52647a; font-size: 9px; }
.stage-step i[b-jwrdcj4hzh] { display: grid; width: 17px; height: 17px; place-items: center; border: 1px solid #26364b; border-radius: 50%; font-size: 8px; }
.stage-step.done[b-jwrdcj4hzh] { color: #86a2b9; }
.stage-step.done i[b-jwrdcj4hzh] { border-color: rgba(34,211,238,.24); color: #22d3ee; background: rgba(34,211,238,.06); }
.stage-step.current[b-jwrdcj4hzh] { color: #d9f7fb; font-weight: 800; }
.stage-step.current i[b-jwrdcj4hzh] { border-color: rgba(34,211,238,.4); color: #67e8f9; }

.recent-panel a[b-jwrdcj4hzh],
.focus-footer a[b-jwrdcj4hzh] {
    color: #67dcec;
    font-size: 9px;
    font-weight: 750;
    text-decoration: none;
}

.trade-table-wrap[b-jwrdcj4hzh] { overflow-x: auto; }
.trade-table[b-jwrdcj4hzh] { width: 100%; border-collapse: collapse; }
.trade-table th[b-jwrdcj4hzh] { padding: 9px 14px; color: #607188; font-size: 8px; font-weight: 820; text-align: left; text-transform: uppercase; }
.trade-table td[b-jwrdcj4hzh] { padding: 10px 14px; border-top: 1px solid rgba(51,65,85,.30); color: #9cacbf; font-size: 9px; white-space: nowrap; }
.trade-table td strong[b-jwrdcj4hzh] { color: #dbe7f4; }
.side-pill[b-jwrdcj4hzh] { display: inline-flex; min-width: 43px; justify-content: center; padding: 3px 7px; border-radius: 99px; font-size: 8px; font-weight: 800; }
.side-pill.long[b-jwrdcj4hzh] { color: #67e8f9; background: rgba(6,182,212,.09); }
.side-pill.short[b-jwrdcj4hzh] { color: #fda4af; background: rgba(244,63,94,.09); }
.side-pill.neutral[b-jwrdcj4hzh] { color: #94a3b8; background: rgba(100,116,139,.10); }

.focus-card[b-jwrdcj4hzh] {
    padding: 16px;
    border-color: rgba(34, 211, 238, .28);
    background: radial-gradient(circle at 10% 0, rgba(34, 211, 238, .12), transparent 34%), linear-gradient(150deg, rgba(9, 27, 39, .95), rgba(8, 15, 29, .96));
}

.focus-topline[b-jwrdcj4hzh] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ai-brand[b-jwrdcj4hzh] { color: #93eef7; font-size: 10px; font-weight: 820; letter-spacing: .02em; }
.ai-brand i[b-jwrdcj4hzh] { margin-right: 4px; color: #22d3ee; }
.source-badge[b-jwrdcj4hzh] { padding: 4px 7px; border: 1px solid #334155; border-radius: 99px; color: #718299; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.source-badge.ai[b-jwrdcj4hzh] { border-color: rgba(34,211,238,.22); color: #67e8f9; background: rgba(8,145,178,.07); }
.source-badge.fallback[b-jwrdcj4hzh] { border-color: rgba(56,189,248,.16); color: #8fb6c9; background: rgba(14,165,233,.04); }

.focus-card > h2[b-jwrdcj4hzh] { margin: 17px 0 13px; color: #f0faff; font-size: 18px; line-height: 1.38; letter-spacing: -.025em; }
.focus-alert[b-jwrdcj4hzh] { display: flex; gap: 8px; padding: 9px 10px; border: 1px solid rgba(251,113,133,.19); border-radius: 9px; color: #fca5b4; background: rgba(159,18,57,.08); font-size: 9px; line-height: 1.45; }
.focus-alert i[b-jwrdcj4hzh] { flex: none; margin-top: 1px; }

.focus-action[b-jwrdcj4hzh] { margin-top: 13px; padding: 11px 12px; border-left: 2px solid #22d3ee; border-radius: 0 8px 8px 0; background: rgba(6,182,212,.055); }
.focus-action > span[b-jwrdcj4hzh] { color: #56c7d7; font-size: 8px; }
.focus-action p[b-jwrdcj4hzh] { margin: 5px 0 0; color: #d8e7f1; font-size: 11px; font-weight: 650; line-height: 1.55; }
.focus-evidence[b-jwrdcj4hzh] { display: flex; gap: 7px; margin-top: 12px; color: #65778d; font-size: 8px; line-height: 1.5; }
.focus-evidence i[b-jwrdcj4hzh] { color: #4d8e9b; }
.focus-footer[b-jwrdcj4hzh] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 13px; padding-top: 10px; border-top: 1px solid rgba(51,65,85,.31); }
.focus-footer > span[b-jwrdcj4hzh] { color: #53657a; font-size: 8px; }
.focus-skeleton[b-jwrdcj4hzh] { display: grid; gap: 8px; margin-top: 18px; }
.focus-skeleton span[b-jwrdcj4hzh] { height: 10px; border-radius: 99px; background: linear-gradient(90deg, rgba(51,65,85,.35), rgba(71,85,105,.5), rgba(51,65,85,.35)); background-size: 200% 100%; animation: shimmer-b-jwrdcj4hzh 1.25s infinite; }
.focus-skeleton span:nth-child(2)[b-jwrdcj4hzh] { width: 82%; }
.focus-skeleton span:nth-child(3)[b-jwrdcj4hzh] { width: 62%; }
@keyframes shimmer-b-jwrdcj4hzh { to { background-position: -200% 0; } }

.milestone-card[b-jwrdcj4hzh] { padding-bottom: 14px; }
.milestone-card .milestone-icon[b-jwrdcj4hzh] { color: #38bdf8; font-size: 17px; }
.milestone-card > h3[b-jwrdcj4hzh] { margin: 13px 15px 5px; color: #eaf4ff; font-size: 13px; }
.milestone-card > p[b-jwrdcj4hzh] { margin: 0 15px; color: #718299; font-size: 9px; line-height: 1.55; }
.experiment-progress[b-jwrdcj4hzh] { margin: 13px 15px 0; padding: 10px; border: 1px solid rgba(56,189,248,.14); border-radius: 9px; background: rgba(14,165,233,.04); }
.experiment-progress-label[b-jwrdcj4hzh] { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #718299; font-size: 8px; }
.experiment-progress-label span[b-jwrdcj4hzh] { font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.experiment-progress-label strong[b-jwrdcj4hzh] { color: #d9eef8; font-size: 10px; }
.experiment-progress-track[b-jwrdcj4hzh] { height: 5px; margin-top: 8px; overflow: hidden; border-radius: 99px; background: rgba(51,65,85,.55); }
.experiment-progress-track span[b-jwrdcj4hzh] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0891b2, #2dd4bf); transition: width .25s ease; }
.experiment-progress small[b-jwrdcj4hzh] { display: block; margin-top: 7px; color: #6ee7b7; font-size: 8px; }
.success-measure[b-jwrdcj4hzh] { margin: 13px 15px 9px; padding: 9px 10px; border: 1px solid rgba(52,211,153,.16); border-radius: 9px; background: rgba(16,185,129,.045); }
.success-measure span[b-jwrdcj4hzh], .success-measure strong[b-jwrdcj4hzh] { display: block; }
.success-measure span[b-jwrdcj4hzh] { color: #589d85; font-size: 7px; font-weight: 850; letter-spacing: .09em; }
.success-measure strong[b-jwrdcj4hzh] { margin-top: 4px; color: #b9f5dd; font-size: 10px; }
.milestone-card > small[b-jwrdcj4hzh] { display: block; margin: 0 15px; color: #5d7087; font-size: 8px; line-height: 1.45; }

.priority-list[b-jwrdcj4hzh] { display: grid; padding: 4px 14px 8px; }
.priority-list article[b-jwrdcj4hzh] { display: grid; grid-template-columns: 27px 1fr; gap: 9px; padding: 11px 0; border-bottom: 1px solid rgba(51,65,85,.30); }
.priority-list article:last-child[b-jwrdcj4hzh] { border-bottom: 0; }
.priority-rank[b-jwrdcj4hzh] { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid #334155; border-radius: 8px; color: #8a9bb0; background: rgba(51,65,85,.12); font-size: 9px; font-weight: 850; }
.priority-rank.positive[b-jwrdcj4hzh] { border-color: rgba(52,211,153,.20); color: #6ee7b7; }
.priority-rank.warning[b-jwrdcj4hzh] { border-color: rgba(251,191,36,.20); color: #fcd34d; }
.priority-rank.negative[b-jwrdcj4hzh] { border-color: rgba(251,113,133,.20); color: #fda4af; }
.priority-rank.blue[b-jwrdcj4hzh] { border-color: rgba(56,189,248,.20); color: #7dd3fc; }
.priority-list article span[b-jwrdcj4hzh], .priority-list article strong[b-jwrdcj4hzh], .priority-list article p[b-jwrdcj4hzh] { display: block; }
.priority-list article span[b-jwrdcj4hzh] { color: #5e7087; font-size: 7px; font-weight: 820; text-transform: uppercase; }
.priority-list article strong[b-jwrdcj4hzh] { margin-top: 2px; color: #dbe6f3; font-size: 10px; }
.priority-list article p[b-jwrdcj4hzh] { margin: 4px 0 0; color: #718299; font-size: 8px; line-height: 1.5; }

.coach-tip-card[b-jwrdcj4hzh] { display: grid; grid-template-columns: 38px 1fr; gap: 10px; padding: 14px; }
.tip-icon[b-jwrdcj4hzh] { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(34,211,238,.18); border-radius: 10px; color: #67e8f9; background: rgba(6,182,212,.055); }
.coach-tip-card h3[b-jwrdcj4hzh] { margin: 4px 0 3px; color: #dceaf6; font-size: 11px; }
.coach-tip-card p[b-jwrdcj4hzh] { margin: 0; color: #65778d; font-size: 8px; line-height: 1.5; }

.positive-value[b-jwrdcj4hzh] { color: #45d6a0 !important; }
.negative-value[b-jwrdcj4hzh] { color: #fb8396 !important; }
.neutral-value[b-jwrdcj4hzh] { color: #d8e3ef !important; }

@media (max-width: 1320px) {
    .kpi-grid[b-jwrdcj4hzh] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .dashboard-columns[b-jwrdcj4hzh] { grid-template-columns: minmax(0, 1fr) 330px; }
    .analysis-grid[b-jwrdcj4hzh], .progress-layout[b-jwrdcj4hzh] { grid-template-columns: 1fr; }
}

@media (max-width: 1020px) {
    .dashboard-columns[b-jwrdcj4hzh] { grid-template-columns: 1fr; }
    .dashboard-coach-column[b-jwrdcj4hzh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .focus-card[b-jwrdcj4hzh] { grid-column: 1 / -1; }
    .coach-tip-card[b-jwrdcj4hzh] { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .career-dashboard[b-jwrdcj4hzh] { padding-top: 16px; }
    .mobile-focus-card[b-jwrdcj4hzh] { display: block; margin-bottom: 12px; }
    .desktop-focus-card[b-jwrdcj4hzh] { display: none; }
    .welcome-row[b-jwrdcj4hzh] { align-items: stretch; flex-direction: column; }
    .period-control[b-jwrdcj4hzh] { min-width: 0; max-width: 330px; }
    .kpi-grid[b-jwrdcj4hzh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .metric-card:last-child[b-jwrdcj4hzh] { grid-column: 1 / -1; }
    .analysis-grid[b-jwrdcj4hzh], .dashboard-coach-column[b-jwrdcj4hzh] { grid-template-columns: 1fr; }
    .focus-card[b-jwrdcj4hzh], .coach-tip-card[b-jwrdcj4hzh] { grid-column: auto; }
    .direction-content[b-jwrdcj4hzh] { grid-template-columns: 120px 1fr; }
    .panel-heading[b-jwrdcj4hzh] { flex-direction: column; }
    .chart-summary[b-jwrdcj4hzh] { text-align: left; }
}

@media (max-width: 470px) {
    .kpi-grid[b-jwrdcj4hzh] { grid-template-columns: 1fr; }
    .metric-card:last-child[b-jwrdcj4hzh] { grid-column: auto; }
    .direction-content[b-jwrdcj4hzh] { grid-template-columns: 1fr; justify-items: center; }
    .direction-stats[b-jwrdcj4hzh] { width: 100%; }
    .progress-layout[b-jwrdcj4hzh] { padding: 12px; }
}

/* ========================================================================== 
   Dashboard V3 visual pass
   - larger type for 100% browser zoom
   - progress rings + milestone card
   - emotional performance panel
   ========================================================================== */

.career-dashboard[b-jwrdcj4hzh] {
    max-width: 1760px;
    padding-top: 18px;
    font-size: 13px;
}

.welcome-row[b-jwrdcj4hzh] {
    align-items: center;
    margin-bottom: 16px;
}

.welcome-row h1[b-jwrdcj4hzh] {
    font-size: clamp(25px, 1.8vw, 32px);
}

.welcome-row p[b-jwrdcj4hzh] {
    font-size: 13px;
}

.eyebrow[b-jwrdcj4hzh],
.section-kicker[b-jwrdcj4hzh],
.stage-label[b-jwrdcj4hzh],
.focus-action > span[b-jwrdcj4hzh],
.success-measure > span[b-jwrdcj4hzh],
.coach-tip-card span[b-jwrdcj4hzh] {
    font-size: 10px;
}

.period-control label[b-jwrdcj4hzh],
.period-control > span[b-jwrdcj4hzh] {
    font-size: 11px;
}

.period-control select[b-jwrdcj4hzh] {
    min-height: 40px;
    font-size: 13px;
}

.kpi-grid[b-jwrdcj4hzh] {
    gap: 12px;
    margin-bottom: 12px;
}

.metric-card[b-jwrdcj4hzh] {
    min-height: 126px;
    padding: 16px;
}

.metric-card > span[b-jwrdcj4hzh] {
    font-size: 12px;
}

.metric-card > strong[b-jwrdcj4hzh] {
    margin-top: 5px;
    font-size: 23px;
}

.metric-card > small[b-jwrdcj4hzh] {
    margin-top: 8px;
    font-size: 10.5px;
}

.metric-icon[b-jwrdcj4hzh] {
    width: 31px;
    height: 31px;
    margin-bottom: 10px;
    font-size: 14px;
}

.dashboard-columns[b-jwrdcj4hzh] {
    grid-template-columns: minmax(0, 1fr) 370px;
    gap: 12px;
}

.panel-heading h2[b-jwrdcj4hzh] {
    font-size: 15px;
}

.panel-heading p[b-jwrdcj4hzh] {
    font-size: 11px;
}

.chart-summary span[b-jwrdcj4hzh],
.mini-caption[b-jwrdcj4hzh] {
    font-size: 10px;
}

.chart-summary strong[b-jwrdcj4hzh] {
    font-size: 17px;
}

.chart-axis-row[b-jwrdcj4hzh],
.r-row > span[b-jwrdcj4hzh],
.r-row > strong[b-jwrdcj4hzh] {
    font-size: 10.5px;
}

.direction-stats span[b-jwrdcj4hzh] {
    font-size: 11px;
}

.direction-stats strong[b-jwrdcj4hzh] {
    font-size: 15px;
}

.direction-stats small[b-jwrdcj4hzh] {
    font-size: 10px;
}

.direction-donut span[b-jwrdcj4hzh] {
    font-size: 10px;
}

.small-empty[b-jwrdcj4hzh] {
    font-size: 12px;
}

/* Progress section */
.progress-heading[b-jwrdcj4hzh] {
    align-items: center;
}

.readiness-score[b-jwrdcj4hzh] {
    min-width: 70px;
    height: 46px;
    padding: 0 12px;
}

.readiness-score strong[b-jwrdcj4hzh] {
    font-size: 20px;
}

.readiness-score span[b-jwrdcj4hzh] {
    font-size: 10px;
}

.progress-cards[b-jwrdcj4hzh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(260px, 1.15fr);
    gap: 10px;
    padding: 12px 14px 14px;
}

.progress-metric-card[b-jwrdcj4hzh],
.next-milestone[b-jwrdcj4hzh] {
    min-width: 0;
    border: 1px solid rgba(51, 65, 85, .50);
    border-radius: 12px;
    background: linear-gradient(155deg, rgba(10, 20, 37, .76), rgba(7, 14, 28, .72));
}

.progress-metric-card[b-jwrdcj4hzh] {
    display: flex;
    min-height: 178px;
    padding: 14px 10px 12px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.progress-metric-card > span[b-jwrdcj4hzh] {
    min-height: 30px;
    color: #c8d4e4;
    font-size: 11.5px;
    font-weight: 760;
    line-height: 1.25;
}

.progress-metric-card > p[b-jwrdcj4hzh] {
    margin: 8px 0 0;
    color: #7c8da4;
    font-size: 10.5px;
    line-height: 1.35;
}

.progress-ring[b-jwrdcj4hzh] {
    --ring-angle: 0deg;
    --ring-colour: #64748b;
    position: relative;
    display: grid;
    width: 78px;
    height: 78px;
    place-items: center;
    margin-top: 7px;
    border-radius: 50%;
    background: conic-gradient(var(--ring-colour) 0 var(--ring-angle), rgba(51, 65, 85, .58) var(--ring-angle) 360deg);
    box-shadow: 0 0 22px rgba(34, 211, 238, .035);
}

.progress-ring[b-jwrdcj4hzh]::before {
    position: absolute;
    width: 62px;
    height: 62px;
    border: 1px solid rgba(51, 65, 85, .30);
    border-radius: 50%;
    background: #0b1425;
    content: "";
}

.progress-ring > div[b-jwrdcj4hzh] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
}

.progress-ring strong[b-jwrdcj4hzh],
.progress-ring small[b-jwrdcj4hzh] {
    display: block;
}

.progress-ring strong[b-jwrdcj4hzh] {
    color: #eff6ff;
    font-size: 18px;
    line-height: 1;
}

.progress-ring small[b-jwrdcj4hzh] {
    margin-top: 4px;
    color: var(--ring-colour);
    font-size: 9px;
    font-weight: 750;
}

.next-milestone[b-jwrdcj4hzh] {
    display: flex;
    padding: 15px;
    flex-direction: column;
}

.milestone-title[b-jwrdcj4hzh] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #dbe7f4;
    font-size: 12px;
    font-weight: 800;
}

.milestone-title i[b-jwrdcj4hzh] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(251, 191, 36, .18);
    border-radius: 8px;
    color: #fbbf24;
    background: rgba(245, 158, 11, .055);
}

.next-milestone h3[b-jwrdcj4hzh] {
    margin: 15px 0 5px;
    color: #eef6ff;
    font-size: 13.5px;
    line-height: 1.35;
}

.next-milestone > p[b-jwrdcj4hzh] {
    margin: 0;
    color: #7b8ca2;
    font-size: 10.5px;
    line-height: 1.45;
}

.milestone-progress-row[b-jwrdcj4hzh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    margin-top: 15px;
}

.milestone-progress-row strong[b-jwrdcj4hzh] {
    color: #c4d0df;
    font-size: 10px;
    white-space: nowrap;
}

.progress-track.large[b-jwrdcj4hzh] {
    height: 7px;
}

.next-milestone > a[b-jwrdcj4hzh] {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: auto;
    padding: 8px 10px;
    border: 1px solid rgba(71, 85, 105, .62);
    border-radius: 8px;
    color: #dbe7f3;
    background: rgba(30, 41, 59, .46);
    font-size: 10.5px;
    font-weight: 760;
    text-decoration: none;
}

.next-milestone > a:hover[b-jwrdcj4hzh] {
    border-color: rgba(34, 211, 238, .30);
    color: #8beaf3;
}

/* Emotional performance + recent trades */
.behaviour-grid[b-jwrdcj4hzh] {
    display: grid;
    grid-template-columns: minmax(410px, .88fr) minmax(0, 1.62fr);
    gap: 12px;
}

.emotion-panel[b-jwrdcj4hzh],
.recent-panel[b-jwrdcj4hzh] {
    min-width: 0;
}

.emotion-heading[b-jwrdcj4hzh] {
    border-bottom: 0;
}

.emotion-heading p[b-jwrdcj4hzh] {
    margin-top: 3px;
}

.emotion-controls[b-jwrdcj4hzh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 14px 11px;
}

.segmented-control[b-jwrdcj4hzh] {
    display: inline-flex;
    padding: 3px;
    border: 1px solid rgba(51, 65, 85, .58);
    border-radius: 9px;
    background: rgba(5, 12, 24, .40);
}

.segmented-control button[b-jwrdcj4hzh] {
    min-width: 58px;
    min-height: 28px;
    padding: 5px 10px;
    border: 0;
    border-radius: 7px;
    color: #8091a7;
    background: transparent;
    font-size: 10.5px;
    font-weight: 750;
    cursor: pointer;
}

.segmented-control button.active[b-jwrdcj4hzh] {
    color: #f0f6fd;
    background: rgba(30, 41, 59, .92);
    box-shadow: inset 0 0 0 1px rgba(71, 85, 105, .42);
}

.segmented-control.metric-toggle button[b-jwrdcj4hzh] {
    min-width: 40px;
}

.emotion-table-wrap[b-jwrdcj4hzh] {
    overflow-x: auto;
    padding: 0 12px;
}

.emotion-table[b-jwrdcj4hzh] {
    width: 100%;
    border-collapse: collapse;
}

.emotion-table th[b-jwrdcj4hzh] {
    padding: 7px 8px;
    color: #63758d;
    font-size: 9px;
    font-weight: 850;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.emotion-table th:first-child[b-jwrdcj4hzh],
.emotion-table td:first-child[b-jwrdcj4hzh] {
    text-align: left;
}

.emotion-table td[b-jwrdcj4hzh] {
    padding: 5px 8px;
    border-top: 1px solid rgba(51, 65, 85, .25);
    color: #9babc0;
    font-size: 10.5px;
    text-align: right;
    white-space: nowrap;
}

.emotion-table td strong[b-jwrdcj4hzh] {
    color: #e0e9f4;
}

.emotion-table td.metric-active[b-jwrdcj4hzh] {
    font-weight: 820;
}

.behaviour-insight[b-jwrdcj4hzh] {
    display: flex;
    gap: 8px;
    margin: 10px 12px 12px;
    padding: 9px 10px;
    border: 1px solid rgba(34, 211, 238, .11);
    border-radius: 9px;
    color: #8093aa;
    background: rgba(8, 145, 178, .035);
    font-size: 10px;
    line-height: 1.45;
}

.behaviour-insight i[b-jwrdcj4hzh] {
    flex: none;
    margin-top: 1px;
    color: #67e8f9;
}

.behaviour-insight strong[b-jwrdcj4hzh] {
    color: #d9f6f8;
}

.recent-panel a[b-jwrdcj4hzh],
.focus-footer a[b-jwrdcj4hzh] {
    font-size: 10.5px;
}

.trade-table th[b-jwrdcj4hzh] {
    padding: 10px 13px;
    font-size: 9px;
}

.trade-table td[b-jwrdcj4hzh] {
    padding: 10px 13px;
    font-size: 10.5px;
}

.side-pill[b-jwrdcj4hzh] {
    min-width: 46px;
    padding: 4px 8px;
    font-size: 9px;
}

/* Right coaching rail: make copy readable without making the rail oversized. */
.ai-brand[b-jwrdcj4hzh] {
    font-size: 11px;
}

.source-badge[b-jwrdcj4hzh] {
    font-size: 8px;
}

.focus-card > h2[b-jwrdcj4hzh] {
    font-size: 17px;
    line-height: 1.42;
}

.focus-alert[b-jwrdcj4hzh] {
    font-size: 10px;
}

.focus-action > span[b-jwrdcj4hzh] {
    font-size: 8.5px;
}

.focus-action p[b-jwrdcj4hzh] {
    font-size: 11.5px;
}

.focus-evidence[b-jwrdcj4hzh],
.focus-footer > span[b-jwrdcj4hzh] {
    font-size: 9px;
}

.milestone-card > h3[b-jwrdcj4hzh] {
    font-size: 13px;
}

.milestone-card > p[b-jwrdcj4hzh],
.milestone-card > small[b-jwrdcj4hzh] {
    font-size: 10px;
}

.success-measure span[b-jwrdcj4hzh] {
    font-size: 8px;
}

.success-measure strong[b-jwrdcj4hzh] {
    font-size: 10.5px;
}

.priority-rank[b-jwrdcj4hzh] {
    font-size: 10px;
}

.priority-list article span[b-jwrdcj4hzh] {
    font-size: 8px;
}

.priority-list article strong[b-jwrdcj4hzh] {
    font-size: 10.5px;
}

.priority-list article p[b-jwrdcj4hzh] {
    font-size: 9.5px;
}

.coach-tip-card h3[b-jwrdcj4hzh] {
    font-size: 11.5px;
}

.coach-tip-card p[b-jwrdcj4hzh] {
    font-size: 9.5px;
}

@media (max-width: 1500px) {
    .progress-cards[b-jwrdcj4hzh] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .next-milestone[b-jwrdcj4hzh] {
        grid-column: 1 / -1;
        min-height: 160px;
    }

    .behaviour-grid[b-jwrdcj4hzh] {
        grid-template-columns: minmax(360px, .9fr) minmax(0, 1.35fr);
    }
}

@media (max-width: 1320px) {
    .dashboard-columns[b-jwrdcj4hzh] {
        grid-template-columns: minmax(0, 1fr) 340px;
    }

    .progress-cards[b-jwrdcj4hzh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .next-milestone[b-jwrdcj4hzh] {
        grid-column: 1 / -1;
    }

    .behaviour-grid[b-jwrdcj4hzh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1020px) {
    .dashboard-columns[b-jwrdcj4hzh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .progress-cards[b-jwrdcj4hzh] {
        grid-template-columns: 1fr 1fr;
    }

    .next-milestone[b-jwrdcj4hzh] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .progress-cards[b-jwrdcj4hzh] {
        grid-template-columns: 1fr;
    }

    .next-milestone[b-jwrdcj4hzh] {
        grid-column: auto;
    }

    .emotion-controls[b-jwrdcj4hzh] {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* KPI accent treatment from the approved mock. */
.metric-card:nth-child(2) .metric-icon[b-jwrdcj4hzh] { color: #c084fc; border-color: rgba(192,132,252,.18); background: rgba(126,34,206,.07); }
.metric-card:nth-child(2) > strong[b-jwrdcj4hzh] { color: #c084fc; }
.metric-card.expectancy-card .metric-icon[b-jwrdcj4hzh] { color: #60a5fa; border-color: rgba(96,165,250,.18); background: rgba(37,99,235,.07); }
.metric-card.profit-factor-card .metric-icon[b-jwrdcj4hzh] { color: #2dd4bf; border-color: rgba(45,212,191,.18); background: rgba(13,148,136,.07); }
.metric-card.profit-factor-card > strong[b-jwrdcj4hzh] { color: #2dd4bf; }
.metric-card:nth-child(5) .metric-icon[b-jwrdcj4hzh] { color: #fb7185; border-color: rgba(251,113,133,.18); background: rgba(225,29,72,.07); }
.metric-card:nth-child(5) > strong[b-jwrdcj4hzh] { color: #fb7185; }
/* /Components/Pages/EquityCurve.razor.rz.scp.css */
.equity-container[b-81prwm7yax] {
    padding: 2.25rem;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.landing-page[b-qoyawiy0u7] {
    --ink: #f2f7ff;
    --muted: #a5b5ca;
    --line: rgba(156, 185, 224, .15);
    --cyan: #4ae1e4;
    min-height: 100vh;
    overflow: hidden;
    color: var(--ink);
    background: #040b19;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.landing-page *[b-qoyawiy0u7], .landing-page *[b-qoyawiy0u7]::before, .landing-page *[b-qoyawiy0u7]::after { box-sizing: border-box; }
.landing-page a[b-qoyawiy0u7] { color: inherit; text-decoration: none; }
.page-width[b-qoyawiy0u7] { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }

.site-header[b-qoyawiy0u7] { position: relative; z-index: 10; border-bottom: 1px solid var(--line); background: rgba(4, 11, 25, .86); }
.site-header-inner[b-qoyawiy0u7] { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand[b-qoyawiy0u7] { display: inline-flex; align-items: center; gap: 11px; white-space: nowrap; font-size: 1.18rem; font-weight: 800; letter-spacing: -.04em; }
.brand img[b-qoyawiy0u7] { display: block; border-radius: 50%; filter: drop-shadow(0 0 12px rgba(74, 225, 228, .3)); }
.site-nav[b-qoyawiy0u7], .header-actions[b-qoyawiy0u7] { display: flex; align-items: center; }
.site-nav[b-qoyawiy0u7] { gap: 32px; color: #adbad0; font-size: .88rem; font-weight: 600; }
.site-nav a:hover[b-qoyawiy0u7], .sign-in:hover[b-qoyawiy0u7], .site-footer a:hover[b-qoyawiy0u7] { color: #fff; }
.header-actions[b-qoyawiy0u7] { gap: 22px; }
.sign-in[b-qoyawiy0u7] { color: #d3def0; font-size: .88rem; font-weight: 700; white-space: nowrap; }

.button[b-qoyawiy0u7] { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 0 22px; border: 1px solid transparent; border-radius: 11px; font-size: .9rem; font-weight: 800; white-space: nowrap; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; }
.button:hover[b-qoyawiy0u7] { transform: translateY(-2px); }
.button:focus-visible[b-qoyawiy0u7], .site-nav a:focus-visible[b-qoyawiy0u7], .sign-in:focus-visible[b-qoyawiy0u7], .text-link:focus-visible[b-qoyawiy0u7] { outline: 2px solid var(--cyan); outline-offset: 4px; }
.button span[b-qoyawiy0u7] { font-size: 1.2rem; line-height: 1; }
.button-primary[b-qoyawiy0u7] { background: linear-gradient(135deg, #62eee1, #42bfd8); color: #031a25 !important; box-shadow: 0 12px 38px rgba(34, 196, 203, .19); }
.button-primary:hover[b-qoyawiy0u7] { box-shadow: 0 15px 44px rgba(34, 196, 203, .31); }
.button-outline[b-qoyawiy0u7] { background: rgba(255, 255, 255, .025); border-color: rgba(164, 193, 228, .26); color: #e7f0ff !important; }
.button-outline:hover[b-qoyawiy0u7] { background: rgba(102, 163, 200, .09); border-color: rgba(164, 193, 228, .45); }
.button-small[b-qoyawiy0u7] { min-height: 40px; padding-inline: 16px; font-size: .82rem; }

.hero[b-qoyawiy0u7] { min-height: 650px; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: 55px; padding-block: 90px 100px; }
.hero-copy[b-qoyawiy0u7] { position: relative; z-index: 2; }
.eyebrow[b-qoyawiy0u7], .section-kicker[b-qoyawiy0u7] { color: #65d9d9; font-size: .69rem; font-weight: 850; letter-spacing: .19em; line-height: 1.5; }
.eyebrow[b-qoyawiy0u7] { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid rgba(71, 208, 217, .23); border-radius: 999px; background: rgba(36, 189, 201, .065); }
.eyebrow-spark[b-qoyawiy0u7] { width: 7px; height: 7px; border-radius: 50%; background: #5be6dd; box-shadow: 0 0 0 4px rgba(66, 218, 222, .12), 0 0 12px rgba(66, 218, 222, .7); }
.hero h1[b-qoyawiy0u7] { max-width: 650px; margin: 26px 0 0; font-size: clamp(3.2rem, 5.3vw, 5.7rem); line-height: 1.035; font-weight: 800; letter-spacing: -.07em; }
.hero h1 em[b-qoyawiy0u7] { font-style: normal; color: #5ce0df; }
.hero-lead[b-qoyawiy0u7] { max-width: 520px; margin: 28px 0 0; color: #b2c1d4; font-size: clamp(1rem, 1.35vw, 1.16rem); line-height: 1.7; }
.hero-actions[b-qoyawiy0u7] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hero-reassurance[b-qoyawiy0u7] { display: flex; align-items: center; gap: 9px; margin: 23px 0 0; color: #7f94ae; font-size: .82rem; }
.hero-reassurance span[b-qoyawiy0u7] { color: #54dbc8; font-weight: 900; }
.hero-visual[b-qoyawiy0u7] { position: relative; min-width: 0; padding: 17px 0 26px; }
.visual-glow[b-qoyawiy0u7] { position: absolute; inset: -80px -105px -80px -90px; pointer-events: none; background: radial-gradient(ellipse at 58% 47%, rgba(14, 117, 153, .26), rgba(16, 95, 123, .06) 45%, transparent 70%); }
.preview-window[b-qoyawiy0u7] { position: relative; overflow: hidden; border: 1px solid rgba(100, 192, 223, .26); border-radius: 18px; background: #091528; box-shadow: 0 24px 90px rgba(0, 0, 0, .45), 0 0 65px rgba(16, 153, 174, .09); }
.preview-topbar[b-qoyawiy0u7] { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 21px; border-bottom: 1px solid rgba(156, 185, 224, .12); background: #0b192e; }
.preview-brand[b-qoyawiy0u7] { display: inline-flex; align-items: center; gap: 7px; font-size: .75rem; font-weight: 800; }
.preview-mark[b-qoyawiy0u7] { color: #55e4df; font-size: 1.15rem; }
.preview-topbar-label[b-qoyawiy0u7] { display: inline-flex; align-items: center; gap: 8px; color: #6e89a7; font-size: .57rem; font-weight: 800; letter-spacing: .14em; }
.preview-topbar-dot[b-qoyawiy0u7] { width: 3px; height: 3px; border-radius: 50%; background: #6e89a7; }
.preview-body[b-qoyawiy0u7] { padding: 24px; }
.preview-heading[b-qoyawiy0u7] { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.preview-overline[b-qoyawiy0u7] { color: #59d4e2; font-size: .58rem; font-weight: 850; letter-spacing: .16em; }
.preview-heading h2[b-qoyawiy0u7] { margin: 4px 0 0; font-size: 1.35rem; letter-spacing: -.04em; }
.preview-pill[b-qoyawiy0u7] { padding: 7px 10px; border: 1px solid rgba(79, 221, 203, .25); border-radius: 999px; background: rgba(61, 205, 192, .08); color: #72ded3; font-size: .65rem; white-space: nowrap; }
.preview-stats[b-qoyawiy0u7] { display: grid; grid-template-columns: .9fr .9fr 1.15fr; gap: 9px; margin-top: 23px; }
.preview-stat[b-qoyawiy0u7] { min-height: 107px; display: flex; flex-direction: column; justify-content: center; padding: 15px; border: 1px solid rgba(156, 185, 224, .12); border-radius: 11px; background: #0e2037; }
.preview-stat > span[b-qoyawiy0u7] { color: #7f9ab7; font-size: .57rem; font-weight: 800; letter-spacing: .1em; }
.preview-stat strong[b-qoyawiy0u7] { margin-top: 8px; font-size: 1.27rem; letter-spacing: -.04em; white-space: nowrap; }
.preview-stat small[b-qoyawiy0u7] { margin-top: 3px; color: #7791ad; font-size: .68rem; }
.preview-stat .preview-profit[b-qoyawiy0u7] { color: #66e1b9; }
.preview-stat-highlight[b-qoyawiy0u7] { border-color: rgba(246, 198, 116, .28); background: rgba(168, 106, 31, .11); }
.preview-stat-highlight strong[b-qoyawiy0u7] { color: #f7cf8b; font-size: 1.05rem; }
.preview-rule-list[b-qoyawiy0u7] { margin-top: 15px; padding-inline: 2px; }
.preview-rule[b-qoyawiy0u7] { min-height: 40px; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid rgba(156, 185, 224, .08); color: #cbd7e8; font-size: .7rem; }
.preview-rule strong[b-qoyawiy0u7] { color: #64d5bc; font-size: .61rem; font-weight: 750; }
.preview-rule-warning strong[b-qoyawiy0u7] { color: #edbd7d; }
.rule-check[b-qoyawiy0u7], .rule-alert[b-qoyawiy0u7] { width: 16px; height: 16px; display: grid; place-items: center; border-radius: 50%; font-size: .65rem; font-weight: 900; }
.rule-check[b-qoyawiy0u7] { color: #67dbc0; background: rgba(69, 210, 175, .14); }
.rule-alert[b-qoyawiy0u7] { color: #efc384; background: rgba(222, 163, 78, .16); }
.preview-coach[b-qoyawiy0u7] { display: flex; align-items: flex-start; gap: 11px; margin-top: 18px; padding: 16px; border: 1px solid rgba(63, 210, 218, .25); border-radius: 11px; background: linear-gradient(120deg, rgba(22, 130, 153, .16), rgba(23, 72, 94, .09)); }
.coach-icon[b-qoyawiy0u7] { flex: 0 0 auto; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: rgba(73, 223, 226, .15); color: #6debe5; }
.preview-coach div > span[b-qoyawiy0u7] { color: #65dadc; font-size: .58rem; font-weight: 850; letter-spacing: .13em; }
.preview-coach p[b-qoyawiy0u7] { margin: 5px 0 0; color: #dbe8f5; font-size: .72rem; line-height: 1.5; }
.visual-caption[b-qoyawiy0u7] { position: relative; margin-top: 20px; color: #7087a2; text-align: center; font-size: .72rem; }

.value-bar[b-qoyawiy0u7] { border-block: 1px solid var(--line); background: #091529; }
.value-bar-inner[b-qoyawiy0u7] { min-height: 84px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: 20px; }
.value-bar span[b-qoyawiy0u7] { display: flex; align-items: center; gap: 11px; color: #c9d8ea; font-size: .84rem; font-weight: 700; white-space: nowrap; }
.value-bar b[b-qoyawiy0u7] { color: #50d9d9; font-size: .68rem; letter-spacing: .1em; }

.tour-section[b-qoyawiy0u7] { border-bottom: 1px solid var(--line); background: radial-gradient(circle at 50% 75%, rgba(25, 130, 151, .14), transparent 55%), #061121; }
.tour-heading[b-qoyawiy0u7] { max-width: 720px; margin-inline: auto; text-align: center; }
.tour-heading p[b-qoyawiy0u7] { margin: 19px auto 0; color: var(--muted); font-size: 1.05rem; line-height: 1.7; }
.tour-layout[b-qoyawiy0u7] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 340px); align-items: stretch; gap: 20px; margin-top: 43px; }
.tour-frame[b-qoyawiy0u7] { min-width: 0; padding: 8px; overflow: hidden; border: 1px solid rgba(103, 201, 219, .26); border-radius: 19px; background: #0c1b2e; box-shadow: 0 30px 90px rgba(0, 0, 0, .31), 0 0 70px rgba(30, 164, 184, .07); }
.tour-video[b-qoyawiy0u7] { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 11px; background: #071225; object-fit: contain; }
.tour-features[b-qoyawiy0u7] { position: relative; min-width: 0; display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding: 25px 19px; border: 1px solid rgba(103, 201, 219, .3); border-radius: 17px; background: radial-gradient(circle at 100% 0, rgba(39, 169, 184, .15), transparent 45%), linear-gradient(155deg, #0b2035, #081729 75%); box-shadow: inset 0 1px rgba(188, 245, 248, .05), 0 18px 55px rgba(0, 0, 0, .14); }
.tour-features[b-qoyawiy0u7]::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg, transparent 9%, #4ed9d7 43%, transparent 91%); }
.tour-features-header[b-qoyawiy0u7] { display: flex; align-items: center; gap: 9px; }
.tour-features-mark[b-qoyawiy0u7] { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(98, 227, 222, .25); border-radius: 8px; background: rgba(55, 191, 197, .12); color: #65e5df; font-size: .84rem; }
.tour-features-kicker[b-qoyawiy0u7] { color: #80e7e2; font-size: .6rem; font-weight: 850; letter-spacing: .16em; }
.tour-feature[hidden][b-qoyawiy0u7] { display: none; }
.tour-feature h3[b-qoyawiy0u7] { margin: 20px 0 0; padding-bottom: 16px; border-bottom: 1px solid rgba(128, 207, 222, .19); color: #f2f7ff; font-size: clamp(1.55rem, 2.1vw, 2rem); line-height: 1.15; letter-spacing: -.04em; }
.tour-feature ul[b-qoyawiy0u7] { display: grid; gap: 9px; margin: 17px 0 0; padding: 0; list-style: none; }
.tour-feature li[b-qoyawiy0u7] { position: relative; padding: 11px 11px 11px 28px; border: 1px solid rgba(117, 187, 215, .12); border-radius: 9px; background: rgba(34, 91, 119, .13); color: #c4d7e5; font-size: .9rem; line-height: 1.45; }
.tour-feature li[b-qoyawiy0u7]::before { content: ''; position: absolute; left: 12px; top: 17px; width: 6px; height: 6px; border-radius: 50%; background: #5ce0df; box-shadow: 0 0 0 4px rgba(92, 224, 223, .09); }

.showcase-section[b-qoyawiy0u7] { padding-bottom: 38px; background: #071222; }
.showcase-intro[b-qoyawiy0u7] { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.showcase-intro h2[b-qoyawiy0u7] { margin-top: 12px; }
.showcase-scroll-hint[b-qoyawiy0u7] { flex: 0 0 auto; padding-bottom: 7px; color: #80a0b8; font-size: .76rem; font-weight: 700; }
.showcase-scroll-hint span[b-qoyawiy0u7] { margin-left: 7px; color: #64dedd; }
.showcase-scroll[b-qoyawiy0u7] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(310px, 46%); gap: 16px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-color: #347b8e #0a1b2e; scrollbar-width: thin; margin-top: 36px; padding-bottom: 19px; }
.showcase-card[b-qoyawiy0u7] { min-width: 0; overflow: hidden; scroll-snap-align: start; border: 1px solid rgba(139, 179, 211, .18); border-radius: 17px; background: #0a192c; }
.showcase-screen[b-qoyawiy0u7] { display: flex; flex-direction: column; min-height: 244px; margin: 16px 16px 0; padding: 18px; overflow: hidden; border: 1px solid rgba(100, 192, 223, .2); border-radius: 11px; background: #0b1b30; }
.screen-topline[b-qoyawiy0u7] { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #70cfd8; font-size: .59rem; font-weight: 800; letter-spacing: .14em; }
.screen-chip[b-qoyawiy0u7] { padding: 5px 8px; border: 1px solid rgba(94, 215, 204, .22); border-radius: 999px; color: #72ded3; font-size: .58rem; font-weight: 700; letter-spacing: normal; }
.playbook-screen > strong[b-qoyawiy0u7] { margin: 17px 0 12px; font-size: 1.05rem; letter-spacing: -.03em; }
.playbook-rule[b-qoyawiy0u7] { display: flex; align-items: center; gap: 10px; min-height: 34px; border-top: 1px solid rgba(156, 185, 224, .09); color: #cfdeeb; font-size: .7rem; }
.animated-check[b-qoyawiy0u7] { width: 17px; height: 17px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: rgba(67, 215, 182, .12); color: #69dfbd; animation: check-glow-b-qoyawiy0u7 3.6s ease-in-out infinite; }
.check-delay[b-qoyawiy0u7] { animation-delay: 1.2s; }.check-delay-long[b-qoyawiy0u7] { animation-delay: 2.4s; }
.screen-footer[b-qoyawiy0u7] { display: flex; gap: 7px; margin-top: auto; padding-top: 9px; }
.screen-footer span[b-qoyawiy0u7] { padding: 5px 7px; border-radius: 5px; background: #142b43; color: #83a8c2; font-size: .54rem; font-weight: 800; letter-spacing: .08em; }
.replay-screen[b-qoyawiy0u7] { padding-bottom: 12px; }
.replay-chart[b-qoyawiy0u7] { position: relative; height: 160px; overflow: hidden; margin-top: 13px; border: 1px solid rgba(156, 185, 224, .1); border-radius: 6px; background: #09182a; }
.replay-chart canvas[b-qoyawiy0u7] { display: block; width: 100%; height: 100%; }
.replay-controls[b-qoyawiy0u7] { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 10px; color: #94aec5; font-size: .65rem; }
.replay-play[b-qoyawiy0u7] { color: #61e0d7; }
.review-summary[b-qoyawiy0u7] { display: grid; gap: 4px; margin-top: 17px; padding: 12px; border: 1px solid rgba(156, 185, 224, .13); border-radius: 8px; background: #10263d; }
.review-summary span[b-qoyawiy0u7] { color: #8aa6bf; font-size: .6rem; }.review-summary strong[b-qoyawiy0u7] { color: #f4ce8e; font-size: .92rem; }.review-summary small[b-qoyawiy0u7] { color: #a9bfd1; font-size: .62rem; }
.review-progress[b-qoyawiy0u7] { height: 5px; margin: 15px 0; overflow: hidden; border-radius: 99px; background: #1b344d; }.review-progress span[b-qoyawiy0u7] { display: block; width: 78%; height: 100%; border-radius: inherit; background: #4dd0c2; animation: progress-fill-b-qoyawiy0u7 4s ease-in-out infinite alternate; }
.review-observation[b-qoyawiy0u7] { display: flex; gap: 8px; padding: 10px; border-left: 2px solid #63d9d6; background: rgba(70, 193, 198, .08); }.review-observation span[b-qoyawiy0u7] { color: #63d9d6; }.review-observation p[b-qoyawiy0u7] { margin: 0; color: #d0e1ed; font-size: .67rem; line-height: 1.5; }
.showcase-description[b-qoyawiy0u7] { padding: 20px 20px 23px; }.showcase-description > span[b-qoyawiy0u7] { color: #65d9d9; font-size: .61rem; font-weight: 800; letter-spacing: .15em; }.showcase-description h3[b-qoyawiy0u7] { margin: 9px 0 0; font-size: 1.2rem; letter-spacing: -.03em; }.showcase-description p[b-qoyawiy0u7] { margin: 8px 0 0; color: #9fb4c8; font-size: .8rem; line-height: 1.55; }
@keyframes check-glow-b-qoyawiy0u7 { 0%, 80%, 100% { box-shadow: none; } 30% { box-shadow: 0 0 0 5px rgba(67, 215, 182, .11); } }
@keyframes progress-fill-b-qoyawiy0u7 { from { width: 58%; } to { width: 78%; } }
.section[b-qoyawiy0u7] { padding-block: 112px; }
.section-intro[b-qoyawiy0u7] { max-width: 740px; }
.section h2[b-qoyawiy0u7] { margin: 15px 0 0; font-size: clamp(2.25rem, 4.2vw, 4rem); font-weight: 800; line-height: 1.12; letter-spacing: -.06em; }
.section-intro p[b-qoyawiy0u7], .coach-layout > div > p[b-qoyawiy0u7] { max-width: 650px; margin: 19px 0 0; color: var(--muted); font-size: 1.05rem; line-height: 1.7; }
.contrast-cards[b-qoyawiy0u7] { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 42px; }
.contrast-card[b-qoyawiy0u7] { min-height: 280px; padding: 30px; border: 1px solid rgba(243, 184, 112, .2); border-radius: 18px; background: linear-gradient(145deg, rgba(142, 82, 34, .1), rgba(255, 255, 255, .015)); }
.contrast-card-good[b-qoyawiy0u7] { border-color: rgba(85, 211, 188, .23); background: linear-gradient(145deg, rgba(31, 130, 116, .12), rgba(255, 255, 255, .015)); }
.contrast-symbol[b-qoyawiy0u7] { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; font-size: 1.25rem; font-weight: 800; }
.contrast-win[b-qoyawiy0u7] { color: #f4c68c; background: rgba(224, 154, 78, .14); }
.contrast-loss[b-qoyawiy0u7] { color: #83e2cd; background: rgba(75, 209, 178, .14); }
.contrast-label[b-qoyawiy0u7] { display: block; margin-top: 26px; color: #b6c5d7; font-size: .68rem; font-weight: 800; letter-spacing: .15em; }
.contrast-card h3[b-qoyawiy0u7] { margin: 8px 0 0; font-size: 1.6rem; letter-spacing: -.04em; }
.contrast-card p[b-qoyawiy0u7] { max-width: 440px; margin: 12px 0 0; color: #9eb0c5; line-height: 1.65; }

.section-workflow[b-qoyawiy0u7] { border-block: 1px solid var(--line); background: linear-gradient(180deg, #081528, #061020); }
.workflow-grid[b-qoyawiy0u7] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 43px; }
.workflow-grid article[b-qoyawiy0u7] { min-height: 285px; padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255, 255, 255, .018); }
.step-index[b-qoyawiy0u7] { color: #64d9dc; font-size: .7rem; font-weight: 850; letter-spacing: .15em; }
.step-icon[b-qoyawiy0u7] { width: 46px; height: 46px; display: grid; place-items: center; margin-top: 22px; border: 1px solid rgba(90, 215, 220, .25); border-radius: 12px; color: #73e3e0; background: rgba(75, 193, 205, .08); font-size: 1.35rem; }
.workflow-grid h3[b-qoyawiy0u7] { max-width: 260px; margin: 20px 0 0; font-size: 1.32rem; line-height: 1.25; letter-spacing: -.04em; }
.workflow-grid p[b-qoyawiy0u7] { margin: 12px 0 0; color: #9eb0c5; font-size: .9rem; line-height: 1.65; }
.feature-grid[b-qoyawiy0u7] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px; }
.feature-grid article[b-qoyawiy0u7] { min-height: 228px; padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: #0b172a; }
.feature-icon[b-qoyawiy0u7] { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 9px; background: rgba(79, 203, 209, .09); color: #67dadc; font-size: 1.28rem; }
.feature-grid h3[b-qoyawiy0u7] { margin: 22px 0 0; font-size: 1.02rem; letter-spacing: -.02em; }
.feature-grid p[b-qoyawiy0u7] { margin: 10px 0 0; color: #9caec3; font-size: .87rem; line-height: 1.6; }

.section-coach[b-qoyawiy0u7] { border-block: 1px solid var(--line); background: radial-gradient(circle at 8% 85%, rgba(20, 119, 139, .12), transparent 35%), #09172b; }
.coach-layout[b-qoyawiy0u7] { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.text-link[b-qoyawiy0u7] { display: inline-flex; align-items: center; gap: 10px; margin-top: 27px; color: #7ae6e2 !important; font-size: .9rem; font-weight: 800; }
.text-link:hover[b-qoyawiy0u7] { color: #fff !important; }
.coach-example[b-qoyawiy0u7] { padding: 28px; border: 1px solid rgba(84, 215, 218, .25); border-radius: 18px; background: #0b1e34; box-shadow: 0 25px 70px rgba(0, 0, 0, .2); }
.coach-example-head[b-qoyawiy0u7] { display: flex; align-items: center; gap: 9px; font-size: .9rem; font-weight: 800; }
.coach-example-head small[b-qoyawiy0u7] { margin-left: auto; color: #6d8aa4; font-size: .62rem; letter-spacing: .12em; }
.coach-example > p[b-qoyawiy0u7] { margin: 25px 0; color: #dce9f6; font-size: 1.07rem; line-height: 1.7; }
.coach-example-focus[b-qoyawiy0u7] { display: grid; gap: 7px; padding: 17px; border-left: 2px solid #63e1dc; border-radius: 0 9px 9px 0; background: rgba(59, 183, 191, .08); }
.coach-example-focus span[b-qoyawiy0u7] { color: #66d9d9; font-size: .62rem; font-weight: 850; letter-spacing: .15em; }
.coach-example-focus strong[b-qoyawiy0u7] { font-size: .86rem; font-weight: 650; }
.final-cta[b-qoyawiy0u7] { text-align: center; }
.final-cta h2[b-qoyawiy0u7] { max-width: 790px; margin-inline: auto; }
.final-cta > p[b-qoyawiy0u7] { max-width: 520px; margin: 19px auto 0; color: #a2b5c9; line-height: 1.65; }
.final-cta .hero-actions[b-qoyawiy0u7] { justify-content: center; }
.site-footer[b-qoyawiy0u7] { border-top: 1px solid var(--line); background: #071121; }
.footer-inner[b-qoyawiy0u7] { min-height: 116px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.footer-inner p[b-qoyawiy0u7] { color: #8197ae; font-size: .78rem; }
.footer-inner > div[b-qoyawiy0u7] { display: flex; gap: 19px; color: #a1b4c8; font-size: .78rem; }
.legal-note[b-qoyawiy0u7] { margin-block: 0; padding-bottom: 26px; color: #657c94; font-size: .72rem; line-height: 1.55; }

@media (max-width: 1100px) {
    .site-nav[b-qoyawiy0u7] { gap: 18px; }
    .hero[b-qoyawiy0u7] { gap: 30px; }
    .hero h1[b-qoyawiy0u7] { font-size: clamp(3rem, 5.5vw, 4.7rem); }
    .preview-body[b-qoyawiy0u7] { padding: 18px; }
    .preview-stat[b-qoyawiy0u7] { padding: 11px; }
    .preview-stat strong[b-qoyawiy0u7] { font-size: 1.08rem; }
    .preview-stat-highlight strong[b-qoyawiy0u7] { font-size: .92rem; }
    .feature-grid[b-qoyawiy0u7] { grid-template-columns: repeat(2, 1fr); }
    .tour-layout[b-qoyawiy0u7] { grid-template-columns: 1fr; }
    .tour-features[b-qoyawiy0u7] { min-height: 260px; }
}
@media (max-width: 820px) {
    .site-nav[b-qoyawiy0u7] { display: none; }
    .hero[b-qoyawiy0u7] { grid-template-columns: 1fr; gap: 45px; min-height: auto; padding-block: 70px 75px; }
    .hero-copy[b-qoyawiy0u7] { max-width: 640px; }
    .hero h1[b-qoyawiy0u7] { max-width: 630px; font-size: clamp(3.15rem, 8vw, 5rem); }
    .hero-visual[b-qoyawiy0u7] { max-width: 650px; width: 100%; margin-inline: auto; }
    .value-bar-inner[b-qoyawiy0u7] { grid-template-columns: repeat(2, 1fr); padding-block: 20px; row-gap: 16px; }
    .workflow-grid[b-qoyawiy0u7] { grid-template-columns: 1fr; }
    .workflow-grid article[b-qoyawiy0u7] { min-height: auto; }
    .coach-layout[b-qoyawiy0u7] { grid-template-columns: 1fr; gap: 34px; }
    .section[b-qoyawiy0u7] { padding-block: 85px; }
    .showcase-scroll[b-qoyawiy0u7] { grid-auto-columns: minmax(290px, 65%); }
}
@media (max-width: 600px) {
    .page-width[b-qoyawiy0u7] { width: min(100% - 32px, 1240px); }
    .site-header-inner[b-qoyawiy0u7] { min-height: 67px; gap: 12px; }
    .brand[b-qoyawiy0u7] { gap: 7px; font-size: 1.04rem; }
    .brand img[b-qoyawiy0u7] { width: 32px; height: 32px; }
    .header-actions[b-qoyawiy0u7] { gap: 11px; }
    .header-actions .button-small[b-qoyawiy0u7] { min-height: 36px; padding-inline: 11px; font-size: .72rem; }
    .sign-in[b-qoyawiy0u7] { font-size: .76rem; }
    .hero[b-qoyawiy0u7] { padding-block: 55px 60px; }
    .hero h1[b-qoyawiy0u7] { font-size: clamp(2.9rem, 11.5vw, 4.5rem); }
    .hero-lead[b-qoyawiy0u7] { font-size: 1rem; }
    .hero-actions[b-qoyawiy0u7] { align-items: stretch; flex-direction: column; }
    .hero-actions .button[b-qoyawiy0u7] { width: 100%; }
    .hero-reassurance[b-qoyawiy0u7] { font-size: .75rem; }
    .preview-window[b-qoyawiy0u7] { transform: none; }
    .preview-topbar[b-qoyawiy0u7] { padding-inline: 12px; }
    .preview-body[b-qoyawiy0u7] { padding: 13px; }
    .preview-heading h2[b-qoyawiy0u7] { font-size: 1.07rem; }
    .preview-pill[b-qoyawiy0u7] { font-size: .58rem; }
    .preview-stats[b-qoyawiy0u7] { gap: 5px; }
    .preview-stat[b-qoyawiy0u7] { min-height: 88px; padding: 8px; }
    .preview-stat > span[b-qoyawiy0u7] { font-size: .48rem; }
    .preview-stat strong[b-qoyawiy0u7] { font-size: .85rem; }
    .preview-stat-highlight strong[b-qoyawiy0u7] { font-size: .7rem; }
    .preview-stat small[b-qoyawiy0u7] { font-size: .56rem; }
    .preview-rule[b-qoyawiy0u7] { font-size: .61rem; }
    .preview-rule strong[b-qoyawiy0u7] { font-size: .54rem; }
    .value-bar-inner[b-qoyawiy0u7] { gap: 13px; }
    .value-bar span[b-qoyawiy0u7] { font-size: .7rem; white-space: normal; }
    .section[b-qoyawiy0u7] { padding-block: 70px; }
    .section h2[b-qoyawiy0u7] { font-size: clamp(2.2rem, 9vw, 3.2rem); }
    .contrast-cards[b-qoyawiy0u7], .feature-grid[b-qoyawiy0u7] { grid-template-columns: 1fr; }
    .contrast-card[b-qoyawiy0u7] { min-height: auto; padding: 24px; }
    .feature-grid article[b-qoyawiy0u7] { min-height: auto; }
    .footer-inner[b-qoyawiy0u7] { align-items: flex-start; flex-direction: column; padding-block: 28px; }
    .footer-inner p[b-qoyawiy0u7] { margin: 0; }
    .tour-heading p[b-qoyawiy0u7] { font-size: .95rem; }.tour-layout[b-qoyawiy0u7] { margin-top: 28px; gap: 12px; }.tour-frame[b-qoyawiy0u7] { padding: 4px; border-radius: 12px; }.tour-video[b-qoyawiy0u7] { border-radius: 8px; }.tour-features[b-qoyawiy0u7] { min-height: 260px; padding: 24px; }.tour-feature h3[b-qoyawiy0u7] { font-size: 1.65rem; }.tour-feature li[b-qoyawiy0u7] { font-size: .88rem; }
    .showcase-intro[b-qoyawiy0u7] { display: block; }.showcase-scroll-hint[b-qoyawiy0u7] { display: block; margin-top: 14px; }.showcase-scroll[b-qoyawiy0u7] { grid-auto-columns: minmax(280px, 88%); margin-top: 23px; }
}
@media (prefers-reduced-motion: reduce) { .button[b-qoyawiy0u7] { transition: none; }.animated-check[b-qoyawiy0u7], .review-progress span[b-qoyawiy0u7] { animation: none; } }
/* /Components/Pages/LandingAssistant.razor.rz.scp.css */
.landing-assistant[b-r5z4bs9h0l] {
    position: fixed;
    right: max(22px, env(safe-area-inset-right));
    bottom: max(22px, env(safe-area-inset-bottom));
    z-index: 1200;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.landing-assistant-launcher[b-r5z4bs9h0l] {
    width: 58px;
    height: 58px;
    margin-left: auto;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(72, 236, 231, .48);
    border-radius: 50%;
    background: linear-gradient(145deg, #092437, #061625);
    box-shadow: 0 16px 45px rgba(0, 0, 0, .4), 0 0 28px rgba(35, 223, 222, .18);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.landing-assistant-launcher:hover[b-r5z4bs9h0l] {
    transform: translateY(-3px) scale(1.02);
    border-color: rgba(88, 247, 241, .8);
    box-shadow: 0 20px 52px rgba(0, 0, 0, .44), 0 0 36px rgba(50, 225, 225, .27);
}

.landing-assistant-launcher:focus-visible[b-r5z4bs9h0l],
.landing-assistant-close:focus-visible[b-r5z4bs9h0l],
.landing-assistant-suggestions button:focus-visible[b-r5z4bs9h0l] {
    outline: 2px solid #67f4ee;
    outline-offset: 3px;
}

.launcher-logo[b-r5z4bs9h0l] {
    width: 43px;
    height: 43px;
    display: block;
    border-radius: 50%;
    filter: drop-shadow(0 0 9px rgba(74, 225, 228, .48));
}

.landing-assistant-panel[b-r5z4bs9h0l] {
    width: min(440px, calc(100vw - 28px));
    max-height: calc(100dvh - 92px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    border: 1px solid rgba(54, 206, 218, .46);
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 0%, rgba(30, 184, 190, .13), transparent 30%),
        linear-gradient(180deg, #071a2b 0%, #061525 100%);
    color: #eef8ff;
    box-shadow:
        0 34px 100px rgba(0, 0, 0, .58),
        0 0 70px rgba(27, 185, 193, .11),
        inset 0 1px 0 rgba(255, 255, 255, .025);
}

.landing-assistant-header[b-r5z4bs9h0l] {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 15px 14px 17px;
    border-bottom: 1px solid rgba(86, 194, 211, .2);
    background:
        radial-gradient(circle at 0 0, rgba(54, 229, 220, .12), transparent 54%),
        linear-gradient(90deg, rgba(9, 52, 66, .72), rgba(7, 25, 43, .9));
}

.landing-assistant-title[b-r5z4bs9h0l] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.landing-assistant-title > div[b-r5z4bs9h0l] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.landing-assistant-title strong[b-r5z4bs9h0l] {
    color: #f6fbff;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -.015em;
}

.landing-assistant-title strong em[b-r5z4bs9h0l] {
    color: #52e8e3;
    font-style: normal;
}

.landing-assistant-title > div > span[b-r5z4bs9h0l] {
    overflow: hidden;
    color: #80a6c5;
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.landing-assistant-mark[b-r5z4bs9h0l] {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid rgba(77, 238, 232, .48);
    border-radius: 50%;
    background: rgba(35, 204, 205, .08);
    box-shadow: 0 0 18px rgba(44, 225, 221, .12);
}

.landing-assistant-mark img[b-r5z4bs9h0l] {
    width: 34px;
    height: 34px;
    display: block;
    border-radius: 50%;
}

.landing-assistant-close[b-r5z4bs9h0l] {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid rgba(119, 154, 188, .08);
    border-radius: 11px;
    background: rgba(19, 48, 76, .7);
    color: #9bb8d3;
    font: inherit;
    font-size: 1rem;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}

.landing-assistant-close:hover[b-r5z4bs9h0l] {
    transform: translateY(-1px);
    background: rgba(29, 67, 101, .86);
    color: #f5fbff;
}

.landing-assistant-suggestions[b-r5z4bs9h0l] {
    padding: 15px 16px 9px;
    background: rgba(5, 18, 32, .3);
}

.landing-assistant-suggestions-label[b-r5z4bs9h0l] {
    display: block;
    margin: 0 0 9px 4px;
    color: #88a7d9;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .19em;
    text-transform: uppercase;
}

.landing-assistant-suggestions-grid[b-r5z4bs9h0l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.landing-assistant-suggestions button[b-r5z4bs9h0l] {
    min-width: 0;
    min-height: 46px;
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr) 13px;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(26, 178, 218, .58);
    border-radius: 15px;
    background: linear-gradient(180deg, rgba(7, 40, 61, .78), rgba(5, 29, 47, .78));
    color: #d9ecf7;
    font: inherit;
    font-size: .69rem;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}

.landing-assistant-suggestions button:hover:not(:disabled)[b-r5z4bs9h0l] {
    transform: translateY(-1px);
    border-color: rgba(61, 231, 234, .75);
    background: linear-gradient(180deg, rgba(9, 55, 76, .94), rgba(6, 36, 55, .94));
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
}

.landing-assistant-suggestions button:disabled[b-r5z4bs9h0l] {
    opacity: .5;
    cursor: wait;
}

.suggestion-icon[b-r5z4bs9h0l] {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(41, 216, 216, .08);
    color: #4ce6e2;
    font-size: .9rem;
}

.landing-assistant-suggestions button:nth-child(2) .suggestion-icon[b-r5z4bs9h0l] {
    background: rgba(173, 94, 255, .1);
    color: #c276ff;
}

.landing-assistant-suggestions button:nth-child(3) .suggestion-icon[b-r5z4bs9h0l] {
    background: rgba(255, 183, 73, .1);
    color: #ffc063;
}

.landing-assistant-suggestions button:nth-child(4) .suggestion-icon[b-r5z4bs9h0l] {
    background: rgba(91, 181, 255, .1);
    color: #8acbff;
}

.suggestion-text[b-r5z4bs9h0l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.suggestion-arrow[b-r5z4bs9h0l] {
    color: #66d8e7;
    font-size: .72rem;
}

.zd-chat-message[b-r5z4bs9h0l] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 14px;
}

.zd-chat-message-user[b-r5z4bs9h0l] {
    justify-content: flex-end;
}

.zd-chat-avatar[b-r5z4bs9h0l] {
    flex: 0 0 auto;
    object-fit: cover;
    border-radius: 50%;
}

.zd-chat-avatar-zen[b-r5z4bs9h0l] {
    width: 43px;
    height: 43px;
    border: 1px solid rgba(63, 234, 228, .7);
    box-shadow: 0 0 18px rgba(53, 227, 221, .13);
}

.zd-chat-avatar-user[b-r5z4bs9h0l] {
    width: 36px;
    height: 36px;
    margin-top: 16px;
    border: 1px solid rgba(160, 126, 255, .58);
    box-shadow: 0 0 16px rgba(112, 73, 255, .13);
}

.zd-chat-message-main[b-r5z4bs9h0l] {
    min-width: 0;
    max-width: 79%;
}

.zd-chat-message-user .zd-chat-message-main[b-r5z4bs9h0l] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.zd-chat-message-meta[b-r5z4bs9h0l] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 17px;
    margin: 0 5px 5px;
    color: #5f7892;
    font-size: .61rem;
}

.zd-chat-message-meta strong[b-r5z4bs9h0l] {
    color: #50e8e3;
    font-size: .67rem;
    font-weight: 800;
}

.zd-chat-message-user .zd-chat-message-meta[b-r5z4bs9h0l] {
    justify-content: flex-end;
}

.zd-chat-message-user .zd-chat-message-meta strong[b-r5z4bs9h0l] {
    color: #b8a5ff;
}

.zd-chat-message-meta time[b-r5z4bs9h0l] {
    color: #5e7790;
    font-variant-numeric: tabular-nums;
}

.zd-chat-bubble[b-r5z4bs9h0l] {
    position: relative;
    padding: 11px 13px;
    border: 1px solid rgba(78, 129, 166, .18);
    border-radius: 7px 16px 16px 16px;
    background: linear-gradient(135deg, rgba(20, 52, 76, .96), rgba(12, 37, 59, .96));
    color: #e7f1f7;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .13);
    font-size: .79rem;
    line-height: 1.52;
}

.zd-chat-message-user .zd-chat-bubble[b-r5z4bs9h0l] {
    border-color: rgba(132, 101, 255, .34);
    border-radius: 16px 7px 16px 16px;
    background: linear-gradient(135deg, #5b3fd1, #3d258f);
    color: #fff;
}

.zd-chat-bubble[b-r5z4bs9h0l]  .rz-markdown {
    color: inherit;
    font: inherit;
}

.zd-chat-bubble[b-r5z4bs9h0l]  p {
    margin: 0;
}

.zd-chat-bubble[b-r5z4bs9h0l]  p + p {
    margin-top: .72rem;
}

.zd-chat-bubble[b-r5z4bs9h0l]  strong {
    color: #59ebe5;
    font-weight: 800;
}

.zd-chat-message-user .zd-chat-bubble[b-r5z4bs9h0l]  strong {
    color: #fff;
}

.landing-assistant-footer[b-r5z4bs9h0l] {
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px 8px;
    background: rgba(4, 15, 28, .64);
    color: #5f7893;
    text-align: center;
    font-size: .55rem;
    line-height: 1.35;
}

.landing-assistant-footer i[b-r5z4bs9h0l] {
    margin-right: 4px;
    color: #478fa4;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat {
    flex: 1 1 auto;
    min-height: 300px;
    height: min(450px, 52vh) !important;
    border: 0 !important;
    background: transparent !important;
    color: #edf5ff;
    --rz-chat-background-color: transparent;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-header {
    display: none !important;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-messages {
    padding: 3px 0 8px;
    background:
        radial-gradient(circle at 16% 25%, rgba(13, 96, 115, .06), transparent 32%),
        transparent !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(79, 124, 159, .42) transparent;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-messages::-webkit-scrollbar {
    width: 5px;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-messages::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(79, 124, 159, .38);
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-typing {
    padding: 5px 72px;
    color: #66cfd1;
    font-size: .66rem;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-input {
    padding: 9px 12px 11px;
    border-top: 1px solid rgba(74, 127, 162, .12);
    background: linear-gradient(180deg, rgba(5, 18, 32, .55), rgba(5, 17, 30, .92));
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-input-inner {
    min-height: 56px;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 7px 7px 7px 14px;
    border: 1px solid rgba(46, 226, 224, .73);
    border-radius: 17px;
    background: linear-gradient(180deg, rgba(8, 31, 49, .95), rgba(5, 24, 39, .98));
    box-shadow: 0 0 0 1px rgba(21, 102, 115, .08), 0 0 26px rgba(31, 211, 211, .06);
    transition: border-color .16s ease, box-shadow .16s ease;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-input-inner:focus-within {
    border-color: #48ece7;
    box-shadow: 0 0 0 3px rgba(65, 224, 220, .08), 0 0 30px rgba(31, 211, 211, .1);
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-input-inner::before {
    content: "✦";
    align-self: center;
    flex: 0 0 auto;
    color: #4de8e3;
    font-size: 1rem;
    line-height: 1;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-textarea {
    min-height: 39px;
    max-height: 112px;
    flex: 1 1 auto;
    padding: 9px 2px 7px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #eaf5fb !important;
    font-family: inherit !important;
    font-size: .78rem !important;
    line-height: 1.4 !important;
    resize: none;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-textarea::placeholder {
    color: #748fae !important;
    opacity: 1;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-send-btn {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    align-self: center;
    display: grid !important;
    place-items: center;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #55eee8, #22c5d4) !important;
    color: #032435 !important;
    box-shadow: 0 8px 22px rgba(24, 205, 211, .2);
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-send-btn:not(:disabled):hover {
    transform: translateY(-1px) scale(1.03);
    box-shadow: 0 10px 26px rgba(24, 205, 211, .3);
}

.landing-assistant[b-r5z4bs9h0l]  .rz-chat-send-btn:disabled {
    opacity: .34 !important;
    background: rgba(69, 97, 122, .38) !important;
    color: #7892a8 !important;
    box-shadow: none;
}

@media (max-width: 600px) {
    .landing-assistant[b-r5z4bs9h0l] {
        right: 12px;
        bottom: max(12px, env(safe-area-inset-bottom));
        left: 12px;
    }

    .landing-assistant-panel[b-r5z4bs9h0l] {
        width: 100%;
        max-height: calc(100dvh - 84px);
        margin-bottom: 9px;
        border-radius: 19px;
    }

    .landing-assistant-header[b-r5z4bs9h0l] {
        min-height: 70px;
        padding: 12px 13px;
    }

    .landing-assistant-title strong[b-r5z4bs9h0l] {
        font-size: .93rem;
    }

    .landing-assistant-suggestions[b-r5z4bs9h0l] {
        padding: 12px 12px 6px;
    }

    .landing-assistant-suggestions-grid[b-r5z4bs9h0l] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .landing-assistant-suggestions button[b-r5z4bs9h0l] {
        min-height: 42px;
    }

    .landing-assistant[b-r5z4bs9h0l]  .rz-chat {
        min-height: 270px;
        height: min(420px, 49vh) !important;
    }

    .zd-chat-message[b-r5z4bs9h0l] {
        gap: 8px;
        padding: 7px 10px;
    }

    .zd-chat-avatar-zen[b-r5z4bs9h0l] {
        width: 38px;
        height: 38px;
    }

    .zd-chat-avatar-user[b-r5z4bs9h0l] {
        width: 32px;
        height: 32px;
    }

    .zd-chat-message-main[b-r5z4bs9h0l] {
        max-width: 82%;
    }

    .zd-chat-bubble[b-r5z4bs9h0l] {
        padding: 10px 11px;
        font-size: .76rem;
    }

    .landing-assistant-launcher[b-r5z4bs9h0l] {
        width: 56px;
        height: 56px;
    }

    .launcher-logo[b-r5z4bs9h0l] {
        width: 41px;
        height: 41px;
    }
}

@media (max-width: 380px) {
    .landing-assistant-title > div > span[b-r5z4bs9h0l] {
        display: none;
    }

    .zd-chat-message-main[b-r5z4bs9h0l] {
        max-width: 84%;
    }
}
/* /Components/Pages/PerformanceDashboard.razor.rz.scp.css */
.performance-container[b-x7el1s4imc] {
    padding: 2.25rem;
}
/* /Components/Pages/Playbooks.razor.rz.scp.css */
.backtesting-container[b-bou3i8v1fw] {
    width: 100%;
    height: calc(100dvh - 90px);
    min-height: 0;
    overflow: hidden;
}

.backtesting-frame[b-bou3i8v1fw] {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

@media (max-width: 767px) {
    .backtesting-container[b-bou3i8v1fw] {
        height: calc(100dvh - 64px);
    }
}
/* /Components/Pages/Reports/BehaviouralIntelligence.razor.rz.scp.css */
.beh-page[b-vuew9vjjwo] {
    --beh-bg: #050b18;
    --beh-panel: rgba(12, 22, 41, .9);
    --beh-border: rgba(71, 85, 105, .42);
    --beh-text: #edf4ff;
    --beh-muted: #8fa0b8;
    --beh-cyan: #25d5cf;
    --beh-blue: #5591ff;
    --beh-positive: #26d69b;
    --beh-negative: #fb7185;
    --beh-warning: #fbbf24;
    min-height: calc(100dvh - 72px);
    padding: 22px;
    color: var(--beh-text);
    background: radial-gradient(circle at 75% -15%, rgba(79, 140, 255, .1), transparent 30%), radial-gradient(circle at 12% 0%, rgba(38, 214, 155, .045), transparent 25%);
}

.beh-header[b-vuew9vjjwo],
.beh-section-nav[b-vuew9vjjwo],
.beh-filters[b-vuew9vjjwo],
.beh-section[b-vuew9vjjwo],
.beh-host-section[b-vuew9vjjwo],
.beh-state[b-vuew9vjjwo] {
    max-width: 1680px;
    margin-inline: auto;
}

.beh-header[b-vuew9vjjwo] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.beh-eyebrow[b-vuew9vjjwo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--beh-cyan);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.beh-header h1[b-vuew9vjjwo] {
    margin: 7px 0 0;
    font-size: clamp(27px, 3vw, 43px);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.beh-header p[b-vuew9vjjwo] {
    max-width: 760px;
    margin: 9px 0 0;
    color: #a7b6ca;
    font-size: 13px;
    line-height: 1.6;
}

.beh-header small[b-vuew9vjjwo] {
    display: inline-flex;
    gap: 7px;
    margin-top: 8px;
    color: #6f849f;
    font-size: 10px;
}

.beh-header-actions[b-vuew9vjjwo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.beh-range[b-vuew9vjjwo] {
    display: flex;
    padding: 3px;
    border: 1px solid var(--beh-border);
    border-radius: 11px;
    background: #081326;
}

    .beh-range button[b-vuew9vjjwo], .beh-filter-toggle[b-vuew9vjjwo], .beh-performance-link[b-vuew9vjjwo] {
        min-height: 36px;
        border: 1px solid transparent;
        border-radius: 8px;
        padding: 0 13px;
        color: #aabbd0;
        background: transparent;
        font-size: 11px;
        font-weight: 800;
        cursor: pointer;
        text-decoration: none;
    }

        .beh-range button:hover[b-vuew9vjjwo], .beh-filter-toggle:hover[b-vuew9vjjwo] {
            color: #fff;
            background: rgba(85, 145, 255, .12);
        }

.beh-filter-toggle[b-vuew9vjjwo] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-color: var(--beh-border);
    background: rgba(8, 19, 38, .8);
}

    .beh-filter-toggle.active[b-vuew9vjjwo] {
        color: #fff;
        border-color: rgba(37, 213, 207, .5);
        background: rgba(37, 213, 207, .1);
    }

.beh-performance-link[b-vuew9vjjwo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #bcd0e9;
    border-color: var(--beh-border);
    background: #0a172a;
}

    .beh-performance-link:hover[b-vuew9vjjwo] {
        color: #fff;
        border-color: rgba(85, 145, 255, .6);
    }

.beh-section-nav[b-vuew9vjjwo] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    gap: 25px;
    overflow-x: auto;
    margin-top: 19px;
    border-bottom: 1px solid rgba(67, 86, 116, .4);
    background: rgba(5, 11, 24, .94);
    backdrop-filter: blur(12px);
}

    .beh-section-nav a[b-vuew9vjjwo] {
        flex: 0 0 auto;
        padding: 13px 2px;
        color: #8fa2bc;
        font-size: 11px;
        font-weight: 800;
        text-decoration: none;
    }

        .beh-section-nav a:hover[b-vuew9vjjwo] {
            color: var(--beh-cyan);
        }

#beh-snapshot[b-vuew9vjjwo], #beh-patterns[b-vuew9vjjwo], #beh-action[b-vuew9vjjwo], #beh-evolution[b-vuew9vjjwo], #beh-execution-gap[b-vuew9vjjwo] {
    scroll-margin-top: 68px;
}

.beh-filters[b-vuew9vjjwo] {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr)) auto;
    gap: 10px;
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--beh-border);
    border-radius: 14px;
    background: var(--beh-panel);
}

    .beh-filters label[b-vuew9vjjwo] {
        display: grid;
        gap: 6px;
        color: #8396af;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .beh-filters input[b-vuew9vjjwo], .beh-filters select[b-vuew9vjjwo] {
        width: 100%;
        min-height: 38px;
        border: 1px solid #2a3b55;
        border-radius: 9px;
        padding: 0 10px;
        color: #eef5ff;
        background: #061126;
        font-size: 11px;
        outline: 0;
    }

        .beh-filters input:focus[b-vuew9vjjwo], .beh-filters select:focus[b-vuew9vjjwo] {
            border-color: var(--beh-cyan);
            box-shadow: 0 0 0 3px rgba(37, 213, 207, .09);
        }

.beh-filter-actions[b-vuew9vjjwo] {
    display: flex;
    align-items: flex-end;
    gap: 7px;
}

    .beh-filter-actions button[b-vuew9vjjwo] {
        min-height: 38px;
        border: 1px solid #2a3b55;
        border-radius: 9px;
        padding: 0 14px;
        color: #c7d5e7;
        background: #0a172a;
        font-size: 10px;
        font-weight: 800;
        cursor: pointer;
    }

    .beh-filter-actions .primary[b-vuew9vjjwo] {
        color: #031018;
        border-color: var(--beh-cyan);
        background: var(--beh-cyan);
    }

.beh-state[b-vuew9vjjwo] {
    display: flex;
    min-height: 280px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #a9bad0;
}

    .beh-state.error[b-vuew9vjjwo] {
        color: #fecdd3;
    }

.beh-spinner[b-vuew9vjjwo] {
    width: 22px;
    height: 22px;
    border: 2px solid rgba(37, 213, 207, .2);
    border-top-color: var(--beh-cyan);
    border-radius: 50%;
    animation: beh-spin-b-vuew9vjjwo .8s linear infinite;
}

@keyframes beh-spin-b-vuew9vjjwo {
    to {
        transform: rotate(360deg);
    }
}

.beh-section[b-vuew9vjjwo], .beh-host-section[b-vuew9vjjwo] {
    margin-top: 25px;
}

.beh-section-heading[b-vuew9vjjwo] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 12px;
}

    .beh-section-heading span[b-vuew9vjjwo], .beh-panel > header span[b-vuew9vjjwo] {
        color: var(--beh-cyan);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .14em;
        text-transform: uppercase;
    }

    .beh-section-heading h2[b-vuew9vjjwo] {
        margin: 5px 0 0;
        font-size: clamp(19px, 2vw, 27px);
        letter-spacing: -.025em;
    }

    .beh-section-heading p[b-vuew9vjjwo] {
        max-width: 620px;
        margin: 0;
        color: var(--beh-muted);
        font-size: 11px;
        line-height: 1.55;
        text-align: right;
    }

.beh-snapshot-grid[b-vuew9vjjwo] {
    display: grid;
    grid-template-columns: minmax(420px, .9fr) minmax(560px, 1.35fr);
    gap: 12px;
}

.beh-discipline-card[b-vuew9vjjwo], .beh-process-card[b-vuew9vjjwo], .beh-panel[b-vuew9vjjwo] {
    border: 1px solid var(--beh-border);
    border-radius: 15px;
    background: radial-gradient(circle at 100% 0, rgba(79, 140, 255, .08), transparent 43%), linear-gradient(145deg, rgba(15, 25, 46, .97), rgba(8, 16, 31, .95));
}

.beh-discipline-card[b-vuew9vjjwo] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 19px;
    padding: 20px;
}

.beh-score-ring[b-vuew9vjjwo] {
    display: grid;
    width: 126px;
    height: 126px;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(var(--beh-cyan) calc(var(--discipline-score) * 3.6deg), #1c2b42 0);
    box-shadow: 0 0 35px rgba(37, 213, 207, .09);
}

    .beh-score-ring > div[b-vuew9vjjwo] {
        display: grid;
        width: 100px;
        height: 100px;
        place-content: center;
        border-radius: 50%;
        background: #081427;
        text-align: center;
    }

    .beh-score-ring strong[b-vuew9vjjwo] {
        font-size: 31px;
        line-height: 1;
    }

    .beh-score-ring span[b-vuew9vjjwo] {
        color: #7890aa;
        font-size: 11px;
    }

    .beh-score-ring small[b-vuew9vjjwo] {
        margin-top: 5px;
        color: var(--beh-cyan);
        font-size: 9px;
        font-weight: 850;
        text-transform: uppercase;
    }

.beh-discipline-copy > span[b-vuew9vjjwo] {
    color: var(--beh-cyan);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.beh-discipline-copy h2[b-vuew9vjjwo] {
    margin: 7px 0 0;
    font-size: 20px;
}

.beh-discipline-copy p[b-vuew9vjjwo] {
    margin: 7px 0 0;
    color: var(--beh-muted);
    font-size: 11px;
    line-height: 1.55;
}

.beh-coverage[b-vuew9vjjwo] {
    margin-top: 15px;
}

    .beh-coverage i[b-vuew9vjjwo], .beh-emotion-list i[b-vuew9vjjwo] {
        display: block;
        height: 5px;
        overflow: hidden;
        border-radius: 99px;
        background: #1a2940;
    }

        .beh-coverage i b[b-vuew9vjjwo], .beh-emotion-list i b[b-vuew9vjjwo] {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, var(--beh-blue), var(--beh-cyan));
        }

    .beh-coverage span[b-vuew9vjjwo] {
        display: block;
        margin-top: 6px;
        color: #8094ad;
        font-size: 9px;
    }

.beh-discipline-card dl[b-vuew9vjjwo] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0;
    border-top: 1px solid rgba(67, 86, 116, .4);
}

    .beh-discipline-card dl div[b-vuew9vjjwo] {
        padding: 14px 10px 0;
        border-right: 1px solid rgba(67, 86, 116, .35);
    }

        .beh-discipline-card dl div:last-child[b-vuew9vjjwo] {
            border: 0;
        }

.beh-discipline-card dt[b-vuew9vjjwo] {
    color: #7e92aa;
    font-size: 9px;
}

.beh-discipline-card dd[b-vuew9vjjwo] {
    margin: 5px 0 0;
    font-size: 17px;
    font-weight: 850;
}

.beh-process-card[b-vuew9vjjwo] {
    padding: 20px;
}

    .beh-process-card > header[b-vuew9vjjwo], .beh-panel > header[b-vuew9vjjwo] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 15px;
    }

    .beh-process-card header span[b-vuew9vjjwo] {
        color: var(--beh-cyan);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .14em;
    }

    .beh-process-card h2[b-vuew9vjjwo], .beh-panel h3[b-vuew9vjjwo] {
        margin: 6px 0 0;
        font-size: 18px;
    }

    .beh-process-card header small[b-vuew9vjjwo] {
        color: #7d91aa;
        font-size: 9px;
    }

.beh-outcome-grid[b-vuew9vjjwo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 16px;
}

    .beh-outcome-grid button[b-vuew9vjjwo] {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 11px;
        min-height: 84px;
        border: 1px solid #283951;
        border-radius: 12px;
        padding: 12px;
        color: #dfe9f6;
        background: #081427;
        text-align: left;
        cursor: pointer;
    }

        .beh-outcome-grid button:hover[b-vuew9vjjwo] {
            transform: translateY(-1px);
            border-color: #42638a;
        }

        .beh-outcome-grid button > i[b-vuew9vjjwo] {
            display: grid;
            width: 34px;
            height: 34px;
            place-items: center;
            border-radius: 10px;
            background: rgba(85, 145, 255, .1);
        }

        .beh-outcome-grid button span[b-vuew9vjjwo] {
            display: grid;
            gap: 4px;
        }

        .beh-outcome-grid button small[b-vuew9vjjwo] {
            color: #8295ae;
            font-size: 9px;
        }

        .beh-outcome-grid button b[b-vuew9vjjwo] {
            font-size: 11px;
        }

        .beh-outcome-grid button em[b-vuew9vjjwo] {
            grid-column: 3;
            font-size: 11px;
            font-style: normal;
            font-weight: 850;
        }

.beh-records[b-vuew9vjjwo] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
    margin-top: 10px;
}

    .beh-records article[b-vuew9vjjwo] {
        display: flex;
        align-items: center;
        gap: 11px;
        min-height: 76px;
        border: 1px solid var(--beh-border);
        border-radius: 13px;
        padding: 12px;
        background: rgba(8, 20, 39, .85);
    }

        .beh-records article > i[b-vuew9vjjwo] {
            color: var(--beh-cyan);
            font-size: 19px;
        }

    .beh-records div[b-vuew9vjjwo] {
        display: grid;
        gap: 2px;
    }

    .beh-records span[b-vuew9vjjwo], .beh-records small[b-vuew9vjjwo] {
        color: #8295ae;
        font-size: 9px;
    }

    .beh-records strong[b-vuew9vjjwo] {
        font-size: 15px;
    }

.beh-pattern-grid[b-vuew9vjjwo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

    .beh-pattern-grid.secondary-grid[b-vuew9vjjwo] {
        margin-top: 12px;
    }

.beh-panel[b-vuew9vjjwo] {
    min-width: 0;
    padding: 18px;
}

    .beh-panel > header > i[b-vuew9vjjwo] {
        color: #6683a7;
        font-size: 20px;
    }

.beh-empty[b-vuew9vjjwo] {
    display: grid;
    min-height: 145px;
    place-items: center;
    margin-top: 14px;
    border: 1px dashed #293a53;
    border-radius: 12px;
    padding: 20px;
    color: #788da6;
    font-size: 11px;
    text-align: center;
}

.beh-leak-list[b-vuew9vjjwo], .beh-emotion-list[b-vuew9vjjwo], .beh-heatmap[b-vuew9vjjwo] {
    display: grid;
    gap: 7px;
    margin-top: 14px;
}

    .beh-leak-list button[b-vuew9vjjwo], .beh-emotion-list button[b-vuew9vjjwo], .beh-heatmap button[b-vuew9vjjwo] {
        width: 100%;
        border: 1px solid transparent;
        border-radius: 10px;
        color: #dfe9f6;
        background: #081427;
        cursor: pointer;
    }

        .beh-leak-list button:hover[b-vuew9vjjwo], .beh-emotion-list button:hover[b-vuew9vjjwo], .beh-heatmap button:hover[b-vuew9vjjwo] {
            border-color: #345174;
            background: #0b1a30;
        }

    .beh-leak-list button[b-vuew9vjjwo] {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr) auto auto;
        align-items: center;
        gap: 10px;
        padding: 10px;
        text-align: left;
    }

        .beh-leak-list button > strong[b-vuew9vjjwo] {
            display: grid;
            width: 28px;
            height: 28px;
            place-items: center;
            border-radius: 8px;
            color: #fecdd3;
            background: rgba(251, 113, 133, .12);
        }

    .beh-leak-list span[b-vuew9vjjwo] {
        display: grid;
        gap: 3px;
        min-width: 0;
    }

        .beh-leak-list span:nth-child(3)[b-vuew9vjjwo] {
            text-align: right;
        }

    .beh-leak-list small[b-vuew9vjjwo], .beh-emotion-list small[b-vuew9vjjwo], .beh-heatmap small[b-vuew9vjjwo] {
        color: #7f93ac;
        font-size: 9px;
    }

    .beh-emotion-list button[b-vuew9vjjwo] {
        display: grid;
        grid-template-columns: minmax(100px, .7fr) minmax(130px, 1fr) auto;
        align-items: center;
        gap: 14px;
        padding: 11px;
        text-align: left;
    }

        .beh-emotion-list button > span[b-vuew9vjjwo] {
            display: grid;
            gap: 4px;
        }

        .beh-emotion-list button > b[b-vuew9vjjwo] {
            font-size: 11px;
            text-align: right;
        }

    .beh-heatmap button[b-vuew9vjjwo] {
        display: grid;
        grid-template-columns: minmax(150px, 1fr) auto auto;
        align-items: center;
        gap: 13px;
        padding: 10px;
        text-align: left;
    }

        .beh-heatmap button > span:first-child[b-vuew9vjjwo] {
            display: grid;
            gap: 3px;
            min-width: 0;
        }

        .beh-heatmap button > b[b-vuew9vjjwo] {
            color: #8da1b8;
            font-size: 9px;
        }

.beh-heat-cells[b-vuew9vjjwo] {
    display: flex;
    gap: 4px;
}

    .beh-heat-cells i[b-vuew9vjjwo] {
        width: 13px;
        height: 22px;
        border-radius: 4px;
        background: #1a2940;
    }

        .beh-heat-cells i.strong[b-vuew9vjjwo] {
            background: #1fbf8c;
        }

        .beh-heat-cells i.mixed[b-vuew9vjjwo] {
            background: #d69d28;
        }

        .beh-heat-cells i.weak[b-vuew9vjjwo] {
            background: #e15d73;
        }

        .beh-heat-cells i.low-coverage[b-vuew9vjjwo] {
            background: #586981;
        }

        .beh-heat-cells i.no-data[b-vuew9vjjwo] {
            background: #152238;
        }

.beh-cohorts[b-vuew9vjjwo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 14px;
}

    .beh-cohorts button[b-vuew9vjjwo] {
        display: grid;
        gap: 5px;
        min-height: 100px;
        border: 1px solid #293a53;
        border-radius: 11px;
        padding: 12px;
        color: #dfe9f6;
        background: #081427;
        text-align: left;
        cursor: pointer;
    }

        .beh-cohorts button:hover[b-vuew9vjjwo] {
            border-color: #42638a;
        }

        .beh-cohorts button span[b-vuew9vjjwo], .beh-cohorts button small[b-vuew9vjjwo] {
            color: #8598b0;
            font-size: 9px;
        }

        .beh-cohorts button b[b-vuew9vjjwo] {
            font-size: 12px;
        }

.positive[b-vuew9vjjwo] {
    color: var(--beh-positive) !important;
}

.negative[b-vuew9vjjwo] {
    color: var(--beh-negative) !important;
}

.warning[b-vuew9vjjwo] {
    color: var(--beh-warning) !important;
}

.blue[b-vuew9vjjwo] {
    color: #7da8ff !important;
}

.neutral[b-vuew9vjjwo] {
    color: #a5b5ca !important;
}

.beh-drawer-backdrop[b-vuew9vjjwo] {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(1, 5, 14, .68);
    backdrop-filter: blur(3px);
}

.beh-drawer[b-vuew9vjjwo] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 91;
    display: flex;
    width: min(560px, 100vw);
    flex-direction: column;
    border-left: 1px solid #30435e;
    color: #eef5ff;
    background: #071225;
    box-shadow: -25px 0 75px rgba(0, 0, 0, .42);
}

    .beh-drawer > header[b-vuew9vjjwo] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 20px;
        border-bottom: 1px solid #253750;
    }

        .beh-drawer > header span[b-vuew9vjjwo] {
            color: var(--beh-cyan);
            font-size: 9px;
            font-weight: 900;
            letter-spacing: .14em;
        }

        .beh-drawer > header h2[b-vuew9vjjwo] {
            margin: 6px 0 0;
            font-size: 21px;
        }

        .beh-drawer > header p[b-vuew9vjjwo] {
            margin: 5px 0 0;
            color: #8fa2bc;
            font-size: 11px;
        }

        .beh-drawer > header button[b-vuew9vjjwo] {
            width: 36px;
            height: 36px;
            border: 1px solid #2c405b;
            border-radius: 9px;
            color: #b9c8da;
            background: #0b1930;
            cursor: pointer;
        }

.beh-drawer-state[b-vuew9vjjwo] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #98abc2;
}

    .beh-drawer-state.error[b-vuew9vjjwo] {
        color: #fecdd3;
    }

.beh-drawer-summary[b-vuew9vjjwo] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid #253750;
}

    .beh-drawer-summary div[b-vuew9vjjwo] {
        padding: 14px 18px;
        border-right: 1px solid #253750;
    }

        .beh-drawer-summary div:last-child[b-vuew9vjjwo] {
            border: 0;
        }

    .beh-drawer-summary span[b-vuew9vjjwo] {
        display: block;
        color: #7f93aa;
        font-size: 9px;
    }

    .beh-drawer-summary strong[b-vuew9vjjwo] {
        display: block;
        margin-top: 4px;
        font-size: 15px;
    }

.beh-drawer-trades[b-vuew9vjjwo] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    scrollbar-color: #3a526f #071225;
    scrollbar-width: thin;
}

    .beh-drawer-trades article[b-vuew9vjjwo] {
        margin-bottom: 9px;
        border: 1px solid #263a55;
        border-radius: 12px;
        padding: 13px;
        background: #0a172b;
    }

        .beh-drawer-trades article > header[b-vuew9vjjwo] {
            display: flex;
            justify-content: space-between;
            gap: 12px;
        }

            .beh-drawer-trades article > header div[b-vuew9vjjwo] {
                display: grid;
                gap: 3px;
            }

                .beh-drawer-trades article > header div:last-child[b-vuew9vjjwo] {
                    text-align: right;
                }

    .beh-drawer-trades header span[b-vuew9vjjwo], .beh-drawer-trades header small[b-vuew9vjjwo] {
        color: #7e92aa;
        font-size: 9px;
    }

    .beh-drawer-trades dl[b-vuew9vjjwo] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 9px;
        margin: 12px 0 0;
        padding-top: 11px;
        border-top: 1px solid #20334c;
    }

    .beh-drawer-trades dt[b-vuew9vjjwo] {
        color: #7388a2;
        font-size: 8px;
        text-transform: uppercase;
    }

    .beh-drawer-trades dd[b-vuew9vjjwo] {
        margin: 3px 0 0;
        font-size: 10px;
    }

.beh-drawer > footer[b-vuew9vjjwo] {
    padding: 14px 20px;
    border-top: 1px solid #253750;
}

    .beh-drawer > footer a[b-vuew9vjjwo] {
        display: flex;
        justify-content: center;
        gap: 8px;
        border: 1px solid rgba(37, 213, 207, .45);
        border-radius: 9px;
        padding: 10px;
        color: var(--beh-cyan);
        font-size: 10px;
        font-weight: 850;
        text-decoration: none;
    }

@media (max-width: 1180px) {
    .beh-header[b-vuew9vjjwo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .beh-header-actions[b-vuew9vjjwo] {
        justify-content: flex-start;
    }

    .beh-filters[b-vuew9vjjwo] {
        grid-template-columns: repeat(3, 1fr);
    }

    .beh-filter-actions[b-vuew9vjjwo] {
        align-items: end;
    }

    .beh-snapshot-grid[b-vuew9vjjwo] {
        grid-template-columns: 1fr;
    }

    .beh-records[b-vuew9vjjwo] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 760px) {
    .beh-page[b-vuew9vjjwo] {
        padding: 12px;
    }

    .beh-header h1[b-vuew9vjjwo] {
        font-size: 27px;
    }

    .beh-header-actions[b-vuew9vjjwo] {
        width: 100%;
    }

    .beh-range[b-vuew9vjjwo] {
        flex: 1;
    }

        .beh-range button[b-vuew9vjjwo] {
            flex: 1;
            padding-inline: 8px;
        }

    .beh-performance-link[b-vuew9vjjwo] {
        width: 100%;
        justify-content: center;
    }

    .beh-section-nav[b-vuew9vjjwo] {
        gap: 18px;
    }

    .beh-filters[b-vuew9vjjwo] {
        grid-template-columns: 1fr 1fr;
    }

    .beh-filter-actions[b-vuew9vjjwo] {
        grid-column: 1 / -1;
    }

        .beh-filter-actions button[b-vuew9vjjwo] {
            flex: 1;
        }

    .beh-section-heading[b-vuew9vjjwo] {
        align-items: flex-start;
        flex-direction: column;
    }

        .beh-section-heading p[b-vuew9vjjwo] {
            text-align: left;
        }

    .beh-discipline-card[b-vuew9vjjwo] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .beh-score-ring[b-vuew9vjjwo] {
        margin-inline: auto;
    }

    .beh-coverage[b-vuew9vjjwo] {
        text-align: left;
    }

    .beh-discipline-card dl[b-vuew9vjjwo] {
        grid-template-columns: repeat(2, 1fr);
        text-align: left;
    }

        .beh-discipline-card dl div:nth-child(2)[b-vuew9vjjwo] {
            border-right: 0;
        }

    .beh-outcome-grid[b-vuew9vjjwo], .beh-pattern-grid[b-vuew9vjjwo], .beh-records[b-vuew9vjjwo] {
        grid-template-columns: 1fr;
    }

    .beh-emotion-list button[b-vuew9vjjwo] {
        grid-template-columns: 1fr auto;
    }

        .beh-emotion-list button > span:nth-child(2)[b-vuew9vjjwo] {
            grid-column: 1 / -1;
            grid-row: 2;
        }

    .beh-heatmap button[b-vuew9vjjwo] {
        grid-template-columns: 1fr auto;
    }

    .beh-heat-cells[b-vuew9vjjwo] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .beh-cohorts[b-vuew9vjjwo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 460px) {
    .beh-filters[b-vuew9vjjwo] {
        grid-template-columns: 1fr;
    }

    .beh-filter-actions[b-vuew9vjjwo] {
        grid-column: auto;
    }

    .beh-filter-toggle[b-vuew9vjjwo] {
        flex: 1;
        justify-content: center;
    }

    .beh-outcome-grid button[b-vuew9vjjwo] {
        grid-template-columns: auto 1fr;
    }

        .beh-outcome-grid button b[b-vuew9vjjwo], .beh-outcome-grid button em[b-vuew9vjjwo] {
            grid-column: 2;
        }

    .beh-drawer-trades dl[b-vuew9vjjwo] {
        grid-template-columns: 1fr;
    }
}

/* Match Performance Intelligence's desktop readability and visual rhythm. */
.beh-header p[b-vuew9vjjwo] {
    font-size: 15px;
    line-height: 1.5;
}

.beh-header small[b-vuew9vjjwo] {
    font-size: 12px;
}

.beh-eyebrow[b-vuew9vjjwo] {
    font-size: 12px;
}

.beh-section-nav[b-vuew9vjjwo] {
    gap: 30px;
}

    .beh-section-nav a[b-vuew9vjjwo] {
        padding: 13px 2px;
        font-size: 14px;
    }

.beh-range button[b-vuew9vjjwo],
.beh-filter-toggle[b-vuew9vjjwo],
.beh-performance-link[b-vuew9vjjwo] {
    font-size: 13px;
}

.beh-filters label[b-vuew9vjjwo] {
    font-size: 10px;
}

.beh-filters input[b-vuew9vjjwo],
.beh-filters select[b-vuew9vjjwo],
.beh-filter-actions button[b-vuew9vjjwo] {
    font-size: 13px;
}

.beh-section-heading span[b-vuew9vjjwo],
.beh-panel > header span[b-vuew9vjjwo],
.beh-process-card header span[b-vuew9vjjwo],
.beh-discipline-copy > span[b-vuew9vjjwo] {
    font-size: 11px;
}

.beh-section-heading h2[b-vuew9vjjwo] {
    font-size: 23px;
}

.beh-section-heading p[b-vuew9vjjwo] {
    font-size: 13px;
    line-height: 1.65;
}

.beh-discipline-copy h2[b-vuew9vjjwo] {
    font-size: 20px;
}

.beh-discipline-copy p[b-vuew9vjjwo] {
    font-size: 13px;
    line-height: 1.65;
}

.beh-score-ring span[b-vuew9vjjwo],
.beh-score-ring small[b-vuew9vjjwo],
.beh-coverage span[b-vuew9vjjwo] {
    font-size: 11px;
}

.beh-discipline-card dt[b-vuew9vjjwo] {
    font-size: 11px;
}

.beh-discipline-card dd[b-vuew9vjjwo] {
    font-size: 20px;
}

.beh-process-card h2[b-vuew9vjjwo],
.beh-panel h3[b-vuew9vjjwo] {
    font-size: 16px;
}

.beh-process-card header small[b-vuew9vjjwo] {
    font-size: 11px;
}

.beh-outcome-grid button[b-vuew9vjjwo] {
    font-size: 13px;
}

    .beh-outcome-grid button small[b-vuew9vjjwo] {
        font-size: 11px;
        line-height: 1.5;
    }

    .beh-outcome-grid button b[b-vuew9vjjwo],
    .beh-outcome-grid button em[b-vuew9vjjwo] {
        font-size: 13px;
    }

.beh-records span[b-vuew9vjjwo],
.beh-records small[b-vuew9vjjwo] {
    font-size: 11px;
}

.beh-records strong[b-vuew9vjjwo] {
    font-size: 18px;
}

.beh-empty[b-vuew9vjjwo] {
    font-size: 12px;
}

.beh-leak-list button[b-vuew9vjjwo],
.beh-emotion-list button[b-vuew9vjjwo],
.beh-heatmap button[b-vuew9vjjwo],
.beh-cohorts button[b-vuew9vjjwo] {
    font-size: 13px;
}

    .beh-leak-list small[b-vuew9vjjwo],
    .beh-emotion-list small[b-vuew9vjjwo],
    .beh-heatmap small[b-vuew9vjjwo],
    .beh-cohorts button span[b-vuew9vjjwo],
    .beh-cohorts button small[b-vuew9vjjwo] {
        font-size: 11px;
        line-height: 1.5;
    }

    .beh-emotion-list button > b[b-vuew9vjjwo],
    .beh-cohorts button b[b-vuew9vjjwo] {
        font-size: 13px;
    }

    .beh-heatmap button > b[b-vuew9vjjwo] {
        font-size: 11px;
    }

.beh-drawer > header span[b-vuew9vjjwo] {
    font-size: 11px;
}

.beh-drawer > header h2[b-vuew9vjjwo] {
    font-size: 21px;
}

.beh-drawer > header p[b-vuew9vjjwo] {
    font-size: 12px;
}

.beh-drawer-summary span[b-vuew9vjjwo] {
    font-size: 10px;
}

.beh-drawer-summary strong[b-vuew9vjjwo] {
    font-size: 16px;
}

.beh-drawer-trades header strong[b-vuew9vjjwo] {
    font-size: 13px;
}

.beh-drawer-trades header span[b-vuew9vjjwo],
.beh-drawer-trades header small[b-vuew9vjjwo] {
    font-size: 11px;
}

.beh-drawer-trades dt[b-vuew9vjjwo] {
    font-size: 10px;
}

.beh-drawer-trades dd[b-vuew9vjjwo] {
    font-size: 11px;
}

.beh-drawer > footer a[b-vuew9vjjwo] {
    font-size: 12px;
}

/* Child report panels use isolated styles, so raise their typography here too. */
.beh-host-section[b-vuew9vjjwo]  .action-section-heading > div > span,
.beh-host-section[b-vuew9vjjwo]  .action-panel > header span,
.beh-host-section[b-vuew9vjjwo]  .action-card-kicker,
.beh-host-section[b-vuew9vjjwo]  .evolution-section-heading > div > span,
.beh-host-section[b-vuew9vjjwo]  .evolution-panel > header span,
.beh-host-section[b-vuew9vjjwo]  .evolution-hero-copy > span,
.beh-host-section[b-vuew9vjjwo]  .evidence-section-heading > div > span,
.beh-host-section[b-vuew9vjjwo]  .evidence-panel header span,
.beh-host-section[b-vuew9vjjwo]  .evidence-hero-copy > span {
    font-size: 11px !important;
}

.beh-host-section[b-vuew9vjjwo]  .action-section-heading h2,
.beh-host-section[b-vuew9vjjwo]  .evolution-section-heading h2,
.beh-host-section[b-vuew9vjjwo]  .evidence-section-heading h2 {
    font-size: 23px !important;
}

.beh-host-section[b-vuew9vjjwo]  .action-section-heading p,
.beh-host-section[b-vuew9vjjwo]  .evolution-section-heading p,
.beh-host-section[b-vuew9vjjwo]  .evidence-section-heading p {
    font-size: 13px !important;
    line-height: 1.65 !important;
}

.beh-host-section[b-vuew9vjjwo]  .action-panel > header h3,
.beh-host-section[b-vuew9vjjwo]  .evolution-panel > header h3,
.beh-host-section[b-vuew9vjjwo]  .evidence-panel header h3 {
    font-size: 16px !important;
}

.beh-host-section[b-vuew9vjjwo]  .action-readiness-copy h3,
.beh-host-section[b-vuew9vjjwo]  .evolution-hero-copy h3,
.beh-host-section[b-vuew9vjjwo]  .evidence-hero-copy h3 {
    font-size: 20px !important;
}

.beh-host-section[b-vuew9vjjwo]  p,
.beh-host-section[b-vuew9vjjwo]  .evolution-hero-copy p,
.beh-host-section[b-vuew9vjjwo]  .evidence-hero-copy p {
    font-size: 13px !important;
    line-height: 1.6 !important;
}

.beh-host-section[b-vuew9vjjwo]  button {
    font-size: 12px !important;
}

.beh-host-section[b-vuew9vjjwo]  dd {
    font-size: 11px !important;
    line-height: 1.5 !important;
}

@media (max-width: 760px) {
    .beh-page[b-vuew9vjjwo] {
        padding: 12px;
    }

    .beh-section-nav[b-vuew9vjjwo] {
        gap: 20px;
    }

        .beh-section-nav a[b-vuew9vjjwo] {
            font-size: 13px;
        }
}

/* ================================================================
   TEMPORARILY HIDDEN — Behavioural Intelligence simplification
   These rules intentionally hide only the components selected for
   removal. Delete/comment this block later to restore them.
   ================================================================ */

/* Action Plan: separate Priority Queue + duplicated Behavioural Signals.
   The suggested five-trade experiment and readiness card remain visible. */
.beh-host-section[b-vuew9vjjwo]  .action-primary-grid {
    display: none !important;
}

/* Action Plan: Decision Lanes + Evidence Debt. */
.beh-host-section[b-vuew9vjjwo]  .action-secondary-grid {
    display: none !important;
}

/* Action Plan: Process Truth Table as a separate section. */
.beh-host-section[b-vuew9vjjwo]  .action-truth-panel {
    display: none !important;
}

/* Evolution: excessive multi-line Rolling Development Curve.
   Regression Watch remains and expands to the available row. */
.beh-host-section[b-vuew9vjjwo]  .evolution-panel:has(.evolution-chart) {
    display: none !important;
}

.beh-host-section[b-vuew9vjjwo]  .evolution-top-grid {
    grid-template-columns: 1fr !important;
}

/* Evolution: duplicate Behavioural Journey timeline.
   Process-first streaks remain visible and expand to the row. */
.beh-host-section[b-vuew9vjjwo]  .evolution-panel:has(.evolution-timeline) {
    display: none !important;
}

.beh-host-section[b-vuew9vjjwo]  .evolution-middle-grid {
    grid-template-columns: 1fr !important;
}

/* Evolution: monthly letter grades + Professional Milestones. */
.beh-host-section[b-vuew9vjjwo]  .evolution-monthly-panel,
.beh-host-section[b-vuew9vjjwo]  .evolution-milestone-panel {
    display: none !important;
}


/* ================================================================
   Forward-test readiness readability
   Keep the component/layout unchanged; increase typography only.
   ================================================================ */
.beh-host-section[b-vuew9vjjwo]  .evidence-readiness-heading span {
    font-size: 12px !important;
}

.beh-host-section[b-vuew9vjjwo]  .evidence-readiness-heading strong {
    font-size: 13px !important;
}

.beh-host-section[b-vuew9vjjwo]  .evidence-checks strong {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.beh-host-section[b-vuew9vjjwo]  .evidence-checks span {
    font-size: 11px !important;
    line-height: 1.4 !important;
}
/* /Components/Pages/Reports/PerformanceActionPanel.razor.rz.scp.css */
.action-root[b-6n55l0na5l] {
    --ac-border: rgba(71, 85, 105, .42);
    --ac-panel: linear-gradient(145deg, rgba(13, 24, 44, .96), rgba(7, 14, 28, .96));
    --ac-positive: #26d69b;
    --ac-negative: #fb7185;
    --ac-warning: #fbbf24;
    --ac-blue: #6c9eff;
    --ac-muted: #8494aa;
    max-width: 1680px;
    margin: 0 auto;
    padding-top: 4px;
    color: #eaf1fb;
}

.action-section-heading[b-6n55l0na5l] { margin: 18px 0 10px; }
.action-section-heading > div > span[b-6n55l0na5l],
.action-panel > header span[b-6n55l0na5l],
.action-readiness-copy > span[b-6n55l0na5l],
.action-experiment-copy > span[b-6n55l0na5l] {
    color: #65dcae;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.action-section-heading h2[b-6n55l0na5l] {
    margin: 5px 0 0;
    color: #f3f7fd;
    font-size: 20px;
    font-weight: 820;
    letter-spacing: -.025em;
}
.action-section-heading p[b-6n55l0na5l] {
    max-width: 880px;
    margin: 6px 0 0;
    color: var(--ac-muted);
    font-size: 11px;
    line-height: 1.6;
}

.action-loading[b-6n55l0na5l], .action-error[b-6n55l0na5l] {
    display: flex;
    min-height: 130px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--ac-border);
    border-radius: 15px;
    color: #91a1b6;
    background: rgba(12, 22, 41, .68);
}
.action-error[b-6n55l0na5l] { border-color: rgba(251, 113, 133, .32); color: #fecdd3; }
.action-spinner[b-6n55l0na5l] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(148, 163, 184, .25);
    border-top-color: #4f8cff;
    border-radius: 50%;
    animation: action-spin-b-6n55l0na5l .8s linear infinite;
}
@keyframes action-spin-b-6n55l0na5l { to { transform: rotate(360deg); } }

.action-readiness[b-6n55l0na5l], .action-experiment[b-6n55l0na5l], .action-panel[b-6n55l0na5l] {
    border: 1px solid var(--ac-border);
    border-radius: 16px;
    background: var(--ac-panel);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .14);
}
.action-readiness[b-6n55l0na5l] {
    display: grid;
    grid-template-columns: 280px minmax(320px, .8fr) minmax(480px, 1.2fr);
    gap: 16px;
    padding: 16px;
}
.action-readiness.positive[b-6n55l0na5l] { border-color: rgba(38, 214, 155, .28); background: linear-gradient(100deg, rgba(38,214,155,.07), transparent 40%), var(--ac-panel); }
.action-readiness.warning[b-6n55l0na5l] { border-color: rgba(251,191,36,.28); background: linear-gradient(100deg, rgba(251,191,36,.07), transparent 40%), var(--ac-panel); }
.action-readiness.negative[b-6n55l0na5l] { border-color: rgba(251,113,133,.28); background: linear-gradient(100deg, rgba(251,113,133,.07), transparent 40%), var(--ac-panel); }
.action-readiness.blue[b-6n55l0na5l] { border-color: rgba(79,140,255,.28); background: linear-gradient(100deg, rgba(79,140,255,.07), transparent 40%), var(--ac-panel); }
.action-readiness-chart[b-6n55l0na5l] { position: relative; min-height: 245px; }
.action-readiness-chart canvas[b-6n55l0na5l] { width: 100% !important; height: 100% !important; }
.action-readiness-chart > div[b-6n55l0na5l] {
    position: absolute;
    inset: 50% auto auto 50%;
    display: flex;
    align-items: baseline;
    justify-content: center;
    transform: translate(-50%, -44%);
    pointer-events: none;
}
.action-readiness-chart > div strong[b-6n55l0na5l] { color: #f5f8fc; font-size: 26px; font-weight: 850; }
.action-readiness-chart > div span[b-6n55l0na5l] { margin-left: 2px; color: #7e8fa5; font-size: 10px; }
.action-readiness-chart > div small[b-6n55l0na5l] { position: absolute; top: 31px; color: #72839a; font-size: 8px; text-transform: uppercase; }
.action-readiness-copy[b-6n55l0na5l] { display: flex; justify-content: center; flex-direction: column; }
.action-readiness-copy h3[b-6n55l0na5l] { margin: 6px 0 0; color: #f0f5fc; font-size: 18px; font-weight: 820; line-height: 1.3; }
.action-readiness-copy > p[b-6n55l0na5l] { margin: 8px 0 0; color: #9aa8ba; font-size: 10px; line-height: 1.65; }
.action-readiness-context[b-6n55l0na5l] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 13px; }
.action-readiness-context > div[b-6n55l0na5l] { padding: 9px; border-radius: 10px; background: rgba(15,23,42,.5); }
.action-readiness-context span[b-6n55l0na5l], .action-readiness-context strong[b-6n55l0na5l] { display: block; }
.action-readiness-context span[b-6n55l0na5l] { color: #718198; font-size: 8px; }
.action-readiness-context strong[b-6n55l0na5l] { margin-top: 4px; color: #dce6f3; font-size: 13px; }
.action-readiness-copy details[b-6n55l0na5l] { margin-top: 11px; }
.action-readiness-copy summary[b-6n55l0na5l] { color: #7fa9ff; cursor: pointer; font-size: 9px; }
.action-readiness-copy details p[b-6n55l0na5l] { margin: 7px 0 0; color: #74859b; font-size: 8px; line-height: 1.55; }
.action-dimensions[b-6n55l0na5l] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.action-dimensions > div[b-6n55l0na5l] { min-width: 0; padding: 10px; border: 1px solid rgba(71,85,105,.3); border-radius: 11px; background: rgba(4,10,23,.34); }
.action-dimensions span[b-6n55l0na5l], .action-dimensions strong[b-6n55l0na5l], .action-dimensions small[b-6n55l0na5l] { display: block; }
.action-dimensions span[b-6n55l0na5l] { color: #78899f; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.action-dimensions strong[b-6n55l0na5l] { margin-top: 4px; font-size: 13px; }
.action-dimensions i[b-6n55l0na5l] { display: block; overflow: hidden; height: 5px; margin-top: 7px; border-radius: 999px; background: rgba(71,85,105,.4); }
.action-dimensions i b[b-6n55l0na5l] { display: block; height: 100%; border-radius: inherit; background: currentColor; }
.action-dimensions small[b-6n55l0na5l] { margin-top: 7px; color: #6f8096; font-size: 8px; line-height: 1.4; }

.action-experiment[b-6n55l0na5l] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
    padding: 15px;
    border-color: rgba(251,191,36,.27);
    background: radial-gradient(circle at 0 0, rgba(251,191,36,.09), transparent 34%), var(--ac-panel);
}
.action-experiment.negative[b-6n55l0na5l] { border-color: rgba(251,113,133,.3); background: radial-gradient(circle at 0 0, rgba(251,113,133,.09), transparent 34%), var(--ac-panel); }
.action-experiment.blue[b-6n55l0na5l] { border-color: rgba(79,140,255,.3); background: radial-gradient(circle at 0 0, rgba(79,140,255,.09), transparent 34%), var(--ac-panel); }
.action-experiment-icon[b-6n55l0na5l] { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(251,191,36,.22); border-radius: 14px; color: #fcd34d; background: rgba(251,191,36,.08); font-size: 17px; }
.action-experiment-copy h3[b-6n55l0na5l] { margin: 5px 0 0; color: #f3f7fd; font-size: 17px; font-weight: 820; }
.action-experiment-copy > p[b-6n55l0na5l] { margin: 6px 0 0; color: #a3b0c1; font-size: 10px; line-height: 1.55; }
.action-experiment-copy dl[b-6n55l0na5l] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 11px 0 0; }
.action-experiment-copy dl > div[b-6n55l0na5l] { padding: 8px; border-radius: 9px; background: rgba(15,23,42,.47); }
.action-experiment-copy dt[b-6n55l0na5l] { color: #708198; font-size: 8px; }
.action-experiment-copy dd[b-6n55l0na5l] { margin: 4px 0 0; color: #c2cede; font-size: 9px; line-height: 1.45; }
.action-experiment > button[b-6n55l0na5l] { display: inline-flex; min-height: 37px; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid rgba(79,140,255,.3); border-radius: 10px; color: #8db4ff; background: rgba(79,140,255,.08); cursor: pointer; font-size: 9px; font-weight: 800; }
.action-experiment > button.copied[b-6n55l0na5l] { border-color: rgba(38,214,155,.3); color: #6ee7b7; background: rgba(38,214,155,.08); }

.action-primary-grid[b-6n55l0na5l], .action-secondary-grid[b-6n55l0na5l] { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(430px, .65fr); gap: 10px; margin-top: 10px; }
.action-panel > header[b-6n55l0na5l] { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 13px 14px 0; }
.action-panel > header h3[b-6n55l0na5l] { margin: 4px 0 0; color: #eaf1fb; font-size: 14px; font-weight: 800; }
.action-panel > header > small[b-6n55l0na5l] { color: #718198; font-size: 8px; }

.action-priority-list[b-6n55l0na5l] { display: grid; gap: 7px; padding: 10px 12px 14px; }
.action-priority-list > button[b-6n55l0na5l] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) minmax(165px, .65fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 78px;
    padding: 10px;
    border: 1px solid rgba(71,85,105,.34);
    border-radius: 12px;
    color: inherit;
    background: rgba(4,10,23,.37);
    cursor: pointer;
    text-align: left;
}
.action-priority-list > button:disabled[b-6n55l0na5l] { cursor: default; }
.action-priority-list > button:not(:disabled):hover[b-6n55l0na5l] { border-color: rgba(79,140,255,.44); background: rgba(79,140,255,.055); }
.action-priority-list > button.negative[b-6n55l0na5l] { border-left: 3px solid rgba(251,113,133,.78); }
.action-priority-list > button.warning[b-6n55l0na5l] { border-left: 3px solid rgba(251,191,36,.78); }
.action-priority-list > button.positive[b-6n55l0na5l] { border-left: 3px solid rgba(38,214,155,.78); }
.action-priority-list > button.blue[b-6n55l0na5l] { border-left: 3px solid rgba(79,140,255,.78); }
.action-priority-rank[b-6n55l0na5l] { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: #aebed1; background: rgba(71,85,105,.24); font-size: 10px; font-weight: 850; }
.action-priority-list > button > i:first-of-type[b-6n55l0na5l] { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #8db4ff; background: rgba(79,140,255,.08); }
.action-priority-copy[b-6n55l0na5l] { min-width: 0; }
.action-priority-copy small[b-6n55l0na5l], .action-priority-copy strong[b-6n55l0na5l], .action-priority-copy p[b-6n55l0na5l] { display: block; }
.action-priority-copy small[b-6n55l0na5l] { color: #718198; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.action-priority-copy strong[b-6n55l0na5l] { margin-top: 3px; color: #e1eaf5; font-size: 11px; }
.action-priority-copy p[b-6n55l0na5l] { margin: 4px 0 0; color: #8797aa; font-size: 9px; line-height: 1.42; }
.action-priority-measure[b-6n55l0na5l] { min-width: 0; padding: 8px; border-radius: 9px; background: rgba(15,23,42,.48); }
.action-priority-measure small[b-6n55l0na5l], .action-priority-measure strong[b-6n55l0na5l] { display: block; }
.action-priority-measure small[b-6n55l0na5l] { color: #718198; font-size: 7px; text-transform: uppercase; }
.action-priority-measure strong[b-6n55l0na5l] { margin-top: 4px; color: #bcc9da; font-size: 8px; line-height: 1.4; }
.action-priority-list > button > i:last-child[b-6n55l0na5l] { color: #586a82; font-size: 10px; }

.action-signal-grid[b-6n55l0na5l] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 10px 12px 14px; }
.action-signal-grid button[b-6n55l0na5l] { min-height: 128px; padding: 11px; border: 1px solid rgba(71,85,105,.34); border-radius: 12px; color: inherit; background: rgba(4,10,23,.37); cursor: pointer; text-align: left; }
.action-signal-grid button:disabled[b-6n55l0na5l] { cursor: default; }
.action-signal-grid button:not(:disabled):hover[b-6n55l0na5l] { border-color: rgba(79,140,255,.43); }
.action-signal-grid button > i[b-6n55l0na5l] { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; color: #8db4ff; background: rgba(79,140,255,.08); }
.action-signal-grid span[b-6n55l0na5l], .action-signal-grid strong[b-6n55l0na5l], .action-signal-grid small[b-6n55l0na5l] { display: block; }
.action-signal-grid span[b-6n55l0na5l] { margin-top: 9px; color: #77889e; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.action-signal-grid strong[b-6n55l0na5l] { overflow: hidden; margin-top: 4px; color: #edf4fc; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.action-signal-grid small[b-6n55l0na5l] { margin-top: 5px; color: #74859b; font-size: 8px; line-height: 1.4; }

.action-truth-panel[b-6n55l0na5l] { margin-top: 10px; }
.action-truth-grid[b-6n55l0na5l] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 10px 12px 14px; }
.action-truth-grid button[b-6n55l0na5l] { min-height: 145px; padding: 12px; border: 1px solid rgba(71,85,105,.34); border-radius: 13px; color: inherit; background: rgba(4,10,23,.37); cursor: pointer; text-align: left; }
.action-truth-grid button:hover[b-6n55l0na5l] { transform: translateY(-1px); border-color: rgba(79,140,255,.43); }
.action-truth-grid button.positive[b-6n55l0na5l] { border-color: rgba(38,214,155,.22); }
.action-truth-grid button.blue[b-6n55l0na5l] { border-color: rgba(79,140,255,.22); }
.action-truth-grid button.warning[b-6n55l0na5l] { border-color: rgba(251,191,36,.22); }
.action-truth-grid button.negative[b-6n55l0na5l] { border-color: rgba(251,113,133,.22); }
.action-truth-grid button > div[b-6n55l0na5l] { display: flex; align-items: center; gap: 8px; }
.action-truth-grid button > div i[b-6n55l0na5l] { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: #91a5be; background: rgba(71,85,105,.19); }
.action-truth-grid button > div span[b-6n55l0na5l] { color: #d7e2ef; font-size: 10px; font-weight: 800; }
.action-truth-grid strong[b-6n55l0na5l], .action-truth-grid b[b-6n55l0na5l], .action-truth-grid small[b-6n55l0na5l] { display: block; }
.action-truth-grid strong[b-6n55l0na5l] { margin-top: 13px; color: #f0f5fc; font-size: 17px; }
.action-truth-grid b[b-6n55l0na5l] { margin-top: 3px; font-size: 11px; }
.action-truth-grid small[b-6n55l0na5l] { margin-top: 8px; color: #718198; font-size: 8px; line-height: 1.4; }

.action-lanes[b-6n55l0na5l] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px 12px 14px; }
.action-lanes > section[b-6n55l0na5l] { padding: 10px; border: 1px solid rgba(71,85,105,.34); border-radius: 12px; background: rgba(4,10,23,.37); }
.action-lanes > section.positive[b-6n55l0na5l] { border-top: 3px solid rgba(38,214,155,.75); }
.action-lanes > section.warning[b-6n55l0na5l] { border-top: 3px solid rgba(251,191,36,.75); }
.action-lanes > section.blue[b-6n55l0na5l] { border-top: 3px solid rgba(79,140,255,.75); }
.action-lanes > section > header[b-6n55l0na5l] { display: flex; align-items: center; gap: 8px; }
.action-lanes > section > header i[b-6n55l0na5l] { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #8db4ff; background: rgba(79,140,255,.08); }
.action-lanes h4[b-6n55l0na5l] { margin: 0; color: #e3ecf7; font-size: 11px; }
.action-lanes article[b-6n55l0na5l] { margin-top: 9px; padding: 9px; border-radius: 9px; background: rgba(15,23,42,.47); }
.action-lanes article strong[b-6n55l0na5l], .action-lanes article p[b-6n55l0na5l], .action-lanes article span[b-6n55l0na5l] { display: block; }
.action-lanes article strong[b-6n55l0na5l] { color: #dce6f3; font-size: 9px; }
.action-lanes article p[b-6n55l0na5l] { margin: 4px 0 0; color: #7e8fa5; font-size: 8px; line-height: 1.45; }
.action-lanes article span[b-6n55l0na5l] { margin-top: 6px; font-size: 8px; font-weight: 800; }

.action-debt-list[b-6n55l0na5l] { padding: 10px 12px 14px; }
.action-debt-list button[b-6n55l0na5l] { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) minmax(145px, .65fr) auto; align-items: center; gap: 10px; min-height: 61px; padding: 8px; border: 0; border-top: 1px solid rgba(51,65,85,.35); color: inherit; background: transparent; cursor: pointer; text-align: left; }
.action-debt-list button:first-child[b-6n55l0na5l] { border-top: 0; }
.action-debt-list button:hover[b-6n55l0na5l] { border-radius: 9px; background: rgba(79,140,255,.055); }
.action-debt-list button > div:first-child strong[b-6n55l0na5l], .action-debt-list button > div:first-child span[b-6n55l0na5l] { display: block; }
.action-debt-list button > div:first-child strong[b-6n55l0na5l] { color: #dbe5f2; font-size: 10px; }
.action-debt-list button > div:first-child span[b-6n55l0na5l] { margin-top: 3px; color: #74859b; font-size: 8px; line-height: 1.4; }
.action-debt-progress > div[b-6n55l0na5l] { display: flex; align-items: center; gap: 7px; }
.action-debt-progress i[b-6n55l0na5l] { display: block; overflow: hidden; flex: 1; height: 5px; border-radius: 999px; background: rgba(71,85,105,.4); }
.action-debt-progress i b[b-6n55l0na5l] { display: block; height: 100%; border-radius: inherit; background: currentColor; }
.action-debt-progress strong[b-6n55l0na5l] { min-width: 33px; font-size: 9px; text-align: right; }
.action-debt-progress small[b-6n55l0na5l] { display: block; margin-top: 4px; color: #6d7e94; font-size: 7px; text-align: right; }
.action-debt-list button > i[b-6n55l0na5l] { color: #586a82; font-size: 10px; }

.action-drawer-backdrop[b-6n55l0na5l] { position: fixed; inset: 0; z-index: 2300; background: rgba(0,0,0,.58); backdrop-filter: blur(2px); }
.action-drawer[b-6n55l0na5l] { position: fixed; top: 0; right: 0; bottom: 0; z-index: 2301; display: flex; width: min(650px, 95vw); flex-direction: column; border-left: 1px solid rgba(71,85,105,.52); color: #dce6f3; background: radial-gradient(circle at 100% 0, rgba(79,140,255,.09), transparent 28%), #07101f; box-shadow: -28px 0 70px rgba(0,0,0,.38); animation: action-drawer-in-b-6n55l0na5l .18s ease-out; }
@keyframes action-drawer-in-b-6n55l0na5l { from { opacity: 0; transform: translateX(22px); } to { opacity: 1; transform: translateX(0); } }
.action-drawer > header[b-6n55l0na5l] { display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px; border-bottom: 1px solid rgba(71,85,105,.4); }
.action-drawer > header span[b-6n55l0na5l] { color: #65dcae; font-size: 9px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.action-drawer > header h3[b-6n55l0na5l] { margin: 5px 0 0; color: #f2f7fd; font-size: 19px; font-weight: 820; }
.action-drawer > header p[b-6n55l0na5l] { margin: 5px 0 0; color: #8494aa; font-size: 10px; line-height: 1.45; }
.action-drawer > header button[b-6n55l0na5l] { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(71,85,105,.45); border-radius: 10px; color: #b6c3d3; background: rgba(15,23,42,.54); cursor: pointer; }
.action-drawer-loading[b-6n55l0na5l], .action-drawer-error[b-6n55l0na5l] { display: flex; flex: 1; align-items: center; justify-content: center; gap: 10px; color: #8fa0b8; }
.action-drawer-error[b-6n55l0na5l] { color: #fecdd3; }
.action-drawer-summary[b-6n55l0na5l] { display: grid; flex: 0 0 auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 12px 16px; border-bottom: 1px solid rgba(71,85,105,.34); }
.action-drawer-summary > div[b-6n55l0na5l] { padding: 10px; border-radius: 10px; background: rgba(15,23,42,.55); }
.action-drawer-summary span[b-6n55l0na5l], .action-drawer-summary strong[b-6n55l0na5l] { display: block; }
.action-drawer-summary span[b-6n55l0na5l] { color: #75869c; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.action-drawer-summary strong[b-6n55l0na5l] { margin-top: 4px; font-size: 14px; }
.action-drawer-trades[b-6n55l0na5l] { flex: 1 1 auto; overflow-y: auto; padding: 10px 14px 18px; }
.action-drawer-trades article[b-6n55l0na5l] { margin-top: 8px; padding: 12px; border: 1px solid rgba(71,85,105,.36); border-radius: 12px; background: rgba(12,22,41,.65); }
.action-trade-head[b-6n55l0na5l] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.action-trade-head strong[b-6n55l0na5l], .action-trade-head span[b-6n55l0na5l], .action-trade-head b[b-6n55l0na5l], .action-trade-head small[b-6n55l0na5l] { display: block; }
.action-trade-head strong[b-6n55l0na5l] { color: #e2ebf6; font-size: 11px; }
.action-trade-head span[b-6n55l0na5l] { margin-top: 3px; color: #77889e; font-size: 9px; }
.action-trade-head > div:last-child[b-6n55l0na5l] { text-align: right; }
.action-trade-head b[b-6n55l0na5l] { font-size: 12px; }
.action-trade-head small[b-6n55l0na5l] { margin-top: 3px; font-size: 9px; }
.action-drawer-trades dl[b-6n55l0na5l] { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(110px, .8fr) minmax(120px, 1fr); gap: 8px; margin: 11px 0 0; }
.action-drawer-trades dl > div[b-6n55l0na5l] { min-width: 0; }
.action-drawer-trades dt[b-6n55l0na5l] { color: #6f8096; font-size: 8px; }
.action-drawer-trades dd[b-6n55l0na5l] { overflow: hidden; margin: 3px 0 0; color: #b9c6d6; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.action-drawer-limit[b-6n55l0na5l] { margin: 0; padding: 8px 16px; color: #718198; font-size: 9px; text-align: center; }
.action-empty[b-6n55l0na5l] { padding: 34px 16px; color: #7d8da3; font-size: 11px; text-align: center; }

.positive[b-6n55l0na5l] { color: var(--ac-positive) !important; }
.negative[b-6n55l0na5l] { color: var(--ac-negative) !important; }
.warning[b-6n55l0na5l] { color: var(--ac-warning) !important; }
.blue[b-6n55l0na5l] { color: var(--ac-blue) !important; }
.neutral[b-6n55l0na5l] { color: #9cabbf !important; }

@media (max-width: 1320px) {
    .action-readiness[b-6n55l0na5l] { grid-template-columns: 250px minmax(0, 1fr); }
    .action-dimensions[b-6n55l0na5l] { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .action-primary-grid[b-6n55l0na5l], .action-secondary-grid[b-6n55l0na5l] { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    .action-truth-grid[b-6n55l0na5l], .action-lanes[b-6n55l0na5l] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .action-experiment-copy dl[b-6n55l0na5l] { grid-template-columns: 1fr; }
    .action-priority-list > button[b-6n55l0na5l] { grid-template-columns: auto auto minmax(0, 1fr) auto; }
    .action-priority-measure[b-6n55l0na5l] { grid-column: 3 / -1; }
}
@media (max-width: 680px) {
    .action-readiness[b-6n55l0na5l] { grid-template-columns: 1fr; }
    .action-readiness-chart[b-6n55l0na5l] { min-height: 230px; }
    .action-dimensions[b-6n55l0na5l] { grid-column: auto; grid-template-columns: 1fr; }
    .action-experiment[b-6n55l0na5l] { grid-template-columns: 1fr; }
    .action-experiment-icon[b-6n55l0na5l] { display: none; }
    .action-experiment > button[b-6n55l0na5l] { justify-content: center; }
    .action-signal-grid[b-6n55l0na5l], .action-truth-grid[b-6n55l0na5l], .action-lanes[b-6n55l0na5l] { grid-template-columns: 1fr; }
    .action-priority-list > button[b-6n55l0na5l] { grid-template-columns: auto minmax(0, 1fr) auto; }
    .action-priority-list > button > i:first-of-type[b-6n55l0na5l] { display: none; }
    .action-priority-measure[b-6n55l0na5l] { grid-column: 2 / -1; }
    .action-debt-list button[b-6n55l0na5l] { grid-template-columns: 1fr auto; }
    .action-debt-progress[b-6n55l0na5l] { grid-column: 1 / -1; }
    .action-drawer-summary[b-6n55l0na5l], .action-drawer-trades dl[b-6n55l0na5l] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Reports/PerformanceEvidencePanel.razor.rz.scp.css */
.evidence-root[b-vwpgxj58fv] {
    --ev-border: rgba(71, 85, 105, 0.42);
    --ev-panel: linear-gradient(145deg, rgba(13, 24, 44, 0.96), rgba(7, 14, 28, 0.96));
    --ev-muted: #8595ab;
    --ev-positive: #26d69b;
    --ev-negative: #fb7185;
    --ev-warning: #fbbf24;
    --ev-blue: #6c9eff;

    max-width: 1680px;
    margin: 0 auto;
    padding-top: 4px;
    color: #eaf1fb;
}

.evidence-section-heading[b-vwpgxj58fv] {
    margin: 18px 0 10px;
}

.evidence-section-heading > div > span[b-vwpgxj58fv],
.evidence-panel header span[b-vwpgxj58fv],
.evidence-hero-copy > span[b-vwpgxj58fv] {
    color: #65dcae;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.evidence-section-heading h2[b-vwpgxj58fv] {
    margin: 5px 0 0;
    color: #f3f7fd;
    font-size: 20px;
    font-weight: 820;
    letter-spacing: -0.025em;
}

.evidence-section-heading p[b-vwpgxj58fv] {
    max-width: 850px;
    margin: 6px 0 0;
    color: var(--ev-muted);
    font-size: 11px;
    line-height: 1.6;
}

.evidence-loading[b-vwpgxj58fv],
.evidence-error[b-vwpgxj58fv] {
    display: flex;
    min-height: 130px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--ev-border);
    border-radius: 15px;
    color: #91a1b6;
    background: rgba(12, 22, 41, 0.68);
}

.evidence-error[b-vwpgxj58fv] {
    border-color: rgba(251, 113, 133, 0.32);
    color: #fecdd3;
}

.evidence-spinner[b-vwpgxj58fv] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(148, 163, 184, 0.25);
    border-top-color: #4f8cff;
    border-radius: 50%;
    animation: evidence-spin-b-vwpgxj58fv 0.8s linear infinite;
}

@keyframes evidence-spin-b-vwpgxj58fv {
    to { transform: rotate(360deg); }
}

.evidence-hero[b-vwpgxj58fv],
.evidence-panel[b-vwpgxj58fv],
.evidence-card[b-vwpgxj58fv] {
    border: 1px solid var(--ev-border);
    border-radius: 16px;
    background: var(--ev-panel);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15);
}

.evidence-hero[b-vwpgxj58fv] {
    display: grid;
    grid-template-columns: auto minmax(280px, 1fr) minmax(360px, 0.8fr);
    align-items: center;
    gap: 16px;
    padding: 16px;
}

.evidence-hero.positive[b-vwpgxj58fv] {
    border-color: rgba(38, 214, 155, 0.28);
    background:
        linear-gradient(90deg, rgba(38, 214, 155, 0.08), transparent 38%),
        var(--ev-panel);
}

.evidence-hero.warning[b-vwpgxj58fv] {
    border-color: rgba(251, 191, 36, 0.28);
    background:
        linear-gradient(90deg, rgba(251, 191, 36, 0.08), transparent 38%),
        var(--ev-panel);
}

.evidence-hero.blue[b-vwpgxj58fv] {
    border-color: rgba(79, 140, 255, 0.28);
    background:
        linear-gradient(90deg, rgba(79, 140, 255, 0.08), transparent 38%),
        var(--ev-panel);
}

.evidence-hero-icon[b-vwpgxj58fv] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(79, 140, 255, 0.25);
    border-radius: 14px;
    color: #7aa8ff;
    background: rgba(79, 140, 255, 0.09);
    font-size: 18px;
}

.evidence-hero h3[b-vwpgxj58fv] {
    margin: 5px 0 0;
    color: #f3f7fd;
    font-size: 18px;
    font-weight: 820;
}

.evidence-hero p[b-vwpgxj58fv] {
    margin: 6px 0 0;
    color: #9aa9bc;
    font-size: 10px;
    line-height: 1.6;
}

.evidence-hero dl[b-vwpgxj58fv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin: 0;
}

.evidence-hero dl > div[b-vwpgxj58fv] {
    padding: 9px;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.48);
}

.evidence-hero dt[b-vwpgxj58fv] {
    color: #718198;
    font-size: 8px;
}

.evidence-hero dd[b-vwpgxj58fv] {
    margin: 5px 0 0;
    color: #dce6f3;
    font-size: 16px;
    font-weight: 820;
}

.evidence-chart-panel[b-vwpgxj58fv] {
    margin-top: 10px;
}

.evidence-panel > header[b-vwpgxj58fv] {
    padding: 13px 14px 0;
}

.evidence-panel header h3[b-vwpgxj58fv] {
    margin: 4px 0 0;
    color: #e9f1fc;
    font-size: 14px;
    font-weight: 800;
}

.evidence-chart[b-vwpgxj58fv] {
    height: 280px;
    padding: 8px 12px 14px;
}

.evidence-empty[b-vwpgxj58fv] {
    padding: 34px 16px;
    color: #7d8da3;
    font-size: 11px;
    text-align: center;
}

.evidence-list[b-vwpgxj58fv] {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

.evidence-card.positive[b-vwpgxj58fv] {
    border-color: rgba(38, 214, 155, 0.28);
}

.evidence-card.warning[b-vwpgxj58fv] {
    border-color: rgba(251, 191, 36, 0.28);
}

.evidence-card.negative[b-vwpgxj58fv] {
    border-color: rgba(251, 113, 133, 0.28);
}

.evidence-card.blue[b-vwpgxj58fv] {
    border-color: rgba(79, 140, 255, 0.28);
}

.evidence-card > header[b-vwpgxj58fv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px 0;
}

.evidence-card > header span[b-vwpgxj58fv] {
    color: #718198;
    font-size: 8px;
    font-weight: 820;
    text-transform: uppercase;
}

.evidence-card > header h3[b-vwpgxj58fv] {
    margin: 4px 0 0;
    color: #edf4fc;
    font-size: 15px;
    font-weight: 820;
}

.evidence-card > header > strong[b-vwpgxj58fv] {
    padding: 6px 9px;
    border: 1px solid rgba(71, 85, 105, 0.38);
    border-radius: 999px;
    color: #aebcd0;
    background: rgba(15, 23, 42, 0.52);
    font-size: 9px;
}

.evidence-card > p[b-vwpgxj58fv] {
    max-width: 1100px;
    margin: 8px 16px 0;
    color: #9aa8ba;
    font-size: 10px;
    line-height: 1.6;
}

.evidence-sources[b-vwpgxj58fv] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(180px, 0.45fr) minmax(260px, 1fr);
    gap: 10px;
    padding: 14px 16px;
}

.evidence-sources > section[b-vwpgxj58fv],
.evidence-gap[b-vwpgxj58fv] {
    padding: 12px;
    border: 1px solid rgba(71, 85, 105, 0.34);
    border-radius: 12px;
    background: rgba(4, 10, 23, 0.38);
}

.evidence-source-title[b-vwpgxj58fv] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 9px;
}

.evidence-source-title > i[b-vwpgxj58fv] {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 9px;
    color: #a78bfa;
    background: rgba(167, 139, 250, 0.09);
}

.evidence-source-title.live > i[b-vwpgxj58fv] {
    color: #4f8cff;
    background: rgba(79, 140, 255, 0.09);
}

.evidence-source-title span[b-vwpgxj58fv],
.evidence-source-title strong[b-vwpgxj58fv] {
    display: block;
}

.evidence-source-title span[b-vwpgxj58fv] {
    color: #74859b;
    font-size: 8px;
    text-transform: uppercase;
}

.evidence-source-title strong[b-vwpgxj58fv] {
    margin-top: 3px;
    color: #e0e9f5;
    font-size: 11px;
}

.evidence-metric[b-vwpgxj58fv] {
    display: flex;
    min-height: 32px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid rgba(51, 65, 85, 0.32);
}

.evidence-metric span[b-vwpgxj58fv] {
    color: #7b8ba1;
    font-size: 10px;
}

.evidence-metric strong[b-vwpgxj58fv] {
    font-size: 11px;
}

.evidence-gap[b-vwpgxj58fv] {
    display: flex;
    min-height: 190px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.evidence-gap > span[b-vwpgxj58fv] {
    color: #72839a;
    font-size: 8px;
    font-weight: 820;
    text-transform: uppercase;
}

.evidence-gap > strong[b-vwpgxj58fv] {
    margin-top: 8px;
    font-size: 24px;
    font-weight: 850;
}

.evidence-gap > small[b-vwpgxj58fv] {
    margin-top: 3px;
    color: #718198;
    font-size: 8px;
}

.evidence-gap > div[b-vwpgxj58fv] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 8px;
    margin-top: 9px;
    padding-top: 8px;
    border-top: 1px solid rgba(51, 65, 85, 0.32);
    color: #7c8ca2;
    font-size: 8px;
}

.evidence-readiness[b-vwpgxj58fv] {
    margin: 0 16px 14px;
    padding: 12px;
    border: 1px solid rgba(71, 85, 105, 0.34);
    border-radius: 12px;
    background: rgba(4, 10, 23, 0.3);
}

.evidence-readiness-heading[b-vwpgxj58fv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.evidence-readiness-heading span[b-vwpgxj58fv] {
    color: #7d8da3;
    font-size: 9px;
    font-weight: 820;
    text-transform: uppercase;
}

.evidence-readiness-heading strong[b-vwpgxj58fv] {
    color: #cdd8e7;
    font-size: 10px;
}

.evidence-checks[b-vwpgxj58fv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin-top: 9px;
}

.evidence-checks > div[b-vwpgxj58fv] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 7px;
    padding: 8px;
    border: 1px solid rgba(71, 85, 105, 0.28);
    border-radius: 9px;
    background: rgba(15, 23, 42, 0.4);
}

.evidence-checks > div > i[b-vwpgxj58fv] {
    display: grid;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 6px;
    font-size: 8px;
}

.evidence-checks > div.passed > i[b-vwpgxj58fv] {
    color: #6ee7b7;
    background: rgba(38, 214, 155, 0.1);
}

.evidence-checks > div.blocked > i[b-vwpgxj58fv] {
    color: #fda4af;
    background: rgba(251, 113, 133, 0.1);
}

.evidence-checks > div.pending > i[b-vwpgxj58fv] {
    color: #fcd34d;
    background: rgba(251, 191, 36, 0.1);
}

.evidence-checks strong[b-vwpgxj58fv],
.evidence-checks span[b-vwpgxj58fv] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.evidence-checks strong[b-vwpgxj58fv] {
    color: #d7e2ef;
    font-size: 9px;
}

.evidence-checks span[b-vwpgxj58fv] {
    margin-top: 3px;
    color: #708198;
    font-size: 8px;
}

.evidence-card > footer[b-vwpgxj58fv] {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    padding: 0 16px 14px;
}

.evidence-card > footer button[b-vwpgxj58fv] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid rgba(79, 140, 255, 0.28);
    border-radius: 9px;
    color: #8db4ff;
    background: rgba(79, 140, 255, 0.07);
    cursor: pointer;
    font-size: 9px;
    font-weight: 800;
}

.evidence-drawer-backdrop[b-vwpgxj58fv] {
    position: fixed;
    inset: 0;
    z-index: 2200;
    background: rgba(0, 0, 0, 0.58);
    backdrop-filter: blur(2px);
}

.evidence-drawer[b-vwpgxj58fv] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2201;
    display: flex;
    width: min(620px, 94vw);
    flex-direction: column;
    border-left: 1px solid rgba(71, 85, 105, 0.52);
    color: #dce6f3;
    background:
        radial-gradient(circle at 100% 0, rgba(79, 140, 255, 0.09), transparent 28%),
        #07101f;
    box-shadow: -28px 0 70px rgba(0, 0, 0, 0.38);
    animation: evidence-drawer-in-b-vwpgxj58fv 180ms ease-out;
}

@keyframes evidence-drawer-in-b-vwpgxj58fv {
    from {
        opacity: 0;
        transform: translateX(22px);
    }

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

.evidence-drawer > header[b-vwpgxj58fv] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    border-bottom: 1px solid rgba(71, 85, 105, 0.4);
}

.evidence-drawer > header span[b-vwpgxj58fv] {
    color: #65dcae;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.evidence-drawer > header h3[b-vwpgxj58fv] {
    margin: 5px 0 0;
    color: #f2f7fd;
    font-size: 19px;
    font-weight: 820;
}

.evidence-drawer > header p[b-vwpgxj58fv] {
    margin: 5px 0 0;
    color: #8494aa;
    font-size: 10px;
    line-height: 1.45;
}

.evidence-drawer > header button[b-vwpgxj58fv] {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(71, 85, 105, 0.45);
    border-radius: 10px;
    color: #b6c3d3;
    background: rgba(15, 23, 42, 0.54);
    cursor: pointer;
}

.evidence-drawer-loading[b-vwpgxj58fv],
.evidence-drawer-error[b-vwpgxj58fv] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #8fa0b8;
}

.evidence-drawer-error[b-vwpgxj58fv] {
    color: #fecdd3;
}

.evidence-drawer-summary[b-vwpgxj58fv] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(71, 85, 105, 0.34);
}

.evidence-drawer-summary > div[b-vwpgxj58fv] {
    padding: 10px;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.55);
}

.evidence-drawer-summary span[b-vwpgxj58fv],
.evidence-drawer-summary strong[b-vwpgxj58fv] {
    display: block;
}

.evidence-drawer-summary span[b-vwpgxj58fv] {
    color: #75869c;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.evidence-drawer-summary strong[b-vwpgxj58fv] {
    margin-top: 4px;
    font-size: 14px;
}

.evidence-drawer-trades[b-vwpgxj58fv] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 10px 14px 18px;
}

.evidence-drawer-trades article[b-vwpgxj58fv] {
    margin-top: 8px;
    padding: 12px;
    border: 1px solid rgba(71, 85, 105, 0.36);
    border-radius: 12px;
    background: rgba(12, 22, 41, 0.65);
}

.evidence-trade-head[b-vwpgxj58fv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.evidence-trade-head strong[b-vwpgxj58fv],
.evidence-trade-head span[b-vwpgxj58fv],
.evidence-trade-head small[b-vwpgxj58fv],
.evidence-trade-head b[b-vwpgxj58fv] {
    display: block;
}

.evidence-trade-head strong[b-vwpgxj58fv] {
    color: #e2ebf6;
    font-size: 11px;
}

.evidence-trade-head span[b-vwpgxj58fv] {
    margin-top: 3px;
    color: #77889e;
    font-size: 9px;
}

.evidence-trade-head small[b-vwpgxj58fv] {
    margin-top: 3px;
    color: #687a91;
    font-size: 8px;
}

.evidence-trade-head > div:last-child[b-vwpgxj58fv] {
    text-align: right;
}

.evidence-trade-head b[b-vwpgxj58fv] {
    font-size: 12px;
}

.evidence-drawer-trades dl[b-vwpgxj58fv] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
    gap: 8px;
    margin: 11px 0 0;
}

.evidence-drawer-trades dt[b-vwpgxj58fv] {
    color: #6f8096;
    font-size: 8px;
}

.evidence-drawer-trades dd[b-vwpgxj58fv] {
    overflow: hidden;
    margin: 3px 0 0;
    color: #b9c6d6;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.evidence-drawer-limit[b-vwpgxj58fv] {
    margin: 0;
    padding: 8px 16px;
    color: #718198;
    font-size: 9px;
    text-align: center;
}

.positive[b-vwpgxj58fv] { color: var(--ev-positive) !important; }
.negative[b-vwpgxj58fv] { color: var(--ev-negative) !important; }
.warning[b-vwpgxj58fv] { color: var(--ev-warning) !important; }
.blue[b-vwpgxj58fv] { color: var(--ev-blue) !important; }
.neutral[b-vwpgxj58fv] { color: #a1afc1 !important; }

@media (max-width: 1180px) {
    .evidence-hero[b-vwpgxj58fv] {
        grid-template-columns: auto 1fr;
    }

    .evidence-hero dl[b-vwpgxj58fv] {
        grid-column: 1 / -1;
    }

    .evidence-sources[b-vwpgxj58fv] {
        grid-template-columns: 1fr;
    }

    .evidence-checks[b-vwpgxj58fv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .evidence-hero[b-vwpgxj58fv] {
        grid-template-columns: 1fr;
    }

    .evidence-hero-icon[b-vwpgxj58fv] {
        display: none;
    }

    .evidence-hero dl[b-vwpgxj58fv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .evidence-card > header[b-vwpgxj58fv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .evidence-checks[b-vwpgxj58fv] {
        grid-template-columns: 1fr;
    }

    .evidence-card > footer[b-vwpgxj58fv] {
        align-items: stretch;
        flex-direction: column;
    }

    .evidence-card > footer button[b-vwpgxj58fv] {
        justify-content: center;
    }

    .evidence-drawer-summary[b-vwpgxj58fv],
    .evidence-drawer-trades dl[b-vwpgxj58fv] {
        grid-template-columns: 1fr;
    }

    .evidence-chart[b-vwpgxj58fv] {
        height: 240px;
    }
}
/* /Components/Pages/Reports/PerformanceEvolutionPanel.razor.rz.scp.css */
.evolution-root[b-34p7aox416] {
    --ev-border: rgba(71, 85, 105, 0.42);
    --ev-panel: linear-gradient(145deg, rgba(13, 24, 44, 0.96), rgba(7, 14, 28, 0.96));
    --ev-positive: #26d69b;
    --ev-negative: #fb7185;
    --ev-warning: #fbbf24;
    --ev-blue: #6c9eff;
    --ev-muted: #8494aa;
    max-width: 1680px;
    margin: 0 auto;
    padding-top: 4px;
    color: #eaf1fb;
}

.evolution-section-heading[b-34p7aox416] {
    margin: 18px 0 10px;
}

    .evolution-section-heading > div > span[b-34p7aox416],
    .evolution-panel > header span[b-34p7aox416],
    .evolution-hero-copy > span[b-34p7aox416] {
        color: #65dcae;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .evolution-section-heading h2[b-34p7aox416] {
        margin: 5px 0 0;
        color: #f3f7fd;
        font-size: 20px;
        font-weight: 820;
        letter-spacing: -.025em;
    }

    .evolution-section-heading p[b-34p7aox416] {
        max-width: 900px;
        margin: 6px 0 0;
        color: var(--ev-muted);
        font-size: 11px;
        line-height: 1.6;
    }

.evolution-loading[b-34p7aox416],
.evolution-error[b-34p7aox416] {
    display: flex;
    min-height: 130px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--ev-border);
    border-radius: 15px;
    color: #91a1b6;
    background: rgba(12, 22, 41, .68);
}

.evolution-error[b-34p7aox416] {
    border-color: rgba(251, 113, 133, .32);
    color: #fecdd3;
}

.evolution-spinner[b-34p7aox416] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(148, 163, 184, .25);
    border-top-color: #4f8cff;
    border-radius: 50%;
    animation: evolution-spin-b-34p7aox416 .8s linear infinite;
}

@keyframes evolution-spin-b-34p7aox416 {
    to {
        transform: rotate(360deg);
    }
}

.evolution-hero[b-34p7aox416],
.evolution-panel[b-34p7aox416] {
    border: 1px solid var(--ev-border);
    border-radius: 16px;
    background: var(--ev-panel);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .14);
}

.evolution-hero[b-34p7aox416] {
    display: grid;
    grid-template-columns: auto minmax(350px, 1fr) minmax(440px, .9fr);
    align-items: center;
    gap: 16px;
    padding: 16px;
}

    .evolution-hero.positive[b-34p7aox416] {
        border-color: rgba(38, 214, 155, .3);
        background: linear-gradient(90deg, rgba(38, 214, 155, .08), transparent 40%), var(--ev-panel);
    }

    .evolution-hero.blue[b-34p7aox416] {
        border-color: rgba(79, 140, 255, .3);
        background: linear-gradient(90deg, rgba(79, 140, 255, .08), transparent 40%), var(--ev-panel);
    }

    .evolution-hero.warning[b-34p7aox416] {
        border-color: rgba(251, 191, 36, .3);
        background: linear-gradient(90deg, rgba(251, 191, 36, .08), transparent 40%), var(--ev-panel);
    }

    .evolution-hero.negative[b-34p7aox416] {
        border-color: rgba(251, 113, 133, .3);
        background: linear-gradient(90deg, rgba(251, 113, 133, .08), transparent 40%), var(--ev-panel);
    }

.evolution-hero-icon[b-34p7aox416] {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid rgba(79, 140, 255, .25);
    border-radius: 15px;
    color: #7aa8ff;
    background: rgba(79, 140, 255, .09);
    font-size: 19px;
}

.evolution-hero-copy h3[b-34p7aox416] {
    margin: 5px 0 0;
    color: #f2f7fd;
    font-size: 18px;
    font-weight: 820;
    line-height: 1.3;
}

.evolution-hero-copy p[b-34p7aox416] {
    margin: 7px 0 0;
    color: #9ba9bb;
    font-size: 10px;
    line-height: 1.65;
}

.evolution-hero-metrics[b-34p7aox416] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

    .evolution-hero-metrics > div[b-34p7aox416] {
        padding: 10px;
        border-radius: 11px;
        background: rgba(15, 23, 42, .5);
    }

    .evolution-hero-metrics span[b-34p7aox416],
    .evolution-hero-metrics strong[b-34p7aox416],
    .evolution-hero-metrics small[b-34p7aox416] {
        display: block;
    }

    .evolution-hero-metrics span[b-34p7aox416] {
        color: #718198;
        font-size: 8px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .evolution-hero-metrics strong[b-34p7aox416] {
        margin-top: 5px;
        color: #dce6f3;
        font-size: 11px;
        line-height: 1.35;
    }

    .evolution-hero-metrics small[b-34p7aox416] {
        margin-top: 5px;
        color: #78899f;
        font-size: 8px;
    }

.evolution-top-grid[b-34p7aox416],
.evolution-middle-grid[b-34p7aox416] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(430px, .7fr);
    gap: 10px;
    margin-top: 10px;
}

.evolution-panel > header[b-34p7aox416] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 14px 0;
}

    .evolution-panel > header h3[b-34p7aox416] {
        margin: 4px 0 0;
        color: #eaf1fb;
        font-size: 14px;
        font-weight: 800;
    }

    .evolution-panel > header > small[b-34p7aox416] {
        color: #718198;
        font-size: 8px;
    }

.evolution-chart[b-34p7aox416] {
    height: 310px;
    padding: 8px 12px 14px;
}

.evolution-regression-list[b-34p7aox416] {
    display: grid;
    gap: 7px;
    padding: 10px 12px 14px;
}

    .evolution-regression-list button[b-34p7aox416] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) minmax(150px, .65fr) auto;
        align-items: center;
        gap: 9px;
        min-height: 72px;
        padding: 9px;
        border: 1px solid rgba(71, 85, 105, .34);
        border-radius: 11px;
        color: inherit;
        background: rgba(4, 10, 23, .37);
        cursor: pointer;
        text-align: left;
    }

        .evolution-regression-list button:disabled[b-34p7aox416] {
            cursor: default;
        }

        .evolution-regression-list button:not(:disabled):hover[b-34p7aox416] {
            border-color: rgba(79, 140, 255, .43);
            background: rgba(79, 140, 255, .055);
        }

        .evolution-regression-list button.negative[b-34p7aox416] {
            border-left: 3px solid rgba(251, 113, 133, .78);
        }

        .evolution-regression-list button.warning[b-34p7aox416] {
            border-left: 3px solid rgba(251, 191, 36, .78);
        }

        .evolution-regression-list button.positive[b-34p7aox416] {
            border-left: 3px solid rgba(38, 214, 155, .78);
        }

        .evolution-regression-list button > i:first-child[b-34p7aox416] {
            display: grid;
            width: 29px;
            height: 29px;
            place-items: center;
            border-radius: 9px;
            color: #8db4ff;
            background: rgba(79, 140, 255, .08);
        }

        .evolution-regression-list button > span strong[b-34p7aox416],
        .evolution-regression-list button > span small[b-34p7aox416],
        .evolution-regression-list button > span b[b-34p7aox416] {
            display: block;
        }

        .evolution-regression-list button > span strong[b-34p7aox416] {
            color: #dce6f3;
            font-size: 10px;
        }

        .evolution-regression-list button > span small[b-34p7aox416] {
            margin-top: 3px;
            color: #78899f;
            font-size: 8px;
            line-height: 1.4;
        }

        .evolution-regression-list button > span:nth-child(3)[b-34p7aox416] {
            padding: 7px;
            border-radius: 8px;
            background: rgba(15, 23, 42, .48);
        }

        .evolution-regression-list button > span b[b-34p7aox416] {
            font-size: 9px;
        }

        .evolution-regression-list button > i:last-child[b-34p7aox416] {
            color: #586a82;
            font-size: 10px;
        }

.evolution-comparison-panel[b-34p7aox416],
.evolution-monthly-panel[b-34p7aox416],
.evolution-milestone-panel[b-34p7aox416] {
    margin-top: 10px;
}

.evolution-sample-actions[b-34p7aox416] {
    display: flex;
    gap: 6px;
}

    .evolution-sample-actions button[b-34p7aox416] {
        min-height: 30px;
        padding: 0 9px;
        border: 1px solid rgba(79, 140, 255, .28);
        border-radius: 8px;
        color: #8db4ff;
        background: rgba(79, 140, 255, .07);
        cursor: pointer;
        font-size: 8px;
        font-weight: 800;
    }

.evolution-comparison-table[b-34p7aox416] {
    padding: 10px 12px 14px;
}

.evolution-comparison-header[b-34p7aox416],
.evolution-comparison-row[b-34p7aox416] {
    display: grid;
    grid-template-columns: minmax(260px, 1.4fr) 120px 120px 125px;
    align-items: center;
    gap: 10px;
}

.evolution-comparison-header[b-34p7aox416] {
    padding: 8px;
    color: #6f8097;
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.evolution-comparison-row[b-34p7aox416] {
    min-height: 54px;
    padding: 8px;
    border-top: 1px solid rgba(51, 65, 85, .35);
    color: #b8c6d7;
    font-size: 10px;
}

    .evolution-comparison-row > span:first-child strong[b-34p7aox416],
    .evolution-comparison-row > span:first-child small[b-34p7aox416] {
        display: block;
    }

    .evolution-comparison-row > span:first-child strong[b-34p7aox416] {
        color: #dce6f3;
        font-size: 10px;
    }

    .evolution-comparison-row > span:first-child small[b-34p7aox416] {
        margin-top: 3px;
        color: #718198;
        font-size: 8px;
        line-height: 1.35;
    }

    .evolution-comparison-row > span:last-child[b-34p7aox416] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-weight: 800;
    }

.evolution-timeline[b-34p7aox416] {
    position: relative;
    display: grid;
    gap: 2px;
    padding: 10px 12px 15px;
}

    .evolution-timeline button[b-34p7aox416] {
        position: relative;
        display: grid;
        /* The connector line is absolute, so only icon, copy and metric need columns. */
        grid-template-columns: 32px minmax(0, 1fr) max-content;
        align-items: start;
        column-gap: 12px;
        min-height: 88px;
        padding: 10px 12px;
        border: 1px solid transparent;
        border-radius: 11px;
        color: inherit;
        background: transparent;
        cursor: pointer;
        text-align: left;
    }

        .evolution-timeline button:disabled[b-34p7aox416] {
            cursor: default;
        }

        .evolution-timeline button:not(:disabled):hover[b-34p7aox416] {
            border-color: rgba(79, 140, 255, .18);
            background: rgba(79, 140, 255, .055);
        }

.evolution-timeline-line[b-34p7aox416] {
    position: absolute;
    top: 42px;
    bottom: -13px;
    left: 27px;
    width: 1px;
    background: linear-gradient( to bottom, rgba(79, 140, 255, .42), rgba(71, 85, 105, .22));
}

.evolution-timeline button:last-child .evolution-timeline-line[b-34p7aox416] {
    display: none;
}

.evolution-timeline button > i[b-34p7aox416] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(79, 140, 255, .24);
    border-radius: 10px;
    color: #8db4ff;
    background: #0a1528;
    z-index: 1;
}

.evolution-timeline button > span:not(.evolution-timeline-line)[b-34p7aox416] {
    min-width: 0;
    padding-top: 1px;
}

.evolution-timeline button small[b-34p7aox416],
.evolution-timeline button strong[b-34p7aox416],
.evolution-timeline button p[b-34p7aox416] {
    display: block;
}

.evolution-timeline button small[b-34p7aox416] {
    color: #718198;
    font-size: 8px;
    line-height: 1.2;
}

.evolution-timeline button strong[b-34p7aox416] {
    margin-top: 4px;
    color: #dce6f3;
    font-size: 11px;
    line-height: 1.35;
}

.evolution-timeline button p[b-34p7aox416] {
    max-width: 680px;
    margin: 5px 0 0;
    color: #7e8fa5;
    font-size: 9px;
    line-height: 1.5;
}

.evolution-timeline button > b[b-34p7aox416] {
    align-self: center;
    max-width: 230px;
    padding: 7px 9px;
    border: 1px solid rgba(71, 85, 105, .24);
    border-radius: 8px;
    color: #9eb0c7;
    background: rgba(15, 23, 42, .48);
    font-size: 8px;
    line-height: 1.35;
    text-align: right;
    white-space: normal;
}

.evolution-streak-grid[b-34p7aox416] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 12px 14px;
}

    .evolution-streak-grid button[b-34p7aox416] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 7px 9px;
        min-height: 124px;
        padding: 10px;
        border: 1px solid rgba(71, 85, 105, .34);
        border-radius: 12px;
        color: inherit;
        background: rgba(4, 10, 23, .37);
        cursor: pointer;
        text-align: left;
    }

        .evolution-streak-grid button:disabled[b-34p7aox416] {
            cursor: default;
        }

        .evolution-streak-grid button:not(:disabled):hover[b-34p7aox416] {
            transform: translateY(-1px);
            border-color: rgba(79, 140, 255, .43);
        }

        .evolution-streak-grid button > i[b-34p7aox416] {
            display: grid;
            width: 29px;
            height: 29px;
            place-items: center;
            border-radius: 9px;
            color: #8db4ff;
            background: rgba(79, 140, 255, .08);
        }

        .evolution-streak-grid button > span[b-34p7aox416] {
            align-self: center;
            color: #dce6f3;
            font-size: 9px;
            font-weight: 800;
        }

        .evolution-streak-grid button > div[b-34p7aox416] {
            padding: 7px;
            border-radius: 8px;
            background: rgba(15, 23, 42, .48);
        }

            .evolution-streak-grid button > div strong[b-34p7aox416],
            .evolution-streak-grid button > div small[b-34p7aox416] {
                display: block;
            }

            .evolution-streak-grid button > div strong[b-34p7aox416] {
                color: #f0f5fc;
                font-size: 14px;
            }

            .evolution-streak-grid button > div small[b-34p7aox416] {
                margin-top: 2px;
                color: #708198;
                font-size: 7px;
            }

        .evolution-streak-grid button p[b-34p7aox416] {
            grid-column: 1 / -1;
            margin: 0;
            color: #74859b;
            font-size: 8px;
            line-height: 1.4;
        }

.evolution-monthly-grid[b-34p7aox416] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    padding: 10px 12px 14px;
}

    .evolution-monthly-grid > button[b-34p7aox416] {
        padding: 11px;
        border: 1px solid rgba(71, 85, 105, .34);
        border-radius: 13px;
        color: inherit;
        background: rgba(4, 10, 23, .37);
        cursor: pointer;
        text-align: left;
    }

        .evolution-monthly-grid > button:hover[b-34p7aox416] {
            transform: translateY(-1px);
            border-color: rgba(79, 140, 255, .43);
        }

        .evolution-monthly-grid > button.positive[b-34p7aox416] {
            border-top: 3px solid rgba(38, 214, 155, .72);
        }

        .evolution-monthly-grid > button.blue[b-34p7aox416] {
            border-top: 3px solid rgba(79, 140, 255, .72);
        }

        .evolution-monthly-grid > button.warning[b-34p7aox416] {
            border-top: 3px solid rgba(251, 191, 36, .72);
        }

        .evolution-monthly-grid > button.negative[b-34p7aox416] {
            border-top: 3px solid rgba(251, 113, 133, .72);
        }

        .evolution-monthly-grid > button > header[b-34p7aox416] {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 10px;
        }

            .evolution-monthly-grid > button > header span[b-34p7aox416],
            .evolution-monthly-grid > button > header small[b-34p7aox416] {
                display: block;
            }

            .evolution-monthly-grid > button > header span[b-34p7aox416] {
                color: #dce6f3;
                font-size: 10px;
                font-weight: 800;
            }

            .evolution-monthly-grid > button > header small[b-34p7aox416] {
                margin-top: 3px;
                color: #718198;
                font-size: 8px;
            }

            .evolution-monthly-grid > button > header > strong[b-34p7aox416] {
                display: grid;
                width: 40px;
                height: 40px;
                place-items: center;
                border-radius: 12px;
                color: #edf4fc;
                background: rgba(79, 140, 255, .1);
                font-size: 15px;
            }

.evolution-grade-grid[b-34p7aox416] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 10px;
}

.evolution-grade[b-34p7aox416] {
    padding: 7px;
    border-radius: 8px;
    background: rgba(15, 23, 42, .48);
}

    .evolution-grade.outcome[b-34p7aox416] {
        border: 1px dashed rgba(251, 191, 36, .25);
    }

    .evolution-grade span[b-34p7aox416],
    .evolution-grade strong[b-34p7aox416] {
        display: block;
    }

    .evolution-grade span[b-34p7aox416] {
        color: #718198;
        font-size: 7px;
    }

    .evolution-grade strong[b-34p7aox416] {
        margin-top: 3px;
        color: #dbe5f2;
        font-size: 10px;
    }

.evolution-monthly-grid dl[b-34p7aox416] {
    display: grid;
    gap: 7px;
    margin: 10px 0 0;
}

    .evolution-monthly-grid dl > div[b-34p7aox416] {
        padding: 7px;
        border-radius: 8px;
        background: rgba(15, 23, 42, .34);
    }

.evolution-monthly-grid dt[b-34p7aox416] {
    color: #718198;
    font-size: 7px;
    text-transform: uppercase;
}

.evolution-monthly-grid dd[b-34p7aox416] {
    margin: 3px 0 0;
    color: #aebdd0;
    font-size: 8px;
    line-height: 1.4;
}

.evolution-milestone-grid[b-34p7aox416] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    padding: 10px 12px 14px;
}

    .evolution-milestone-grid button[b-34p7aox416] {
        min-height: 172px;
        padding: 11px;
        border: 1px solid rgba(71, 85, 105, .34);
        border-radius: 13px;
        color: inherit;
        background: radial-gradient(circle at 100% 0, rgba(79, 140, 255, .07), transparent 42%), rgba(4, 10, 23, .37);
        cursor: pointer;
        text-align: left;
    }

        .evolution-milestone-grid button:disabled[b-34p7aox416] {
            cursor: default;
        }

        .evolution-milestone-grid button:not(:disabled):hover[b-34p7aox416] {
            transform: translateY(-1px);
            border-color: rgba(79, 140, 255, .43);
        }

        .evolution-milestone-grid button.achieved[b-34p7aox416] {
            border-color: rgba(38, 214, 155, .27);
        }

        .evolution-milestone-grid button.locked[b-34p7aox416] {
            opacity: .82;
        }

        .evolution-milestone-grid button > div:first-child[b-34p7aox416] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
        }

            .evolution-milestone-grid button > div:first-child > i[b-34p7aox416] {
                display: grid;
                width: 31px;
                height: 31px;
                place-items: center;
                border-radius: 10px;
                color: #8db4ff;
                background: rgba(79, 140, 255, .09);
            }

.evolution-achieved[b-34p7aox416] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border-radius: 999px;
    color: #6ee7b7;
    background: rgba(38, 214, 155, .08);
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
}

.evolution-milestone-grid button > span[b-34p7aox416] {
    display: block;
    margin-top: 11px;
    color: #e3ecf7;
    font-size: 10px;
    font-weight: 800;
}

.evolution-milestone-grid button > p[b-34p7aox416] {
    margin: 5px 0 0;
    color: #74859b;
    font-size: 8px;
    line-height: 1.45;
}

.evolution-milestone-progress[b-34p7aox416] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

    .evolution-milestone-progress i[b-34p7aox416] {
        display: block;
        overflow: hidden;
        flex: 1;
        height: 5px;
        border-radius: 999px;
        background: rgba(71, 85, 105, .4);
    }

        .evolution-milestone-progress i b[b-34p7aox416] {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, #4f8cff, #26d69b);
        }

    .evolution-milestone-progress strong[b-34p7aox416] {
        color: #a9b8cc;
        font-size: 8px;
    }

.evolution-milestone-grid button > small[b-34p7aox416] {
    display: block;
    margin-top: 7px;
    color: #6f8096;
    font-size: 7px;
}

.evolution-empty[b-34p7aox416] {
    padding: 34px 16px;
    color: #7d8da3;
    font-size: 11px;
    text-align: center;
}

.evolution-drawer-backdrop[b-34p7aox416] {
    position: fixed;
    inset: 0;
    z-index: 2400;
    background: rgba(0, 0, 0, .58);
    backdrop-filter: blur(2px);
}

.evolution-drawer[b-34p7aox416] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2401;
    display: flex;
    width: min(660px, 95vw);
    flex-direction: column;
    border-left: 1px solid rgba(71, 85, 105, .52);
    color: #dce6f3;
    background: radial-gradient(circle at 100% 0, rgba(79, 140, 255, .09), transparent 28%), #07101f;
    box-shadow: -28px 0 70px rgba(0, 0, 0, .38);
    animation: evolution-drawer-in-b-34p7aox416 180ms ease-out;
}

@keyframes evolution-drawer-in-b-34p7aox416 {
    from {
        opacity: 0;
        transform: translateX(22px);
    }

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

.evolution-drawer > header[b-34p7aox416] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    border-bottom: 1px solid rgba(71, 85, 105, .4);
}

    .evolution-drawer > header span[b-34p7aox416] {
        color: #65dcae;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: .11em;
        text-transform: uppercase;
    }

    .evolution-drawer > header h3[b-34p7aox416] {
        margin: 5px 0 0;
        color: #f2f7fd;
        font-size: 19px;
        font-weight: 820;
    }

    .evolution-drawer > header p[b-34p7aox416] {
        margin: 5px 0 0;
        color: #8494aa;
        font-size: 10px;
        line-height: 1.45;
    }

    .evolution-drawer > header button[b-34p7aox416] {
        display: grid;
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 1px solid rgba(71, 85, 105, .45);
        border-radius: 10px;
        color: #b6c3d3;
        background: rgba(15, 23, 42, .54);
        cursor: pointer;
    }

.evolution-drawer-loading[b-34p7aox416],
.evolution-drawer-error[b-34p7aox416] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #8fa0b8;
}

.evolution-drawer-error[b-34p7aox416] {
    color: #fecdd3;
}

.evolution-drawer-summary[b-34p7aox416] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(71, 85, 105, .34);
}

    .evolution-drawer-summary > div[b-34p7aox416] {
        padding: 10px;
        border-radius: 10px;
        background: rgba(15, 23, 42, .55);
    }

    .evolution-drawer-summary span[b-34p7aox416],
    .evolution-drawer-summary strong[b-34p7aox416] {
        display: block;
    }

    .evolution-drawer-summary span[b-34p7aox416] {
        color: #75869c;
        font-size: 8px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .evolution-drawer-summary strong[b-34p7aox416] {
        margin-top: 4px;
        font-size: 14px;
    }

.evolution-drawer-trades[b-34p7aox416] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 10px 14px 18px;
}

    .evolution-drawer-trades article[b-34p7aox416] {
        margin-top: 8px;
        padding: 12px;
        border: 1px solid rgba(71, 85, 105, .36);
        border-radius: 12px;
        background: rgba(12, 22, 41, .65);
    }

.evolution-trade-head[b-34p7aox416] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

    .evolution-trade-head strong[b-34p7aox416],
    .evolution-trade-head span[b-34p7aox416],
    .evolution-trade-head b[b-34p7aox416],
    .evolution-trade-head small[b-34p7aox416] {
        display: block;
    }

    .evolution-trade-head strong[b-34p7aox416] {
        color: #e2ebf6;
        font-size: 11px;
    }

    .evolution-trade-head span[b-34p7aox416] {
        margin-top: 3px;
        color: #77889e;
        font-size: 9px;
    }

    .evolution-trade-head > div:last-child[b-34p7aox416] {
        text-align: right;
    }

    .evolution-trade-head b[b-34p7aox416] {
        font-size: 12px;
    }

    .evolution-trade-head small[b-34p7aox416] {
        margin-top: 3px;
        font-size: 9px;
    }

.evolution-drawer-trades dl[b-34p7aox416] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(110px, .8fr) minmax(120px, 1fr);
    gap: 8px;
    margin: 11px 0 0;
}

    .evolution-drawer-trades dl > div[b-34p7aox416] {
        min-width: 0;
    }

.evolution-drawer-trades dt[b-34p7aox416] {
    color: #6f8096;
    font-size: 8px;
}

.evolution-drawer-trades dd[b-34p7aox416] {
    overflow: hidden;
    margin: 3px 0 0;
    color: #b9c6d6;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.evolution-drawer-limit[b-34p7aox416] {
    margin: 0;
    padding: 8px 16px;
    color: #718198;
    font-size: 9px;
    text-align: center;
}

.positive[b-34p7aox416] {
    color: var(--ev-positive) !important;
}

.negative[b-34p7aox416] {
    color: var(--ev-negative) !important;
}

.warning[b-34p7aox416] {
    color: var(--ev-warning) !important;
}

.blue[b-34p7aox416] {
    color: var(--ev-blue) !important;
}

.neutral[b-34p7aox416] {
    color: #9cabbf !important;
}

@media (max-width: 1320px) {
    .evolution-hero[b-34p7aox416] {
        grid-template-columns: auto 1fr;
    }

    .evolution-hero-metrics[b-34p7aox416] {
        grid-column: 1 / -1;
    }

    .evolution-top-grid[b-34p7aox416],
    .evolution-middle-grid[b-34p7aox416] {
        grid-template-columns: 1fr;
    }

    .evolution-monthly-grid[b-34p7aox416] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .evolution-milestone-grid[b-34p7aox416] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .evolution-comparison-table[b-34p7aox416] {
        overflow-x: auto;
    }

    .evolution-comparison-header[b-34p7aox416],
    .evolution-comparison-row[b-34p7aox416] {
        min-width: 760px;
    }

    .evolution-milestone-grid[b-34p7aox416] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .evolution-hero[b-34p7aox416] {
        grid-template-columns: 1fr;
    }

    .evolution-hero-icon[b-34p7aox416] {
        display: none;
    }

    .evolution-hero-metrics[b-34p7aox416],
    .evolution-monthly-grid[b-34p7aox416],
    .evolution-milestone-grid[b-34p7aox416],
    .evolution-streak-grid[b-34p7aox416] {
        grid-template-columns: 1fr;
    }

    .evolution-panel > header[b-34p7aox416] {
        align-items: flex-start;
        flex-direction: column;
    }

    .evolution-regression-list button[b-34p7aox416] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

        .evolution-regression-list button > span:nth-child(3)[b-34p7aox416] {
            grid-column: 2 / -1;
        }

    .evolution-timeline button[b-34p7aox416] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

        .evolution-timeline button > b[b-34p7aox416] {
            grid-column: 2;
            justify-self: start;
            max-width: 100%;
            text-align: left;
        }

    .evolution-drawer-summary[b-34p7aox416],
    .evolution-drawer-trades dl[b-34p7aox416] {
        grid-template-columns: 1fr;
    }

    .evolution-chart[b-34p7aox416] {
        height: 270px;
    }
}
/* /Components/Pages/Reports/PerformanceIntelligence.razor.rz.scp.css */
.pi-page[b-iooc7uiptd] {
    --pi-bg: #050b18;
    --pi-panel: rgba(12, 22, 41, 0.9);
    --pi-panel-strong: #0d172b;
    --pi-border: rgba(71, 85, 105, 0.42);
    --pi-text: #edf4ff;
    --pi-muted: #8fa0b8;
    --pi-positive: #26d69b;
    --pi-negative: #fb7185;
    --pi-warning: #fbbf24;
    --pi-blue: #4f8cff;
    min-height: calc(100dvh - 72px);
    padding: 22px;
    color: var(--pi-text);
    background: radial-gradient(circle at 75% -15%, rgba(79, 140, 255, 0.1), transparent 30%), radial-gradient(circle at 12% 0%, rgba(38, 214, 155, 0.045), transparent 25%);
}

.pi-header[b-iooc7uiptd],
.pi-section-nav[b-iooc7uiptd],
.pi-filter-panel[b-iooc7uiptd],
.pi-section[b-iooc7uiptd],
.pi-chart-grid[b-iooc7uiptd],
.pi-bottom-grid[b-iooc7uiptd],
.pi-loading[b-iooc7uiptd],
.pi-error[b-iooc7uiptd] {
    max-width: 1680px;
    margin-inline: auto;
}

.pi-header[b-iooc7uiptd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.pi-eyebrow[b-iooc7uiptd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7da8ff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.pi-header h1[b-iooc7uiptd] {
    margin: 7px 0 0;
    color: #f8fbff;
    font-size: clamp(25px, 2.5vw, 38px);
    font-weight: 850;
    letter-spacing: -0.035em;
}

.pi-header p[b-iooc7uiptd] {
    margin: 7px 0 0;
    color: var(--pi-muted);
    font-size: 13px;
}

.pi-header-actions[b-iooc7uiptd] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.pi-range-button[b-iooc7uiptd],
.pi-filter-toggle[b-iooc7uiptd],
.pi-button[b-iooc7uiptd] {
    border: 1px solid var(--pi-border);
    color: #cbd7e8;
    background: rgba(15, 23, 42, 0.72);
    cursor: pointer;
    transition: 150ms ease;
}

.pi-range-button[b-iooc7uiptd] {
    min-width: 46px;
    height: 34px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 800;
}

.pi-filter-toggle[b-iooc7uiptd] {
    display: inline-flex;
    height: 36px;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 750;
}

    .pi-range-button:hover[b-iooc7uiptd],
    .pi-filter-toggle:hover[b-iooc7uiptd],
    .pi-filter-toggle.active[b-iooc7uiptd] {
        border-color: rgba(79, 140, 255, 0.58);
        color: #fff;
        background: rgba(79, 140, 255, 0.12);
    }

.pi-section-nav[b-iooc7uiptd] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    gap: 26px;
    overflow-x: auto;
    margin-top: 18px;
    border-bottom: 1px solid rgba(71, 85, 105, 0.35);
    background: rgba(5, 11, 24, 0.94);
    backdrop-filter: blur(12px);
}

    .pi-section-nav a[b-iooc7uiptd] {
        position: relative;
        flex: 0 0 auto;
        padding: 12px 2px;
        color: #9aabc1;
        font-size: 11px;
        font-weight: 750;
        text-decoration: none;
    }

        .pi-section-nav a:hover[b-iooc7uiptd],
        .pi-section-nav a.active[b-iooc7uiptd] {
            color: #6ca4ff;
        }

        .pi-section-nav a[b-iooc7uiptd]::after {
            position: absolute;
            right: 0;
            bottom: -1px;
            left: 0;
            height: 2px;
            border-radius: 999px;
            background: #4f8cff;
            content: "";
            opacity: 0;
            transform: scaleX(.35);
            transition: opacity 150ms ease, transform 150ms ease;
        }

        .pi-section-nav a.active[b-iooc7uiptd]::after {
            opacity: 1;
            transform: scaleX(1);
        }

    .pi-section-nav span[b-iooc7uiptd] {
        margin-left: 5px;
        padding: 2px 5px;
        border-radius: 5px;
        color: #03101a;
        background: #22d3ee;
        font-size: 7px;
        font-weight: 900;
        text-transform: uppercase;
    }


/* Shared anchor offset for sticky section navigation. */
#overview[b-iooc7uiptd],
#edge[b-iooc7uiptd],
#discipline[b-iooc7uiptd],
#patterns[b-iooc7uiptd],
#consistency[b-iooc7uiptd],
#evolution[b-iooc7uiptd],
#actions[b-iooc7uiptd],
#validation[b-iooc7uiptd],
#risk[b-iooc7uiptd],
#history[b-iooc7uiptd] {
    scroll-margin-top: 72px;
}

.pi-filter-panel[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr)) auto;
    gap: 10px;
    margin-top: 13px;
    padding: 13px;
    border: 1px solid var(--pi-border);
    border-radius: 15px;
    background: rgba(12, 22, 41, 0.82);
}

    .pi-filter-panel label span[b-iooc7uiptd] {
        display: block;
        margin-bottom: 5px;
        color: #72839a;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 0.09em;
        text-transform: uppercase;
    }

    .pi-filter-panel input[b-iooc7uiptd],
    .pi-filter-panel select[b-iooc7uiptd] {
        width: 100%;
        height: 36px;
        padding: 0 10px;
        border: 1px solid rgba(71, 85, 105, 0.45);
        border-radius: 10px;
        color: #e8eff9;
        background: rgba(2, 6, 23, 0.48);
        font-size: 10px;
        outline: none;
    }

.pi-filter-actions[b-iooc7uiptd] {
    display: flex;
    align-items: flex-end;
    gap: 7px;
}

.pi-button[b-iooc7uiptd] {
    display: inline-flex;
    height: 36px;
    align-items: center;
    gap: 7px;
    padding: 0 13px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 800;
}

    .pi-button.primary[b-iooc7uiptd] {
        border-color: #4f8cff;
        color: #fff;
        background: #3f73ea;
    }

.pi-loading[b-iooc7uiptd],
.pi-error[b-iooc7uiptd] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #9aabc1;
}

.pi-error[b-iooc7uiptd] {
    margin-top: 18px;
    min-height: 90px;
    border: 1px solid rgba(251, 113, 133, 0.3);
    border-radius: 15px;
    color: #fecdd3;
    background: rgba(127, 29, 29, 0.12);
}

.pi-spinner[b-iooc7uiptd] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(148, 163, 184, 0.25);
    border-top-color: #4f8cff;
    border-radius: 50%;
    animation: pi-spin-b-iooc7uiptd 0.8s linear infinite;
}

@keyframes pi-spin-b-iooc7uiptd {
    to {
        transform: rotate(360deg);
    }
}

.pi-section[b-iooc7uiptd] {
    scroll-margin-top: 62px;
}

.pi-period-context[b-iooc7uiptd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    color: #708198;
    font-size: 9px;
}

    .pi-period-context span:first-child[b-iooc7uiptd] {
        color: #b5c2d3;
        font-weight: 700;
    }

.pi-kpis[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.pi-kpi[b-iooc7uiptd] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 112px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    overflow: hidden;
    padding: 14px;
    border: 1px solid var(--pi-border);
    border-radius: 15px;
    background: radial-gradient(circle at 100% 0, rgba(79, 140, 255, 0.08), transparent 43%), linear-gradient(145deg, rgba(15, 25, 46, 0.97), rgba(8, 16, 31, 0.95));
}

    .pi-kpi > div[b-iooc7uiptd] {
        min-width: 0;
    }

    .pi-kpi span[b-iooc7uiptd],
    .pi-kpi strong[b-iooc7uiptd],
    .pi-kpi small[b-iooc7uiptd] {
        display: block;
    }

    .pi-kpi span[b-iooc7uiptd] {
        color: #718198;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .pi-kpi strong[b-iooc7uiptd] {
        overflow: hidden;
        margin-top: 6px;
        color: #edf4ff;
        font-size: 23px;
        font-weight: 850;
        letter-spacing: -0.025em;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pi-kpi small[b-iooc7uiptd] {
        overflow: hidden;
        margin-top: 7px;
        color: #77879d;
        font-size: 10px;
        line-height: 1.5;
        text-overflow: ellipsis;
    }

    .pi-kpi > i[b-iooc7uiptd] {
        display: grid;
        flex: 0 0 33px;
        width: 33px;
        height: 33px;
        place-items: center;
        border: 1px solid rgba(79, 140, 255, 0.26);
        border-radius: 50%;
        color: #6ca4ff;
        background: rgba(79, 140, 255, 0.09);
    }

    .pi-kpi.positive strong[b-iooc7uiptd] {
        color: var(--pi-positive);
    }

    .pi-kpi.negative strong[b-iooc7uiptd] {
        color: var(--pi-negative);
    }

    .pi-kpi.warning strong[b-iooc7uiptd] {
        color: var(--pi-warning);
    }

    .pi-kpi.blue strong[b-iooc7uiptd] {
        color: #5d9cff;
    }

.positive[b-iooc7uiptd] {
    color: var(--pi-positive) !important;
}

.negative[b-iooc7uiptd] {
    color: var(--pi-negative) !important;
}

.warning[b-iooc7uiptd] {
    color: var(--pi-warning) !important;
}

.neutral[b-iooc7uiptd] {
    color: #9aa8ba !important;
}

.pi-insight-grid[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, 0.7fr);
    gap: 10px;
    margin-top: 10px;
}

.pi-insight-grid--performance[b-iooc7uiptd] {
    grid-template-columns: minmax(0, 1fr);
}

.pi-insight-card[b-iooc7uiptd],
.pi-discipline-card[b-iooc7uiptd],
.pi-panel[b-iooc7uiptd] {
    border: 1px solid var(--pi-border);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(13, 24, 44, 0.95), rgba(7, 14, 28, 0.95));
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
}

.pi-insight-card[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: auto minmax(260px, 1fr) minmax(290px, 0.88fr);
    align-items: stretch;
    overflow: hidden;
}

    .pi-insight-card.positive[b-iooc7uiptd] {
        background: linear-gradient(90deg, rgba(38, 214, 155, 0.09), transparent 38%), linear-gradient(145deg, rgba(13, 24, 44, 0.95), rgba(7, 14, 28, 0.95));
    }

    .pi-insight-card.warning[b-iooc7uiptd] {
        background: linear-gradient(90deg, rgba(251, 191, 36, 0.09), transparent 38%), linear-gradient(145deg, rgba(13, 24, 44, 0.95), rgba(7, 14, 28, 0.95));
    }

    .pi-insight-card.danger[b-iooc7uiptd] {
        background: linear-gradient(90deg, rgba(251, 113, 133, 0.09), transparent 38%), linear-gradient(145deg, rgba(13, 24, 44, 0.95), rgba(7, 14, 28, 0.95));
    }

.pi-insight-icon[b-iooc7uiptd] {
    display: grid;
    width: 74px;
    place-items: start center;
    padding-top: 25px;
}

    .pi-insight-icon i[b-iooc7uiptd] {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border: 1px solid rgba(38, 214, 155, 0.24);
        border-radius: 50%;
        color: #52e6b3;
        background: rgba(38, 214, 155, 0.1);
        box-shadow: 0 0 28px rgba(38, 214, 155, 0.08);
    }

.pi-insight-copy[b-iooc7uiptd] {
    padding: 21px 10px 21px 0;
}

    .pi-insight-copy > span[b-iooc7uiptd],
    .pi-card-kicker[b-iooc7uiptd],
    .pi-panel-heading span[b-iooc7uiptd] {
        color: #65dcae;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: 0.09em;
        text-transform: uppercase;
    }

    .pi-insight-copy h2[b-iooc7uiptd] {
        margin: 6px 0 0;
        color: #f5f9ff;
        font-size: 17px;
        font-weight: 800;
    }

    .pi-insight-copy p[b-iooc7uiptd] {
        max-width: 580px;
        margin: 8px 0 0;
        color: #b0bdce;
        font-size: 10px;
        line-height: 1.7;
    }

    .pi-insight-copy a[b-iooc7uiptd] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin-top: 14px;
        padding: 8px 11px;
        border: 1px solid rgba(79, 140, 255, 0.27);
        border-radius: 9px;
        color: #7eacff;
        background: rgba(79, 140, 255, 0.08);
        font-size: 9px;
        font-weight: 800;
        text-decoration: none;
    }

.pi-highlight-list[b-iooc7uiptd] {
    margin: 0;
    padding: 15px 17px;
    border-left: 1px solid rgba(71, 85, 105, 0.32);
    background: rgba(2, 6, 23, 0.16);
}

    .pi-highlight-list > div[b-iooc7uiptd] {
        display: grid;
        grid-template-columns: minmax(100px, 0.7fr) minmax(120px, 1fr) auto;
        align-items: center;
        gap: 10px;
        min-height: 31px;
    }

    .pi-highlight-list dt[b-iooc7uiptd] {
        color: #8a9ab0;
        font-size: 10px;
    }

    .pi-highlight-list dd[b-iooc7uiptd] {
        overflow: hidden;
        margin: 0;
        color: #d1dcea;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pi-highlight-list strong[b-iooc7uiptd] {
        font-size: 11px;
    }

.pi-discipline-card[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: minmax(140px, 0.85fr) minmax(150px, 1fr);
    align-items: center;
    gap: 10px;
    padding: 16px;
}

.pi-discipline-chart[b-iooc7uiptd] {
    position: relative;
    height: 145px;
    margin-top: 4px;
}

    .pi-discipline-chart > div[b-iooc7uiptd] {
        position: absolute;
        inset: 0;
        display: grid;
        place-content: center;
        pointer-events: none;
        text-align: center;
    }

    .pi-discipline-chart strong[b-iooc7uiptd] {
        color: #42dfa9;
        font-size: 25px;
        font-weight: 850;
    }

    .pi-discipline-chart small[b-iooc7uiptd] {
        max-width: 100px;
        margin-top: 2px;
        color: #73849a;
        font-size: 9px;
    }

.pi-discipline-legend[b-iooc7uiptd] {
    display: grid;
    gap: 8px;
}

.pi-legend-row[b-iooc7uiptd] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #b1bfd1;
    font-size: 10px;
}

    .pi-legend-row span[b-iooc7uiptd] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
    }

    .pi-legend-row i[b-iooc7uiptd] {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 2px;
        background: #64748b;
    }

        .pi-legend-row i.positive[b-iooc7uiptd] {
            background: var(--pi-positive);
        }

        .pi-legend-row i.negative[b-iooc7uiptd] {
            background: var(--pi-negative);
        }

        .pi-legend-row i.warning[b-iooc7uiptd] {
            background: var(--pi-warning);
        }

.pi-coverage[b-iooc7uiptd] {
    margin-top: 6px;
    padding-top: 9px;
    border-top: 1px solid rgba(71, 85, 105, 0.32);
}

    .pi-coverage span[b-iooc7uiptd],
    .pi-coverage strong[b-iooc7uiptd] {
        display: block;
    }

    .pi-coverage span[b-iooc7uiptd] {
        color: #73849a;
        font-size: 9px;
    }

    .pi-coverage strong[b-iooc7uiptd] {
        margin-top: 4px;
        color: #d3deeb;
        font-size: 10px;
    }

.pi-chart-grid[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.9fr) minmax(350px, 1.15fr);
    gap: 10px;
    margin-top: 10px;
}

.pi-chart-grid--performance[b-iooc7uiptd] {
    grid-template-columns: minmax(0, 1.35fr) minmax(350px, 1fr);
}

.pi-panel[b-iooc7uiptd] {
    min-width: 0;
    overflow: hidden;
    scroll-margin-top: 62px;
}

.pi-panel-heading[b-iooc7uiptd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 14px 0;
}

    .pi-panel-heading h2[b-iooc7uiptd] {
        margin: 3px 0 0;
        color: #e9f1fc;
        font-size: 14px;
        font-weight: 800;
    }

.pi-chart-legend[b-iooc7uiptd] {
    display: flex;
    gap: 12px;
    color: #8190a5;
    font-size: 9px;
}

    .pi-chart-legend span[b-iooc7uiptd] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .pi-chart-legend i[b-iooc7uiptd] {
        width: 8px;
        height: 4px;
        border-radius: 3px;
    }

        .pi-chart-legend i.equity[b-iooc7uiptd] {
            background: #4f8cff;
        }

        .pi-chart-legend i.drawdown[b-iooc7uiptd] {
            background: #fb7185;
        }

.pi-chart-large[b-iooc7uiptd] {
    height: 285px;
    padding: 7px 8px 8px;
}

.pi-chart-medium[b-iooc7uiptd] {
    height: 235px;
    padding: 8px 10px 12px;
}

.pi-chart-note[b-iooc7uiptd] {
    margin: -2px 0 11px;
    color: #718198;
    font-size: 10px;
    line-height: 1.45;
    text-align: center;
}

.pi-r-stats[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border-top: 1px solid rgba(71, 85, 105, 0.3);
}

    .pi-r-stats > div[b-iooc7uiptd] {
        padding: 9px 7px;
        text-align: center;
    }

    .pi-r-stats span[b-iooc7uiptd],
    .pi-r-stats strong[b-iooc7uiptd] {
        display: block;
    }

    .pi-r-stats span[b-iooc7uiptd] {
        color: #74849a;
        font-size: 9px;
    }

    .pi-r-stats strong[b-iooc7uiptd] {
        margin-top: 4px;
        font-size: 11px;
    }

.pi-bottom-grid[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.75fr) minmax(250px, 0.65fr);
    gap: 10px;
    margin-top: 10px;
    padding-bottom: 24px;
}

.pi-bottom-grid--performance[b-iooc7uiptd] {
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.75fr);
}

.pi-edge-records-grid--performance[b-iooc7uiptd] {
    grid-template-columns: minmax(0, 1fr);
}

.pi-table-wrap[b-iooc7uiptd] {
    overflow-x: auto;
    padding: 7px 12px 12px;
}

    .pi-table-wrap table[b-iooc7uiptd] {
        width: 100%;
        min-width: 720px;
        border-collapse: collapse;
    }

    .pi-table-wrap th[b-iooc7uiptd] {
        padding: 11px 10px;
        color: #8293aa;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.07em;
        text-align: left;
        text-transform: uppercase;
    }

    .pi-table-wrap td[b-iooc7uiptd] {
        padding: 12px 10px;
        border-top: 1px solid rgba(51, 65, 85, 0.4);
        color: #cbd6e5;
        font-size: 11px;
    }

.pi-playbook-name[b-iooc7uiptd] {
    display: flex;
    align-items: center;
    gap: 9px;
}

    .pi-playbook-name .rank[b-iooc7uiptd] {
        display: grid;
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 8px;
        color: #a9b8cc;
        background: rgba(51, 65, 85, 0.34);
        font-size: 10px;
        font-weight: 850;
    }

    .pi-playbook-name strong[b-iooc7uiptd],
    .pi-playbook-name small[b-iooc7uiptd] {
        display: block;
    }

    .pi-playbook-name strong[b-iooc7uiptd] {
        color: #e3ebf6;
        font-size: 11px;
    }

    .pi-playbook-name small[b-iooc7uiptd] {
        margin-top: 2px;
        color: #66778f;
        font-size: 9px;
    }

.pi-discipline-cell[b-iooc7uiptd] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .pi-discipline-cell i[b-iooc7uiptd] {
        overflow: hidden;
        width: 54px;
        height: 4px;
        border-radius: 99px;
        background: rgba(71, 85, 105, 0.42);
    }

    .pi-discipline-cell b[b-iooc7uiptd] {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #25d69a, #55e9b8);
    }

.pi-review-list[b-iooc7uiptd] {
    padding: 7px 10px 12px;
}

    .pi-review-list a[b-iooc7uiptd] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 9px;
        min-height: 45px;
        padding: 8px;
        border-bottom: 1px solid rgba(51, 65, 85, 0.4);
        color: inherit;
        text-decoration: none;
    }

    .pi-review-list > a > i[b-iooc7uiptd] {
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 9px;
        color: #a78bfa;
        background: rgba(139, 92, 246, 0.1);
    }

    .pi-review-list strong[b-iooc7uiptd],
    .pi-review-list span[b-iooc7uiptd] {
        display: block;
    }

    .pi-review-list strong[b-iooc7uiptd] {
        overflow: hidden;
        color: #e1e9f4;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pi-review-list span[b-iooc7uiptd] {
        margin-top: 2px;
        color: #6e7e94;
        font-size: 9px;
    }

    .pi-review-list b[b-iooc7uiptd] {
        color: #7ca8ff;
        font-size: 9px;
    }

.pi-empty[b-iooc7uiptd] {
    padding: 28px 14px;
    color: #718198;
    font-size: 9px;
    text-align: center;
}

@media (max-width: 1380px) {
    .pi-kpis[b-iooc7uiptd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pi-chart-grid[b-iooc7uiptd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .pi-chart-grid > :last-child[b-iooc7uiptd] {
            grid-column: 1 / -1;
        }

    .pi-bottom-grid[b-iooc7uiptd] {
        grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
    }

    .pi-reviews[b-iooc7uiptd] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1080px) {
    .pi-filter-panel[b-iooc7uiptd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pi-filter-actions[b-iooc7uiptd] {
        align-items: center;
    }

    .pi-insight-grid[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-insight-card[b-iooc7uiptd] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .pi-highlight-list[b-iooc7uiptd] {
        grid-column: 1 / -1;
        border-top: 1px solid rgba(71, 85, 105, 0.32);
        border-left: 0;
    }
}

@media (max-width: 780px) {
    .pi-page[b-iooc7uiptd] {
        padding: 14px;
    }

    .pi-header[b-iooc7uiptd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pi-header-actions[b-iooc7uiptd] {
        justify-content: flex-start;
    }

    .pi-kpis[b-iooc7uiptd],
    .pi-chart-grid[b-iooc7uiptd],
    .pi-bottom-grid[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

        .pi-chart-grid > :last-child[b-iooc7uiptd],
        .pi-reviews[b-iooc7uiptd] {
            grid-column: auto;
        }

    .pi-discipline-card[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-filter-panel[b-iooc7uiptd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pi-period-context[b-iooc7uiptd] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .pi-kpis[b-iooc7uiptd],
    .pi-filter-panel[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-insight-card[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-insight-icon[b-iooc7uiptd] {
        display: none;
    }

    .pi-insight-copy[b-iooc7uiptd] {
        padding: 17px;
    }

    .pi-highlight-list > div[b-iooc7uiptd] {
        grid-template-columns: 1fr auto;
    }

    .pi-highlight-list dd[b-iooc7uiptd] {
        display: none;
    }

    .pi-r-stats[b-iooc7uiptd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pi-chart-large[b-iooc7uiptd] {
        height: 220px;
    }
}


/* Performance Intelligence readability pass */
.pi-panel-heading span[b-iooc7uiptd],
.pi-card-kicker[b-iooc7uiptd],
.pi-insight-copy > span[b-iooc7uiptd] {
    font-size: 10px;
}

.pi-chart-legend[b-iooc7uiptd] {
    font-size: 9px;
}

.pi-table-wrap table[b-iooc7uiptd] {
    min-width: 860px;
}

.pi-table-wrap th[b-iooc7uiptd] {
    line-height: 1.35;
}

.pi-table-wrap td[b-iooc7uiptd] {
    line-height: 1.45;
}

.pi-discipline-cell[b-iooc7uiptd] {
    min-width: 105px;
}

    .pi-discipline-cell i[b-iooc7uiptd] {
        width: 64px;
        height: 5px;
    }

.pi-review-list a[b-iooc7uiptd] {
    min-height: 56px;
}

@media (max-width: 780px) {
    .pi-chart-large[b-iooc7uiptd] {
        height: 260px;
    }

    .pi-chart-medium[b-iooc7uiptd] {
        height: 225px;
    }
}


/* ================================================================
   Batch 2: behavioural patterns, rule heatmap, evolution, drill-down
   ================================================================ */

.pi-section-heading[b-iooc7uiptd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin: 18px 0 10px;
}

    .pi-section-heading span[b-iooc7uiptd] {
        color: #65dcae;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: 0.11em;
        text-transform: uppercase;
    }

    .pi-section-heading h2[b-iooc7uiptd] {
        margin: 5px 0 0;
        color: #f3f7fd;
        font-size: 20px;
        font-weight: 820;
        letter-spacing: -0.025em;
    }

    .pi-section-heading p[b-iooc7uiptd] {
        max-width: 760px;
        margin: 6px 0 0;
        color: #8999ae;
        font-size: 11px;
        line-height: 1.6;
    }

.pi-patterns-section[b-iooc7uiptd] {
    max-width: 1680px;
    margin-inline: auto;
    scroll-margin-top: 62px;
}

.pi-pattern-grid[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: minmax(340px, 0.9fr) minmax(390px, 1.05fr) minmax(390px, 1.05fr);
    gap: 10px;
}

.pi-pattern-grid-secondary[b-iooc7uiptd] {
    grid-template-columns: minmax(0, 1.65fr) minmax(350px, 0.75fr);
    margin-top: 10px;
}

.pi-panel-heading > small[b-iooc7uiptd] {
    color: #73849a;
    font-size: 9px;
}

.pi-luck-grid[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
}

.pi-luck-card[b-iooc7uiptd] {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(71, 85, 105, 0.4);
    border-radius: 13px;
    color: #dbe5f3;
    background: rgba(4, 10, 23, 0.44);
    cursor: pointer;
    text-align: left;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

    .pi-luck-card:hover[b-iooc7uiptd] {
        transform: translateY(-2px);
        border-color: rgba(79, 140, 255, 0.45);
        background: rgba(15, 27, 49, 0.78);
    }

    .pi-luck-card > div[b-iooc7uiptd] {
        display: flex;
        align-items: center;
        gap: 7px;
    }

        .pi-luck-card > div i[b-iooc7uiptd] {
            display: grid;
            width: 27px;
            height: 27px;
            place-items: center;
            border-radius: 8px;
            color: #93a4bb;
            background: rgba(71, 85, 105, 0.22);
        }

        .pi-luck-card > div span[b-iooc7uiptd] {
            font-size: 11px;
            font-weight: 800;
        }

    .pi-luck-card strong[b-iooc7uiptd],
    .pi-luck-card b[b-iooc7uiptd],
    .pi-luck-card small[b-iooc7uiptd] {
        display: block;
    }

    .pi-luck-card strong[b-iooc7uiptd] {
        margin-top: 12px;
        color: #f0f5fc;
        font-size: 17px;
        font-weight: 820;
    }

    .pi-luck-card b[b-iooc7uiptd] {
        margin-top: 3px;
        font-size: 11px;
    }

    .pi-luck-card small[b-iooc7uiptd] {
        margin-top: 8px;
        color: #7d8da2;
        font-size: 9px;
        line-height: 1.35;
    }

    .pi-luck-card.positive[b-iooc7uiptd] {
        border-color: rgba(38, 214, 155, 0.22);
        background: linear-gradient( 145deg, rgba(38, 214, 155, 0.075), rgba(4, 10, 23, 0.5));
    }

    .pi-luck-card.warning[b-iooc7uiptd] {
        border-color: rgba(251, 191, 36, 0.22);
        background: linear-gradient( 145deg, rgba(251, 191, 36, 0.07), rgba(4, 10, 23, 0.5));
    }

    .pi-luck-card.negative[b-iooc7uiptd] {
        border-color: rgba(251, 113, 133, 0.22);
        background: linear-gradient( 145deg, rgba(251, 113, 133, 0.07), rgba(4, 10, 23, 0.5));
    }

    .pi-luck-card.blue[b-iooc7uiptd] {
        border-color: rgba(79, 140, 255, 0.22);
        background: linear-gradient( 145deg, rgba(79, 140, 255, 0.07), rgba(4, 10, 23, 0.5));
    }

.pi-leak-list[b-iooc7uiptd] {
    padding: 8px 10px 12px;
}

    .pi-leak-list button[b-iooc7uiptd] {
        display: grid;
        width: 100%;
        grid-template-columns: auto minmax(0, 1fr) auto auto;
        align-items: center;
        gap: 10px;
        min-height: 54px;
        padding: 8px;
        border: 0;
        border-bottom: 1px solid rgba(51, 65, 85, 0.38);
        color: inherit;
        background: transparent;
        cursor: pointer;
        text-align: left;
        transition: background 150ms ease;
    }

        .pi-leak-list button:hover[b-iooc7uiptd] {
            border-radius: 9px;
            background: rgba(79, 140, 255, 0.06);
        }

.pi-leak-rank[b-iooc7uiptd] {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border: 1px solid rgba(251, 113, 133, 0.22);
    border-radius: 9px;
    color: #fda4af;
    background: rgba(251, 113, 133, 0.08);
    font-size: 11px;
    font-weight: 850;
}

.pi-leak-copy[b-iooc7uiptd] {
    min-width: 0;
}

    .pi-leak-copy strong[b-iooc7uiptd],
    .pi-leak-copy small[b-iooc7uiptd],
    .pi-leak-impact b[b-iooc7uiptd],
    .pi-leak-impact small[b-iooc7uiptd] {
        display: block;
    }

    .pi-leak-copy strong[b-iooc7uiptd] {
        overflow: hidden;
        color: #dce6f3;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pi-leak-copy small[b-iooc7uiptd] {
        overflow: hidden;
        margin-top: 3px;
        color: #75869d;
        font-size: 9px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.pi-leak-impact[b-iooc7uiptd] {
    min-width: 62px;
    text-align: right;
}

    .pi-leak-impact b[b-iooc7uiptd] {
        font-size: 11px;
    }

    .pi-leak-impact small[b-iooc7uiptd] {
        margin-top: 2px;
        color: #73849a;
        font-size: 8px;
    }

.pi-leak-list button > i[b-iooc7uiptd] {
    color: #586a82;
    font-size: 10px;
}

.pi-emotion-table[b-iooc7uiptd] {
    padding: 8px 10px 12px;
}

    .pi-emotion-header[b-iooc7uiptd],
    .pi-emotion-table button[b-iooc7uiptd] {
        display: grid;
        grid-template-columns: minmax(110px, 1.1fr) 55px minmax(135px, 1fr) 65px;
        align-items: center;
        gap: 9px;
    }

.pi-emotion-header[b-iooc7uiptd] {
    padding: 7px 8px;
    color: #6f8097;
    font-size: 8px;
    font-weight: 820;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.pi-emotion-table button[b-iooc7uiptd] {
    width: 100%;
    min-height: 43px;
    padding: 8px;
    border: 0;
    border-top: 1px solid rgba(51, 65, 85, 0.35);
    color: #b9c6d7;
    background: transparent;
    cursor: pointer;
    font-size: 10px;
    text-align: left;
}

    .pi-emotion-table button:hover[b-iooc7uiptd] {
        border-radius: 8px;
        background: rgba(79, 140, 255, 0.06);
    }

    .pi-emotion-table button strong[b-iooc7uiptd] {
        overflow: hidden;
        color: #dce6f3;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pi-emotion-table button > span:nth-child(3)[b-iooc7uiptd] {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .pi-emotion-table button i[b-iooc7uiptd] {
        overflow: hidden;
        width: 58px;
        height: 5px;
        border-radius: 999px;
        background: rgba(71, 85, 105, 0.4);
    }

        .pi-emotion-table button i b[b-iooc7uiptd] {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, #fbbf24, #fb7185);
        }

.pi-heatmap-scroll[b-iooc7uiptd] {
    overflow-x: auto;
    padding: 10px 12px 14px;
}

.pi-rule-heatmap[b-iooc7uiptd] {
    display: grid;
    min-width: 790px;
    grid-template-columns: minmax(250px, 1.6fr) repeat(var(--pi-week-count), minmax(54px, 0.5fr));
    gap: 5px;
    align-items: stretch;
}

.pi-heatmap-corner[b-iooc7uiptd],
.pi-heatmap-week[b-iooc7uiptd] {
    display: flex;
    min-height: 33px;
    align-items: center;
    color: #74859c;
    font-size: 8px;
    font-weight: 820;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pi-heatmap-week[b-iooc7uiptd] {
    justify-content: center;
    text-align: center;
}

.pi-heatmap-rule[b-iooc7uiptd] {
    display: flex;
    min-width: 0;
    min-height: 48px;
    justify-content: center;
    flex-direction: column;
    padding: 7px 9px;
    border: 1px solid rgba(51, 65, 85, 0.34);
    border-radius: 9px;
    color: inherit;
    background: rgba(5, 11, 24, 0.42);
    cursor: pointer;
    text-align: left;
}

    .pi-heatmap-rule:hover[b-iooc7uiptd] {
        border-color: rgba(79, 140, 255, 0.42);
        background: rgba(79, 140, 255, 0.07);
    }

    .pi-heatmap-rule strong[b-iooc7uiptd],
    .pi-heatmap-rule span[b-iooc7uiptd] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pi-heatmap-rule strong[b-iooc7uiptd] {
        color: #d7e2ef;
        font-size: 10px;
    }

    .pi-heatmap-rule span[b-iooc7uiptd] {
        margin-top: 3px;
        color: #6f8096;
        font-size: 8px;
    }

.pi-heat-cell[b-iooc7uiptd] {
    display: grid;
    min-height: 48px;
    place-items: center;
    border: 1px solid rgba(71, 85, 105, 0.28);
    border-radius: 9px;
    color: #9cabbf;
    background: rgba(71, 85, 105, 0.12);
}

    .pi-heat-cell strong[b-iooc7uiptd] {
        font-size: 10px;
    }

    .pi-heat-cell.strong[b-iooc7uiptd] {
        border-color: rgba(38, 214, 155, 0.25);
        color: #6ee7b7;
        background: rgba(38, 214, 155, 0.13);
    }

    .pi-heat-cell.mixed[b-iooc7uiptd] {
        border-color: rgba(251, 191, 36, 0.25);
        color: #fcd34d;
        background: rgba(251, 191, 36, 0.12);
    }

    .pi-heat-cell.weak[b-iooc7uiptd] {
        border-color: rgba(251, 113, 133, 0.25);
        color: #fda4af;
        background: rgba(251, 113, 133, 0.13);
    }

    .pi-heat-cell.low-coverage[b-iooc7uiptd] {
        border-color: rgba(167, 139, 250, 0.2);
        color: #c4b5fd;
        background: repeating-linear-gradient( 135deg, rgba(167, 139, 250, 0.09), rgba(167, 139, 250, 0.09) 5px, rgba(71, 85, 105, 0.08) 5px, rgba(71, 85, 105, 0.08) 10px);
    }

    .pi-heat-cell.no-data[b-iooc7uiptd] {
        color: #53647b;
        background: rgba(51, 65, 85, 0.07);
    }

.pi-evolution-list[b-iooc7uiptd] {
    display: grid;
    gap: 9px;
    padding: 10px 12px 14px;
}

    .pi-evolution-list > article[b-iooc7uiptd] {
        padding: 12px;
        border: 1px solid rgba(71, 85, 105, 0.4);
        border-radius: 12px;
        background: rgba(4, 10, 23, 0.4);
    }

        .pi-evolution-list > article.positive[b-iooc7uiptd] {
            border-color: rgba(38, 214, 155, 0.23);
        }

        .pi-evolution-list > article.negative[b-iooc7uiptd] {
            border-color: rgba(251, 113, 133, 0.23);
        }

        .pi-evolution-list > article.warning[b-iooc7uiptd] {
            border-color: rgba(251, 191, 36, 0.23);
        }

.pi-evolution-title[b-iooc7uiptd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .pi-evolution-title strong[b-iooc7uiptd],
    .pi-evolution-title span[b-iooc7uiptd] {
        display: block;
    }

    .pi-evolution-title strong[b-iooc7uiptd] {
        color: #e2ebf6;
        font-size: 11px;
    }

    .pi-evolution-title span[b-iooc7uiptd] {
        margin-top: 3px;
        color: #76879d;
        font-size: 9px;
    }

    .pi-evolution-title > i[b-iooc7uiptd] {
        display: grid;
        width: 29px;
        height: 29px;
        place-items: center;
        border-radius: 9px;
        color: #91a1b7;
        background: rgba(71, 85, 105, 0.2);
    }

.pi-evolution-metrics[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 11px;
}

    .pi-evolution-metrics > div[b-iooc7uiptd] {
        padding: 8px;
        border-radius: 9px;
        background: rgba(15, 23, 42, 0.48);
    }

    .pi-evolution-metrics span[b-iooc7uiptd],
    .pi-evolution-metrics strong[b-iooc7uiptd],
    .pi-evolution-metrics small[b-iooc7uiptd] {
        display: block;
    }

    .pi-evolution-metrics span[b-iooc7uiptd] {
        color: #718198;
        font-size: 8px;
    }

    .pi-evolution-metrics strong[b-iooc7uiptd] {
        margin-top: 4px;
        font-size: 11px;
    }

    .pi-evolution-metrics small[b-iooc7uiptd] {
        margin-top: 3px;
        color: #8191a6;
        font-size: 8px;
    }

.pi-evolution-list p[b-iooc7uiptd] {
    margin: 10px 0 0;
    color: #9aa8ba;
    font-size: 9px;
    line-height: 1.55;
}

.pi-evolution-list footer[b-iooc7uiptd] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 9px;
    color: #6f8096;
    font-size: 8px;
}

.pi-clickable-row[b-iooc7uiptd] {
    cursor: pointer;
    transition: background 150ms ease;
}

    .pi-clickable-row:hover[b-iooc7uiptd] {
        background: rgba(79, 140, 255, 0.055);
    }

.pi-drawer-backdrop[b-iooc7uiptd] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    background: rgba(0, 0, 0, 0.56);
    backdrop-filter: blur(2px);
}

.pi-drilldown-drawer[b-iooc7uiptd] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2101;
    display: flex;
    width: min(620px, 94vw);
    flex-direction: column;
    border-left: 1px solid rgba(71, 85, 105, 0.52);
    color: #dce6f3;
    background: radial-gradient( circle at 100% 0, rgba(79, 140, 255, 0.09), transparent 28%), #07101f;
    box-shadow: -28px 0 70px rgba(0, 0, 0, 0.38);
    animation: pi-drawer-in-b-iooc7uiptd 180ms ease-out;
}

@keyframes pi-drawer-in-b-iooc7uiptd {
    from {
        opacity: 0;
        transform: translateX(22px);
    }

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

.pi-drilldown-drawer > header[b-iooc7uiptd] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    border-bottom: 1px solid rgba(71, 85, 105, 0.4);
}

    .pi-drilldown-drawer > header span[b-iooc7uiptd] {
        color: #65dcae;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 0.11em;
        text-transform: uppercase;
    }

    .pi-drilldown-drawer > header h2[b-iooc7uiptd] {
        margin: 5px 0 0;
        color: #f2f7fd;
        font-size: 19px;
        font-weight: 820;
    }

    .pi-drilldown-drawer > header p[b-iooc7uiptd] {
        margin: 5px 0 0;
        color: #8494aa;
        font-size: 10px;
        line-height: 1.45;
    }

    .pi-drilldown-drawer > header button[b-iooc7uiptd] {
        display: grid;
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 1px solid rgba(71, 85, 105, 0.45);
        border-radius: 10px;
        color: #b6c3d3;
        background: rgba(15, 23, 42, 0.54);
        cursor: pointer;
    }

.pi-drawer-loading[b-iooc7uiptd],
.pi-drawer-error[b-iooc7uiptd] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #8fa0b8;
}

.pi-drawer-error[b-iooc7uiptd] {
    color: #fecdd3;
}

.pi-drawer-summary[b-iooc7uiptd] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(71, 85, 105, 0.34);
}

    .pi-drawer-summary > div[b-iooc7uiptd] {
        padding: 10px;
        border-radius: 10px;
        background: rgba(15, 23, 42, 0.55);
    }

    .pi-drawer-summary span[b-iooc7uiptd],
    .pi-drawer-summary strong[b-iooc7uiptd] {
        display: block;
    }

    .pi-drawer-summary span[b-iooc7uiptd] {
        color: #75869c;
        font-size: 8px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .pi-drawer-summary strong[b-iooc7uiptd] {
        margin-top: 4px;
        font-size: 14px;
    }

.pi-drawer-trades[b-iooc7uiptd] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 10px 14px 18px;
}

    .pi-drawer-trades article[b-iooc7uiptd] {
        margin-top: 8px;
        padding: 12px;
        border: 1px solid rgba(71, 85, 105, 0.36);
        border-radius: 12px;
        background: rgba(12, 22, 41, 0.65);
    }

.pi-drawer-trade-head[b-iooc7uiptd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

    .pi-drawer-trade-head strong[b-iooc7uiptd],
    .pi-drawer-trade-head span[b-iooc7uiptd],
    .pi-drawer-trade-head b[b-iooc7uiptd],
    .pi-drawer-trade-head small[b-iooc7uiptd] {
        display: block;
    }

    .pi-drawer-trade-head strong[b-iooc7uiptd] {
        color: #e2ebf6;
        font-size: 11px;
    }

    .pi-drawer-trade-head span[b-iooc7uiptd] {
        margin-top: 3px;
        color: #77889e;
        font-size: 9px;
    }

    .pi-drawer-trade-head > div:last-child[b-iooc7uiptd] {
        text-align: right;
    }

    .pi-drawer-trade-head b[b-iooc7uiptd] {
        font-size: 12px;
    }

    .pi-drawer-trade-head small[b-iooc7uiptd] {
        margin-top: 3px;
        font-size: 9px;
    }

.pi-drawer-trades dl[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(100px, 0.8fr) auto;
    gap: 8px;
    margin: 11px 0 0;
}

    .pi-drawer-trades dl > div[b-iooc7uiptd] {
        min-width: 0;
    }

.pi-drawer-trades dt[b-iooc7uiptd] {
    color: #6f8096;
    font-size: 8px;
}

.pi-drawer-trades dd[b-iooc7uiptd] {
    overflow: hidden;
    margin: 3px 0 0;
    color: #b9c6d6;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pi-drawer-limit[b-iooc7uiptd] {
    flex: 0 0 auto;
    margin: 0;
    padding: 8px 16px;
    color: #718198;
    font-size: 9px;
    text-align: center;
}

.pi-drawer-footer[b-iooc7uiptd] {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    padding: 12px 16px;
    border-top: 1px solid rgba(71, 85, 105, 0.38);
}

    .pi-drawer-footer a[b-iooc7uiptd] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 9px 12px;
        border: 1px solid rgba(79, 140, 255, 0.3);
        border-radius: 9px;
        color: #8bb2ff;
        background: rgba(79, 140, 255, 0.08);
        font-size: 10px;
        font-weight: 800;
        text-decoration: none;
    }

@media (max-width: 1380px) {
    .pi-pattern-grid[b-iooc7uiptd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pi-emotions-panel[b-iooc7uiptd] {
        grid-column: 1 / -1;
    }

    .pi-pattern-grid-secondary[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 780px) {
    .pi-pattern-grid[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-emotions-panel[b-iooc7uiptd] {
        grid-column: auto;
    }

    .pi-emotion-header[b-iooc7uiptd],
    .pi-emotion-table button[b-iooc7uiptd] {
        grid-template-columns: minmax(100px, 1fr) 45px minmax(115px, 0.9fr) 58px;
    }

    .pi-evolution-metrics[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-drawer-trades dl[b-iooc7uiptd] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 520px) {
    .pi-luck-grid[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-emotion-header[b-iooc7uiptd] {
        display: none;
    }

    .pi-emotion-table button[b-iooc7uiptd] {
        grid-template-columns: 1fr auto;
        gap: 5px 10px;
    }

        .pi-emotion-table button > span:nth-child(3)[b-iooc7uiptd] {
            grid-column: 1 / -1;
        }

    .pi-drawer-summary[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-drawer-trades dl[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }
}


/* Batch 3: consistency, risk intelligence, edge lens and records */
.pi-consistency-section[b-iooc7uiptd],
.pi-risk-intelligence[b-iooc7uiptd],
.pi-edge-records-section[b-iooc7uiptd] {
    max-width: 1680px;
    margin-inline: auto;
    scroll-margin-top: 62px;
}

.pi-consistency-grid[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(390px, 0.75fr);
    gap: 10px;
}

.pi-chart-consistency[b-iooc7uiptd] {
    height: 300px;
    padding: 8px 10px 14px;
}

.pi-cohort-list[b-iooc7uiptd] {
    display: grid;
    gap: 8px;
    padding: 10px 12px 14px;
}

    .pi-cohort-list > button[b-iooc7uiptd] {
        padding: 12px;
        border: 1px solid rgba(71,85,105,.38);
        border-radius: 12px;
        color: #dce6f3;
        background: rgba(5,11,24,.42);
        cursor: pointer;
        text-align: left;
        transition: border-color .15s ease, background .15s ease, transform .15s ease;
    }

        .pi-cohort-list > button:hover[b-iooc7uiptd] {
            transform: translateY(-1px);
            border-color: rgba(79,140,255,.45);
            background: rgba(79,140,255,.055);
        }

        .pi-cohort-list > button.positive[b-iooc7uiptd] {
            border-color: rgba(38,214,155,.22);
        }

        .pi-cohort-list > button.negative[b-iooc7uiptd] {
            border-color: rgba(251,113,133,.22);
        }

.pi-cohort-title[b-iooc7uiptd] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.pi-cohort-dot[b-iooc7uiptd] {
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    margin-top: 3px;
    border-radius: 50%;
    background: #64748b;
}

.pi-cohort-list > button.positive .pi-cohort-dot[b-iooc7uiptd] {
    background: #26d69b;
}

.pi-cohort-list > button.negative .pi-cohort-dot[b-iooc7uiptd] {
    background: #fb7185;
}

.pi-cohort-title strong[b-iooc7uiptd],
.pi-cohort-title small[b-iooc7uiptd] {
    display: block;
}

.pi-cohort-title strong[b-iooc7uiptd] {
    color: #e4edf8;
    font-size: 11px;
}

.pi-cohort-title small[b-iooc7uiptd] {
    margin-top: 3px;
    color: #77889f;
    font-size: 9px;
    line-height: 1.45;
}

.pi-cohort-metrics[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 7px;
    margin-top: 11px;
}

    .pi-cohort-metrics > div[b-iooc7uiptd] {
        padding: 8px;
        border-radius: 9px;
        background: rgba(15,23,42,.52);
    }

    .pi-cohort-metrics span[b-iooc7uiptd],
    .pi-cohort-metrics strong[b-iooc7uiptd] {
        display: block;
    }

    .pi-cohort-metrics span[b-iooc7uiptd] {
        color: #718198;
        font-size: 8px;
    }

    .pi-cohort-metrics strong[b-iooc7uiptd] {
        margin-top: 4px;
        font-size: 11px;
    }

.pi-risk-grid[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: minmax(0,1.3fr) minmax(430px,.7fr);
    gap: 10px;
    margin-top: 10px;
}

.pi-risk-story[b-iooc7uiptd] {
    position: relative;
    overflow: hidden;
}

    .pi-risk-story.positive[b-iooc7uiptd] {
        border-color: rgba(38,214,155,.25);
        background: linear-gradient(100deg,rgba(38,214,155,.075),transparent 45%), linear-gradient(145deg,rgba(13,24,44,.95),rgba(7,14,28,.95));
    }

    .pi-risk-story.warning[b-iooc7uiptd] {
        border-color: rgba(251,191,36,.25);
        background: linear-gradient(100deg,rgba(251,191,36,.075),transparent 45%), linear-gradient(145deg,rgba(13,24,44,.95),rgba(7,14,28,.95));
    }

    .pi-risk-story.negative[b-iooc7uiptd] {
        border-color: rgba(251,113,133,.25);
        background: linear-gradient(100deg,rgba(251,113,133,.075),transparent 45%), linear-gradient(145deg,rgba(13,24,44,.95),rgba(7,14,28,.95));
    }

    .pi-risk-story .pi-panel-heading > i[b-iooc7uiptd] {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 1px solid rgba(251,191,36,.2);
        border-radius: 10px;
        color: #fcd34d;
        background: rgba(251,191,36,.08);
    }

.pi-risk-story-copy[b-iooc7uiptd] {
    max-width: 880px;
    margin: 8px 14px 0;
    color: #a8b6c8;
    font-size: 10px;
    line-height: 1.65;
}

.pi-risk-story-metrics[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
    padding: 13px 14px 15px;
}

    .pi-risk-story-metrics > div[b-iooc7uiptd],
    .pi-risk-story-metrics > button[b-iooc7uiptd] {
        min-height: 88px;
        padding: 11px;
        border: 1px solid rgba(71,85,105,.34);
        border-radius: 11px;
        color: inherit;
        background: rgba(4,10,23,.38);
        text-align: left;
    }

    .pi-risk-story-metrics > button[b-iooc7uiptd] {
        cursor: pointer;
        transition: border-color .15s ease, background .15s ease;
    }

        .pi-risk-story-metrics > button:hover[b-iooc7uiptd] {
            border-color: rgba(79,140,255,.42);
            background: rgba(79,140,255,.06);
        }

    .pi-risk-story-metrics span[b-iooc7uiptd],
    .pi-risk-story-metrics strong[b-iooc7uiptd],
    .pi-risk-story-metrics small[b-iooc7uiptd] {
        display: block;
    }

    .pi-risk-story-metrics span[b-iooc7uiptd] {
        color: #73849b;
        font-size: 8px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .pi-risk-story-metrics strong[b-iooc7uiptd] {
        margin-top: 7px;
        color: #e3edf8;
        font-size: 17px;
    }

    .pi-risk-story-metrics small[b-iooc7uiptd] {
        margin-top: 5px;
        color: #7d8da3;
        font-size: 9px;
        line-height: 1.4;
    }

.pi-change-list[b-iooc7uiptd] {
    display: grid;
    gap: 7px;
    padding: 10px 12px 14px;
}

    .pi-change-list > article[b-iooc7uiptd] {
        display: grid;
        grid-template-columns: minmax(150px,1fr) minmax(240px,1.2fr);
        align-items: center;
        gap: 11px;
        padding: 10px;
        border: 1px solid rgba(71,85,105,.34);
        border-radius: 10px;
        background: rgba(5,11,24,.4);
    }

        .pi-change-list > article.positive[b-iooc7uiptd] {
            border-left: 3px solid rgba(38,214,155,.72);
        }

        .pi-change-list > article.negative[b-iooc7uiptd] {
            border-left: 3px solid rgba(251,113,133,.72);
        }

        .pi-change-list > article.neutral[b-iooc7uiptd] {
            border-left: 3px solid rgba(100,116,139,.7);
        }

        .pi-change-list > article > div > strong[b-iooc7uiptd],
        .pi-change-list > article > div > span[b-iooc7uiptd] {
            display: block;
        }

        .pi-change-list > article > div > strong[b-iooc7uiptd] {
            color: #dce6f3;
            font-size: 10px;
        }

        .pi-change-list > article > div > span[b-iooc7uiptd] {
            margin-top: 3px;
            color: #74859b;
            font-size: 8px;
            line-height: 1.4;
        }

    .pi-change-list dl[b-iooc7uiptd] {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 6px;
        margin: 0;
    }

        .pi-change-list dl > div[b-iooc7uiptd] {
            padding: 6px;
            border-radius: 8px;
            background: rgba(15,23,42,.48);
        }

    .pi-change-list dt[b-iooc7uiptd] {
        color: #6e7f96;
        font-size: 7px;
    }

    .pi-change-list dd[b-iooc7uiptd] {
        margin: 3px 0 0;
        color: #c9d5e5;
        font-size: 9px;
        font-weight: 750;
    }

.pi-edge-records-grid[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: minmax(0,1.25fr) minmax(420px,.75fr);
    gap: 10px;
    margin-top: 10px;
}

.pi-edge-switch[b-iooc7uiptd] {
    display: inline-flex;
    gap: 3px;
    padding: 3px;
    border: 1px solid rgba(71,85,105,.35);
    border-radius: 9px;
    background: rgba(2,6,23,.34);
}

    .pi-edge-switch button[b-iooc7uiptd] {
        min-height: 27px;
        padding: 0 9px;
        border: 0;
        border-radius: 7px;
        color: #7f90a6;
        background: transparent;
        cursor: pointer;
        font-size: 8px;
        font-weight: 800;
    }

        .pi-edge-switch button.active[b-iooc7uiptd] {
            color: #fff;
            background: rgba(79,140,255,.22);
        }

.pi-edge-table[b-iooc7uiptd] {
    padding: 8px 11px 13px;
}

    .pi-edge-header[b-iooc7uiptd],
    .pi-edge-table > button[b-iooc7uiptd] {
        display: grid;
        grid-template-columns: minmax(95px,1fr) 58px 75px 85px 70px 82px;
        align-items: center;
        gap: 8px;
    }

.pi-edge-header[b-iooc7uiptd] {
    padding: 8px;
    color: #6f8097;
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pi-edge-table > button[b-iooc7uiptd] {
    width: 100%;
    min-height: 46px;
    padding: 8px;
    border: 0;
    border-top: 1px solid rgba(51,65,85,.36);
    color: #b9c6d7;
    background: transparent;
    cursor: pointer;
    font-size: 10px;
    text-align: left;
}

    .pi-edge-table > button:hover[b-iooc7uiptd] {
        border-radius: 8px;
        background: rgba(79,140,255,.06);
    }

    .pi-edge-table > button strong[b-iooc7uiptd] {
        color: #dfe8f4;
    }

.pi-edge-table em[b-iooc7uiptd] {
    color: #65768c;
    font-size: 8px;
    font-style: normal;
}

.pi-record-grid[b-iooc7uiptd] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
    padding: 10px 12px 14px;
}

    .pi-record-grid button[b-iooc7uiptd] {
        min-height: 116px;
        padding: 12px;
        border: 1px solid rgba(71,85,105,.38);
        border-radius: 12px;
        color: #dce6f3;
        background: radial-gradient(circle at 100% 0,rgba(79,140,255,.07),transparent 43%), rgba(5,11,24,.44);
        cursor: pointer;
        text-align: left;
        transition: transform .15s ease, border-color .15s ease;
    }

        .pi-record-grid button:not(:disabled):hover[b-iooc7uiptd] {
            transform: translateY(-2px);
            border-color: rgba(79,140,255,.44);
        }

        .pi-record-grid button:disabled[b-iooc7uiptd] {
            cursor: default;
            opacity: .92;
        }

    .pi-record-grid i[b-iooc7uiptd] {
        display: grid;
        width: 29px;
        height: 29px;
        place-items: center;
        border-radius: 9px;
        color: #8db4ff;
        background: rgba(79,140,255,.09);
    }

    .pi-record-grid span[b-iooc7uiptd],
    .pi-record-grid strong[b-iooc7uiptd],
    .pi-record-grid small[b-iooc7uiptd] {
        display: block;
    }

    .pi-record-grid span[b-iooc7uiptd] {
        margin-top: 10px;
        color: #8191a6;
        font-size: 8px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .pi-record-grid strong[b-iooc7uiptd] {
        margin-top: 4px;
        color: #edf4fc;
        font-size: 17px;
    }

    .pi-record-grid small[b-iooc7uiptd] {
        margin-top: 5px;
        color: #74859b;
        font-size: 9px;
        line-height: 1.4;
    }

    .pi-record-grid button.positive[b-iooc7uiptd] {
        border-color: rgba(38,214,155,.22);
    }

    .pi-record-grid button.warning[b-iooc7uiptd] {
        border-color: rgba(251,191,36,.22);
    }

    .pi-record-grid button.blue[b-iooc7uiptd] {
        border-color: rgba(79,140,255,.24);
    }

@media (max-width:1320px) {
    .pi-consistency-grid[b-iooc7uiptd],
    .pi-risk-grid[b-iooc7uiptd],
    .pi-edge-records-grid[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-record-grid[b-iooc7uiptd] {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width:780px) {
    .pi-risk-story-metrics[b-iooc7uiptd] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .pi-change-list > article[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-edge-table[b-iooc7uiptd] {
        overflow-x: auto;
    }

        .pi-edge-header[b-iooc7uiptd],
        .pi-edge-table > button[b-iooc7uiptd] {
            min-width: 700px;
        }

    .pi-record-grid[b-iooc7uiptd] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width:520px) {
    .pi-cohort-metrics[b-iooc7uiptd],
    .pi-risk-story-metrics[b-iooc7uiptd],
    .pi-record-grid[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-change-list dl[b-iooc7uiptd] {
        grid-template-columns: 1fr;
    }

    .pi-chart-consistency[b-iooc7uiptd] {
        height: 260px;
    }
}

/* ======================================================================
   Readability pass v2 — desktop 100% zoom
   Keeps the existing layout/design but raises small UI copy to a more
   comfortable minimum size. Deep rules also cover child panels rendered
   inside Performance Intelligence (Evolution / Action / Evidence).
   ====================================================================== */

/* Main page / navigation */
.pi-header p[b-iooc7uiptd] { font-size: 15px; line-height: 1.5; }
.pi-eyebrow[b-iooc7uiptd] { font-size: 12px; }
.pi-section-nav[b-iooc7uiptd] { gap: 30px; }
.pi-section-nav a[b-iooc7uiptd] { padding: 13px 2px; font-size: 14px; }
.pi-section-nav span[b-iooc7uiptd] { font-size: 9px; padding: 3px 6px; }

.pi-range-button[b-iooc7uiptd] { font-size: 12px; }
.pi-filter-toggle[b-iooc7uiptd],
.pi-button[b-iooc7uiptd] { font-size: 13px; }
.pi-filter-panel label span[b-iooc7uiptd] { font-size: 10px; }
.pi-filter-panel input[b-iooc7uiptd],
.pi-filter-panel select[b-iooc7uiptd] { font-size: 13px; }
.pi-period-context[b-iooc7uiptd] { font-size: 12px; }

/* KPI cards */
.pi-kpi span[b-iooc7uiptd] { font-size: 12px; }
.pi-kpi strong[b-iooc7uiptd] { font-size: 26px; }
.pi-kpi small[b-iooc7uiptd] { font-size: 12px; line-height: 1.55; }

/* Insight / overview */
.pi-insight-copy > span[b-iooc7uiptd],
.pi-card-kicker[b-iooc7uiptd],
.pi-panel-heading span[b-iooc7uiptd] { font-size: 11px; }
.pi-insight-copy h2[b-iooc7uiptd] { font-size: 20px; }
.pi-insight-copy p[b-iooc7uiptd] { font-size: 13px; line-height: 1.65; }
.pi-insight-copy a[b-iooc7uiptd] { font-size: 12px; }
.pi-highlight-list dt[b-iooc7uiptd] { font-size: 12px; }
.pi-highlight-list dd[b-iooc7uiptd],
.pi-highlight-list strong[b-iooc7uiptd] { font-size: 13px; }

.pi-discipline-chart small[b-iooc7uiptd] { font-size: 11px; }
.pi-legend-row[b-iooc7uiptd] { font-size: 12px; }
.pi-coverage span[b-iooc7uiptd] { font-size: 11px; }
.pi-coverage strong[b-iooc7uiptd] { font-size: 12px; }

/* Shared panel text */
.pi-panel-heading h2[b-iooc7uiptd] { font-size: 16px; }
.pi-panel-heading > small[b-iooc7uiptd] { font-size: 11px; }
.pi-chart-legend[b-iooc7uiptd] { font-size: 11px; }
.pi-chart-note[b-iooc7uiptd] { font-size: 12px; line-height: 1.55; }
.pi-r-stats span[b-iooc7uiptd] { font-size: 11px; }
.pi-r-stats strong[b-iooc7uiptd] { font-size: 13px; }

/* Tables / lists */
.pi-table-wrap th[b-iooc7uiptd] { font-size: 11px; }
.pi-table-wrap td[b-iooc7uiptd] { font-size: 13px; }
.pi-playbook-name .rank[b-iooc7uiptd] { font-size: 12px; }
.pi-playbook-name strong[b-iooc7uiptd] { font-size: 13px; }
.pi-playbook-name small[b-iooc7uiptd] { font-size: 11px; }
.pi-review-list strong[b-iooc7uiptd] { font-size: 13px; }
.pi-review-list span[b-iooc7uiptd],
.pi-review-list b[b-iooc7uiptd] { font-size: 11px; }
.pi-empty[b-iooc7uiptd] { font-size: 12px; }

/* Section headings */
.pi-section-heading span[b-iooc7uiptd] { font-size: 11px; }
.pi-section-heading h2[b-iooc7uiptd] { font-size: 23px; }
.pi-section-heading p[b-iooc7uiptd] { font-size: 13px; line-height: 1.65; }

/* Behavioural patterns */
.pi-luck-card > div span[b-iooc7uiptd] { font-size: 13px; }
.pi-luck-card strong[b-iooc7uiptd] { font-size: 20px; }
.pi-luck-card b[b-iooc7uiptd] { font-size: 13px; }
.pi-luck-card small[b-iooc7uiptd] { font-size: 11px; line-height: 1.5; }
.pi-leak-rank[b-iooc7uiptd] { font-size: 12px; }
.pi-leak-copy strong[b-iooc7uiptd] { font-size: 13px; }
.pi-leak-copy small[b-iooc7uiptd] { font-size: 11px; }
.pi-leak-impact b[b-iooc7uiptd] { font-size: 13px; }
.pi-leak-impact small[b-iooc7uiptd] { font-size: 10px; }
.pi-leak-list button > i[b-iooc7uiptd] { font-size: 12px; }
.pi-emotion-header[b-iooc7uiptd] { font-size: 10px; }
.pi-emotion-table button[b-iooc7uiptd] { font-size: 12px; }
.pi-heatmap-corner[b-iooc7uiptd],
.pi-heatmap-week[b-iooc7uiptd] { font-size: 10px; }
.pi-heatmap-rule strong[b-iooc7uiptd] { font-size: 12px; }
.pi-heatmap-rule span[b-iooc7uiptd] { font-size: 10px; }
.pi-heat-cell strong[b-iooc7uiptd] { font-size: 12px; }

/* Evolution summary cards in this component */
.pi-evolution-title strong[b-iooc7uiptd] { font-size: 13px; }
.pi-evolution-title span[b-iooc7uiptd] { font-size: 11px; }
.pi-evolution-metrics span[b-iooc7uiptd] { font-size: 10px; }
.pi-evolution-metrics strong[b-iooc7uiptd] { font-size: 13px; }
.pi-evolution-metrics small[b-iooc7uiptd] { font-size: 10px; }
.pi-evolution-list p[b-iooc7uiptd] { font-size: 12px; line-height: 1.6; }
.pi-evolution-list footer[b-iooc7uiptd] { font-size: 10px; }

/* Consistency / risk / edge */
.pi-cohort-title strong[b-iooc7uiptd] { font-size: 13px; }
.pi-cohort-title small[b-iooc7uiptd] { font-size: 11px; }
.pi-cohort-metrics span[b-iooc7uiptd] { font-size: 10px; }
.pi-cohort-metrics strong[b-iooc7uiptd] { font-size: 13px; }
.pi-risk-story-copy[b-iooc7uiptd] { font-size: 13px; line-height: 1.65; }
.pi-risk-story-metrics span[b-iooc7uiptd] { font-size: 10px; }
.pi-risk-story-metrics strong[b-iooc7uiptd] { font-size: 20px; }
.pi-risk-story-metrics small[b-iooc7uiptd] { font-size: 11px; }
.pi-change-list > article > div > strong[b-iooc7uiptd] { font-size: 12px; }
.pi-change-list > article > div > span[b-iooc7uiptd] { font-size: 10px; }
.pi-change-list dt[b-iooc7uiptd] { font-size: 9px; }
.pi-change-list dd[b-iooc7uiptd] { font-size: 11px; }
.pi-edge-switch button[b-iooc7uiptd] { font-size: 10px; }
.pi-edge-header[b-iooc7uiptd] { font-size: 10px; }
.pi-edge-table > button[b-iooc7uiptd] { font-size: 12px; }
.pi-edge-table em[b-iooc7uiptd] { font-size: 10px; }
.pi-record-grid span[b-iooc7uiptd] { font-size: 10px; }
.pi-record-grid strong[b-iooc7uiptd] { font-size: 20px; }
.pi-record-grid small[b-iooc7uiptd] { font-size: 11px; line-height: 1.5; }

/* Drawers */
.pi-drilldown-drawer > header span[b-iooc7uiptd] { font-size: 11px; }
.pi-drilldown-drawer > header h2[b-iooc7uiptd] { font-size: 21px; }
.pi-drilldown-drawer > header p[b-iooc7uiptd] { font-size: 12px; }
.pi-drawer-summary span[b-iooc7uiptd] { font-size: 10px; }
.pi-drawer-summary strong[b-iooc7uiptd] { font-size: 16px; }
.pi-drawer-trade-head strong[b-iooc7uiptd] { font-size: 13px; }
.pi-drawer-trade-head span[b-iooc7uiptd],
.pi-drawer-trade-head small[b-iooc7uiptd] { font-size: 11px; }
.pi-drawer-trade-head b[b-iooc7uiptd] { font-size: 14px; }
.pi-drawer-trades dt[b-iooc7uiptd] { font-size: 10px; }
.pi-drawer-trades dd[b-iooc7uiptd] { font-size: 11px; }
.pi-drawer-limit[b-iooc7uiptd] { font-size: 11px; }
.pi-drawer-footer a[b-iooc7uiptd] { font-size: 12px; }

/* ----------------------------------------------------------------------
   Child component readability.
   Blazor CSS isolation needs ::deep to reach markup owned by child panels.
   ---------------------------------------------------------------------- */

/* PerformanceEvolutionPanel */
.pi-evolution-host[b-iooc7uiptd]  .evolution-section-heading > div > span,
.pi-evolution-host[b-iooc7uiptd]  .evolution-panel > header span,
.pi-evolution-host[b-iooc7uiptd]  .evolution-hero-copy > span {
    font-size: 11px !important;
}
.pi-evolution-host[b-iooc7uiptd]  .evolution-section-heading h2 { font-size: 23px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-section-heading p { font-size: 13px !important; line-height: 1.65 !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-hero-copy h3 { font-size: 20px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-hero-copy p { font-size: 13px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-panel > header h3 { font-size: 16px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-panel > header > small { font-size: 11px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-monthly-grid > button > header span { font-size: 13px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-monthly-grid > button > header small { font-size: 11px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-grade span { font-size: 10px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-grade strong { font-size: 13px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-monthly-grid dt { font-size: 10px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-monthly-grid dd { font-size: 11px !important; line-height: 1.5 !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-milestone-grid button > span { font-size: 14px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-milestone-grid button > p { font-size: 12px !important; line-height: 1.55 !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-milestone-progress strong { font-size: 11px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-milestone-grid button > small { font-size: 10px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-streak-grid button > span { font-size: 12px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-streak-grid button > div strong { font-size: 16px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-streak-grid button > div small { font-size: 10px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-streak-grid button p { font-size: 11px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-timeline button strong { font-size: 12px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-timeline button p { font-size: 11px !important; }
.pi-evolution-host[b-iooc7uiptd]  .evolution-timeline button > b { font-size: 10px !important; }

/* PerformanceActionPanel */
.pi-action-host[b-iooc7uiptd]  .action-section-heading > div > span,
.pi-action-host[b-iooc7uiptd]  .action-panel > header span,
.pi-action-host[b-iooc7uiptd]  .action-card-kicker { font-size: 11px !important; }
.pi-action-host[b-iooc7uiptd]  .action-section-heading h2 { font-size: 23px !important; }
.pi-action-host[b-iooc7uiptd]  .action-section-heading p { font-size: 13px !important; line-height: 1.65 !important; }
.pi-action-host[b-iooc7uiptd]  .action-panel > header h3 { font-size: 16px !important; }
.pi-action-host[b-iooc7uiptd]  .action-panel > header > small { font-size: 11px !important; }
.pi-action-host[b-iooc7uiptd]  .action-readiness-copy h3 { font-size: 20px !important; }
.pi-action-host[b-iooc7uiptd]  .action-readiness-copy > p { font-size: 13px !important; }
.pi-action-host[b-iooc7uiptd]  .action-readiness-context span { font-size: 10px !important; }
.pi-action-host[b-iooc7uiptd]  .action-readiness-context strong { font-size: 15px !important; }
.pi-action-host[b-iooc7uiptd]  .action-readiness-copy summary { font-size: 11px !important; }
.pi-action-host[b-iooc7uiptd]  .action-readiness-copy details p { font-size: 11px !important; }
.pi-action-host[b-iooc7uiptd]  .action-dimensions span { font-size: 10px !important; }
.pi-action-host[b-iooc7uiptd]  .action-dimensions strong { font-size: 15px !important; }
.pi-action-host[b-iooc7uiptd]  .action-dimensions small { font-size: 11px !important; }
.pi-action-host[b-iooc7uiptd]  .action-priority-copy small { font-size: 10px !important; }
.pi-action-host[b-iooc7uiptd]  .action-priority-copy strong { font-size: 13px !important; }
.pi-action-host[b-iooc7uiptd]  .action-priority-copy p { font-size: 11px !important; }
.pi-action-host[b-iooc7uiptd]  .action-lanes h4 { font-size: 14px !important; }
.pi-action-host[b-iooc7uiptd]  .action-lanes article strong { font-size: 12px !important; }
.pi-action-host[b-iooc7uiptd]  .action-lanes article p,
.pi-action-host[b-iooc7uiptd]  .action-lanes article span { font-size: 10px !important; }
.pi-action-host[b-iooc7uiptd]  .action-debt-list button > div:first-child strong { font-size: 12px !important; }
.pi-action-host[b-iooc7uiptd]  .action-debt-list button > div:first-child span { font-size: 10px !important; }
.pi-action-host[b-iooc7uiptd]  .action-debt-progress strong { font-size: 11px !important; }
.pi-action-host[b-iooc7uiptd]  .action-debt-progress small { font-size: 10px !important; }

/* PerformanceEvidencePanel */
.pi-evidence-host[b-iooc7uiptd]  .evidence-section-heading > div > span,
.pi-evidence-host[b-iooc7uiptd]  .evidence-panel header span,
.pi-evidence-host[b-iooc7uiptd]  .evidence-hero-copy > span { font-size: 11px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-section-heading h2 { font-size: 23px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-section-heading p { font-size: 13px !important; line-height: 1.65 !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-hero-copy h3 { font-size: 20px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-hero-copy p { font-size: 13px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-panel header h3 { font-size: 16px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-source-title span { font-size: 10px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-source-title strong { font-size: 13px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-metric span { font-size: 12px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-metric strong { font-size: 13px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-gap > span { font-size: 10px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-gap > small,
.pi-evidence-host[b-iooc7uiptd]  .evidence-gap > div { font-size: 10px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-readiness-heading span { font-size: 11px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-readiness-heading strong { font-size: 12px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-checks strong { font-size: 12px !important; }
.pi-evidence-host[b-iooc7uiptd]  .evidence-checks small { font-size: 10px !important; }

/* Avoid tiny typography at normal desktop sizes. */
@media (min-width: 781px) {
    .pi-page[b-iooc7uiptd] { line-height: 1.45; }
}
/* /Components/Pages/RMultiple.razor.rz.scp.css */
.rmultiple-container[b-fknwee03lp] {
    padding: 2.25rem;
}
/* /Components/Pages/Settings/BrokerConnectionsPanel.razor.rz.scp.css */
.broker-page[b-emnamzg10k] {
    --zd-bg: #050b19;
    --zd-surface: rgba(10, 21, 40, 0.76);
    --zd-surface-strong: rgba(12, 25, 48, 0.96);
    --zd-surface-soft: rgba(16, 31, 55, 0.62);
    --zd-border: rgba(107, 136, 178, 0.24);
    --zd-border-strong: rgba(107, 156, 220, 0.38);
    --zd-text: #f3f7ff;
    --zd-muted: #91a4c1;
    --zd-subtle: #637895;
    --zd-teal: #16d9b1;
    --zd-teal-dark: #079c82;
    --zd-cyan: #4cc9ff;
    --zd-blue: #458ff6;
    --zd-purple: #a873ff;
    --zd-amber: #ffbf45;
    --zd-danger: #ff6e7c;
    display: grid;
    gap: 24px;
    width: 100%;
    color: var(--zd-text);
}

.broker-page__header[b-emnamzg10k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.broker-page__header h2[b-emnamzg10k] {
    margin: 0;
    font-size: clamp(24px, 2vw, 34px);
    line-height: 1.12;
    font-weight: 760;
    letter-spacing: -0.025em;
}

.broker-page__header p[b-emnamzg10k] {
    max-width: 720px;
    margin: 8px 0 0;
    color: var(--zd-muted);
    font-size: 14px;
    line-height: 1.6;
}

.broker-page__header-actions[b-emnamzg10k] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.last-sync-card[b-emnamzg10k] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 190px;
    padding: 10px 14px;
    border: 1px solid var(--zd-border);
    border-radius: 13px;
    background: var(--zd-surface);
}

.last-sync-card__icon[b-emnamzg10k] {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: 1px solid rgba(116, 151, 201, 0.32);
    color: #dbe9ff;
    font-size: 18px;
}

.last-sync-card small[b-emnamzg10k],
.last-sync-card strong[b-emnamzg10k] {
    display: block;
}

.last-sync-card small[b-emnamzg10k] {
    color: var(--zd-muted);
    font-size: 11px;
}

.last-sync-card strong[b-emnamzg10k] {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 650;
}

.zd-action[b-emnamzg10k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 9px 15px;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 680;
    line-height: 1;
    cursor: pointer;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.zd-action:hover:not(:disabled)[b-emnamzg10k] {
    transform: translateY(-1px);
}

.zd-action:disabled[b-emnamzg10k] {
    cursor: not-allowed;
    opacity: 0.58;
}

.zd-action--primary[b-emnamzg10k] {
    color: #02130f;
    background: linear-gradient(135deg, #19d7ad, #0ba882);
    box-shadow: 0 10px 24px rgba(11, 168, 130, 0.18);
}

.zd-action--primary:hover:not(:disabled)[b-emnamzg10k] {
    box-shadow: 0 12px 30px rgba(11, 168, 130, 0.28);
}

.zd-action--secondary[b-emnamzg10k] {
    color: #e5eefc;
    border-color: var(--zd-border-strong);
    background: rgba(8, 18, 35, 0.72);
}

.zd-action--secondary:hover:not(:disabled)[b-emnamzg10k] {
    border-color: rgba(116, 169, 240, 0.62);
    background: rgba(18, 34, 59, 0.9);
}

.zd-action--warning[b-emnamzg10k] {
    color: #ffe3a2;
    border-color: rgba(255, 191, 69, 0.45);
    background: rgba(109, 69, 7, 0.24);
}

.zd-action--danger[b-emnamzg10k] {
    color: #fff;
    background: #d94b5c;
}

.zd-action--danger-ghost[b-emnamzg10k] {
    color: #ff97a3;
    border-color: rgba(255, 110, 124, 0.42);
    background: rgba(96, 22, 35, 0.24);
}

.zd-action--disabled[b-emnamzg10k] {
    color: var(--zd-subtle);
    border-color: var(--zd-border);
    background: rgba(8, 18, 34, 0.62);
}

.icon-action[b-emnamzg10k] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid var(--zd-border-strong);
    border-radius: 11px;
    color: #dce8fa;
    background: rgba(7, 16, 31, 0.78);
    font-size: 21px;
    cursor: pointer;
}

.icon-action:hover[b-emnamzg10k] {
    background: rgba(22, 39, 65, 0.92);
}

.icon-action--small[b-emnamzg10k] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    font-size: 17px;
}

.menu-anchor[b-emnamzg10k] {
    position: relative;
}

.action-menu[b-emnamzg10k] {
    position: absolute;
    z-index: 30;
    top: calc(100% + 8px);
    left: 0;
    min-width: 220px;
    overflow: hidden;
    padding: 6px;
    border: 1px solid var(--zd-border-strong);
    border-radius: 13px;
    background: #0a1427;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
}

.action-menu--right[b-emnamzg10k] {
    right: 0;
    left: auto;
}

.action-menu button[b-emnamzg10k] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 11px;
    border: 0;
    border-radius: 8px;
    color: #d9e6f8;
    background: transparent;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

.action-menu button:hover:not(:disabled)[b-emnamzg10k] {
    background: rgba(70, 113, 174, 0.16);
}

.action-menu button:disabled[b-emnamzg10k] {
    opacity: 0.55;
}

.action-menu .danger-menu-item[b-emnamzg10k] {
    color: #ff9aa7;
}

.workflow-card[b-emnamzg10k] {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: stretch;
    gap: 18px;
    padding: 20px 26px;
    border: 1px solid var(--zd-border);
    border-radius: 16px;
    background:
        radial-gradient(circle at 18% 0%, rgba(12, 139, 116, 0.11), transparent 30%),
        radial-gradient(circle at 76% 0%, rgba(255, 177, 28, 0.08), transparent 30%),
        var(--zd-surface);
}

.workflow-step[b-emnamzg10k] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.workflow-step__icon[b-emnamzg10k] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border: 1px solid rgba(99, 124, 162, 0.34);
    border-radius: 50%;
    color: #9db2d1;
    background: rgba(24, 41, 66, 0.72);
    font-size: 22px;
}

.workflow-step--complete .workflow-step__icon[b-emnamzg10k] {
    color: #8af0d4;
    border-color: rgba(22, 217, 177, 0.38);
    background: rgba(7, 104, 87, 0.42);
}

.workflow-step--synced .workflow-step__icon[b-emnamzg10k] {
    color: #b9dcff;
    border-color: rgba(69, 143, 246, 0.42);
    background: rgba(24, 77, 145, 0.42);
}

.workflow-step--review .workflow-step__icon[b-emnamzg10k] {
    color: #ffe0a0;
    border-color: rgba(255, 191, 69, 0.48);
    background: rgba(114, 73, 5, 0.5);
}

.workflow-step small[b-emnamzg10k],
.workflow-step strong[b-emnamzg10k],
.workflow-step span[b-emnamzg10k] {
    display: block;
}

.workflow-step small[b-emnamzg10k] {
    margin-bottom: 5px;
    color: #f2f6fd;
    font-size: 13px;
    font-weight: 650;
}

.workflow-step strong[b-emnamzg10k] {
    float: left;
    margin-right: 7px;
    color: var(--zd-teal);
    font-size: 25px;
    line-height: 1;
}

.workflow-step--review strong[b-emnamzg10k] {
    color: var(--zd-amber);
}

.workflow-step span[b-emnamzg10k] {
    padding-top: 5px;
    color: var(--zd-muted);
    font-size: 12px;
}

.workflow-chevron[b-emnamzg10k] {
    display: grid;
    place-items: center;
    color: #788ba9;
    font-size: 30px;
}

.content-section[b-emnamzg10k] {
    display: grid;
    gap: 14px;
}

.section-heading-row[b-emnamzg10k] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.section-heading-row h3[b-emnamzg10k] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
}

.section-heading-row p[b-emnamzg10k] {
    margin: 5px 0 0;
    color: var(--zd-muted);
    font-size: 12px;
    line-height: 1.5;
}

.count-badge[b-emnamzg10k] {
    padding: 6px 10px;
    border: 1px solid var(--zd-border-strong);
    border-radius: 999px;
    color: #dbe8fa;
    background: rgba(10, 22, 40, 0.86);
    font-size: 11px;
    font-weight: 680;
}

.provider-grid[b-emnamzg10k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.brokerage-account-grid[b-emnamzg10k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.loading-card[b-emnamzg10k],
.empty-page-state[b-emnamzg10k],
.empty-accounts-state[b-emnamzg10k] {
    border: 1px solid var(--zd-border);
    border-radius: 16px;
    background: var(--zd-surface);
}

.loading-card[b-emnamzg10k] {
    padding: 28px;
    color: var(--zd-muted);
    text-align: center;
}

.empty-page-state[b-emnamzg10k] {
    display: grid;
    justify-items: center;
    padding: 50px 24px;
    text-align: center;
}

.empty-page-state__icon[b-emnamzg10k] {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(22, 217, 177, 0.34);
    border-radius: 18px;
    color: var(--zd-teal);
    background: rgba(6, 92, 79, 0.26);
    font-size: 28px;
}

.empty-page-state h3[b-emnamzg10k] {
    margin: 18px 0 0;
    font-size: 20px;
}

.empty-page-state p[b-emnamzg10k] {
    max-width: 620px;
    margin: 8px 0 20px;
    color: var(--zd-muted);
    font-size: 13px;
    line-height: 1.6;
}

.empty-accounts-state[b-emnamzg10k] {
    display: grid;
    justify-items: center;
    padding: 28px;
    color: var(--zd-muted);
    text-align: center;
}

.empty-accounts-state strong[b-emnamzg10k] {
    color: #e3ecfa;
    font-size: 14px;
}

.empty-accounts-state span[b-emnamzg10k] {
    margin-top: 5px;
    font-size: 12px;
}

.security-banner[b-emnamzg10k] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid var(--zd-border);
    border-radius: 15px;
    background: linear-gradient(90deg, rgba(28, 67, 116, 0.24), rgba(9, 20, 37, 0.8));
}

.security-banner__icon[b-emnamzg10k] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #c8e6ff;
    background: rgba(57, 123, 203, 0.34);
}

.security-banner strong[b-emnamzg10k],
.security-banner span[b-emnamzg10k] {
    display: block;
}

.security-banner strong[b-emnamzg10k] {
    font-size: 13px;
}

.security-banner span[b-emnamzg10k] {
    margin-top: 3px;
    color: var(--zd-muted);
    font-size: 11px;
}

/* Child provider cards */
.broker-page[b-emnamzg10k]  .provider-summary-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 112px;
    padding: 18px;
    border: 1px solid var(--zd-border);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(13, 27, 51, 0.88), rgba(7, 16, 31, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.broker-page[b-emnamzg10k]  .provider-summary-card__main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.broker-page[b-emnamzg10k]  .provider-mark,
.broker-page[b-emnamzg10k]  .account-provider-mark {
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-weight: 760;
    letter-spacing: -0.04em;
}

.broker-page[b-emnamzg10k]  .provider-mark {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    font-size: 18px;
}

.broker-page[b-emnamzg10k]  .provider-mark--snaptrade,
.broker-page[b-emnamzg10k]  .account-provider-mark--snaptrade {
    color: #d8fffa;
    border: 1px solid rgba(23, 217, 184, 0.45);
    background: linear-gradient(145deg, #0e766a, #0c3042);
}

.broker-page[b-emnamzg10k]  .provider-mark--ctrader,
.broker-page[b-emnamzg10k]  .account-provider-mark--ctrader {
    color: #fff;
    border: 1px solid rgba(255, 111, 94, 0.52);
    background: linear-gradient(145deg, #ed5a49, #8e1f2a);
}

.broker-page[b-emnamzg10k]  .provider-summary-card__title-row,
.broker-page[b-emnamzg10k]  .broker-account-card__title-row,
.broker-page[b-emnamzg10k]  .connection-manager__title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.broker-page[b-emnamzg10k]  .provider-summary-card h4,
.broker-page[b-emnamzg10k]  .broker-account-card h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 720;
}

.broker-page[b-emnamzg10k]  .provider-summary-card p,
.broker-page[b-emnamzg10k]  .broker-account-card__identity p {
    margin: 4px 0 0;
    color: var(--zd-muted);
    font-size: 11px;
}

.broker-page[b-emnamzg10k]  .provider-summary-card__copy > span {
    display: block;
    margin-top: 6px;
    color: var(--zd-muted);
    font-size: 11px;
}

.broker-page[b-emnamzg10k]  .provider-summary-card__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.broker-page[b-emnamzg10k]  .provider-ready-label {
    color: var(--zd-amber);
    font-size: 11px;
    font-weight: 700;
}

.broker-page[b-emnamzg10k]  .state-pill {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 3px 7px;
    border: 1px solid var(--zd-border);
    border-radius: 999px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.broker-page[b-emnamzg10k]  .state-pill--healthy {
    color: #82efd2;
    border-color: rgba(22, 217, 177, 0.4);
    background: rgba(7, 100, 82, 0.25);
}

.broker-page[b-emnamzg10k]  .state-pill--warning {
    color: #ffda85;
    border-color: rgba(255, 191, 69, 0.42);
    background: rgba(107, 69, 8, 0.26);
}

.broker-page[b-emnamzg10k]  .state-pill--neutral {
    color: #a7bad5;
    background: rgba(40, 59, 85, 0.44);
}

.broker-page[b-emnamzg10k]  .state-pill--readonly {
    color: #c9a8ff;
    border-color: rgba(168, 115, 255, 0.38);
    background: rgba(83, 42, 139, 0.24);
}

.broker-page[b-emnamzg10k]  .state-pill--paper {
    color: #9cefff;
    border-color: rgba(76, 201, 255, 0.42);
    background: rgba(13, 84, 113, 0.28);
}

.broker-page[b-emnamzg10k]  .provider-inline-warning,
.broker-page[b-emnamzg10k]  .account-inline-warning {
    margin-top: 8px;
    padding: 9px 11px;
    border-radius: 10px;
    font-size: 10px;
    line-height: 1.45;
}

.broker-page[b-emnamzg10k]  .provider-inline-warning--error,
.broker-page[b-emnamzg10k]  .account-inline-warning--error {
    color: #ffc0c8;
    border: 1px solid rgba(255, 110, 124, 0.36);
    background: rgba(91, 21, 33, 0.24);
}

.broker-page[b-emnamzg10k]  .provider-inline-warning--warning,
.broker-page[b-emnamzg10k]  .account-inline-warning--warning {
    color: #ffe0a3;
    border: 1px solid rgba(255, 191, 69, 0.32);
    background: rgba(89, 57, 6, 0.22);
}

/* Child account cards */
.broker-page[b-emnamzg10k]  .broker-account-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 330px;
    padding: 16px;
    border: 1px solid var(--zd-border);
    border-radius: 15px;
    background:
        radial-gradient(circle at 100% 0%, rgba(42, 98, 162, 0.10), transparent 36%),
        linear-gradient(155deg, rgba(11, 24, 46, 0.95), rgba(6, 15, 29, 0.96));
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}

.broker-page[b-emnamzg10k]  .broker-account-card--ready {
    border-color: rgba(255, 191, 69, 0.42);
    box-shadow: 0 15px 36px rgba(100, 63, 7, 0.12);
}

.broker-page[b-emnamzg10k]  .broker-account-card__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 11px;
    min-height: 48px;
}

.broker-page[b-emnamzg10k]  .account-provider-mark {
    width: 34px;
    height: 34px;
    font-size: 12px;
}

.broker-page[b-emnamzg10k]  .broker-account-card__identity {
    min-width: 0;
}

.broker-page[b-emnamzg10k]  .broker-account-card__identity h4 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.broker-page[b-emnamzg10k]  .account-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 17px;
    padding: 14px 0;
    border-top: 1px solid rgba(110, 137, 176, 0.18);
    border-bottom: 1px solid rgba(110, 137, 176, 0.18);
}

.broker-page[b-emnamzg10k]  .account-metric {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    min-width: 0;
    padding: 0 9px;
    border-right: 1px solid rgba(110, 137, 176, 0.16);
}

.broker-page[b-emnamzg10k]  .account-metric:first-child {
    padding-left: 0;
}

.broker-page[b-emnamzg10k]  .account-metric:last-child {
    padding-right: 0;
    border-right: 0;
}

.broker-page[b-emnamzg10k]  .account-metric__icon {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 6px;
    color: #afc3df;
    background: rgba(64, 86, 119, 0.28);
    font-size: 11px;
}

.broker-page[b-emnamzg10k]  .account-metric__icon--blue {
    color: #92cfff;
    background: rgba(28, 91, 155, 0.3);
}

.broker-page[b-emnamzg10k]  .account-metric__icon--green {
    color: #82f0cd;
    background: rgba(8, 105, 82, 0.31);
}

.broker-page[b-emnamzg10k]  .account-metric__icon--amber {
    color: #ffd278;
    background: rgba(107, 68, 6, 0.31);
}

.broker-page[b-emnamzg10k]  .account-metric strong,
.broker-page[b-emnamzg10k]  .account-metric small {
    display: block;
}

.broker-page[b-emnamzg10k]  .account-metric strong {
    max-width: 82px;
    overflow: hidden;
    color: #f4f8ff;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.broker-page[b-emnamzg10k]  .account-metric small {
    margin-top: 3px;
    color: var(--zd-muted);
    font-size: 8px;
    line-height: 1.3;
}

.broker-page[b-emnamzg10k]  .account-empty-panel {
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 126px;
    margin-top: 16px;
    padding: 14px;
    border-top: 1px solid rgba(110, 137, 176, 0.18);
    border-bottom: 1px solid rgba(110, 137, 176, 0.18);
    color: var(--zd-muted);
    text-align: center;
}

.broker-page[b-emnamzg10k]  .account-empty-panel__icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
    border-radius: 13px;
    color: #c39aff;
    background: rgba(88, 46, 151, 0.31);
    font-size: 22px;
}

.broker-page[b-emnamzg10k]  .account-empty-panel strong {
    color: #cdafff;
    font-size: 13px;
}

.broker-page[b-emnamzg10k]  .account-empty-panel span {
    margin-top: 4px;
    font-size: 10px;
}

.broker-page[b-emnamzg10k]  .account-status-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 13px;
}

.broker-page[b-emnamzg10k]  .account-status-row > div {
    padding: 10px 11px;
    border: 1px solid rgba(107, 136, 178, 0.17);
    border-radius: 9px;
    background: rgba(12, 25, 45, 0.58);
}

.broker-page[b-emnamzg10k]  .account-status-row small,
.broker-page[b-emnamzg10k]  .account-status-row strong {
    display: block;
}

.broker-page[b-emnamzg10k]  .account-status-row small {
    color: var(--zd-subtle);
    font-size: 8px;
}

.broker-page[b-emnamzg10k]  .account-status-row strong {
    margin-top: 4px;
    color: #dce9fb;
    font-size: 10px;
}

.broker-page[b-emnamzg10k]  .broker-account-card__footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: auto;
    padding-top: 14px;
}

.broker-page[b-emnamzg10k]  .account-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 54px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #eaf3ff;
    background: transparent;
    cursor: pointer;
    transition: transform 150ms ease, background 150ms ease, border-color 150ms ease;
}

.broker-page[b-emnamzg10k]  .account-action:hover:not(:disabled) {
    transform: translateY(-1px);
}

.broker-page[b-emnamzg10k]  .account-action:disabled {
    opacity: 0.58;
    cursor: wait;
}

.broker-page[b-emnamzg10k]  .account-action > span:first-child {
    font-size: 17px;
}

.broker-page[b-emnamzg10k]  .account-action strong,
.broker-page[b-emnamzg10k]  .account-action small {
    display: block;
    text-align: left;
}

.broker-page[b-emnamzg10k]  .account-action strong {
    font-size: 10px;
}

.broker-page[b-emnamzg10k]  .account-action small {
    margin-top: 3px;
    color: rgba(226, 238, 255, 0.7);
    font-size: 8px;
}

.broker-page[b-emnamzg10k]  .account-action--review {
    border-color: rgba(111, 143, 188, 0.4);
    background: rgba(9, 20, 38, 0.84);
}

.broker-page[b-emnamzg10k]  .account-action--review:hover:not(:disabled) {
    border-color: rgba(100, 160, 237, 0.66);
    background: rgba(19, 40, 70, 0.9);
}

.broker-page[b-emnamzg10k]  .account-action--sync {
    color: #041a14;
    background: linear-gradient(135deg, #17d6ad, #0a9e7b);
}

.broker-page[b-emnamzg10k]  .account-action--sync small {
    color: rgba(2, 26, 20, 0.67);
}

.broker-page[b-emnamzg10k]  .account-action--first-sync {
    grid-column: 1 / -1;
    color: #f2eaff;
    border-color: rgba(168, 115, 255, 0.45);
    background: linear-gradient(135deg, rgba(100, 55, 168, 0.86), rgba(57, 34, 112, 0.92));
}

.broker-page[b-emnamzg10k]  .account-action--first-sync small {
    color: rgba(241, 229, 255, 0.72);
}

/* Dialogs shared by children */
.modal-backdrop[b-emnamzg10k] {
    position: fixed;
    z-index: 100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(1, 5, 13, 0.78);
    backdrop-filter: blur(8px);
}

.broker-page[b-emnamzg10k]  .modal-backdrop {
    position: fixed;
    z-index: 100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(1, 5, 13, 0.78);
    backdrop-filter: blur(8px);
}

.broker-modal[b-emnamzg10k],
.broker-page[b-emnamzg10k]  .connection-manager {
    width: min(820px, 96vw);
    max-height: 88vh;
    overflow: hidden;
    border: 1px solid var(--zd-border-strong);
    border-radius: 17px;
    background: #071124;
    box-shadow: 0 35px 100px rgba(0, 0, 0, 0.58);
}

.broker-modal__header[b-emnamzg10k],
.broker-page[b-emnamzg10k]  .connection-manager__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--zd-border);
}

.broker-modal__header h3[b-emnamzg10k],
.broker-page[b-emnamzg10k]  .connection-manager__header h3,
.broker-page[b-emnamzg10k]  .confirmation-dialog h3 {
    margin: 0;
    font-size: 18px;
}

.broker-modal__header p[b-emnamzg10k],
.broker-page[b-emnamzg10k]  .connection-manager__header p,
.broker-page[b-emnamzg10k]  .confirmation-dialog p {
    margin: 5px 0 0;
    color: var(--zd-muted);
    font-size: 12px;
    line-height: 1.5;
}

.broker-modal__search[b-emnamzg10k] {
    display: grid;
    gap: 10px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--zd-border);
}

.search-box[b-emnamzg10k] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--zd-border-strong);
    border-radius: 11px;
    background: rgba(12, 25, 47, 0.86);
}

.search-box input[b-emnamzg10k] {
    min-height: 42px;
    border: 0;
    outline: none;
    color: #edf5ff;
    background: transparent;
    font-size: 13px;
}

.search-box input[b-emnamzg10k]::placeholder {
    color: #687d9b;
}

.search-box button[b-emnamzg10k] {
    border: 0;
    color: #9eb1cd;
    background: transparent;
    cursor: pointer;
}

.read-only-note[b-emnamzg10k] {
    padding: 10px 12px;
    border: 1px solid rgba(76, 201, 255, 0.27);
    border-radius: 10px;
    color: #b9ddf2;
    background: rgba(20, 75, 102, 0.18);
    font-size: 10px;
}

.broker-modal__body[b-emnamzg10k],
.broker-page[b-emnamzg10k]  .connection-manager__body {
    max-height: 58vh;
    overflow-y: auto;
    padding: 18px 20px;
}

.broker-choice-grid[b-emnamzg10k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.broker-choice-card[b-emnamzg10k] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--zd-border);
    border-radius: 13px;
    background: rgba(12, 24, 44, 0.68);
}

.broker-choice-card__logo[b-emnamzg10k] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    color: #dffcf7;
    border: 1px solid rgba(22, 217, 177, 0.35);
    background: rgba(8, 94, 80, 0.28);
    font-weight: 760;
}

.broker-choice-card__title-row[b-emnamzg10k] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.broker-choice-card h4[b-emnamzg10k] {
    margin: 0;
    font-size: 13px;
}

.broker-choice-card p[b-emnamzg10k] {
    margin: 6px 0;
    color: var(--zd-muted);
    font-size: 11px;
    line-height: 1.45;
}

.broker-choice-card small[b-emnamzg10k] {
    color: var(--zd-subtle);
    font-size: 9px;
}

.broker-choice-card__action[b-emnamzg10k] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
}

.mini-status[b-emnamzg10k] {
    padding: 3px 6px;
    border: 1px solid var(--zd-border);
    border-radius: 999px;
    color: var(--zd-subtle);
    font-size: 7px;
    font-weight: 800;
}

.mini-status--available[b-emnamzg10k] {
    color: #7ce7c9;
    border-color: rgba(22, 217, 177, 0.34);
}

.broker-page[b-emnamzg10k]  .connection-manager__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px;
    border: 1px solid var(--zd-border);
    border-radius: 12px;
    background: rgba(12, 25, 46, 0.7);
}

.broker-page[b-emnamzg10k]  .connection-manager__row + .connection-manager__row {
    margin-top: 10px;
}

.broker-page[b-emnamzg10k]  .connection-manager__row--warning {
    border-color: rgba(255, 191, 69, 0.34);
}

.broker-page[b-emnamzg10k]  .connection-manager__row > div > span {
    display: block;
    margin-top: 5px;
    color: var(--zd-muted);
    font-size: 10px;
}

.broker-page[b-emnamzg10k]  .connection-manager__actions,
.broker-page[b-emnamzg10k]  .confirmation-dialog__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.broker-page[b-emnamzg10k]  .confirmation-dialog {
    width: min(430px, 94vw);
    padding: 24px;
    border: 1px solid var(--zd-border-strong);
    border-radius: 16px;
    background: #091427;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
    text-align: center;
}

.broker-page[b-emnamzg10k]  .confirmation-dialog__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 14px;
    border-radius: 50%;
    color: #ffcf77;
    background: rgba(107, 69, 7, 0.34);
    font-size: 22px;
    font-weight: 800;
}

.broker-page[b-emnamzg10k]  .confirmation-dialog__actions {
    justify-content: center;
    margin-top: 20px;
}

@media (max-width: 1320px) {
    .brokerage-account-grid[b-emnamzg10k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .broker-page__header[b-emnamzg10k] {
        flex-direction: column;
    }

    .broker-page__header-actions[b-emnamzg10k] {
        width: 100%;
        flex-wrap: wrap;
    }

    .workflow-card[b-emnamzg10k] {
        grid-template-columns: 1fr;
    }

    .workflow-chevron[b-emnamzg10k] {
        display: none;
    }

    .provider-grid[b-emnamzg10k],
    .brokerage-account-grid[b-emnamzg10k] {
        grid-template-columns: 1fr;
    }

    .broker-choice-grid[b-emnamzg10k] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .last-sync-card[b-emnamzg10k] {
        width: 100%;
    }

    .section-heading-row[b-emnamzg10k],
    .security-banner[b-emnamzg10k],
    .broker-page[b-emnamzg10k]  .provider-summary-card,
    .broker-page[b-emnamzg10k]  .connection-manager__row {
        align-items: flex-start;
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .broker-page[b-emnamzg10k]  .account-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 14px;
    }

    .broker-page[b-emnamzg10k]  .account-metric:nth-child(2) {
        border-right: 0;
    }

    .broker-page[b-emnamzg10k]  .broker-account-card__footer {
        grid-template-columns: 1fr;
    }

    .broker-page[b-emnamzg10k]  .account-action--first-sync {
        grid-column: auto;
    }
}


/* Brokerage account → ZenDisciplr journal destination */
.journal-link-card[b-emnamzg10k] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0 0 0.9rem;
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(71, 85, 105, 0.48);
    border-radius: 0.8rem;
    background: rgba(7, 15, 31, 0.48);
}

.journal-link-card--linked[b-emnamzg10k] {
    border-color: rgba(20, 184, 166, 0.34);
    background: linear-gradient(90deg, rgba(13, 148, 136, 0.12), rgba(7, 15, 31, 0.44));
}

.journal-link-card--unlinked[b-emnamzg10k] {
    border-color: rgba(245, 158, 11, 0.28);
    background: linear-gradient(90deg, rgba(120, 53, 15, 0.12), rgba(7, 15, 31, 0.44));
}

.journal-link-card__icon[b-emnamzg10k] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    place-items: center;
    border-radius: 0.62rem;
    background: rgba(15, 23, 42, 0.82);
    color: #5eead4;
    font-size: 1rem;
    font-weight: 800;
}

.journal-link-card__copy[b-emnamzg10k] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.journal-link-card__copy small[b-emnamzg10k] {
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.journal-link-card__copy strong[b-emnamzg10k] {
    overflow: hidden;
    color: #e2e8f0;
    font-size: 0.82rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.journal-link-card__copy span[b-emnamzg10k] {
    color: #94a3b8;
    font-size: 0.7rem;
    line-height: 1.3;
}

.journal-link-card__status[b-emnamzg10k] {
    margin-left: auto;
    padding: 0.22rem 0.48rem;
    border: 1px solid rgba(20, 184, 166, 0.42);
    border-radius: 999px;
    background: rgba(13, 148, 136, 0.14);
    color: #99f6e4;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}


/* Clear brokerage account → ZenDisciplr trading account relationship */
.broker-page[b-emnamzg10k]  .journal-link-card {
    width: 100%;
    min-height: 72px;
    margin: 0 0 14px;
    padding: 11px 12px;
    font: inherit;
    text-align: left;
}

.broker-page[b-emnamzg10k]  .journal-link-card--interactive {
    appearance: none;
    cursor: pointer;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.broker-page[b-emnamzg10k]  .journal-link-card--interactive:hover,
.broker-page[b-emnamzg10k]  .journal-link-card--interactive:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(45, 212, 191, 0.62);
    background: linear-gradient(90deg, rgba(13, 148, 136, 0.2), rgba(7, 15, 31, 0.62));
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
    outline: none;
}

.broker-page[b-emnamzg10k]  .journal-link-card__copy {
    flex: 1 1 auto;
}

.broker-page[b-emnamzg10k]  .journal-link-card__copy small {
    color: #8298b8;
    font-size: 9px;
}

.broker-page[b-emnamzg10k]  .journal-link-card__copy strong {
    color: #f0f7ff;
    font-size: 12px;
}

.broker-page[b-emnamzg10k]  .journal-link-card__copy span {
    margin-top: 2px;
    color: #8fa2be;
    font-size: 9px;
}

.broker-page[b-emnamzg10k]  .journal-link-card__icon--warning {
    color: #ffd37a;
    background: rgba(120, 71, 9, 0.32);
}

.broker-page[b-emnamzg10k]  .journal-link-card__status--warning {
    border-color: rgba(245, 158, 11, 0.4);
    color: #ffd98a;
    background: rgba(120, 71, 9, 0.2);
}

.broker-page[b-emnamzg10k]  .journal-link-card__open {
    margin-left: 1px;
    color: #70e9d1;
    font-size: 22px;
    line-height: 1;
}

@media (max-width: 720px) {
    .broker-page[b-emnamzg10k]  .journal-link-card {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .broker-page[b-emnamzg10k]  .journal-link-card__status {
        margin-left: 2.7rem;
    }

    .broker-page[b-emnamzg10k]  .journal-link-card__open {
        margin-left: auto;
    }
}
/* /Components/Pages/Settings/CTraderConnectionCard.razor.rz.scp.css */
.provider-card[b-0khhggdpti] {
    position: relative;
    overflow: visible;
    border: 1px solid rgba(51, 65, 85, 0.9);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(8, 15, 32, 0.96), rgba(4, 10, 24, 0.96));
}

.provider-header[b-0khhggdpti] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 19px 20px;
    border-bottom: 1px solid rgba(51, 65, 85, 0.72);
}

.provider-identity[b-0khhggdpti] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 14px;
}

.provider-logo[b-0khhggdpti] {
    display: grid;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    place-items: center;
    border: 1px solid rgba(8, 145, 178, 0.55);
    border-radius: 14px;
    color: #a5f3fc;
    background: radial-gradient(circle at 30% 20%, rgba(34, 211, 238, 0.16), transparent 62%), rgba(8, 47, 73, 0.62);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.provider-logo-ctrader[b-0khhggdpti] {
    border-color: rgba(244, 63, 94, 0.48);
    color: #fecdd3;
    background: radial-gradient(circle at 30% 20%, rgba(244, 63, 94, 0.18), transparent 62%), rgba(76, 5, 25, 0.5);
}

.provider-title-row[b-0khhggdpti],
.account-title-row[b-0khhggdpti],
.connection-title-row[b-0khhggdpti] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.provider-title-row h3[b-0khhggdpti],
.section-heading h4[b-0khhggdpti],
.account-title-row h5[b-0khhggdpti] {
    margin: 0;
    color: #f8fafc;
    letter-spacing: -0.015em;
}

.provider-title-row h3[b-0khhggdpti] { font-size: 18px; font-weight: 760; }
.section-heading h4[b-0khhggdpti] { font-size: 16px; font-weight: 730; }
.account-title-row h5[b-0khhggdpti] { font-size: 16px; font-weight: 740; }

.provider-identity p[b-0khhggdpti],
.section-heading p[b-0khhggdpti],
.account-topline p[b-0khhggdpti] {
    margin: 0;
    color: #94a3b8;
}

.provider-identity > div:nth-child(2) > p[b-0khhggdpti] {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.5;
}

.provider-meta[b-0khhggdpti] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
}

.provider-actions[b-0khhggdpti],
.account-actions[b-0khhggdpti],
.connection-actions[b-0khhggdpti],
.delete-actions[b-0khhggdpti] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 9px;
}

.status-pill[b-0khhggdpti],
.count-pill[b-0khhggdpti] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid rgba(71, 85, 105, 0.82);
    border-radius: 999px;
    color: #cbd5e1;
    background: rgba(15, 23, 42, 0.68);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.045em;
    line-height: 1;
}

.status-good[b-0khhggdpti] {
    border-color: rgba(16, 185, 129, 0.54);
    color: #a7f3d0;
    background: rgba(6, 78, 59, 0.34);
}

.status-warning[b-0khhggdpti] {
    border-color: rgba(245, 158, 11, 0.6);
    color: #fde68a;
    background: rgba(120, 53, 15, 0.32);
}

.status-paper[b-0khhggdpti] {
    border-color: rgba(34, 211, 238, 0.6);
    color: #a5f3fc;
    background: rgba(8, 145, 178, 0.18);
}

.status-live[b-0khhggdpti] {
    border-color: rgba(244, 63, 94, 0.58);
    color: #fecdd3;
    background: rgba(136, 19, 55, 0.3);
}

.status-readonly[b-0khhggdpti] {
    border-color: rgba(16, 185, 129, 0.44);
    color: #6ee7b7;
    background: rgba(6, 78, 59, 0.22);
}

.status-neutral[b-0khhggdpti] {
    border-color: rgba(71, 85, 105, 0.82);
    color: #94a3b8;
    background: rgba(15, 23, 42, 0.68);
}

.zd-btn[b-0khhggdpti],
.icon-button[b-0khhggdpti] {
    appearance: none;
    cursor: pointer;
    transition: transform 140ms ease, background 140ms ease, border-color 140ms ease;
}

.zd-btn[b-0khhggdpti] {
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 750;
}

.zd-btn:hover:not(:disabled)[b-0khhggdpti],
.icon-button:hover:not(:disabled)[b-0khhggdpti] { transform: translateY(-1px); }
.zd-btn:disabled[b-0khhggdpti],
.icon-button:disabled[b-0khhggdpti] { opacity: 0.55; cursor: default; }

.zd-btn-primary[b-0khhggdpti] {
    color: #031811;
    background: linear-gradient(180deg, #10b981, #059669);
}

.zd-btn-primary:hover:not(:disabled)[b-0khhggdpti] { background: linear-gradient(180deg, #34d399, #10b981); }

.zd-btn-secondary[b-0khhggdpti] {
    border-color: rgba(71, 85, 105, 0.9);
    color: #e2e8f0;
    background: rgba(15, 23, 42, 0.72);
}

.zd-btn-review[b-0khhggdpti] {
    border-color: rgba(34, 211, 238, 0.5);
    color: #a5f3fc;
    background: rgba(8, 145, 178, 0.12);
}

.zd-btn-warning[b-0khhggdpti] {
    color: #1c1402;
    background: #fbbf24;
}

.zd-btn-danger[b-0khhggdpti] {
    color: #fff1f2;
    background: #e11d48;
}

.icon-button[b-0khhggdpti] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(71, 85, 105, 0.9);
    border-radius: 11px;
    color: #cbd5e1;
    background: rgba(15, 23, 42, 0.72);
    font-size: 18px;
    line-height: 1;
}

.menu-wrap[b-0khhggdpti] { position: relative; }

.action-menu[b-0khhggdpti] {
    position: absolute;
    top: 47px;
    right: 0;
    z-index: 60;
    width: 226px;
    overflow: hidden;
    border: 1px solid rgba(71, 85, 105, 0.92);
    border-radius: 12px;
    background: #050b18;
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.55);
}

.action-menu-right[b-0khhggdpti] { top: 45px; }

.action-menu button[b-0khhggdpti] {
    display: block;
    width: 100%;
    padding: 12px 14px;
    border: 0;
    color: #dbe4ef;
    background: transparent;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.action-menu button:hover[b-0khhggdpti] { background: rgba(30, 41, 59, 0.78); }
.action-menu .danger-action[b-0khhggdpti] { color: #fda4af; }
.action-menu .danger-action:hover[b-0khhggdpti] { background: rgba(136, 19, 55, 0.24); }
.action-menu .warning-action[b-0khhggdpti] { color: #fde68a; }

.persistent-message[b-0khhggdpti] {
    margin: 0 18px 16px;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.55;
}

.persistent-error[b-0khhggdpti] {
    border: 1px solid rgba(244, 63, 94, 0.46);
    color: #fecdd3;
    background: rgba(76, 5, 25, 0.34);
}

.persistent-warning[b-0khhggdpti] {
    border: 1px solid rgba(245, 158, 11, 0.45);
    color: #fde68a;
    background: rgba(120, 53, 15, 0.22);
}

.compact-message[b-0khhggdpti] { margin: 12px 0 0; }

.connection-strip[b-0khhggdpti] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(51, 65, 85, 0.7);
    background: rgba(2, 6, 23, 0.23);
}

.connection-item[b-0khhggdpti] {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 12px 13px;
    border: 1px solid rgba(51, 65, 85, 0.84);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.44);
}

.connection-item-warning[b-0khhggdpti] {
    border-color: rgba(245, 158, 11, 0.48);
    background: rgba(120, 53, 15, 0.12);
}

.connection-icon[b-0khhggdpti] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    color: #67e8f9;
    background: rgba(8, 145, 178, 0.14);
    font-size: 17px;
}

.connection-copy[b-0khhggdpti] { min-width: 0; }
.connection-title-row strong[b-0khhggdpti] { overflow: hidden; color: #e2e8f0; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.connection-copy > span[b-0khhggdpti] { display: block; margin-top: 3px; color: #64748b; font-size: 11px; }
.connection-warning[b-0khhggdpti] { grid-column: 2 / -1; margin: 0; color: #fcd34d; font-size: 11px; line-height: 1.5; }

.delete-confirmation[b-0khhggdpti] {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 13px;
    border: 1px solid rgba(244, 63, 94, 0.5);
    border-radius: 10px;
    background: rgba(76, 5, 25, 0.3);
}

.provider-confirmation[b-0khhggdpti] { margin: 0 18px 16px; }
.delete-confirmation strong[b-0khhggdpti],
.delete-confirmation span[b-0khhggdpti] { display: block; }
.delete-confirmation strong[b-0khhggdpti] { color: #fecdd3; font-size: 13px; }
.delete-confirmation span[b-0khhggdpti] { margin-top: 3px; color: #94a3b8; font-size: 11px; line-height: 1.45; }

.provider-body[b-0khhggdpti] { padding: 18px; }

.section-heading[b-0khhggdpti] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 13px;
}

.section-heading p[b-0khhggdpti] { margin-top: 4px; font-size: 12px; line-height: 1.5; }
.count-pill[b-0khhggdpti] { color: #cbd5e1; white-space: nowrap; }

.account-grid[b-0khhggdpti] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.account-card[b-0khhggdpti] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 232px;
    flex-direction: column;
    padding: 16px;
    border: 1px solid rgba(51, 65, 85, 0.92);
    border-radius: 14px;
    background: linear-gradient(155deg, rgba(15, 23, 42, 0.68), rgba(3, 9, 22, 0.78));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
}

.account-topline[b-0khhggdpti] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.account-topline > div:first-child[b-0khhggdpti] { min-width: 0; }
.account-topline p[b-0khhggdpti] { margin-top: 5px; font-size: 12px; line-height: 1.5; }

.account-empty-evidence[b-0khhggdpti] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 12px;
    min-height: 86px;
    margin-top: 14px;
    padding: 14px;
    border: 1px dashed rgba(71, 85, 105, 0.7);
    border-radius: 11px;
    background: rgba(2, 6, 23, 0.24);
}

.account-empty-icon[b-0khhggdpti] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 10px;
    color: #c4b5fd;
    background: rgba(91, 33, 182, 0.24);
    font-size: 18px;
}

.account-empty-evidence strong[b-0khhggdpti],
.account-empty-evidence span[b-0khhggdpti] { display: block; }
.account-empty-evidence strong[b-0khhggdpti] { color: #e2e8f0; font-size: 13px; }
.account-empty-evidence span[b-0khhggdpti] { margin-top: 3px; color: #64748b; font-size: 11px; }

.metric-grid[b-0khhggdpti] {
    display: grid;
    grid-template-columns: 0.72fr 0.72fr 0.72fr 1.65fr;
    gap: 8px;
    margin-top: 14px;
}

.metric[b-0khhggdpti] {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(51, 65, 85, 0.7);
    border-radius: 10px;
    background: rgba(2, 6, 23, 0.24);
}

.metric strong[b-0khhggdpti],
.metric span[b-0khhggdpti] { display: block; }
.metric strong[b-0khhggdpti] { overflow: hidden; color: #e2e8f0; font-size: 14px; font-weight: 730; text-overflow: ellipsis; white-space: nowrap; }
.metric span[b-0khhggdpti] { margin-top: 3px; color: #64748b; font-size: 10px; text-transform: uppercase; letter-spacing: 0.045em; }
.metric-open strong[b-0khhggdpti] { color: #67e8f9; }
.metric-ready strong[b-0khhggdpti] { color: #6ee7b7; }
.metric:last-child strong[b-0khhggdpti] { font-size: 11px; }

.account-footer[b-0khhggdpti] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 15px;
}

.account-next-step[b-0khhggdpti] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    color: #94a3b8;
    font-size: 11px;
}

.next-step-dot[b-0khhggdpti] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #64748b;
}
.next-step-open[b-0khhggdpti] { background: #22d3ee; }
.next-step-ready[b-0khhggdpti] { background: #10b981; box-shadow: 0 0 10px rgba(16, 185, 129, 0.55); }

.empty-provider-state[b-0khhggdpti] {
    display: grid;
    min-height: 110px;
    place-items: center;
    padding: 24px;
    border: 1px dashed rgba(71, 85, 105, 0.72);
    border-radius: 13px;
    text-align: center;
}
.empty-provider-state strong[b-0khhggdpti],
.empty-provider-state span[b-0khhggdpti] { display: block; }
.empty-provider-state strong[b-0khhggdpti] { color: #e2e8f0; font-size: 14px; }
.empty-provider-state span[b-0khhggdpti] { margin-top: 5px; color: #64748b; font-size: 12px; }

@media (max-width: 1180px) {
    .account-grid[b-0khhggdpti],
    .connection-strip[b-0khhggdpti] { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .provider-header[b-0khhggdpti] { flex-direction: column; align-items: stretch; padding: 16px; }
    .provider-actions[b-0khhggdpti] { justify-content: flex-end; }
    .provider-body[b-0khhggdpti] { padding: 14px; }
    .section-heading[b-0khhggdpti] { align-items: flex-start; }
    .metric-grid[b-0khhggdpti] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .account-footer[b-0khhggdpti] { align-items: flex-start; flex-direction: column; }
    .account-actions[b-0khhggdpti] { width: 100%; }
    .account-actions .zd-btn[b-0khhggdpti] { flex: 1; }
    .connection-item[b-0khhggdpti] { grid-template-columns: 36px minmax(0, 1fr); }
    .connection-actions[b-0khhggdpti] { grid-column: 2; justify-content: flex-end; }
    .delete-confirmation[b-0khhggdpti] { align-items: stretch; flex-direction: column; }
}
/* /Components/Pages/Settings/SnapTradeConnectionCard.razor.rz.scp.css */
.provider-card[b-xfke4rnhnx] {
    position: relative;
    overflow: visible;
    border: 1px solid rgba(51, 65, 85, 0.9);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(8, 15, 32, 0.96), rgba(4, 10, 24, 0.96));
}

.provider-header[b-xfke4rnhnx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 19px 20px;
    border-bottom: 1px solid rgba(51, 65, 85, 0.72);
}

.provider-identity[b-xfke4rnhnx] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 14px;
}

.provider-logo[b-xfke4rnhnx] {
    display: grid;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    place-items: center;
    border: 1px solid rgba(8, 145, 178, 0.55);
    border-radius: 14px;
    color: #a5f3fc;
    background: radial-gradient(circle at 30% 20%, rgba(34, 211, 238, 0.16), transparent 62%), rgba(8, 47, 73, 0.62);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.provider-logo-ctrader[b-xfke4rnhnx] {
    border-color: rgba(244, 63, 94, 0.48);
    color: #fecdd3;
    background: radial-gradient(circle at 30% 20%, rgba(244, 63, 94, 0.18), transparent 62%), rgba(76, 5, 25, 0.5);
}

.provider-title-row[b-xfke4rnhnx],
.account-title-row[b-xfke4rnhnx],
.connection-title-row[b-xfke4rnhnx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.provider-title-row h3[b-xfke4rnhnx],
.section-heading h4[b-xfke4rnhnx],
.account-title-row h5[b-xfke4rnhnx] {
    margin: 0;
    color: #f8fafc;
    letter-spacing: -0.015em;
}

.provider-title-row h3[b-xfke4rnhnx] { font-size: 18px; font-weight: 760; }
.section-heading h4[b-xfke4rnhnx] { font-size: 16px; font-weight: 730; }
.account-title-row h5[b-xfke4rnhnx] { font-size: 16px; font-weight: 740; }

.provider-identity p[b-xfke4rnhnx],
.section-heading p[b-xfke4rnhnx],
.account-topline p[b-xfke4rnhnx] {
    margin: 0;
    color: #94a3b8;
}

.provider-identity > div:nth-child(2) > p[b-xfke4rnhnx] {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.5;
}

.provider-meta[b-xfke4rnhnx] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
}

.provider-actions[b-xfke4rnhnx],
.account-actions[b-xfke4rnhnx],
.connection-actions[b-xfke4rnhnx],
.delete-actions[b-xfke4rnhnx] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 9px;
}

.status-pill[b-xfke4rnhnx],
.count-pill[b-xfke4rnhnx] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid rgba(71, 85, 105, 0.82);
    border-radius: 999px;
    color: #cbd5e1;
    background: rgba(15, 23, 42, 0.68);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.045em;
    line-height: 1;
}

.status-good[b-xfke4rnhnx] {
    border-color: rgba(16, 185, 129, 0.54);
    color: #a7f3d0;
    background: rgba(6, 78, 59, 0.34);
}

.status-warning[b-xfke4rnhnx] {
    border-color: rgba(245, 158, 11, 0.6);
    color: #fde68a;
    background: rgba(120, 53, 15, 0.32);
}

.status-paper[b-xfke4rnhnx] {
    border-color: rgba(34, 211, 238, 0.6);
    color: #a5f3fc;
    background: rgba(8, 145, 178, 0.18);
}

.status-live[b-xfke4rnhnx] {
    border-color: rgba(244, 63, 94, 0.58);
    color: #fecdd3;
    background: rgba(136, 19, 55, 0.3);
}

.status-readonly[b-xfke4rnhnx] {
    border-color: rgba(16, 185, 129, 0.44);
    color: #6ee7b7;
    background: rgba(6, 78, 59, 0.22);
}

.status-neutral[b-xfke4rnhnx] {
    border-color: rgba(71, 85, 105, 0.82);
    color: #94a3b8;
    background: rgba(15, 23, 42, 0.68);
}

.zd-btn[b-xfke4rnhnx],
.icon-button[b-xfke4rnhnx] {
    appearance: none;
    cursor: pointer;
    transition: transform 140ms ease, background 140ms ease, border-color 140ms ease;
}

.zd-btn[b-xfke4rnhnx] {
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 750;
}

.zd-btn:hover:not(:disabled)[b-xfke4rnhnx],
.icon-button:hover:not(:disabled)[b-xfke4rnhnx] { transform: translateY(-1px); }
.zd-btn:disabled[b-xfke4rnhnx],
.icon-button:disabled[b-xfke4rnhnx] { opacity: 0.55; cursor: default; }

.zd-btn-primary[b-xfke4rnhnx] {
    color: #031811;
    background: linear-gradient(180deg, #10b981, #059669);
}

.zd-btn-primary:hover:not(:disabled)[b-xfke4rnhnx] { background: linear-gradient(180deg, #34d399, #10b981); }

.zd-btn-secondary[b-xfke4rnhnx] {
    border-color: rgba(71, 85, 105, 0.9);
    color: #e2e8f0;
    background: rgba(15, 23, 42, 0.72);
}

.zd-btn-review[b-xfke4rnhnx] {
    border-color: rgba(34, 211, 238, 0.5);
    color: #a5f3fc;
    background: rgba(8, 145, 178, 0.12);
}

.zd-btn-warning[b-xfke4rnhnx] {
    color: #1c1402;
    background: #fbbf24;
}

.zd-btn-danger[b-xfke4rnhnx] {
    color: #fff1f2;
    background: #e11d48;
}

.icon-button[b-xfke4rnhnx] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(71, 85, 105, 0.9);
    border-radius: 11px;
    color: #cbd5e1;
    background: rgba(15, 23, 42, 0.72);
    font-size: 18px;
    line-height: 1;
}

.menu-wrap[b-xfke4rnhnx] { position: relative; }

.action-menu[b-xfke4rnhnx] {
    position: absolute;
    top: 47px;
    right: 0;
    z-index: 60;
    width: 226px;
    overflow: hidden;
    border: 1px solid rgba(71, 85, 105, 0.92);
    border-radius: 12px;
    background: #050b18;
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.55);
}

.action-menu-right[b-xfke4rnhnx] { top: 45px; }

.action-menu button[b-xfke4rnhnx] {
    display: block;
    width: 100%;
    padding: 12px 14px;
    border: 0;
    color: #dbe4ef;
    background: transparent;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.action-menu button:hover[b-xfke4rnhnx] { background: rgba(30, 41, 59, 0.78); }
.action-menu .danger-action[b-xfke4rnhnx] { color: #fda4af; }
.action-menu .danger-action:hover[b-xfke4rnhnx] { background: rgba(136, 19, 55, 0.24); }
.action-menu .warning-action[b-xfke4rnhnx] { color: #fde68a; }

.persistent-message[b-xfke4rnhnx] {
    margin: 0 18px 16px;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.55;
}

.persistent-error[b-xfke4rnhnx] {
    border: 1px solid rgba(244, 63, 94, 0.46);
    color: #fecdd3;
    background: rgba(76, 5, 25, 0.34);
}

.persistent-warning[b-xfke4rnhnx] {
    border: 1px solid rgba(245, 158, 11, 0.45);
    color: #fde68a;
    background: rgba(120, 53, 15, 0.22);
}

.compact-message[b-xfke4rnhnx] { margin: 12px 0 0; }

.connection-strip[b-xfke4rnhnx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(51, 65, 85, 0.7);
    background: rgba(2, 6, 23, 0.23);
}

.connection-item[b-xfke4rnhnx] {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 12px 13px;
    border: 1px solid rgba(51, 65, 85, 0.84);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.44);
}

.connection-item-warning[b-xfke4rnhnx] {
    border-color: rgba(245, 158, 11, 0.48);
    background: rgba(120, 53, 15, 0.12);
}

.connection-icon[b-xfke4rnhnx] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    color: #67e8f9;
    background: rgba(8, 145, 178, 0.14);
    font-size: 17px;
}

.connection-copy[b-xfke4rnhnx] { min-width: 0; }
.connection-title-row strong[b-xfke4rnhnx] { overflow: hidden; color: #e2e8f0; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.connection-copy > span[b-xfke4rnhnx] { display: block; margin-top: 3px; color: #64748b; font-size: 11px; }
.connection-warning[b-xfke4rnhnx] { grid-column: 2 / -1; margin: 0; color: #fcd34d; font-size: 11px; line-height: 1.5; }

.delete-confirmation[b-xfke4rnhnx] {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 13px;
    border: 1px solid rgba(244, 63, 94, 0.5);
    border-radius: 10px;
    background: rgba(76, 5, 25, 0.3);
}

.provider-confirmation[b-xfke4rnhnx] { margin: 0 18px 16px; }
.delete-confirmation strong[b-xfke4rnhnx],
.delete-confirmation span[b-xfke4rnhnx] { display: block; }
.delete-confirmation strong[b-xfke4rnhnx] { color: #fecdd3; font-size: 13px; }
.delete-confirmation span[b-xfke4rnhnx] { margin-top: 3px; color: #94a3b8; font-size: 11px; line-height: 1.45; }

.provider-body[b-xfke4rnhnx] { padding: 18px; }

.section-heading[b-xfke4rnhnx] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 13px;
}

.section-heading p[b-xfke4rnhnx] { margin-top: 4px; font-size: 12px; line-height: 1.5; }
.count-pill[b-xfke4rnhnx] { color: #cbd5e1; white-space: nowrap; }

.account-grid[b-xfke4rnhnx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.account-card[b-xfke4rnhnx] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 232px;
    flex-direction: column;
    padding: 16px;
    border: 1px solid rgba(51, 65, 85, 0.92);
    border-radius: 14px;
    background: linear-gradient(155deg, rgba(15, 23, 42, 0.68), rgba(3, 9, 22, 0.78));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
}

.account-topline[b-xfke4rnhnx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.account-topline > div:first-child[b-xfke4rnhnx] { min-width: 0; }
.account-topline p[b-xfke4rnhnx] { margin-top: 5px; font-size: 12px; line-height: 1.5; }

.account-empty-evidence[b-xfke4rnhnx] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 12px;
    min-height: 86px;
    margin-top: 14px;
    padding: 14px;
    border: 1px dashed rgba(71, 85, 105, 0.7);
    border-radius: 11px;
    background: rgba(2, 6, 23, 0.24);
}

.account-empty-icon[b-xfke4rnhnx] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 10px;
    color: #c4b5fd;
    background: rgba(91, 33, 182, 0.24);
    font-size: 18px;
}

.account-empty-evidence strong[b-xfke4rnhnx],
.account-empty-evidence span[b-xfke4rnhnx] { display: block; }
.account-empty-evidence strong[b-xfke4rnhnx] { color: #e2e8f0; font-size: 13px; }
.account-empty-evidence span[b-xfke4rnhnx] { margin-top: 3px; color: #64748b; font-size: 11px; }

.metric-grid[b-xfke4rnhnx] {
    display: grid;
    grid-template-columns: 0.72fr 0.72fr 0.72fr 1.65fr;
    gap: 8px;
    margin-top: 14px;
}

.metric[b-xfke4rnhnx] {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(51, 65, 85, 0.7);
    border-radius: 10px;
    background: rgba(2, 6, 23, 0.24);
}

.metric strong[b-xfke4rnhnx],
.metric span[b-xfke4rnhnx] { display: block; }
.metric strong[b-xfke4rnhnx] { overflow: hidden; color: #e2e8f0; font-size: 14px; font-weight: 730; text-overflow: ellipsis; white-space: nowrap; }
.metric span[b-xfke4rnhnx] { margin-top: 3px; color: #64748b; font-size: 10px; text-transform: uppercase; letter-spacing: 0.045em; }
.metric-open strong[b-xfke4rnhnx] { color: #67e8f9; }
.metric-ready strong[b-xfke4rnhnx] { color: #6ee7b7; }
.metric:last-child strong[b-xfke4rnhnx] { font-size: 11px; }

.account-footer[b-xfke4rnhnx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 15px;
}

.account-next-step[b-xfke4rnhnx] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    color: #94a3b8;
    font-size: 11px;
}

.next-step-dot[b-xfke4rnhnx] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #64748b;
}
.next-step-open[b-xfke4rnhnx] { background: #22d3ee; }
.next-step-ready[b-xfke4rnhnx] { background: #10b981; box-shadow: 0 0 10px rgba(16, 185, 129, 0.55); }

.empty-provider-state[b-xfke4rnhnx] {
    display: grid;
    min-height: 110px;
    place-items: center;
    padding: 24px;
    border: 1px dashed rgba(71, 85, 105, 0.72);
    border-radius: 13px;
    text-align: center;
}
.empty-provider-state strong[b-xfke4rnhnx],
.empty-provider-state span[b-xfke4rnhnx] { display: block; }
.empty-provider-state strong[b-xfke4rnhnx] { color: #e2e8f0; font-size: 14px; }
.empty-provider-state span[b-xfke4rnhnx] { margin-top: 5px; color: #64748b; font-size: 12px; }

@media (max-width: 1180px) {
    .account-grid[b-xfke4rnhnx],
    .connection-strip[b-xfke4rnhnx] { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .provider-header[b-xfke4rnhnx] { flex-direction: column; align-items: stretch; padding: 16px; }
    .provider-actions[b-xfke4rnhnx] { justify-content: flex-end; }
    .provider-body[b-xfke4rnhnx] { padding: 14px; }
    .section-heading[b-xfke4rnhnx] { align-items: flex-start; }
    .metric-grid[b-xfke4rnhnx] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .account-footer[b-xfke4rnhnx] { align-items: flex-start; flex-direction: column; }
    .account-actions[b-xfke4rnhnx] { width: 100%; }
    .account-actions .zd-btn[b-xfke4rnhnx] { flex: 1; }
    .connection-item[b-xfke4rnhnx] { grid-template-columns: 36px minmax(0, 1fr); }
    .connection-actions[b-xfke4rnhnx] { grid-column: 2; justify-content: flex-end; }
    .delete-confirmation[b-xfke4rnhnx] { align-items: stretch; flex-direction: column; }
}
/* /Components/Pages/Settings/TradeSettings.razor.rz.scp.css */
.account-settings-page[b-v8m5fl6v8g] {
    display: grid;
    gap: 22px;
    width: 100%;
    padding: 18px clamp(16px, 2.1vw, 34px) 34px;
}

.account-settings-tabs[b-v8m5fl6v8g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    width: min(920px, 100%);
    padding: 6px;
    border: 1px solid rgba(96, 124, 165, 0.24);
    border-radius: 16px;
    background: rgba(7, 16, 31, 0.76);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.12);
}

.account-settings-tabs__item[b-v8m5fl6v8g] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #91a4c1;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: border-color 150ms ease, background 150ms ease, color 150ms ease, transform 150ms ease;
}

.account-settings-tabs__item:hover[b-v8m5fl6v8g] {
    color: #e8f0fb;
    background: rgba(30, 51, 80, 0.42);
}

.account-settings-tabs__item--active[b-v8m5fl6v8g] {
    color: #effffb;
    border-color: rgba(24, 213, 173, 0.36);
    background: linear-gradient(135deg, rgba(8, 118, 98, 0.34), rgba(9, 40, 63, 0.82));
    box-shadow: inset 0 0 0 1px rgba(24, 213, 173, 0.08);
}

.account-settings-tabs__item:active[b-v8m5fl6v8g] {
    transform: translateY(1px);
}

.account-settings-tabs__icon[b-v8m5fl6v8g] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid rgba(97, 135, 188, 0.28);
    border-radius: 10px;
    color: #9db5d7;
    background: rgba(16, 31, 54, 0.74);
    font-size: 17px;
}

.account-settings-tabs__item--active .account-settings-tabs__icon[b-v8m5fl6v8g] {
    color: #79efd2;
    border-color: rgba(24, 213, 173, 0.38);
    background: rgba(6, 103, 86, 0.38);
}

.account-settings-tabs__item strong[b-v8m5fl6v8g],
.account-settings-tabs__item small[b-v8m5fl6v8g] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-settings-tabs__item strong[b-v8m5fl6v8g] {
    color: inherit;
    font-size: 13px;
    font-weight: 720;
}

.account-settings-tabs__item small[b-v8m5fl6v8g] {
    margin-top: 3px;
    color: #637895;
    font-size: 11px;
}

.account-settings-tabs__item--active small[b-v8m5fl6v8g] {
    color: #8fb8ae;
}

.account-settings-content[b-v8m5fl6v8g] {
    min-width: 0;
}

@media (max-width: 760px) {
    .account-settings-page[b-v8m5fl6v8g] {
        gap: 16px;
        padding-inline: 12px;
    }

    .account-settings-tabs[b-v8m5fl6v8g] {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .account-settings-tabs__item[b-v8m5fl6v8g] {
        padding: 10px 12px;
    }
}
/* /Components/Pages/Settings/TradingAccountsPanel.razor.rz.scp.css */
.trading-accounts-panel[b-e5t66uuy98] {
    --ta-border: rgba(104, 135, 177, 0.24);
    --ta-border-strong: rgba(104, 155, 221, 0.38);
    --ta-surface: rgba(10, 21, 40, 0.76);
    --ta-surface-strong: rgba(12, 25, 48, 0.96);
    --ta-text: #f3f7ff;
    --ta-muted: #91a4c1;
    --ta-teal: #17d7ae;
    display: grid;
    gap: 18px;
    color: var(--ta-text);
}

.trading-accounts-panel__header[b-e5t66uuy98] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.trading-accounts-panel__header h2[b-e5t66uuy98] {
    margin: 0;
    font-size: clamp(24px, 2vw, 34px);
    line-height: 1.12;
    font-weight: 760;
    letter-spacing: -0.025em;
}

.trading-accounts-panel__header p[b-e5t66uuy98] {
    max-width: 690px;
    margin: 8px 0 0;
    color: var(--ta-muted);
    font-size: 14px;
    line-height: 1.6;
}

.trading-account-list[b-e5t66uuy98] {
    overflow: hidden;
    border: 1px solid var(--ta-border);
    border-radius: 16px;
    background: var(--ta-surface);
}

.trading-account-row[b-e5t66uuy98] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 104px;
    padding: 17px 18px;
    border-bottom: 1px solid rgba(101, 128, 166, 0.18);
    transition: background 150ms ease, border-color 150ms ease;
}

.trading-account-row:last-child[b-e5t66uuy98] {
    border-bottom: 0;
}

.trading-account-row:hover[b-e5t66uuy98] {
    background: rgba(24, 43, 72, 0.38);
}

.trading-account-row--active[b-e5t66uuy98] {
    background: linear-gradient(90deg, rgba(7, 111, 92, 0.22), rgba(12, 25, 48, 0.38));
    box-shadow: inset 3px 0 0 var(--ta-teal);
}

.trading-account-row__mark[b-e5t66uuy98] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(23, 215, 174, 0.38);
    border-radius: 14px;
    color: #b8fff0;
    background: rgba(7, 105, 88, 0.42);
    font-size: 14px;
    font-weight: 760;
}

.trading-account-row__content[b-e5t66uuy98] {
    min-width: 0;
}

.trading-account-row__title[b-e5t66uuy98] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.trading-account-row__title h3[b-e5t66uuy98] {
    overflow: hidden;
    margin: 0;
    color: var(--ta-text);
    font-size: 15px;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trading-account-pill[b-e5t66uuy98] {
    padding: 4px 7px;
    border: 1px solid rgba(23, 215, 174, 0.42);
    border-radius: 999px;
    color: #8bf2d6;
    background: rgba(7, 104, 87, 0.32);
    font-size: 9px;
    font-weight: 760;
    letter-spacing: 0.04em;
}

.trading-account-row__meta[b-e5t66uuy98] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-top: 12px;
}

.trading-account-row__meta span[b-e5t66uuy98] {
    display: grid;
    gap: 2px;
}

.trading-account-row__meta small[b-e5t66uuy98] {
    color: #627894;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.trading-account-row__meta strong[b-e5t66uuy98] {
    color: #b9c9df;
    font-size: 11px;
    font-weight: 620;
}

.trading-account-row__actions[b-e5t66uuy98] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.trading-account-action[b-e5t66uuy98] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 39px;
    padding: 9px 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 680;
    cursor: pointer;
    transition: transform 150ms ease, background 150ms ease, border-color 150ms ease;
}

.trading-account-action:hover[b-e5t66uuy98] {
    transform: translateY(-1px);
}

.trading-account-action--primary[b-e5t66uuy98] {
    color: #02130f;
    background: linear-gradient(135deg, #19d7ad, #0ba882);
}

.trading-account-action--secondary[b-e5t66uuy98] {
    color: #e3edf9;
    border-color: var(--ta-border-strong);
    background: rgba(8, 18, 35, 0.74);
}

.trading-account-action--danger[b-e5t66uuy98] {
    color: #fff;
    background: #d94b5c;
}

.trading-account-action--danger-ghost[b-e5t66uuy98] {
    color: #ff9ca7;
    border-color: rgba(255, 110, 124, 0.38);
    background: rgba(94, 20, 34, 0.18);
}

.trading-account-empty[b-e5t66uuy98] {
    display: grid;
    gap: 5px;
    place-items: center;
    min-height: 180px;
    padding: 28px;
    color: var(--ta-muted);
    text-align: center;
}

.trading-account-empty strong[b-e5t66uuy98] {
    color: var(--ta-text);
    font-size: 15px;
}

.drawer-shell--closed[b-e5t66uuy98] {
    pointer-events: none;
}

.trading-account-drawer__backdrop[b-e5t66uuy98] {
    position: fixed;
    z-index: 2100;
    inset: 0;
    background: rgba(0, 0, 0, 0.64);
    backdrop-filter: blur(4px);
    transition: opacity 190ms ease;
}

.drawer-shell--closed .trading-account-drawer__backdrop[b-e5t66uuy98] {
    opacity: 0;
}

.trading-account-drawer[b-e5t66uuy98] {
    --ta-border: rgba(104, 135, 177, 0.28);
    --ta-border-strong: rgba(104, 155, 221, 0.46);
    --ta-text: #f3f7ff;
    --ta-muted: #91a4c1;
    --ta-teal: #17d7ae;
    position: fixed;
    z-index: 2101;
    top: 0;
    right: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    width: min(640px, 94vw);
    height: 100dvh;
    border-left: 1px solid var(--ta-border-strong);
    color: var(--ta-text);
    background: #07101f;
    box-shadow: -24px 0 70px rgba(0, 0, 0, 0.42);
    transition: transform 190ms ease;
}

.drawer-shell--closed .trading-account-drawer[b-e5t66uuy98] {
    transform: translateX(100%);
}

.trading-account-drawer__header[b-e5t66uuy98],
.trading-account-drawer__footer[b-e5t66uuy98] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    border-bottom: 1px solid var(--ta-border);
}

.trading-account-drawer__heading[b-e5t66uuy98] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
}

.trading-account-drawer__heading-icon[b-e5t66uuy98] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border: 1px solid rgba(23, 215, 174, 0.32);
    border-radius: 8px;
    color: #78f2d3;
    background: rgba(7, 104, 87, 0.28);
    font-size: 16px;
}

.trading-account-drawer__header h3[b-e5t66uuy98] {
    margin: 0;
    color: #f8fafc;
    font-size: 17px;
    font-weight: 760;
}

.trading-account-drawer__header p[b-e5t66uuy98] {
    margin: 5px 0 0;
    color: var(--ta-muted);
    font-size: 12px;
}

.drawer-close[b-e5t66uuy98] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--ta-border-strong);
    flex: 0 0 38px;
    border-radius: 8px;
    color: #d8e5f7;
    background: rgba(14, 28, 49, 0.8);
    font-size: 14px;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.drawer-close:hover[b-e5t66uuy98] {
    border-color: rgba(148, 163, 184, 0.62);
    color: #fff;
    background: rgba(30, 41, 59, 0.96);
}

.trading-account-drawer__body[b-e5t66uuy98] {
    display: grid;
    align-content: start;
    gap: 20px;
    overflow-y: auto;
    padding: 26px 22px 32px;
}

.drawer-field-grid[b-e5t66uuy98] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.drawer-field[b-e5t66uuy98] {
    display: grid;
    min-width: 0;
    gap: 8px;
}

.drawer-field__label[b-e5t66uuy98] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #7e92af;
    font-size: 10px;
    font-weight: 720;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.drawer-field__label small[b-e5t66uuy98] {
    color: #526984;
    font-size: 9px;
    font-weight: 650;
    letter-spacing: 0.04em;
}

.drawer-control[b-e5t66uuy98] {
    position: relative;
    display: block;
    min-width: 0;
}

.drawer-control > i:first-child[b-e5t66uuy98] {
    position: absolute;
    top: 50%;
    left: 13px;
    z-index: 1;
    color: #6f86a5;
    font-size: 14px;
    pointer-events: none;
    transform: translateY(-50%);
    transition: color 140ms ease;
}

.drawer-control input[b-e5t66uuy98],
.drawer-control select[b-e5t66uuy98] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 43px;
    padding: 10px 13px 10px 40px;
    border: 1px solid rgba(83, 111, 150, 0.56);
    border-radius: 8px;
    outline: 0;
    color: var(--ta-text);
    background: #0a1628;
    font-size: 13px;
    font-weight: 560;
    transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.drawer-control input[b-e5t66uuy98]::placeholder {
    color: #52647e;
}

.drawer-control select[b-e5t66uuy98] {
    appearance: none;
    padding-right: 38px;
    color-scheme: dark;
    cursor: pointer;
}

.drawer-control select option[b-e5t66uuy98] {
    color: var(--ta-text);
    background-color: #081326;
}

.drawer-control input:hover[b-e5t66uuy98],
.drawer-control select:hover[b-e5t66uuy98] {
    border-color: rgba(104, 135, 177, 0.78);
    background: #0d1b30;
}

.drawer-control input:focus[b-e5t66uuy98],
.drawer-control select:focus[b-e5t66uuy98] {
    border-color: rgba(23, 215, 174, 0.68);
    background: #0d1b30;
    box-shadow: 0 0 0 3px rgba(23, 215, 174, 0.1);
}

.drawer-control:focus-within > i:first-child[b-e5t66uuy98] {
    color: #56e8c5;
}

.drawer-control__chevron[b-e5t66uuy98] {
    position: absolute;
    top: 50%;
    right: 13px;
    color: #8da2bf;
    font-size: 11px;
    pointer-events: none;
    transform: translateY(-50%);
}

.drawer-field > small[b-e5t66uuy98] {
    color: #71849f;
    font-size: 11px;
    line-height: 1.5;
}

.trading-account-drawer__footer[b-e5t66uuy98] {
    justify-content: flex-end;
    padding-block: 14px;
    border-top: 1px solid var(--ta-border);
    border-bottom: 0;
    background: rgba(7, 16, 31, 0.94);
}

@media (max-width: 800px) {
    .trading-accounts-panel__header[b-e5t66uuy98],
    .trading-account-row[b-e5t66uuy98] {
        grid-template-columns: 1fr;
    }

    .trading-accounts-panel__header[b-e5t66uuy98] {
        display: grid;
    }

    .trading-account-row[b-e5t66uuy98] {
        align-items: start;
    }

    .trading-account-row__mark[b-e5t66uuy98] {
        display: none;
    }

    .trading-account-row__actions[b-e5t66uuy98] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 560px) {
    .drawer-field-grid[b-e5t66uuy98] {
        grid-template-columns: 1fr;
    }

    .trading-account-drawer[b-e5t66uuy98] {
        width: 100vw;
    }
}
/* /Components/Pages/Settings/UserSettings.razor.rz.scp.css */
.timezone-select[b-yf5mvnz5df] {
    color-scheme: dark;
}

.timezone-select option[b-yf5mvnz5df] {
    color: #f1f5f9;
    background-color: #0f172a;
}

.user-settings-page[b-yf5mvnz5df] {
    width: 100%;
    max-width: none;
    padding: 18px clamp(16px, 2.1vw, 34px) 34px;
}

.user-settings-intro[b-yf5mvnz5df] {
    display: grid;
    gap: 3px;
}

.user-settings-eyebrow[b-yf5mvnz5df] {
    color: #2dd4bf;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.user-settings-card-title-row[b-yf5mvnz5df] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-settings-card-icon[b-yf5mvnz5df] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border: 1px solid rgba(45, 212, 191, .22);
    border-radius: 10px;
    color: #5eead4;
    background: rgba(13, 148, 136, .12);
}

.user-settings-card-description[b-yf5mvnz5df] {
    color: #64748b;
    font-size: .75rem;
}

.user-settings-save-button[b-yf5mvnz5df],
.user-settings-tour-button[b-yf5mvnz5df] {
    justify-content: center;
    min-height: 40px;
    font-weight: 700;
}

.user-settings-save-button[b-yf5mvnz5df] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 640px) {
    .user-settings-page[b-yf5mvnz5df] {
        padding: 18px 12px 28px;
    }

    .user-settings-save-button[b-yf5mvnz5df],
    .user-settings-tour-button[b-yf5mvnz5df] {
        width: 100%;
    }
}
/* /Components/Pages/Summary.razor.rz.scp.css */
.summary-container[b-aepymt4189] {
    padding: 2.25rem;
}

/* KPI cards */
.kpi-card[b-aepymt4189] {
    border: none;
    border-radius: 0.6rem;
    box-shadow: 0 6px 18px rgba(25, 40, 60, 0.06);
    transition: transform .12s ease, box-shadow .12s ease;
}
.kpi-card:hover[b-aepymt4189] {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(25,40,60,0.08);
}
.kpi-label[b-aepymt4189] {
    font-size: 0.85rem;
    color: #6b7280; /* muted */
}
.kpi-value[b-aepymt4189] {
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 0.2rem;
}
.kpi-sub[b-aepymt4189] {
    font-size: 0.85rem;
}

.pl-tabs .nav-link[b-aepymt4189] {
    border: none;
    color: #6b7280;
    font-weight: 600;
}

    .pl-tabs .nav-link.active[b-aepymt4189] {
        color: #111827;
        border-bottom: 2px solid rgba(17,24,39,0.6);
        background: transparent;
    }

/* Table tweaks */
.table thead th[b-aepymt4189] {
    border-bottom: 0;
    font-weight: 600;
    font-size: 0.9rem;
}
.table tbody tr td[b-aepymt4189] {
    padding: 0.6rem 0.75rem;
    vertical-align: middle;
    font-size: 0.95rem;
    border-top: 1px solid rgba(0,0,0,0.04);
}
/* /Components/Pages/Support.razor.rz.scp.css */
.support-page[b-7ce7e92a6t] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 22px 0 38px;
    color: #e8f1ff;
}

.support-hero[b-7ce7e92a6t] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1.25rem 1.4rem;
    border: 1px solid rgba(43, 94, 139, .42);
    border-radius: 18px;
    background: radial-gradient(circle at 8% 0%, rgba(20, 216, 217, .12), transparent 34%), linear-gradient(135deg, rgba(10, 27, 48, .96), rgba(5, 14, 31, .98));
    box-shadow: 0 18px 48px rgba(0, 0, 0, .18);
}

.support-hero__icon[b-7ce7e92a6t],
.support-info-card__icon[b-7ce7e92a6t],
.support-success__icon[b-7ce7e92a6t] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid rgba(30, 211, 206, .3);
    border-radius: 14px;
    color: #36e0db;
    background: rgba(12, 185, 184, .1);
    font-size: 1.25rem;
}

.support-kicker[b-7ce7e92a6t],
.support-info-card__label[b-7ce7e92a6t],
.support-info-card--response span[b-7ce7e92a6t],
.support-success > span[b-7ce7e92a6t] {
    display: block;
    margin-bottom: .35rem;
    color: #49dfe0;
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.support-hero h1[b-7ce7e92a6t],
.support-form-heading h2[b-7ce7e92a6t],
.support-success h2[b-7ce7e92a6t] {
    margin: 0;
    color: #f6f9ff;
    font-weight: 760;
    letter-spacing: -.025em;
}

.support-hero h1[b-7ce7e92a6t] { font-size: clamp(1.45rem, 2.4vw, 2rem); }

.support-hero p[b-7ce7e92a6t],
.support-form-heading p[b-7ce7e92a6t],
.support-info-card p[b-7ce7e92a6t],
.support-success p[b-7ce7e92a6t] {
    margin: .35rem 0 0;
    color: #8fa5c3;
    line-height: 1.55;
}

.support-layout[b-7ce7e92a6t] {
    display: grid;
    grid-template-columns: minmax(270px, 320px) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.support-rail[b-7ce7e92a6t] {
    display: grid;
    gap: .8rem;
    position: sticky;
    top: 1rem;
}

.support-info-card[b-7ce7e92a6t],
.support-form-panel[b-7ce7e92a6t] {
    border: 1px solid rgba(45, 75, 112, .75);
    border-radius: 16px;
    background: rgba(7, 18, 39, .78);
    box-shadow: 0 14px 38px rgba(0, 0, 0, .14);
}

.support-info-card[b-7ce7e92a6t] { padding: 1rem; }

.support-info-card--response[b-7ce7e92a6t] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
}

.support-info-card--response strong[b-7ce7e92a6t] {
    display: block;
    color: #f5f8ff;
    font-size: .96rem;
}

.support-info-card__icon[b-7ce7e92a6t] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 11px;
    font-size: 1rem;
}

.support-checklist[b-7ce7e92a6t] {
    display: grid;
    gap: .7rem;
    margin: .85rem 0 0;
    padding: 0;
    list-style: none;
}

.support-checklist li[b-7ce7e92a6t] {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    color: #b9c7da;
    font-size: .84rem;
    line-height: 1.4;
}

.support-checklist i[b-7ce7e92a6t] { color: #38d9c7; }
.support-info-card--links[b-7ce7e92a6t] { padding: .3rem; }

.support-info-card--links a[b-7ce7e92a6t] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem;
    border-radius: 10px;
    color: #adc2df;
    text-decoration: none;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}

.support-info-card--links a:hover[b-7ce7e92a6t] {
    color: #f5f9ff;
    background: rgba(35, 103, 180, .14);
    transform: translateX(2px);
}

.support-info-card--links a + a[b-7ce7e92a6t] { border-top: 1px solid rgba(45, 75, 112, .45); }
.support-info-card--links span i[b-7ce7e92a6t] { margin-right: .45rem; color: #3edbd9; }

.support-privacy-note[b-7ce7e92a6t] {
    display: flex;
    gap: .55rem;
    margin: .1rem .35rem;
    color: #758ba9;
    font-size: .75rem;
    line-height: 1.5;
}

.support-privacy-note i[b-7ce7e92a6t] { margin-top: .1rem; color: #49bfc1; }

.support-form-panel[b-7ce7e92a6t] {
    min-width: 0;
    overflow: hidden;
    padding: clamp(1rem, 2.2vw, 1.75rem);
}

.support-form-heading[b-7ce7e92a6t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid rgba(45, 75, 112, .55);
}

.support-form-heading h2[b-7ce7e92a6t],
.support-success h2[b-7ce7e92a6t] { font-size: clamp(1.25rem, 2vw, 1.6rem); }
.support-form-heading p[b-7ce7e92a6t] { font-size: .8rem; }

.support-secure-badge[b-7ce7e92a6t] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .38rem .62rem;
    border: 1px solid rgba(50, 213, 191, .24);
    border-radius: 999px;
    color: #69e4cf;
    background: rgba(24, 173, 150, .08);
    font-size: .72rem;
    white-space: nowrap;
}

.support-form-grid[b-7ce7e92a6t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.15rem;
}

.support-field[b-7ce7e92a6t] { min-width: 0; }
.support-field--full[b-7ce7e92a6t] { grid-column: 1 / -1; }

.support-field label[b-7ce7e92a6t],
.support-label-row label[b-7ce7e92a6t] {
    display: block;
    margin-bottom: .42rem;
    color: #a9bdd9;
    font-size: .77rem;
    font-weight: 700;
}

.support-required[b-7ce7e92a6t] { color: #ff6680; }

.support-optional[b-7ce7e92a6t] {
    margin-left: .25rem;
    color: #7188a8;
    font-size: .68rem;
    font-weight: 500;
}

.support-label-row[b-7ce7e92a6t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.support-label-row small[b-7ce7e92a6t] { color: #647b99; font-size: .7rem; }

.support-form-panel .support-field[b-7ce7e92a6t]  input:not([type="checkbox"]):not([type="file"]),
.support-form-panel .support-field[b-7ce7e92a6t]  select,
.support-form-panel .support-field[b-7ce7e92a6t]  textarea {
    width: 100%;
    min-height: 48px;
    padding: .78rem .9rem;
    border: 1px solid #355978;
    border-radius: 11px;
    outline: none;
    color: #eef5ff;
    background: linear-gradient(180deg, #101f35 0%, #0b192e 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 1px 2px rgba(0, 0, 0, .16);
    color-scheme: dark;
    font: inherit;
    font-size: .92rem;
    line-height: 1.35;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease, transform .16s ease;
}

.support-form-panel .support-field[b-7ce7e92a6t]  textarea {
    min-height: 190px;
    resize: vertical;
    line-height: 1.55;
}

.support-form-panel .support-field[b-7ce7e92a6t]  input:not([type="checkbox"]):not([type="file"]):hover,
.support-form-panel .support-field[b-7ce7e92a6t]  select:hover,
.support-form-panel .support-field[b-7ce7e92a6t]  textarea:hover {
    border-color: #47799d;
}

.support-form-panel .support-field[b-7ce7e92a6t]  input:not([type="checkbox"]):not([type="file"]):focus,
.support-form-panel .support-field[b-7ce7e92a6t]  select:focus,
.support-form-panel .support-field[b-7ce7e92a6t]  textarea:focus {
    border-color: #25cbd0;
    background: linear-gradient(180deg, #122740 0%, #0c1d34 100%);
    box-shadow: 0 0 0 3px rgba(37, 203, 208, .14), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.support-form-panel .support-field[b-7ce7e92a6t]  input.invalid,
.support-form-panel .support-field[b-7ce7e92a6t]  select.invalid,
.support-form-panel .support-field[b-7ce7e92a6t]  textarea.invalid {
    border-color: #e15470;
    box-shadow: 0 0 0 3px rgba(225, 84, 112, .1);
}

.support-form-panel .support-field[b-7ce7e92a6t]  input::placeholder,
.support-form-panel .support-field[b-7ce7e92a6t]  textarea::placeholder { color: #7890ae; opacity: .82; }

.support-field-help[b-7ce7e92a6t] {
    display: block;
    margin-top: .38rem;
    color: #7087a6;
    font-size: .72rem;
}

.support-field[b-7ce7e92a6t]  .validation-message,
.support-validation-summary[b-7ce7e92a6t],
.support-field-error[b-7ce7e92a6t] {
    margin-top: .35rem;
    color: #ff758b;
    font-size: .75rem;
}

.support-validation-summary[b-7ce7e92a6t]  ul { margin: .25rem 0 0; padding-left: 1.25rem; }

.support-field[b-7ce7e92a6t]  .support-file-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.support-upload[b-7ce7e92a6t] {
    display: flex !important;
    align-items: center;
    gap: .75rem;
    min-height: 72px;
    margin: 0 !important;
    padding: .8rem;
    border: 1px dashed #315675;
    border-radius: 12px;
    cursor: pointer;
    background: rgba(14, 36, 65, .5);
    transition: border-color .16s ease, background .16s ease;
}

.support-upload:hover[b-7ce7e92a6t],
.support-upload:focus-within[b-7ce7e92a6t] {
    border-color: #1dcbd0;
    background: rgba(19, 73, 101, .35);
}

.support-upload__icon[b-7ce7e92a6t] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    color: #55dcda;
    background: rgba(20, 195, 194, .1);
}

.support-upload > span:nth-child(2)[b-7ce7e92a6t] { min-width: 0; flex: 1; }
.support-upload strong[b-7ce7e92a6t], .support-upload small[b-7ce7e92a6t] { display: block; }
.support-upload strong[b-7ce7e92a6t] { color: #e8f1ff; font-size: .83rem; }
.support-upload small[b-7ce7e92a6t] { margin-top: .15rem; color: #7187a5; font-size: .69rem; }

.support-upload__action[b-7ce7e92a6t] {
    padding: .42rem .65rem;
    border: 1px solid #315675;
    border-radius: 8px;
    color: #9ed7e4 !important;
    font-size: .73rem;
    white-space: nowrap;
}

.support-attachment-list[b-7ce7e92a6t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin-top: .65rem;
}

.support-attachment[b-7ce7e92a6t] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    padding: .6rem;
    border: 1px solid rgba(45, 75, 112, .68);
    border-radius: 10px;
    background: rgba(4, 13, 28, .65);
}

.support-attachment > i[b-7ce7e92a6t] { color: #4fd4d4; }
.support-attachment > span[b-7ce7e92a6t] { min-width: 0; flex: 1; }
.support-attachment strong[b-7ce7e92a6t], .support-attachment small[b-7ce7e92a6t] { display: block; }

.support-attachment strong[b-7ce7e92a6t] {
    overflow: hidden;
    color: #cbd8e9;
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-attachment small[b-7ce7e92a6t] { color: #647b99; font-size: .65rem; }

.support-attachment button[b-7ce7e92a6t] {
    display: grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border: 0;
    border-radius: 7px;
    color: #8197b3;
    background: transparent;
}

.support-attachment button:hover[b-7ce7e92a6t] { color: #ff7890; background: rgba(255, 79, 108, .1); }

.support-diagnostics[b-7ce7e92a6t] {
    display: flex !important;
    gap: .7rem;
    align-items: flex-start;
    margin: 0 !important;
    padding: .8rem;
    border: 1px solid rgba(45, 75, 112, .58);
    border-radius: 11px;
    background: rgba(8, 24, 45, .65);
}

.support-diagnostics[b-7ce7e92a6t]  input {
    width: 1rem;
    height: 1rem;
    margin-top: .12rem;
    accent-color: #12c4c4;
}

.support-diagnostics strong[b-7ce7e92a6t], .support-diagnostics small[b-7ce7e92a6t] { display: block; }
.support-diagnostics strong[b-7ce7e92a6t] { color: #bfcfe2; font-size: .79rem; }
.support-diagnostics small[b-7ce7e92a6t] { margin-top: .15rem; color: #7187a4; font-size: .7rem; font-weight: 400; }

.support-submit-error[b-7ce7e92a6t],
.support-delivery-note[b-7ce7e92a6t] {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    margin-top: .85rem;
    padding: .72rem .8rem;
    border: 1px solid rgba(245, 72, 103, .4);
    border-radius: 10px;
    color: #ff9aad;
    background: rgba(123, 16, 48, .16);
    font-size: .78rem;
}

.support-form-footer[b-7ce7e92a6t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(45, 75, 112, .55);
}

.support-form-footer p[b-7ce7e92a6t] { margin: 0; color: #7187a5; font-size: .72rem; }
.support-form-footer p i[b-7ce7e92a6t] { color: #3bcabd; }

.support-button[b-7ce7e92a6t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 42px;
    padding: .65rem 1rem;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
    transition: filter .16s ease, transform .16s ease, opacity .16s ease;
}

.support-button--primary[b-7ce7e92a6t] {
    color: #001a20;
    background: linear-gradient(135deg, #21d6cf, #26a9e7);
    box-shadow: 0 9px 24px rgba(19, 186, 200, .18);
}

.support-button--secondary[b-7ce7e92a6t] { border-color: #2d4a69; color: #bfd0e6; background: #0a1830; }
.support-button:hover:not(:disabled)[b-7ce7e92a6t] { filter: brightness(1.08); transform: translateY(-1px); }
.support-button:disabled[b-7ce7e92a6t] { cursor: not-allowed; opacity: .62; }

.support-spinner[b-7ce7e92a6t] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(0, 26, 32, .3);
    border-top-color: #001a20;
    border-radius: 50%;
    animation: support-spin-b-7ce7e92a6t .75s linear infinite;
}

.support-success[b-7ce7e92a6t] {
    display: flex;
    min-height: 480px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.support-success__icon[b-7ce7e92a6t] {
    width: 3.6rem;
    height: 3.6rem;
    margin-bottom: 1rem;
    color: #071d27;
    background: linear-gradient(135deg, #3ee2c3, #26b5e8);
    font-size: 1.55rem;
}

.support-success p[b-7ce7e92a6t] { max-width: 560px; }

.support-reference[b-7ce7e92a6t] {
    display: grid;
    gap: .15rem;
    margin-top: 1.25rem;
    padding: .8rem 1.2rem;
    border: 1px solid #2b506d;
    border-radius: 11px;
    background: #07162b;
}

.support-reference span[b-7ce7e92a6t] { color: #7188a6; font-size: .68rem; }
.support-reference strong[b-7ce7e92a6t] { color: #56e0df; font-size: 1rem; letter-spacing: .05em; }

.support-delivery-note[b-7ce7e92a6t] {
    border-color: rgba(39, 187, 202, .3);
    color: #9fdce3;
    background: rgba(14, 112, 139, .1);
}

.support-success__actions[b-7ce7e92a6t] { display: flex; gap: .65rem; margin-top: 1.25rem; }

@keyframes support-spin-b-7ce7e92a6t { to { transform: rotate(360deg); } }

@media (max-width: 900px) {
    .support-layout[b-7ce7e92a6t] { grid-template-columns: 1fr; }
    .support-form-panel[b-7ce7e92a6t] { grid-row: 1; }
    .support-rail[b-7ce7e92a6t] { grid-row: 2; }
    .support-rail[b-7ce7e92a6t] { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .support-info-card--links[b-7ce7e92a6t], .support-privacy-note[b-7ce7e92a6t] { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    .support-page[b-7ce7e92a6t] { padding: .7rem 0 1.4rem; }
    .support-hero[b-7ce7e92a6t] { align-items: flex-start; margin-bottom: .7rem; padding: .95rem; border-radius: 14px; }
    .support-hero__icon[b-7ce7e92a6t] { width: 2.5rem; height: 2.5rem; border-radius: 11px; }
    .support-hero p[b-7ce7e92a6t] { font-size: .78rem; }
    .support-layout[b-7ce7e92a6t], .support-rail[b-7ce7e92a6t] { gap: .7rem; }
    .support-rail[b-7ce7e92a6t] { grid-template-columns: 1fr; }
    .support-info-card--links[b-7ce7e92a6t], .support-privacy-note[b-7ce7e92a6t] { grid-column: auto; }
    .support-form-panel[b-7ce7e92a6t] { padding: .9rem; border-radius: 14px; }
    .support-form-grid[b-7ce7e92a6t] { grid-template-columns: 1fr; gap: .85rem; }
    .support-field--full[b-7ce7e92a6t] { grid-column: auto; }
    .support-upload[b-7ce7e92a6t] { flex-wrap: wrap; }
    .support-upload__action[b-7ce7e92a6t] { width: 100%; text-align: center; }
    .support-attachment-list[b-7ce7e92a6t] { grid-template-columns: 1fr; }
    .support-form-footer[b-7ce7e92a6t], .support-success__actions[b-7ce7e92a6t] { align-items: stretch; flex-direction: column; }
    .support-form-footer .support-button[b-7ce7e92a6t], .support-success__actions .support-button[b-7ce7e92a6t] { width: 100%; }
    .support-success[b-7ce7e92a6t] { min-height: 420px; padding: 1rem .25rem; }
}

@media (prefers-reduced-motion: reduce) {
    .support-button[b-7ce7e92a6t],
    .support-info-card--links a[b-7ce7e92a6t],
    .support-field[b-7ce7e92a6t]  input,
    .support-field[b-7ce7e92a6t]  select,
    .support-field[b-7ce7e92a6t]  textarea { transition: none; }
}
/* /Components/Pages/TradeImportDrawer.razor.rz.scp.css */
/* Scoped helpers for the hardened import drawer. */
.summary-chip[b-nkx1e792l0] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid rgba(71, 85, 105, .55);
    border-radius: 9999px;
    background: rgba(15, 23, 42, .72);
    padding: .35rem .7rem;
    font-size: .75rem;
    font-weight: 700;
}

.summary-chip strong[b-nkx1e792l0] {
    color: currentColor;
    font-variant-numeric: tabular-nums;
}

.import-row td[b-nkx1e792l0] {
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}

[b-nkx1e792l0] input[type="checkbox"] {
    accent-color: rgb(244 63 94);
}
/* /Components/Pages/Trades.razor.rz.scp.css */
/*
 * InputNumber is a child Blazor component. ::deep allows this page's scoped CSS
 * to reach the generated <input type="number"> element.
 */
[b-7ivegl1378] input[type="number"]::-webkit-outer-spin-button,
[b-7ivegl1378] input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

[b-7ivegl1378] input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.trade-editor-drawer[b-7ivegl1378],
.trade-editor-body[b-7ivegl1378] {
    min-width: 0;
    box-sizing: border-box;
}

.trade-editor-body[b-7ivegl1378] {
    scrollbar-gutter: stable;
    overflow-x: hidden;
}

.trade-editor-body .grid[b-7ivegl1378],
.trade-editor-body .grid > div[b-7ivegl1378] {
    min-width: 0;
}

.trade-editor-body[b-7ivegl1378]  input,
.trade-editor-body[b-7ivegl1378]  select,
.trade-editor-body[b-7ivegl1378]  textarea {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.trade-editor-caution[b-7ivegl1378] {
    border: 1px solid #8a6b18;
    background: #28230f;
    color: #f7e7a8;
}

.trade-editor-caution-action[b-7ivegl1378] {
    border: 1px solid #8a6b18;
    background: rgba(234, 179, 8, 0.1);
    color: #f7e7a8;
}

.trade-editor-caution-action:hover[b-7ivegl1378],
.trade-editor-caution-action:focus-visible[b-7ivegl1378] {
    background: rgba(234, 179, 8, 0.2);
}


/* --------------------------------------------------------------------------
   Trades command centre: compact performance + broker import visibility
   -------------------------------------------------------------------------- */

.trades-toolbar-grid[b-7ivegl1378] {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.trades-performance-heading[b-7ivegl1378] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.trades-performance-title[b-7ivegl1378] {
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.trades-performance-subtitle[b-7ivegl1378] {
    margin-top: 0.12rem;
    color: #64748b;
    font-size: 0.7rem;
}

.trades-sample-warning[b-7ivegl1378] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgba(245, 158, 11, 0.28);
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.08);
    padding: 0.28rem 0.55rem;
    color: #fcd34d;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.trades-performance-grid[b-7ivegl1378] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.trade-metric-card[b-7ivegl1378] {
    min-width: 0;
    border: 1px solid rgba(51, 65, 85, 0.78);
    border-radius: 0.85rem;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(2, 6, 23, 0.72));
    padding: 0.72rem 0.82rem;
}

.trade-metric-label[b-7ivegl1378] {
    color: #7c8ba1;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.trade-metric-value[b-7ivegl1378] {
    margin-top: 0.22rem;
    color: #e2e8f0;
    font-size: 1.12rem;
    font-weight: 850;
    line-height: 1.15;
}

.trade-metric-value.is-positive[b-7ivegl1378] {
    color: #5eead4;
}

.trade-metric-value.is-negative[b-7ivegl1378] {
    color: #fb7185;
}

.trade-metric-note[b-7ivegl1378] {
    overflow: hidden;
    margin-top: 0.22rem;
    color: #64748b;
    font-size: 0.66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trades-actions-panel[b-7ivegl1378] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.42rem;
}

.trades-primary-actions[b-7ivegl1378] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.48rem;
}

.trade-action-button[b-7ivegl1378] {
    position: relative;
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
    border: 1px solid rgba(51, 65, 85, 0.92);
    border-radius: 0.75rem;
    padding: 0.62rem 0.78rem;
    color: #dbeafe;
    font-size: 0.76rem;
    font-weight: 800;
    white-space: nowrap;
    transition:
        transform 140ms ease,
        border-color 140ms ease,
        background 140ms ease,
        box-shadow 140ms ease;
}

.trade-action-button:hover[b-7ivegl1378] {
    transform: translateY(-1px);
}

.trade-action-primary[b-7ivegl1378] {
    border-color: rgba(37, 99, 235, 0.75);
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.2);
    color: #fff;
}

.trade-action-broker[b-7ivegl1378] {
    border-color: rgba(13, 148, 136, 0.55);
    background: rgba(13, 148, 136, 0.13);
    color: #99f6e4;
}

.trade-action-broker.has-work[b-7ivegl1378] {
    border-color: rgba(245, 158, 11, 0.72);
    background: rgba(245, 158, 11, 0.12);
    color: #fde68a;
}

.trade-action-secondary[b-7ivegl1378] {
    background: rgba(15, 23, 42, 0.72);
    color: #cbd5e1;
}

.broker-action-badge[b-7ivegl1378] {
    display: inline-grid;
    min-width: 1.18rem;
    height: 1.18rem;
    place-items: center;
    border-radius: 999px;
    background: #f59e0b;
    padding-inline: 0.3rem;
    color: #111827;
    font-size: 0.64rem;
    font-weight: 900;
}

.trades-template-link[b-7ivegl1378] {
    align-self: flex-end;
    color: #64748b;
    font-size: 0.68rem;
    text-decoration: none;
}

.trades-template-link:hover[b-7ivegl1378] {
    color: #60a5fa;
}

.broker-import-strip[b-7ivegl1378] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.72rem;
    align-items: center;
    margin-top: 0.78rem;
    border: 1px solid rgba(51, 65, 85, 0.85);
    border-radius: 0.9rem;
    background: rgba(15, 23, 42, 0.64);
    padding: 0.72rem 0.82rem;
}

.broker-import-strip.is-review[b-7ivegl1378] {
    border-color: rgba(245, 158, 11, 0.38);
    background: rgba(120, 53, 15, 0.12);
}

.broker-import-strip.is-error[b-7ivegl1378] {
    border-color: rgba(244, 63, 94, 0.42);
    background: rgba(136, 19, 55, 0.12);
}

.broker-import-strip.is-open[b-7ivegl1378],
.broker-import-strip.is-connect[b-7ivegl1378] {
    border-color: rgba(14, 165, 233, 0.34);
    background: rgba(3, 105, 161, 0.1);
}

.broker-import-strip.is-current[b-7ivegl1378] {
    border-color: rgba(16, 185, 129, 0.3);
    background: rgba(6, 78, 59, 0.1);
}

.broker-import-icon[b-7ivegl1378] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid rgba(45, 212, 191, 0.24);
    border-radius: 0.65rem;
    background: rgba(13, 148, 136, 0.12);
    color: #5eead4;
}

.broker-import-title[b-7ivegl1378] {
    color: #e2e8f0;
    font-size: 0.76rem;
    font-weight: 850;
}

.broker-import-description[b-7ivegl1378] {
    margin-top: 0.12rem;
    color: #94a3b8;
    font-size: 0.69rem;
    line-height: 1.35;
}

.broker-import-meta[b-7ivegl1378] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
    margin-top: 0.3rem;
    color: #64748b;
    font-size: 0.64rem;
}

.broker-import-cta[b-7ivegl1378] {
    display: inline-flex;
    min-height: 2.15rem;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    border: 1px solid rgba(51, 65, 85, 0.9);
    border-radius: 0.68rem;
    background: rgba(2, 6, 23, 0.58);
    padding: 0.5rem 0.72rem;
    color: #e2e8f0;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.broker-import-cta:hover[b-7ivegl1378] {
    border-color: rgba(45, 212, 191, 0.52);
    background: rgba(13, 148, 136, 0.12);
    color: #99f6e4;
}

@media (min-width: 768px) {
    .trades-performance-grid[b-7ivegl1378] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .trades-toolbar-grid[b-7ivegl1378] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .trades-actions-panel[b-7ivegl1378] {
        min-width: 26rem;
    }
}

@media (max-width: 767px) {
    .trades-performance-heading[b-7ivegl1378] {
        align-items: stretch;
        flex-direction: column;
    }

    .trades-sample-warning[b-7ivegl1378] {
        align-self: flex-start;
    }

    .trades-primary-actions[b-7ivegl1378] {
        grid-template-columns: 1fr;
    }

    .broker-import-strip[b-7ivegl1378] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .broker-import-cta[b-7ivegl1378] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* --------------------------------------------------------------------------
   Responsive trade ledger

   The journal keeps the decision-making columns visible first. Supporting
   context remains available in the trade drawer and progressively returns as
   the viewport grows. The action rail never scrolls out of reach.
   -------------------------------------------------------------------------- */

.trade-col-detail[b-7ivegl1378],
.trade-col-wide[b-7ivegl1378],
.trade-col-context[b-7ivegl1378] {
    display: none;
}

.trades-data-table[b-7ivegl1378] {
    width: 100%;
    table-layout: auto;
}

.trades-data-table th[b-7ivegl1378],
.trades-data-table td[b-7ivegl1378] {
    height: 3.15rem;
}

.trades-data-table tbody tr:nth-child(even)[b-7ivegl1378] {
    background: rgba(15, 23, 42, 0.16);
}

.trade-actions-column[b-7ivegl1378] {
    position: sticky;
    right: 0;
    z-index: 12;
    width: 9.5rem;
    min-width: 9.5rem;
    border-left: 1px solid rgba(51, 65, 85, 0.56);
    background: rgba(2, 6, 23, 0.96);
    box-shadow: -14px 0 24px rgba(2, 6, 23, 0.72);
}

thead .trade-actions-column[b-7ivegl1378] {
    z-index: 32;
    background: rgba(15, 23, 42, 0.98);
    color: #64748b;
    font-size: 0.58rem;
    letter-spacing: 0.1em;
}

.trade-data-row:hover .trade-actions-column[b-7ivegl1378] {
    background: rgba(15, 23, 42, 0.98);
}

.trade-row-actions button[b-7ivegl1378] {
    display: inline-flex;
    width: 1.85rem;
    height: 1.85rem;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    color: #94a3b8;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease;
}

.trade-row-actions button:hover[b-7ivegl1378] {
    transform: translateY(-1px);
    border-color: rgba(59, 130, 246, 0.28);
    background: rgba(59, 130, 246, 0.1);
    color: #93c5fd;
}

.trade-row-actions button:last-child:hover[b-7ivegl1378] {
    border-color: rgba(244, 63, 94, 0.28);
    background: rgba(244, 63, 94, 0.1);
    color: #fda4af;
}

.trade-mobile-list[b-7ivegl1378] {
    display: none;
    gap: 0.65rem;
    padding: 0.65rem;
}

.trade-mobile-card[b-7ivegl1378] {
    overflow: hidden;
    border: 1px solid rgba(51, 65, 85, 0.78);
    border-radius: 0.9rem;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.78), rgba(2, 6, 23, 0.82));
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
    transition: border-color 140ms ease, transform 140ms ease;
}

.trade-mobile-card:active[b-7ivegl1378] {
    transform: scale(0.995);
    border-color: rgba(59, 130, 246, 0.42);
}

.trade-mobile-card-main[b-7ivegl1378] {
    padding: 0.8rem 0.85rem 0.7rem;
}

.trade-mobile-actions[b-7ivegl1378] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    border-top: 1px solid rgba(51, 65, 85, 0.62);
    background: rgba(51, 65, 85, 0.5);
}

.trade-mobile-actions button[b-7ivegl1378] {
    display: inline-flex;
    min-height: 2.65rem;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    background: rgba(2, 6, 23, 0.9);
    color: #94a3b8;
    font-size: 0.64rem;
    font-weight: 750;
    transition: background 140ms ease, color 140ms ease;
}

.trade-mobile-actions button:hover[b-7ivegl1378],
.trade-mobile-actions button:focus-visible[b-7ivegl1378] {
    background: rgba(30, 41, 59, 0.95);
    color: #93c5fd;
    outline: none;
}

.trade-mobile-actions button.is-danger:hover[b-7ivegl1378],
.trade-mobile-actions button.is-danger:focus-visible[b-7ivegl1378] {
    background: rgba(76, 5, 25, 0.72);
    color: #fda4af;
}

@media (max-width: 1023px) {
    .trade-mobile-list[b-7ivegl1378] {
        display: grid;
    }
}

@media (min-width: 1280px) {
    .trade-col-detail[b-7ivegl1378] {
        display: table-cell;
    }
}

@media (min-width: 1600px) {
    .trade-col-wide[b-7ivegl1378] {
        display: table-cell;
    }
}

@media (min-width: 2200px) {
    .trade-col-context[b-7ivegl1378] {
        display: table-cell;
    }
}
/* /Components/Pages/Welcome.razor.rz.scp.css */
.onboarding-shell[b-o1cgipsi9k] {
    --ob-accent: #22d3ee;
    --ob-green: #2dd4bf;
    position: relative;
    min-height: 100dvh;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% -20%, rgba(14, 165, 233, .13), transparent 42%),
        #020617;
    color: #e2e8f0;
}

.onboarding-glow[b-o1cgipsi9k] {
    position: fixed;
    width: 34rem;
    height: 34rem;
    border-radius: 999px;
    filter: blur(110px);
    opacity: .12;
    pointer-events: none;
}

.onboarding-glow--one[b-o1cgipsi9k] { top: -16rem; right: -8rem; background: #0ea5e9; }
.onboarding-glow--two[b-o1cgipsi9k] { bottom: -20rem; left: -10rem; background: #14b8a6; }

.onboarding-header[b-o1cgipsi9k] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.5rem;
    width: min(1180px, calc(100% - 2rem));
    min-height: 76px;
    margin: 0 auto;
    border-bottom: 1px solid rgba(51, 65, 85, .65);
}

.onboarding-brand[b-o1cgipsi9k] {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    width: max-content;
    color: #f8fafc;
    text-decoration: none;
}

.onboarding-brand__mark[b-o1cgipsi9k] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, .35);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(8, 145, 178, .25), rgba(13, 148, 136, .12));
    color: #67e8f9;
    box-shadow: 0 0 28px rgba(34, 211, 238, .08);
}

.onboarding-brand strong[b-o1cgipsi9k],
.onboarding-brand small[b-o1cgipsi9k] { display: block; }
.onboarding-brand strong[b-o1cgipsi9k] { font-size: .95rem; letter-spacing: -.01em; }
.onboarding-brand small[b-o1cgipsi9k] { margin-top: .05rem; color: #64748b; font-size: .62rem; letter-spacing: .13em; text-transform: uppercase; }

.onboarding-progress[b-o1cgipsi9k] { display: flex; align-items: center; }
.onboarding-progress__step[b-o1cgipsi9k] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid #334155;
    border-radius: 999px;
    background: #0f172a;
    color: #64748b;
    font-size: .68rem;
    font-weight: 800;
    transition: .2s ease;
}
.onboarding-progress__step:not(:disabled)[b-o1cgipsi9k] { cursor: pointer; }
.onboarding-progress__step.is-active[b-o1cgipsi9k] { border-color: var(--ob-accent); color: #cffafe; box-shadow: 0 0 0 4px rgba(34, 211, 238, .09); }
.onboarding-progress__step.is-complete[b-o1cgipsi9k] { border-color: rgba(45, 212, 191, .55); background: rgba(13, 148, 136, .18); color: #5eead4; }
.onboarding-progress__line[b-o1cgipsi9k] { width: clamp(28px, 4vw, 60px); height: 1px; background: #263449; }
.onboarding-progress__line.is-complete[b-o1cgipsi9k] { background: rgba(45, 212, 191, .7); }
.onboarding-step-label[b-o1cgipsi9k] { justify-self: end; color: #64748b; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.onboarding-stage[b-o1cgipsi9k] {
    position: relative;
    z-index: 1;
    display: flex;
    width: min(1180px, calc(100% - 2rem));
    min-height: calc(100dvh - 126px);
    margin: 0 auto;
    padding: clamp(1.25rem, 4vh, 3.5rem) 0 2rem;
}

.onboarding-panel[b-o1cgipsi9k] { width: 100%; margin: auto 0; animation: onboarding-enter-b-o1cgipsi9k .35s ease both; }
@keyframes onboarding-enter-b-o1cgipsi9k { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.onboarding-panel--hero[b-o1cgipsi9k] { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, .92fr); align-items: center; gap: clamp(2rem, 8vw, 7rem); }
.onboarding-hero-copy[b-o1cgipsi9k] { max-width: 650px; }
.onboarding-eyebrow[b-o1cgipsi9k] { display: inline-flex; align-items: center; gap: .45rem; color: #22d3ee; font-size: .68rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.onboarding-panel h1[b-o1cgipsi9k] { max-width: 820px; margin: .85rem 0 0; color: #f8fafc; font-size: clamp(2.25rem, 5vw, 4.45rem); font-weight: 900; line-height: .98; letter-spacing: -.055em; }
.onboarding-panel h1 em[b-o1cgipsi9k] { color: #5eead4; font-style: normal; }
.onboarding-hero-copy > p[b-o1cgipsi9k] { max-width: 610px; margin: 1.35rem 0 0; color: #94a3b8; font-size: clamp(.96rem, 1.35vw, 1.12rem); line-height: 1.75; }
.onboarding-hero-actions[b-o1cgipsi9k] { display: flex; align-items: center; gap: 1.15rem; margin-top: 2rem; }
.onboarding-hero-actions > span[b-o1cgipsi9k] { color: #64748b; font-size: .78rem; }

.onboarding-button[b-o1cgipsi9k] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: .7rem 1.15rem;
    font-size: .86rem;
    font-weight: 800;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.onboarding-button:not(:disabled)[b-o1cgipsi9k] { cursor: pointer; }
.onboarding-button:not(:disabled):hover[b-o1cgipsi9k] { transform: translateY(-1px); }
.onboarding-button:disabled[b-o1cgipsi9k] { cursor: wait; opacity: .6; }
.onboarding-button--primary[b-o1cgipsi9k] { background: linear-gradient(135deg, #0891b2, #0d9488); color: white; box-shadow: 0 12px 38px rgba(8, 145, 178, .17); }
.onboarding-button--primary:hover[b-o1cgipsi9k] { background: linear-gradient(135deg, #06b6d4, #14b8a6); }
.onboarding-button--ghost[b-o1cgipsi9k] { border-color: #334155; background: rgba(15, 23, 42, .72); color: #cbd5e1; }
.onboarding-button--ghost:hover[b-o1cgipsi9k] { border-color: #475569; background: #111c31; }

.onboarding-loop[b-o1cgipsi9k] { position: relative; width: min(440px, 100%); aspect-ratio: 1; margin: auto; border: 1px solid rgba(51, 65, 85, .55); border-radius: 999px; background: radial-gradient(circle, rgba(8, 145, 178, .12), transparent 57%); box-shadow: inset 0 0 70px rgba(15, 23, 42, .8); }
.onboarding-loop[b-o1cgipsi9k]::before { content: ""; position: absolute; inset: 18%; border: 1px dashed rgba(34, 211, 238, .25); border-radius: inherit; }
.onboarding-loop__center[b-o1cgipsi9k] { position: absolute; inset: 31%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(45, 212, 191, .28); border-radius: inherit; background: rgba(2, 6, 23, .86); text-align: center; box-shadow: 0 0 50px rgba(20, 184, 166, .1); }
.onboarding-loop__center i[b-o1cgipsi9k] { margin-bottom: .55rem; color: #5eead4; font-size: 1.5rem; }
.onboarding-loop__center strong[b-o1cgipsi9k] { color: #f8fafc; font-size: .86rem; }
.onboarding-loop__center small[b-o1cgipsi9k] { margin-top: .2rem; color: #64748b; font-size: .64rem; }
.onboarding-loop__item[b-o1cgipsi9k] { position: absolute; display: flex; min-width: 84px; flex-direction: column; align-items: center; gap: .35rem; color: #94a3b8; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.onboarding-loop__item i[b-o1cgipsi9k] { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid #334155; border-radius: 14px; background: #0b1427; color: #67e8f9; font-size: 1rem; box-shadow: 0 10px 30px rgba(0, 0, 0, .28); }
.onboarding-loop__item--one[b-o1cgipsi9k] { top: -1%; left: calc(50% - 42px); }
.onboarding-loop__item--two[b-o1cgipsi9k] { top: calc(50% - 30px); right: -4%; }
.onboarding-loop__item--three[b-o1cgipsi9k] { bottom: -1%; left: calc(50% - 42px); }
.onboarding-loop__item--four[b-o1cgipsi9k] { top: calc(50% - 30px); left: -4%; }

.onboarding-section-heading[b-o1cgipsi9k] { max-width: 780px; margin: 0 auto 2rem; text-align: center; }
.onboarding-section-heading h1[b-o1cgipsi9k] { margin-top: .65rem; font-size: clamp(2rem, 3.7vw, 3.35rem); line-height: 1.05; }
.onboarding-section-heading p[b-o1cgipsi9k] { max-width: 690px; margin: 1rem auto 0; color: #94a3b8; font-size: .96rem; line-height: 1.65; }

.onboarding-panel--preferences[b-o1cgipsi9k] { max-width: 900px; margin: auto; }
.onboarding-preference-grid[b-o1cgipsi9k] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.onboarding-field[b-o1cgipsi9k] { display: grid; grid-template-columns: auto 1fr; gap: .85rem; padding: 1.15rem; border: 1px solid #263449; border-radius: 17px; background: rgba(8, 15, 31, .82); }
.onboarding-field__icon[b-o1cgipsi9k] { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(34, 211, 238, .22); border-radius: 12px; background: rgba(8, 145, 178, .1); color: #67e8f9; }
.onboarding-field__copy strong[b-o1cgipsi9k], .onboarding-field__copy small[b-o1cgipsi9k] { display: block; }
.onboarding-field__copy strong[b-o1cgipsi9k] { color: #f1f5f9; font-size: .9rem; }
.onboarding-field__copy small[b-o1cgipsi9k] { margin-top: .25rem; color: #64748b; font-size: .7rem; line-height: 1.45; }
.onboarding-select[b-o1cgipsi9k] { position: relative; grid-column: 1 / -1; display: block; }
.onboarding-select select[b-o1cgipsi9k] { width: 100%; min-height: 48px; appearance: none; border: 1px solid #3a4a62; border-radius: 11px; outline: none; background: #020817; padding: 0 2.7rem 0 .9rem; color: #e2e8f0; font-size: .84rem; }
.onboarding-select select:focus[b-o1cgipsi9k] { border-color: #22d3ee; box-shadow: 0 0 0 3px rgba(34, 211, 238, .1); }
.onboarding-select i[b-o1cgipsi9k] { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); color: #64748b; pointer-events: none; }
.onboarding-account-preview[b-o1cgipsi9k] { display: flex; align-items: center; gap: .85rem; margin-top: 1rem; padding: .9rem 1.05rem; border: 1px solid rgba(45, 212, 191, .18); border-radius: 14px; background: rgba(13, 148, 136, .055); }
.onboarding-account-preview__mark[b-o1cgipsi9k] { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: rgba(45, 212, 191, .1); color: #5eead4; }
.onboarding-account-preview span:nth-child(2) small[b-o1cgipsi9k], .onboarding-account-preview span:nth-child(2) strong[b-o1cgipsi9k] { display: block; }
.onboarding-account-preview span:nth-child(2) small[b-o1cgipsi9k] { color: #5f7f88; font-size: .58rem; font-weight: 900; letter-spacing: .12em; }
.onboarding-account-preview span:nth-child(2) strong[b-o1cgipsi9k] { margin-top: .12rem; color: #dbeafe; font-size: .82rem; }
.onboarding-account-preview__value[b-o1cgipsi9k] { margin-left: auto; color: #99f6e4; font-size: .75rem; font-weight: 800; }

.onboarding-error[b-o1cgipsi9k] { display: flex; max-width: 900px; align-items: center; gap: .6rem; margin: 0 auto 1rem; border: 1px solid rgba(244, 63, 94, .38); border-radius: 12px; background: rgba(136, 19, 55, .17); padding: .75rem .9rem; color: #fda4af; font-size: .78rem; }
.onboarding-navigation[b-o1cgipsi9k] { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid rgba(51, 65, 85, .55); }
.onboarding-spinner[b-o1cgipsi9k] { width: 17px; height: 17px; border: 2px solid rgba(255, 255, 255, .35); border-top-color: white; border-radius: 999px; animation: onboarding-spin-b-o1cgipsi9k .7s linear infinite; }
@keyframes onboarding-spin-b-o1cgipsi9k { to { transform: rotate(360deg); } }

.module-grid[b-o1cgipsi9k] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; }
.module-card[b-o1cgipsi9k] { position: relative; min-height: 255px; overflow: hidden; border: 1px solid #25334a; border-radius: 17px; background: linear-gradient(160deg, rgba(15, 23, 42, .9), rgba(5, 11, 25, .94)); padding: 1rem; }
.module-card[b-o1cgipsi9k]::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .4), transparent); opacity: 0; transition: opacity .2s; }
.module-card:hover[b-o1cgipsi9k]::after { opacity: 1; }
.module-card > span[b-o1cgipsi9k] { float: right; color: #334155; font-size: .65rem; font-weight: 900; letter-spacing: .12em; }
.module-card > i[b-o1cgipsi9k] { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #334155; border-radius: 12px; background: #0b1428; color: #7dd3fc; }
.module-card h2[b-o1cgipsi9k] { margin: 1.25rem 0 .55rem; color: #f1f5f9; font-size: .95rem; }
.module-card p[b-o1cgipsi9k] { margin: 0; color: #94a3b8; font-size: .73rem; line-height: 1.6; }
.module-card small[b-o1cgipsi9k] { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; padding-top: .7rem; border-top: 1px solid #1e293b; color: #64748b; font-size: .64rem; line-height: 1.4; }
.module-card--primary[b-o1cgipsi9k] { border-color: rgba(45, 212, 191, .35); background: linear-gradient(160deg, rgba(13, 148, 136, .11), rgba(5, 11, 25, .94)); }
.module-card--primary > i[b-o1cgipsi9k] { border-color: rgba(45, 212, 191, .3); color: #5eead4; }

.onboarding-panel--path[b-o1cgipsi9k] { max-width: 980px; margin: auto; }
.path-grid[b-o1cgipsi9k] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.path-card[b-o1cgipsi9k] { position: relative; min-height: 215px; border: 1px solid #2b3a52; border-radius: 18px; background: rgba(8, 15, 31, .86); padding: 1.15rem; color: inherit; text-align: left; transition: transform .2s, border-color .2s, background .2s; }
.path-card:hover[b-o1cgipsi9k] { transform: translateY(-2px); border-color: #475569; }
.path-card.is-selected[b-o1cgipsi9k] { border-color: #22d3ee; background: linear-gradient(150deg, rgba(8, 145, 178, .15), rgba(8, 15, 31, .92)); box-shadow: 0 0 0 3px rgba(34, 211, 238, .08); }
.path-card__check[b-o1cgipsi9k] { position: absolute; top: .9rem; right: .9rem; display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid #334155; border-radius: 999px; color: transparent; }
.path-card.is-selected .path-card__check[b-o1cgipsi9k] { border-color: #22d3ee; background: #0891b2; color: white; }
.path-card__icon[b-o1cgipsi9k] { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid #334155; border-radius: 13px; background: #0d182d; color: #67e8f9; font-size: 1rem; }
.path-card > small[b-o1cgipsi9k] { display: block; margin-top: 1.1rem; color: #22d3ee; font-size: .6rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.path-card h2[b-o1cgipsi9k] { margin: .4rem 0 0; color: #f8fafc; font-size: 1rem; }
.path-card p[b-o1cgipsi9k] { margin: .55rem 0 0; color: #94a3b8; font-size: .73rem; line-height: 1.55; }
.onboarding-rhythm[b-o1cgipsi9k] { display: flex; align-items: center; gap: .9rem; margin-top: 1rem; border: 1px solid rgba(45, 212, 191, .16); border-radius: 14px; background: rgba(13, 148, 136, .05); padding: .85rem 1rem; }
.onboarding-rhythm > i[b-o1cgipsi9k] { color: #5eead4; }
.onboarding-rhythm strong[b-o1cgipsi9k], .onboarding-rhythm span[b-o1cgipsi9k] { display: block; }
.onboarding-rhythm strong[b-o1cgipsi9k] { color: #ccfbf1; font-size: .75rem; }
.onboarding-rhythm span[b-o1cgipsi9k] { margin-top: .2rem; color: #64748b; font-size: .68rem; line-height: 1.45; }

.onboarding-loading[b-o1cgipsi9k] { display: flex; align-items: center; gap: .8rem; margin: auto; color: #94a3b8; }
.onboarding-loading span[b-o1cgipsi9k] { width: 20px; height: 20px; border: 2px solid #334155; border-top-color: #22d3ee; border-radius: 999px; animation: onboarding-spin-b-o1cgipsi9k .7s linear infinite; }
.onboarding-footer[b-o1cgipsi9k] { position: relative; z-index: 1; display: flex; width: min(1180px, calc(100% - 2rem)); min-height: 50px; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 auto; border-top: 1px solid rgba(51, 65, 85, .45); color: #475569; font-size: .64rem; }
.onboarding-footer span:first-child[b-o1cgipsi9k] { display: flex; align-items: center; gap: .4rem; }

@media (max-width: 1050px) {
    .module-grid[b-o1cgipsi9k] { grid-template-columns: repeat(3, 1fr); }
    .module-card[b-o1cgipsi9k] { min-height: 225px; }
    .onboarding-panel--tour[b-o1cgipsi9k] { padding-bottom: 1rem; }
}

@media (max-width: 820px) {
    .onboarding-header[b-o1cgipsi9k] { grid-template-columns: 1fr auto; }
    .onboarding-progress[b-o1cgipsi9k] { order: 3; grid-column: 1 / -1; justify-content: center; padding-bottom: .8rem; }
    .onboarding-step-label[b-o1cgipsi9k] { grid-column: 2; grid-row: 1; }
    .onboarding-panel--hero[b-o1cgipsi9k] { grid-template-columns: 1fr; text-align: center; }
    .onboarding-hero-copy[b-o1cgipsi9k] { margin: auto; }
    .onboarding-hero-actions[b-o1cgipsi9k] { justify-content: center; }
    .onboarding-loop[b-o1cgipsi9k] { width: min(320px, 82vw); }
    .onboarding-preference-grid[b-o1cgipsi9k], .path-grid[b-o1cgipsi9k] { grid-template-columns: 1fr; }
    .path-card[b-o1cgipsi9k] { min-height: 175px; }
}

@media (max-width: 640px) {
    .onboarding-header[b-o1cgipsi9k] { width: min(100% - 1.25rem, 1180px); min-height: 66px; }
    .onboarding-brand small[b-o1cgipsi9k], .onboarding-step-label[b-o1cgipsi9k] { display: none; }
    .onboarding-progress[b-o1cgipsi9k] { grid-column: 1 / -1; }
    .onboarding-progress__line[b-o1cgipsi9k] { width: clamp(22px, 11vw, 48px); }
    .onboarding-stage[b-o1cgipsi9k] { width: min(100% - 1.25rem, 1180px); min-height: auto; padding: 1.5rem 0 2rem; }
    .onboarding-panel h1[b-o1cgipsi9k] { font-size: clamp(2.15rem, 12vw, 3.2rem); }
    .onboarding-hero-copy > p[b-o1cgipsi9k] { font-size: .9rem; line-height: 1.65; }
    .onboarding-hero-actions[b-o1cgipsi9k] { flex-direction: column; }
    .onboarding-button[b-o1cgipsi9k] { width: 100%; }
    .onboarding-loop[b-o1cgipsi9k] { margin-top: .5rem; }
    .onboarding-section-heading[b-o1cgipsi9k] { margin-bottom: 1.35rem; text-align: left; }
    .onboarding-section-heading h1[b-o1cgipsi9k] { font-size: 2rem; }
    .onboarding-section-heading p[b-o1cgipsi9k] { font-size: .86rem; }
    .onboarding-field[b-o1cgipsi9k] { grid-template-columns: auto minmax(0, 1fr); padding: .9rem; }
    .onboarding-account-preview[b-o1cgipsi9k] { align-items: flex-start; flex-wrap: wrap; }
    .onboarding-account-preview__value[b-o1cgipsi9k] { width: 100%; margin: .25rem 0 0 3.05rem; }
    .module-grid[b-o1cgipsi9k] { display: flex; margin-right: -.625rem; overflow-x: auto; padding: 0 .625rem .65rem 0; scroll-snap-type: x mandatory; }
    .module-card[b-o1cgipsi9k] { min-width: min(82vw, 290px); min-height: 235px; scroll-snap-align: start; }
    .onboarding-navigation[b-o1cgipsi9k] { position: sticky; bottom: 0; z-index: 3; margin: 1.2rem -.625rem -.6rem; padding: .8rem .625rem; border-top-color: #263449; background: rgba(2, 6, 23, .94); backdrop-filter: blur(16px); }
    .onboarding-navigation .onboarding-button--ghost[b-o1cgipsi9k] { width: auto; flex: 0 0 auto; }
    .onboarding-navigation .onboarding-button--primary[b-o1cgipsi9k] { flex: 1; }
    .onboarding-footer[b-o1cgipsi9k] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .onboarding-panel[b-o1cgipsi9k], .onboarding-spinner[b-o1cgipsi9k], .onboarding-loading span[b-o1cgipsi9k] { animation: none; }
    .onboarding-button[b-o1cgipsi9k], .path-card[b-o1cgipsi9k] { transition: none; }
}
/* /Components/ReusableComponents/CalendarWeeklySummary.razor.rz.scp.css */
.weekly-summary[b-z59p401t68] {
    --summary-text: #e5edf8;
    --summary-muted: #94a3b8;
    --summary-line: rgba(71, 85, 105, .34);
    --summary-positive: #35d399;
    --summary-negative: #fb7185;
    color: var(--summary-text);
    min-width: 0;
    padding: 13px 10px 10px;
    border: 1px solid var(--calendar-border, #334155);
    border-radius: 17px;
    background: linear-gradient(150deg, #0f1c2f, #08101f);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .14);
}
.summary-heading[b-z59p401t68] { display: flex; align-items: center; gap: 9px; margin: 0 3px 12px; }
.summary-heading > i[b-z59p401t68] { color: #7f9eff; font-size: 16px; }
.summary-heading h2[b-z59p401t68] { margin: 0; font-size: 12px; font-weight: 750; color: var(--summary-text); }
.summary-heading span[b-z59p401t68] { display: block; margin-top: 4px; font-size: 9px; color: var(--summary-muted); }
.summary-table-scroll[b-z59p401t68] { overflow-x: auto; scrollbar-width: thin; }
.summary-table-scroll:focus-visible[b-z59p401t68] { outline: 2px solid #7f9eff; outline-offset: 2px; }
table[b-z59p401t68] { width: 100%; border-collapse: collapse; font-size: 10px; font-variant-numeric: tabular-nums; }
th[b-z59p401t68], td[b-z59p401t68] { padding: 8px 4px; text-align: right; white-space: nowrap; border-bottom: 1px solid var(--summary-line); }
thead th[b-z59p401t68] { padding-top: 0; font-size: 9px; font-weight: 600; color: var(--summary-muted); }
th:first-child[b-z59p401t68] { text-align: left; }
tbody th[b-z59p401t68] { font-weight: 500; }
.week-range[b-z59p401t68] { color: var(--summary-text); font-size: 9px; }
.outcome-value[b-z59p401t68] { font-weight: 700; }
.positive[b-z59p401t68] { color: var(--summary-positive); }
.negative[b-z59p401t68] { color: var(--summary-negative); }
.neutral[b-z59p401t68] { color: var(--summary-muted); }
.empty-week td[b-z59p401t68] { color: var(--summary-muted); }
.discipline-value[b-z59p401t68] { display: inline-flex; align-items: center; justify-content: flex-end; gap: 5px; }
.discipline-dot[b-z59p401t68] { display: inline-block; width: 8px; height: 8px; flex-shrink: 0; border-radius: 50%; background: #64748b; }
.discipline-dot.strong[b-z59p401t68] { background: #35d399; }
.discipline-dot.mixed[b-z59p401t68] { background: #fbbf24; }
.discipline-dot.weak[b-z59p401t68] { background: #fb7185; }
.discipline-dot.nodata[b-z59p401t68] { background: transparent; border: 1px solid #94a3b8; }
.summary-note[b-z59p401t68], .summary-empty[b-z59p401t68] { color: var(--summary-muted); font-size: 9px; line-height: 1.5; margin: 8px 3px 0; }
.summary-empty[b-z59p401t68] { padding-top: 5px; }
.discipline-focus .discipline-value[b-z59p401t68] { font-weight: 750; }
.discipline-focus .outcome-value[b-z59p401t68] { color: var(--summary-muted); font-weight: 500; }
abbr[b-z59p401t68] { text-decoration: none; }
.visually-hidden[b-z59p401t68] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.app-theme-light .weekly-summary[b-z59p401t68] {
    --summary-text: #0f172a;
    --summary-muted: #52647b;
    --summary-line: #e2e8f0;
    --summary-positive: #047857;
    --summary-negative: #be123c;
    background: linear-gradient(150deg, #fff, #f3f7fc);
    border-color: #d7e1ed;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
}
.app-theme-light .summary-heading > i[b-z59p401t68] { color: #2563eb; }
.app-theme-light .discipline-dot.strong[b-z59p401t68] { background: #059669; }
.app-theme-light .discipline-dot.mixed[b-z59p401t68] { background: #d97706; }
.app-theme-light .discipline-dot.weak[b-z59p401t68] { background: #e11d48; }
/* /Components/ReusableComponents/CoachV3AnalyticsView.razor.rz.scp.css */
.v3-analytics[b-ibb92vi8ns]{border:1px solid var(--zen-line,#30445e);border-radius:12px;padding:20px;margin:16px 0;color:var(--zen-ink,#dce5f3)}h3[b-ibb92vi8ns]{margin:0 0 10px;font-size:16px}p[b-ibb92vi8ns],small[b-ibb92vi8ns]{color:var(--zen-muted,#9db0ca);line-height:1.6}.table-scroll[b-ibb92vi8ns]{overflow:auto}table[b-ibb92vi8ns]{width:100%;border-collapse:collapse;text-align:left;min-width:480px}th[b-ibb92vi8ns],td[b-ibb92vi8ns]{padding:12px;border-bottom:1px solid var(--zen-line,#30445e)}th[b-ibb92vi8ns]{font-size:12px}small[b-ibb92vi8ns]{display:block;font-size:11px;margin-top:4px}meter[b-ibb92vi8ns]{display:block;width:100%;min-width:80px;height:12px;margin-top:6px;accent-color:#23cba4}.limit[b-ibb92vi8ns]{font-size:12px;margin-bottom:0}
/* /Components/ReusableComponents/CoachV3Workspace.razor.rz.scp.css */
.v3-workspace[b-1ravnuq55m]{margin:18px 0;color:var(--zen-ink,#dce5f3)}.tools[b-1ravnuq55m],.fields[b-1ravnuq55m]{display:flex;flex-wrap:wrap;gap:10px}.tools[b-1ravnuq55m]{margin-bottom:12px}button[b-1ravnuq55m],select[b-1ravnuq55m],input[b-1ravnuq55m],textarea[b-1ravnuq55m]{font:inherit;color:inherit;background:var(--zen-input,#0b1525);border:1px solid var(--zen-line,#30445e);border-radius:8px;padding:10px 12px}button[b-1ravnuq55m]{cursor:pointer;margin:4px 6px 4px 0}button:hover[b-1ravnuq55m]{border-color:#5887ef}button:disabled[b-1ravnuq55m]{opacity:.5;cursor:default}h3[b-1ravnuq55m]{font-size:18px;margin-top:20px}h4[b-1ravnuq55m]{font-size:15px}label[b-1ravnuq55m]{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:12px 0}textarea[b-1ravnuq55m]{width:100%;min-height:75px}p[b-1ravnuq55m],li[b-1ravnuq55m]{line-height:1.6}.hint[b-1ravnuq55m],small[b-1ravnuq55m]{font-size:12px;color:var(--zen-muted,#9db0ca)}.memory[b-1ravnuq55m],.outcome[b-1ravnuq55m]{padding:18px;border:1px solid var(--zen-line,#30445e);border-radius:12px;margin:12px 0;background:var(--zen-panel,#142235)}.counts[b-1ravnuq55m]{display:flex;gap:25px;flex-wrap:wrap}.counts div[b-1ravnuq55m]{display:flex;flex-direction:column;gap:5px}.counts strong[b-1ravnuq55m]{font-size:26px}.close[b-1ravnuq55m]{float:right}.fields label[b-1ravnuq55m]{flex:1;min-width:150px}details[b-1ravnuq55m]{margin:14px 0}summary[b-1ravnuq55m]{cursor:pointer}button:focus-visible[b-1ravnuq55m],input:focus-visible[b-1ravnuq55m],textarea:focus-visible[b-1ravnuq55m],select:focus-visible[b-1ravnuq55m]{outline:2px solid #79a6ff;outline-offset:2px}
/* /Components/ReusableComponents/TradeDetailDrawer.razor.rz.scp.css */
.trade-view-root[b-6taez4fsqt] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    color: #e8eef8;
}

.trade-view-backdrop[b-6taez4fsqt] {
    position: absolute;
    inset: 0;
    background: rgba(1, 6, 16, .82);
    backdrop-filter: blur(8px);
}

.trade-view-panel[b-6taez4fsqt] {
    position: absolute;
    inset: 12px;
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(100, 126, 164, .24);
    border-radius: 18px;
    background:
        radial-gradient(circle at 75% 10%, rgba(12, 86, 130, .12), transparent 34%),
        linear-gradient(145deg, #07101d 0%, #050b15 54%, #07111d 100%);
    box-shadow: 0 30px 90px rgba(0, 0, 0, .58);
}

.trade-view-header[b-6taez4fsqt] {
    z-index: 2;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 72px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(100, 126, 164, .17);
    background: rgba(5, 12, 23, .78);
    backdrop-filter: blur(18px);
}

.trade-icon-button[b-6taez4fsqt],
.trade-secondary-button[b-6taez4fsqt],
.trade-close-button[b-6taez4fsqt],
.trade-footer-nav[b-6taez4fsqt] {
    border: 0;
    color: inherit;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.trade-icon-button[b-6taez4fsqt] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(113, 137, 171, .28);
    border-radius: 10px;
    background: rgba(14, 25, 42, .72);
    color: #9fb0c8;
}

.trade-icon-button:hover[b-6taez4fsqt],
.trade-secondary-button:hover[b-6taez4fsqt],
.trade-footer-nav:not(:disabled):hover[b-6taez4fsqt] {
    border-color: rgba(53, 202, 244, .45);
    background: rgba(24, 56, 78, .72);
    color: #effbff;
}

.trade-title-block[b-6taez4fsqt] {
    min-width: 0;
}

.trade-title-line[b-6taez4fsqt] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.trade-title-line h2[b-6taez4fsqt] {
    margin: 0;
    color: #f6f9ff;
    font-size: 1.03rem;
    font-weight: 800;
    letter-spacing: -.015em;
}

.trade-symbol[b-6taez4fsqt] {
    overflow: hidden;
    color: #a5b4c8;
    font-size: .78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trade-direction-badge[b-6taez4fsqt] {
    padding: 3px 8px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.direction-positive[b-6taez4fsqt] {
    border-color: rgba(36, 211, 154, .22);
    background: rgba(20, 160, 116, .12);
    color: #53e3b1;
}

.direction-negative[b-6taez4fsqt] {
    border-color: rgba(255, 80, 112, .22);
    background: rgba(214, 42, 77, .12);
    color: #ff718b;
}

.trade-header-meta[b-6taez4fsqt] {
    display: flex;
    overflow: hidden;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    color: #74869f;
    font-size: .67rem;
    white-space: nowrap;
}

.trade-header-meta span + span[b-6taez4fsqt]::before {
    margin-right: 8px;
    color: #304158;
    content: "•";
}

.trade-header-actions[b-6taez4fsqt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.trade-secondary-button[b-6taez4fsqt],
.trade-close-button[b-6taez4fsqt] {
    display: inline-flex;
    height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid rgba(113, 137, 171, .28);
    border-radius: 10px;
    background: rgba(7, 14, 26, .65);
    color: #d6e0ee;
    font-size: .74rem;
    font-weight: 750;
}

.trade-close-button[b-6taez4fsqt] {
    border-color: rgba(34, 203, 238, .38);
    background: linear-gradient(135deg, #0e9cca, #10b4d8);
    box-shadow: 0 8px 24px rgba(0, 173, 216, .2);
    color: #f6fdff;
}

.trade-close-button:hover[b-6taez4fsqt] {
    background: linear-gradient(135deg, #0fb0dc, #20c3e3);
    transform: translateY(-1px);
}

.trade-view-content[b-6taez4fsqt] {
    display: grid;
    flex: 1;
    grid-template-columns: minmax(285px, 336px) minmax(0, 1fr);
    gap: 12px;
    min-height: 0;
    padding: 12px;
    overflow: hidden;
}

.trade-surface-card[b-6taez4fsqt] {
    border: 1px solid rgba(104, 130, 166, .23);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(13, 24, 40, .84), rgba(7, 15, 27, .82));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018);
}

.trade-overview-card[b-6taez4fsqt] {
    min-height: 0;
    padding: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: #253850 transparent;
    scrollbar-width: thin;
}

.trade-section-heading[b-6taez4fsqt],
.trade-chart-header[b-6taez4fsqt],
.trade-card-title[b-6taez4fsqt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.trade-section-heading[b-6taez4fsqt] {
    margin-bottom: 12px;
}

.trade-section-kicker[b-6taez4fsqt] {
    display: block;
    margin-bottom: 2px;
    color: #299aca;
    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.trade-section-heading h3[b-6taez4fsqt],
.trade-chart-header h3[b-6taez4fsqt] {
    margin: 0;
    color: #dfe8f4;
    font-size: .73rem;
    font-weight: 850;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.trade-section-heading > i[b-6taez4fsqt] {
    color: #3a89ad;
}

.trade-details-grid[b-6taez4fsqt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
}

.trade-detail-tile[b-6taez4fsqt] {
    display: grid;
    min-width: 0;
    min-height: 49px;
    grid-template-columns: 25px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding: 7px 8px;
    border: 1px solid rgba(85, 111, 148, .08);
    border-radius: 8px;
    background: rgba(24, 38, 58, .52);
}

.trade-detail-tile > i[b-6taez4fsqt] {
    color: #25a7da;
    font-size: .82rem;
    text-align: center;
}

.trade-detail-tile > div[b-6taez4fsqt] {
    min-width: 0;
}

.trade-detail-tile span[b-6taez4fsqt] {
    display: block;
    overflow: hidden;
    margin-bottom: 1px;
    color: #73859e;
    font-size: .56rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trade-detail-tile strong[b-6taez4fsqt] {
    display: block;
    overflow: hidden;
    color: #e0e8f3;
    font-size: .67rem;
    font-weight: 780;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trade-detail-tile.positive > i[b-6taez4fsqt],
.trade-detail-tile.positive strong[b-6taez4fsqt],
.positive[b-6taez4fsqt] {
    color: #31d59c;
}

.trade-detail-tile.negative > i[b-6taez4fsqt],
.trade-detail-tile.negative strong[b-6taez4fsqt],
.negative[b-6taez4fsqt],
.trade-detail-tile.danger > i[b-6taez4fsqt] {
    color: #ff5f7d;
}

.neutral[b-6taez4fsqt] {
    color: #94a3b8;
}

.trade-notes-block[b-6taez4fsqt] {
    margin-top: 10px;
    padding: 10px 11px;
    border: 1px solid rgba(86, 112, 148, .1);
    border-radius: 9px;
    background: rgba(23, 37, 57, .45);
}

.trade-notes-label[b-6taez4fsqt] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #788ba4;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.trade-notes-label i[b-6taez4fsqt] {
    color: #36a5d2;
}

.trade-notes-block p[b-6taez4fsqt] {
    margin: 7px 0 0;
    color: #c2cede;
    font-size: .67rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.trade-analysis-column[b-6taez4fsqt] {
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-rows: minmax(360px, 1fr) auto auto;
    overflow-y: auto;
    scrollbar-color: #253850 transparent;
    scrollbar-width: thin;
    gap: 10px;
}

.trade-chart-card[b-6taez4fsqt] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
}

.trade-chart-header[b-6taez4fsqt] {
    flex: 0 0 auto;
    padding: 11px 13px 9px;
    border-bottom: 1px solid rgba(101, 126, 160, .11);
}

.trade-chart-meta[b-6taez4fsqt] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #778aa4;
    font-size: .62rem;
}

.trade-chart-meta i[b-6taez4fsqt] {
    margin-right: 4px;
    color: #2ba5d1;
}

.trade-timeframe-select[b-6taez4fsqt] {
    padding: 5px 8px;
    border: 1px solid rgba(83, 109, 144, .18);
    border-radius: 7px;
    background: rgba(25, 40, 61, .62);
    color: #d1dbea;
    font-weight: 750;
    font-size: inherit;
    cursor: pointer;
}

.trade-timeframe-select:focus-visible[b-6taez4fsqt] {
    outline: 2px solid #299aca;
    outline-offset: 2px;
}

.trade-chart-viewport[b-6taez4fsqt] {
    flex: 1;
    min-height: 0;
    padding: 5px;
}

.trade-insight-grid[b-6taez4fsqt] {
    display: grid;
    grid-template-columns: .9fr 1fr 1.15fr;
    gap: 8px;
}

.trade-insight-card[b-6taez4fsqt] {
    min-width: 0;
    min-height: 126px;
    padding: 12px;
}

.trade-card-title[b-6taez4fsqt] {
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(102, 128, 164, .12);
    color: #bdcadb;
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.trade-card-title i[b-6taez4fsqt] {
    color: #2a9fcb;
    font-size: .78rem;
}

.trade-performance-content[b-6taez4fsqt] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    padding-top: 10px;
}

.trade-r-ring[b-6taez4fsqt] {
    display: flex;
    width: 66px;
    height: 66px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 6px solid currentColor;
    border-left-color: rgba(93, 113, 140, .3);
    border-radius: 50%;
    background: rgba(5, 13, 24, .76);
    box-shadow: 0 0 22px color-mix(in srgb, currentColor 12%, transparent);
}

.trade-r-ring strong[b-6taez4fsqt] {
    color: #eef8ff;
    font-size: .78rem;
}

.trade-r-ring span[b-6taez4fsqt] {
    margin-top: 1px;
    font-size: .48rem;
    font-weight: 750;
}

.trade-stat-list[b-6taez4fsqt] {
    display: grid;
    gap: 8px;
    min-width: 0;
    margin: 0;
}

.trade-stat-list > div[b-6taez4fsqt] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.trade-stat-list dt[b-6taez4fsqt] {
    color: #7c8ca3;
    font-size: .58rem;
}

.trade-stat-list dd[b-6taez4fsqt] {
    overflow: hidden;
    margin: 0;
    color: #dce5f1;
    font-size: .66rem;
    font-weight: 780;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trade-stat-list dd.positive[b-6taez4fsqt] {
    color: #31d59c;
}

.trade-stat-list dd.negative[b-6taez4fsqt] {
    color: #ff5f7d;
}

.trade-execution-list[b-6taez4fsqt] {
    padding-top: 10px;
    gap: 6px;
}

.trade-context-tags[b-6taez4fsqt] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 11px;
}

.trade-context-tag[b-6taez4fsqt] {
    max-width: 100%;
    overflow: hidden;
    padding: 5px 9px;
    border: 1px solid rgba(86, 114, 151, .18);
    border-radius: 999px;
    background: rgba(27, 43, 66, .62);
    color: #abc0d8;
    font-size: .58rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trade-context-tag.accent[b-6taez4fsqt] {
    border-color: rgba(24, 172, 221, .22);
    background: rgba(13, 119, 159, .14);
    color: #42c8ee;
}

.trade-context-tag.positive[b-6taez4fsqt] {
    border-color: rgba(36, 211, 154, .2);
    background: rgba(17, 155, 112, .12);
    color: #48dca9;
}

.trade-context-tag.negative[b-6taez4fsqt] {
    border-color: rgba(255, 80, 112, .2);
    background: rgba(203, 43, 75, .12);
    color: #ff718b;
}

.trade-duration-row[b-6taez4fsqt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 11px;
    color: #7f91aa;
    font-size: .58rem;
}

.trade-duration-row i[b-6taez4fsqt] {
    margin-right: 4px;
    color: #2b9fc9;
}

.trade-duration-row strong[b-6taez4fsqt] {
    color: #dbe5f2;
    font-size: .66rem;
}

.trade-view-footer[b-6taez4fsqt] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 48px;
    padding: 6px 16px;
    border-top: 1px solid rgba(100, 126, 164, .17);
    background: rgba(5, 12, 23, .76);
}

.trade-footer-nav[b-6taez4fsqt] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: max-content;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #b9c6d6;
    font-size: .67rem;
    font-weight: 700;
}

.trade-footer-nav:last-child[b-6taez4fsqt] {
    justify-self: end;
}

.trade-footer-nav:disabled[b-6taez4fsqt] {
    cursor: default;
    opacity: .28;
}

.trade-position[b-6taez4fsqt] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #899bb3;
    font-size: .64rem;
}

.trade-position i[b-6taez4fsqt] {
    color: #37a9d3;
}

.trade-empty-state[b-6taez4fsqt] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #71839b;
}

.trade-empty-state i[b-6taez4fsqt] {
    color: #2a9fc9;
    font-size: 2rem;
}

.trade-empty-state strong[b-6taez4fsqt] {
    color: #d8e1ed;
}

.trade-empty-state span[b-6taez4fsqt] {
    font-size: .78rem;
}

@media (max-width: 1024px) {
    .trade-view-panel[b-6taez4fsqt] {
        inset: 8px;
    }

    .trade-view-content[b-6taez4fsqt] {
        grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    }

    .trade-insight-grid[b-6taez4fsqt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .trade-context-card[b-6taez4fsqt] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .trade-view-panel[b-6taez4fsqt] {
        inset: 0;
        border: 0;
        border-radius: 0;
    }

    .trade-view-header[b-6taez4fsqt] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: 64px;
        padding: 9px 10px;
    }

    .trade-header-meta span:nth-child(n+3)[b-6taez4fsqt],
    .trade-secondary-button span[b-6taez4fsqt],
    .trade-close-button span[b-6taez4fsqt] {
        display: none;
    }

    .trade-secondary-button[b-6taez4fsqt],
    .trade-close-button[b-6taez4fsqt] {
        width: 37px;
        padding: 0;
    }

    .trade-view-content[b-6taez4fsqt] {
        display: flex;
        padding: 8px;
        overflow-y: auto;
        flex-direction: column;
    }

    .trade-overview-card[b-6taez4fsqt] {
        flex: 0 0 auto;
        overflow: visible;
    }

    .trade-analysis-column[b-6taez4fsqt] {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
    }

    .trade-chart-card[b-6taez4fsqt] {
        min-height: 410px;
    }

    .trade-chart-viewport[b-6taez4fsqt] {
        min-height: 350px;
    }

    .trade-insight-grid[b-6taez4fsqt] {
        grid-template-columns: 1fr;
    }

    .trade-context-card[b-6taez4fsqt] {
        grid-column: auto;
    }

    .trade-view-footer[b-6taez4fsqt] {
        position: sticky;
        bottom: 0;
        min-height: 50px;
        padding: 6px 8px;
    }

    .trade-position span[b-6taez4fsqt] {
        max-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 430px) {
    .trade-back-button[b-6taez4fsqt] {
        display: none;
    }

    .trade-view-header[b-6taez4fsqt] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .trade-title-line h2[b-6taez4fsqt] {
        font-size: .92rem;
    }

    .trade-symbol[b-6taez4fsqt] {
        display: none;
    }

    .trade-details-grid[b-6taez4fsqt] {
        grid-template-columns: 1fr;
    }

    .trade-footer-nav span[b-6taez4fsqt] {
        display: none;
    }
}

.trade-screenshot-card[b-6taez4fsqt] { padding: 14px 18px; }
.trade-screenshot-card .trade-section-heading[b-6taez4fsqt] { margin-bottom: 8px; }
.trade-screenshot-card p[b-6taez4fsqt] { margin: 0 0 8px; }
.trade-screenshot-card img[b-6taez4fsqt] { display: block; width: 100%; max-height: 320px; object-fit: contain; margin: 12px 0; border-radius: 10px; background: #050b15; }
.trade-screenshot-card p[b-6taez4fsqt], .trade-screenshot-actions span[b-6taez4fsqt] { color: #9fb0c8; font-size: .8rem; }
.trade-screenshot-actions[b-6taez4fsqt] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px 20px;
    margin-top: 10px;
}
.trade-screenshot-upload[b-6taez4fsqt] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    gap: 6px;
    font-size: .85rem;
    font-weight: 700;
}
.trade-screenshot-upload-row[b-6taez4fsqt] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 14px;
    min-width: 0;
}
.trade-screenshot-browse[b-6taez4fsqt] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 18px;
    border: 1px solid #30d4f4;
    border-radius: 9px;
    background: #0ea5c9;
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
}
.trade-screenshot-actions .trade-screenshot-browse span[b-6taez4fsqt] { color: inherit; }
.trade-screenshot-browse:hover[b-6taez4fsqt] { background: #087d9b; }
.trade-screenshot-browse:focus-within[b-6taez4fsqt] { outline: 2px solid #82e8fa; outline-offset: 3px; }
.trade-screenshot-browse.is-disabled[b-6taez4fsqt] { opacity: .5; cursor: wait; }
.trade-screenshot-browse[b-6taez4fsqt]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: inherit;
}
.trade-screenshot-help[b-6taez4fsqt] { min-width: 0; line-height: 1.5; font-weight: 400; }
.trade-screenshot-toggle[b-6taez4fsqt] {
    width: 100%;
    border: 0;
    padding: 0;
    background: transparent;
    color: #9fb0c8;
    text-align: left;
    cursor: pointer;
}
.trade-screenshot-toggle:focus-visible[b-6taez4fsqt] { outline: 2px solid #82e8fa; outline-offset: 4px; }
.trade-screenshot-title[b-6taez4fsqt] { color: #dfe8f4; font-size: .73rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.trade-screenshot-preview[b-6taez4fsqt] { position: relative; display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.trade-screenshot-preview-hint[b-6taez4fsqt] { position: absolute; bottom: 10px; right: 10px; padding: 6px 10px; border-radius: 6px; background: rgba(5, 11, 21, .85); color: #e8eef8; font-size: .75rem; }
.trade-screenshot-dialog[b-6taez4fsqt] {
    position: fixed;
    inset: 0;
    margin: auto;
    width: min(1400px, calc(100vw - 32px));
    height: fit-content;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 32px);
    box-sizing: border-box;
    overflow: auto;
    padding: 16px;
    border: 1px solid #253850;
    border-radius: 14px;
    background: #07101d;
    color: #e8eef8;
}
.trade-screenshot-dialog[b-6taez4fsqt]::backdrop { background: rgba(1, 6, 16, .9); backdrop-filter: blur(6px); }
.trade-screenshot-dialog-content header[b-6taez4fsqt] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.trade-screenshot-dialog h3[b-6taez4fsqt] { margin: 0; font-size: 1rem; }
.trade-screenshot-dialog img[b-6taez4fsqt] { display: block; width: 100%; max-height: calc(100dvh - 130px); object-fit: contain; }
.trade-header-actions[b-6taez4fsqt] { flex-wrap: wrap; }
.trade-screenshot-card .trade-screenshot-error[b-6taez4fsqt] { color: #ff8298; }

.trade-screenshot-recovery[b-6taez4fsqt] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; color: #a9c6df; font-size: .8rem; }
.trade-screenshot-recovery p[b-6taez4fsqt] { margin: 0; }
/* /Components/ReusableComponents/TradeFilterPanel.razor.rz.scp.css */
.trade-filter[b-evetwsuacj] {
    container-name: trade-filter;
    container-type: inline-size;
    min-width: 0;
}

.trade-filter-grid[b-evetwsuacj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.trade-filter-field[b-evetwsuacj] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
    color: #94a3b8;
    font-size: 0.7rem;
    font-weight: 650;
}

.trade-filter-date[b-evetwsuacj],
.trade-filter-strategy[b-evetwsuacj],
.trade-filter-actions[b-evetwsuacj] {
    grid-column: 1 / -1;
}

.trade-filter-control[b-evetwsuacj] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 2.35rem;
    border: 1px solid rgba(71, 85, 105, 0.72);
    border-radius: 8px;
    outline: none;
    background: rgba(8, 17, 34, 0.92);
    padding: 0 0.65rem;
    color: #f1f5f9;
    font-size: 0.8rem;
    font-weight: 550;
    line-height: normal;
    transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.trade-filter-control:hover[b-evetwsuacj] {
    border-color: rgba(100, 116, 139, 0.9);
    background: rgba(15, 23, 42, 0.96);
}

.trade-filter-control:focus[b-evetwsuacj] {
    border-color: rgba(34, 211, 238, 0.72);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.1);
}

.trade-filter-control[b-evetwsuacj]::placeholder {
    color: #526176;
}

.trade-filter-select[b-evetwsuacj] {
    position: relative;
    display: block;
    min-width: 0;
}

.trade-filter-select select[b-evetwsuacj] {
    appearance: none;
    padding-right: 2rem;
    color-scheme: dark;
    cursor: pointer;
}

.trade-filter-select option[b-evetwsuacj] {
    background: #0f172a;
    color: #f1f5f9;
}

.trade-filter-select i[b-evetwsuacj] {
    position: absolute;
    top: 50%;
    right: 0.7rem;
    color: #94a3b8;
    font-size: 0.65rem;
    pointer-events: none;
    transform: translateY(-50%);
}

.trade-filter-control[type="date"][b-evetwsuacj] {
    color-scheme: dark;
}

.trade-filter-control[type="number"][b-evetwsuacj] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.trade-filter-control[type="number"][b-evetwsuacj]::-webkit-inner-spin-button,
.trade-filter-control[type="number"][b-evetwsuacj]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.trade-filter-actions[b-evetwsuacj] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.15rem;
}

.trade-filter-button[b-evetwsuacj] {
    display: inline-flex;
    min-height: 2.25rem;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0.48rem 0.8rem;
    font-size: 0.76rem;
    font-weight: 750;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.trade-filter-button-primary[b-evetwsuacj] {
    border-color: rgba(37, 99, 235, 0.72);
    background: #2563eb;
    color: #fff;
}

.trade-filter-button-primary:hover[b-evetwsuacj] {
    background: #3b82f6;
}

.trade-filter-button-secondary[b-evetwsuacj] {
    border-color: rgba(71, 85, 105, 0.68);
    background: rgba(15, 23, 42, 0.72);
    color: #cbd5e1;
}

.trade-filter-button-secondary:hover[b-evetwsuacj] {
    border-color: rgba(100, 116, 139, 0.9);
    background: #1e293b;
    color: #f8fafc;
}

@container trade-filter (min-width: 30rem) {
    .trade-filter-date[b-evetwsuacj],
    .trade-filter-strategy[b-evetwsuacj] {
        grid-column: auto;
    }
}

@container trade-filter (min-width: 40rem) {
    .trade-filter-grid[b-evetwsuacj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .trade-filter-date[b-evetwsuacj],
    .trade-filter-strategy[b-evetwsuacj] {
        grid-column: auto;
    }
}
/* /Components/ReusableComponents/TradeStatePicker.razor.rz.scp.css */
.trade-state-picker[b-x48v4q34lr] {
    min-width: 0;
}

.trade-state-picker__label-row[b-x48v4q34lr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.trade-state-picker__label[b-x48v4q34lr] {
    color: #cbd5e1;
    font-size: 0.7rem;
    font-weight: 720;
}

.trade-state-picker__optional[b-x48v4q34lr] {
    color: #52647e;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.trade-state-picker__control-row[b-x48v4q34lr] {
    display: flex;
    min-width: 0;
    gap: 0.4rem;
}

.trade-state-picker__trigger[b-x48v4q34lr] {
    display: flex;
    min-width: 0;
    min-height: 2.65rem;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid rgba(71, 85, 105, 0.78);
    border-radius: 8px;
    background: #0a1628;
    padding: 0.62rem 0.75rem;
    color: #e2e8f0;
    font-size: 0.78rem;
    font-weight: 650;
    text-align: left;
    transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.trade-state-picker__trigger:hover[b-x48v4q34lr],
.trade-state-picker__trigger[aria-expanded="true"][b-x48v4q34lr] {
    border-color: rgba(34, 211, 238, 0.58);
    background: #0d1b30;
}

.trade-state-picker__trigger:focus-visible[b-x48v4q34lr],
.trade-state-picker__clear:focus-visible[b-x48v4q34lr],
.trade-state-picker__chip:focus-visible[b-x48v4q34lr],
.trade-state-picker__option:focus-visible[b-x48v4q34lr] {
    outline: 2px solid rgba(34, 211, 238, 0.62);
    outline-offset: 2px;
}

.trade-state-picker__value[b-x48v4q34lr] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.55rem;
}

.trade-state-picker__value > i[b-x48v4q34lr] {
    flex: 0 0 auto;
    color: #5eead4;
    font-size: 0.85rem;
}

.trade-state-picker__value > span[b-x48v4q34lr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trade-state-picker__value > span.is-placeholder[b-x48v4q34lr] {
    color: #64748b;
    font-weight: 550;
}

.trade-state-picker__chevron[b-x48v4q34lr] {
    flex: 0 0 auto;
    color: #71849f;
    font-size: 0.65rem;
    transition: transform 140ms ease;
}

.trade-state-picker__chevron.is-open[b-x48v4q34lr] {
    transform: rotate(180deg);
}

.trade-state-picker__clear[b-x48v4q34lr] {
    display: grid;
    width: 2.65rem;
    min-height: 2.65rem;
    flex: 0 0 2.65rem;
    place-items: center;
    border: 1px solid rgba(71, 85, 105, 0.7);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.78);
    color: #94a3b8;
    font-size: 0.7rem;
}

.trade-state-picker__clear:hover[b-x48v4q34lr] {
    border-color: rgba(244, 63, 94, 0.42);
    color: #fda4af;
    background: rgba(136, 19, 55, 0.12);
}

.trade-state-picker__quick-list[b-x48v4q34lr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    margin-top: 0.55rem;
}

.trade-state-picker__chip[b-x48v4q34lr],
.trade-state-picker__option[b-x48v4q34lr] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    border: 1px solid rgba(71, 85, 105, 0.55);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.66);
    color: #94a3b8;
    font-size: 0.66rem;
    font-weight: 650;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.trade-state-picker__chip[b-x48v4q34lr] {
    min-height: 1.72rem;
    padding: 0.3rem 0.55rem;
}

.trade-state-picker__chip > span[b-x48v4q34lr],
.trade-state-picker__option > span[b-x48v4q34lr] {
    width: 0.36rem;
    height: 0.36rem;
    flex: 0 0 0.36rem;
    border-radius: 50%;
    background: #64748b;
}

.trade-state-picker__chip.is-steady > span[b-x48v4q34lr],
.trade-state-picker__option.is-steady > span[b-x48v4q34lr] {
    background: #2dd4bf;
}

.trade-state-picker__chip.is-elevated > span[b-x48v4q34lr],
.trade-state-picker__option.is-elevated > span[b-x48v4q34lr] {
    background: #fbbf24;
}

.trade-state-picker__chip.is-pressure > span[b-x48v4q34lr],
.trade-state-picker__option.is-pressure > span[b-x48v4q34lr] {
    background: #fb7185;
}

.trade-state-picker__chip:hover[b-x48v4q34lr],
.trade-state-picker__option:hover[b-x48v4q34lr] {
    border-color: rgba(100, 116, 139, 0.88);
    background: rgba(30, 41, 59, 0.88);
    color: #e2e8f0;
}

.trade-state-picker__chip.is-selected[b-x48v4q34lr],
.trade-state-picker__option.is-selected[b-x48v4q34lr] {
    border-color: rgba(34, 211, 238, 0.5);
    background: rgba(8, 145, 178, 0.16);
    color: #cffafe;
}

.trade-state-picker__menu[b-x48v4q34lr] {
    margin-top: 0.65rem;
    overflow: hidden;
    border: 1px solid rgba(71, 85, 105, 0.72);
    border-radius: 8px;
    background: #07111f;
    box-shadow: 0 14px 34px rgba(2, 6, 23, 0.34);
}

.trade-state-picker__search[b-x48v4q34lr] {
    position: relative;
    display: block;
    padding: 0.6rem;
    border-bottom: 1px solid rgba(51, 65, 85, 0.68);
}

.trade-state-picker__search > i[b-x48v4q34lr] {
    position: absolute;
    top: 50%;
    left: 1.35rem;
    color: #64748b;
    font-size: 0.75rem;
    pointer-events: none;
    transform: translateY(-50%);
}

.trade-state-picker__search input[b-x48v4q34lr] {
    box-sizing: border-box;
    width: 100%;
    min-height: 2.25rem;
    border: 1px solid rgba(71, 85, 105, 0.64);
    border-radius: 7px;
    outline: none;
    background: #0b1729;
    padding: 0.48rem 0.7rem 0.48rem 2rem;
    color: #f1f5f9;
    font-size: 0.74rem;
}

.trade-state-picker__search input:focus[b-x48v4q34lr] {
    border-color: rgba(34, 211, 238, 0.62);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.08);
}

.trade-state-picker__search input[b-x48v4q34lr]::placeholder {
    color: #52647e;
}

.visually-hidden[b-x48v4q34lr] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.trade-state-picker__options[b-x48v4q34lr] {
    display: grid;
    gap: 0.75rem;
    max-height: 15rem;
    overflow-y: auto;
    padding: 0.7rem;
}

.trade-state-picker__group[b-x48v4q34lr] {
    display: grid;
    gap: 0.42rem;
}

.trade-state-picker__group-label[b-x48v4q34lr] {
    color: #64748b;
    font-size: 0.58rem;
    font-weight: 760;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.trade-state-picker__group-options[b-x48v4q34lr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.trade-state-picker__option[b-x48v4q34lr] {
    min-height: 1.85rem;
    padding: 0.34rem 0.58rem;
}

.trade-state-picker__option > i[b-x48v4q34lr] {
    color: #67e8f9;
    font-size: 0.72rem;
}

.trade-state-picker__empty[b-x48v4q34lr] {
    padding: 0.8rem;
    color: #64748b;
    font-size: 0.72rem;
    text-align: center;
}
/* /Components/ReusableComponents/ZenCoachPanel.razor.rz.scp.css */
.zen-coach[b-q84mz59fpj]{--zen-panel:#142235;--zen-line:#293d55;--zen-muted:#9aadc6;--zen-ink:#e5edf8;padding:24px;margin-bottom:24px;border:1px solid var(--zen-line);border-radius:18px;background:var(--zen-bg,#0d1728);color:var(--zen-ink)}
header[b-q84mz59fpj],.section-heading[b-q84mz59fpj],.finding-heading[b-q84mz59fpj]{display:flex;justify-content:space-between;align-items:center;gap:16px}h2[b-q84mz59fpj]{font-size:26px;margin:4px 0}h3[b-q84mz59fpj]{font-size:17px;margin:0 0 14px}h4[b-q84mz59fpj]{font-size:15px;margin:0}.eyebrow[b-q84mz59fpj]{font-size:10px;letter-spacing:.14em;color:#89a8ee}.coach-mark[b-q84mz59fpj]{font-size:38px;color:#8bb2ff}p[b-q84mz59fpj]{line-height:1.65;margin:8px 0 14px}.coach-form[b-q84mz59fpj]{margin:22px 0 26px}label[b-q84mz59fpj]{display:flex;flex-direction:column;gap:7px;font-size:12px}textarea[b-q84mz59fpj],input[b-q84mz59fpj],select[b-q84mz59fpj]{background:var(--zen-input,#080f1d);color:inherit;border:1px solid var(--zen-line);border-radius:9px;padding:12px;font:inherit}textarea[b-q84mz59fpj]{width:100%;resize:vertical;min-height:88px;font-size:14px}.coach-controls[b-q84mz59fpj],.option-fields[b-q84mz59fpj]{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}.option-fields[b-q84mz59fpj]{align-items:end}button[b-q84mz59fpj]{border:1px solid var(--zen-line);border-radius:9px;padding:10px 16px;color:inherit;background:transparent;cursor:pointer;font:inherit;font-size:13px}button.primary[b-q84mz59fpj]{background:#4269df;color:white;border-color:#4269df;min-width:130px}button:hover:not(:disabled)[b-q84mz59fpj]{border-color:#709ce8;background:rgba(83,121,215,.13)}button.primary:hover:not(:disabled)[b-q84mz59fpj]{background:#365dc9}button:disabled[b-q84mz59fpj]{opacity:.5;cursor:default}button:focus-visible[b-q84mz59fpj],summary:focus-visible[b-q84mz59fpj],input:focus-visible[b-q84mz59fpj],select:focus-visible[b-q84mz59fpj],textarea:focus-visible[b-q84mz59fpj]{outline:2px solid #80b3ff;outline-offset:3px}small[b-q84mz59fpj],.result-meta[b-q84mz59fpj],.section-hint[b-q84mz59fpj]{font-size:12px;color:var(--zen-muted)}.coach-layout[b-q84mz59fpj]{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.coach-main[b-q84mz59fpj]{min-width:0}.coach-sidebar[b-q84mz59fpj]{display:grid;gap:18px}.side-card[b-q84mz59fpj]{padding:20px;border:1px solid var(--zen-line);border-radius:12px;background:var(--zen-panel)}.section-heading h3[b-q84mz59fpj]{margin:0}.section-heading[b-q84mz59fpj]{margin-bottom:16px}.section-heading>span[b-q84mz59fpj]{white-space:nowrap;font-size:13px;color:var(--zen-muted)}progress[b-q84mz59fpj]{display:block;width:100%;height:9px;border:none;border-radius:8px;overflow:hidden;background:var(--zen-line);accent-color:#24c8a1}progress[b-q84mz59fpj]::-webkit-progress-bar{background:var(--zen-line)}progress[b-q84mz59fpj]::-webkit-progress-value{background:#24c8a1;border-radius:8px}progress[b-q84mz59fpj]::-moz-progress-bar{background:#24c8a1}.tips ul[b-q84mz59fpj]{padding-left:20px;margin:16px 0 0}.tips li[b-q84mz59fpj]{padding-left:4px;margin:12px 0;font-size:13px;line-height:1.6}.tips li[b-q84mz59fpj]::marker{color:#469cff}.tips h3[b-q84mz59fpj]{display:flex;align-items:center;gap:10px}.tips i[b-q84mz59fpj]{font-size:24px}.coach-result[b-q84mz59fpj]{padding:20px 0;border-top:1px solid var(--zen-line)}.coach-result>h3[b-q84mz59fpj]{margin-top:18px}.finding[b-q84mz59fpj]{border:1px solid var(--zen-line);border-radius:12px;padding:18px;margin:12px 0;background:var(--zen-panel)}.finding-heading[b-q84mz59fpj]{align-items:start}.finding-heading span[b-q84mz59fpj]{font-size:11px;white-space:nowrap;color:var(--zen-muted)}.finding p[b-q84mz59fpj]{font-size:14px}.finding-action[b-q84mz59fpj]{border-left:2px solid #5b8ff5;padding-left:12px}details[b-q84mz59fpj]{margin:10px 0}summary[b-q84mz59fpj]{cursor:pointer;font-size:12px;color:var(--zen-muted)}.review-options[b-q84mz59fpj]{margin:0}.review-options[open][b-q84mz59fpj]{flex-basis:100%;order:3}.evidence[b-q84mz59fpj]{padding:10px;border-left:2px solid #6d8fe9;margin:10px 0;overflow-wrap:anywhere}.evidence-text[b-q84mz59fpj]{font-size:12px!important}a[b-q84mz59fpj]{color:var(--zen-link,#83b7ff)}.next-focus[b-q84mz59fpj]{padding:18px;background:rgba(83,121,215,.12);border-radius:12px;margin:18px 0}.commitment[b-q84mz59fpj]{padding:16px;border:1px solid var(--zen-line);border-radius:10px;margin:12px 0}.commitment button+button[b-q84mz59fpj]{margin-left:8px}.suggestions[b-q84mz59fpj]{margin:24px 0 28px}.suggestions h3[b-q84mz59fpj]{margin-bottom:4px}.question-grid[b-q84mz59fpj]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.suggestion[b-q84mz59fpj]{display:flex;align-items:center;gap:14px;text-align:left;min-height:86px;padding:16px;background:var(--zen-panel);line-height:1.5}.suggestion i[b-q84mz59fpj]{font-size:26px;flex-shrink:0}.blue[b-q84mz59fpj]{color:#4892ff}.purple[b-q84mz59fpj]{color:#a16bff}.pink[b-q84mz59fpj]{color:#ff4f80}.green[b-q84mz59fpj]{color:#20c9a7}.yellow[b-q84mz59fpj]{color:#f7d766}.history[b-q84mz59fpj]{border-top:1px solid var(--zen-line);padding-top:24px}.history-list[b-q84mz59fpj]{border:1px solid var(--zen-line);border-radius:12px;overflow:hidden}.history-list:empty[b-q84mz59fpj]{display:none}.history-row[b-q84mz59fpj]{display:flex;width:100%;align-items:center;gap:16px;border:0;border-radius:0;padding:17px;text-align:left;background:var(--zen-panel)}.history-row+.history-row[b-q84mz59fpj]{border-top:1px solid var(--zen-line)}.history-row span[b-q84mz59fpj]{flex:1;min-width:0;overflow-wrap:anywhere}.history-row i[b-q84mz59fpj]{font-size:21px;color:var(--zen-muted)}.history-row time[b-q84mz59fpj]{font-size:12px;color:var(--zen-muted);white-space:nowrap}.text-button[b-q84mz59fpj]{border:0;color:#48b5ff;padding:0}.coach-error[b-q84mz59fpj]{color:var(--zen-error,#ff9c9c)}
@media(max-width:1100px){.coach-layout[b-q84mz59fpj]{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.question-grid[b-q84mz59fpj]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.coach-layout[b-q84mz59fpj]{grid-template-columns:1fr}.coach-sidebar[b-q84mz59fpj]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.zen-coach[b-q84mz59fpj]{padding:16px}.question-grid[b-q84mz59fpj],.coach-sidebar[b-q84mz59fpj]{grid-template-columns:1fr}.option-fields label[b-q84mz59fpj]{flex:1;min-width:120px}.finding-heading[b-q84mz59fpj]{flex-direction:column;gap:6px}.history-row[b-q84mz59fpj]{flex-wrap:wrap;gap:8px}.history-row time[b-q84mz59fpj]{margin-left:30px}.coach-mark[b-q84mz59fpj]{font-size:28px}.suggestion[b-q84mz59fpj]{min-height:70px}}

.review-summary[b-q84mz59fpj]{padding:18px;border:1px solid var(--zen-line);border-radius:12px;background:var(--zen-panel);margin-top:16px}.coaching-sections[b-q84mz59fpj]{display:grid;gap:18px;margin-top:24px}.coaching-group>h3[b-q84mz59fpj]{margin-bottom:8px}.coaching-group .finding[b-q84mz59fpj]{margin-top:8px}.next-focus h3[b-q84mz59fpj]{margin-top:10px}


.review-scope[b-q84mz59fpj]{padding:14px 0;font-size:13px}.review-scope p[b-q84mz59fpj]{color:var(--zen-muted);font-size:12px}.reviewed-trades[b-q84mz59fpj]{margin:18px 0}.trade-evidence-scroll[b-q84mz59fpj]{overflow-x:auto;border:1px solid var(--zen-line);border-radius:12px}.trade-evidence-table[b-q84mz59fpj]{width:100%;border-collapse:collapse;min-width:760px;font-size:12px;line-height:1.6}.trade-evidence-table th[b-q84mz59fpj],.trade-evidence-table td[b-q84mz59fpj]{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--zen-line)}.trade-evidence-table th[b-q84mz59fpj]{background:var(--zen-panel)}.trade-evidence-table ul[b-q84mz59fpj]{padding-left:16px;margin:6px 0}.trade-evidence-table td:first-child[b-q84mz59fpj]{min-width:160px}

.answer-metric[b-q84mz59fpj],.evidence-explorer[b-q84mz59fpj],.follow-up[b-q84mz59fpj]{border:1px solid var(--zen-line);border-radius:12px;padding:18px;margin:16px 0}.metric-pair[b-q84mz59fpj]{display:flex;gap:36px}.metric-pair>div[b-q84mz59fpj]{display:grid;gap:8px}.metric-pair strong[b-q84mz59fpj]{font-size:25px}.evidence-explorer>summary[b-q84mz59fpj]{font-size:14px;color:var(--zen-ink);font-weight:600}.follow-up-chips[b-q84mz59fpj]{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.follow-up textarea[b-q84mz59fpj]{margin-bottom:12px}.block-copy[b-q84mz59fpj]{white-space:pre-line}.review-summary .eyebrow[b-q84mz59fpj]{display:block;margin-bottom:10px}.answer-metric[b-q84mz59fpj]{background:var(--zen-panel)}

/* V2 investigation and commitment controls */
.scope-pill[b-q84mz59fpj]{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.7rem 0;color:var(--muted,#94a9c4)}
.side-card label[b-q84mz59fpj]{display:block;margin:.65rem 0;line-height:1.5}.side-card input[type=checkbox][b-q84mz59fpj]{width:auto;display:inline-block;margin-right:.4rem}.side-card button[b-q84mz59fpj]{margin:.35rem .35rem .35rem 0}

/* Ask Zen keeps the answer in one reading column; secondary workflows have their own routes. */
.zen-coach[b-q84mz59fpj]{width:100%;max-width:none;box-sizing:border-box;margin-inline:auto}
.coach-layout[b-q84mz59fpj]{display:block}.coach-sidebar[b-q84mz59fpj]{max-width:760px}
.form-footer[b-q84mz59fpj],.secondary-links[b-q84mz59fpj]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}
.secondary-links[b-q84mz59fpj]{justify-content:flex-start;gap:24px;margin-top:24px;padding-top:18px;border-top:1px solid var(--zen-line)}
.review-summary[b-q84mz59fpj]{margin-top:12px}.review-summary h3[b-q84mz59fpj]{font-size:22px;font-weight:700;line-height:1.3}.review-summary p[b-q84mz59fpj]{font-size:16px;margin-bottom:0}
.answer-scope[b-q84mz59fpj]{margin:12px 0 4px}.scope-details[b-q84mz59fpj]{margin-bottom:20px}.new-question[b-q84mz59fpj]{margin:12px 0 24px}
.coach-result[b-q84mz59fpj]{padding-bottom:8px}.follow-up[b-q84mz59fpj]{background:transparent}.follow-up textarea[b-q84mz59fpj]{min-height:64px}
@media(max-width:520px){.zen-coach[b-q84mz59fpj]{padding:16px}.form-footer[b-q84mz59fpj]{align-items:flex-start}.secondary-links[b-q84mz59fpj]{gap:14px}.review-summary p[b-q84mz59fpj]{font-size:15px}}
/* /Components/Summary/MonthlyPl.razor.rz.scp.css */

/* Sparkline */
.sparkline-row[b-r963dmd1no] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 90px;
    padding: 6px 0;
}

.spark-bar[b-r963dmd1no] {
    width: 10px;
    border-radius: 3px;
    transition: transform .08s ease;
}

    .spark-bar:hover[b-r963dmd1no] {
        transform: translateY(-6px);
        opacity: 0.95;
    }

    .spark-bar.positive[b-r963dmd1no] {
        background: linear-gradient(180deg, #10b981, #059669);
        box-shadow: 0 4px 10px rgba(16,185,129,0.12);
    }

    .spark-bar.negative[b-r963dmd1no] {
        background: linear-gradient(180deg, #ef4444, #b91c1c);
        box-shadow: 0 4px 10px rgba(239,68,68,0.12);
    }

.pl-month[b-r963dmd1no]{
    font-size: 0.85rem;
    color: #6b7280;
    font-weight: 600;
}
/* /Components/Summary/WeeklyPl.razor.rz.scp.css */

/* Sparkline */
.sparkline-row[b-2ewvsxfx5b] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 90px;
    padding: 6px 0;
}

.spark-bar[b-2ewvsxfx5b] {
    width: 10px;
    border-radius: 3px;
    transition: transform .08s ease;
}

    .spark-bar:hover[b-2ewvsxfx5b] {
        transform: translateY(-6px);
        opacity: 0.95;
    }

    .spark-bar.positive[b-2ewvsxfx5b] {
        background: linear-gradient(180deg, #10b981, #059669);
        box-shadow: 0 4px 10px rgba(16,185,129,0.12);
    }

    .spark-bar.negative[b-2ewvsxfx5b] {
        background: linear-gradient(180deg, #ef4444, #b91c1c);
        box-shadow: 0 4px 10px rgba(239,68,68,0.12);
    }