/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-iezp0972rq] { min-height: 100vh; display: grid; grid-template-columns: 252px minmax(0, 1fr); }
.sidebar[b-iezp0972rq] { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 28px 20px; background: #101713; color: #dce7df; border-right: 1px solid #26322b; }
.brand[b-iezp0972rq] { display: flex; align-items: center; gap: 12px; padding: 0 8px 30px; }
.brand-mark[b-iezp0972rq] { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #bbf451; color: #101713; font: 800 12px/1 var(--font-mono); letter-spacing: .08em; }
.brand strong[b-iezp0972rq], .brand span[b-iezp0972rq] { display: block; }
.brand strong[b-iezp0972rq] { color: #fff; font-size: 17px; letter-spacing: -.02em; }
.brand div > span[b-iezp0972rq] { margin-top: 2px; color: #819087; font-size: 11px; text-transform: uppercase; letter-spacing: .09em; }
nav[b-iezp0972rq] { display: grid; gap: 5px; }
nav[b-iezp0972rq]  a { display: flex; align-items: center; gap: 14px; min-height: 46px; padding: 0 13px; color: #9dac9f; text-decoration: none; border: 1px solid transparent; border-radius: 9px; font-size: 14px; font-weight: 650; transition: .16s ease; }
nav[b-iezp0972rq]  a:hover { color: #eff8f1; background: #19231d; }
nav[b-iezp0972rq]  a.active { color: #101713; background: #bbf451; }
.nav-icon[b-iezp0972rq] { width: 20px; font: 600 10px/1 var(--font-mono); opacity: .65; }
.sidebar-footer[b-iezp0972rq] { margin-top: auto; padding: 18px 12px 2px; border-top: 1px solid #29352e; }
.sidebar-footer span[b-iezp0972rq], .sidebar-footer strong[b-iezp0972rq] { display: block; }
.sidebar-footer strong[b-iezp0972rq] { margin-top: 6px; color: #c6d1c9; font-size: 12px; }
.session-user[b-iezp0972rq] { margin-top: 17px; padding-top: 15px; border-top: 1px solid #29352e; }
.session-user span[b-iezp0972rq] { color: #728178; font: 500 9px/1.2 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.session-user strong[b-iezp0972rq] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-footer form[b-iezp0972rq] { margin-top: 10px; }
.sidebar-footer button[b-iezp0972rq] { padding: 0; color: #9dac9f; background: transparent; border: 0; font-size: 11px; font-weight: 650; cursor: pointer; }
.sidebar-footer button:hover[b-iezp0972rq] { color: #bbf451; }
.workspace[b-iezp0972rq] { min-width: 0; background: #f3f5f1; }
.topbar[b-iezp0972rq] { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px clamp(20px, 4vw, 52px); background: rgba(255,255,255,.86); border-bottom: 1px solid #dce2dc; backdrop-filter: blur(14px); }
.mode-banner[b-iezp0972rq] { display: flex; align-items: center; gap: 11px; padding: 9px 13px; border-radius: 8px; }
.mode-banner.paper[b-iezp0972rq] { background: #edf8d9; color: #314814; }
.mode-banner.live[b-iezp0972rq] { background: #ffe5e0; color: #8d241b; }
.mode-dot[b-iezp0972rq] { width: 9px; height: 9px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 15%, transparent); }
.mode-banner strong[b-iezp0972rq], .mode-banner span[b-iezp0972rq] { display: block; }
.mode-banner strong[b-iezp0972rq] { font: 750 11px/1.2 var(--font-mono); letter-spacing: .08em; }
.mode-banner span[b-iezp0972rq] { margin-top: 3px; font-size: 11px; opacity: .72; }
.connection-strip[b-iezp0972rq] { display: flex; align-items: center; gap: 26px; }
.connection-item[b-iezp0972rq] { display: flex; align-items: center; gap: 9px; min-width: 112px; }
.connection-item span[b-iezp0972rq], .connection-item strong[b-iezp0972rq] { display: block; }
.connection-item div > span[b-iezp0972rq] { max-width: 180px; overflow: hidden; color: #718077; font: 500 10px/1.3 var(--font-mono); text-overflow: ellipsis; white-space: nowrap; }
.connection-item strong[b-iezp0972rq] { margin-top: 3px; color: #263129; font-size: 12px; }
.status-dot[b-iezp0972rq] { width: 9px; height: 9px; flex: none; border-radius: 50%; }
.status-dot.healthy[b-iezp0972rq] { background: #56a719; box-shadow: 0 0 0 4px #e9f4e0; }
.status-dot.pending[b-iezp0972rq] { background: #d79b20; box-shadow: 0 0 0 4px #fbf0d8; }
.status-dot.offline[b-iezp0972rq] { background: #c55047; box-shadow: 0 0 0 4px #fae5e3; }
.content[b-iezp0972rq] { width: min(1440px, 100%); margin: 0 auto; padding: clamp(28px, 4vw, 54px); }
#blazor-error-ui[b-iezp0972rq] { display: none; position: fixed; z-index: 1000; right: 20px; bottom: 20px; padding: 14px 42px 14px 18px; color: #fff; background: #8d241b; border-radius: 8px; box-shadow: 0 12px 35px rgba(0,0,0,.18); }
#blazor-error-ui a[b-iezp0972rq] { color: #fff; font-weight: 700; }
#blazor-error-ui .dismiss[b-iezp0972rq] { position: absolute; right: 14px; cursor: pointer; }
@media (max-width: 820px) {
    .app-shell[b-iezp0972rq] { grid-template-columns: 1fr; }
    .sidebar[b-iezp0972rq] { position: static; width: 100%; height: auto; padding: 16px; }
    .brand[b-iezp0972rq] { padding-bottom: 14px; }
    nav[b-iezp0972rq] { grid-template-columns: repeat(5, minmax(0, 1fr)); overflow-x: auto; }
    nav[b-iezp0972rq]  a { justify-content: center; min-width: 76px; padding: 0 8px; font-size: 11px; }
    .nav-icon[b-iezp0972rq], .sidebar-footer[b-iezp0972rq] { display: none; }
    .topbar[b-iezp0972rq] { align-items: flex-start; flex-direction: column; gap: 14px; }
    .connection-strip[b-iezp0972rq] { width: 100%; justify-content: space-between; gap: 12px; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-lv2mz0tzby],
.components-reconnect-repeated-attempt-visible[b-lv2mz0tzby],
.components-reconnect-failed-visible[b-lv2mz0tzby],
.components-pause-visible[b-lv2mz0tzby],
.components-resume-failed-visible[b-lv2mz0tzby],
.components-rejoining-animation[b-lv2mz0tzby] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-lv2mz0tzby {
    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/Home.razor.rz.scp.css */
.heading-actions[b-5dwx9w74s4], .review-toolbar > div[b-5dwx9w74s4], .dialog-actions[b-5dwx9w74s4], .recommendation-card footer > div[b-5dwx9w74s4] { display: flex; align-items: center; gap: 10px; }
.secondary-action[b-5dwx9w74s4], .text-action[b-5dwx9w74s4], .bulk-action[b-5dwx9w74s4], .approve-action[b-5dwx9w74s4], .reject-action[b-5dwx9w74s4] { min-height: 40px; padding: 0 15px; border-radius: 8px; font-size: 12px; font-weight: 750; cursor: pointer; transition: .16s ease; }
.secondary-action[b-5dwx9w74s4] { color: #364239; background: #fff; border: 1px solid #cfd8d1; }
.secondary-action:hover[b-5dwx9w74s4] { border-color: #8c9a8f; }
.text-action[b-5dwx9w74s4] { color: #4e5d52; background: transparent; border: 0; }
.bulk-action[b-5dwx9w74s4], .approve-action[b-5dwx9w74s4] { color: #152016; background: #bbf451; border: 1px solid #a8df42; }
.bulk-action:hover[b-5dwx9w74s4], .approve-action:hover[b-5dwx9w74s4] { background: #c8fa6c; }
.reject-action[b-5dwx9w74s4] { color: #8b332b; background: #fff; border: 1px solid #e4c5c1; }
.reject-action:hover[b-5dwx9w74s4] { background: #fff1ef; }
.reject-action.danger[b-5dwx9w74s4] { color: #fff; background: #a83d34; border-color: #a83d34; }
button:disabled[b-5dwx9w74s4] { cursor: not-allowed; opacity: .5; }
.notice[b-5dwx9w74s4] { display: flex; align-items: baseline; gap: 12px; margin: -18px 0 26px; padding: 13px 16px; border: 1px solid; border-radius: 9px; font-size: 13px; }
.notice strong[b-5dwx9w74s4] { white-space: nowrap; }
.notice.success[b-5dwx9w74s4] { color: #34531c; background: #eef8df; border-color: #d3e9b1; }
.notice.error[b-5dwx9w74s4] { color: #812e28; background: #fff0ee; border-color: #edcfcb; }
.analysis-progress[b-5dwx9w74s4] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 20px; margin: -8px 0 26px; padding: 18px 20px; color: #eef5ed; background: #172019; border: 1px solid #2d3930; border-radius: 11px; box-shadow: 0 12px 30px rgba(23,32,25,.1); }
.analysis-progress.terminal[b-5dwx9w74s4] { color: #273927; background: #f2f8e9; border-color: #cee2b0; box-shadow: none; }
.analysis-progress.failed[b-5dwx9w74s4] { color: #5f2925; background: #fff0ee; border-color: #edcfcb; box-shadow: none; }
.analysis-progress-copy[b-5dwx9w74s4] { display: grid; gap: 5px; }
.analysis-progress-copy strong[b-5dwx9w74s4] { font-size: 13px; font-weight: 650; }
.analysis-progress-copy small[b-5dwx9w74s4] { color: #94a197; font: 500 10px/1.3 var(--font-mono); }
.terminal .analysis-progress-copy small[b-5dwx9w74s4] { color: #75816f; }
.failed .analysis-progress-copy small[b-5dwx9w74s4] { color: #8f6763; }
.progress-stage[b-5dwx9w74s4] { color: #bbf451; font: 600 9px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .1em; }
.terminal .progress-stage[b-5dwx9w74s4] { color: #557c1c; }
.failed .progress-stage[b-5dwx9w74s4] { color: #9b3e36; }
.progress-percent[b-5dwx9w74s4] { align-self: center; font: 600 18px/1 var(--font-mono); }
.progress-track[b-5dwx9w74s4] { grid-column: 1 / -1; height: 5px; overflow: hidden; background: #354138; border-radius: 99px; }
.terminal .progress-track[b-5dwx9w74s4] { background: #dce9c9; }
.failed .progress-track[b-5dwx9w74s4] { background: #ecd3cf; }
.progress-track i[b-5dwx9w74s4] { display: block; height: 100%; background: #bbf451; border-radius: inherit; transition: width .25s ease; }
.terminal .progress-track i[b-5dwx9w74s4] { background: #83b536; }
.failed .progress-track i[b-5dwx9w74s4] { background: #b64d44; }
.loading-panel[b-5dwx9w74s4] { min-height: 240px; display: grid; place-items: center; align-content: center; gap: 14px; color: #6d796f; background: #fff; border: 1px solid #dce2dc; border-radius: 14px; }
.loading-panel p[b-5dwx9w74s4] { margin: 0; font-size: 13px; }
.spinner[b-5dwx9w74s4] { width: 26px; height: 26px; border: 3px solid #dce6d5; border-top-color: #6d9c24; border-radius: 50%; animation: spin-b-5dwx9w74s4 .8s linear infinite; }
@keyframes spin-b-5dwx9w74s4 { to { transform: rotate(360deg); } }
.review-toolbar[b-5dwx9w74s4] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; padding: 13px 16px; background: #fff; border: 1px solid #dce2dc; border-radius: 10px; }
.review-toolbar > div:first-child[b-5dwx9w74s4] { display: grid; gap: 1px; }
.review-toolbar strong[b-5dwx9w74s4] { font-size: 13px; }
.review-toolbar span[b-5dwx9w74s4] { color: #7b877e; font: 500 10px/1.3 var(--font-mono); text-transform: uppercase; letter-spacing: .07em; }
.recommendation-grid[b-5dwx9w74s4] { display: grid; gap: 20px; }
.recommendation-card[b-5dwx9w74s4] { position: relative; overflow: hidden; padding: clamp(22px, 3vw, 32px); background: #fff; border: 1px solid #dce2dc; border-radius: 14px; box-shadow: 0 12px 36px rgba(22,36,26,.04); }
.recommendation-card[b-5dwx9w74s4]::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 4px; background: #7e8b82; }
.recommendation-card.buy[b-5dwx9w74s4]::before { background: #75aa27; }
.recommendation-card.sell[b-5dwx9w74s4]::before { background: #c2574e; }
.recommendation-card.manage[b-5dwx9w74s4]::before { background: #4b87a2; }
.recommendation-card header[b-5dwx9w74s4] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: start; padding-bottom: 22px; border-bottom: 1px solid #e5e9e5; }
.select-control[b-5dwx9w74s4] { position: relative; width: 20px; height: 20px; margin-top: 3px; cursor: pointer; }
.select-control input[b-5dwx9w74s4] { position: absolute; opacity: 0; pointer-events: none; }
.select-control span[b-5dwx9w74s4] { display: block; width: 20px; height: 20px; border: 1px solid #bdc8bf; border-radius: 5px; }
.select-control input:checked + span[b-5dwx9w74s4] { background: #9bd63b; border-color: #83bc2c; box-shadow: inset 0 0 0 4px #fff; }
.select-control input:focus-visible + span[b-5dwx9w74s4] { outline: 3px solid #75a52c; outline-offset: 2px; }
.instrument[b-5dwx9w74s4] { display: grid; grid-template-columns: auto auto 1fr; align-items: baseline; justify-content: start; gap: 10px; }
.instrument h2[b-5dwx9w74s4] { margin: 0; font-size: 25px; letter-spacing: -.04em; }
.instrument p[b-5dwx9w74s4] { grid-column: 2 / -1; margin: -4px 0 0; color: #758178; font-size: 11px; }
.action-badge[b-5dwx9w74s4] { padding: 5px 7px; color: #273427; background: #eef2ec; border-radius: 5px; font: 600 10px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .07em; }
.buy .action-badge[b-5dwx9w74s4] { color: #3f601b; background: #edf8dd; }
.sell .action-badge[b-5dwx9w74s4] { color: #8b332b; background: #fff0ee; }
.confidence[b-5dwx9w74s4] { text-align: right; }
.confidence > span[b-5dwx9w74s4] { color: #7a867d; font: 500 9px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.confidence div[b-5dwx9w74s4] { display: flex; gap: 4px; margin-top: 7px; }
.confidence i[b-5dwx9w74s4] { width: 18px; height: 4px; background: #dfe5e0; border-radius: 2px; }
.confidence i.filled[b-5dwx9w74s4] { background: #7eaa3a; }
.risk-warning[b-5dwx9w74s4] { margin-top: 18px; padding: 11px 13px; color: #7b4b13; background: #fff5df; border: 1px solid #f0d9ab; border-radius: 7px; font-size: 12px; }
.risk-warning strong[b-5dwx9w74s4] { margin-right: 5px; text-transform: uppercase; letter-spacing: .05em; }
.price-grid[b-5dwx9w74s4] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 22px 0; overflow: hidden; background: #e1e7e2; border: 1px solid #e1e7e2; border-radius: 9px; }
.price-grid > div[b-5dwx9w74s4] { padding: 14px 16px; background: #f8faf7; }
.price-grid span[b-5dwx9w74s4], .market-snapshot span[b-5dwx9w74s4], .rationale > span[b-5dwx9w74s4], .confirmation-summary span[b-5dwx9w74s4] { display: block; color: #77837a; font: 500 9px/1.25 var(--font-mono); text-transform: uppercase; letter-spacing: .07em; }
.price-grid strong[b-5dwx9w74s4] { display: block; margin-top: 7px; font-size: 15px; }
.market-snapshot[b-5dwx9w74s4] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 17px 19px; background: #172019; border-radius: 9px; color: #f4f8f2; }
.market-snapshot > div + div[b-5dwx9w74s4] { padding-left: 20px; border-left: 1px solid #364239; }
.market-snapshot span[b-5dwx9w74s4] { color: #8fa096; }
.market-snapshot strong[b-5dwx9w74s4] { display: block; margin-top: 7px; font: 500 17px/1.2 var(--font-mono); }
.market-snapshot small[b-5dwx9w74s4] { display: block; margin-top: 5px; color: #a3b0a7; font-size: 10px; }
.market-snapshot .drift-up[b-5dwx9w74s4] { color: #baf363; }
.market-snapshot .drift-down[b-5dwx9w74s4] { color: #81cfe4; }
.market-snapshot .drift-alert[b-5dwx9w74s4] { color: #ff9b8f; }
.quote-error[b-5dwx9w74s4] { margin: 12px 0 0; color: #963f37; font-size: 11px; }
.rationale[b-5dwx9w74s4] { margin-top: 23px; }
.rationale p[b-5dwx9w74s4] { max-width: 920px; margin: 8px 0 0; color: #455148; font-size: 14px; line-height: 1.7; }
.recommendation-card footer[b-5dwx9w74s4] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 25px; padding-top: 20px; border-top: 1px solid #e5e9e5; }
.recommendation-card footer > span[b-5dwx9w74s4] { color: #839087; font: 500 10px/1.3 var(--font-mono); }
.dialog-backdrop[b-5dwx9w74s4] { position: fixed; z-index: 900; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(11,18,13,.66); backdrop-filter: blur(5px); }
.confirmation-dialog[b-5dwx9w74s4] { width: min(520px, 100%); padding: 30px; background: #fff; border-radius: 14px; box-shadow: 0 30px 80px rgba(0,0,0,.25); }
.confirmation-dialog h2[b-5dwx9w74s4] { margin: 10px 0; font-size: 26px; letter-spacing: -.035em; }
.confirmation-dialog > p[b-5dwx9w74s4] { color: #667269; font-size: 13px; line-height: 1.65; }
.confirmation-summary[b-5dwx9w74s4] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 22px 0; overflow: hidden; background: #dfe5e0; border: 1px solid #dfe5e0; border-radius: 8px; }
.confirmation-summary > div[b-5dwx9w74s4] { padding: 13px; background: #f6f8f5; }
.confirmation-summary strong[b-5dwx9w74s4] { display: block; margin-top: 6px; font-size: 13px; }
.dialog-actions[b-5dwx9w74s4] { justify-content: flex-end; margin-top: 24px; }
@media (max-width: 720px) {
    .heading-actions[b-5dwx9w74s4] { width: 100%; }
    .heading-actions button[b-5dwx9w74s4] { flex: 1; }
    .notice[b-5dwx9w74s4] { align-items: flex-start; flex-direction: column; gap: 4px; }
    .analysis-progress[b-5dwx9w74s4] { grid-template-columns: minmax(0, 1fr) auto; padding: 16px; }
    .review-toolbar[b-5dwx9w74s4] { align-items: stretch; flex-direction: column; }
    .review-toolbar > div:last-child[b-5dwx9w74s4] { justify-content: space-between; }
    .recommendation-card header[b-5dwx9w74s4] { grid-template-columns: auto minmax(0, 1fr); }
    .confidence[b-5dwx9w74s4] { grid-column: 2; text-align: left; }
    .instrument[b-5dwx9w74s4] { grid-template-columns: auto 1fr; }
    .price-grid[b-5dwx9w74s4] { grid-template-columns: repeat(2, 1fr); }
    .market-snapshot[b-5dwx9w74s4] { grid-template-columns: 1fr; gap: 14px; }
    .market-snapshot > div + div[b-5dwx9w74s4] { padding: 14px 0 0; border-top: 1px solid #364239; border-left: 0; }
    .recommendation-card footer[b-5dwx9w74s4] { align-items: stretch; flex-direction: column; }
    .recommendation-card footer > div[b-5dwx9w74s4] { display: grid; grid-template-columns: 1fr 1fr; }
    .confirmation-summary[b-5dwx9w74s4] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-i10o9tip3r] { min-height: 100vh; display: grid; grid-template-columns: minmax(420px, .8fr) minmax(480px, 1.2fr); background: #f3f5f1; }
.login-panel[b-i10o9tip3r] { display: flex; flex-direction: column; justify-content: center; width: min(470px, 100%); margin: 0 auto; padding: clamp(32px, 7vw, 76px); }
.login-brand[b-i10o9tip3r] { position: absolute; top: 34px; display: flex; align-items: center; gap: 11px; }
.login-brand > span[b-i10o9tip3r] { display: grid; place-items: center; width: 38px; height: 38px; color: #101713; background: #bbf451; border-radius: 10px; font: 800 12px/1 var(--font-mono); letter-spacing: .08em; }
.login-brand strong[b-i10o9tip3r], .login-brand small[b-i10o9tip3r] { display: block; }
.login-brand strong[b-i10o9tip3r] { color: #172019; font-size: 16px; }
.login-brand small[b-i10o9tip3r] { color: #7a877d; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.login-copy h1[b-i10o9tip3r] { margin: 12px 0 11px; font-size: clamp(39px, 5vw, 58px); line-height: .98; letter-spacing: -.055em; }
.login-copy p[b-i10o9tip3r] { max-width: 400px; margin-bottom: 30px; color: #667269; font-size: 14px; }
.login-error[b-i10o9tip3r] { margin-bottom: 20px; padding: 12px 14px; color: #812e28; background: #fff0ee; border: 1px solid #edcfcb; border-radius: 8px; font-size: 12px; }
form[b-i10o9tip3r] { display: grid; gap: 17px; }
label[b-i10o9tip3r] { display: grid; gap: 7px; }
label span[b-i10o9tip3r] { color: #526057; font: 600 10px/1.2 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
input[b-i10o9tip3r] { width: 100%; min-height: 49px; padding: 0 14px; color: #172019; background: #fff; border: 1px solid #cbd4cd; border-radius: 8px; outline: none; }
input:focus[b-i10o9tip3r] { border-color: #75a52c; box-shadow: 0 0 0 3px rgba(117,165,44,.16); }
button[b-i10o9tip3r] { min-height: 49px; margin-top: 5px; color: #172019; background: #bbf451; border: 1px solid #a8df42; border-radius: 8px; font-weight: 750; cursor: pointer; }
button:hover[b-i10o9tip3r] { background: #c8fa6c; }
.login-footnote[b-i10o9tip3r] { margin: 18px 0 0; color: #89958c; font-size: 10px; line-height: 1.55; }
.login-context[b-i10o9tip3r] { display: flex; flex-direction: column; justify-content: center; padding: clamp(54px, 8vw, 110px); color: #ecf3ee; background: #111914; }
.login-context span[b-i10o9tip3r] { color: #99aa9e; font: 500 10px/1.4 var(--font-mono); text-transform: uppercase; letter-spacing: .1em; }
.login-context strong[b-i10o9tip3r] { margin-top: 25px; font-size: clamp(33px, 4vw, 64px); font-weight: 580; line-height: 1.12; letter-spacing: -.045em; }
.login-context i[b-i10o9tip3r] { margin-top: 50px; color: #bbf451; font: normal 500 10px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .1em; }
@media (max-width: 860px) {
    .login-shell[b-i10o9tip3r] { grid-template-columns: 1fr; }
    .login-panel[b-i10o9tip3r] { min-height: 100vh; padding-top: 110px; }
    .login-brand[b-i10o9tip3r] { top: 25px; }
    .login-context[b-i10o9tip3r] { display: none; }
}
/* /Components/Pages/Orders.razor.rz.scp.css */
.refresh-action[b-cco408l4jk], .orders-error button[b-cco408l4jk] { min-height: 40px; padding: 0 18px; color: #f6f8f4; background: #263329; border: 0; border-radius: 8px; font: 650 11px/1 var(--font-mono); letter-spacing: .04em; cursor: pointer; }
.refresh-action:disabled[b-cco408l4jk] { opacity: .55; cursor: wait; }
.orders-loading[b-cco408l4jk], .orders-error[b-cco408l4jk] { display: grid; place-items: center; align-content: center; gap: 10px; min-height: 260px; padding: 36px; text-align: center; background: #fff; border: 1px solid #dce2dc; border-radius: 14px; }
.orders-loading > span[b-cco408l4jk] { width: 27px; height: 27px; border: 3px solid #dce2dc; border-top-color: #75aa27; border-radius: 50%; animation: spin-b-cco408l4jk .8s linear infinite; }
.orders-loading p[b-cco408l4jk], .orders-error p[b-cco408l4jk] { margin: 0; color: #657168; font-size: 13px; }
.orders-error strong[b-cco408l4jk] { color: #8d352f; font-size: 18px; }
.live-update[b-cco408l4jk] { display: flex; align-items: center; gap: 9px; margin: -22px 0 24px; padding: 10px 13px; color: #3c601d; background: #eff7e4; border: 1px solid #d4e7b9; border-radius: 8px; font-size: 11px; }
.live-update > span[b-cco408l4jk] { width: 7px; height: 7px; background: #76ad29; border-radius: 50%; box-shadow: 0 0 0 4px #dcefc1; }
.live-update strong[b-cco408l4jk] { font: 700 9px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .07em; }
.live-update p[b-cco408l4jk] { margin: 0; color: #5e7151; }
.orders-overview[b-cco408l4jk] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; background: #fff; border: 1px solid #dce2dc; border-radius: 10px; }
.orders-overview > div[b-cco408l4jk] { display: grid; gap: 7px; padding: 17px 22px; border-right: 1px solid #dce2dc; }
.orders-overview > div:last-child[b-cco408l4jk] { border-right: 0; }
.orders-overview span[b-cco408l4jk], .submitted span[b-cco408l4jk] { color: #7b877e; font: 600 9px/1.3 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.orders-overview strong[b-cco408l4jk] { color: #263329; font: 700 17px/1.2 var(--font-mono); }
.orders-overview strong.working[b-cco408l4jk] { color: #377d96; }
.orders-overview strong.filled[b-cco408l4jk] { color: #4f7c16; }
.orders-overview strong.rejected[b-cco408l4jk] { color: #ad463f; }
.ledger-panel[b-cco408l4jk] { overflow: hidden; background: #fff; border: 1px solid #dce2dc; border-radius: 14px; box-shadow: 0 12px 36px rgba(22,36,26,.04); }
.ledger-panel > header[b-cco408l4jk] { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 25px 28px 21px; border-bottom: 1px solid #e5e9e5; }
.ledger-panel h2[b-cco408l4jk] { margin: 6px 0 0; color: #1b261e; font-size: 24px; letter-spacing: -.035em; }
.ledger-panel > header > span[b-cco408l4jk] { color: #7b877e; font: 500 9px/1.3 var(--font-mono); text-transform: uppercase; }
.order-groups[b-cco408l4jk] { display: grid; gap: 18px; padding: 18px; background: #f4f6f3; }
.order-group[b-cco408l4jk] { overflow: hidden; background: #fff; border: 1px solid #dce2dc; border-radius: 11px; }
.order-group > header[b-cco408l4jk] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 20px; border-bottom: 1px solid #e5e9e5; }
.instrument[b-cco408l4jk] { display: grid; grid-template-columns: auto auto; align-items: center; justify-content: start; gap: 6px 9px; }
.instrument strong[b-cco408l4jk] { color: #1b261e; font: 750 17px/1 var(--font-mono); }
.instrument > span[b-cco408l4jk] { padding: 4px 6px; color: #4f672f; background: #eef5e5; border-radius: 4px; font: 700 8px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; }
.instrument small[b-cco408l4jk] { grid-column: 1 / -1; color: #869188; font: 500 8px/1.2 var(--font-mono); }
.submitted[b-cco408l4jk] { display: grid; gap: 5px; text-align: right; }
.submitted strong[b-cco408l4jk] { color: #465248; font: 600 10px/1.2 var(--font-mono); }
.order-table[b-cco408l4jk] { min-width: 1000px; overflow-x: auto; }
.order-head[b-cco408l4jk], .order-row[b-cco408l4jk] { display: grid; grid-template-columns: .8fr 1.15fr .85fr .9fr 1fr 1.25fr .8fr; gap: 16px; align-items: center; padding: 0 20px; }
.order-head[b-cco408l4jk] { min-height: 34px; color: #7c887f; background: #f7f9f6; font: 600 8px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .07em; }
.order-row[b-cco408l4jk] { position: relative; min-height: 94px; border-top: 1px solid #edf0ed; }
.order-row[b-cco408l4jk]::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: #809087; }
.order-row.filled[b-cco408l4jk]::before { background: #7baa35; }
.order-row.rejected[b-cco408l4jk]::before, .order-row.cancelled[b-cco408l4jk]::before { background: #c2574e; }
.order-row.partiallyfilled[b-cco408l4jk]::before, .order-row.submitted[b-cco408l4jk]::before { background: #4b8da7; }
.order-row > div[b-cco408l4jk] { display: grid; gap: 5px; min-width: 0; }
.order-row strong[b-cco408l4jk] { color: #344139; font: 650 11px/1.2 var(--font-mono); }
.order-row small[b-cco408l4jk] { color: #89938c; font: 500 8px/1.3 var(--font-mono); }
.role[b-cco408l4jk] { width: fit-content; padding: 5px 7px; color: #58655c; background: #edf1ed; border-radius: 5px; font: 700 8px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; }
.role.entry[b-cco408l4jk] { color: #345f74; background: #e4f2f7; }
.role.takeprofit[b-cco408l4jk] { color: #4e741d; background: #ecf5df; }
.role.protectivestop[b-cco408l4jk] { color: #963f37; background: #fae9e7; }
.instruction .buy[b-cco408l4jk] { color: #4f7c16; }
.instruction .sell[b-cco408l4jk] { color: #ad463f; }
.instruction > span[b-cco408l4jk] { color: #606d63; font: 550 10px/1.2 var(--font-mono); }
.outcome[b-cco408l4jk] { width: fit-content; padding: 6px 8px; color: #5c685f; background: #edf1ed; border-radius: 5px; font: 700 8px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .05em; }
.outcome.submitted[b-cco408l4jk], .outcome.partiallyfilled[b-cco408l4jk], .outcome.pendingsubmit[b-cco408l4jk] { color: #326b82; background: #e4f2f7; }
.outcome.filled[b-cco408l4jk] { color: #4d741a; background: #ecf5df; }
.outcome.rejected[b-cco408l4jk], .outcome.cancelled[b-cco408l4jk] { color: #963f37; background: #fae9e7; }
.error-message[b-cco408l4jk] { color: #a23d35 !important; overflow-wrap: anywhere; }
.fill-track[b-cco408l4jk] { height: 5px; overflow: hidden; background: #e3e8e4; border-radius: 3px; }
.fill-track span[b-cco408l4jk] { display: block; height: 100%; background: #7baa35; border-radius: inherit; }
@keyframes spin-b-cco408l4jk { to { transform: rotate(360deg); } }
@media (max-width: 1050px) { .order-group[b-cco408l4jk] { overflow-x: auto; } }
@media (max-width: 700px) {
    .refresh-action[b-cco408l4jk] { width: 100%; }
    .live-update[b-cco408l4jk] { align-items: flex-start; flex-wrap: wrap; margin-top: -12px; }
    .live-update p[b-cco408l4jk] { flex-basis: 100%; padding-left: 16px; }
    .orders-overview[b-cco408l4jk] { grid-template-columns: 1fr 1fr; }
    .orders-overview > div:nth-child(2)[b-cco408l4jk] { border-right: 0; }
    .orders-overview > div:nth-child(-n+2)[b-cco408l4jk] { border-bottom: 1px solid #dce2dc; }
    .ledger-panel > header[b-cco408l4jk] { padding: 21px 20px 18px; }
    .order-groups[b-cco408l4jk] { padding: 10px; }
    .order-group[b-cco408l4jk] { overflow: hidden; }
    .order-group > header[b-cco408l4jk] { align-items: flex-start; flex-direction: column; }
    .submitted[b-cco408l4jk] { text-align: left; }
    .order-table[b-cco408l4jk] { min-width: 0; overflow: visible; }
    .order-head[b-cco408l4jk] { display: none; }
    .order-row[b-cco408l4jk] { grid-template-columns: 1fr 1fr; gap: 16px 20px; min-height: 0; padding: 18px 18px 18px 21px; }
    .order-row > div[b-cco408l4jk]::before { content: attr(data-label); color: #8a958d; font: 600 7px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .07em; }
    .order-row .leg[b-cco408l4jk]::before, .order-row .instruction[b-cco408l4jk]::before { content: none; }
    .order-row .leg[b-cco408l4jk], .order-row .instruction[b-cco408l4jk] { align-self: start; }
}
/* /Components/Pages/Portfolio.razor.rz.scp.css */
.refresh-action[b-xtrj8vfisv], .portfolio-error button[b-xtrj8vfisv] {
    min-height: 40px;
    padding: 0 18px;
    color: #f6f8f4;
    background: #263329;
    border: 0;
    border-radius: 8px;
    font: 650 11px/1 var(--font-mono);
    letter-spacing: .04em;
    cursor: pointer;
}

.refresh-action:disabled[b-xtrj8vfisv] { opacity: .55; cursor: wait; }

.portfolio-loading[b-xtrj8vfisv], .portfolio-error[b-xtrj8vfisv] {
    display: grid;
    place-items: center;
    min-height: 260px;
    padding: 36px;
    text-align: center;
    background: #fff;
    border: 1px solid #dce2dc;
    border-radius: 14px;
}

.portfolio-loading span[b-xtrj8vfisv] {
    width: 28px;
    height: 28px;
    border: 3px solid #dce2dc;
    border-top-color: #75aa27;
    border-radius: 50%;
    animation: spin-b-xtrj8vfisv .8s linear infinite;
}

.portfolio-loading p[b-xtrj8vfisv], .portfolio-error p[b-xtrj8vfisv] { color: #657168; }
.portfolio-error[b-xtrj8vfisv] { gap: 6px; }
.portfolio-error strong[b-xtrj8vfisv] { color: #8d352f; font-size: 18px; }

.account-grid[b-xtrj8vfisv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.account-grid article[b-xtrj8vfisv] {
    display: grid;
    gap: 9px;
    min-height: 150px;
    padding: 24px;
    background: #fff;
    border: 1px solid #dce2dc;
    border-radius: 12px;
}

.account-grid span[b-xtrj8vfisv], .performance-strip span[b-xtrj8vfisv] {
    color: #7b877e;
    font: 600 10px/1.3 var(--font-mono);
    text-transform: uppercase;
    letter-spacing: .08em;
}

.account-grid strong[b-xtrj8vfisv] { align-self: end; color: #1b261e; font-size: clamp(21px, 2.3vw, 30px); letter-spacing: -.04em; }
.account-grid small[b-xtrj8vfisv] { color: #849087; font: 500 10px/1.3 var(--font-mono); }
.account-grid .primary-metric[b-xtrj8vfisv] { color: #f5f8f3; background: #263329; border-color: #263329; }
.account-grid .primary-metric span[b-xtrj8vfisv], .account-grid .primary-metric small[b-xtrj8vfisv] { color: #b8c3ba; }
.account-grid .primary-metric strong[b-xtrj8vfisv] { color: #b7e36f; }

.performance-strip[b-xtrj8vfisv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 28px;
    background: #f7f9f6;
    border: 1px solid #dce2dc;
    border-radius: 10px;
}

.performance-strip > div[b-xtrj8vfisv] { display: grid; gap: 7px; padding: 17px 22px; border-right: 1px solid #dce2dc; }
.performance-strip > div:last-child[b-xtrj8vfisv] { border-right: 0; }
.performance-strip strong[b-xtrj8vfisv] { color: #263329; font: 650 14px/1.3 var(--font-mono); }

.positive[b-xtrj8vfisv] { color: #4f7c16 !important; }
.negative[b-xtrj8vfisv] { color: #ad463f !important; }
.neutral[b-xtrj8vfisv] { color: #657168 !important; }

.positions-panel[b-xtrj8vfisv] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce2dc;
    border-radius: 14px;
    box-shadow: 0 12px 36px rgba(22,36,26,.04);
}

.positions-panel > header[b-xtrj8vfisv] { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 25px 28px 21px; border-bottom: 1px solid #e5e9e5; }
.positions-panel h2[b-xtrj8vfisv] { margin: 6px 0 0; color: #1b261e; font-size: 24px; letter-spacing: -.035em; }
.positions-panel > header > span[b-xtrj8vfisv] { color: #7b877e; font: 500 10px/1.3 var(--font-mono); text-transform: uppercase; }
.table-scroll[b-xtrj8vfisv] { overflow-x: auto; }
.positions-panel table[b-xtrj8vfisv] { width: 100%; min-width: 980px; border-collapse: collapse; }
.positions-panel th[b-xtrj8vfisv] { padding: 13px 18px; color: #7b877e; background: #f7f9f6; font: 600 9px/1.2 var(--font-mono); text-align: left; text-transform: uppercase; letter-spacing: .08em; }
.positions-panel th:first-child[b-xtrj8vfisv], .positions-panel td:first-child[b-xtrj8vfisv] { padding-left: 28px; }
.positions-panel th:last-child[b-xtrj8vfisv], .positions-panel td:last-child[b-xtrj8vfisv] { padding-right: 28px; }
.positions-panel td[b-xtrj8vfisv] { padding: 20px 18px; color: #364139; border-top: 1px solid #edf0ed; font: 500 12px/1.35 var(--font-mono); vertical-align: middle; }
.positions-panel tbody tr:first-child td[b-xtrj8vfisv] { border-top: 0; }
.positions-panel .number[b-xtrj8vfisv] { text-align: right; }
.positions-panel td.number[b-xtrj8vfisv] { white-space: nowrap; }
.positions-panel td.number strong[b-xtrj8vfisv], .positions-panel td.number small[b-xtrj8vfisv] { display: block; }
.positions-panel td.number small[b-xtrj8vfisv] { margin-top: 5px; color: #89938c; font-size: 9px; }

.instrument-cell[b-xtrj8vfisv] { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 6px 9px; }
.instrument-cell > strong[b-xtrj8vfisv] { color: #1b261e; font: 750 16px/1 var(--font-mono); }
.instrument-cell small[b-xtrj8vfisv] { grid-column: 1 / -1; color: #89938c; font-size: 9px; }
.direction[b-xtrj8vfisv] { width: fit-content; padding: 3px 6px; border-radius: 4px; font: 700 8px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; }
.direction.long[b-xtrj8vfisv] { color: #4d741a; background: #ecf5df; }
.direction.short[b-xtrj8vfisv] { color: #9b3e38; background: #fae9e7; }

.protection-list[b-xtrj8vfisv] { display: flex; flex-wrap: wrap; gap: 7px; }
.protection-order[b-xtrj8vfisv] { display: grid; gap: 3px; min-width: 92px; padding: 8px 9px; border-radius: 7px; font-size: 10px; }
.protection-order b[b-xtrj8vfisv] { font-size: 8px; letter-spacing: .07em; }
.protection-order small[b-xtrj8vfisv] { opacity: .72; font-size: 8px; }
.protection-order.stop[b-xtrj8vfisv] { color: #8d352f; background: #fae9e7; }
.protection-order.target[b-xtrj8vfisv] { color: #4d741a; background: #ecf5df; }
.unprotected[b-xtrj8vfisv] { display: inline-block; padding: 7px 9px; color: #9b3e38; background: #fff2ef; border: 1px solid #f1d2ce; border-radius: 7px; font: 650 9px/1.2 var(--font-mono); white-space: nowrap; }

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

@media (max-width: 1050px) {
    .account-grid[b-xtrj8vfisv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .refresh-action[b-xtrj8vfisv] { width: 100%; }
    .account-grid[b-xtrj8vfisv] { grid-template-columns: 1fr; }
    .account-grid article[b-xtrj8vfisv] { min-height: 126px; padding: 20px; }
    .performance-strip[b-xtrj8vfisv] { grid-template-columns: 1fr 1fr; }
    .performance-strip > div:nth-child(2)[b-xtrj8vfisv] { border-right: 0; }
    .performance-strip > div:nth-child(-n+2)[b-xtrj8vfisv] { border-bottom: 1px solid #dce2dc; }
    .performance-strip > div[b-xtrj8vfisv] { padding: 15px 16px; }
    .performance-strip .captured-at strong[b-xtrj8vfisv] { font-size: 11px; }
    .positions-panel > header[b-xtrj8vfisv] { padding: 21px 20px 18px; }
}
/* /Components/Pages/Runs.razor.rz.scp.css */
.refresh-action[b-qa2uybrauq], .runs-error button[b-qa2uybrauq] { min-height: 40px; padding: 0 18px; color: #f6f8f4; background: #263329; border: 0; border-radius: 8px; font: 650 11px/1 var(--font-mono); letter-spacing: .04em; cursor: pointer; }
.refresh-action:disabled[b-qa2uybrauq] { opacity: .55; cursor: wait; }
.runs-loading[b-qa2uybrauq], .runs-error[b-qa2uybrauq] { display: grid; place-items: center; align-content: center; gap: 10px; min-height: 260px; padding: 36px; text-align: center; background: #fff; border: 1px solid #dce2dc; border-radius: 14px; }
.runs-loading span[b-qa2uybrauq], .detail-loading span[b-qa2uybrauq] { width: 27px; height: 27px; border: 3px solid #dce2dc; border-top-color: #75aa27; border-radius: 50%; animation: spin-b-qa2uybrauq .8s linear infinite; }
.runs-loading p[b-qa2uybrauq], .runs-error p[b-qa2uybrauq], .detail-loading p[b-qa2uybrauq] { margin: 0; color: #657168; font-size: 13px; }
.runs-error strong[b-qa2uybrauq] { color: #8d352f; font-size: 18px; }
.runs-overview[b-qa2uybrauq] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; background: #fff; border: 1px solid #dce2dc; border-radius: 10px; }
.runs-overview > div[b-qa2uybrauq] { display: grid; gap: 7px; padding: 17px 22px; border-right: 1px solid #dce2dc; }
.runs-overview > div:last-child[b-qa2uybrauq] { border-right: 0; }
.runs-overview span[b-qa2uybrauq], .run-metrics span[b-qa2uybrauq] { color: #7b877e; font: 600 9px/1.3 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.runs-overview strong[b-qa2uybrauq] { color: #263329; font: 700 17px/1.2 var(--font-mono); }
.positive[b-qa2uybrauq], .succeeded[b-qa2uybrauq] { color: #4f7c16 !important; }
.negative[b-qa2uybrauq], .failed[b-qa2uybrauq] { color: #ad463f !important; }
.running[b-qa2uybrauq] { color: #377d96 !important; }
.runs-workspace[b-qa2uybrauq] { display: grid; grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr); gap: 18px; align-items: start; }
.history-panel[b-qa2uybrauq], .conversation-panel[b-qa2uybrauq] { overflow: hidden; background: #fff; border: 1px solid #dce2dc; border-radius: 14px; box-shadow: 0 12px 36px rgba(22,36,26,.04); }
.history-panel > header[b-qa2uybrauq], .conversation-panel > header[b-qa2uybrauq] { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 23px 24px 19px; border-bottom: 1px solid #e5e9e5; }
.history-panel h2[b-qa2uybrauq], .conversation-panel h2[b-qa2uybrauq] { margin: 6px 0 0; color: #1b261e; font-size: 22px; letter-spacing: -.035em; }
.history-panel > header > span[b-qa2uybrauq] { color: #839087; font: 500 9px/1.2 var(--font-mono); text-transform: uppercase; }
.run-list[b-qa2uybrauq] { max-height: 720px; overflow-y: auto; }
.run-row[b-qa2uybrauq] { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; gap: 13px; align-items: center; width: 100%; padding: 17px 20px; text-align: left; background: #fff; border: 0; border-bottom: 1px solid #edf0ed; cursor: pointer; transition: background .15s ease; }
.run-row:hover[b-qa2uybrauq] { background: #f7f9f6; }
.run-row.selected[b-qa2uybrauq] { background: #f0f6e9; box-shadow: inset 3px 0 #82b936; }
.status-mark[b-qa2uybrauq] { width: 8px; height: 8px; border-radius: 50%; background: #8d9990; }
.status-mark.succeeded[b-qa2uybrauq] { background: #7fb52f; }
.status-mark.failed[b-qa2uybrauq] { background: #c2574e; }
.status-mark.running[b-qa2uybrauq] { background: #4b98b4; box-shadow: 0 0 0 4px #e0f2f8; }
.run-identity[b-qa2uybrauq], .run-result[b-qa2uybrauq], .run-usage[b-qa2uybrauq] { display: grid; gap: 5px; min-width: 0; }
.run-identity strong[b-qa2uybrauq] { overflow: hidden; color: #253128; font: 650 12px/1.2 var(--font-mono); text-overflow: ellipsis; white-space: nowrap; }
.run-identity small[b-qa2uybrauq], .run-result small[b-qa2uybrauq], .run-usage small[b-qa2uybrauq] { color: #879188; font: 500 8px/1.2 var(--font-mono); text-transform: uppercase; letter-spacing: .04em; }
.run-result[b-qa2uybrauq] { display: none; }
.run-usage[b-qa2uybrauq] { text-align: right; }
.run-usage strong[b-qa2uybrauq] { color: #344138; font: 650 10px/1.2 var(--font-mono); }
.status-pill[b-qa2uybrauq] { padding: 6px 9px; background: #eef2ec; border-radius: 6px; font: 700 9px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .07em; }
.status-pill.succeeded[b-qa2uybrauq] { background: #ecf5df; }
.status-pill.failed[b-qa2uybrauq] { background: #fae9e7; }
.status-pill.running[b-qa2uybrauq] { background: #e4f3f8; }
.detail-loading[b-qa2uybrauq] { display: grid; place-items: center; align-content: center; gap: 12px; min-height: 350px; }
.run-metrics[b-qa2uybrauq] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); background: #f7f9f6; border-bottom: 1px solid #e5e9e5; }
.run-metrics > div[b-qa2uybrauq] { display: grid; gap: 6px; padding: 13px 12px; border-right: 1px solid #e2e7e2; }
.run-metrics > div:last-child[b-qa2uybrauq] { border-right: 0; }
.run-metrics strong[b-qa2uybrauq] { color: #2d3930; font: 650 11px/1.2 var(--font-mono); }
.run-failure[b-qa2uybrauq] { margin: 18px 22px 0; padding: 13px 15px; color: #8d352f; background: #fff0ee; border: 1px solid #edcfcb; border-radius: 8px; }
.run-failure strong[b-qa2uybrauq] { font: 700 9px/1.2 var(--font-mono); text-transform: uppercase; }
.run-failure p[b-qa2uybrauq] { margin: 5px 0 0; font-size: 12px; line-height: 1.5; }
.no-exchanges[b-qa2uybrauq] { min-height: 300px; display: grid; place-items: center; align-content: center; color: #78837b; }
.no-exchanges span[b-qa2uybrauq] { font: 650 11px/1.2 var(--font-mono); text-transform: uppercase; }
.no-exchanges p[b-qa2uybrauq] { font-size: 13px; }
.conversation-stream[b-qa2uybrauq] { display: grid; gap: 14px; max-height: 650px; padding: 20px; overflow-y: auto; background: #f4f6f3; }
.exchange[b-qa2uybrauq] { overflow: hidden; background: #fff; border: 1px solid #dfe5e0; border-radius: 10px; }
.exchange > header[b-qa2uybrauq] { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 11px 13px; border-bottom: 1px solid #e7ebe7; }
.sequence[b-qa2uybrauq] { color: #89948b; font: 600 9px/1 var(--font-mono); }
.exchange header div[b-qa2uybrauq] { display: grid; gap: 2px; }
.exchange header strong[b-qa2uybrauq] { color: #2b382e; font-size: 11px; }
.exchange header small[b-qa2uybrauq] { color: #929b94; font: 500 8px/1 var(--font-mono); }
.kind[b-qa2uybrauq] { padding: 4px 6px; color: #58655c; background: #edf1ed; border-radius: 4px; font: 650 7px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .07em; }
.toolcall[b-qa2uybrauq] { border-left: 3px solid #4b87a2; }
.toolresult[b-qa2uybrauq] { border-left: 3px solid #7da631; }
.response[b-qa2uybrauq] { border-left: 3px solid #9372ae; }
.request[b-qa2uybrauq] { border-left: 3px solid #7e8b82; }
.exchange pre[b-qa2uybrauq] { max-height: 340px; margin: 0; padding: 15px; overflow: auto; color: #344139; background: #fbfcfa; font: 500 10px/1.6 var(--font-mono); white-space: pre-wrap; overflow-wrap: anywhere; }
@keyframes spin-b-qa2uybrauq { to { transform: rotate(360deg); } }
@media (min-width: 1180px) { .run-row[b-qa2uybrauq] { grid-template-columns: 8px minmax(0, 1fr) auto auto; } .run-result[b-qa2uybrauq] { display: grid; text-align: right; } }
@media (max-width: 920px) { .runs-workspace[b-qa2uybrauq] { grid-template-columns: 1fr; } .run-list[b-qa2uybrauq], .conversation-stream[b-qa2uybrauq] { max-height: none; } .run-metrics[b-qa2uybrauq] { grid-template-columns: repeat(3, 1fr); } .run-metrics > div:nth-child(3)[b-qa2uybrauq] { border-right: 0; } .run-metrics > div:nth-child(-n+3)[b-qa2uybrauq] { border-bottom: 1px solid #e2e7e2; } }
@media (max-width: 620px) { .refresh-action[b-qa2uybrauq] { width: 100%; } .runs-overview[b-qa2uybrauq] { grid-template-columns: 1fr 1fr; } .runs-overview > div:nth-child(2)[b-qa2uybrauq] { border-right: 0; } .runs-overview > div:nth-child(-n+2)[b-qa2uybrauq] { border-bottom: 1px solid #dce2dc; } .history-panel > header[b-qa2uybrauq], .conversation-panel > header[b-qa2uybrauq] { padding: 20px; } .run-row[b-qa2uybrauq] { padding: 16px; } .conversation-stream[b-qa2uybrauq] { padding: 12px; } }
/* /Components/Pages/Settings.razor.rz.scp.css */
.save-action[b-ktrj94wvid], .settings-error button[b-ktrj94wvid] { min-height: 42px; padding: 0 19px; color: #172019; background: #baf15b; border: 1px solid #a6db48; border-radius: 8px; font: 750 11px/1 var(--font-mono); letter-spacing: .04em; cursor: pointer; }
.save-action:disabled[b-ktrj94wvid] { opacity: .55; cursor: wait; }
.settings-loading[b-ktrj94wvid], .settings-error[b-ktrj94wvid] { display: grid; place-items: center; align-content: center; gap: 10px; min-height: 260px; padding: 36px; text-align: center; background: #fff; border: 1px solid #dce2dc; border-radius: 14px; }
.settings-loading > span[b-ktrj94wvid] { width: 27px; height: 27px; border: 3px solid #dce2dc; border-top-color: #75aa27; border-radius: 50%; animation: spin-b-ktrj94wvid .8s linear infinite; }
.settings-loading p[b-ktrj94wvid], .settings-error p[b-ktrj94wvid] { margin: 0; color: #657168; font-size: 13px; }
.settings-error strong[b-ktrj94wvid] { color: #8d352f; font-size: 18px; }
.settings-notice[b-ktrj94wvid] { display: flex; align-items: baseline; gap: 12px; margin: -22px 0 24px; padding: 12px 15px; border: 1px solid; border-radius: 8px; font-size: 12px; }
.settings-notice.success[b-ktrj94wvid] { color: #34531c; background: #eef8df; border-color: #d3e9b1; }
.settings-notice.error[b-ktrj94wvid] { color: #812e28; background: #fff0ee; border-color: #edcfcb; }
.settings-layout[b-ktrj94wvid] { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; align-items: start; }
.settings-main[b-ktrj94wvid] { display: grid; gap: 18px; }
.settings-card[b-ktrj94wvid] { overflow: hidden; background: #fff; border: 1px solid #dce2dc; border-radius: 14px; box-shadow: 0 12px 36px rgba(22,36,26,.035); }
.settings-card > header[b-ktrj94wvid] { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; padding: 23px 25px 19px; border-bottom: 1px solid #e5e9e5; }
.section-index[b-ktrj94wvid] { display: inline-grid; place-items: center; width: 28px; height: 28px; color: #6c796f; background: #edf1ed; border-radius: 6px; font: 700 9px/1 var(--font-mono); }
.settings-card h2[b-ktrj94wvid], .mode-card h2[b-ktrj94wvid] { margin: 0; color: #1b261e; font-size: 21px; letter-spacing: -.035em; }
.settings-card header p[b-ktrj94wvid] { margin: 5px 0 0; color: #758178; font-size: 11px; line-height: 1.5; }
.field-grid[b-ktrj94wvid] { display: grid; gap: 18px; padding: 22px 25px; }
.field-grid.two[b-ktrj94wvid] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.field-grid.three[b-ktrj94wvid] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.field-grid label[b-ktrj94wvid], .channel-block > .field-grid label[b-ktrj94wvid] { display: grid; align-content: start; gap: 7px; min-width: 0; }
.field-grid label > span[b-ktrj94wvid] { color: #58655c; font: 650 9px/1.2 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; }
.field-grid input[b-ktrj94wvid], .field-grid select[b-ktrj94wvid], .live-confirmation input[b-ktrj94wvid] { width: 100%; min-width: 0; height: 40px; padding: 0 11px; color: #243027; background: #fafbf9; border: 1px solid #cfd7d0; border-radius: 7px; font: 550 12px/1 var(--font-mono); outline: none; }
.field-grid input:focus[b-ktrj94wvid], .field-grid select:focus[b-ktrj94wvid], .live-confirmation input:focus[b-ktrj94wvid] { border-color: #7ca637; box-shadow: 0 0 0 3px rgba(126,170,58,.14); }
.field-grid label > small[b-ktrj94wvid] { color: #8a958d; font-size: 9px; line-height: 1.45; }
.input-unit[b-ktrj94wvid] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; overflow: hidden; background: #eef2ed; border-radius: 7px; }
.input-unit input[b-ktrj94wvid] { border-radius: 7px 0 0 7px; }
.input-unit b[b-ktrj94wvid] { padding: 0 10px; color: #718075; font: 650 8px/1 var(--font-mono); text-transform: uppercase; }
.toggle-row[b-ktrj94wvid] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 0 25px 22px; padding: 14px 15px; background: #f7f9f6; border: 1px solid #e0e6e1; border-radius: 8px; cursor: pointer; }
.toggle-row input[b-ktrj94wvid] { width: 17px; height: 17px; accent-color: #79ad2d; }
.toggle-row > span[b-ktrj94wvid] { display: grid; gap: 3px; }
.toggle-row strong[b-ktrj94wvid] { color: #354238; font-size: 12px; }
.toggle-row small[b-ktrj94wvid] { color: #849087; font-size: 9px; line-height: 1.4; }
.schedule-preview[b-ktrj94wvid] { margin: 0 25px 23px; padding: 16px 18px; color: #eff6ed; background: #253229; border-radius: 9px; }
.schedule-preview > div[b-ktrj94wvid] { display: flex; justify-content: space-between; align-items: center; }
.schedule-preview .eyebrow[b-ktrj94wvid] { color: #a9b7ac; }
.schedule-preview button[b-ktrj94wvid] { color: #bde86f; background: transparent; border: 0; font: 650 9px/1 var(--font-mono); cursor: pointer; }
.schedule-preview ol[b-ktrj94wvid] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 14px 0 0; padding: 0; overflow: hidden; list-style: none; background: #435147; border: 1px solid #435147; border-radius: 6px; }
.schedule-preview li[b-ktrj94wvid] { display: grid; gap: 5px; padding: 11px; background: #2c3a30; }
.schedule-preview li strong[b-ktrj94wvid] { color: #edf5ea; font: 600 10px/1.2 var(--font-mono); }
.schedule-preview li span[b-ktrj94wvid] { color: #9eaea2; font: 500 8px/1 var(--font-mono); }
.preview-error[b-ktrj94wvid] { margin: 13px 0 0; color: #ffaaa1; font-size: 11px; }
.channel-block + .channel-block[b-ktrj94wvid] { border-top: 1px solid #e5e9e5; }
.channel-block .toggle-row[b-ktrj94wvid] { margin-top: 22px; }
.channel-block .field-grid[b-ktrj94wvid] { padding-top: 0; }
.preference-block[b-ktrj94wvid] { padding: 22px 25px; border-top: 1px solid #e5e9e5; }
.preference-heading[b-ktrj94wvid] { display: grid; gap: 4px; margin-bottom: 14px; }
.preference-heading strong[b-ktrj94wvid] { color: #354238; font-size: 12px; }
.preference-heading small[b-ktrj94wvid] { color: #849087; font-size: 9px; }
.preference-grid[b-ktrj94wvid] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.preference-grid label[b-ktrj94wvid] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: start; padding: 12px; background: #f7f9f6; border: 1px solid #e0e6e1; border-radius: 8px; cursor: pointer; }
.preference-grid input[b-ktrj94wvid] { width: 16px; height: 16px; accent-color: #79ad2d; }
.preference-grid span[b-ktrj94wvid] { display: grid; gap: 3px; }
.preference-grid strong[b-ktrj94wvid] { color: #465249; font-size: 10px; }
.preference-grid small[b-ktrj94wvid] { color: #849087; font-size: 8px; line-height: 1.45; }
.alert-delays[b-ktrj94wvid] { padding: 18px 0 0; }
.secret-state[b-ktrj94wvid] { padding: 5px 7px; color: #93443d; background: #fae9e7; border-radius: 5px; font: 650 7px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .05em; }
.secret-state.configured[b-ktrj94wvid] { color: #4e741d; background: #ecf5df; }
.mode-card[b-ktrj94wvid] { position: sticky; top: 18px; overflow: hidden; padding: 23px; color: #e9f0e8; background: #263329; border: 1px solid #263329; border-radius: 14px; box-shadow: 0 18px 45px rgba(22,36,26,.12); }
.mode-card > .section-index[b-ktrj94wvid] { color: #b7c3b9; background: #354239; }
.mode-heading[b-ktrj94wvid] { display: flex; align-items: center; gap: 12px; margin-top: 28px; }
.mode-heading > div[b-ktrj94wvid] { display: grid; gap: 5px; }
.mode-heading span[b-ktrj94wvid] { color: #a8b5aa; font: 600 8px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.mode-card h2[b-ktrj94wvid] { color: #f2f6f0; font-size: 24px; }
.mode-light[b-ktrj94wvid] { width: 11px; height: 11px; background: #86bf35; border-radius: 50%; box-shadow: 0 0 0 6px rgba(134,191,53,.15); }
.mode-card.live[b-ktrj94wvid] { background: #542d29; border-color: #542d29; }
.mode-card.live .mode-light[b-ktrj94wvid] { background: #ff786c; box-shadow: 0 0 0 6px rgba(255,120,108,.15); }
.mode-card > p[b-ktrj94wvid] { margin: 18px 0; color: #b4c0b6; font-size: 11px; line-height: 1.65; }
.mode-card.live > p[b-ktrj94wvid] { color: #e1b9b5; }
.mode-switch[b-ktrj94wvid] { display: flex; align-items: center; gap: 10px; padding: 13px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; cursor: pointer; }
.mode-switch input[b-ktrj94wvid] { position: absolute; opacity: 0; }
.mode-switch > span[b-ktrj94wvid] { position: relative; width: 34px; height: 19px; background: #526056; border-radius: 10px; }
.mode-switch > span[b-ktrj94wvid]::after { content: ''; position: absolute; width: 13px; height: 13px; left: 3px; top: 3px; background: #d7ded8; border-radius: 50%; transition: .16s ease; }
.mode-switch input:checked + span[b-ktrj94wvid] { background: #c65349; }
.mode-switch input:checked + span[b-ktrj94wvid]::after { transform: translateX(15px); background: #fff; }
.mode-switch strong[b-ktrj94wvid] { color: #e9f0e8; font-size: 10px; }
.live-confirmation[b-ktrj94wvid] { margin-top: 14px; padding: 14px; color: #6f211b; background: #fff0ee; border-radius: 8px; }
.live-confirmation > strong[b-ktrj94wvid] { font: 750 9px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; }
.live-confirmation p[b-ktrj94wvid] { margin: 7px 0 10px; font-size: 10px; line-height: 1.5; }
.live-confirmation code[b-ktrj94wvid] { font-weight: 750; }
.live-confirmation input[b-ktrj94wvid] { height: 37px; background: #fff; }
.mode-card footer[b-ktrj94wvid] { display: grid; gap: 5px; margin-top: 22px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.12); }
.mode-card footer span[b-ktrj94wvid] { color: #87968a; font: 600 8px/1 var(--font-mono); text-transform: uppercase; }
.mode-card footer strong[b-ktrj94wvid] { color: #bdc8bf; font: 500 9px/1.2 var(--font-mono); }
@keyframes spin-b-ktrj94wvid { to { transform: rotate(360deg); } }
@media (max-width: 1050px) { .settings-layout[b-ktrj94wvid] { grid-template-columns: 1fr; } .mode-card[b-ktrj94wvid] { position: static; } }
@media (max-width: 700px) { .save-action[b-ktrj94wvid] { width: 100%; } .settings-notice[b-ktrj94wvid] { align-items: flex-start; flex-direction: column; gap: 4px; } .field-grid.two[b-ktrj94wvid], .field-grid.three[b-ktrj94wvid], .preference-grid[b-ktrj94wvid] { grid-template-columns: 1fr; } .schedule-preview ol[b-ktrj94wvid] { grid-template-columns: 1fr; } .toggle-row[b-ktrj94wvid] { grid-template-columns: auto 1fr; } .secret-state[b-ktrj94wvid] { grid-column: 2; width: fit-content; } }