@import '_content/Veraius.Contexts.Agents.Presentation/Veraius.Contexts.Agents.Presentation.nzl45rhwhs.bundle.scp.css';
@import '_content/Veraius.Contexts.Billing.Presentation/Veraius.Contexts.Billing.Presentation.ramh0xpnd2.bundle.scp.css';
@import '_content/Veraius.Contexts.Configuration.Presentation/Veraius.Contexts.Configuration.Presentation.aedvzu9q5p.bundle.scp.css';
@import '_content/Veraius.Contexts.Decisions.Presentation/Veraius.Contexts.Decisions.Presentation.xylut6qrib.bundle.scp.css';
@import '_content/Veraius.Contexts.Documents.Presentation/Veraius.Contexts.Documents.Presentation.jqmj4hm5r0.bundle.scp.css';
@import '_content/Veraius.Contexts.Governance.Presentation/Veraius.Contexts.Governance.Presentation.8d3o06x0qr.bundle.scp.css';
@import '_content/Veraius.Contexts.Identity.Presentation/Veraius.Contexts.Identity.Presentation.q0netof60f.bundle.scp.css';
@import '_content/Veraius.Contexts.Insights.Presentation/Veraius.Contexts.Insights.Presentation.8nq9wzutmt.bundle.scp.css';
@import '_content/Veraius.Contexts.Knowledge.Presentation/Veraius.Contexts.Knowledge.Presentation.0u2pg1ug46.bundle.scp.css';
@import '_content/Veraius.Contexts.Marketplace.Presentation/Veraius.Contexts.Marketplace.Presentation.5m443vha5n.bundle.scp.css';
@import '_content/Veraius.Contexts.Models.Presentation/Veraius.Contexts.Models.Presentation.hfjdohon32.bundle.scp.css';
@import '_content/Veraius.Contexts.Organization.Presentation/Veraius.Contexts.Organization.Presentation.v5j9goqvte.bundle.scp.css';
@import '_content/Veraius.Contexts.Telemetry.Presentation/Veraius.Contexts.Telemetry.Presentation.5ykr7tjo6s.bundle.scp.css';
@import '_content/Veraius.Contexts.Workflows.Presentation/Veraius.Contexts.Workflows.Presentation.r8c3gthsiv.bundle.scp.css';
@import '_content/Veraius.Presentation.PlatformShowcase/Veraius.Presentation.PlatformShowcase.oin8d9a3py.bundle.scp.css';
@import '_content/Veraius.Presentation.Shared/Veraius.Presentation.Shared.3m8qn0fm2y.bundle.scp.css';

/* /Components/Layout/LoadingSpinner.razor.rz.scp.css */
/* Used under CC0 license */

.lds-ellipsis[b-7xrjrjp7g0] {
    color: var(--on-surface-variant);
    animation: fade-in-b-7xrjrjp7g0 var(--motion-slow, 280ms) var(--ease-decelerate, cubic-bezier(0, 0, 0, 1));
}

@keyframes fade-in-b-7xrjrjp7g0 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

    .lds-ellipsis[b-7xrjrjp7g0],
    .lds-ellipsis div[b-7xrjrjp7g0] {
        box-sizing: border-box;
    }

.lds-ellipsis[b-7xrjrjp7g0] {
    margin: auto;
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div[b-7xrjrjp7g0] {
        position: absolute;
        top: 33.33333px;
        width: 10px;
        height: 10px;
        /* DESIGN.md: Radius-full */
        border-radius: var(--radius-full);
        background: currentColor;
        animation-timing-function: var(--ease-standard, cubic-bezier(0.2, 0, 0, 1));
    }

        .lds-ellipsis div:nth-child(1)[b-7xrjrjp7g0] {
            left: 8px;
            animation: lds-ellipsis1-b-7xrjrjp7g0 0.9s infinite;
        }

        .lds-ellipsis div:nth-child(2)[b-7xrjrjp7g0] {
            left: 8px;
            animation: lds-ellipsis2-b-7xrjrjp7g0 0.9s infinite;
        }

        .lds-ellipsis div:nth-child(3)[b-7xrjrjp7g0] {
            left: 32px;
            animation: lds-ellipsis2-b-7xrjrjp7g0 0.9s infinite;
        }

        .lds-ellipsis div:nth-child(4)[b-7xrjrjp7g0] {
            left: 56px;
            animation: lds-ellipsis3-b-7xrjrjp7g0 0.9s infinite;
        }

@keyframes lds-ellipsis1-b-7xrjrjp7g0 {
    0% {
        transform: scale(0.8);
        opacity: 0.55;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes lds-ellipsis3-b-7xrjrjp7g0 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.8);
        opacity: 0.55;
    }
}

@keyframes lds-ellipsis2-b-7xrjrjp7g0 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .lds-ellipsis[b-7xrjrjp7g0],
    .lds-ellipsis div[b-7xrjrjp7g0] {
        animation: none !important;
    }
}
/* /Components/Layout/SurveyPrompt.razor.rz.scp.css */
.surveyContainer[b-ktruc28bwk] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.9em;
    margin: 0.5rem auto -0.7rem auto;
    max-width: 1024px;
    color: var(--on-surface-variant);
}

    .surveyContainer a[b-ktruc28bwk] {
        text-decoration: underline;
    }

    .surveyContainer .tool-icon[b-ktruc28bwk] {
        margin-top: 0.15rem;
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
    }
/* /Components/Pages/A2ADashboardPage.razor.rz.scp.css */
/* A2A dashboard — Monolith design system: tonal shifts, no 1px borders, 0px radius (dark/light). */

.a2a-kpi-strip[b-r6hvhndyd3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--spacing-4, 1rem);
    margin-bottom: var(--spacing-8, 1.75rem);
}

.a2a-kpi-card[b-r6hvhndyd3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--spacing-4, 1rem);
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius, 0);
}

.a2a-kpi-value[b-r6hvhndyd3] {
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: var(--on-surface);
}

.a2a-kpi-label[b-r6hvhndyd3] {
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

.a2a-section[b-r6hvhndyd3] {
    margin-bottom: var(--spacing-8, 1.75rem);
}

.a2a-section > h2[b-r6hvhndyd3] {
    margin-bottom: var(--spacing-4, 1rem);
}

.a2a-catalog[b-r6hvhndyd3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--spacing-4, 1rem);
}

.a2a-catalog-card[b-r6hvhndyd3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--spacing-4, 1rem);
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius, 0);
    transition: background var(--transition-btn, 50ms ease);
}

.a2a-catalog-card.is-selected[b-r6hvhndyd3] {
    background: var(--surface-container-high);
}

.a2a-desc[b-r6hvhndyd3] {
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.a2a-card-actions[b-r6hvhndyd3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.25rem;
}

.a2a-card-actions > .label-sm[b-r6hvhndyd3] {
    text-transform: uppercase;
}

/* ── Result block ─────────────────────────────────────────────────── */

.a2a-result[b-r6hvhndyd3] {
    background: var(--surface-container-low);
    padding: var(--spacing-4, 1rem);
    border-radius: var(--panel-radius, 0);
}

.a2a-result-head[b-r6hvhndyd3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: var(--spacing-4, 1rem);
    flex-wrap: wrap;
}

.a2a-subhead[b-r6hvhndyd3] {
    margin: var(--spacing-4, 1rem) 0 0.5rem;
}

.a2a-badge[b-r6hvhndyd3] {
    display: inline-block;
    padding: 0.15rem 0.6rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: var(--btn-radius, 0);
    background: var(--surface-container-highest);
    color: var(--on-surface);
}

.a2a-badge-succeeded[b-r6hvhndyd3] { background: var(--primary-container); color: var(--on-primary-container, var(--on-surface)); }
.a2a-badge-failed[b-r6hvhndyd3] { background: var(--error); color: var(--on-error); }
.a2a-badge-synthetic[b-r6hvhndyd3] { background: var(--secondary); color: var(--on-secondary); }

.a2a-err[b-r6hvhndyd3] {
    color: var(--error);
    font-size: var(--font-size-base);
}

/* Output KPI cards */
.a2a-kpi-out-grid[b-r6hvhndyd3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.5rem;
}

.a2a-kpi-out[b-r6hvhndyd3] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.6rem 0.75rem;
    background: var(--surface-container);
    border-radius: var(--card-radius, 0);
}

.a2a-kpi-out-value[b-r6hvhndyd3] {
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--primary);
}

.a2a-kpi-out-label[b-r6hvhndyd3] {
    text-transform: none;
    color: var(--on-surface-variant);
}

/* Summary list */
.a2a-summary-list[b-r6hvhndyd3] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.a2a-summary-list li[b-r6hvhndyd3] {
    padding: 0.5rem 0.75rem;
    background: var(--surface-container);
    font-size: var(--font-size-base);
    color: var(--on-surface);
}

.a2a-summary-list .label-sm[b-r6hvhndyd3] {
    display: block;
    text-transform: uppercase;
    margin-bottom: 0.15rem;
}

/* Step timeline */
.a2a-timeline[b-r6hvhndyd3] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.a2a-step[b-r6hvhndyd3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: var(--surface-container);
}

.a2a-step-name[b-r6hvhndyd3] {
    font-weight: 600;
    color: var(--on-surface);
    flex: 1;
}

.a2a-step-status[b-r6hvhndyd3] {
    text-transform: uppercase;
}

.a2a-step-succeeded .a2a-step-status[b-r6hvhndyd3] { color: var(--primary); }
.a2a-step-failed .a2a-step-status[b-r6hvhndyd3] { color: var(--error); }

.a2a-step-err[b-r6hvhndyd3] {
    color: var(--error);
    font-size: var(--font-size-md);
    flex-basis: 100%;
}

/* ── History + value-chain tables ─────────────────────────────────── */

.a2a-history-head[b-r6hvhndyd3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-4, 1rem);
    gap: 1rem;
}

.a2a-history[b-r6hvhndyd3], .a2a-chain[b-r6hvhndyd3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.a2a-history-row[b-r6hvhndyd3] {
    display: grid;
    grid-template-columns: 2.2fr 1fr 0.8fr 0.9fr 2fr 1.1fr;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    background: var(--surface-container);
    font-size: var(--font-size-base);
}

.a2a-chain-row[b-r6hvhndyd3] {
    display: grid;
    grid-template-columns: 1.3fr 1.6fr 1fr 1.1fr 1.1fr 1fr;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    background: var(--surface-container);
    font-size: var(--font-size-base);
}

.a2a-history-header[b-r6hvhndyd3], .a2a-chain-header[b-r6hvhndyd3] {
    background: var(--surface-container-high);
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

.a2a-hist-name[b-r6hvhndyd3], .a2a-chain-order[b-r6hvhndyd3] {
    font-weight: 600;
    color: var(--on-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a2a-hist-kpi[b-r6hvhndyd3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a2a-chain-amount[b-r6hvhndyd3] {
    font-weight: 600;
    color: var(--primary);
}

.a2a-chain-stage[b-r6hvhndyd3] {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    background: var(--surface-container-highest);
    color: var(--on-surface-variant);
}

.a2a-stage-shipped[b-r6hvhndyd3], .a2a-stage-delivered[b-r6hvhndyd3] { color: var(--primary); }
.a2a-stage-paid[b-r6hvhndyd3] { color: var(--primary); background: var(--primary-container); }
.a2a-stage-overdue[b-r6hvhndyd3] { color: var(--error); }
.a2a-stage-issued[b-r6hvhndyd3] { color: var(--secondary); }

/* ── Clickable rows + drill-down panels ───────────────────────────── */

.a2a-clickable[b-r6hvhndyd3] {
    cursor: pointer;
    transition: background var(--transition-btn, 50ms ease);
}

.a2a-clickable:hover[b-r6hvhndyd3] {
    background: var(--surface-container-high);
}

.a2a-clickable.is-open[b-r6hvhndyd3] {
    background: var(--surface-container-high);
}

.a2a-drill[b-r6hvhndyd3] {
    padding: 0.75rem 1rem;
    background: var(--surface-container-low);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.a2a-drill-head[b-r6hvhndyd3] {
    text-transform: uppercase;
    color: var(--on-surface-variant);
    margin-top: 0.25rem;
}

.a2a-drill-line[b-r6hvhndyd3] {
    display: grid;
    grid-template-columns: 2fr 1fr 1.2fr 1fr;
    align-items: center;
    gap: 0.75rem;
    padding: 0.4rem 0.5rem;
    background: var(--surface-container);
    font-size: var(--font-size-md);
}

.a2a-drill-prod[b-r6hvhndyd3] {
    font-weight: 600;
    color: var(--on-surface);
}
/* /Components/Pages/Admin/ActionAgents/AgentDetail.razor.rz.scp.css */
/* option-2 ajan akisi. Yaricap/zemin token'dan; kart duzlemi --surface-container-lowest. */
.aw-layout[b-cwb8rlru4c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem);
    gap: var(--space-4);
    align-items: start;
}
@media (max-width: 1100px) { .aw-layout[b-cwb8rlru4c] { grid-template-columns: 1fr; } }

.aw-main[b-cwb8rlru4c] { display: flex; flex-direction: column; gap: var(--space-4); min-inline-size: 0; }

.aw-card[b-cwb8rlru4c] {
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
    box-shadow: inset 0 0 0 1px var(--ghost-border);
    padding: var(--space-5);
    min-inline-size: 0;
}
.aw-card__title[b-cwb8rlru4c] { display: flex; align-items: center; gap: var(--space-2); font-size: var(--font-size-lg); margin: 0 0 var(--space-4); }

/* Akis: yatay kart dizisi, kartlar arasinda ok. Dar kapta sarar. */
.aw-flow[b-cwb8rlru4c] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-6);
}
.aw-stage[b-cwb8rlru4c] {
    position: relative;
    flex: 1 1 11rem;
    max-inline-size: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-3);
    border-radius: var(--card-radius);
    background: var(--surface-container-lowest);
    box-shadow: inset 0 0 0 1px var(--ghost-border);
    text-align: center;
}
.aw-stage + .aw-stage[b-cwb8rlru4c]::before {
    content: "→";
    position: absolute;
    inset-inline-start: calc(-1 * var(--space-6));
    inline-size: var(--space-6);
    inset-block-start: 3.2rem;
    text-align: center;
    color: var(--on-surface-variant);
    font-size: var(--font-size-lg);
}
.aw-stage--failed[b-cwb8rlru4c] { box-shadow: inset 0 0 0 1px var(--state-error-border); }
.aw-stage__no[b-cwb8rlru4c] {
    align-self: flex-start;
    font-size: var(--font-size-xs);
    font-weight: 700;
    padding: 2px var(--space-2);
    border-radius: var(--chip-radius);
    background: var(--surface-container);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}
.aw-stage__icon[b-cwb8rlru4c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 3.25rem;
    block-size: 3.25rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--primary) 12%, transparent);
    color: var(--primary);
}
.aw-stage__icon[b-cwb8rlru4c]  .material-symbols-outlined { font-size: var(--icon-lg); }
.aw-stage--trigger .aw-stage__icon[b-cwb8rlru4c] { background: color-mix(in srgb, var(--primary) 8%, transparent); }
.aw-stage--action .aw-stage__icon[b-cwb8rlru4c] { background: var(--surface-container-high); color: var(--on-surface); }
.aw-stage__title[b-cwb8rlru4c] { font-size: var(--font-size-base); line-height: 1.3; overflow-wrap: anywhere; }
.aw-stage__kind[b-cwb8rlru4c] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    padding: 2px var(--space-2);
    border-radius: var(--chip-radius);
    background: color-mix(in srgb, var(--primary) 10%, transparent);
    color: var(--primary);
}
.aw-stage__facts[b-cwb8rlru4c] {
    align-self: stretch;
    margin: var(--space-2) 0 0;
    padding-block-start: var(--space-2);
    border-block-start: 1px solid var(--ghost-border);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    text-align: start;
    font-size: var(--font-size-sm);
}
.aw-stage__facts dt[b-cwb8rlru4c] { color: var(--on-surface-variant); font-size: var(--font-size-xs); }
.aw-stage__facts dd[b-cwb8rlru4c] { margin: 0; overflow-wrap: anywhere; }

.aw-state[b-cwb8rlru4c] { font-weight: 600; }
.aw-state--succeeded[b-cwb8rlru4c] { color: var(--state-success-text); }
.aw-state--failed[b-cwb8rlru4c] { color: var(--state-error-text); }
.aw-state--skipped[b-cwb8rlru4c], .aw-state--notrun[b-cwb8rlru4c] { color: var(--on-surface-variant); }
.aw-state--running[b-cwb8rlru4c] { color: var(--state-info-text); }

/* Kosu seridi */
.aw-stats[b-cwb8rlru4c] { display: grid; grid-template-columns: auto repeat(4, minmax(0, 1fr)); gap: var(--space-4); align-items: center; }
@media (max-width: 900px) { .aw-stats[b-cwb8rlru4c] { grid-template-columns: 1fr 1fr; } }
.aw-stats__title[b-cwb8rlru4c] { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: var(--font-size-lg); }
.aw-stat[b-cwb8rlru4c] { display: flex; flex-direction: column; gap: 2px; padding-inline-start: var(--space-4); border-inline-start: 1px solid var(--ghost-border); }
.aw-stat__label[b-cwb8rlru4c] { font-size: var(--font-size-sm); color: var(--on-surface-variant); }
.aw-stat strong[b-cwb8rlru4c] { font-size: var(--font-size-lg); font-variant-numeric: tabular-nums; }
.aw-accent[b-cwb8rlru4c] { color: var(--primary); }

/* Koruma raylari */
.aw-guard[b-cwb8rlru4c] { position: sticky; inset-block-start: var(--space-4); }
.aw-rail[b-cwb8rlru4c] { display: grid; grid-template-columns: auto 1fr; gap: var(--space-3); padding-block: var(--space-3); border-block-start: 1px solid var(--ghost-border); }
.aw-rail:first-of-type[b-cwb8rlru4c] { border-block-start: 0; padding-block-start: 0; }
.aw-rail h3[b-cwb8rlru4c] { margin: 0 0 var(--space-1); font-size: var(--font-size-base); color: var(--primary); }
.aw-rail p[b-cwb8rlru4c] { margin: 0 0 var(--space-1); font-size: var(--font-size-sm); overflow-wrap: anywhere; }
.aw-rail__icon[b-cwb8rlru4c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.25rem;
    block-size: 2.25rem;
    border-radius: 50%;
    background: var(--surface-container);
    color: var(--on-surface);
}

.aw-muted[b-cwb8rlru4c] { color: var(--on-surface-variant); }
.aw-link[b-cwb8rlru4c] { display: inline-flex; align-items: center; gap: 2px; color: var(--primary); }
/* /Components/Pages/Admin/ActionAgents/Overview.razor.rz.scp.css */
/* Action Agents Overview — registry surface. Scoped to this page. */
.action-agents-overview[b-wgyyh0wojm] {
    --agent-surface: var(--surface-container-lowest);
    --agent-surface-muted: var(--surface-container);
    --agent-ink-muted: var(--on-surface-variant);
    --agent-focus: var(--ghost-border-focus);
}

.agent-metrics[b-wgyyh0wojm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(8rem, 1fr));
    gap: 0.75rem;
    width: min(100%, 52rem);
}

.agent-metric[b-wgyyh0wojm] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.75rem 1rem;
    background: var(--agent-surface);
    border-radius: var(--control-radius);
    box-shadow: var(--shadow-ghost);
}

.agent-metric-label[b-wgyyh0wojm],
.department-kicker[b-wgyyh0wojm] {
    color: var(--agent-ink-muted);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.agent-metric-value[b-wgyyh0wojm] {
    color: var(--on-surface);
    font-size: 1.35rem;
    line-height: 1.2;
}

.agent-metric-detail[b-wgyyh0wojm] {
    color: var(--agent-ink-muted);
    font-size: 0.75rem;
}

.agent-filter-surface[b-wgyyh0wojm] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.1fr) minmax(16rem, 2fr) auto;
    gap: 1rem;
    align-items: end;
    margin-block: 1.25rem 0.75rem;
    padding: 1rem;
    background: var(--agent-surface-muted);
    border-radius: var(--panel-radius);
}

.agent-filter-search[b-wgyyh0wojm],
.department-filter-group[b-wgyyh0wojm] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.field-label[b-wgyyh0wojm] {
    color: var(--on-surface-variant);
    font-size: 0.75rem;
    font-weight: 700;
}

.department-filters[b-wgyyh0wojm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.department-filter[b-wgyyh0wojm] {
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem;
    color: var(--on-surface-variant);
    background: var(--agent-surface);
    border: 0;
    border-radius: var(--btn-radius);
    box-shadow: var(--shadow-ghost);
    cursor: pointer;
    font: inherit;
    font-size: 0.8rem;
    transition: background var(--transition-btn), color var(--transition-btn), box-shadow var(--transition-btn);
}

.department-filter:hover[b-wgyyh0wojm],
.department-filter--active[b-wgyyh0wojm] {
    color: var(--on-primary-container);
    background: var(--primary-container);
    box-shadow: none;
}

.department-filter:focus-visible[b-wgyyh0wojm],
.agent-row:focus-visible[b-wgyyh0wojm],
.agent-table a:focus-visible[b-wgyyh0wojm] {
    outline: 0.2rem solid var(--agent-focus);
    outline-offset: 0.15rem;
}

.filter-count[b-wgyyh0wojm] {
    margin-inline-start: 0.25rem;
    color: currentColor;
    font-size: 0.7rem;
    font-variant-numeric: tabular-nums;
    opacity: 0.78;
}

.agent-result-summary[b-wgyyh0wojm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
    margin-block: 0 1.25rem;
    color: var(--agent-ink-muted);
    font-size: 0.8rem;
}

.agent-result-summary__hint[b-wgyyh0wojm] {
    color: var(--primary);
    font-weight: 700;
}

.department-section[b-wgyyh0wojm] {
    margin-block: 1.5rem;
}

.department-heading[b-wgyyh0wojm] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-block-end: 0.75rem;
}

.department-heading h2[b-wgyyh0wojm] {
    margin: 0.15rem 0 0;
    color: var(--on-surface);
    font-size: clamp(1.1rem, 1rem + 0.4vw, 1.45rem);
}

.department-count[b-wgyyh0wojm] {
    color: var(--agent-ink-muted);
    font-size: 0.8rem;
    white-space: nowrap;
}

.agents-table-wrap[b-wgyyh0wojm] {
    overflow-x: auto;
    background: var(--agent-surface);
    border-radius: var(--panel-radius);
    box-shadow: var(--shadow-ghost);
}

.agent-table[b-wgyyh0wojm] {
    min-width: 54rem;
}

.agent-table th[b-wgyyh0wojm],
.agent-table td[b-wgyyh0wojm] {
    vertical-align: middle;
}

.agent-row[b-wgyyh0wojm] {
    cursor: pointer;
    transition: background var(--transition-btn), box-shadow var(--transition-btn);
}

.agent-row:hover[b-wgyyh0wojm] {
    background: var(--row-hover);
}

.agent-row:focus-visible[b-wgyyh0wojm] {
    position: relative;
    z-index: 1;
    box-shadow: inset 0 0 0 0.15rem var(--agent-focus);
}

.agent-row code[b-wgyyh0wojm],
.model-name[b-wgyyh0wojm] {
    overflow-wrap: anywhere;
}

.tier-badge[b-wgyyh0wojm] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.55rem;
    color: var(--primary-container-text);
    background: var(--primary-container);
    border-radius: var(--btn-radius);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.tier-nano[b-wgyyh0wojm] {
    color: var(--state-success-text-on-fill);
    background: var(--state-success-bg);
}

.tier-reasoning[b-wgyyh0wojm] {
    color: var(--brand-gold-text);
    background: var(--secondary-container);
}

.tier-vision[b-wgyyh0wojm] {
    color: var(--on-info);
    background: var(--state-info-bg);
}

.visually-hidden[b-wgyyh0wojm] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 900px) {
    .agent-metrics[b-wgyyh0wojm] {
        grid-template-columns: repeat(2, minmax(8rem, 1fr));
    }

    .agent-filter-surface[b-wgyyh0wojm] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .agent-filter-surface[b-wgyyh0wojm] > (button),
    .agent-filter-surface > button[b-wgyyh0wojm] {
        justify-self: start;
    }
}

@media (max-width: 640px) {
    .agent-metrics[b-wgyyh0wojm] {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .agent-metric[b-wgyyh0wojm] {
        padding: 0.7rem;
    }

    .department-heading[b-wgyyh0wojm] {
        align-items: start;
        flex-direction: column;
        gap: 0.35rem;
    }

    .agents-table-wrap[b-wgyyh0wojm] {
        overflow: visible;
        background: transparent;
        box-shadow: none;
    }

    .agent-table[b-wgyyh0wojm] {
        min-width: 0;
    }

    .agent-table[b-wgyyh0wojm] (thead) {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .agent-table[b-wgyyh0wojm] (tbody),
    .agent-table[b-wgyyh0wojm] (tr),
    .agent-table[b-wgyyh0wojm] (td) {
        display: block;
        width: 100%;
    }

    .agent-table[b-wgyyh0wojm] (tr) {
        margin-block: 0.75rem;
        padding: 0.75rem;
        background: var(--agent-surface);
        border-radius: var(--panel-radius);
        box-shadow: var(--shadow-ghost);
    }

    .agent-table[b-wgyyh0wojm] (td) {
        display: grid;
        grid-template-columns: minmax(6.5rem, 0.7fr) 1fr;
        gap: 0.75rem;
        align-items: center;
        min-height: 2.75rem;
        padding: 0.45rem 0;
    }

    .agent-table[b-wgyyh0wojm] (td::before) {
        color: var(--agent-ink-muted);
        content: attr(data-label);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
}

@media (prefers-reduced-motion: reduce) {
    .department-filter[b-wgyyh0wojm],
    .agent-row[b-wgyyh0wojm] {
        transition: none;
    }
}

@media (prefers-contrast: more) {
    .agent-metric[b-wgyyh0wojm],
    .agents-table-wrap[b-wgyyh0wojm],
    .department-filter[b-wgyyh0wojm],
    .agent-table[b-wgyyh0wojm] (tr) {
        box-shadow: inset 0 0 0 1px var(--outline);
    }
}
/* /Components/Pages/Admin/ActionAgents/Runs.razor.rz.scp.css */
/* Unified Agent Runs view — scoped. Tonal surfaces, token-driven states, and
   responsive operations data-listing behavior. */
.runs-page[b-12727ziufs] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.runs-intro[b-12727ziufs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.75rem;
    align-items: center;
    margin: 0;
    color: var(--on-surface-variant);
    line-height: 1.55;
}

.runs-intro-links[b-12727ziufs] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
}

.runs-intro a[b-12727ziufs] {
    color: var(--primary);
    font-weight: 700;
    text-underline-offset: 0.18em;
}

.runs-intro a:focus-visible[b-12727ziufs],
.runs-detail-close:focus-visible[b-12727ziufs],
.runs-filter :focus-visible[b-12727ziufs],
.run-json-details summary:focus-visible[b-12727ziufs] {
    outline: 3px solid var(--ghost-border-focus);
    outline-offset: 3px;
}

.runs-toolbar[b-12727ziufs],
.runs-results[b-12727ziufs],
.run-detail[b-12727ziufs] {
    min-width: 0;
    background: var(--surface-container-lowest);
    border-radius: var(--panel-radius);
    box-shadow: var(--shadow-ghost);
}

.runs-toolbar[b-12727ziufs] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.runs-toolbar-heading[b-12727ziufs],
.runs-results-header[b-12727ziufs],
.run-detail-header[b-12727ziufs] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
}

.runs-toolbar-heading h2[b-12727ziufs],
.runs-results-header h2[b-12727ziufs],
.run-detail h2[b-12727ziufs],
.run-detail h3[b-12727ziufs] {
    margin: 0;
    color: var(--on-surface);
    font-family: var(--font-headline);
}

.runs-toolbar-heading h2[b-12727ziufs],
.runs-results-header h2[b-12727ziufs],
.run-detail h2[b-12727ziufs] {
    font-size: clamp(1.05rem, 1.8vw, 1.35rem);
    line-height: 1.2;
}

.runs-eyebrow[b-12727ziufs] {
    margin: 0 0 0.3rem;
    color: var(--primary);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.2;
    text-transform: uppercase;
}

.runs-toolbar-hint[b-12727ziufs],
.runs-result-summary[b-12727ziufs] {
    max-width: 26rem;
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 0.85rem;
    line-height: 1.45;
    text-align: end;
}

/* Filtre seridi: alanlar YAN YANA akar. ÖLÇÜLDÜ 2026-09-20 — kural yokken
   dört alan da 832px tam genişlikte alt alta diziliyordu; auto-fit yerine
   burada kontrollü kırılım kullanılır, böylece komutlar filtre alanlarından
   ayrışır ve dar ekranlarda tek sütuna iner. */
.runs-filter[b-12727ziufs] {
    display: grid;
    grid-template-columns: repeat(4, minmax(9.5rem, 1fr));
    gap: 0.8rem;
    align-items: end;
}

.runs-filter-field[b-12727ziufs] {
    min-width: 0;
}

/* Düğmeler alan değil KOMUT — etiket sütunu kadar uzamasınlar. */
.runs-filter-actions[b-12727ziufs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: end;
    min-height: 2.75rem;
}

.runs-filter-actions[b-12727ziufs]  .btn {
    min-height: 2.75rem;
}

.runs-alert[b-12727ziufs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: baseline;
    padding: 0.75rem 1rem;
    color: var(--state-error-text);
    background: var(--state-error-bg);
    border-radius: var(--control-radius);
    box-shadow: inset 0 0 0 1px var(--state-error-border);
}

.runs-alert-label[b-12727ziufs] {
    font-weight: 800;
}

.runs-results[b-12727ziufs] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.runs-results-header[b-12727ziufs] {
    align-items: end;
    padding-bottom: 0.2rem;
}

.runs-result-summary[b-12727ziufs] {
    max-width: none;
    font-variant-numeric: tabular-nums;
}

.runs-table-surface[b-12727ziufs] {
    min-width: 0;
    overflow: hidden;
    background: var(--surface-container-low);
    border-radius: var(--card-radius);
}

.runs-table-region[b-12727ziufs] {
    min-width: 0;
}

.runs-table-region[b-12727ziufs]  .data-table-scroll {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.runs-table-region[b-12727ziufs]  .data-table {
    min-width: 47rem;
}

.runs-table-region[b-12727ziufs]  th,
.runs-table-region[b-12727ziufs]  td {
    padding: 0.8rem 0.9rem;
    vertical-align: middle;
    white-space: nowrap;
}

.runs-table-region[b-12727ziufs]  th {
    color: var(--on-surface-variant);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.runs-table-region[b-12727ziufs]  td {
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.runs-table-region[b-12727ziufs]  .data-table-clickable-row {
    min-height: 3.25rem;
    cursor: pointer;
    transition: background-color var(--transition-card), box-shadow var(--transition-card);
}

.runs-table-region[b-12727ziufs]  .data-table-clickable-row:hover {
    background: var(--row-hover);
}

.runs-table-region[b-12727ziufs]  .data-table-clickable-row:focus-visible {
    position: relative;
    z-index: 1;
    outline: 3px solid var(--ghost-border-focus);
    outline-offset: -3px;
}

.runs-table-region[b-12727ziufs]  .run-row-selected {
    background: var(--primary-fixed);
    box-shadow: inset 0.25rem 0 0 var(--primary);
}

.runs-table-region[b-12727ziufs]  .run-row-selected:hover {
    background: var(--primary-fixed-dim);
}

.run-source[b-12727ziufs],
.run-status[b-12727ziufs] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-transform: uppercase;
}

.run-source[b-12727ziufs] {
    padding: 0.25rem 0.55rem;
    color: var(--on-surface-variant);
    background: var(--surface-container-highest);
    border-radius: var(--chip-radius);
}

.source--executor[b-12727ziufs] {
    color: var(--primary);
    background: var(--teal-100);
}

.source--workflow[b-12727ziufs] {
    color: var(--state-warning-text);
    background: var(--state-warning-bg);
}

.source--hierarchy[b-12727ziufs] {
    color: var(--state-info-text);
    background: var(--state-info-bg);
}

.source--other[b-12727ziufs] {
    color: var(--on-surface-variant);
}

.run-status-marker[b-12727ziufs] {
    width: 0.5rem;
    height: 0.5rem;
    flex: 0 0 0.5rem;
    background: currentColor;
    border-radius: 50%;
}

.status--success[b-12727ziufs] {
    color: var(--state-success-text);
}

.status--error[b-12727ziufs] {
    color: var(--state-error-text);
}

.status--active[b-12727ziufs] {
    color: var(--state-active-text);
}

.status--pending[b-12727ziufs] {
    color: var(--state-pending-text);
}

.status--neutral[b-12727ziufs] {
    color: var(--on-surface-variant);
}

.run-agent[b-12727ziufs] {
    font-weight: 700;
}

.runs-state[b-12727ziufs] {
    min-height: 10rem;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: var(--surface-container-low);
    border-radius: var(--card-radius);
}

.runs-state[b-12727ziufs]  .loading-state {
    width: 100%;
}

.runs-state[b-12727ziufs]  .loading-state .skeleton-row {
    background: var(--surface-container-highest);
}

.runs-empty-state[b-12727ziufs]  .empty-state {
    margin: 0;
}

.runs-error-state[b-12727ziufs]  .error-state {
    margin: 0;
}

.run-detail[b-12727ziufs] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--surface-container-low);
}

.run-detail-close[b-12727ziufs] {
    flex: 0 0 auto;
    min-width: 2.75rem;
    min-height: 2.75rem;
}

.run-detail-meta[b-12727ziufs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 0.84rem;
}

.run-detail-meta > * + *[b-12727ziufs]::before {
    content: "·";
    margin-inline-end: 0.6rem;
    color: var(--outline);
}

.run-detail-meta .run-source[b-12727ziufs]::before,
.run-detail-meta .run-status[b-12727ziufs]::before {
    content: none;
    margin: 0;
}

.run-detail-meta code[b-12727ziufs] {
    overflow-wrap: anywhere;
    color: var(--on-surface);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.78rem;
}

.runs-detail-error[b-12727ziufs] {
    margin: 0;
    padding: 0.75rem 0.9rem;
    color: var(--state-error-text);
    background: var(--state-error-bg);
    border-radius: var(--control-radius);
    box-shadow: inset 0 0 0 1px var(--state-error-border);
    font-weight: 700;
}

.run-detail h3[b-12727ziufs] {
    font-size: 1rem;
}

.run-steps[b-12727ziufs] {
    display: grid;
    gap: 0.55rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.run-step[b-12727ziufs] {
    display: grid;
    grid-template-columns: auto minmax(9rem, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
    min-width: 0;
    padding: 0.7rem 0.8rem;
    color: var(--on-surface);
    background: var(--surface-container-lowest);
    border-radius: var(--control-radius);
    box-shadow: inset 0 0 0 1px var(--ghost-border);
}

.run-step.status--success[b-12727ziufs] {
    background: var(--state-success-bg);
}

.run-step.status--error[b-12727ziufs] {
    background: var(--state-error-bg);
}

.run-step.status--active[b-12727ziufs],
.run-step.status--pending[b-12727ziufs] {
    background: var(--state-pending-bg);
}

.run-step-number[b-12727ziufs] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    color: var(--on-primary-container);
    background: var(--primary-container);
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 800;
}

.run-step-name[b-12727ziufs] {
    min-width: 0;
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.run-step-status[b-12727ziufs] {
    justify-self: end;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.run-step-out[b-12727ziufs] {
    grid-column: 2 / -1;
    min-width: 0;
    overflow: hidden;
    color: var(--on-surface-variant);
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.run-json-details[b-12727ziufs] {
    background: var(--surface-container-lowest);
    border-radius: var(--control-radius);
    box-shadow: inset 0 0 0 1px var(--ghost-border);
}

.run-json-details summary[b-12727ziufs] {
    min-height: 2.75rem;
    padding: 0.75rem 0.9rem;
    color: var(--primary);
    cursor: pointer;
    font-weight: 800;
}

.run-json-details[b-12727ziufs]  .code-snippet {
    max-width: 100%;
    overflow: auto;
}

@media (min-width: 1100px) {
    .runs-page[b-12727ziufs] {
        grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.42fr);
        align-items: start;
    }

    .runs-intro[b-12727ziufs],
    .runs-toolbar[b-12727ziufs],
    .runs-alert[b-12727ziufs] {
        grid-column: 1 / -1;
    }

    .runs-page:has(.run-detail) .runs-results[b-12727ziufs] {
        grid-column: 1;
    }

    .runs-page:has(.run-detail) .run-detail[b-12727ziufs] {
        grid-column: 2;
    }

    .run-detail[b-12727ziufs] {
        position: sticky;
        top: 1rem;
    }
}

@media (max-width: 900px) {
    .runs-filter[b-12727ziufs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .runs-filter-actions[b-12727ziufs] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .runs-toolbar[b-12727ziufs],
    .runs-results[b-12727ziufs],
    .run-detail[b-12727ziufs] {
        padding: 1rem;
        border-radius: var(--card-radius);
    }

    .runs-toolbar-heading[b-12727ziufs],
    .runs-results-header[b-12727ziufs],
    .run-detail-header[b-12727ziufs] {
        display: grid;
    }

    .runs-toolbar-hint[b-12727ziufs],
    .runs-result-summary[b-12727ziufs] {
        max-width: none;
        text-align: start;
    }

    .runs-filter[b-12727ziufs] {
        grid-template-columns: 1fr;
    }

    .runs-filter-actions[b-12727ziufs] {
        grid-column: auto;
    }

    .runs-filter-actions[b-12727ziufs]  .btn {
        flex: 1 1 8rem;
    }

    .run-detail-meta > * + *[b-12727ziufs]::before {
        content: none;
        margin: 0;
    }

    .run-detail-meta[b-12727ziufs] {
        align-items: flex-start;
        flex-direction: column;
    }

    .run-step[b-12727ziufs] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .run-step-status[b-12727ziufs] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .runs-table-region[b-12727ziufs]  .data-table-clickable-row {
        transition: none;
    }
}
/* /Components/Pages/Admin/ActionAgents/TryAgent.razor.rz.scp.css */
/* Action Agent Try — scoped execution workspace. Uses light-theme semantic tokens only. */
.try-agent-page[b-gcoorc1tbg] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
    color: var(--on-surface);
}

.try-agent-intro[b-gcoorc1tbg] {
    max-width: 70rem;
    margin: 0;
    color: var(--on-surface-variant);
    line-height: 1.6;
}

.try-agent-workspace[b-gcoorc1tbg] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(16rem, 0.8fr);
    gap: 1rem;
    align-items: stretch;
}

.try-agent-builder[b-gcoorc1tbg],
.try-agent-context[b-gcoorc1tbg],
.try-agent-results[b-gcoorc1tbg],
.try-agent-empty[b-gcoorc1tbg] {
    min-width: 0;
    background: var(--surface-container-lowest);
    border-radius: var(--panel-radius);
    box-shadow: var(--shadow-ghost);
}

.try-agent-builder[b-gcoorc1tbg] {
    padding: clamp(1.25rem, 3vw, 2rem);
}

.try-agent-section-heading[b-gcoorc1tbg],
.try-agent-results__header[b-gcoorc1tbg],
.try-agent-surface__header[b-gcoorc1tbg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.try-agent-section-heading[b-gcoorc1tbg] {
    margin-bottom: 1.5rem;
}

.try-agent-section-title[b-gcoorc1tbg],
.try-agent-section-heading h2[b-gcoorc1tbg],
.try-agent-context h2[b-gcoorc1tbg],
.try-agent-results h2[b-gcoorc1tbg],
.try-agent-surface h3[b-gcoorc1tbg],
.try-agent-empty h2[b-gcoorc1tbg] {
    margin: 0 0 1.5rem;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-weight: 750;
    letter-spacing: -0.02em;
}

.try-agent-section-title[b-gcoorc1tbg],
.try-agent-section-heading h2[b-gcoorc1tbg],
.try-agent-context h2[b-gcoorc1tbg],
.try-agent-results h2[b-gcoorc1tbg] {
    font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.try-agent-surface h3[b-gcoorc1tbg] {
    font-size: 1.05rem;
}

.try-agent-eyebrow[b-gcoorc1tbg] {
    margin: 0 0 0.3rem;
    color: var(--primary);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    line-height: 1.3;
    text-transform: uppercase;
}

.try-agent-count[b-gcoorc1tbg],
.try-agent-surface__count[b-gcoorc1tbg] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.7rem;
    border-radius: var(--chip-radius);
    background: var(--primary-container);
    color: var(--primary-container-text);
    font-size: 0.72rem;
    font-weight: 750;
    white-space: nowrap;
}

.try-agent-form[b-gcoorc1tbg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 62rem;
}

.try-agent-field[b-gcoorc1tbg] {
    min-width: 0;
}

.try-agent-select[b-gcoorc1tbg] {
    width: 100%;
}

.try-agent-input[b-gcoorc1tbg] {
    width: 100%;
    min-height: 10rem;
    background: var(--surface-container-highest);
    color: var(--on-surface);
    border: 0;
    border-radius: var(--input-radius);
    padding: 0.85rem 1rem;
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 0.83rem;
    line-height: 1.55;
    resize: vertical;
}

.try-agent-input:focus-visible[b-gcoorc1tbg],
.try-agent-select:focus-visible[b-gcoorc1tbg],
.try-agent-raw summary:focus-visible[b-gcoorc1tbg],
.try-agent-context-item:focus-visible[b-gcoorc1tbg] {
    outline: 0.2rem solid var(--ghost-border-focus);
    outline-offset: 0.15rem;
}

.try-agent-selection[b-gcoorc1tbg] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1rem;
    background: var(--teal-050);
    border-radius: var(--card-radius);
    box-shadow: inset 0 0 0 1px var(--ghost-border);
}

.try-agent-selection__identity[b-gcoorc1tbg] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 0.75rem;
}

.try-agent-selection__identity strong[b-gcoorc1tbg] {
    font-size: 1rem;
}

.try-agent-selection__key[b-gcoorc1tbg] {
    color: var(--on-surface-variant);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 0.75rem;
}

.try-agent-selection__description[b-gcoorc1tbg] {
    max-width: 60rem;
    margin: 0;
    color: var(--on-surface-variant);
    line-height: 1.5;
}

.try-agent-step-preview[b-gcoorc1tbg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.try-agent-step-preview__label[b-gcoorc1tbg] {
    margin-right: 0.2rem;
    color: var(--on-surface-variant);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.try-agent-chip[b-gcoorc1tbg] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.6rem;
    border-radius: var(--chip-radius);
    background: var(--surface-container-lowest);
    color: var(--primary);
    box-shadow: inset 0 0 0 1px var(--ghost-border);
    font-size: 0.76rem;
    font-weight: 700;
}

.try-agent-action-rail[b-gcoorc1tbg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    background: var(--surface-container);
    border-radius: var(--card-radius);
}

.try-agent-action-rail__copy[b-gcoorc1tbg] {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    min-width: 0;
}

.try-agent-action-rail__hint[b-gcoorc1tbg] {
    color: var(--on-surface-variant);
    font-size: 0.78rem;
}

.try-agent-run-button[b-gcoorc1tbg] {
    flex: 0 0 auto;
    min-width: 9rem;
    min-height: 2.75rem;
}

.try-agent-running-state[b-gcoorc1tbg],
.try-agent-error[b-gcoorc1tbg] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    border-radius: var(--card-radius);
    line-height: 1.45;
}

.try-agent-running-state[b-gcoorc1tbg] {
    background: var(--state-active-bg);
    color: var(--state-active-text);
}

.try-agent-status-dot[b-gcoorc1tbg] {
    display: inline-block;
    flex: 0 0 auto;
    width: 0.58rem;
    height: 0.58rem;
    margin-top: 0.32rem;
    border-radius: 50%;
    background: var(--state-active);
    box-shadow: 0 0 0 0.25rem var(--state-active-bg);
}

.try-agent-error[b-gcoorc1tbg] {
    background: var(--state-error-bg);
    color: var(--state-error-text);
}

.try-agent-error__icon[b-gcoorc1tbg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    background: var(--state-error);
    color: var(--on-error);
    font-size: 0.8rem;
    font-weight: 800;
}

.try-agent-error strong[b-gcoorc1tbg],
.try-agent-error p[b-gcoorc1tbg] {
    display: block;
}

.try-agent-error p[b-gcoorc1tbg] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
}

.try-agent-context[b-gcoorc1tbg] {
    display: flex;
    flex-direction: column;
    background: var(--surface-container);
}

.try-agent-context__header[b-gcoorc1tbg] {
    padding: 1.5rem;
    background: var(--surface-container-high);
    border-radius: var(--panel-radius) var(--panel-radius) 0 0;
}

.try-agent-context__body[b-gcoorc1tbg] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 1rem 1.5rem 1.5rem;
}

.try-agent-context-item[b-gcoorc1tbg] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.75rem 0;
}

.try-agent-context-item__index[b-gcoorc1tbg],
.try-agent-step__index[b-gcoorc1tbg] {
    color: var(--primary);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.try-agent-context-item strong[b-gcoorc1tbg] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.86rem;
}

.try-agent-context-item p[b-gcoorc1tbg] {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 0.78rem;
    line-height: 1.5;
}

.try-agent-empty[b-gcoorc1tbg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: var(--surface-container);
}

.try-agent-empty__icon[b-gcoorc1tbg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--card-radius);
    background: var(--primary-container);
    color: var(--primary-container-text);
    font-size: 1.25rem;
    font-weight: 800;
}

.try-agent-empty h2[b-gcoorc1tbg] {
    font-size: 1rem;
}

.try-agent-empty p[b-gcoorc1tbg] {
    margin: 0.3rem 0 0;
    color: var(--on-surface-variant);
    font-size: 0.84rem;
    line-height: 1.5;
}

.try-agent-results[b-gcoorc1tbg] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.try-agent-result-status[b-gcoorc1tbg] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 2rem;
    padding: 0.3rem 0.7rem;
    border-radius: var(--chip-radius);
    background: var(--state-active-bg);
    color: var(--state-active-text);
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.try-agent-metrics[b-gcoorc1tbg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.try-agent-metrics > div[b-gcoorc1tbg] {
    min-width: 0;
    padding: 0.85rem 1rem;
    background: var(--surface-container);
    border-radius: var(--card-radius);
}

.try-agent-metrics dt[b-gcoorc1tbg] {
    margin-bottom: 0.35rem;
    color: var(--on-surface-variant);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.try-agent-metrics dd[b-gcoorc1tbg] {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 0.88rem;
    font-weight: 750;
}

.try-agent-metrics code[b-gcoorc1tbg] {
    color: var(--primary);
    font-size: 0.77rem;
}

.try-agent-summary[b-gcoorc1tbg] {
    padding: 1rem 1.1rem;
    background: var(--teal-050);
    border-radius: var(--card-radius);
}

.try-agent-summary__label[b-gcoorc1tbg] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--primary);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.try-agent-summary p[b-gcoorc1tbg] {
    margin: 0;
    line-height: 1.6;
}

.try-agent-result-grid[b-gcoorc1tbg] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(16rem, 0.75fr);
    gap: 1rem;
}

.try-agent-surface[b-gcoorc1tbg] {
    min-width: 0;
    padding: 1.25rem;
    background: var(--surface-container);
    border-radius: var(--card-radius);
}

.try-agent-surface__header[b-gcoorc1tbg] {
    align-items: center;
    margin-bottom: 1rem;
}

.try-agent-steps[b-gcoorc1tbg],
.try-agent-recs[b-gcoorc1tbg] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.try-agent-step[b-gcoorc1tbg] {
    display: grid;
    grid-template-columns: 2.3rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.75rem 0;
    box-shadow: inset 0 -1px 0 var(--ghost-border);
}

.try-agent-step:last-child[b-gcoorc1tbg] {
    box-shadow: none;
}

.try-agent-step__content strong[b-gcoorc1tbg] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.86rem;
}

.try-agent-step__content p[b-gcoorc1tbg] {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 0.8rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.try-agent-recs li[b-gcoorc1tbg] {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
    padding: 0.7rem 0;
    color: var(--on-surface-variant);
    font-size: 0.82rem;
    line-height: 1.5;
    box-shadow: inset 0 -1px 0 var(--ghost-border);
}

.try-agent-recs li:last-child[b-gcoorc1tbg] {
    box-shadow: none;
}

.try-agent-rec__marker[b-gcoorc1tbg] {
    color: var(--primary);
    font-size: 1rem;
    font-weight: 800;
}

.try-agent-raw[b-gcoorc1tbg] {
    overflow: hidden;
    background: var(--surface-container-high);
    border-radius: var(--card-radius);
}

.try-agent-raw summary[b-gcoorc1tbg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
    cursor: pointer;
    list-style: none;
}

.try-agent-raw summary[b-gcoorc1tbg]::-webkit-details-marker {
    display: none;
}

.try-agent-raw summary[b-gcoorc1tbg]::after {
    content: "+";
    color: var(--primary);
    font-size: 1.2rem;
    font-weight: 500;
}

.try-agent-raw[open] summary[b-gcoorc1tbg]::after {
    content: "−";
}

.try-agent-raw__title[b-gcoorc1tbg] {
    font-size: 0.84rem;
    font-weight: 750;
}

.try-agent-raw__hint[b-gcoorc1tbg] {
    margin-inline-start: auto;
    color: var(--on-surface-variant);
    font-size: 0.72rem;
}

.try-agent-raw__body[b-gcoorc1tbg] {
    overflow: auto;
    padding: 0 1rem 1rem;
}

.try-agent-raw code[b-gcoorc1tbg] {
    font-family: var(--font-mono, ui-monospace, monospace);
}

@media (max-width: 1080px) {
    .try-agent-workspace[b-gcoorc1tbg],
    .try-agent-result-grid[b-gcoorc1tbg] {
        grid-template-columns: 1fr;
    }

    .try-agent-context[b-gcoorc1tbg] {
        order: 2;
    }
}

@media (max-width: 720px) {
    .try-agent-section-heading[b-gcoorc1tbg],
    .try-agent-results__header[b-gcoorc1tbg],
    .try-agent-action-rail[b-gcoorc1tbg] {
        align-items: stretch;
        flex-direction: column;
    }

    .try-agent-run-button[b-gcoorc1tbg] {
        width: 100%;
    }

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

    .try-agent-builder[b-gcoorc1tbg],
    .try-agent-results[b-gcoorc1tbg] {
        padding: 1rem;
    }

    .try-agent-context__header[b-gcoorc1tbg],
    .try-agent-context__body[b-gcoorc1tbg] {
        padding-inline: 1rem;
    }
}

@media (max-width: 440px) {
    .try-agent-metrics[b-gcoorc1tbg] {
        grid-template-columns: 1fr;
    }

    .try-agent-empty[b-gcoorc1tbg] {
        align-items: flex-start;
    }

    .try-agent-raw__hint[b-gcoorc1tbg] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .try-agent-page *[b-gcoorc1tbg],
    .try-agent-page *[b-gcoorc1tbg]::before,
    .try-agent-page *[b-gcoorc1tbg]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .try-agent-running-state .try-agent-status-dot[b-gcoorc1tbg] {
        animation: try-agent-pulse-b-gcoorc1tbg 1.6s ease-in-out infinite;
    }
}

@keyframes try-agent-pulse-b-gcoorc1tbg {
    0%,
    100% { opacity: 1; }
    50% { opacity: 0.42; }
}
/* /Components/Pages/Admin/ActionAgents/Workflows.razor.rz.scp.css */
/* Workflow registry and run monitoring — page-scoped light-theme treatment. */
.workflow-page[b-ctcwy6qzk9] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.workflow-metrics[b-ctcwy6qzk9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    width: min(100%, 54rem);
    margin-inline-start: auto;
}

.workflow-metric[b-ctcwy6qzk9] {
    display: grid;
    gap: 0.2rem;
    min-height: 6.25rem;
    padding: 1rem 1.1rem;
    background: var(--surface-container-lowest);
    box-shadow: var(--shadow-ghost);
    border-radius: var(--control-radius);
}

.workflow-metric--positive[b-ctcwy6qzk9] {
    background: var(--state-success-bg);
}

.workflow-metric--accent[b-ctcwy6qzk9] {
    background: color-mix(in srgb, var(--primary-container) 18%, var(--surface-container-lowest));
}

.workflow-metric__label[b-ctcwy6qzk9],
.workflow-panel-heading__eyebrow[b-ctcwy6qzk9],
.workflow-empty__eyebrow[b-ctcwy6qzk9] {
    color: var(--on-surface-variant);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.workflow-metric__value[b-ctcwy6qzk9] {
    color: var(--on-surface);
    font-size: clamp(1.5rem, 3vw, 2.1rem);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.workflow-metric__hint[b-ctcwy6qzk9] {
    color: var(--on-surface-variant);
    font-size: 0.78rem;
}

.workflow-context[b-ctcwy6qzk9] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding-block: 0.25rem;
}

.workflow-context__summary[b-ctcwy6qzk9] {
    margin: 0;
}

.workflow-context a[b-ctcwy6qzk9],
.workflow-context a:visited[b-ctcwy6qzk9] {
    color: var(--primary);
    font-weight: 700;
}

.workflow-context a:focus-visible[b-ctcwy6qzk9],
.workflow-events-card summary:focus-visible[b-ctcwy6qzk9] {
    outline: 0.1875rem solid var(--ghost-border-focus);
    outline-offset: 0.1875rem;
}

.workflow-controls[b-ctcwy6qzk9] {
    display: flex;
    align-items: end;
    gap: 0.75rem;
    min-width: min(100%, 22rem);
}

.workflow-search-field[b-ctcwy6qzk9] {
    flex: 1 1 16rem;
}

.workflow-search-field .vformfield__label[b-ctcwy6qzk9] {
    color: var(--on-surface-variant);
}

.workflow-result-count[b-ctcwy6qzk9],
.workflow-panel-heading__count[b-ctcwy6qzk9],
.workflow-section-heading__count[b-ctcwy6qzk9] {
    color: var(--on-surface-variant);
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.workflow-registry-panel[b-ctcwy6qzk9],
.workflow-run-panel[b-ctcwy6qzk9],
.workflow-empty[b-ctcwy6qzk9] {
    background: var(--surface-container-lowest);
    border-radius: var(--panel-radius);
    box-shadow: var(--shadow-ambient);
}

.workflow-registry-panel[b-ctcwy6qzk9],
.workflow-run-panel[b-ctcwy6qzk9] {
    overflow: hidden;
}

.workflow-panel-heading[b-ctcwy6qzk9],
.workflow-section-heading[b-ctcwy6qzk9],
.workflow-run-header[b-ctcwy6qzk9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.workflow-panel-heading[b-ctcwy6qzk9],
.workflow-run-header[b-ctcwy6qzk9] {
    padding: 1.25rem 1.5rem;
}

.workflow-panel-heading h2[b-ctcwy6qzk9],
.workflow-run-header h2[b-ctcwy6qzk9],
.workflow-section-heading h3[b-ctcwy6qzk9],
.workflow-empty h2[b-ctcwy6qzk9] {
    margin: 0.25rem 0 0;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-weight: 750;
    line-height: 1.2;
}

.workflow-panel-heading h2[b-ctcwy6qzk9],
.workflow-run-header h2[b-ctcwy6qzk9] {
    font-size: clamp(1.1rem, 2vw, 1.45rem);
}

.workflow-section-heading h3[b-ctcwy6qzk9] {
    font-size: 1rem;
}

.workflow-table-wrap[b-ctcwy6qzk9] {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.workflow-registry-table[b-ctcwy6qzk9] {
    width: 100%;
    min-width: 42rem;
}

.workflow-registry-table :is(th, td)[b-ctcwy6qzk9] {
    padding: 0.95rem 1.5rem;
    vertical-align: middle;
}

.workflow-registry-table th[b-ctcwy6qzk9] {
    color: var(--on-surface-variant);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
}

.workflow-registry-table tbody tr[b-ctcwy6qzk9] {
    transition: background-color var(--transition-card), box-shadow var(--transition-card);
}

.workflow-registry-table tbody tr:hover[b-ctcwy6qzk9] {
    background: var(--row-hover);
    box-shadow: inset 0.25rem 0 0 var(--primary-container);
}

.workflow-cell--name[b-ctcwy6qzk9] {
    min-width: 15rem;
}

.workflow-name[b-ctcwy6qzk9],
.workflow-id[b-ctcwy6qzk9],
.workflow-cell--steps[b-ctcwy6qzk9],
.workflow-cell--action[b-ctcwy6qzk9] {
    display: block;
}

.workflow-name[b-ctcwy6qzk9] {
    color: var(--on-surface);
    font-weight: 750;
}

.workflow-id[b-ctcwy6qzk9] {
    margin-top: 0.25rem;
    color: var(--on-surface-variant);
    font-size: 0.72rem;
    overflow-wrap: anywhere;
}

.workflow-cell--steps strong[b-ctcwy6qzk9] {
    color: var(--on-surface);
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

.workflow-cell--steps span[b-ctcwy6qzk9] {
    margin-inline-start: 0.35rem;
    color: var(--on-surface-variant);
    font-size: 0.78rem;
}

.workflow-cell--action[b-ctcwy6qzk9] {
    min-width: 10rem;
    text-align: end;
}

.workflow-start-action[b-ctcwy6qzk9] {
    min-height: 2.75rem;
}

.wf-status[b-ctcwy6qzk9] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.65rem;
    border-radius: var(--chip-radius);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.workflow-status--active[b-ctcwy6qzk9],
.workflow-status--running[b-ctcwy6qzk9],
.workflow-status--completed[b-ctcwy6qzk9] {
    color: var(--state-success-text);
    background: var(--state-success-bg);
}

.workflow-status--pending[b-ctcwy6qzk9],
.workflow-status--paused[b-ctcwy6qzk9] {
    color: var(--state-warning-text);
    background: var(--state-warning-bg);
}

.workflow-status--failed[b-ctcwy6qzk9],
.workflow-status--cancelled[b-ctcwy6qzk9] {
    color: var(--state-error-text);
    background: var(--state-error-bg);
}

.workflow-run-panel[b-ctcwy6qzk9] {
    box-shadow: var(--shadow-float);
}

.workflow-run-header[b-ctcwy6qzk9] {
    align-items: flex-start;
    background: color-mix(in srgb, var(--primary-container) 13%, var(--surface-container-lowest));
}

.workflow-run-state[b-ctcwy6qzk9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-top: 0.8rem;
}

.workflow-run-state__detail[b-ctcwy6qzk9] {
    color: var(--on-surface-variant);
    font-size: 0.85rem;
}

.workflow-live-state[b-ctcwy6qzk9] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--primary);
    font-size: 0.8rem;
    font-weight: 700;
}

.workflow-live-state__dot[b-ctcwy6qzk9] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: var(--state-active);
    box-shadow: 0 0 0 0.25rem var(--state-active-bg);
}

.workflow-run-grid[b-ctcwy6qzk9] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, 0.65fr);
    gap: 1rem;
    padding: 1.25rem 1.5rem 1.5rem;
}

.workflow-timeline-panel[b-ctcwy6qzk9],
.workflow-events-panel[b-ctcwy6qzk9] {
    min-width: 0;
}

.workflow-section-heading[b-ctcwy6qzk9] {
    padding-block: 0 0.75rem;
}

.wf-timeline[b-ctcwy6qzk9] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.wf-step[b-ctcwy6qzk9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    min-height: 3.5rem;
    padding: 0.75rem 1rem;
    background: var(--surface-container);
    border-radius: var(--control-radius);
}

.wf-step-marker[b-ctcwy6qzk9] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: var(--state-inactive);
    box-shadow: 0 0 0 0.25rem var(--state-inactive-bg);
}

.wf-step-content[b-ctcwy6qzk9] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.wf-step-name[b-ctcwy6qzk9] {
    overflow-wrap: anywhere;
    color: var(--on-surface);
    font-weight: 700;
}

.wf-step-status[b-ctcwy6qzk9] {
    color: var(--on-surface-variant);
    font-size: 0.7rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.wf-step-dur[b-ctcwy6qzk9] {
    color: var(--primary);
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.wf-step-err[b-ctcwy6qzk9] {
    grid-column: 2 / -1;
    color: var(--state-error-text);
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.wf-step-completed .wf-step-marker[b-ctcwy6qzk9] {
    background: var(--state-success);
    box-shadow: 0 0 0 0.25rem var(--state-success-bg);
}

.wf-step-running .wf-step-marker[b-ctcwy6qzk9] {
    background: var(--state-active);
    box-shadow: 0 0 0 0.25rem var(--state-active-bg);
}

.wf-step-failed .wf-step-marker[b-ctcwy6qzk9] {
    background: var(--state-error);
    box-shadow: 0 0 0 0.25rem var(--state-error-bg);
}

.wf-step-completed[b-ctcwy6qzk9] {
    background: color-mix(in srgb, var(--state-success) 7%, var(--surface-container));
}

.wf-step-failed[b-ctcwy6qzk9] {
    background: color-mix(in srgb, var(--state-error) 8%, var(--surface-container));
}

.wf-step-running[b-ctcwy6qzk9] {
    background: color-mix(in srgb, var(--primary) 8%, var(--surface-container));
}

.workflow-events-card[b-ctcwy6qzk9] {
    height: 100%;
    padding: 1rem;
    background: var(--surface-container);
    border-radius: var(--control-radius);
}

.workflow-events-card summary[b-ctcwy6qzk9] {
    min-height: 2.75rem;
    color: var(--on-surface);
    cursor: pointer;
    font-weight: 750;
    list-style-position: outside;
}

.wf-events[b-ctcwy6qzk9] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    max-height: 18rem;
    margin: 1rem 0 0;
    overflow: auto;
    padding: 0;
    list-style: none;
}

.wf-events li[b-ctcwy6qzk9] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 0.45rem;
    align-items: baseline;
    color: var(--on-surface-variant);
    font-size: 0.8rem;
}

.wf-events code[b-ctcwy6qzk9] {
    color: var(--primary);
    font-variant-numeric: tabular-nums;
}

.wf-events strong[b-ctcwy6qzk9] {
    color: var(--on-surface);
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.workflow-empty[b-ctcwy6qzk9] {
    display: grid;
    justify-items: start;
    gap: 0.5rem;
    padding: clamp(2rem, 6vw, 4.5rem);
    text-align: start;
}

.workflow-empty h2[b-ctcwy6qzk9] {
    font-size: clamp(1.2rem, 2.4vw, 1.7rem);
}

.workflow-empty p[b-ctcwy6qzk9],
.workflow-inline-empty[b-ctcwy6qzk9] {
    max-width: 40rem;
    margin: 0;
    color: var(--on-surface-variant);
}

.workflow-inline-empty[b-ctcwy6qzk9] {
    padding: 1.25rem;
    background: var(--surface-container);
    border-radius: var(--control-radius);
}

.workflow-alert[b-ctcwy6qzk9] {
    padding: 1rem 1.25rem;
    color: var(--state-error-text);
    background: var(--state-error-bg);
    border-radius: var(--control-radius);
    font-weight: 650;
}

.workflow-registry-table :is(a, button, [tabindex]):focus-visible[b-ctcwy6qzk9],
.workflow-page :is(input, button, a, summary):focus-visible[b-ctcwy6qzk9] {
    outline: 0.1875rem solid var(--ghost-border-focus);
    outline-offset: 0.1875rem;
}

@media (max-width: 900px) {
    .workflow-run-grid[b-ctcwy6qzk9] {
        grid-template-columns: 1fr;
    }

    .workflow-events-card[b-ctcwy6qzk9] {
        min-height: auto;
    }
}

@media (max-width: 700px) {
    .workflow-metrics[b-ctcwy6qzk9] {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .workflow-metric[b-ctcwy6qzk9] {
        min-height: auto;
    }

    .workflow-context[b-ctcwy6qzk9],
    .workflow-controls[b-ctcwy6qzk9],
    .workflow-run-header[b-ctcwy6qzk9] {
        align-items: stretch;
        flex-direction: column;
    }

    .workflow-controls[b-ctcwy6qzk9] {
        min-width: 0;
    }

    .workflow-result-count[b-ctcwy6qzk9] {
        align-self: flex-end;
    }

    .workflow-panel-heading[b-ctcwy6qzk9],
    .workflow-run-header[b-ctcwy6qzk9],
    .workflow-run-grid[b-ctcwy6qzk9] {
        padding-inline: 1rem;
    }

    .workflow-run-header .btn-secondary[b-ctcwy6qzk9] {
        align-self: flex-start;
    }

    .wf-step[b-ctcwy6qzk9] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .wf-step-dur[b-ctcwy6qzk9] {
        grid-column: 2;
    }

    .wf-events li[b-ctcwy6qzk9] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .wf-events li strong[b-ctcwy6qzk9],
    .wf-events li span[b-ctcwy6qzk9] {
        grid-column: 2;
    }
}

@media (prefers-reduced-motion: reduce) {
    .workflow-registry-table tbody tr[b-ctcwy6qzk9] {
        transition: none;
    }

    .workflow-live-state__dot[b-ctcwy6qzk9] {
        box-shadow: none;
    }
}
/* /Components/Pages/Admin/Agents/Index.razor.rz.scp.css */
.agent-registry-screen[b-39ttaqihi6] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.agent-registry-toolbar[b-39ttaqihi6] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--surface-container-lowest);
    border-radius: var(--panel-radius);
    box-shadow: var(--shadow-ghost);
}

.agent-registry-toolbar__heading[b-39ttaqihi6] {
    display: grid;
    gap: 0.3rem;
}

.agent-registry-toolbar__title[b-39ttaqihi6],
.agent-registry-detail__title[b-39ttaqihi6] {
    margin: 0;
    color: var(--on-surface);
    font-size: 1.05rem;
    font-weight: 800;
}

.agent-registry-toolbar__hint[b-39ttaqihi6],
.agent-registry-detail__description[b-39ttaqihi6],
.agent-registry-results[b-39ttaqihi6] {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 0.875rem;
}

.agent-registry-filters[b-39ttaqihi6] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.5fr) repeat(2, minmax(10rem, 1fr));
    gap: 0.75rem;
    align-items: end;
}

.agent-registry-filter[b-39ttaqihi6] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.agent-registry-filter__label[b-39ttaqihi6] {
    color: var(--on-surface-variant);
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.04em;
}

/* VSelect kanonik ölçüyü (44px, text-sm) kendisi taşır; burada ezilince seçim kutuları
   48px / 16px oluyor ve yanındaki arama kutusundan farklı boyda kalıyordu (ölçüldü 2026-10-19). */
.agent-registry-filter__input[b-39ttaqihi6] {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.65rem 0.75rem;
    color: var(--on-surface);
    background: var(--surface-container-lowest);
    border: 1px solid var(--outline-variant);
    border-radius: var(--control-radius);
    font: inherit;
}

.agent-registry-filter__input[b-39ttaqihi6]::placeholder {
    color: var(--on-surface-variant);
}

.agent-registry-filter__input:focus-visible[b-39ttaqihi6],
.agent-registry-detail__link:focus-visible[b-39ttaqihi6],
.agent-registry-detail a:focus-visible[b-39ttaqihi6],
.agent-registry-screen[b-39ttaqihi6]  .data-table-clickable-row:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

.agent-registry-results[b-39ttaqihi6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    align-items: center;
    min-height: 1.5rem;
}

.agent-registry-results__count[b-39ttaqihi6] {
    color: var(--on-surface);
    font-weight: 750;
}

.agent-registry-table-region[b-39ttaqihi6] {
    min-width: 0;
}

.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table {
    width: 100%;
    min-width: 42rem;
}

.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table th {
    white-space: nowrap;
}

.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table td,
.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table th {
    padding: 0.85rem 1rem;
    vertical-align: middle;
}

.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row {
    transition: background-color var(--transition-card), box-shadow var(--transition-card);
}

.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row:hover,
.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row:focus-within {
    background: var(--row-hover);
}

.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row.is-selected {
    background: var(--primary-container);
    box-shadow: inset 0.2rem 0 0 var(--primary);
}

/* Seçili satır --primary-container DOLGUSU taşır; bu dolgunun üzerinde metin --on-accent-fill olmalı.
   ÖLÇÜLDÜ 2026-10-01: bağlantı ve anahtar --primary (teal) kalıyordu — teal dolgu üstünde teal metin
   (DESIGN: #76ABAE bir DOLGU tonudur, metin değil). */
.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row.is-selected,
.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row.is-selected a,
.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row.is-selected code {
    color: var(--on-accent-fill);
}

.agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row code,
.agent-registry-detail code[b-39ttaqihi6] {
    color: var(--on-surface-variant);
    font-size: 0.8rem;
}

.agent-registry-agent-link[b-39ttaqihi6] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    color: var(--primary);
    font-weight: 750;
    text-decoration: none;
}

.agent-registry-agent-link:hover[b-39ttaqihi6] {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.agent-registry-role[b-39ttaqihi6] {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    padding: 0.25rem 0.6rem;
    color: var(--on-primary-container);
    background: var(--primary-container);
    border-radius: var(--chip-radius);
    font-size: 0.75rem;
    font-weight: 750;
}

.agent-registry-detail[b-39ttaqihi6],
.agent-registry-no-selection[b-39ttaqihi6] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--surface-container-lowest);
    border-radius: var(--panel-radius);
    box-shadow: var(--shadow-ghost);
}

.agent-registry-detail__header[b-39ttaqihi6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: start;
    justify-content: space-between;
}

.agent-registry-detail__description[b-39ttaqihi6] {
    max-width: 62rem;
    line-height: 1.55;
}

.agent-registry-detail__link[b-39ttaqihi6] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.85rem;
    color: var(--on-primary);
    background: var(--primary);
    border-radius: var(--btn-radius);
    font-size: 0.8125rem;
    font-weight: 750;
    text-decoration: none;
    transition: background-color var(--transition-btn), transform var(--transition-btn);
}

.agent-registry-detail__link:hover[b-39ttaqihi6] {
    background: var(--primary-dim);
}

.agent-registry-detail__link:active[b-39ttaqihi6] {
    transform: translateY(1px);
}

.agent-registry-detail__facts[b-39ttaqihi6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.agent-registry-detail__fact[b-39ttaqihi6] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
    padding: 0.85rem;
    background: var(--surface-container-low);
    border-radius: var(--control-radius);
}

.agent-registry-detail__fact dt[b-39ttaqihi6] {
    color: var(--on-surface-variant);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.agent-registry-detail__fact dd[b-39ttaqihi6] {
    margin: 0;
    color: var(--on-surface);
    overflow-wrap: anywhere;
}

.agent-registry-detail__tools[b-39ttaqihi6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.agent-registry-tool[b-39ttaqihi6] {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    padding: 0.25rem 0.65rem;
    color: var(--on-surface-variant);
    background: var(--surface-container);
    border-radius: var(--chip-radius);
    font-size: 0.75rem;
}

.agent-registry-no-selection[b-39ttaqihi6] {
    min-height: 10rem;
    place-items: center;
    text-align: center;
}

@media (max-width: 900px) {
    .agent-registry-filters[b-39ttaqihi6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agent-registry-filter:first-child[b-39ttaqihi6] {
        grid-column: 1 / -1;
    }

    .agent-registry-detail__facts[b-39ttaqihi6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .agent-registry-filters[b-39ttaqihi6],
.agent-registry-detail__facts[b-39ttaqihi6] {
        grid-template-columns: 1fr;
    }

    .agent-registry-filter:first-child[b-39ttaqihi6] {
        grid-column: auto;
    }

    .agent-registry-toolbar[b-39ttaqihi6],
    .agent-registry-detail[b-39ttaqihi6],
    .agent-registry-no-selection[b-39ttaqihi6] {
        padding: 1rem;
    }

    .agent-registry-detail__header[b-39ttaqihi6] {
        display: grid;
    }

    .agent-registry-detail__link[b-39ttaqihi6] {
        width: 100%;
    }

    .agent-registry-screen[b-39ttaqihi6]  .data-table-wrapper {
        overflow: visible;
    }

    .agent-registry-screen[b-39ttaqihi6]  .data-table-scroll {
        overflow: visible;
    }

    .agent-registry-screen[b-39ttaqihi6]  .agent-registry-table {
        display: block;
        min-width: 0;
    }

    .agent-registry-screen[b-39ttaqihi6]  .agent-registry-table thead {
        display: none;
    }

    .agent-registry-screen[b-39ttaqihi6]  .agent-registry-table tbody,
    .agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row {
        display: block;
    }

    .agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row {
        margin: 0 0 0.75rem;
        padding: 0.35rem 0;
        background: var(--surface-container-lowest);
        border-radius: var(--panel-radius);
        box-shadow: var(--shadow-ghost);
    }

    .agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row > td {
        display: grid;
        grid-template-columns: minmax(6.25rem, 0.42fr) minmax(0, 1fr);
        gap: 0.75rem;
        align-items: start;
        padding: 0.65rem 0.85rem;
    }

    .agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row > td::before {
        content: attr(data-label);
        color: var(--on-surface-variant);
        font-size: 0.72rem;
        font-weight: 750;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }
}

@media (prefers-reduced-motion: reduce) {
    .agent-registry-screen[b-39ttaqihi6]  .agent-registry-table .agent-registry-row,
    .agent-registry-detail__link[b-39ttaqihi6] {
        transition: none;
    }
}
/* /Components/Pages/Admin/Departments/Index.razor.rz.scp.css */
.departments-screen .departments-catalog[b-87286dnl50] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5, 1.25rem);
    min-width: 0;
}

.departments-screen .department-filter-label[b-87286dnl50],
.departments-screen .department-filter-count[b-87286dnl50] {
    color: var(--on-surface-variant);
    font-size: var(--font-size-sm, 0.875rem);
}

.departments-screen .department-filter-label[b-87286dnl50] {
    font-weight: 700;
}

.departments-screen .department-filter-surface[b-87286dnl50],
.departments-screen .department-table-surface[b-87286dnl50],
.departments-screen .department-state[b-87286dnl50] {
    min-width: 0;
    padding: var(--space-5, 1.25rem);
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
    box-shadow: var(--shadow-ambient);
}

.departments-screen .department-filter-heading[b-87286dnl50],
.departments-screen .department-table-heading[b-87286dnl50] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4, 1rem);
}

.departments-screen .department-filter-heading h2[b-87286dnl50],
.departments-screen .department-table-heading h2[b-87286dnl50] {
    margin: 0;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: var(--font-size-lg, 1.125rem);
    font-weight: 700;
    line-height: 1.3;
}

.departments-screen .department-filter-heading p[b-87286dnl50],
.departments-screen .department-table-heading p[b-87286dnl50] {
    margin: var(--space-1, 0.25rem) 0 0;
    color: var(--on-surface-variant);
    font-size: var(--font-size-sm, 0.875rem);
    line-height: 1.5;
}

.departments-screen .department-filter-count[b-87286dnl50] {
    flex: 0 0 auto;
    padding: var(--space-1, 0.25rem) var(--space-2, 0.5rem);
    border-radius: var(--chip-radius);
    background: var(--surface-container-low);
    font-weight: 700;
    white-space: nowrap;
}

.departments-screen .department-filter-controls[b-87286dnl50] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem);
    gap: var(--space-4, 1rem);
    margin-top: var(--space-4, 1rem);
}

.departments-screen .department-filter-group[b-87286dnl50] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1, 0.25rem);
    min-width: 0;
}

.departments-screen[b-87286dnl50]  .department-filter-control {
    min-height: 2.75rem;
    width: 100%;
}

.departments-screen .department-table-surface[b-87286dnl50] {
    overflow: hidden;
}

.departments-screen .department-table-heading[b-87286dnl50] {
    margin-bottom: var(--space-4, 1rem);
}

.departments-screen[b-87286dnl50]  .department-table-region {
    min-width: 0;
}

.departments-screen[b-87286dnl50]  .departments-table {
    width: 100%;
}

.departments-screen[b-87286dnl50]  .departments-table th {
    white-space: nowrap;
}

.departments-screen[b-87286dnl50]  .departments-table td {
    vertical-align: top;
}

.departments-screen[b-87286dnl50]  .department-key-cell code {
    display: inline-block;
    max-width: 100%;
    padding: var(--space-1, 0.25rem) var(--space-2, 0.5rem);
    overflow-wrap: anywhere;
    border-radius: var(--control-radius);
    background: var(--surface-container-low);
    color: var(--on-surface-variant);
    font-size: var(--font-size-sm, 0.875rem);
}

.departments-screen[b-87286dnl50]  .department-row-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    color: var(--primary);
    font-weight: 700;
    text-decoration: none;
}

.departments-screen[b-87286dnl50]  .department-row-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.departments-screen[b-87286dnl50]  .department-description-cell {
    max-width: 36rem;
    color: var(--on-surface-variant);
    line-height: 1.5;
}

.departments-screen[b-87286dnl50]  .department-agent-count {
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    text-align: start;
}

.departments-screen[b-87286dnl50]  .department-agent-count span {
    display: inline-grid;
    min-width: 2.75rem;
    min-height: 2.75rem;
    place-items: center;
    padding-inline: var(--space-2, 0.5rem);
    border-radius: var(--chip-radius);
    background: var(--state-success-bg);
    color: var(--state-success-text);
}

.departments-screen .department-state[b-87286dnl50] {
    display: grid;
    min-height: 12rem;
    place-items: center;
}

.departments-screen .department-state--error[b-87286dnl50] {
    display: block;
    min-height: auto;
}

.departments-screen[b-87286dnl50]  :is(.department-row-link, .department-filter-control, .department-table-region):focus-visible {
    outline: 0.1875rem solid var(--primary);
    outline-offset: 0.1875rem;
}

.departments-screen[b-87286dnl50]  .department-table-region:focus-visible {
    border-radius: var(--card-radius);
}

@media (max-width: 767px) {

    .departments-screen .department-filter-controls[b-87286dnl50] {
        grid-template-columns: 1fr;
    }

    .departments-screen .department-filter-heading[b-87286dnl50],
    .departments-screen .department-table-heading[b-87286dnl50] {
        flex-direction: column;
    }

    .departments-screen .department-filter-count[b-87286dnl50] {
        align-self: flex-start;
    }

    .departments-screen .department-table-surface[b-87286dnl50],
    .departments-screen .department-filter-surface[b-87286dnl50],
    .departments-screen .department-state[b-87286dnl50] {
        padding: var(--space-4, 1rem);
    }

    .departments-screen[b-87286dnl50]  .department-table-region {
        overflow: visible;
    }

    .departments-screen[b-87286dnl50]  .departments-table,
    .departments-screen[b-87286dnl50]  .departments-table thead,
    .departments-screen[b-87286dnl50]  .departments-table tbody,
    .departments-screen[b-87286dnl50]  .departments-table tr,
    .departments-screen[b-87286dnl50]  .departments-table td {
        display: block;
        width: 100%;
    }

    .departments-screen[b-87286dnl50]  .departments-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }

    .departments-screen[b-87286dnl50]  .departments-table tbody {
        display: grid;
        gap: var(--space-3, 0.75rem);
    }

    .departments-screen[b-87286dnl50]  .departments-table tr.data-table-clickable-row {
        padding: var(--space-3, 0.75rem);
        border-radius: var(--control-radius);
        background: var(--surface-container-low);
    }

    .departments-screen .departments-table td[b-87286dnl50] {
        display: grid;
        grid-template-columns: minmax(6.5rem, 0.4fr) minmax(0, 1fr);
        gap: var(--space-3, 0.75rem);
        align-items: start;
        min-height: 2.75rem;
        padding: var(--space-2, 0.5rem) 0;
        border: 0;
    }

    .departments-screen .departments-table td[b-87286dnl50]::before {
        content: attr(data-label);
        color: var(--on-surface-variant);
        font-size: var(--font-size-xs, 0.75rem);
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .departments-screen[b-87286dnl50]  .department-description-cell {
        max-width: none;
    }

    .departments-screen[b-87286dnl50]  .department-agent-count span {
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .departments-screen[b-87286dnl50],
    .departments-screen *[b-87286dnl50] {
        scroll-behavior: auto;
        transition-duration: 0.01ms;
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
    }
}

@media (max-width: 420px) {

    .departments-screen .departments-table td[b-87286dnl50] {
        grid-template-columns: 1fr;
        gap: var(--space-1, 0.25rem);
    }
}
/* /Components/Pages/Admin/Sagas/Index.razor.rz.scp.css */
.saga-definitions[b-mjy66ctfh8] {
    --saga-panel-border: var(--outline-variant);
    --saga-panel-muted: var(--surface-container-low);
    --saga-panel-raised: var(--surface-container-lowest);
    --saga-text-muted: var(--on-surface-variant);
    --saga-focus-ring: var(--primary);
}

.saga-definitions :is(h2, p)[b-mjy66ctfh8] {
    margin-block: 0;
}

.saga-definitions :is(button, a, input, select):focus-visible[b-mjy66ctfh8],
.saga-definitions .data-table-clickable-row:focus-visible[b-mjy66ctfh8] {
    outline: 2px solid var(--saga-focus-ring);
    outline-offset: 3px;
}

.saga-metric-rail[b-mjy66ctfh8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--card-gap, 1rem);
    width: 100%;
}

.saga-metric[b-mjy66ctfh8] {
    display: grid;
    gap: 0.25rem;
    min-height: 6.5rem;
    padding: 1rem 1.125rem;
    border: 1px solid var(--saga-panel-border);
    border-radius: var(--control-radius);
    background: var(--saga-panel-raised);
}

.saga-metric__label[b-mjy66ctfh8],
.saga-metric__hint[b-mjy66ctfh8],
.saga-eyebrow[b-mjy66ctfh8],
.saga-detail-fact__label[b-mjy66ctfh8] {
    color: var(--saga-text-muted);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.saga-metric__value[b-mjy66ctfh8] {
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: clamp(1.5rem, 2vw, 2rem);
    line-height: 1.1;
}

.saga-metric__hint[b-mjy66ctfh8] {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
}

.saga-filter-bar[b-mjy66ctfh8] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: flex-end;
    gap: 0.75rem;
}

.saga-filter-field[b-mjy66ctfh8] {
    display: grid;
    gap: 0.35rem;
    min-width: 10rem;
}

.saga-filter-field--search[b-mjy66ctfh8] {
    min-width: min(22rem, 42vw);
}

.saga-filter-field label[b-mjy66ctfh8] {
    color: var(--saga-text-muted);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.saga-search-input[b-mjy66ctfh8],
.saga-status-select[b-mjy66ctfh8] {
    min-height: 2.75rem;
    width: 100%;
    border: 1px solid var(--outline-variant);
    border-radius: var(--control-radius);
    background: var(--surface-container-lowest);
    color: var(--on-surface);
    font: inherit;
    padding: 0.6rem 0.75rem;
}

.saga-search-input[b-mjy66ctfh8]::placeholder {
    color: var(--saga-text-muted);
    opacity: 1;
}

.saga-alert[b-mjy66ctfh8] {
    margin-block: 0 1rem;
}

.saga-workspace-status[b-mjy66ctfh8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    margin-block: 0 1rem;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--saga-panel-border);
    border-radius: var(--control-radius);
    background: var(--saga-panel-muted);
    color: var(--saga-text-muted);
    font-size: 0.875rem;
}

.saga-status-dot[b-mjy66ctfh8],
.saga-operation-indicator[b-mjy66ctfh8] {
    display: inline-block;
    flex: 0 0 auto;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: var(--state-success);
}

.saga-status-dot--loading[b-mjy66ctfh8],
.saga-operation-indicator--busy[b-mjy66ctfh8] {
    background: var(--state-warning);
}

.saga-section[b-mjy66ctfh8] {
    min-width: 0;
    margin-block: 0 1.25rem;
    border: 1px solid var(--saga-panel-border);
    border-radius: var(--panel-radius);
    background: var(--saga-panel-raised);
    box-shadow: var(--neu-shadow-flat);
    overflow: hidden;
}

.saga-section-heading[b-mjy66ctfh8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.125rem 1.25rem;
    border-bottom: 1px solid var(--saga-panel-border);
}

.saga-eyebrow[b-mjy66ctfh8] {
    margin-block-end: 0.35rem;
    color: var(--primary);
}

.saga-section-heading h2[b-mjy66ctfh8],
.saga-detail-header h2[b-mjy66ctfh8] {
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: 1.2rem;
    line-height: 1.25;
}

.saga-section-count[b-mjy66ctfh8] {
    flex: 0 0 auto;
    color: var(--saga-text-muted);
    font-size: 0.875rem;
    padding-block-start: 0.2rem;
}

.saga-table-region[b-mjy66ctfh8] {
    border: 0;
    border-radius: 0;
}

.saga-data-table[b-mjy66ctfh8] {
    width: 100%;
}

.saga-data-table :is(th, td)[b-mjy66ctfh8] {
    vertical-align: middle;
}

.saga-data-table .data-table-clickable-row[b-mjy66ctfh8] {
    cursor: pointer;
}

.saga-data-table .data-table-clickable-row:hover[b-mjy66ctfh8] {
    background: var(--surface-container-low);
}

.saga-key[b-mjy66ctfh8] {
    color: var(--primary-container-text);
    font-family: var(--font-label);
    font-size: 0.8125rem;
}

.saga-detail-key[b-mjy66ctfh8] {
    color: var(--primary-container-text);
    font-family: var(--font-label);
    font-size: 0.8125rem;
    display: inline-block;
    margin-block-start: 0.45rem;
}

.saga-name[b-mjy66ctfh8],
.saga-run-name[b-mjy66ctfh8] {
    display: block;
    color: var(--on-surface);
    font-weight: 700;
}

.saga-row-hint[b-mjy66ctfh8] {
    display: block;
    margin-block-start: 0.2rem;
    color: var(--saga-text-muted);
    font-size: 0.75rem;
}

.saga-number[b-mjy66ctfh8] {
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.saga-department-list[b-mjy66ctfh8] {
    color: var(--saga-text-muted);
    font-size: 0.875rem;
}

.saga-actions-cell[b-mjy66ctfh8] {
    width: 7.5rem;
    text-align: end;
}

.saga-detail-panel[b-mjy66ctfh8] {
    margin-block: 0 1.25rem;
    border: 1px solid var(--primary-container);
    border-radius: var(--panel-radius);
    background: var(--saga-panel-raised);
    box-shadow: var(--neu-shadow-flat);
    overflow: hidden;
}

.saga-detail-header[b-mjy66ctfh8] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.125rem 1.25rem;
    border-bottom: 1px solid var(--saga-panel-border);
    background: var(--primary-fixed);
}

.saga-detail-grid[b-mjy66ctfh8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1rem 1.25rem 0;
}

.saga-detail-fact[b-mjy66ctfh8] {
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem;
    border: 1px solid var(--saga-panel-border);
    border-radius: var(--control-radius);
    background: var(--saga-panel-muted);
}

.saga-detail-fact strong[b-mjy66ctfh8] {
    color: var(--on-surface);
    font-size: 1.125rem;
}

.saga-step-list[b-mjy66ctfh8] {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 1rem 1.25rem;
    list-style: none;
}

.saga-step-list li[b-mjy66ctfh8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 2.75rem;
    padding: 0.5rem 0.625rem;
    border-block-end: 1px solid var(--saga-panel-border);
}

.saga-step-list li:last-child[b-mjy66ctfh8] {
    border-block-end: 0;
}

.saga-step-index[b-mjy66ctfh8] {
    display: grid;
    flex: 0 0 1.75rem;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: var(--primary-container);
    color: var(--primary-container-text);
    font-size: 0.8125rem;
    font-weight: 800;
}

.saga-step-copy[b-mjy66ctfh8] {
    display: grid;
    gap: 0.15rem;
}

.saga-step-copy strong[b-mjy66ctfh8] {
    color: var(--on-surface);
}

.saga-step-copy span[b-mjy66ctfh8] {
    color: var(--saga-text-muted);
    font-size: 0.8125rem;
}

.saga-detail-operation[b-mjy66ctfh8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    padding: 0.75rem 1.25rem;
    border-block-start: 1px solid var(--saga-panel-border);
    color: var(--saga-text-muted);
    font-size: 0.875rem;
}

.saga-state-badge[b-mjy66ctfh8] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.25rem 0.625rem;
    border: 1px solid var(--outline-variant);
    border-radius: 999px;
    background: var(--surface-container-low);
    color: var(--saga-text-muted);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.saga-state-badge--success[b-mjy66ctfh8] {
    border-color: var(--state-success-border);
    background: var(--state-success-bg);
    color: var(--state-success-text);
}

.saga-state-badge--warning[b-mjy66ctfh8] {
    border-color: var(--state-warning-border);
    background: var(--state-warning-bg);
    color: var(--state-warning-text);
}

.saga-state-badge--error[b-mjy66ctfh8] {
    border-color: var(--state-error-border);
    background: var(--state-error-bg);
    color: var(--state-error-text);
}

.saga-duration[b-mjy66ctfh8] {
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.saga-error-text[b-mjy66ctfh8] {
    color: var(--saga-text-muted);
    overflow-wrap: anywhere;
}

.saga-run-link[b-mjy66ctfh8] {
    color: var(--primary);
    font-family: var(--font-label);
    font-size: 0.8125rem;
    overflow-wrap: anywhere;
}

.saga-empty-state[b-mjy66ctfh8] {
    min-height: 8rem;
    margin: 0;
    border: 0;
    border-radius: 0;
}

@media (max-width: 960px) {
    .saga-metric-rail[b-mjy66ctfh8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .saga-filter-bar[b-mjy66ctfh8] {
        justify-content: stretch;
        width: 100%;
    }

    .saga-filter-field--search[b-mjy66ctfh8] {
        flex: 1 1 16rem;
        min-width: 0;
    }

    .saga-filter-field:not(.saga-filter-field--search)[b-mjy66ctfh8] {
        flex: 0 1 12rem;
    }
}

@media (max-width: 700px) {
    .saga-metric-rail[b-mjy66ctfh8] {
        grid-template-columns: 1fr;
    }

    .saga-section-heading[b-mjy66ctfh8],
    .saga-detail-header[b-mjy66ctfh8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .saga-section-count[b-mjy66ctfh8] {
        padding-block-start: 0;
    }

    .saga-detail-grid[b-mjy66ctfh8] {
        grid-template-columns: 1fr;
    }

    .saga-filter-bar[b-mjy66ctfh8] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .saga-filter-field[b-mjy66ctfh8],
    .saga-filter-field--search[b-mjy66ctfh8],
    .saga-filter-field:not(.saga-filter-field--search)[b-mjy66ctfh8] {
        min-width: 0;
        width: 100%;
    }

    .saga-data-table thead[b-mjy66ctfh8] {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }

    .saga-data-table[b-mjy66ctfh8],
    .saga-data-table tbody[b-mjy66ctfh8],
    .saga-data-table tr[b-mjy66ctfh8],
    .saga-data-table td[b-mjy66ctfh8] {
        display: block;
        width: 100%;
    }

    .saga-data-table tr.data-table-clickable-row[b-mjy66ctfh8] {
        padding: 0.75rem 1rem;
        border-block-end: 1px solid var(--saga-panel-border);
    }

    .saga-data-table td[b-mjy66ctfh8] {
        display: grid;
        grid-template-columns: minmax(6rem, 34%) minmax(0, 1fr);
        gap: 0.75rem;
        min-height: 2.75rem;
        align-items: center;
        padding: 0.45rem 0;
        border: 0;
    }

    .saga-data-table td[b-mjy66ctfh8]::before {
        content: attr(data-label);
        color: var(--saga-text-muted);
        font-size: 0.7rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .saga-data-table .saga-actions-cell[b-mjy66ctfh8] {
        width: 100%;
        text-align: start;
    }

    .saga-data-table .saga-actions-cell :is(button, a)[b-mjy66ctfh8] {
        min-height: 2.75rem;
    }

    .saga-data-table .data-table-empty-cell[b-mjy66ctfh8] {
        display: block;
        padding: 0;
    }

    .saga-data-table .data-table-empty-cell[b-mjy66ctfh8]::before {
        content: none;
    }

    .saga-runs-table tr:not(.data-table-clickable-row)[b-mjy66ctfh8] {
        padding: 0.75rem 1rem;
        border-block-end: 1px solid var(--saga-panel-border);
    }
}

@media (prefers-reduced-motion: reduce) {
    .saga-definitions *[b-mjy66ctfh8],
    .saga-definitions *[b-mjy66ctfh8]::before,
    .saga-definitions *[b-mjy66ctfh8]::after {
        scroll-behavior: auto;
        transition-duration: 0.01ms;
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
    }
}
/* /Components/Pages/Admin/Sagas/Timeline.razor.rz.scp.css */
/* Extracted from Timeline.razor via codemod-inline-asset.mjs
   SABİT HEX'LER TOKEN'A BAĞLANDI. ÖLÇÜLDÜ 2026-09-04: bu dosya inline stilden
   çıkarılırken tasarım sisteminden kopmuştu — durum renkleri Material paletinden
   çıplak hex olarak yazılıydı (#2e7d32 yeşil, #c62828 kırmızı, #ef6c00 turuncu)
   ve temaya göre değişmiyordu. Aynı örüntü 6 governance sayfasında da vardı
   (96c40e47e'de düzeltildi). */
.saga-timeline[b-xvftgpy513] { list-style: decimal inside; padding-left: 0; }
    .saga-timeline li[b-xvftgpy513] { padding: 0.25rem 0.5rem; border-left: 3px solid var(--ghost-border); margin: 0.25rem 0; }
    .saga-timeline li.ok[b-xvftgpy513] { border-color: var(--state-success); }
    .saga-timeline li.fail[b-xvftgpy513] { border-color: var(--state-error); }
    .saga-timeline li.comp[b-xvftgpy513] { border-color: var(--state-warning); }
    .saga-timeline .err[b-xvftgpy513] { color: var(--state-error-text-on-fill); font-size: 0.85em; }
/* /Components/Pages/AdvancedAnalyticsDashboard.razor.rz.scp.css */
/* Standart sayfa düzeni (2026-10-19): içerik başlıkla AYNI sol kenardan başlar; sabit genişlikte ortalanmış kap başlıktan bağımsız bir yerden başlıyordu. */
/* Executive Luxe — Advanced Analytics Dashboard.
   "The Monolith / Silent Architect": editorial brutalism, ambient occlusion,
   gold + teal accents, asymmetric grid. 0px radius (Dark/Light per design system). */

.aad-shell[b-ps98jlj2oy] {
    max-width: none;
    margin-inline: 0;
}

/* ----- Editorial hero ----- */
.aad-hero[b-ps98jlj2oy] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.25rem 2rem;
    margin-bottom: 2rem;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--primary-glow) 0%, transparent 55%),
        var(--surface-container);
    overflow: hidden;
}

.aad-hero[b-ps98jlj2oy]::before {
    /* Architectural ghost rule — a single hairline, never a border. */
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: var(--gradient-gold);
    opacity: 0.9;
}

/* METİN İÇİN --secondary DEĞİL --brand-gold-text.
   ÖLÇÜLDÜ 2026-09-06 aydınlık tema: --secondary (#b8860b, marka altını)
   beyaz üstünde 3.25 — eşiğin altında. --brand-gold-text (#8a6410) aynı
   temada ZATEN tanımlı ve marka tonunu koruyarak eşiği geçiyor.
   Bu, /operations/errors'ta düzeltilen kusurun kardeşi: orada --tertiary
   metin olarak kullanılıyordu, burada --secondary. Vurgu rengi metin
   rengi değildir. */
.aad-hero-eyebrow[b-ps98jlj2oy] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--brand-gold-text, var(--secondary));
    margin-bottom: 0.5rem;
}

/* İRİ BAŞLIKTA DA SATIRLAR AYRIŞMALI.
   ÖLÇÜLDÜ 2026-09-06: bu başlık üç/iki satıra sarılıyor ve satır yüksekliği
   punto boyutuna eşit ya da ONDAN KÜÇÜK kalıyordu — harfler alt satıra
   değiyordu. Sıkı aralık iri tipografide kasıtlı bir seçimdir ama sarılan
   metinde okumayı bozar.
       44px başlık, mevcut 1.05 → satır 46.2px (metin 44px, boşluk 2.2px)
       48px başlık, mevcut 0.90 → satır 43.2px (metin 48px, ÜST ÜSTE BİNİYOR)
   1.15 seçildi: 44px'te 6.6px, 48px'te 7.2px boşluk — sıkı görünüm korunur,
   satırlar ayrışır. (WCAG 1.4.12 gövde metni için 1.5 önerir; başlık ayrı.)
   Kusur guard'ın rota listesi genişletilince ortaya çıktı. */
.aad-hero-title[b-ps98jlj2oy] {
    font-size: 2.75rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: var(--on-surface);
    margin: 0;
}

.aad-hero-title strong[b-ps98jlj2oy] {
    font-weight: 700;
    color: var(--primary);
}

.aad-hero-sub[b-ps98jlj2oy] {
    margin-top: 0.75rem;
    max-width: 46ch;
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--on-surface-variant);
}

.aad-hero-aside[b-ps98jlj2oy] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
    text-align: right;
}

.aad-hero-window[b-ps98jlj2oy] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

.aad-hero-clock[b-ps98jlj2oy] {
    font-size: var(--font-size-3xl);
    font-weight: 700;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.aad-back[b-ps98jlj2oy] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1.5rem;
}

/* ----- KPI strip — asymmetric, layered ----- */
.aad-kpi-grid[b-ps98jlj2oy] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 2.25rem;
}

.aad-kpi[b-ps98jlj2oy] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1.5rem 1.35rem;
    background: var(--surface-container-lowest);
    box-shadow: var(--shadow-ambient);
    overflow: hidden;
    transition: transform var(--transition-card), box-shadow var(--transition-card);
}

.aad-kpi:hover[b-ps98jlj2oy] {
    transform: translateY(-3px);
    box-shadow: var(--shadow-float);
}

.aad-kpi[b-ps98jlj2oy]::after {
    /* Accent spine on the left edge. */
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
}

.aad-kpi-primary[b-ps98jlj2oy]::after { background: var(--gradient-primary); }
.aad-kpi-gold[b-ps98jlj2oy]::after { background: var(--gradient-gold); }
.aad-kpi-salmon[b-ps98jlj2oy]::after { background: var(--tertiary); }
.aad-kpi-teal[b-ps98jlj2oy]::after { background: var(--primary-container); }

.aad-kpi-head[b-ps98jlj2oy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aad-kpi-icon[b-ps98jlj2oy] {
    font-size: 1.4rem;
}

.aad-kpi-primary .aad-kpi-icon[b-ps98jlj2oy] { color: var(--primary); }
.aad-kpi-gold .aad-kpi-icon[b-ps98jlj2oy] { color: var(--secondary); }
.aad-kpi-salmon .aad-kpi-icon[b-ps98jlj2oy] { color: var(--tertiary); }
.aad-kpi-teal .aad-kpi-icon[b-ps98jlj2oy] { color: var(--primary-container-text); }

.aad-kpi-glyph[b-ps98jlj2oy] {
    font-size: var(--watermark-sm);
    line-height: 1;
    color: var(--on-surface);
    opacity: 0.04;
    position: absolute;
    right: -0.5rem;
    bottom: -1rem;
    pointer-events: none;
}

.aad-kpi-value[b-ps98jlj2oy] {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.aad-kpi-label[b-ps98jlj2oy] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

/* ----- Panels ----- */
.aad-panel[b-ps98jlj2oy] {
    background: var(--surface-container);
    box-shadow: var(--shadow-ambient);
    padding: 1.75rem;
    margin-bottom: 1.5rem;
}

.aad-panel-head[b-ps98jlj2oy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.aad-panel-head .material-symbols-outlined[b-ps98jlj2oy] {
    color: var(--primary);
    font-size: var(--font-size-2xl);
}

.aad-panel-title[b-ps98jlj2oy] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--on-surface);
    margin: 0;
}

.aad-panel-count[b-ps98jlj2oy] {
    margin-left: auto;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    background: var(--surface-container-highest);
    padding: var(--space-1) 0.6rem;
}

/* ----- Premium table ----- */
.aad-table[b-ps98jlj2oy] {
    width: 100%;
    border-collapse: collapse;
}

.aad-table thead th[b-ps98jlj2oy] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    text-align: left;
    padding: 0 0.75rem 0.6rem;
}

.aad-table tbody tr[b-ps98jlj2oy] {
    transition: background var(--transition-btn);
}

.aad-table tbody tr:nth-child(even)[b-ps98jlj2oy] {
    background: var(--surface-container-low);
}

.aad-table tbody tr:hover[b-ps98jlj2oy] {
    background: var(--surface-container-high);
}

.aad-table tbody td[b-ps98jlj2oy] {
    padding: 0.7rem 0.75rem;
    font-size: var(--font-size-md);
    color: var(--on-surface);
}

.aad-table .aad-num[b-ps98jlj2oy] {
    font-variant-numeric: tabular-nums;
    color: var(--on-surface-variant);
}

.aad-key[b-ps98jlj2oy] {
    font-weight: 600;
    color: var(--on-surface);
}

/* Volume bar inside the table — sparkline-flavoured. */
.aad-bar-track[b-ps98jlj2oy] {
    position: relative;
    height: 6px;
    width: 120px;
    background: var(--surface-container-highest);
}

.aad-bar-fill[b-ps98jlj2oy] {
    height: 100%;
    background: var(--gradient-primary);
}

/* ----- Quota / alert rows ----- */
.aad-list[b-ps98jlj2oy] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.aad-quota-row[b-ps98jlj2oy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--surface-container-low);
}

.aad-quota-model[b-ps98jlj2oy] {
    font-weight: 600;
    font-size: var(--font-size-md);
    color: var(--on-surface);
    min-width: 12rem;
}

.aad-quota-meter[b-ps98jlj2oy] {
    flex: 1;
    height: 8px;
    background: var(--surface-container-highest);
}

.aad-quota-meter-fill[b-ps98jlj2oy] {
    height: 100%;
}

.aad-quota-meter-fill.ok[b-ps98jlj2oy] { background: var(--gradient-primary); }
.aad-quota-meter-fill.warn[b-ps98jlj2oy] { background: var(--gradient-gold); }
.aad-quota-meter-fill.crit[b-ps98jlj2oy] { background: var(--tertiary); }

.aad-quota-pct[b-ps98jlj2oy] {
    font-size: var(--font-size-md);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--on-surface);
    min-width: 3.5rem;
    text-align: right;
}

/* ----- Activity timeline ----- */
.aad-activity[b-ps98jlj2oy] {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.aad-activity-item[b-ps98jlj2oy] {
    display: flex;
    align-items: baseline;
    gap: 0.85rem;
    padding: 0.7rem 0;
    position: relative;
    padding-left: 1.25rem;
}

.aad-activity-item[b-ps98jlj2oy]::before {
    /* Timeline node. */
    content: "";
    position: absolute;
    left: 0;
    top: 1rem;
    width: 7px;
    height: 7px;
    background: var(--primary);
}

.aad-activity-item:not(:last-child)[b-ps98jlj2oy]::after {
    /* Connecting spine. */
    content: "";
    position: absolute;
    left: 3px;
    top: 1.45rem;
    bottom: -0.25rem;
    width: 1px;
    background: var(--outline-variant);
    opacity: 0.4;
}

.aad-activity-area[b-ps98jlj2oy] {
    font-size: 0.5625rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--on-primary);
    background: var(--primary-container);
    padding: 0.15rem 0.45rem;
    white-space: nowrap;
}

.aad-activity-text[b-ps98jlj2oy] {
    font-size: var(--font-size-md);
    color: var(--on-surface);
    flex: 1;
}

.aad-activity-time[b-ps98jlj2oy] {
    font-size: var(--font-size-2xs);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ----- Live alert banner (SignalR push) ----- */
.aad-live-banner[b-ps98jlj2oy] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1.25rem;
    margin-bottom: 1.5rem;
    background: var(--surface-container-high);
    border-left: 3px solid var(--tertiary);
    box-shadow: var(--shadow-ambient);
}

.aad-live-banner > .material-symbols-outlined[b-ps98jlj2oy] {
    color: var(--tertiary);
    font-size: 1.4rem;
}

.aad-live-banner-body[b-ps98jlj2oy] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
    min-width: 0;
}

.aad-live-banner-title[b-ps98jlj2oy] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--tertiary);
}

.aad-live-banner-latest[b-ps98jlj2oy] {
    font-size: var(--font-size-md);
    color: var(--on-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aad-live-banner-dismiss[b-ps98jlj2oy] {
    background: transparent;
    border: none;
    color: var(--on-surface-variant);
    cursor: pointer;
    display: inline-flex;
    padding: 0.25rem;
}

.aad-live-banner-dismiss:hover[b-ps98jlj2oy] { color: var(--on-surface); }

/* ----- Hero toolbar: export + auto-refresh ----- */
.aad-toolbar[b-ps98jlj2oy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

/* GİRDİ KART DÜZLEMİNDE KALIR (kanonik karar, `veraius-components.css`:
   ÖLÇÜLDÜ 2026-09-16). Burada kuyu tonu yazılıydı — beyaz kart üzerinde ayrım
   1.30:1 ve form bir "gri kutu yığını" gibi okunuyor. Yapıyı zemin değil
   1px'lik hayalet çerçeve okutur; odak/hover hâlâ zemin değiştirir. */
.aad-refresh-select[b-ps98jlj2oy] {
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--ghost-border);
    color: var(--on-surface);
    border: none;
    padding: 0.4rem 0.6rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.03em;
    cursor: pointer;
}

.aad-refresh-select:focus-visible[b-ps98jlj2oy] {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

.aad-export-btn[b-ps98jlj2oy] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--surface-container-highest);
    color: var(--on-surface);
    border: none;
    padding: 0.4rem 0.7rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--transition-btn);
}

.aad-export-btn:hover[b-ps98jlj2oy] {
    background: var(--primary);
    color: var(--on-primary);
}

.aad-live-dot[b-ps98jlj2oy] {
    width: 8px;
    height: 8px;
    background: var(--primary);
    border-radius: 50%;
    box-shadow: 0 0 0 0 var(--primary-glow);
    animation: aad-pulse-b-ps98jlj2oy 1800ms ease-in-out infinite;
}

@keyframes aad-pulse-b-ps98jlj2oy {
    0% { box-shadow: 0 0 0 0 var(--primary-glow-hover); }
    70% { box-shadow: 0 0 0 8px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .aad-live-dot[b-ps98jlj2oy] { animation: none; }
}

/* ----- Trend comparison cards ----- */
.aad-trend-grid[b-ps98jlj2oy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.aad-trend-card[b-ps98jlj2oy] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 1.1rem var(--space-5);
    background: var(--surface-container-lowest);
}

.aad-trend-metric[b-ps98jlj2oy] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

.aad-trend-current[b-ps98jlj2oy] {
    font-size: 1.75rem;
    font-weight: 300;
    letter-spacing: -0.01em;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.aad-trend-delta[b-ps98jlj2oy] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: var(--font-size-md);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    width: fit-content;
}

.aad-dir-up[b-ps98jlj2oy] { color: var(--secondary); }
.aad-dir-down[b-ps98jlj2oy] { color: var(--tertiary); }
.aad-dir-flat[b-ps98jlj2oy] { color: var(--on-surface-variant); }

.aad-trend-prev[b-ps98jlj2oy] {
    font-size: var(--font-size-2xs);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

.aad-forecast-rising[b-ps98jlj2oy] { color: var(--secondary); }
.aad-forecast-falling[b-ps98jlj2oy] { color: var(--tertiary); }
.aad-forecast-stable[b-ps98jlj2oy],
.aad-forecast-insufficient-data[b-ps98jlj2oy] { color: var(--on-surface-variant); }

/* ----- Anomaly rows ----- */
.aad-anomaly-row[b-ps98jlj2oy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--surface-container-low);
    position: relative;
}

.aad-anomaly-row[b-ps98jlj2oy]::before {
    /* Severity spine. */
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
}

.aad-sev-critical[b-ps98jlj2oy]::before { background: var(--state-error); }
.aad-sev-warning[b-ps98jlj2oy]::before { background: var(--secondary); }

.aad-anomaly-tag[b-ps98jlj2oy] {
    font-size: 0.5625rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    white-space: nowrap;
}

.aad-sev-critical .aad-anomaly-tag[b-ps98jlj2oy] {
    background: var(--tertiary);
    color: var(--surface);
}

.aad-sev-warning .aad-anomaly-tag[b-ps98jlj2oy] {
    background: var(--secondary);
    color: var(--on-primary);
}

.aad-anomaly-body[b-ps98jlj2oy] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1;
}

.aad-anomaly-desc[b-ps98jlj2oy] {
    font-size: var(--font-size-md);
    color: var(--on-surface);
}

.aad-anomaly-meta[b-ps98jlj2oy] {
    font-size: var(--font-size-2xs);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

.aad-anomaly-sigma[b-ps98jlj2oy] {
    font-size: var(--font-size-lg);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.aad-sev-critical .aad-anomaly-sigma[b-ps98jlj2oy] { color: var(--tertiary); }
.aad-sev-warning .aad-anomaly-sigma[b-ps98jlj2oy] { color: var(--secondary); }

/* ----- Rate-limit recommendation cells ----- */
.aad-suggest[b-ps98jlj2oy] {
    font-weight: 700;
    color: var(--primary);
}

.aad-rationale[b-ps98jlj2oy] {
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
    line-height: 1.45;
}

/* ----- Responsive ----- */
@media (max-width: 1024px) {
    .aad-kpi-grid[b-ps98jlj2oy] { grid-template-columns: repeat(2, 1fr); }
    .aad-trend-grid[b-ps98jlj2oy] { grid-template-columns: 1fr; }
    .aad-hero[b-ps98jlj2oy] { flex-direction: column; align-items: flex-start; }
    .aad-hero-aside[b-ps98jlj2oy] { align-items: flex-start; text-align: left; }
}

@media (max-width: 640px) {
    .aad-kpi-grid[b-ps98jlj2oy] { grid-template-columns: 1fr; }
    .aad-hero-title[b-ps98jlj2oy] { font-size: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
    .aad-kpi[b-ps98jlj2oy] { transition: none; }
    .aad-kpi:hover[b-ps98jlj2oy] { transform: none; }
}

/* ----- Print: executive PDF report ----- */
@media print {
    /* Drop interactive chrome — back button, toolbar, live dot. */
    .aad-back[b-ps98jlj2oy],
    .aad-toolbar[b-ps98jlj2oy] {
        display: none !important;
    }

    /* Flatten ambient shadows and hover transforms for clean paper output. */
    .aad-kpi[b-ps98jlj2oy],
    .aad-panel[b-ps98jlj2oy],
    .aad-hero[b-ps98jlj2oy] {
        box-shadow: none !important;
        transform: none !important;
        break-inside: avoid;
    }

    .aad-panel[b-ps98jlj2oy] {
        break-inside: auto;
    }

    .aad-panel-head[b-ps98jlj2oy],
    .aad-kpi-head[b-ps98jlj2oy] {
        break-after: avoid;
    }

    /* Keep table rows intact across page breaks. */
    .aad-table tbody tr[b-ps98jlj2oy],
    .aad-trend-card[b-ps98jlj2oy],
    .aad-quota-row[b-ps98jlj2oy],
    .aad-anomaly-row[b-ps98jlj2oy],
    .aad-activity-item[b-ps98jlj2oy] {
        break-inside: avoid;
    }

    .aad-hero[b-ps98jlj2oy] {
        padding: 1.5rem 0;
    }

    /* A print-only report footer with the generation context. */
    .aad-shell[b-ps98jlj2oy]::after {
        content: "Veraius — Yönetici Analitik Raporu";
        display: block;
        margin-top: 1.5rem;
        padding-top: 0.75rem;
        font-size: var(--font-size-2xs);
        letter-spacing: 0.1em;
        text-transform: uppercase;
        /* ÖLÇÜLDÜ 2026-09-04: `color: #888` sabitti, temaya uymuyordu. */
        color: var(--on-surface-variant);
        text-align: center;
    }
}
/* /Components/Pages/ApiKeyManagementPage.razor.rz.scp.css */
/* Standart sayfa düzeni (2026-10-19): içerik başlıkla AYNI sol kenardan başlar; sabit genişlikte ortalanmış kap başlıktan bağımsız bir yerden başlıyordu. */
/* Self-service API key management. Editorial brutalism, 0px radius. */

.akm-shell[b-o1oddeir8h] { max-width: none; margin-inline: 0; }

.akm-back[b-o1oddeir8h] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1.5rem;
}

.akm-hero[b-o1oddeir8h] {
    position: relative;
    padding: 2.25rem 2rem;
    margin-bottom: 2rem;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--primary-glow) 0%, transparent 55%),
        var(--surface-container);
    overflow: hidden;
}

.akm-hero[b-o1oddeir8h]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: var(--gradient-gold);
    opacity: 0.9;
}

.akm-hero-eyebrow[b-o1oddeir8h] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--secondary);
    margin-bottom: 0.5rem;
}

.akm-hero-title[b-o1oddeir8h] {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: var(--on-surface);
    margin: 0;
}

.akm-hero-title strong[b-o1oddeir8h] { font-weight: 700; color: var(--primary); }

.akm-hero-sub[b-o1oddeir8h] {
    margin-top: 0.75rem;
    max-width: 50ch;
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--on-surface-variant);
}

/* ----- Panel ----- */
.akm-panel[b-o1oddeir8h] {
    background: var(--surface-container);
    box-shadow: var(--shadow-ambient);
    padding: 1.75rem;
    margin-bottom: 1.5rem;
}

.akm-panel-head[b-o1oddeir8h] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.akm-panel-head .material-symbols-outlined[b-o1oddeir8h] {
    color: var(--primary);
    font-size: var(--font-size-2xl);
}

.akm-panel-title[b-o1oddeir8h] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--on-surface);
    margin: 0;
}

.akm-panel-count[b-o1oddeir8h] {
    margin-left: auto;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    background: var(--surface-container-highest);
    padding: var(--space-1) 0.6rem;
}

/* ----- New key form ----- */
.akm-form[b-o1oddeir8h] {
    display: flex;
    gap: 0.75rem;
}

.akm-input[b-o1oddeir8h] {
    flex: 1;
    background: var(--surface-container-highest);
    color: var(--on-surface);
    border: none;
    padding: 0.65rem 0.85rem;
    font-size: var(--font-size-base);
}

.akm-input:focus-visible[b-o1oddeir8h] {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
}

.akm-create-btn[b-o1oddeir8h] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: var(--gradient-primary);
    color: var(--on-primary);
    border: none;
    padding: 0.65rem 1.5rem;
    font-size: var(--font-size-sm);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: opacity var(--transition-btn);
}

.akm-create-btn:disabled[b-o1oddeir8h] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ----- One-time key reveal ----- */
.akm-reveal[b-o1oddeir8h] {
    margin-top: 1.25rem;
    padding: 1.1rem 1.25rem;
    background: var(--surface-container-low);
    border-left: 3px solid var(--secondary);
}

.akm-reveal-head[b-o1oddeir8h] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--secondary);
    margin-bottom: 0.7rem;
}

.akm-reveal-key[b-o1oddeir8h] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.akm-reveal-key code[b-o1oddeir8h] {
    flex: 1;
    background: var(--surface-container-lowest);
    color: var(--on-surface);
    padding: 0.6rem 0.85rem;
    font-size: var(--font-size-md);
    word-break: break-all;
}

.akm-copy-btn[b-o1oddeir8h] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--surface-container-highest);
    color: var(--on-surface);
    border: none;
    padding: 0.6rem 0.85rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--transition-btn);
}

.akm-copy-btn:hover[b-o1oddeir8h] { background: var(--primary); color: var(--on-primary); }

/* ----- Key table ----- */
.akm-table[b-o1oddeir8h] {
    width: 100%;
    border-collapse: collapse;
}

.akm-table thead th[b-o1oddeir8h] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    text-align: left;
    padding: 0 0.75rem 0.6rem;
}

.akm-table tbody tr:nth-child(even)[b-o1oddeir8h] {
    background: var(--surface-container-low);
}

.akm-table tbody tr:hover[b-o1oddeir8h] {
    background: var(--surface-container-high);
}

.akm-table tbody td[b-o1oddeir8h] {
    padding: 0.7rem 0.75rem;
    font-size: var(--font-size-md);
    color: var(--on-surface);
}

.akm-row-revoked[b-o1oddeir8h] {
    opacity: 0.55;
}

.akm-label[b-o1oddeir8h] {
    font-weight: 600;
    color: var(--on-surface);
}

.akm-prefix[b-o1oddeir8h] {
    background: var(--surface-container-highest);
    color: var(--on-surface-variant);
    padding: 0.15rem 0.4rem;
    font-size: var(--font-size-sm);
}

.akm-num[b-o1oddeir8h] {
    font-variant-numeric: tabular-nums;
    color: var(--on-surface-variant);
    white-space: nowrap;
}

.akm-status[b-o1oddeir8h] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    white-space: nowrap;
}

.akm-status-active[b-o1oddeir8h] { background: var(--primary); color: var(--on-primary); }
.akm-status-revoked[b-o1oddeir8h] { background: var(--surface-container-highest); color: var(--on-surface-variant); }

.akm-revoke-btn[b-o1oddeir8h] {
    background: transparent;
    color: var(--tertiary);
    border: none;
    padding: 0.3rem 0.6rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--transition-btn);
}

.akm-revoke-btn:hover[b-o1oddeir8h] { background: var(--surface-container-highest); }

@media (max-width: 768px) {
    .akm-form[b-o1oddeir8h] { flex-direction: column; }
    .akm-hero-title[b-o1oddeir8h] { font-size: 2rem; }
}
/* /Components/Pages/ChannelBindingsPage.razor.rz.scp.css */
/* ── /agents/channels — Channel Binding Management ───────────────────────── */

.channels-page[b-m87xbuy2me] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: var(--spacing-6) var(--spacing-8);
    min-height: 100vh;
}

/* ── Header ──────────────────────────────────────────────────────────────── */

.channels-header[b-m87xbuy2me] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4);
    margin-bottom: var(--spacing-8);
    padding-bottom: var(--spacing-6);
    border-bottom: 1px solid var(--outline-variant);
}

.channels-header-left[b-m87xbuy2me] {
    display: flex;
    align-items: center;
    gap: var(--spacing-4);
}

.channels-header-icon[b-m87xbuy2me] {
    font-size: 2rem;
    color: var(--primary);
    flex-shrink: 0;
}

.channels-title[b-m87xbuy2me] {
    /* --text-* diye bir aile YOK (ölçüldü 2026-09-11); yedeksiz olduğu için bildirim
       tamamen geçersizdi ve başlık boyutu hiç uygulanmıyordu. veraius-base.css
       --font-size-2xl'i zaten "headline-sm" diye etiketliyor — birebir karşılığı. */
    font-size: var(--font-size-2xl);
    font-weight: 700;
    color: var(--on-surface);
    margin: 0;
    line-height: 1.2;
}

.channels-subtitle[b-m87xbuy2me] {
    color: var(--on-surface-variant);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    margin: var(--spacing-1) 0 0;
}

.channels-link-btn[b-m87xbuy2me] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-2) var(--spacing-4);
    background: var(--surface-container-high);
    color: var(--primary);
    font-size: var(--font-size-md);
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--btn-radius);
    transition: background var(--transition-btn);
}

.channels-link-btn:hover[b-m87xbuy2me] {
    background: var(--surface-container-highest);
}

/* ── Body layout ─────────────────────────────────────────────────────────── */

.channels-body[b-m87xbuy2me] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: var(--spacing-8);
    align-items: start;
}

/* ── Headings ────────────────────────────────────────────────────────────── */

.channels-section-title[b-m87xbuy2me] {
    /* Aynı kusur: --text-* ailesi yok. veraius-base.css --font-size-lg'yi
       "title-md" diye etiketliyor. */
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--on-surface);
    margin: 0 0 var(--spacing-4);
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
}

.channels-section-title--sm[b-m87xbuy2me] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--on-surface-variant);
    margin-top: var(--spacing-8);
}

/* ── Catalog chips ───────────────────────────────────────────────────────── */

.channels-catalog-section[b-m87xbuy2me] {
    margin-bottom: var(--spacing-8);
}

.channels-catalog[b-m87xbuy2me] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
}

.catalog-chip[b-m87xbuy2me] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-2) var(--spacing-3);
    background: var(--surface-container-high);
    color: var(--on-surface-variant);
    border: none;
    border-radius: var(--btn-radius);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--font-size-md);
    transition: background var(--transition-btn), color var(--transition-btn);
}

.catalog-chip:hover[b-m87xbuy2me] {
    background: var(--surface-container-highest);
    color: var(--on-surface);
}

.catalog-chip.is-selected[b-m87xbuy2me] {
    background: color-mix(in srgb, var(--primary) 20%, transparent);
    color: var(--primary);
}

.catalog-chip.is-stub[b-m87xbuy2me] { opacity: 0.55; }

.catalog-chip-icon[b-m87xbuy2me] { font-size: var(--icon-xs); }

.catalog-chip-mode[b-m87xbuy2me] {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--on-surface-variant);
    padding: 1px 4px;
    background: var(--surface-container);
    border-radius: 2px;
    font-size: 0.6rem;
}

.catalog-chip.is-selected .catalog-chip-mode[b-m87xbuy2me] {
    background: color-mix(in srgb, var(--primary) 15%, transparent);
    color: var(--primary);
}

.catalog-chip-soon[b-m87xbuy2me] {
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--on-surface-variant);
    padding: 1px var(--space-1);
    background: var(--surface-container-lowest);
}

/* ── Form ────────────────────────────────────────────────────────────────── */

.channels-form-section[b-m87xbuy2me] {
    background: var(--surface-container);
    padding: var(--spacing-6);
}

.channels-form[b-m87xbuy2me] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
    margin-top: var(--spacing-4);
}

.form-field[b-m87xbuy2me] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.form-field--checkbox[b-m87xbuy2me] {
    flex-direction: row;
    align-items: center;
}

.form-label[b-m87xbuy2me] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
}

.form-input[b-m87xbuy2me] {
    background: var(--surface-container-high);
    color: var(--on-surface);
    border: none;
    padding: var(--spacing-3) var(--spacing-4);
    font-family: inherit;
    font-size: var(--font-size-base);
    border-radius: var(--input-radius);
    outline: none;
    transition: background var(--transition-btn);
    width: 100%;
    box-sizing: border-box;
}

.form-input:focus[b-m87xbuy2me] {
    background: var(--surface-container-highest);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 40%, transparent);
}

select.form-input[b-m87xbuy2me] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23bfc8c8'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--spacing-3) center;
    padding-right: var(--spacing-8);
}


.form-checkbox-label[b-m87xbuy2me] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    cursor: pointer;
    font-size: var(--font-size-base);
    color: var(--on-surface);
    user-select: none;
}

.channels-alert[b-m87xbuy2me] {
    padding: var(--spacing-3) var(--spacing-4);
    font-size: var(--font-size-base);
    border-radius: var(--btn-radius);
    margin-bottom: var(--spacing-3);
}

.channels-alert--error[b-m87xbuy2me] {
    background: color-mix(in srgb, var(--state-error) 15%, transparent);
    color: var(--state-error-text);
}

.channels-alert--ok[b-m87xbuy2me] {
    background: color-mix(in srgb, var(--primary) 15%, transparent);
    color: var(--primary);
}

.channels-form-actions[b-m87xbuy2me] {
    display: flex;
    gap: var(--spacing-3);
    padding-top: var(--spacing-2);
}

/* ── List header ─────────────────────────────────────────────────────────── */

.channels-list-header[b-m87xbuy2me] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4);
    margin-bottom: var(--spacing-4);
}

.channels-count-badge[b-m87xbuy2me] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 var(--spacing-2);
    background: color-mix(in srgb, var(--primary) 20%, transparent);
    color: var(--primary);
    font-size: var(--font-size-2xs);
    font-weight: 700;
    border-radius: 10px;
}

.channels-search[b-m87xbuy2me] {
    max-width: 240px;
}

/* ── Channel rows ────────────────────────────────────────────────────────── */

.channels-list[b-m87xbuy2me] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.channel-row[b-m87xbuy2me] {
    display: grid;
    grid-template-columns: 36px 1fr auto auto;
    align-items: center;
    gap: var(--spacing-4);
    background: var(--surface-container);
    padding: var(--spacing-4);
    transition: background var(--transition-btn);
}

.channel-row:hover[b-m87xbuy2me] { background: var(--surface-container-high); }

.channel-row.is-disabled[b-m87xbuy2me] { opacity: 0.5; }

.channel-row-icon[b-m87xbuy2me] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--surface-container-high);
    color: var(--primary);
    border-radius: var(--btn-radius);
    flex-shrink: 0;
}

.channel-row.is-disabled .channel-row-icon[b-m87xbuy2me] { color: var(--on-surface-variant); }

.channel-row-info[b-m87xbuy2me] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.channel-row-name[b-m87xbuy2me] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--on-surface);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.channel-row-meta[b-m87xbuy2me] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    flex-wrap: wrap;
    color: var(--on-surface-variant);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.channel-row-stats[b-m87xbuy2me] {
    display: flex;
    align-items: center;
    gap: var(--spacing-4);
    color: var(--on-surface-variant);
    margin-top: 2px;
    font-size: var(--font-size-sm);
}

.channel-row-filter[b-m87xbuy2me] { color: var(--secondary); }

/* ── Badges ──────────────────────────────────────────────────────────────── */

.channel-row-badges[b-m87xbuy2me] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--spacing-1);
    flex-shrink: 0;
}

.channel-badge[b-m87xbuy2me] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--space-1);
    background: var(--surface-container-high);
    color: var(--on-surface-variant);
    border-radius: var(--btn-radius);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.channel-badge--active[b-m87xbuy2me] {
    background: color-mix(in srgb, var(--primary) 15%, transparent);
    color: var(--primary);
}

.channel-badge--inactive[b-m87xbuy2me] {
    background: var(--surface-container-lowest);
    color: var(--on-surface-variant);
}

.channel-badge--poll[b-m87xbuy2me] {
    background: color-mix(in srgb, var(--secondary) 15%, transparent);
    color: var(--secondary);
    font-family: monospace;
    font-size: 0.65rem;
    letter-spacing: 0;
    text-transform: none;
}

/* ── Row actions ─────────────────────────────────────────────────────────── */

.channel-row-actions[b-m87xbuy2me] {
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
    flex-shrink: 0;
}

.channel-icon-btn[b-m87xbuy2me] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    border-radius: var(--btn-radius);
    color: var(--on-surface-variant);
    cursor: pointer;
    transition: background var(--transition-btn), color var(--transition-btn);
}

.channel-icon-btn:hover[b-m87xbuy2me] {
    background: var(--surface-container-highest);
    color: var(--on-surface);
}

.channel-icon-btn--danger:hover[b-m87xbuy2me] {
    background: color-mix(in srgb, var(--state-error) 15%, transparent);
    color: var(--state-error-text);
}

/* ── Empty state ─────────────────────────────────────────────────────────── */

.channels-empty[b-m87xbuy2me] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3);
    padding: var(--spacing-12) var(--spacing-8);
    color: var(--on-surface-variant);
    text-align: center;
    background: var(--surface-container-low);
}

/* ── Event audit ─────────────────────────────────────────────────────────── */

.channels-events[b-m87xbuy2me] { margin-top: var(--spacing-8); }

.channels-event-list[b-m87xbuy2me] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.channels-event-row[b-m87xbuy2me] {
    display: grid;
    grid-template-columns: 20px auto 1fr auto;
    align-items: center;
    gap: var(--spacing-3);
    padding: var(--spacing-2) var(--spacing-3);
    background: var(--surface-container-low);
    color: var(--on-surface-variant);
    font-size: var(--font-size-md);
}

.channels-event-row .material-symbols-outlined[b-m87xbuy2me] { color: var(--primary); }
.channels-event-row.is-failed .material-symbols-outlined[b-m87xbuy2me] { color: var(--tertiary); }

.channels-event-channel[b-m87xbuy2me] {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: var(--on-surface-variant);
    white-space: nowrap;
}

.channels-event-subject[b-m87xbuy2me] {
    color: var(--on-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channels-event-ts[b-m87xbuy2me] {
    color: var(--on-surface-variant);
    font-family: monospace;
    font-size: var(--font-size-sm);
    white-space: nowrap;
    opacity: 0.7;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 1100px) {
    .channels-body[b-m87xbuy2me] {
        grid-template-columns: 1fr;
    }

    .channels-right[b-m87xbuy2me] { order: -1; }
}

@media (max-width: 768px) {
    .channels-page[b-m87xbuy2me] { padding: var(--spacing-4); }

    .channels-header[b-m87xbuy2me] {
        flex-direction: column;
        align-items: flex-start;
    }

    .channel-row[b-m87xbuy2me] {
        grid-template-columns: 36px 1fr;
    }

    .channel-row-badges[b-m87xbuy2me] { display: none; }

    .channel-row-actions[b-m87xbuy2me] { grid-column: 2; }
}
/* /Components/Pages/ChannelInboxPage.razor.rz.scp.css */
/* Gelen kutusu: liste + detay. Yarıçap TOKEN üzerinden — sabit piksel yok. */
.inbox-screen[b-4eiab4eq2j] {
    display: grid;
    grid-template-columns: minmax(260px, 24rem) 1fr;
    gap: 1rem;
}

.inbox-list[b-4eiab4eq2j] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow-y: auto;
}

    /* ÖLÇÜLDÜ 2026-09-15: bu yuzey zeminle ayni/komsu tonda yaziliyordu
       ve sayfa tonal derinlik 2'de kaliyordu. "No-Line" kuralinda ayrimi
       kenarlik degil DUZLEM KAYMASI tasir; kart tonu container-lowest. */
.inbox-row[b-4eiab4eq2j] {
    display: grid;
    gap: 0.25rem;
    text-align: start;
    padding: 0.75rem;
    border-radius: var(--card-radius);
    background: var(--surface-container-lowest);
    min-height: 44px; /* WCAG 2.2 AA hedef boyutu */
}

.inbox-row.is-selected[b-4eiab4eq2j] { background: var(--surface-container-high); }
.inbox-row-sender[b-4eiab4eq2j] { font-weight: 600; }
.inbox-row-preview[b-4eiab4eq2j] { color: var(--on-surface-variant); }

/* Durum rengin YANINDA metin taşır — renk tek başına anlam taşımaz. */
.inbox-status[b-4eiab4eq2j] { font-size: 0.8125rem; }

.inbox-detail[b-4eiab4eq2j] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: var(--card-radius);
    background: var(--surface-container);
}

.inbox-inbound[b-4eiab4eq2j] { color: var(--on-surface-variant); }

.inbox-draft[b-4eiab4eq2j] {
    border-radius: var(--input-radius);
    padding: 0.75rem;
}

.inbox-actions[b-4eiab4eq2j] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Eylemler VaButton kullanır: yarıçap, odak halkası ve hedef boyutu tasarım sisteminden
   gelir. Burada yalnız yerleşim var — bileşenin iç stiline sızmıyoruz. */

.inbox-failure[b-4eiab4eq2j] { color: var(--error); }
.inbox-empty[b-4eiab4eq2j] { color: var(--on-surface-variant); }

@media (max-width: 900px) {
    .inbox-screen[b-4eiab4eq2j] { grid-template-columns: 1fr; }
}

.inbox-window-note[b-4eiab4eq2j] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
}

.inbox-regen[b-4eiab4eq2j] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
}

/* ——— Mesaj analizi ———
   Kendi zemini olan bir yüzey: yarıçap TOKEN üzerinden gelir (sabit piksel yazmak, tema
   seviyesindeki :is([data-theme=...]) kuralıyla çelişir ve tutarsız köşe üretir).
   Tonal ayrım için kenarlık yerine yüzey kayması tercih edildi. */
.inbox-analysis[b-4eiab4eq2j] {
    background: var(--surface-container);
    border-radius: var(--card-radius);
    padding: 0.75rem 0.875rem;
    margin-bottom: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.inbox-chips[b-4eiab4eq2j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.125rem;
}

.inbox-chip[b-4eiab4eq2j] {
    border-radius: var(--chip-radius);
    padding: 0.1875rem 0.625rem;
    font-size: 0.75rem;
    background: var(--surface-container-high);
    color: var(--on-surface-variant);
}

/* RENK TEK BAŞINA ANLAM TAŞIMAZ (WCAG 1.4.1): çipin metni zaten "Duygu: olumsuz" yazar,
   renk yalnız o bilgiyi güçlendirir. Renk körü bir operatör hiçbir şey kaybetmez. */
.inbox-chip--negative[b-4eiab4eq2j] { background: var(--error-container); color: var(--on-error-container); }
.inbox-chip--positive[b-4eiab4eq2j] { background: var(--tertiary-container); color: var(--on-tertiary-container); }
.inbox-chip--high[b-4eiab4eq2j] { background: var(--error-container); color: var(--on-error-container); }
.inbox-chip--low[b-4eiab4eq2j] { background: var(--surface-container-high); color: var(--on-surface-variant); }

.inbox-analysis-line[b-4eiab4eq2j] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--on-surface);
    line-height: 1.45;
}

.inbox-clarify[b-4eiab4eq2j] {
    margin-top: 0.375rem;
    padding-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
    background: var(--surface-container-low);
    border-radius: var(--btn-radius);
    padding: 0.625rem 0.75rem;
}
/* /Components/Pages/ConnectorHealthPage.razor.rz.scp.css */
.conn-kpi-strip[b-6bncyddhme] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-4, 1rem);
}

.conn-kpi-card[b-6bncyddhme] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1, 0.25rem);
    padding: var(--spacing-4, 1rem);
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
}

.conn-kpi-value[b-6bncyddhme] {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.1;
    color: var(--on-surface);
}

.conn-kpi-label[b-6bncyddhme] {
    color: var(--on-surface-variant);
    text-transform: uppercase;
}

.conn-section[b-6bncyddhme] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 1rem);
    padding: var(--spacing-4, 1rem);
    background: var(--surface-container);
    border-radius: var(--card-radius);
}

.conn-section-head[b-6bncyddhme] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* KANONİK .data-table'a HİZALI (ÖLÇÜLDÜ 2026-09-03). */
.conn-table[b-6bncyddhme] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-md);
}

.conn-table thead th[b-6bncyddhme] {
    text-align: left;
    padding: 12px 16px;
    font-family: var(--font-label);
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: var(--tracking-wider);
    color: var(--on-surface-variant);
    text-transform: uppercase;
}

.conn-table tbody td[b-6bncyddhme] {
    padding: var(--space-3) 16px;
    vertical-align: middle;
}

/* Zebra striping via tonal shift — no divider lines. */
.conn-table tbody tr:nth-child(odd of :not(.conn-detail-row))[b-6bncyddhme] {
    background: var(--surface-container-low);
}

.conn-name[b-6bncyddhme] {
    display: block;
    color: var(--on-surface);
}

.conn-key[b-6bncyddhme] {
    display: block;
    color: var(--on-surface-variant);
    text-transform: none;
}

.conn-detail-row td[b-6bncyddhme] {
    padding-top: 0;
    padding-bottom: var(--spacing-3, 0.75rem);
    background: var(--surface-container-low);
}

@media (max-width: 768px) {
    .conn-kpi-strip[b-6bncyddhme] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/DataFabric/Relationships.razor.rz.scp.css */
/* Graf tuvali.
   YUKSEKLIK ACIK YAZILMALI: Cytoscape kabin olculerini okur; yukseklik
   cozulmezse tuvali 0px'e cizer ve ekran BOS gorunur (bu depoda olculmus
   tuzak — `.ide-page-shell` vakasi). Bu yuzden `min-height` sabit. */
.rel-graph-host[b-7yd1ye0yyg] {
    width: 100%;
    min-height: 32rem;
    height: 32rem;
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
    /* Kenarlik yerine duzlem kaymasi ("No-Line"), ama tuval kendi zeminini
       tasidigi icin ince bir hayalet cizgi ayrimi tasir. */
    box-shadow: inset 0 0 0 1px var(--ghost-border);
    margin: .5rem 0 1rem;
    overflow: hidden;
}

.rel-graph-toolbar[b-7yd1ye0yyg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .5rem;
}

@media (prefers-reduced-motion: reduce) {
    /* ELK yerlesimi tek seferlik; Cytoscape'in kendi gecisleri kapatilir. */
    .rel-graph-host[b-7yd1ye0yyg] { scroll-behavior: auto; }
}
/* /Components/Pages/Decisions/Queue.razor.rz.scp.css */
.decision-queue-redirect[b-u7f0z5kals] {
    display: grid;
    min-block-size: min(32rem, 60vh);
    place-items: center;
    padding: var(--space-6, 1.5rem);
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
}

.decision-queue-redirect[b-u7f0z5kals]  .loading-state {
    inline-size: min(100%, 42rem);
}

@media (max-width: 768px) {
    .decision-queue-redirect[b-u7f0z5kals] {
        min-block-size: min(24rem, 55vh);
        padding: var(--space-4, 1rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .decision-queue-shell[b-u7f0z5kals],
    .decision-queue-shell[b-u7f0z5kals]  .page-enter,
    .decision-queue-shell[b-u7f0z5kals]  .loading-state {
        animation: none;
        transition: none;
    }
}
/* /Components/Pages/FavoritesPage.razor.rz.scp.css */
/* Standart sayfa düzeni (2026-10-19): içerik başlıkla AYNI sol kenardan başlar; sabit genişlikte ortalanmış kap başlıktan bağımsız bir yerden başlıyordu. */
/* Operations — System Health. Editorial brutalism, 0px radius, ambient occlusion. */

.ops-shell[b-hwby1ongpz] { max-width: none; margin-inline: 0; }

.ops-back[b-hwby1ongpz] {
    gap: 0.45rem;
    margin-bottom: 1.5rem;
}

/* ----- Hero ----- */
.ops-hero[b-hwby1ongpz] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.25rem 2rem;
    margin-bottom: 2rem;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--primary-glow) 0%, transparent 55%),
        var(--surface-container);
    overflow: hidden;
}

.ops-hero[b-hwby1ongpz]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: var(--gradient-primary);
    opacity: 0.9;
}

.ops-hero-eyebrow[b-hwby1ongpz] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 0.5rem;
}

.ops-hero-title[b-hwby1ongpz] {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--on-surface);
    margin: 0;
}

.ops-hero-title strong[b-hwby1ongpz] { font-weight: 700; color: var(--primary); }

.ops-hero-sub[b-hwby1ongpz] {
    margin-top: 0.75rem;
    max-width: 46ch;
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--on-surface-variant);
}

.ops-hero-aside[b-hwby1ongpz] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
}

.ops-hero-meta[b-hwby1ongpz] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

/* Overall status badge. */
.ops-overall[b-hwby1ongpz] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.35rem 0.85rem;
}

.ops-overall-healthy[b-hwby1ongpz] { background: var(--primary); color: var(--on-primary); }
.ops-overall-degraded[b-hwby1ongpz] { background: var(--secondary); color: var(--on-primary); }
.ops-overall-unhealthy[b-hwby1ongpz] { background: var(--tertiary); color: var(--surface); }

.ops-refresh-btn[b-hwby1ongpz] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--surface-container-highest);
    color: var(--on-surface);
    border: none;
    padding: 0.4rem 0.7rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--transition-btn);
}

.ops-refresh-btn:hover[b-hwby1ongpz] { background: var(--primary); color: var(--on-primary); }

/* ----- Stat grid ----- */
.ops-stat-grid[b-hwby1ongpz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.ops-stat[b-hwby1ongpz] {
    position: relative;
    padding: 1.5rem 1.35rem;
    background: var(--surface-container-lowest);
    box-shadow: var(--shadow-ambient);
    overflow: hidden;
}

.ops-stat[b-hwby1ongpz]::after {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
}

.ops-stat-ok[b-hwby1ongpz]::after { background: var(--primary); }
.ops-stat-warn[b-hwby1ongpz]::after { background: var(--secondary); }
.ops-stat-crit[b-hwby1ongpz]::after { background: var(--tertiary); }

.ops-stat-value[b-hwby1ongpz] {
    font-size: 2.75rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.ops-stat-label[b-hwby1ongpz] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

/* ----- Panel ----- */
.ops-panel[b-hwby1ongpz] {
    background: var(--surface-container);
    box-shadow: var(--shadow-ambient);
    padding: 1.75rem;
    margin-bottom: 1.5rem;
}

.ops-panel-head[b-hwby1ongpz] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.ops-panel-head .material-symbols-outlined[b-hwby1ongpz] {
    color: var(--primary);
    font-size: var(--font-size-2xl);
}

.ops-panel-title[b-hwby1ongpz] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--on-surface);
    margin: 0;
}

.ops-panel-count[b-hwby1ongpz] {
    margin-left: auto;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    background: var(--surface-container-highest);
    padding: var(--space-1) 0.6rem;
}

/* ----- Component rows ----- */
.ops-component-list[b-hwby1ongpz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ops-component[b-hwby1ongpz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--surface-container-low);
}

.ops-comp-dot[b-hwby1ongpz] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}

.ops-comp-healthy .ops-comp-dot[b-hwby1ongpz] { background: var(--primary); }
.ops-comp-degraded .ops-comp-dot[b-hwby1ongpz] { background: var(--secondary); }
.ops-comp-unhealthy .ops-comp-dot[b-hwby1ongpz] { background: var(--tertiary); }

.ops-comp-body[b-hwby1ongpz] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
    min-width: 0;
}

.ops-comp-name[b-hwby1ongpz] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--on-surface);
}

.ops-comp-desc[b-hwby1ongpz] {
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
}

.ops-comp-tags[b-hwby1ongpz] {
    font-size: var(--font-size-xs);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    white-space: nowrap;
}

.ops-comp-duration[b-hwby1ongpz] {
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ops-comp-status[b-hwby1ongpz] {
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ops-comp-healthy .ops-comp-status[b-hwby1ongpz] { color: var(--primary); }
.ops-comp-degraded .ops-comp-status[b-hwby1ongpz] { color: var(--secondary); }
.ops-comp-unhealthy .ops-comp-status[b-hwby1ongpz] { color: var(--tertiary); }

/* ----- Favorite rows ----- */
.fav-list[b-hwby1ongpz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.fav-row[b-hwby1ongpz] {
    display: flex;
    align-items: stretch;
    gap: 1px;
}

.fav-open[b-hwby1ongpz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
    min-width: 0;
    padding: 0.95rem 1.1rem;
    background: var(--surface-container-low);
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background var(--transition-btn);
}

.fav-open:hover[b-hwby1ongpz] { background: var(--surface-container-high); }

.fav-icon[b-hwby1ongpz] {
    color: var(--primary);
    font-size: 1.35rem;
    flex-shrink: 0;
}

.fav-body[b-hwby1ongpz] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.fav-label[b-hwby1ongpz] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
}

.fav-route[b-hwby1ongpz] {
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fav-remove[b-hwby1ongpz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    background: var(--surface-container-low);
    color: var(--on-surface-variant);
    border: none;
    cursor: pointer;
    transition: background var(--transition-btn), color var(--transition-btn);
}

.fav-remove:hover:not(:disabled)[b-hwby1ongpz] {
    background: var(--tertiary);
    color: var(--surface);
}

.fav-remove:disabled[b-hwby1ongpz] { opacity: 0.5; cursor: default; }

/* ----- Reorder controls ----- */
.fav-reorder[b-hwby1ongpz] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex-shrink: 0;
}

.fav-move[b-hwby1ongpz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 21px;
    background: var(--surface-container-low);
    color: var(--on-surface-variant);
    border: none;
    cursor: pointer;
    transition: background var(--transition-btn), color var(--transition-btn);
}

.fav-move:hover:not(:disabled)[b-hwby1ongpz] {
    background: var(--primary);
    color: var(--on-primary);
}

.fav-move:disabled[b-hwby1ongpz] { opacity: 0.35; cursor: default; }

@media (prefers-reduced-motion: reduce) {
    .fav-open[b-hwby1ongpz], .fav-remove[b-hwby1ongpz], .fav-move[b-hwby1ongpz] { transition: none; }
}

/* ----- Responsive ----- */
@media (max-width: 1024px) {
    .ops-stat-grid[b-hwby1ongpz] { grid-template-columns: 1fr; }
    .ops-hero[b-hwby1ongpz] { flex-direction: column; align-items: flex-start; }
    .ops-hero-aside[b-hwby1ongpz] { align-items: flex-start; }
}
/* /Components/Pages/GettingStartedPage.razor.rz.scp.css */
/* Standart sayfa düzeni (2026-10-19): içerik başlıkla AYNI sol kenardan başlar; sabit genişlikte ortalanmış kap başlıktan bağımsız bir yerden başlıyordu. */
/* Getting-started checklist. Editorial brutalism — 0px radius, tonal shifts. */

.gs-shell[b-ig1iswi865] { max-width: 880px; margin-inline: 0; }

.gs-back[b-ig1iswi865] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1.5rem;
}

/* ----- Hero ----- */
.gs-hero[b-ig1iswi865] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.25rem 2rem;
    margin-bottom: 1.75rem;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--primary-glow) 0%, transparent 55%),
        /* ÖLÇÜLDÜ 2026-09-15: zeminle komsu ton, kart duzlemi degil. */
        var(--surface-container-lowest);
    overflow: hidden;
}

.gs-hero[b-ig1iswi865]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: var(--gradient-primary);
    opacity: 0.9;
}

.gs-hero-eyebrow[b-ig1iswi865] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 0.5rem;
}

.gs-hero-title[b-ig1iswi865] {
    font-size: 2.25rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--on-surface);
    margin: 0;
}

.gs-hero-title strong[b-ig1iswi865] { font-weight: 700; color: var(--primary); }

.gs-hero-sub[b-ig1iswi865] {
    margin-top: 0.75rem;
    max-width: 52ch;
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--on-surface-variant);
}

/* ----- Progress ----- */
.gs-progress-ring[b-ig1iswi865] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.gs-progress-pct[b-ig1iswi865] {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--primary);
    font-variant-numeric: tabular-nums;
}

.gs-progress-pct span[b-ig1iswi865] { font-size: 1.1rem; color: var(--on-surface-variant); }

.gs-progress-label[b-ig1iswi865] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

/* ----- Step list ----- */
.gs-list[b-ig1iswi865] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gs-step[b-ig1iswi865] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    background: var(--surface-container);
    border-left: 3px solid var(--outline-variant);
}

.gs-step-pending[b-ig1iswi865] { border-left-color: var(--primary); }
.gs-step-done[b-ig1iswi865] { border-left-color: var(--secondary); }
.gs-step-skipped[b-ig1iswi865] { border-left-color: var(--outline-variant); opacity: 0.6; }

.gs-step-mark[b-ig1iswi865] {
    font-size: var(--font-size-3xl);
    flex-shrink: 0;
    color: var(--on-surface-variant);
}

.gs-step-pending .gs-step-mark[b-ig1iswi865] { color: var(--primary); }
.gs-step-done .gs-step-mark[b-ig1iswi865] { color: var(--secondary); }

.gs-step-body[b-ig1iswi865] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
}

.gs-step-head[b-ig1iswi865] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.gs-step-title[b-ig1iswi865] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
}

.gs-step-required[b-ig1iswi865] {
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.1rem 0.4rem;
    background: var(--surface-container-highest);
    color: var(--primary);
}

.gs-step-eta[b-ig1iswi865] {
    font-size: var(--font-size-2xs);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

.gs-step-desc[b-ig1iswi865] {
    font-size: var(--font-size-md);
    color: var(--on-surface-variant);
    line-height: 1.45;
}

.gs-step-actions[b-ig1iswi865] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* ----- All-done state ----- */
.gs-done[b-ig1iswi865] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: 3rem 2rem;
    background: var(--surface-container-lowest);
    text-align: center;
}

.gs-done-icon[b-ig1iswi865] {
    font-size: 3rem;
    color: var(--secondary);
}

.gs-done-title[b-ig1iswi865] {
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--on-surface);
    margin: 0;
}

.gs-done-sub[b-ig1iswi865] {
    font-size: var(--font-size-base);
    color: var(--on-surface-variant);
    margin: 0 0 0.75rem;
}

@media (max-width: 768px) {
    .gs-hero[b-ig1iswi865] { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .gs-step[b-ig1iswi865] { flex-wrap: wrap; }
}
/* /Components/Pages/Governance/DpBudget.razor.rz.scp.css */
.dpb-title[b-lno78rhmzz] { margin: 0 0 var(--space-3); font-size: var(--font-size-lg); font-weight: 700; }
.dpb-head[b-lno78rhmzz] { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--space-3); }
.dpb-head .dpb-title[b-lno78rhmzz] { margin: 0; }
.dpb-muted[b-lno78rhmzz] { color: var(--on-surface-variant); font-size: var(--font-size-sm); margin: var(--space-2) 0 var(--space-4); }
.dpb-bar[b-lno78rhmzz] { height: 10px; background: var(--surface-container-high); border-radius: var(--chip-radius); overflow: hidden; }
.dpb-bar__fill[b-lno78rhmzz] { height: 100%; width: var(--bar-w, 0%); background: var(--state-success); }
.dpb-bar__fill--warn[b-lno78rhmzz] { background: var(--state-warning); }
.dpb-bar__fill--error[b-lno78rhmzz] { background: var(--state-error); }
.dpb-cap[b-lno78rhmzz] { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); max-width: 32rem; }
.dpb-mono[b-lno78rhmzz] { font-family: var(--font-mono); font-size: var(--font-size-sm); }
.dpb-num[b-lno78rhmzz] { text-align: right; font-variant-numeric: tabular-nums; }
/* DataTable <tr>'yi kendi yazar; sayfa kapsami ona ancak kaptan ::deep ile iner. */
.dpb-table[b-lno78rhmzz]  tr.dpb-denied td { background: var(--state-error-bg); }
.dpb-results[b-lno78rhmzz] { list-style: none; margin: var(--space-4) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
/* /Components/Pages/Governance/Federated.razor.rz.scp.css */
/* Extracted from Federated.razor via codemod-inline-asset.mjs */
.subtitle[b-nbl4eii72f] { color: var(--on-surface-variant); margin-bottom: 1.25rem; }
    .panel[b-nbl4eii72f] { box-shadow: 0 0 0 1px var(--ghost-border); border-radius: 6px; padding: 1rem 1.25rem; margin-bottom: 1rem; background: var(--surface-container-lowest); }
    .panel h2[b-nbl4eii72f] { margin-top: 0; font-size: 1.05rem; }
    .panel-header[b-nbl4eii72f] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
    .toolbar[b-nbl4eii72f] { gap: .75rem;
}
    .toolbar select[b-nbl4eii72f] { padding: .2rem; }
    .toolbar button[b-nbl4eii72f] { padding: .3rem .75rem; cursor: pointer; }
    dl.kv[b-nbl4eii72f] { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1rem; margin: 0; }
    dl.kv dt[b-nbl4eii72f] { color: var(--on-surface-variant); }
    table.snapshots[b-nbl4eii72f] { width: 100%; border-collapse: collapse; font-size: .92rem; }
    table.snapshots th[b-nbl4eii72f], table.snapshots td[b-nbl4eii72f] { padding: .4rem .6rem; border-bottom: 1px solid var(--ghost-border); text-align: left; }
    table.snapshots th.num[b-nbl4eii72f], table.snapshots td.num[b-nbl4eii72f] { text-align: right; font-variant-numeric: tabular-nums; }
    .mono[b-nbl4eii72f] { font-family: ui-monospace, monospace; }
    .empty[b-nbl4eii72f] { color: var(--on-surface-variant); font-style: italic; }
    .error[b-nbl4eii72f] { color: var(--state-error-text-on-fill); }
/* /Components/Pages/Governance/Journey.razor.rz.scp.css */
/* Extracted from Journey.razor via codemod-inline-asset.mjs */
.subtitle[b-hwpkspoykc] { color: var(--on-surface-variant); margin-bottom: 1.25rem; }
    .columns[b-hwpkspoykc] { display: grid; grid-template-columns: minmax(260px, 1fr) 2fr; gap: 1rem; }
    @media (max-width: 900px) { .columns[b-hwpkspoykc] { grid-template-columns: 1fr; } }
    .panel[b-hwpkspoykc] { box-shadow: 0 0 0 1px var(--ghost-border); border-radius: 6px; padding: 1rem 1.25rem; background: var(--surface-container-lowest); }
    .panel h2[b-hwpkspoykc] { margin-top: 0; font-size: 1.05rem; }
    .panel-header[b-hwpkspoykc] { display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem; }
    .panel-header button[b-hwpkspoykc] { padding: .25rem .6rem; cursor: pointer; }
    .customer-list ul[b-hwpkspoykc] { list-style: none; padding: 0; margin: 0; max-height: 60vh; overflow-y: auto; }
    .customer-list li[b-hwpkspoykc] { padding: .5rem .6rem; border-radius: 4px; cursor: pointer; display: grid; grid-template-columns: 1fr auto; gap: .25rem 1rem; border: 1px solid transparent; }
    .customer-list li:hover[b-hwpkspoykc] { background: var(--surface-container-high); }
    .customer-list li.selected[b-hwpkspoykc] { background: var(--state-info-bg); border-color: var(--ghost-border); }
    .customer-list .id[b-hwpkspoykc] { grid-row: 1 / span 2; align-self: center; font-weight: 600; }
    .customer-list .count[b-hwpkspoykc] { font-size: .85em; color: var(--on-surface-variant); text-align: right; }
    .customer-list time[b-hwpkspoykc] { font-size: .8em; color: var(--on-surface-variant); text-align: right; grid-column: 2; }
    dl.kv[b-hwpkspoykc] { display: grid; grid-template-columns: max-content 1fr; gap: .4rem 1rem; margin: 0 0 1rem 0; align-items: center; }
    dl.kv dt[b-hwpkspoykc] { color: var(--on-surface-variant); }
    .stage[b-hwpkspoykc] { border-radius: var(--chip-radius); padding: .1rem .6rem; font-size: .85em; font-weight: 600; }
    .stage-awareness[b-hwpkspoykc] { background: var(--surface-container-high); color: var(--on-surface); }
    .stage-consideration[b-hwpkspoykc] { background: var(--state-warning-bg); color: var(--on-surface-variant); }
    .stage-purchase[b-hwpkspoykc] { background: var(--state-success-bg); color: var(--state-success-text-on-fill); }
    .stage-retention[b-hwpkspoykc] { background: var(--state-info-bg); color: var(--state-success-text-on-fill); }
    .stage-advocacy[b-hwpkspoykc] { background: var(--state-info-bg); color: var(--primary); }
    .stage-churn[b-hwpkspoykc] { background: var(--state-error-bg); color: var(--state-error-text-on-fill); }
    .bar-wrap[b-hwpkspoykc] { display: inline-block; width: 140px; height: 10px; background: var(--surface-container-high); border-radius: 5px; overflow: hidden; vertical-align: middle; }
    .bar[b-hwpkspoykc] { display: block; height: 100%; }
    .bar-num[b-hwpkspoykc] { display: inline-block; margin-left: .5rem; font-variant-numeric: tabular-nums; color: var(--on-surface-variant); }
    table[b-hwpkspoykc] { width: 100%; border-collapse: collapse; font-size: .92rem; }
    th[b-hwpkspoykc], td[b-hwpkspoykc] { padding: .35rem .5rem; border-bottom: 1px solid var(--ghost-border); text-align: left; }
    th.num[b-hwpkspoykc], td.num[b-hwpkspoykc] { text-align: right; font-variant-numeric: tabular-nums; }
    .mono[b-hwpkspoykc] { font-family: ui-monospace, monospace; font-size: .88em; }
    .empty[b-hwpkspoykc] { color: var(--on-surface-variant); font-style: italic; }
    .error[b-hwpkspoykc] { color: var(--state-error-text-on-fill); }
/* /Components/Pages/Governance/KnowledgeGraph.razor.rz.scp.css */
/* Extracted from KnowledgeGraph.razor via codemod-inline-asset.mjs */
.subtitle[b-4bjjpqth3r] { color: var(--on-surface-variant); margin-bottom: 1.25rem; }
    .panel[b-4bjjpqth3r] { box-shadow: 0 0 0 1px var(--ghost-border); border-radius: var(--card-radius); padding: 1rem 1.25rem; margin-bottom: 1rem; background: var(--surface-container-lowest); }
    .panel h2[b-4bjjpqth3r] { margin-top: 0; font-size: 1.05rem; }
    .panel-header[b-4bjjpqth3r] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
    /* `1fr 1fr` MIN-CONTENT'in altına inmez: araç çubuğundaki girdiler sütunu
       712px'e şişiriyor ve iki sütun 1424px ile 1367px'lik kaba SIĞMIYORDU —
       sağdaki panel kırpılıyordu (ölçüldü 2026-09-18). `minmax(0,1fr)` izin
       sıfıra kadar daralmasına izin verir; girdiler zaten `min-width:0` taşıyor. */
    .columns[b-4bjjpqth3r] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; }
    /* `1fr` MIN-CONTENT'in altına inmez: 768px'te tek sütuna düşse bile paneller
       712px'te takılıp kaptan 101px taşıyordu (ölçüldü 2026-09-18, 7 taşma).
       `minmax(0,1fr)` sıfıra kadar daralmaya izin verir — geniş ekrandaki
       kuralla aynı gerekçe. */
    @media (max-width: 900px) { .columns[b-4bjjpqth3r] { grid-template-columns: minmax(0, 1fr); } }
    .query[b-4bjjpqth3r] { display: flex; gap: 1rem; align-items: end; flex-wrap: wrap; margin-bottom: .75rem; }
    .query label[b-4bjjpqth3r] { display: flex; flex-direction: column; font-size: .85rem; color: var(--on-surface-variant); gap: .25rem; }
    .query input[b-4bjjpqth3r] { padding: .3rem .4rem; font-family: ui-monospace, monospace; }
    .query button[b-4bjjpqth3r] { padding: .4rem .9rem; cursor: pointer; }
    .result[b-4bjjpqth3r] { border-top: 1px dashed var(--ghost-border); padding-top: .75rem; }
    .result ul[b-4bjjpqth3r] { margin: .25rem 0 .5rem 1.25rem; }
    .duration[b-4bjjpqth3r] { color: var(--on-surface-variant); font-size: .85em; }
    /* Taşma düzeltmesi (ölçüldü 2026-09-18) buradan KALDIRILDI: `display: flex`,
       `flex-wrap: wrap` ve `min-width: 0` ÜÇÜ DE paketin `.toolbar` tabanında
       zaten yazılı (veraius-components.css:231). Tekrar etmek, taban değişince
       güncellenmeyen bir kopya bırakırdı. Kalan tek şey `gap` varyantı —
       taban `--space-2`, bu şerit daha sıkı duruyor. */
    .toolbar[b-4bjjpqth3r] { gap: .5rem; }
    .toolbar > *[b-4bjjpqth3r] { min-width: 0; }
    .toolbar input[b-4bjjpqth3r] { padding: .25rem .4rem; font-family: ui-monospace, monospace; }
    /* Tablo gövdesi artık KANONIK `.data-table`dan gelir; buradaki element seçicileri
       (table / th,td) onunla aynı özgüllükte yarışıp dolguyu eziyordu. Kaldırıldı. */
    .mono[b-4bjjpqth3r] { font-family: ui-monospace, monospace; font-size: .88em; }
    .edge-type[b-4bjjpqth3r] { background: var(--surface-container-high); border-radius: 3px; padding: 0 .35rem; font-family: ui-monospace, monospace; font-size: .85em; }
    .empty[b-4bjjpqth3r] { color: var(--on-surface-variant); font-style: italic; }
    .error[b-4bjjpqth3r] { color: var(--state-error-text-on-fill); }
/* /Components/Pages/Governance/Learning.razor.rz.scp.css */
/* Ekran dili: kart duzlemi, tablo ve kod blogu paketten gelir; burada yalniz yerlesim. */
.lrn-title[b-r6fuy3t0qn] {
    margin: 0 0 var(--space-2);
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--on-surface);
}

.lrn-muted[b-r6fuy3t0qn] {
    margin: 0 0 var(--space-3);
    color: var(--on-surface-variant);
}

.lrn-filters[b-r6fuy3t0qn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.lrn-filters > *[b-r6fuy3t0qn] {
    flex: 0 1 16rem;
}

.lrn-head[b-r6fuy3t0qn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.lrn-reason[b-r6fuy3t0qn] {
    max-width: 28rem;
    overflow-wrap: anywhere;
}

.lrn-prompts[b-r6fuy3t0qn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.lrn-prompt-meta[b-r6fuy3t0qn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    align-items: baseline;
    margin-bottom: var(--space-2);
    color: var(--on-surface-variant);
}

.lrn-run-actions[b-r6fuy3t0qn] {
    display: flex;
    align-items: flex-end;
}

/* DataTable <tr>'yi kendi yazar; sayfa kurali ona yalniz ::deep ile ulasir. */
.lrn-table[b-r6fuy3t0qn]  tr.cycle-row.promoted td {
    background: var(--state-success-bg);
}

.lrn-table[b-r6fuy3t0qn]  tr.cycle-row.rejected td {
    color: var(--on-surface-variant);
}
/* /Components/Pages/Governance/Rationales.razor.rz.scp.css */
/* option-3 kanit gorunumu. */
.ev-layout[b-1oj1sytyad] { display: grid; grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr); gap: var(--space-4); align-items: start; }
@media (max-width: 1000px) { .ev-layout[b-1oj1sytyad] { grid-template-columns: 1fr; } }
.ev-main[b-1oj1sytyad] { display: flex; flex-direction: column; gap: var(--space-4); min-inline-size: 0; }

.ev-card[b-1oj1sytyad] {
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
    box-shadow: inset 0 0 0 1px var(--ghost-border);
    padding: var(--space-5);
    min-inline-size: 0;
}
.ev-card__title[b-1oj1sytyad] { display: flex; align-items: baseline; gap: var(--space-2); font-size: var(--font-size-lg); margin: 0 0 var(--space-4); }
.ev-muted[b-1oj1sytyad] { color: var(--on-surface-variant); font-size: var(--font-size-sm); }
.ev-eyebrow[b-1oj1sytyad] { font-size: var(--font-size-sm); font-weight: 600; color: var(--on-surface-variant); }

/* Liste */
.ev-list ul[b-1oj1sytyad] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-1); }
.ev-run[b-1oj1sytyad] { display: grid; grid-template-columns: auto 1fr; gap: var(--space-3); align-items: start; padding: var(--space-3); border-radius: var(--btn-radius); color: inherit; text-decoration: none; }
.ev-run:hover[b-1oj1sytyad] { background: var(--surface-container-low); }
.ev-run--active[b-1oj1sytyad] { background: color-mix(in srgb, var(--primary) 8%, transparent); }
.ev-run__main[b-1oj1sytyad] { display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; }
.ev-run__main strong[b-1oj1sytyad] { font-size: var(--font-size-sm); overflow-wrap: anywhere; }
.ev-dot[b-1oj1sytyad] { inline-size: 10px; block-size: 10px; border-radius: 50%; margin-block-start: 5px; background: var(--outline-variant); }
.ev-dot--approved[b-1oj1sytyad] { background: var(--state-success); }
.ev-dot--rejected[b-1oj1sytyad] { background: var(--state-error); }
.ev-dot--pending[b-1oj1sytyad] { background: var(--state-warning); }

/* Ozet */
.ev-summary__title[b-1oj1sytyad] { font-size: var(--font-size-2xl); line-height: 1.2; margin: var(--space-2) 0 var(--space-4); overflow-wrap: anywhere; }
.ev-verdict[b-1oj1sytyad] { display: flex; flex-direction: column; gap: 2px; margin-block-end: var(--space-4); }
.ev-verdict__state[b-1oj1sytyad] { font-size: var(--font-size-xl); }
.ev-verdict__state--approved[b-1oj1sytyad] { color: var(--state-success-text); }
.ev-verdict__state--rejected[b-1oj1sytyad] { color: var(--state-error-text); }
.ev-verdict__state--pending[b-1oj1sytyad], .ev-verdict__state--missing[b-1oj1sytyad] { color: var(--state-warning-text); }
.ev-why[b-1oj1sytyad] { margin-block-end: var(--space-4); }
.ev-why summary[b-1oj1sytyad] { cursor: pointer; color: var(--primary); font-weight: 600; }
.ev-why ul[b-1oj1sytyad] { margin: var(--space-2) 0 0; padding-inline-start: var(--space-5); }
.ev-actions[b-1oj1sytyad] { display: flex; gap: var(--space-3); padding-block-start: var(--space-4); border-block-start: 1px solid var(--ghost-border); }

/* Zincir */
.ev-chain[b-1oj1sytyad] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.ev-link[b-1oj1sytyad] {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    gap: var(--space-3);
    align-items: center;
    padding: var(--space-3) var(--space-4);
    border-radius: var(--card-radius);
    box-shadow: inset 0 0 0 1px var(--ghost-border);
}
.ev-link__no[b-1oj1sytyad] {
    display: inline-flex; align-items: center; justify-content: center;
    inline-size: 1.75rem; block-size: 1.75rem; border-radius: 50%;
    background: var(--primary); color: var(--on-primary); font-weight: 700; font-size: var(--font-size-sm);
}
.ev-link--missing .ev-link__no[b-1oj1sytyad] { background: var(--surface-container-high); color: var(--on-surface-variant); }
.ev-link__icon[b-1oj1sytyad] { display: inline-flex; align-items: center; justify-content: center; inline-size: 2.5rem; block-size: 2.5rem; border-radius: var(--btn-radius); background: var(--surface-container); color: var(--primary); }
.ev-link__body[b-1oj1sytyad] { display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; overflow-wrap: anywhere; }
.ev-link__state[b-1oj1sytyad] { display: inline-flex; align-items: center; gap: var(--space-1); font-weight: 600; font-size: var(--font-size-sm); white-space: nowrap; }
.ev-link--recorded .ev-link__state[b-1oj1sytyad], .ev-link--approved .ev-link__state[b-1oj1sytyad] { color: var(--state-success-text); }
.ev-link--rejected .ev-link__state[b-1oj1sytyad] { color: var(--state-error-text); }
.ev-link--pending .ev-link__state[b-1oj1sytyad] { color: var(--state-warning-text); }
.ev-link--missing .ev-link__state[b-1oj1sytyad] { color: var(--on-surface-variant); }

/* Zaman cizelgesi */
.ev-timeline[b-1oj1sytyad] { list-style: none; margin: 0; padding: 0; }
.ev-timeline li[b-1oj1sytyad] {
    position: relative;
    display: grid;
    grid-template-columns: auto 10rem auto 1fr;
    gap: var(--space-3);
    align-items: center;
    padding: var(--space-2) 0;
    font-size: var(--font-size-sm);
    border-block-end: 1px solid var(--ghost-border);
}
.ev-timeline li:last-child[b-1oj1sytyad] { border-block-end: 0; }
.ev-timeline__dot[b-1oj1sytyad] { inline-size: 12px; block-size: 12px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent); }
.ev-actor[b-1oj1sytyad] { padding: 2px var(--space-2); border-radius: var(--chip-radius); background: color-mix(in srgb, var(--primary) 10%, transparent); color: var(--primary); font-weight: 600; white-space: nowrap; }
@media (max-width: 700px) { .ev-timeline li[b-1oj1sytyad] { grid-template-columns: auto 1fr; } }

.ev-fp[b-1oj1sytyad] { display: flex; align-items: center; gap: var(--space-2); margin: 0 0 var(--space-3); color: var(--on-surface-variant); font-size: var(--font-size-sm); }
.ev-fp code[b-1oj1sytyad] { font-family: var(--font-mono); }
/* /Components/Pages/Governance/SwarmAuctions.razor.rz.scp.css */
/* Ekran dili: kart duzlemi ve tablo paketten gelir; burada yalniz yerlesim. */
.swm-head[b-ko5zc45xg3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.swm-title[b-ko5zc45xg3] {
    margin: 0;
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--on-surface);
}

.swm-muted[b-ko5zc45xg3] {
    margin: 0;
    color: var(--on-surface-variant);
}
/* /Components/Pages/IncidentDashboard.razor.rz.scp.css */
/* Standart sayfa düzeni (2026-10-19): içerik başlıkla AYNI sol kenardan başlar; sabit genişlikte ortalanmış kap başlıktan bağımsız bir yerden başlıyordu. */
/* Operations — System Health. Editorial brutalism, 0px radius, ambient occlusion. */

.ops-shell[b-xpnz6vxn13] { max-width: none; margin-inline: 0; }

.ops-back[b-xpnz6vxn13] {
    gap: 0.45rem;
    margin-bottom: 1.5rem;
}

/* ----- Hero ----- */
.ops-hero[b-xpnz6vxn13] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.25rem 2rem;
    margin-bottom: 2rem;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--primary-glow) 0%, transparent 55%),
        var(--surface-container);
    overflow: hidden;
}

.ops-hero[b-xpnz6vxn13]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: var(--gradient-primary);
    opacity: 0.9;
}

.ops-hero-eyebrow[b-xpnz6vxn13] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 0.5rem;
}

.ops-hero-title[b-xpnz6vxn13] {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--on-surface);
    margin: 0;
}

.ops-hero-title strong[b-xpnz6vxn13] { font-weight: 700; color: var(--primary); }

.ops-hero-sub[b-xpnz6vxn13] {
    margin-top: 0.75rem;
    max-width: 46ch;
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--on-surface-variant);
}

.ops-hero-aside[b-xpnz6vxn13] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
}

.ops-hero-meta[b-xpnz6vxn13] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

/* Overall status badge. */
.ops-overall[b-xpnz6vxn13] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.35rem 0.85rem;
}

.ops-overall-healthy[b-xpnz6vxn13] { background: var(--primary); color: var(--on-primary); }
.ops-overall-degraded[b-xpnz6vxn13] { background: var(--secondary); color: var(--on-primary); }
.ops-overall-unhealthy[b-xpnz6vxn13] { background: var(--tertiary); color: var(--surface); }

.ops-refresh-btn[b-xpnz6vxn13] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--surface-container-highest);
    color: var(--on-surface);
    border: none;
    padding: 0.4rem 0.7rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--transition-btn);
}

.ops-refresh-btn:hover[b-xpnz6vxn13] { background: var(--primary); color: var(--on-primary); }

/* ----- Stat grid ----- */
.ops-stat-grid[b-xpnz6vxn13] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.ops-stat[b-xpnz6vxn13] {
    position: relative;
    padding: 1.5rem 1.35rem;
    background: var(--surface-container-lowest);
    box-shadow: var(--shadow-ambient);
    overflow: hidden;
}

.ops-stat[b-xpnz6vxn13]::after {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
}

.ops-stat-ok[b-xpnz6vxn13]::after { background: var(--primary); }
.ops-stat-warn[b-xpnz6vxn13]::after { background: var(--secondary); }
.ops-stat-crit[b-xpnz6vxn13]::after { background: var(--tertiary); }

.ops-stat-value[b-xpnz6vxn13] {
    font-size: 2.75rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.ops-stat-label[b-xpnz6vxn13] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

/* ----- Panel ----- */
.ops-panel[b-xpnz6vxn13] {
    background: var(--surface-container);
    box-shadow: var(--shadow-ambient);
    padding: 1.75rem;
    margin-bottom: 1.5rem;
}

.ops-panel-head[b-xpnz6vxn13] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.ops-panel-head .material-symbols-outlined[b-xpnz6vxn13] {
    color: var(--primary);
    font-size: var(--font-size-2xl);
}

.ops-panel-title[b-xpnz6vxn13] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--on-surface);
    margin: 0;
}

.ops-panel-count[b-xpnz6vxn13] {
    margin-left: auto;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    background: var(--surface-container-highest);
    padding: var(--space-1) 0.6rem;
}

/* ----- Component rows ----- */
.ops-component-list[b-xpnz6vxn13] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ops-component[b-xpnz6vxn13] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--surface-container-low);
}

.ops-comp-dot[b-xpnz6vxn13] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}

.ops-comp-healthy .ops-comp-dot[b-xpnz6vxn13] { background: var(--primary); }
.ops-comp-degraded .ops-comp-dot[b-xpnz6vxn13] { background: var(--secondary); }
.ops-comp-unhealthy .ops-comp-dot[b-xpnz6vxn13] { background: var(--tertiary); }

.ops-comp-body[b-xpnz6vxn13] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
    min-width: 0;
}

.ops-comp-name[b-xpnz6vxn13] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--on-surface);
}

.ops-comp-desc[b-xpnz6vxn13] {
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
}

.ops-comp-tags[b-xpnz6vxn13] {
    font-size: var(--font-size-xs);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    white-space: nowrap;
}

.ops-comp-duration[b-xpnz6vxn13] {
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ops-comp-status[b-xpnz6vxn13] {
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ops-comp-healthy .ops-comp-status[b-xpnz6vxn13] { color: var(--primary); }
.ops-comp-degraded .ops-comp-status[b-xpnz6vxn13] { color: var(--secondary); }
.ops-comp-unhealthy .ops-comp-status[b-xpnz6vxn13] { color: var(--tertiary); }

/* ----- Window selector ----- */
.usl-window[b-xpnz6vxn13] { display: inline-flex; gap: 1px; }

.usl-window-btn[b-xpnz6vxn13] {
    background: var(--surface-container-highest);
    color: var(--on-surface-variant);
    border: none;
    padding: 0.4rem 0.75rem;
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--transition-btn), color var(--transition-btn);
}

.usl-window-btn:hover[b-xpnz6vxn13] { color: var(--on-surface); }
.usl-window-on[b-xpnz6vxn13] { background: var(--primary); color: var(--on-primary); }

/* ----- Uptime headline ----- */
.usl-headline[b-xpnz6vxn13] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.75rem 1.85rem;
    margin-bottom: 1.5rem;
    background: var(--surface-container);
    box-shadow: var(--shadow-ambient);
    overflow: hidden;
}

.usl-headline[b-xpnz6vxn13]::after {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
}

.usl-headline-ok[b-xpnz6vxn13]::after { background: var(--primary); }
.usl-headline-breach[b-xpnz6vxn13]::after { background: var(--tertiary); }

.usl-headline-main[b-xpnz6vxn13] { display: flex; flex-direction: column; gap: 0.35rem; }

.usl-uptime[b-xpnz6vxn13] {
    font-size: 3.25rem;
    font-weight: 300;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.usl-uptime span[b-xpnz6vxn13] { font-size: var(--font-size-3xl); color: var(--on-surface-variant); }

.usl-headline-label[b-xpnz6vxn13] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

.usl-slo-pill[b-xpnz6vxn13] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 0.25rem 0.6rem;
}

.usl-headline-ok .usl-slo-pill[b-xpnz6vxn13] { background: var(--primary); color: var(--on-primary); }
.usl-headline-breach .usl-slo-pill[b-xpnz6vxn13] { background: var(--tertiary); color: var(--surface); }

.usl-headline-meta[b-xpnz6vxn13] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

/* ----- Hourly sparkline ----- */
.usl-spark[b-xpnz6vxn13] {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 120px;
    padding-top: 0.5rem;
}

.usl-spark-col[b-xpnz6vxn13] {
    flex: 1;
    min-width: 3px;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.usl-spark-bar[b-xpnz6vxn13] {
    width: 100%;
    transition: height var(--transition-card);
}

.usl-spark-ok[b-xpnz6vxn13] { background: var(--primary); }
.usl-spark-warn[b-xpnz6vxn13] { background: var(--secondary); }
.usl-spark-crit[b-xpnz6vxn13] { background: var(--tertiary); }

/* ----- Component reliability stats ----- */
.usl-comp-stat[b-xpnz6vxn13] {
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.usl-comp-crit[b-xpnz6vxn13] { color: var(--tertiary); }
.usl-comp-warn[b-xpnz6vxn13] { color: var(--secondary); }

@media (prefers-reduced-motion: reduce) {
    .usl-spark-bar[b-xpnz6vxn13] { transition: none; }
}

/* ----- Incident stat grid (4-up) ----- */
.inc-stat-grid[b-xpnz6vxn13] { grid-template-columns: repeat(4, 1fr); }
.inc-stat-mttr[b-xpnz6vxn13]::after { background: var(--primary-container); }

/* ----- Response-time metrics ----- */




/* ----- Severity breakdown ----- */
.inc-sev-row[b-xpnz6vxn13] { display: flex; flex-wrap: wrap; gap: 0.6rem; }

.inc-sev[b-xpnz6vxn13] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.6rem 0.95rem;
    background: var(--surface-container-low);
    border-left: 3px solid var(--outline-variant);
}

.inc-sev-critical[b-xpnz6vxn13] { border-left-color: var(--tertiary); }
.inc-sev-warning[b-xpnz6vxn13] { border-left-color: var(--secondary); }
.inc-sev-info[b-xpnz6vxn13] { border-left-color: var(--primary); }

.inc-sev-name[b-xpnz6vxn13] {
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--on-surface);
}

.inc-sev-counts[b-xpnz6vxn13] {
    font-size: var(--font-size-2xs);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

/* ----- Incident rows ----- */
.inc-row .ops-comp-dot[b-xpnz6vxn13] { background: var(--tertiary); }
.inc-row.inc-sev-warning .ops-comp-dot[b-xpnz6vxn13] { background: var(--secondary); }
.inc-row.inc-sev-info .ops-comp-dot[b-xpnz6vxn13] { background: var(--primary); }
.inc-dot-resolved[b-xpnz6vxn13] { background: var(--primary) !important; }

.inc-sev-tag[b-xpnz6vxn13] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.2rem 0.55rem;
    white-space: nowrap;
}

.inc-sev-tag.inc-sev-critical[b-xpnz6vxn13] { background: var(--state-error); color: var(--surface); }
.inc-sev-tag.inc-sev-warning[b-xpnz6vxn13] { background: var(--secondary); color: var(--on-primary); }
.inc-sev-tag.inc-sev-info[b-xpnz6vxn13] { background: var(--primary); color: var(--on-primary); }

.inc-resolve-btn[b-xpnz6vxn13] {
    background: var(--surface-container-highest);
    color: var(--primary);
    border: none;
    padding: 0.4rem 0.85rem;
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--transition-btn), color var(--transition-btn);
}

.inc-resolve-btn:hover:not(:disabled)[b-xpnz6vxn13] { background: var(--primary); color: var(--on-primary); }
.inc-resolve-btn:disabled[b-xpnz6vxn13] { opacity: 0.5; cursor: default; }

.inc-ttr[b-xpnz6vxn13] {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ----- Responsive ----- */
@media (max-width: 1024px) {
    .ops-stat-grid[b-xpnz6vxn13] { grid-template-columns: 1fr; }
    .inc-stat-grid[b-xpnz6vxn13] { grid-template-columns: repeat(2, 1fr); }
    .ops-hero[b-xpnz6vxn13] { flex-direction: column; align-items: flex-start; }
    .ops-hero-aside[b-xpnz6vxn13] { align-items: flex-start; }
    .usl-headline[b-xpnz6vxn13] { flex-direction: column; align-items: flex-start; }
    .usl-headline-meta[b-xpnz6vxn13] { align-items: flex-start; }
}

/* `.inc-metric*` ailesi KALDIRILDI 2026-09-18: şerit kanonik `kpi-grid` + `StatCard`
   bileşenine geçti, markup'ta 0 kullanım kaldı. */
/* /Components/Pages/Kpi/Executive.razor.rz.scp.css */
/* Extracted from Executive.razor via codemod-inline-asset.mjs */
.kpi-grid[b-3ejxx3vb1w] { margin: 1rem 0; }
    /* .kpi-card görsel tanımı KANONİK (veraius-components.css). Burada
       `border: 1px solid #ddd` vardı — hem 1px-kenarlık hem sabit-hex yasağını
       çiğniyordu; inline stilden çıkarılırken tasarım sisteminden kopmuş.
       ÖLÇÜLDÜ 2026-09-03. */
    .kpi-title[b-3ejxx3vb1w] { font-size: var(--font-size-sm); color: var(--on-surface-variant); }
    .kpi-value[b-3ejxx3vb1w] { font-weight: 600; margin-top: 0.25rem; }
/* /Components/Pages/ManagementReportPage.razor.rz.scp.css */
/* Dönem seçimi ve eylemler tek satırda; dar ekranda alta sarar. */
.mr-actions[b-55wly2xom8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
}

.mr-list[b-55wly2xom8] {
    margin: 0;
    padding-left: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}
/* /Components/Pages/NotificationPreferencesPage.razor.rz.scp.css */
/* Standart sayfa düzeni (2026-10-19): içerik başlıkla AYNI sol kenardan başlar; sabit genişlikte ortalanmış kap başlıktan bağımsız bir yerden başlıyordu. */
/* Operations — System Health. Editorial brutalism, 0px radius, ambient occlusion. */

.ops-shell[b-kenbhzxpfu] { max-width: none; margin-inline: 0; }

.ops-back[b-kenbhzxpfu] {
    gap: 0.45rem;
    margin-bottom: 1.5rem;
}

/* ----- Hero ----- */
.ops-hero[b-kenbhzxpfu] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.25rem 2rem;
    margin-bottom: 2rem;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--primary-glow) 0%, transparent 55%),
        var(--surface-container);
    overflow: hidden;
}

.ops-hero[b-kenbhzxpfu]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: var(--gradient-primary);
    opacity: 0.9;
}

.ops-hero-eyebrow[b-kenbhzxpfu] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 0.5rem;
}

.ops-hero-title[b-kenbhzxpfu] {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--on-surface);
    margin: 0;
}

.ops-hero-title strong[b-kenbhzxpfu] { font-weight: 700; color: var(--primary); }

.ops-hero-sub[b-kenbhzxpfu] {
    margin-top: 0.75rem;
    max-width: 46ch;
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--on-surface-variant);
}

.ops-hero-aside[b-kenbhzxpfu] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
}

.ops-hero-meta[b-kenbhzxpfu] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

/* Overall status badge. */
.ops-overall[b-kenbhzxpfu] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.35rem 0.85rem;
}

.ops-overall-healthy[b-kenbhzxpfu] { background: var(--primary); color: var(--on-primary); }
.ops-overall-degraded[b-kenbhzxpfu] { background: var(--secondary); color: var(--on-primary); }
.ops-overall-unhealthy[b-kenbhzxpfu] { background: var(--tertiary); color: var(--surface); }

.ops-refresh-btn[b-kenbhzxpfu] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--surface-container-highest);
    color: var(--on-surface);
    border: none;
    padding: 0.4rem 0.7rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--transition-btn);
}

.ops-refresh-btn:hover[b-kenbhzxpfu] { background: var(--primary); color: var(--on-primary); }

/* ----- Stat grid ----- */
.ops-stat-grid[b-kenbhzxpfu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.ops-stat[b-kenbhzxpfu] {
    position: relative;
    padding: 1.5rem 1.35rem;
    background: var(--surface-container-lowest);
    box-shadow: var(--shadow-ambient);
    overflow: hidden;
}

.ops-stat[b-kenbhzxpfu]::after {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
}

.ops-stat-ok[b-kenbhzxpfu]::after { background: var(--primary); }
.ops-stat-warn[b-kenbhzxpfu]::after { background: var(--secondary); }
.ops-stat-crit[b-kenbhzxpfu]::after { background: var(--tertiary); }

.ops-stat-value[b-kenbhzxpfu] {
    font-size: 2.75rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.ops-stat-label[b-kenbhzxpfu] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

/* ----- Panel ----- */
.ops-panel[b-kenbhzxpfu] {
    background: var(--surface-container);
    box-shadow: var(--shadow-ambient);
    padding: 1.75rem;
    margin-bottom: 1.5rem;
}

.ops-panel-head[b-kenbhzxpfu] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.ops-panel-head .material-symbols-outlined[b-kenbhzxpfu] {
    color: var(--primary);
    font-size: var(--font-size-2xl);
}

.ops-panel-title[b-kenbhzxpfu] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--on-surface);
    margin: 0;
}

.ops-panel-count[b-kenbhzxpfu] {
    margin-left: auto;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    background: var(--surface-container-highest);
    padding: var(--space-1) 0.6rem;
}

/* ----- Component rows ----- */
.ops-component-list[b-kenbhzxpfu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ops-component[b-kenbhzxpfu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--surface-container-low);
}

.ops-comp-dot[b-kenbhzxpfu] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}

.ops-comp-healthy .ops-comp-dot[b-kenbhzxpfu] { background: var(--primary); }
.ops-comp-degraded .ops-comp-dot[b-kenbhzxpfu] { background: var(--secondary); }
.ops-comp-unhealthy .ops-comp-dot[b-kenbhzxpfu] { background: var(--tertiary); }

.ops-comp-body[b-kenbhzxpfu] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
    min-width: 0;
}

.ops-comp-name[b-kenbhzxpfu] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--on-surface);
}

.ops-comp-desc[b-kenbhzxpfu] {
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
}

.ops-comp-tags[b-kenbhzxpfu] {
    font-size: var(--font-size-xs);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    white-space: nowrap;
}

.ops-comp-duration[b-kenbhzxpfu] {
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ops-comp-status[b-kenbhzxpfu] {
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ops-comp-healthy .ops-comp-status[b-kenbhzxpfu] { color: var(--primary); }
.ops-comp-degraded .ops-comp-status[b-kenbhzxpfu] { color: var(--secondary); }
.ops-comp-unhealthy .ops-comp-status[b-kenbhzxpfu] { color: var(--tertiary); }

/* ----- Preference rows ----- */
.np-list[b-kenbhzxpfu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.np-row[b-kenbhzxpfu] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.1rem 1.25rem;
    background: var(--surface-container-low);
}

.np-row-body[b-kenbhzxpfu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
}

.np-row-title[b-kenbhzxpfu] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
}

.np-row-desc[b-kenbhzxpfu] {
    font-size: var(--font-size-md);
    color: var(--on-surface-variant);
    line-height: 1.45;
}

/* ----- Toggle ----- */
.np-toggle[b-kenbhzxpfu] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    background: var(--surface-container-highest);
    border: none;
    padding: 0.4rem 0.7rem 0.4rem 0.4rem;
    cursor: pointer;
    transition: background var(--transition-btn);
    white-space: nowrap;
}

.np-toggle:disabled[b-kenbhzxpfu] { opacity: 0.5; cursor: default; }

.np-toggle-knob[b-kenbhzxpfu] {
    width: 14px;
    height: 14px;
    background: var(--on-surface-variant);
    transition: background var(--transition-btn), transform var(--transition-btn);
}

.np-toggle-on[b-kenbhzxpfu] { background: var(--primary-container); }
.np-toggle-on .np-toggle-knob[b-kenbhzxpfu] { background: var(--on-primary); }

.np-toggle-text[b-kenbhzxpfu] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

.np-toggle-on .np-toggle-text[b-kenbhzxpfu] { color: var(--on-primary); }

@media (prefers-reduced-motion: reduce) {
    .np-toggle[b-kenbhzxpfu], .np-toggle-knob[b-kenbhzxpfu] { transition: none; }
}

/* ----- Personal data export ----- */
.np-export-desc[b-kenbhzxpfu] {
    font-size: var(--font-size-md);
    line-height: 1.5;
    color: var(--on-surface-variant);
    margin: 0 0 1rem;
    max-width: 60ch;
}

.np-data-actions[b-kenbhzxpfu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.np-export-btn[b-kenbhzxpfu],
.np-clear-btn[b-kenbhzxpfu] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

/* ----- Account activity log ----- */
.np-activity-list[b-kenbhzxpfu] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.np-activity-row[b-kenbhzxpfu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.85rem;
    background: var(--surface-container-low);
}

.np-activity-icon[b-kenbhzxpfu] {
    color: var(--primary);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.np-activity-desc[b-kenbhzxpfu] {
    flex: 1;
    min-width: 0;
    font-size: var(--font-size-md);
    color: var(--on-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-activity-time[b-kenbhzxpfu] {
    font-size: var(--font-size-xs);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ----- Responsive ----- */
@media (max-width: 1024px) {
    .ops-stat-grid[b-kenbhzxpfu] { grid-template-columns: 1fr; }
    .ops-hero[b-kenbhzxpfu] { flex-direction: column; align-items: flex-start; }
    .ops-hero-aside[b-kenbhzxpfu] { align-items: flex-start; }
    .np-row[b-kenbhzxpfu] { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
}
/* /Components/Pages/OperationalErrorDashboard.razor.rz.scp.css */
/* Ekran dili: kart, tablo ve kod bloğu paketten gelir; burada yalnız yerleşim. */
.oed-title[b-qmlm1dta8y] {
    margin: 0 0 var(--space-3);
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--on-surface);
}

.oed-muted[b-qmlm1dta8y] {
    margin: 0 0 var(--space-3);
    color: var(--on-surface-variant);
}

.oed-mono[b-qmlm1dta8y] {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
}

.oed-msg[b-qmlm1dta8y] {
    max-width: 32rem;
    overflow-wrap: anywhere;
}

.oed-facts[b-qmlm1dta8y] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--space-1) var(--space-4);
    margin: 0 0 var(--space-2);
}

.oed-facts dt[b-qmlm1dta8y] {
    color: var(--on-surface-variant);
}

.oed-facts dd[b-qmlm1dta8y] {
    margin: 0;
}
/* /Components/Pages/RetrievalAnalyticsPage.razor.rz.scp.css */


.ra-grid[b-r8avy9l073] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-8, 1.75rem);
}

.ra-section[b-r8avy9l073] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 1rem);
    padding: var(--spacing-4, 1rem);
    background: var(--surface-container-lowest); /* kart duzlemi: sayfa zemininin tonu kartı gorunmez yapar */
    border-radius: var(--card-radius);
}

.ra-section-head[b-r8avy9l073] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ra-toolbar[b-r8avy9l073] {
    margin-bottom: calc(-1 * var(--spacing-4, 1rem));
}

.ra-range[b-r8avy9l073] {
    display: flex;
    gap: var(--spacing-2, 0.5rem);
}

/* Yatay bar grafik — saf token tabanlı, dış bağımlılık yok. */
.ra-bars[b-r8avy9l073] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2, 0.5rem);
}

.ra-bar-row[b-r8avy9l073] {
    display: grid;
    grid-template-columns: 7rem 1fr auto;
    align-items: center;
    gap: var(--spacing-3, 0.75rem);
}

.ra-bar-label[b-r8avy9l073] {
    color: var(--on-surface-variant);
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ra-bar-track[b-r8avy9l073] {
    height: 10px;
    background: var(--surface-container-low);
    border-radius: var(--btn-radius);
    overflow: hidden;
}

.ra-bar-fill[b-r8avy9l073] {
    height: 100%;
    min-width: 2px;
    background: var(--primary);
    border-radius: var(--btn-radius);
}

.ra-bar-value[b-r8avy9l073] {
    color: var(--on-surface);
    text-align: right;
    min-width: 4.5rem;
}

/* KANONİK .data-table'a HİZALI (ÖLÇÜLDÜ 2026-09-03). */
.ra-table[b-r8avy9l073] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-md);
}

.ra-table thead th[b-r8avy9l073] {
    text-align: left;
    padding: 12px 16px;
    font-family: var(--font-label);
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: var(--tracking-wider);
    color: var(--on-surface-variant);
    text-transform: uppercase;
}

.ra-table tbody td[b-r8avy9l073] {
    padding: var(--space-3) 16px;
}

/* Zebra striping via tonal shift — no divider lines. */
.ra-table tbody tr:nth-child(odd)[b-r8avy9l073] {
    background: var(--surface-container-low);
}

@media (max-width: 1024px) {
    .ra-grid[b-r8avy9l073] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/RetrievalFeedbackPage.razor.rz.scp.css */
.rf-kpi-strip[b-d95rtj4rgk] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-4, 1rem);
}

.rf-kpi-card[b-d95rtj4rgk] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1, 0.25rem);
    padding: var(--spacing-4, 1rem);
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
}

.rf-kpi-value[b-d95rtj4rgk] {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.1;
    color: var(--on-surface);
}

.rf-kpi-label[b-d95rtj4rgk] {
    color: var(--on-surface-variant);
    text-transform: uppercase;
}

/* Zemin/yarıçap/dolgu KANONIK `.section-card`tan gelir (2026-09-18): burada
   `--surface-container` (#EEEEEE) yazılıydı ve sayfa zemini de aynı tondu —
   panel zeminden ayrışmıyordu ("No-Line" kuralı düzlem kayması ister).
   Yalnız bu panele özgü dikey yığın varyantı kalır. */
.rf-section[b-d95rtj4rgk] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 1rem);
}

.rf-section-head[b-d95rtj4rgk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Taban KANONIK `.data-table`dan gelir (2026-09-18): genişlik, başlık tipografisi
   (uppercase + tracking + yapışkan başlık), hücre dolgusu ve zebra orada tanımlı ve
   buradaki kopya onlarla AYNI işi yapıyordu — taban değişirse bu kopya güncellenmez.
   Yalnız bu sayfaya ÖZGÜ varyant kalır. */
.rf-table tbody td[b-d95rtj4rgk] {
    vertical-align: middle;
}

.rf-query[b-d95rtj4rgk] {
    color: var(--on-surface-variant);
    max-width: 28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .rf-kpi-strip[b-d95rtj4rgk] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/SagaMonitoringPage.razor.rz.scp.css */
/* Saga izleme ekranı.

   Bu sayfanın kullandığı DOKUZ .saga-* sınıfının HİÇBİRİ tanımlı değildi —
   ÖLÇÜLDÜ 2026-08-26: markup doğru (KPI kartları, katalog kartları, tablo) ama
   stilsiz render oluyordu: istatistikler alt alta düz metin satırı, katalog
   kartsız, tablo kapsız. Sayfa gerçek veri gösteriyordu (29 çalıştırma) ama
   okunmuyordu.

   Tasarım sistemi: opak 1px kenarlık yok (tonal katman), yalnız Manrope,
   boş hücre em-dash, 50ms geçiş. */

/* ── KPI şeridi ──────────────────────────────────────────────────────────── */
.saga-kpi-strip[b-gce4r1wibd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
    align-items: start;
}

.saga-kpi-card[b-gce4r1wibd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-5) var(--space-5);
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
}

.saga-kpi-value[b-gce4r1wibd] {
    font-family: var(--font-headline);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.saga-kpi-label[b-gce4r1wibd] {
    /* 12px alt sınır — okunabilirlik. */
    font-size: var(--font-size-sm);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

/* ── Bölüm ───────────────────────────────────────────────────────────────── */
.saga-section[b-gce4r1wibd] {
    background: var(--surface-container);
    border-radius: var(--card-radius);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.saga-section h2[b-gce4r1wibd] {
    margin: 0 0 1rem;
}

/* ── Saga kataloğu ───────────────────────────────────────────────────────── */
.saga-catalog[b-gce4r1wibd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: 0.875rem;
    align-items: start;
}

.saga-catalog-card[b-gce4r1wibd] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: var(--space-4) 1.125rem;
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
    transition: background var(--transition-btn, 50ms ease);
}

.saga-catalog-card:hover[b-gce4r1wibd] {
    background: var(--surface-bright);
}

/* Açıklama metni: 65ch okuma sınırı. */
.saga-catalog-card .body-sm[b-gce4r1wibd] {
    max-width: 65ch;
    line-height: 1.55;
}

/* ── Çalıştırma tablosu ──────────────────────────────────────────────────── */
.saga-runs-table[b-gce4r1wibd] {
    width: 100%;
    border-collapse: collapse;
}

/* KANONİK .data-table'a HİZALI (ÖLÇÜLDÜ 2026-09-03: sm/12px yerine 2xs). */
.saga-runs-table th[b-gce4r1wibd] {
    padding: 12px 16px;
    text-align: left;
    font-family: var(--font-label);
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    color: var(--on-surface-variant);
    white-space: nowrap;
}

.saga-runs-table td[b-gce4r1wibd] {
    padding: var(--space-3) 16px;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

/* Saga adı uzun: kesilmesin, sarsın. */
.saga-runs-table td:first-child[b-gce4r1wibd] {
    max-width: 22rem;
    overflow-wrap: anywhere;
}

/* Satır ayrımı tonal — opak kenarlık DEĞİL (DESIGN.md). */
.saga-run-row[b-gce4r1wibd] {
    background: transparent;
    transition: background var(--transition-btn, 50ms ease);
}

.saga-run-row:nth-child(odd)[b-gce4r1wibd] {
    background: color-mix(in srgb, var(--surface-container-high) 55%, transparent);
}

.saga-run-row:hover[b-gce4r1wibd] {
    background: var(--surface-container-high);
}

@media (max-width: 768px) {
    .saga-section[b-gce4r1wibd] { padding: 1rem; }
    .saga-kpi-card[b-gce4r1wibd] { padding: var(--space-4); }
    /* Dar ekranda tablo KENDİ İÇİNDE kayar — sayfa gövdesi kaymaz. */
    .saga-runs-table[b-gce4r1wibd] { display: block; overflow-x: auto; }
}
/* /Components/Pages/ScheduledJobsPage.razor.rz.scp.css */
.sj-kpi-strip[b-mhl7hfgoe4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-4, 1rem);
}

.sj-kpi-card[b-mhl7hfgoe4] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1, 0.25rem);
    padding: var(--spacing-4, 1rem);
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
}

.sj-kpi-value[b-mhl7hfgoe4] {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.1;
    color: var(--on-surface);
}

.sj-kpi-label[b-mhl7hfgoe4] {
    color: var(--on-surface-variant);
    text-transform: uppercase;
}

.sj-section[b-mhl7hfgoe4] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 1rem);
    padding: var(--spacing-4, 1rem);
    background: var(--surface-container);
    border-radius: var(--card-radius);
}

.sj-section-head[b-mhl7hfgoe4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* KANONİK .data-table'a HİZALI. ÖLÇÜLDÜ 2026-09-03: sayfa kendi tablo
   dolgu/başlık değerlerini icat etmişti — 30 tablo-sayfalık taramada 9 farklı
   görünümden biriydi (font-size ölçülmedi, tarayıcı varsayılanına düşüyordu). */
.sj-table[b-mhl7hfgoe4] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-md);
}

.sj-table thead th[b-mhl7hfgoe4] {
    text-align: left;
    padding: 12px 16px;
    font-family: var(--font-label);
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: var(--tracking-wider);
    color: var(--on-surface-variant);
    text-transform: uppercase;
}

.sj-table tbody td[b-mhl7hfgoe4] {
    padding: var(--space-3) 16px;
    vertical-align: middle;
}

/* Zebra striping via tonal shift — no divider lines. */
.sj-table tbody tr:nth-child(odd)[b-mhl7hfgoe4] {
    background: var(--surface-container-low);
}

.sj-table tbody tr.is-confirming[b-mhl7hfgoe4] {
    background: var(--surface-container-high);
}

.sj-cron[b-mhl7hfgoe4] {
    font-variant-numeric: tabular-nums;
    color: var(--on-surface-variant);
}

.sj-confirm[b-mhl7hfgoe4] {
    display: inline-flex;
    gap: var(--spacing-2, 0.5rem);
    align-items: center;
}

.sj-confirm-ok[b-mhl7hfgoe4] {
    color: var(--error);
}

@media (max-width: 768px) {
    .sj-kpi-strip[b-mhl7hfgoe4] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Sentiment/SentimentChannelsPage.razor.rz.scp.css */
/* Genel Durum sayfası. */

/* `.sent-page` WorkspaceShell'e `CssClass` ile veriliyor, yani KABUĞUN KÖKÜNE
   (`ws-shell`) iner — sayfa içeriğinin kabına değil. ÖLÇÜLDÜ 2026-09-18: bu yüzden
   buradaki `padding`/`max-width` hiçbir zaman uygulanmadı (hesaplanan `max-width`
   `100%`, `padding` `0px`); genişliği ve dolguyu kabuk kendi `.ws-main`'inde
   taşıyor. Yanıltıcı olmasın diye ölü bildirimler kaldırıldı; dikey ritmi `gap`
   veriyor ve O ÇALIŞIYOR (flex kökü kabuğun kendisi). */
.sent-page[b-pocc3h9v4d] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}



/* KPI şeridi PAKETTEN gelir: `.kpi-grid` ızgarası + `StatCard` bileşeni.
   ÖLÇÜLDÜ 2026-09-18: burada `.sent-kpi-strip/-card/-label/-number/-hint` adıyla
   ikinci bir KPI anatomisi yazılıydı ve duygu panosunun ALTI sayfasında BİREBİR
   kopyalanmıştı (aynı 120 satır, aynı md5). Kanonikten sapıyordu: aksan rayı ve
   üst ışık geçişi yok, ghost kenarlık yok, etiket w400/0.55px (kanonik w700/1.1px),
   değer 32px/w600 (kanonik 36px/w700). Uyarı ve "ölçülmemiş" durumları bileşene
   parametre olarak taşındı (`IsAlert` / `IsEmpty` / `Hint`). */

/* ——— Grafik ızgarası ——— */
/* ÖLÇÜLDÜ 2026-09-18: taban `minmax(380px, 1fr)` idi ve 1367px'lik kapta ÜÇ sütun
   (446px) üretiyordu. Grafiklerin çoğu satırı İKİ kart taşıdığı için her seferinde
   sağda **461px boşluk** kalıyordu (5 sayfanın 4'ünde ölçüldü). Taban yükseltilince
   aynı kapta iki sütun oluşur ve satır TAM dolar; `auto-fit` boş kalan izi
   çökerttiği için tek kartlı satır yine tam genişlik alır.
   `min()` şart: dar kapta 30rem'lik taban artık sütun doğurup taşma yaratırdı. */
.sent-charts[b-pocc3h9v4d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr));
    gap: 0.875rem;
}

/* Taban `.section-card`'tan gelir (kart düzlemi, yarıçap, dolgu, hover gölgesi).
   Önceki gövde zemini `--surface-container` (#EEEEEE = SAYFA tonu) basıyordu, yani
   kart zeminle AYNI tondaydı ve "No-Line" kuralında ayrımı taşıyan düzlem kayması
   yoktu. Burada yalnız varyant kalır. */
.sent-chart[b-pocc3h9v4d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    /* Ritmi ızgaranın `gap`'i taşır; paketin alt marjı eklenirse çift boşluk olur. */
    margin-bottom: 0;
}

/* Trend ve matris tam genişlik ister: dar bir kapta zaman ekseni okunmaz olur. */
.sent-chart--wide[b-pocc3h9v4d] { grid-column: 1 / -1; }

.sent-chart-title[b-pocc3h9v4d] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
}

/* Ölçümün sınırını ya da okuma biçimini söyleyen not — grafiği yanlış okumayı önler. */
.sent-chart-note[b-pocc3h9v4d] {
    margin: 0.125rem 0 0;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    line-height: 1.45;
}

.sent-chart-host[b-pocc3h9v4d] {
    width: 100%;
    height: 280px;
    min-width: 0;
}

.sent-chart-host--short[b-pocc3h9v4d] { height: 190px; }

.sent-empty[b-pocc3h9v4d] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0;
}

@media (max-width: 700px) {
    .sent-charts[b-pocc3h9v4d] { grid-template-columns: 1fr; }
    .sent-chart-host[b-pocc3h9v4d] { height: 240px; }
}

/* ——— Düz liste (eksik bilgi, ton) ——— */
.sent-plain-list[b-pocc3h9v4d] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sent-plain-row[b-pocc3h9v4d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.375rem 0.625rem;
    border-radius: var(--btn-radius);
    background: var(--surface-container-high);
    font-size: 0.8125rem;
    color: var(--on-surface);
}

.sent-plain-count[b-pocc3h9v4d] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--on-surface-variant);
}

/* /Components/Pages/Sentiment/SentimentConversationPage.razor.rz.scp.css */
/* Genel Durum sayfası. */

/* `.sent-page` WorkspaceShell'e `CssClass` ile veriliyor, yani KABUĞUN KÖKÜNE
   (`ws-shell`) iner — sayfa içeriğinin kabına değil. ÖLÇÜLDÜ 2026-09-18: bu yüzden
   buradaki `padding`/`max-width` hiçbir zaman uygulanmadı (hesaplanan `max-width`
   `100%`, `padding` `0px`); genişliği ve dolguyu kabuk kendi `.ws-main`'inde
   taşıyor. Yanıltıcı olmasın diye ölü bildirimler kaldırıldı; dikey ritmi `gap`
   veriyor ve O ÇALIŞIYOR (flex kökü kabuğun kendisi). */
.sent-page[b-f2fo6umqzq] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}



/* KPI şeridi PAKETTEN gelir: `.kpi-grid` ızgarası + `StatCard` bileşeni.
   ÖLÇÜLDÜ 2026-09-18: burada `.sent-kpi-strip/-card/-label/-number/-hint` adıyla
   ikinci bir KPI anatomisi yazılıydı ve duygu panosunun ALTI sayfasında BİREBİR
   kopyalanmıştı (aynı 120 satır, aynı md5). Kanonikten sapıyordu: aksan rayı ve
   üst ışık geçişi yok, ghost kenarlık yok, etiket w400/0.55px (kanonik w700/1.1px),
   değer 32px/w600 (kanonik 36px/w700). Uyarı ve "ölçülmemiş" durumları bileşene
   parametre olarak taşındı (`IsAlert` / `IsEmpty` / `Hint`). */

/* ——— Grafik ızgarası ——— */
/* ÖLÇÜLDÜ 2026-09-18: taban `minmax(380px, 1fr)` idi ve 1367px'lik kapta ÜÇ sütun
   (446px) üretiyordu. Grafiklerin çoğu satırı İKİ kart taşıdığı için her seferinde
   sağda **461px boşluk** kalıyordu (5 sayfanın 4'ünde ölçüldü). Taban yükseltilince
   aynı kapta iki sütun oluşur ve satır TAM dolar; `auto-fit` boş kalan izi
   çökerttiği için tek kartlı satır yine tam genişlik alır.
   `min()` şart: dar kapta 30rem'lik taban artık sütun doğurup taşma yaratırdı. */
.sent-charts[b-f2fo6umqzq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr));
    gap: 0.875rem;
}

/* Taban `.section-card`'tan gelir (kart düzlemi, yarıçap, dolgu, hover gölgesi).
   Önceki gövde zemini `--surface-container` (#EEEEEE = SAYFA tonu) basıyordu, yani
   kart zeminle AYNI tondaydı ve "No-Line" kuralında ayrımı taşıyan düzlem kayması
   yoktu. Burada yalnız varyant kalır. */
.sent-chart[b-f2fo6umqzq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    /* Ritmi ızgaranın `gap`'i taşır; paketin alt marjı eklenirse çift boşluk olur. */
    margin-bottom: 0;
}

/* Trend ve matris tam genişlik ister: dar bir kapta zaman ekseni okunmaz olur. */
.sent-chart--wide[b-f2fo6umqzq] { grid-column: 1 / -1; }

.sent-chart-title[b-f2fo6umqzq] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
}

/* Ölçümün sınırını ya da okuma biçimini söyleyen not — grafiği yanlış okumayı önler. */
.sent-chart-note[b-f2fo6umqzq] {
    margin: 0.125rem 0 0;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    line-height: 1.45;
}

.sent-chart-host[b-f2fo6umqzq] {
    width: 100%;
    height: 280px;
    min-width: 0;
}

.sent-chart-host--short[b-f2fo6umqzq] { height: 190px; }

.sent-empty[b-f2fo6umqzq] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0;
}

@media (max-width: 700px) {
    .sent-charts[b-f2fo6umqzq] { grid-template-columns: 1fr; }
    .sent-chart-host[b-f2fo6umqzq] { height: 240px; }
}

/* ——— Acil mesaj listesi ——— */
.sent-list-block[b-f2fo6umqzq] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.sent-rows[b-f2fo6umqzq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sent-row[b-f2fo6umqzq] {
    background: var(--surface-container);
    border-radius: var(--card-radius);
    padding: 0.875rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.sent-row-top[b-f2fo6umqzq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
}

.sent-chip[b-f2fo6umqzq] {
    border-radius: var(--chip-radius);
    padding: 0.1875rem 0.625rem;
    font-size: 0.6875rem;
    font-weight: 600;
    background: var(--surface-container-high);
    color: var(--on-surface-variant);
}

/* Renk tek başına anlam taşımaz (WCAG 1.4.1): çipin metni durumu zaten yazar. */
.sent-chip--neg[b-f2fo6umqzq] { background: var(--error-container); color: var(--on-error-container); }
.sent-chip--pos[b-f2fo6umqzq] { background: var(--tertiary-container); color: var(--on-tertiary-container); }
.sent-chip--high[b-f2fo6umqzq] { background: var(--error-container); color: var(--on-error-container); }

.sent-row-src[b-f2fo6umqzq],
.sent-row-time[b-f2fo6umqzq] {
    font-size: 0.75rem;
    color: var(--on-surface-variant);
}

.sent-row-time[b-f2fo6umqzq] { margin-left: auto; font-variant-numeric: tabular-nums; }

/* Uzun mesaj hücreyi taşırmamalı ve kelime ORTASINDAN kırılmamalı. */
.sent-row-preview[b-f2fo6umqzq] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--on-surface);
    overflow-wrap: break-word;
    word-break: normal;
}

.sent-row-meta[b-f2fo6umqzq] {
    font-size: 0.75rem;
    color: var(--on-surface-variant);
}

@media (max-width: 700px) {
    .sent-row-time[b-f2fo6umqzq] { margin-left: 0; }
}

.sent-detail-head[b-f2fo6umqzq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.sent-detail-analysis[b-f2fo6umqzq] {
    background: var(--surface-container-high);
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.1875rem;
}

.sent-detail-analysis p[b-f2fo6umqzq] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--on-surface-variant);
    line-height: 1.45;
}

.sent-ask-btn[b-f2fo6umqzq] {
    min-height: 36px;
    padding: 0 1rem;
    border: none;
    background: var(--on-surface);
    color: var(--surface);
    font-family: var(--font-label);
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
}

/* Rapor çıktısında krom yok: yazdırılan sayfa veriyi taşımalı, düğmeleri değil. */
@media print {
    .sent-nav[b-f2fo6umqzq],
    .sent-detail-head button[b-f2fo6umqzq],

    .sent-row[b-f2fo6umqzq] { break-inside: avoid; }
}
/* /Components/Pages/Sentiment/SentimentExperiencePage.razor.rz.scp.css */
/* Duygu panosu.
   Yarıçap TOKEN üzerinden gelir: sabit piksel yazmak, veraius-components.css'teki tema
   seviyesi :is([data-theme=...]) kuralıyla çelişir ve tutarsız köşe üretir.
   Tonal derinlik yüzey katmanlarıyla kurulur (surface → container → container-high),
   kenarlıkla değil. */

.sent-screen[b-w8b6xwo49d] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: var(--content-pad-y, 1.5rem) 1.5rem;
    max-width: 1400px;
}




/* Zaman aralığı ve kaynak filtresi: hedef boyutu WCAG 2.2 AA için en az 24px,
   rahat kullanım için 36px yükseklik verildi. */
.sent-range[b-w8b6xwo49d],
.sent-filter[b-w8b6xwo49d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.sent-range-btn[b-w8b6xwo49d],
.sent-chip-btn[b-w8b6xwo49d] {
    min-height: 36px;
    padding: 0 0.875rem;
    border: none;
    border-radius: var(--chip-radius);
    background: var(--surface-container);
    color: var(--on-surface-variant);
    font-family: var(--font-label);
    font-size: 0.8125rem;
    cursor: pointer;
    transition: background var(--transition-btn, 50ms ease);
}

.sent-range-btn:hover[b-w8b6xwo49d],
.sent-chip-btn:hover[b-w8b6xwo49d] { background: var(--surface-container-high); }

/* Seçili durum RENKTEN BAŞKA bir sinyal de taşır: aria-pressed ekran okuyucuya, kontrast
   ve kalınlık göze. */
.sent-range-btn.is-active[b-w8b6xwo49d],
.sent-chip-btn.is-active[b-w8b6xwo49d] {
    background: var(--primary);
    color: var(--on-primary);
    font-weight: 600;
}

.sent-range-btn:focus-visible[b-w8b6xwo49d],
.sent-chip-btn:focus-visible[b-w8b6xwo49d] {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

/* ——— Kaynak kartları ——— */
.sent-cards[b-w8b6xwo49d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 0.875rem;
}

.sent-card[b-w8b6xwo49d] {
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
    padding: 1rem 1.125rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Boş kaynak SÖNÜK ama görünür: entegrasyonun eksik olduğunu gizlemek, onu "yok" gibi
   gösterirdi. */
.sent-card.is-empty[b-w8b6xwo49d] { opacity: 0.72; }

.sent-card-head[b-w8b6xwo49d] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.sent-card-name[b-w8b6xwo49d] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--on-surface);
}

.sent-card-total[b-w8b6xwo49d] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.sent-card-note[b-w8b6xwo49d] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
}

/* Yığılmış oran çubuğu. aria-label sayıları okur — çubuk tek başına bilgi kaynağı değil. */
.sent-bar[b-w8b6xwo49d] {
    display: flex;
    height: 8px;
    border-radius: var(--chip-radius);
    overflow: hidden;
    background: var(--surface-container-high);
}

.sent-bar-seg[b-w8b6xwo49d] { display: block; min-width: 0; }
.sent-bar-seg--neg[b-w8b6xwo49d] { background: var(--error); }
.sent-bar-seg--neu[b-w8b6xwo49d] { background: var(--outline); }
.sent-bar-seg--pos[b-w8b6xwo49d] { background: var(--primary); }

.sent-legend[b-w8b6xwo49d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    margin: 0;
}

.sent-legend > div[b-w8b6xwo49d] { display: flex; flex-direction: column; gap: 0.125rem; }

.sent-legend dt[b-w8b6xwo49d] {
    font-size: 0.6875rem;
    color: var(--on-surface-variant);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sent-legend dd[b-w8b6xwo49d] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

/* ——— Gözlem listesi ——— */
.sent-list[b-w8b6xwo49d] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.sent-rows[b-w8b6xwo49d] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sent-row[b-w8b6xwo49d] {
    background: var(--surface-container);
    border-radius: var(--card-radius);
    padding: 0.875rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.sent-row-top[b-w8b6xwo49d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
}

.sent-chip[b-w8b6xwo49d] {
    border-radius: var(--chip-radius);
    padding: 0.1875rem 0.625rem;
    font-size: 0.6875rem;
    font-weight: 600;
    background: var(--surface-container-high);
    color: var(--on-surface-variant);
}

.sent-chip--neg[b-w8b6xwo49d] { background: var(--error-container); color: var(--on-error-container); }
.sent-chip--pos[b-w8b6xwo49d] { background: var(--tertiary-container); color: var(--on-tertiary-container); }
.sent-chip--high[b-w8b6xwo49d] { background: var(--error-container); color: var(--on-error-container); }
.sent-chip--voice[b-w8b6xwo49d] { background: var(--secondary-container); color: var(--on-secondary-container); }

.sent-row-src[b-w8b6xwo49d] {
    font-size: 0.75rem;
    color: var(--on-surface-variant);
}

.sent-row-time[b-w8b6xwo49d] {
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

/* Uzun mesaj hücreyi taşırmamalı ve kelime ORTASINDAN kırılmamalı. */
.sent-row-preview[b-w8b6xwo49d] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--on-surface);
    overflow-wrap: break-word;
    word-break: normal;
}

.sent-row-meta[b-w8b6xwo49d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
}

.sent-empty[b-w8b6xwo49d] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
}

@media (max-width: 700px) {
    .sent-legend[b-w8b6xwo49d] { grid-template-columns: repeat(2, 1fr); }
    .sent-row-time[b-w8b6xwo49d] { margin-left: 0; }
}

/* ——— Memnuniyet ve duygu yolculuğu ———
   İki ayrı boyut, iki ayrı kart: memnuniyeti gelen duygu dağılımıyla karıştırmak, öfkeli
   gelen bir müşteriyi "memnuniyetsiz" saymak olurdu — oysa henüz cevap vermedik. */
.sent-kpis[b-w8b6xwo49d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 0.875rem;
}

.sent-kpi[b-w8b6xwo49d] {
    background: var(--surface-container-lowest);
    border-radius: var(--card-radius);
    padding: 1rem 1.125rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sent-kpi-title[b-w8b6xwo49d] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--on-surface);
}

.sent-kpi-value[b-w8b6xwo49d] {
    margin: 0;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.sent-kpi-unit[b-w8b6xwo49d] {
    font-size: 1.25rem;
    color: var(--on-surface-variant);
    margin-left: 0.125rem;
}

.sent-kpi-note[b-w8b6xwo49d] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--on-surface);
}

/* Ölçümün sınırını söyleyen dipnot: sayıyı olduğundan güçlü göstermemek için. */
.sent-kpi-foot[b-w8b6xwo49d],
.sent-kpi-empty[b-w8b6xwo49d] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    line-height: 1.45;
}

.sent-journey-stats[b-w8b6xwo49d] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin: 0;
}

.sent-journey-stats > div[b-w8b6xwo49d] { display: flex; flex-direction: column; gap: 0.125rem; }

.sent-journey-stats dt[b-w8b6xwo49d] {
    font-size: 0.6875rem;
    color: var(--on-surface-variant);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sent-journey-stats dd[b-w8b6xwo49d] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.sent-journey-list[b-w8b6xwo49d] {
    list-style: none;
    margin: 0.25rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.sent-journey[b-w8b6xwo49d] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
}

/* Ok yalnız görsel bir bağdır; yön bilgisi çiplerin METNİNDE zaten var (WCAG 1.4.1). */
.sent-journey-arrow[b-w8b6xwo49d] { color: var(--on-surface-variant); }

.sent-journey-who[b-w8b6xwo49d] {
    color: var(--on-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 14ch;
}

.sent-journey-turns[b-w8b6xwo49d] { margin-left: auto; font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
    .sent-journey-turns[b-w8b6xwo49d] { margin-left: 0; }
}

/* ——— Grafikler ——— */
.sent-charts[b-w8b6xwo49d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 0.875rem;
}

/* Taban `.section-card`'tan gelir (kart düzlemi, yarıçap, dolgu, hover gölgesi).
   Önceki gövde zemini `--surface-container` (#EEEEEE = SAYFA tonu) basıyordu, yani
   kart zeminle AYNI tondaydı ve "No-Line" kuralında ayrımı taşıyan düzlem kayması
   yoktu. Burada yalnız varyant kalır. */
.sent-chart[b-w8b6xwo49d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    /* Ritmi ızgaranın `gap`'i taşır; paketin alt marjı eklenirse çift boşluk olur. */
    margin-bottom: 0;
}

/* Sankey tam genişlik ister: dar bir kapta düğüm etiketleri üst üste biner. */
.sent-chart--wide[b-w8b6xwo49d] { grid-column: 1 / -1; }

.sent-chart-title[b-w8b6xwo49d] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
}

/* Grafiğin nasıl okunacağını söyleyen not — yanlış okumayı önler. */
.sent-chart-note[b-w8b6xwo49d] {
    margin: 0.125rem 0 0;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    line-height: 1.45;
}

.sent-chart-host[b-w8b6xwo49d] {
    width: 100%;
    height: 300px;
    min-width: 0;
}

@media (max-width: 700px) {
    .sent-charts[b-w8b6xwo49d] { grid-template-columns: 1fr; }
    .sent-chart-host[b-w8b6xwo49d] { height: 250px; }
}
/* /Components/Pages/Sentiment/SentimentNav.razor.rz.scp.css */
/* Duygu panosu ortak kabuğu.
   Yarıçap TOKEN üzerinden: sabit piksel yazmak veraius-components.css'teki tema seviyesi
   kuralıyla çelişir ve tutarsız köşe üretir. Tonal ayrım yüzey katmanlarıyla, kenarlıkla
   değil. */

.sent-nav[b-j87f69r9s8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: 0.25rem;
}

/* ——— Sekme şeridi: Stitch UI kit "Variant A — Underline Accent Tab" ———
   Ölçülen sözleşme (code.html, Variant A):
     şerit zemini  surface-container-low
     aktif sekme   surface-container-lowest (kendi yüzeyine YÜKSELİR)
     gösterge      3px --primary, sekmenin TAM genişliğinde
     yuvarlak köşe YOK — "No-Line" planar sistemde ayrımı düzlem kayması yapar
     tipografi     label-lg: 0.875rem / 600 / 0.04em

   Yarıçap burada bilinçli olarak TOKEN'DAN ALINMIYOR: kit bu bileşeni keskin köşeli
   tanımlıyor ve yuvarlatmak "yükselen yüzey" etkisini bozar. Diğer yüzeyler (kart, çip)
   token yarıçapını kullanmaya devam eder. */








/* Aktif sekme YÜZEYE YÜKSELİR — kitin "planar depth" kuralı: derinliği gölge ya da
   kenarlık değil, düzlem kayması taşır. */


/* 3px mikro blok. Renk TEK BAŞINA anlam taşımaz (WCAG 1.4.1): aria-selected ekran
   okuyucuya, zemin kayması + kalınlık göze aynı bilgiyi verir. */






/* ——— Filtreler: Stitch UI kit "Variant B — Segmented Pill Tab" ———
   Ölçülen sözleşme: kapsayıcı surface-container-high, aktif segment
   surface-container-lowest + yumuşak gölge, YUVARLAK KÖŞE YOK.

   Önceki sürüm çip yarıçapı (9999px) ve dolu birincil renk kullanıyordu; kitin kuralı
   açık: "Never use the primary accent for decorative backgrounds" — birincil renk
   DOLGU değil, yapısal göstergedir. Aktiflik yüzey yükselmesiyle anlatılır. */
.sent-nav-filters[b-j87f69r9s8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.sent-nav-group[b-j87f69r9s8] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 0.125rem;
    padding: 0.125rem;
    background: var(--surface-container-high);
    scrollbar-width: none;
}

.sent-nav-group[b-j87f69r9s8]::-webkit-scrollbar { display: none; }

/* Hedef boyutu WCAG 2.2 AA için en az 24px; kit py-space-xs (0.5rem) veriyor,
   32px yükseklik ikisini de karşılıyor. */
.sent-nav-chip[b-j87f69r9s8] {
    flex-shrink: 0;
    min-height: 32px;
    padding: 0.375rem 0.875rem;
    border: none;
    background: transparent;
    color: var(--on-surface-variant);
    font-family: var(--font-label);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: background var(--transition-btn, 50ms ease), color var(--transition-btn, 50ms ease);
}

.sent-nav-chip:hover[b-j87f69r9s8] {
    background: var(--surface-container-lowest);
    color: var(--on-surface);
}

/* Aktif segment YÜKSELİR: beyaz yüzey + ambient gölge. Renk tek başına anlam taşımaz —
   aria-pressed ekran okuyucuya, yüzey ve kalınlık göze aynı şeyi söyler. */
.sent-nav-chip.is-active[b-j87f69r9s8] {
    background: var(--surface-container-lowest);
    color: var(--on-surface);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.sent-nav-chip:focus-visible[b-j87f69r9s8] {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
}

@media (max-width: 700px) {
    .sent-nav-filters[b-j87f69r9s8] { gap: 0.5rem; }
}
/* /Components/Pages/Sentiment/SentimentOperationsPage.razor.rz.scp.css */
/* Genel Durum sayfası. */

/* `.sent-page` WorkspaceShell'e `CssClass` ile veriliyor, yani KABUĞUN KÖKÜNE
   (`ws-shell`) iner — sayfa içeriğinin kabına değil. ÖLÇÜLDÜ 2026-09-18: bu yüzden
   buradaki `padding`/`max-width` hiçbir zaman uygulanmadı (hesaplanan `max-width`
   `100%`, `padding` `0px`); genişliği ve dolguyu kabuk kendi `.ws-main`'inde
   taşıyor. Yanıltıcı olmasın diye ölü bildirimler kaldırıldı; dikey ritmi `gap`
   veriyor ve O ÇALIŞIYOR (flex kökü kabuğun kendisi). */
.sent-page[b-jvvn6fhxrc] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}



/* KPI şeridi PAKETTEN gelir: `.kpi-grid` ızgarası + `StatCard` bileşeni.
   ÖLÇÜLDÜ 2026-09-18: burada `.sent-kpi-strip/-card/-label/-number/-hint` adıyla
   ikinci bir KPI anatomisi yazılıydı ve duygu panosunun ALTI sayfasında BİREBİR
   kopyalanmıştı (aynı 120 satır, aynı md5). Kanonikten sapıyordu: aksan rayı ve
   üst ışık geçişi yok, ghost kenarlık yok, etiket w400/0.55px (kanonik w700/1.1px),
   değer 32px/w600 (kanonik 36px/w700). Uyarı ve "ölçülmemiş" durumları bileşene
   parametre olarak taşındı (`IsAlert` / `IsEmpty` / `Hint`). */

/* ——— Grafik ızgarası ——— */
/* ÖLÇÜLDÜ 2026-09-18: taban `minmax(380px, 1fr)` idi ve 1367px'lik kapta ÜÇ sütun
   (446px) üretiyordu. Grafiklerin çoğu satırı İKİ kart taşıdığı için her seferinde
   sağda **461px boşluk** kalıyordu (5 sayfanın 4'ünde ölçüldü). Taban yükseltilince
   aynı kapta iki sütun oluşur ve satır TAM dolar; `auto-fit` boş kalan izi
   çökerttiği için tek kartlı satır yine tam genişlik alır.
   `min()` şart: dar kapta 30rem'lik taban artık sütun doğurup taşma yaratırdı. */
.sent-charts[b-jvvn6fhxrc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr));
    gap: 0.875rem;
}

/* Taban `.section-card`'tan gelir (kart düzlemi, yarıçap, dolgu, hover gölgesi).
   Önceki gövde zemini `--surface-container` (#EEEEEE = SAYFA tonu) basıyordu, yani
   kart zeminle AYNI tondaydı ve "No-Line" kuralında ayrımı taşıyan düzlem kayması
   yoktu. Burada yalnız varyant kalır. */
.sent-chart[b-jvvn6fhxrc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    /* Ritmi ızgaranın `gap`'i taşır; paketin alt marjı eklenirse çift boşluk olur. */
    margin-bottom: 0;
}

/* Trend ve matris tam genişlik ister: dar bir kapta zaman ekseni okunmaz olur. */
.sent-chart--wide[b-jvvn6fhxrc] { grid-column: 1 / -1; }

.sent-chart-title[b-jvvn6fhxrc] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
}

/* Ölçümün sınırını ya da okuma biçimini söyleyen not — grafiği yanlış okumayı önler. */
.sent-chart-note[b-jvvn6fhxrc] {
    margin: 0.125rem 0 0;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    line-height: 1.45;
}

.sent-chart-host[b-jvvn6fhxrc] {
    width: 100%;
    height: 280px;
    min-width: 0;
}

.sent-chart-host--short[b-jvvn6fhxrc] { height: 190px; }

.sent-empty[b-jvvn6fhxrc] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0;
}

@media (max-width: 700px) {
    .sent-charts[b-jvvn6fhxrc] { grid-template-columns: 1fr; }
    .sent-chart-host[b-jvvn6fhxrc] { height: 240px; }
}

/* ——— Düz liste (eksik bilgi, ton) ——— */
.sent-plain-list[b-jvvn6fhxrc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sent-plain-row[b-jvvn6fhxrc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.375rem 0.625rem;
    border-radius: var(--btn-radius);
    background: var(--surface-container-high);
    font-size: 0.8125rem;
    color: var(--on-surface);
}

.sent-plain-count[b-jvvn6fhxrc] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--on-surface-variant);
}


/* Operatör satırında üç bilgi yan yana: kim · ne yaptı · ne kadar hızlı. */
.sent-op-meta[b-jvvn6fhxrc] {
    margin-left: auto;
    margin-right: 0.75rem;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
}

@media (max-width: 700px) {
    .sent-plain-row[b-jvvn6fhxrc] { flex-wrap: wrap; }
    .sent-op-meta[b-jvvn6fhxrc] { margin-left: 0; width: 100%; }
}
/* /Components/Pages/Sentiment/SentimentOverviewPage.razor.rz.scp.css */
/* Genel Durum sayfası. */

/* `.sent-page` WorkspaceShell'e `CssClass` ile veriliyor, yani KABUĞUN KÖKÜNE
   (`ws-shell`) iner — sayfa içeriğinin kabına değil. ÖLÇÜLDÜ 2026-09-18: bu yüzden
   buradaki `padding`/`max-width` hiçbir zaman uygulanmadı (hesaplanan `max-width`
   `100%`, `padding` `0px`); genişliği ve dolguyu kabuk kendi `.ws-main`'inde
   taşıyor. Yanıltıcı olmasın diye ölü bildirimler kaldırıldı; dikey ritmi `gap`
   veriyor ve O ÇALIŞIYOR (flex kökü kabuğun kendisi). */
.sent-page[b-wfpbwmt0zr] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}



/* KPI şeridi PAKETTEN gelir: `.kpi-grid` + `.stat-card` (+ `-label/-value/-hint`).
   ÖLÇÜLDÜ 2026-09-18: burada `.sent-kpi-strip/-card/-label/-number/-hint` adıyla
   ikinci bir KPI anatomisi yazılıydı ve duygu panosunun ALTI sayfasında birebir
   kopyalanmıştı. Kanonik şeritten sapıyordu: aksan rayı ve üst ışık geçişi yok,
   etiket w400/0.55px (kanonik w700/1.1px), değer 32px/w600 (kanonik 36px/w700).
   Uyarı durumu da pakete alındı (`.stat-card.is-alert`). */

/* ——— Grafik ızgarası ——— */
/* ÖLÇÜLDÜ 2026-09-18: taban `minmax(380px, 1fr)` idi ve 1367px'lik kapta ÜÇ sütun
   (446px) üretiyordu. Grafiklerin çoğu satırı İKİ kart taşıdığı için her seferinde
   sağda **461px boşluk** kalıyordu (5 sayfanın 4'ünde ölçüldü). Taban yükseltilince
   aynı kapta iki sütun oluşur ve satır TAM dolar; `auto-fit` boş kalan izi
   çökerttiği için tek kartlı satır yine tam genişlik alır.
   `min()` şart: dar kapta 30rem'lik taban artık sütun doğurup taşma yaratırdı. */
.sent-charts[b-wfpbwmt0zr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr));
    gap: 0.875rem;
}

/* Taban `.section-card`'tan gelir (kart düzlemi, yarıçap, dolgu, hover gölgesi).
   Burada yalnız VARYANT kalır: grafik kabı bir sütun yığınıdır ve ECharts'ın
   ölçebilmesi için `min-width: 0` şarttır (yoksa flex öğesi içeriğe göre şişer).
   Önceki gövde zemini `--surface-container` (#EEEEEE = SAYFA tonu) basıyordu —
   kart zeminle aynı tondaydı, yani "No-Line" kuralında ayrımı taşıyan düzlem
   kayması yoktu. */
.sent-chart[b-wfpbwmt0zr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    /* Ritmi `.sent-charts` ızgarasının `gap`'i taşır; paketin alt marjı eklenirse
       çift boşluk olur. */
    margin-bottom: 0;
}

/* Trend ve matris tam genişlik ister: dar bir kapta zaman ekseni okunmaz olur. */
.sent-chart--wide[b-wfpbwmt0zr] { grid-column: 1 / -1; }

.sent-chart-title[b-wfpbwmt0zr] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
}

/* Ölçümün sınırını ya da okuma biçimini söyleyen not — grafiği yanlış okumayı önler. */
.sent-chart-note[b-wfpbwmt0zr] {
    margin: 0.125rem 0 0;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    line-height: 1.45;
}

.sent-chart-host[b-wfpbwmt0zr] {
    width: 100%;
    height: 280px;
    min-width: 0;
}

.sent-chart-host--short[b-wfpbwmt0zr] { height: 190px; }

.sent-empty[b-wfpbwmt0zr] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0;
}

@media (max-width: 700px) {
    .sent-charts[b-wfpbwmt0zr] { grid-template-columns: 1fr; }
    .sent-chart-host[b-wfpbwmt0zr] { height: 240px; }
}

/* ——— Doğal dil sorgulama ——— */
.sent-ask[b-wfpbwmt0zr] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.sent-ask-row[b-wfpbwmt0zr] {
    display: flex;
    gap: 0.5rem;
}

/* Kit kuralı: girdi RECESSED — kenarlık ya da alt çizgi yok, yüzey kayması taşır. */
.sent-ask-input[b-wfpbwmt0zr] {
    flex: 1;
    min-width: 0;
    min-height: 40px;
    padding: 0.5rem 0.875rem;
    border: none;
    background: var(--surface-container-high);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.875rem;
}

.sent-ask-input[b-wfpbwmt0zr]::placeholder { color: var(--on-surface-variant); }

.sent-ask-input:focus-visible[b-wfpbwmt0zr] {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
}

/* Birincil buton KOYU, teal değil: "Never use the primary accent for decorative
   backgrounds" — teal yapısal göstergedir, dolgu değil. */
.sent-ask-btn[b-wfpbwmt0zr] {
    min-height: 40px;
    padding: 0 1.25rem;
    border: none;
    background: var(--on-surface);
    color: var(--surface);
    font-family: var(--font-label);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: opacity var(--transition-btn, 50ms ease);
}

.sent-ask-btn:hover[b-wfpbwmt0zr] { opacity: 0.88; }
.sent-ask-btn:disabled[b-wfpbwmt0zr] { opacity: 0.5; cursor: default; }

.sent-ask-btn:focus-visible[b-wfpbwmt0zr] {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

.sent-ask-answer[b-wfpbwmt0zr] {
    background: var(--surface-container);
    padding: 0.875rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.sent-ask-text[b-wfpbwmt0zr] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--on-surface);
}

/* Geniş tablo KENDİ kabında kayar; gövde yatay kaymamalı. */
.sent-ask-table-wrap[b-wfpbwmt0zr] {
    overflow-x: auto;
    max-width: 100%;
}

.sent-ask-table[b-wfpbwmt0zr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.sent-ask-table th[b-wfpbwmt0zr],
.sent-ask-table td[b-wfpbwmt0zr] {
    padding: 0.375rem 0.625rem;
    text-align: left;
    /* Hücre kelime ORTASINDAN kırılmamalı. */
    overflow-wrap: break-word;
    word-break: normal;
}

.sent-ask-table th[b-wfpbwmt0zr] {
    background: var(--surface-container-high);
    color: var(--on-surface-variant);
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sent-ask-table td[b-wfpbwmt0zr] {
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.sent-ask-table tbody tr:nth-child(even)[b-wfpbwmt0zr] { background: var(--surface-container-low); }
/* /Components/Pages/Sentiment/SentimentRiskPage.razor.rz.scp.css */
/* Genel Durum sayfası. */

/* `.sent-page` WorkspaceShell'e `CssClass` ile veriliyor, yani KABUĞUN KÖKÜNE
   (`ws-shell`) iner — sayfa içeriğinin kabına değil. ÖLÇÜLDÜ 2026-09-18: bu yüzden
   buradaki `padding`/`max-width` hiçbir zaman uygulanmadı (hesaplanan `max-width`
   `100%`, `padding` `0px`); genişliği ve dolguyu kabuk kendi `.ws-main`'inde
   taşıyor. Yanıltıcı olmasın diye ölü bildirimler kaldırıldı; dikey ritmi `gap`
   veriyor ve O ÇALIŞIYOR (flex kökü kabuğun kendisi). */
.sent-page[b-wdzqt92bjx] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}



/* KPI şeridi PAKETTEN gelir: `.kpi-grid` ızgarası + `StatCard` bileşeni.
   ÖLÇÜLDÜ 2026-09-18: burada `.sent-kpi-strip/-card/-label/-number/-hint` adıyla
   ikinci bir KPI anatomisi yazılıydı ve duygu panosunun ALTI sayfasında BİREBİR
   kopyalanmıştı (aynı 120 satır, aynı md5). Kanonikten sapıyordu: aksan rayı ve
   üst ışık geçişi yok, ghost kenarlık yok, etiket w400/0.55px (kanonik w700/1.1px),
   değer 32px/w600 (kanonik 36px/w700). Uyarı ve "ölçülmemiş" durumları bileşene
   parametre olarak taşındı (`IsAlert` / `IsEmpty` / `Hint`). */

/* ——— Grafik ızgarası ——— */
/* ÖLÇÜLDÜ 2026-09-18: taban `minmax(380px, 1fr)` idi ve 1367px'lik kapta ÜÇ sütun
   (446px) üretiyordu. Grafiklerin çoğu satırı İKİ kart taşıdığı için her seferinde
   sağda **461px boşluk** kalıyordu (5 sayfanın 4'ünde ölçüldü). Taban yükseltilince
   aynı kapta iki sütun oluşur ve satır TAM dolar; `auto-fit` boş kalan izi
   çökerttiği için tek kartlı satır yine tam genişlik alır.
   `min()` şart: dar kapta 30rem'lik taban artık sütun doğurup taşma yaratırdı. */
.sent-charts[b-wdzqt92bjx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr));
    gap: 0.875rem;
}

/* Taban `.section-card`'tan gelir (kart düzlemi, yarıçap, dolgu, hover gölgesi).
   Önceki gövde zemini `--surface-container` (#EEEEEE = SAYFA tonu) basıyordu, yani
   kart zeminle AYNI tondaydı ve "No-Line" kuralında ayrımı taşıyan düzlem kayması
   yoktu. Burada yalnız varyant kalır. */
.sent-chart[b-wdzqt92bjx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    /* Ritmi ızgaranın `gap`'i taşır; paketin alt marjı eklenirse çift boşluk olur. */
    margin-bottom: 0;
}

/* Trend ve matris tam genişlik ister: dar bir kapta zaman ekseni okunmaz olur. */
.sent-chart--wide[b-wdzqt92bjx] { grid-column: 1 / -1; }

.sent-chart-title[b-wdzqt92bjx] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
}

/* Ölçümün sınırını ya da okuma biçimini söyleyen not — grafiği yanlış okumayı önler. */
.sent-chart-note[b-wdzqt92bjx] {
    margin: 0.125rem 0 0;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    line-height: 1.45;
}

.sent-chart-host[b-wdzqt92bjx] {
    width: 100%;
    height: 280px;
    min-width: 0;
}

.sent-chart-host--short[b-wdzqt92bjx] { height: 190px; }

.sent-empty[b-wdzqt92bjx] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0;
}

@media (max-width: 700px) {
    .sent-charts[b-wdzqt92bjx] { grid-template-columns: 1fr; }
    .sent-chart-host[b-wdzqt92bjx] { height: 240px; }
}

/* ——— Acil mesaj listesi ——— */
.sent-list-block[b-wdzqt92bjx] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.sent-rows[b-wdzqt92bjx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sent-row[b-wdzqt92bjx] {
    background: var(--surface-container);
    border-radius: var(--card-radius);
    padding: 0.875rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.sent-row-top[b-wdzqt92bjx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
}

.sent-chip[b-wdzqt92bjx] {
    border-radius: var(--chip-radius);
    padding: 0.1875rem 0.625rem;
    font-size: 0.6875rem;
    font-weight: 600;
    background: var(--surface-container-high);
    color: var(--on-surface-variant);
}

/* Renk tek başına anlam taşımaz (WCAG 1.4.1): çipin metni durumu zaten yazar. */
.sent-chip--neg[b-wdzqt92bjx] { background: var(--error-container); color: var(--on-error-container); }
.sent-chip--pos[b-wdzqt92bjx] { background: var(--tertiary-container); color: var(--on-tertiary-container); }
.sent-chip--high[b-wdzqt92bjx] { background: var(--error-container); color: var(--on-error-container); }

.sent-row-src[b-wdzqt92bjx],
.sent-row-time[b-wdzqt92bjx] {
    font-size: 0.75rem;
    color: var(--on-surface-variant);
}

.sent-row-time[b-wdzqt92bjx] { margin-left: auto; font-variant-numeric: tabular-nums; }

/* Uzun mesaj hücreyi taşırmamalı ve kelime ORTASINDAN kırılmamalı. */
.sent-row-preview[b-wdzqt92bjx] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--on-surface);
    overflow-wrap: break-word;
    word-break: normal;
}

.sent-row-meta[b-wdzqt92bjx] {
    font-size: 0.75rem;
    color: var(--on-surface-variant);
}

@media (max-width: 700px) {
    .sent-row-time[b-wdzqt92bjx] { margin-left: 0; }
}
/* /Components/Pages/Sentiment/SentimentTopicsPage.razor.rz.scp.css */
/* Genel Durum sayfası. */

/* `.sent-page` WorkspaceShell'e `CssClass` ile veriliyor, yani KABUĞUN KÖKÜNE
   (`ws-shell`) iner — sayfa içeriğinin kabına değil. ÖLÇÜLDÜ 2026-09-18: bu yüzden
   buradaki `padding`/`max-width` hiçbir zaman uygulanmadı (hesaplanan `max-width`
   `100%`, `padding` `0px`); genişliği ve dolguyu kabuk kendi `.ws-main`'inde
   taşıyor. Yanıltıcı olmasın diye ölü bildirimler kaldırıldı; dikey ritmi `gap`
   veriyor ve O ÇALIŞIYOR (flex kökü kabuğun kendisi). */
.sent-page[b-6ui4oo56m4] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}



/* KPI şeridi PAKETTEN gelir: `.kpi-grid` ızgarası + `StatCard` bileşeni.
   ÖLÇÜLDÜ 2026-09-18: burada `.sent-kpi-strip/-card/-label/-number/-hint` adıyla
   ikinci bir KPI anatomisi yazılıydı ve duygu panosunun ALTI sayfasında BİREBİR
   kopyalanmıştı (aynı 120 satır, aynı md5). Kanonikten sapıyordu: aksan rayı ve
   üst ışık geçişi yok, ghost kenarlık yok, etiket w400/0.55px (kanonik w700/1.1px),
   değer 32px/w600 (kanonik 36px/w700). Uyarı ve "ölçülmemiş" durumları bileşene
   parametre olarak taşındı (`IsAlert` / `IsEmpty` / `Hint`). */

/* ——— Grafik ızgarası ——— */
/* ÖLÇÜLDÜ 2026-09-18: taban `minmax(380px, 1fr)` idi ve 1367px'lik kapta ÜÇ sütun
   (446px) üretiyordu. Grafiklerin çoğu satırı İKİ kart taşıdığı için her seferinde
   sağda **461px boşluk** kalıyordu (5 sayfanın 4'ünde ölçüldü). Taban yükseltilince
   aynı kapta iki sütun oluşur ve satır TAM dolar; `auto-fit` boş kalan izi
   çökerttiği için tek kartlı satır yine tam genişlik alır.
   `min()` şart: dar kapta 30rem'lik taban artık sütun doğurup taşma yaratırdı. */
.sent-charts[b-6ui4oo56m4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr));
    gap: 0.875rem;
}

/* Taban `.section-card`'tan gelir (kart düzlemi, yarıçap, dolgu, hover gölgesi).
   Önceki gövde zemini `--surface-container` (#EEEEEE = SAYFA tonu) basıyordu, yani
   kart zeminle AYNI tondaydı ve "No-Line" kuralında ayrımı taşıyan düzlem kayması
   yoktu. Burada yalnız varyant kalır. */
.sent-chart[b-6ui4oo56m4] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    /* Ritmi ızgaranın `gap`'i taşır; paketin alt marjı eklenirse çift boşluk olur. */
    margin-bottom: 0;
}

/* Trend ve matris tam genişlik ister: dar bir kapta zaman ekseni okunmaz olur. */
.sent-chart--wide[b-6ui4oo56m4] { grid-column: 1 / -1; }

.sent-chart-title[b-6ui4oo56m4] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--on-surface);
}

/* Ölçümün sınırını ya da okuma biçimini söyleyen not — grafiği yanlış okumayı önler. */
.sent-chart-note[b-6ui4oo56m4] {
    margin: 0.125rem 0 0;
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    line-height: 1.45;
}

.sent-chart-host[b-6ui4oo56m4] {
    width: 100%;
    height: 280px;
    min-width: 0;
}

.sent-chart-host--short[b-6ui4oo56m4] { height: 190px; }

.sent-empty[b-6ui4oo56m4] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0;
}

@media (max-width: 700px) {
    .sent-charts[b-6ui4oo56m4] { grid-template-columns: 1fr; }
    .sent-chart-host[b-6ui4oo56m4] { height: 240px; }
}

/* ——— Düz liste (eksik bilgi, ton) ——— */
.sent-plain-list[b-6ui4oo56m4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sent-plain-row[b-6ui4oo56m4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.375rem 0.625rem;
    border-radius: var(--btn-radius);
    background: var(--surface-container-high);
    font-size: 0.8125rem;
    color: var(--on-surface);
}

.sent-plain-count[b-6ui4oo56m4] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--on-surface-variant);
}

/* /Components/Pages/SystemHealthDashboard.razor.rz.scp.css */
/* ref-05 — Sistem sagligi. Renk/yaricap token'dan; kart duzlemi --surface-container-lowest. */
.ops5[b-yjlnyoayeg] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 400px); gap: var(--space-5); align-items: start; }
.ops5-main[b-yjlnyoayeg], .ops5-side[b-yjlnyoayeg] { display: flex; flex-direction: column; gap: var(--space-5); min-width: 0; }

.ops5-card[b-yjlnyoayeg], .ops5-banner[b-yjlnyoayeg] { background: var(--surface-container-lowest); border-radius: var(--card-radius); box-shadow: inset 0 0 0 1px var(--ghost-border); padding: var(--space-5); }
.ops5-card__title[b-yjlnyoayeg] { margin: 0 0 var(--space-4); font-size: 20px; font-weight: 700; color: var(--on-surface); display: flex; align-items: baseline; gap: var(--space-2); }
.ops5-card__title small[b-yjlnyoayeg] { font-size: 13px; font-weight: 400; color: var(--on-surface-variant); }

.ops5-banner[b-yjlnyoayeg] { display: flex; align-items: center; gap: var(--space-4); }
.ops5-banner__icon[b-yjlnyoayeg] { flex: 0 0 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; font-size: 28px; }
.ops5-banner__text[b-yjlnyoayeg] { flex: 1; min-width: 0; }
.ops5-banner__text h2[b-yjlnyoayeg] { margin: 0; font-size: 22px; font-weight: 700; color: var(--on-surface); overflow-wrap: anywhere; }
.ops5-banner__text p[b-yjlnyoayeg] { margin: var(--space-1) 0 0; color: var(--on-surface-variant); font-size: 14px; }
.ops5-banner--ok .ops5-banner__icon[b-yjlnyoayeg] { background: var(--state-success-bg); color: var(--state-success-text-on-fill); }
.ops5-banner--warn .ops5-banner__icon[b-yjlnyoayeg] { background: var(--state-warning-bg); color: var(--state-warning-text); }
.ops5-banner--bad .ops5-banner__icon[b-yjlnyoayeg] { background: var(--state-error-bg); color: var(--state-error-text); }
.ops5-banner--none .ops5-banner__icon[b-yjlnyoayeg] { background: var(--surface-container-high); color: var(--on-surface-variant); }

.ops5-kpis[b-yjlnyoayeg] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-4); }
.ops5-kpi[b-yjlnyoayeg] { grid-template-columns: 56px minmax(0, 1fr); column-gap: var(--space-4); text-align: left; padding: var(--space-5); }
.ops5-kpi .va-kpi__n[b-yjlnyoayeg] { font-size: 2.25rem; line-height: 1.1; }
.ops5-kpi--alert .va-kpi__icon[b-yjlnyoayeg] { background: var(--state-error-bg); color: var(--state-error-text); }
.ops5-kpi--alert .va-kpi__n[b-yjlnyoayeg] { color: var(--state-error-text); }

.ops5-svc[b-yjlnyoayeg] { display: inline-flex; align-items: center; gap: var(--space-3); font-weight: 600; color: var(--on-surface); }
.ops5-svc__icon[b-yjlnyoayeg] { width: 36px; height: 36px; border-radius: var(--btn-radius); display: grid; place-items: center; background: var(--primary); color: var(--on-primary); }
.ops5-pill[b-yjlnyoayeg] { display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: var(--chip-radius); font-size: 13px; font-weight: 600; }
.ops5-pill--healthy[b-yjlnyoayeg] { background: var(--state-success-bg); color: var(--state-success-text-on-fill); }
.ops5-pill--degraded[b-yjlnyoayeg] { background: var(--state-warning-bg); color: var(--state-warning-text); }
.ops5-pill--unhealthy[b-yjlnyoayeg] { background: var(--state-error-bg); color: var(--state-error-text); }
.ops5-lat[b-yjlnyoayeg] { display: inline-flex; align-items: center; gap: var(--space-3); white-space: nowrap; }
.ops5-spark[b-yjlnyoayeg] { width: 120px; height: 28px; }
.ops5-spark polyline[b-yjlnyoayeg] { fill: none; stroke: var(--primary); stroke-width: 1.5; }
.ops5-muted[b-yjlnyoayeg] { margin: var(--space-3) 0 0; font-size: 13px; color: var(--on-surface-variant); }

.ops5-timeline[b-yjlnyoayeg] { list-style: none; margin: 0; padding: 0 0 0 var(--space-4); border-left: 2px solid var(--ghost-border); display: flex; flex-direction: column; gap: var(--space-4); }
.ops5-inc[b-yjlnyoayeg] { position: relative; display: flex; flex-direction: column; gap: var(--space-2); }
.ops5-inc[b-yjlnyoayeg]::before { content: ""; position: absolute; left: calc(-1 * var(--space-4) - 7px); top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--state-warning-text); }
.ops5-inc.is-active[b-yjlnyoayeg]::before { background: var(--state-error-text); }
.ops5-inc.is-resolved[b-yjlnyoayeg]::before { background: var(--state-success-text); }
.ops5-inc__head[b-yjlnyoayeg] { display: flex; justify-content: space-between; gap: var(--space-3); font-size: 13px; color: var(--on-surface-variant); }
.ops5-inc.is-active .ops5-inc__state[b-yjlnyoayeg] { color: var(--state-error-text); font-weight: 600; }
.ops5-inc__msg[b-yjlnyoayeg] { margin: 0; font-weight: 600; color: var(--on-surface); overflow-wrap: anywhere; }
.ops5-inc__facts[b-yjlnyoayeg] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); margin: 0; font-size: 13px; }
.ops5-inc__facts dt[b-yjlnyoayeg] { color: var(--on-surface-variant); }
.ops5-inc__facts dd[b-yjlnyoayeg] { margin: 0; color: var(--on-surface); overflow-wrap: anywhere; }
/* VaButton bir bileşen: kökü bu sayfanın kapsamını taşımaz, ::deep kart kabından iner. */
.ops5-card[b-yjlnyoayeg]  .ops5-all { margin-top: var(--space-4); width: 100%; justify-content: space-between; }

.ops5-slo[b-yjlnyoayeg] { width: 100%; height: auto; display: block; }
.ops5-slo__budget[b-yjlnyoayeg] { stroke: var(--on-surface-variant); stroke-dasharray: 6 4; stroke-width: 1; }
.ops5-slo__line[b-yjlnyoayeg] { fill: none; stroke: var(--primary); stroke-width: 2.5; }
.ops5-axis[b-yjlnyoayeg] { display: flex; justify-content: space-between; font-size: 12px; color: var(--on-surface-variant); }
.ops5-slo__summary[b-yjlnyoayeg] { margin: var(--space-3) 0 0; padding: var(--space-3); border-radius: var(--btn-radius); font-weight: 600; text-align: center; }
.ops5-slo__summary--ok[b-yjlnyoayeg] { background: var(--state-success-bg); color: var(--state-success-text-on-fill); }
.ops5-slo__summary--over[b-yjlnyoayeg] { background: var(--state-error-bg); color: var(--state-error-text); }

@media (max-width: 1100px) {
    .ops5[b-yjlnyoayeg] { grid-template-columns: 1fr; }
}

/* ref-05 tablosu zebrasiz, yalniz satir ayiraci. Paketin zebrasi SATIRDA (tr) ve ozgullugu (0,3,2);
   satir basligi (th) kendi beyaz zeminini tasidigi icin gri serit "Durum" sutunundan basliyordu
   (olculdu). Kural tr'yi hedefler; tr bu sayfanin markup'inda oldugu icin kapsam ozniteligi ulasir. */
.ops5 .ops5-table tbody tr:nth-child(even)[b-yjlnyoayeg] { background: transparent; }
.ops5 .ops5-table tbody tr > th[b-yjlnyoayeg] { font-weight: 600; text-align: left; background: transparent; }
/* /Components/Pages/TeamAnnouncementPage.razor.rz.scp.css */
/* Standart sayfa düzeni (2026-10-19): içerik başlıkla AYNI sol kenardan başlar; sabit genişlikte ortalanmış kap başlıktan bağımsız bir yerden başlıyordu. */
/* Team announcement. Editorial brutalism — 0px radius, tonal shifts. */

.ann-shell[b-dl9dsquryg] { max-width: 760px; margin-inline: 0; }

.ann-back[b-dl9dsquryg] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1.5rem;
}

/* ----- Hero ----- */
.ann-hero[b-dl9dsquryg] {
    position: relative;
    padding: 2.25rem 2rem;
    margin-bottom: 1.75rem;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--primary-glow) 0%, transparent 55%),
        var(--surface-container);
    overflow: hidden;
}

.ann-hero[b-dl9dsquryg]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: var(--gradient-primary);
    opacity: 0.9;
}

.ann-hero-eyebrow[b-dl9dsquryg] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 0.5rem;
}

.ann-hero-title[b-dl9dsquryg] {
    font-size: 2.25rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--on-surface);
    margin: 0;
}

.ann-hero-title strong[b-dl9dsquryg] { font-weight: 700; color: var(--primary); }

.ann-hero-sub[b-dl9dsquryg] {
    margin-top: 0.75rem;
    max-width: 54ch;
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--on-surface-variant);
}

/* ----- Panel ----- */
.ops-panel[b-dl9dsquryg] {
    background: var(--surface-container);
    box-shadow: var(--shadow-ambient);
    padding: 1.75rem;
}

.ops-panel-head[b-dl9dsquryg] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.ops-panel-head .material-symbols-outlined[b-dl9dsquryg] {
    color: var(--primary);
    font-size: var(--font-size-2xl);
}

.ops-panel-title[b-dl9dsquryg] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--on-surface);
    margin: 0;
}

.ops-panel-count[b-dl9dsquryg] {
    margin-left: auto;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    background: var(--surface-container-highest);
    padding: var(--space-1) 0.6rem;
}

/* ----- Form fields ----- */
.ann-field[b-dl9dsquryg] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 1.1rem;
}

.ann-label[b-dl9dsquryg] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

.ann-input[b-dl9dsquryg] {
    background: var(--surface-container-highest);
    color: var(--on-surface);
    border: none;
    padding: 0.7rem 0.85rem;
    font-size: var(--font-size-base);
    font-family: inherit;
    transition: background var(--transition-btn), box-shadow var(--transition-btn);
}

.ann-input:focus[b-dl9dsquryg] {
    background: var(--surface-container-high);
    outline: none;
    box-shadow: 0 0 0 2px var(--primary-glow);
}

.ann-textarea[b-dl9dsquryg] {
    resize: vertical;
    line-height: 1.5;
}

.ann-send[b-dl9dsquryg] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

@media (prefers-reduced-motion: reduce) {
    .ann-input[b-dl9dsquryg] { transition: none; }
}
/* /Components/Pages/UptimeSloDashboard.razor.rz.scp.css */
/* Standart sayfa düzeni (2026-10-19): içerik başlıkla AYNI sol kenardan başlar; sabit genişlikte ortalanmış kap başlıktan bağımsız bir yerden başlıyordu. */
/* Operations — System Health. Editorial brutalism, 0px radius, ambient occlusion. */

.ops-shell[b-5snq91uhfb] { max-width: none; margin-inline: 0; }

.ops-back[b-5snq91uhfb] {
    gap: 0.45rem;
    margin-bottom: 1.5rem;
}

/* ----- Hero ----- */
.ops-hero[b-5snq91uhfb] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.25rem 2rem;
    margin-bottom: 2rem;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--primary-glow) 0%, transparent 55%),
        var(--surface-container);
    overflow: hidden;
}

.ops-hero[b-5snq91uhfb]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: var(--gradient-primary);
    opacity: 0.9;
}

.ops-hero-eyebrow[b-5snq91uhfb] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 0.5rem;
}

.ops-hero-title[b-5snq91uhfb] {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--on-surface);
    margin: 0;
}

.ops-hero-title strong[b-5snq91uhfb] { font-weight: 700; color: var(--primary); }

.ops-hero-sub[b-5snq91uhfb] {
    margin-top: 0.75rem;
    max-width: 46ch;
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--on-surface-variant);
}

.ops-hero-aside[b-5snq91uhfb] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
}

.ops-hero-meta[b-5snq91uhfb] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

/* Overall status badge. */
.ops-overall[b-5snq91uhfb] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.35rem 0.85rem;
}

.ops-overall-healthy[b-5snq91uhfb] { background: var(--primary); color: var(--on-primary); }
.ops-overall-degraded[b-5snq91uhfb] { background: var(--secondary); color: var(--on-primary); }
.ops-overall-unhealthy[b-5snq91uhfb] { background: var(--tertiary); color: var(--surface); }

.ops-refresh-btn[b-5snq91uhfb] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--surface-container-highest);
    color: var(--on-surface);
    border: none;
    padding: 0.4rem 0.7rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--transition-btn);
}

.ops-refresh-btn:hover[b-5snq91uhfb] { background: var(--primary); color: var(--on-primary); }

/* ----- Stat grid ----- */
.ops-stat-grid[b-5snq91uhfb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.ops-stat[b-5snq91uhfb] {
    position: relative;
    padding: 1.5rem 1.35rem;
    background: var(--surface-container-lowest);
    box-shadow: var(--shadow-ambient);
    overflow: hidden;
}

.ops-stat[b-5snq91uhfb]::after {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
}

.ops-stat-ok[b-5snq91uhfb]::after { background: var(--primary); }
.ops-stat-warn[b-5snq91uhfb]::after { background: var(--secondary); }
.ops-stat-crit[b-5snq91uhfb]::after { background: var(--tertiary); }

.ops-stat-value[b-5snq91uhfb] {
    font-size: 2.75rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.ops-stat-label[b-5snq91uhfb] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

/* ----- Panel ----- */
.ops-panel[b-5snq91uhfb] {
    background: var(--surface-container);
    box-shadow: var(--shadow-ambient);
    padding: 1.75rem;
    margin-bottom: 1.5rem;
}

.ops-panel-head[b-5snq91uhfb] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.ops-panel-head .material-symbols-outlined[b-5snq91uhfb] {
    color: var(--primary);
    font-size: var(--font-size-2xl);
}

.ops-panel-title[b-5snq91uhfb] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--on-surface);
    margin: 0;
}

.ops-panel-count[b-5snq91uhfb] {
    margin-left: auto;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    background: var(--surface-container-highest);
    padding: var(--space-1) 0.6rem;
}

/* ----- Component rows ----- */
.ops-component-list[b-5snq91uhfb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ops-component[b-5snq91uhfb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--surface-container-low);
}

.ops-comp-dot[b-5snq91uhfb] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}

.ops-comp-healthy .ops-comp-dot[b-5snq91uhfb] { background: var(--primary); }
.ops-comp-degraded .ops-comp-dot[b-5snq91uhfb] { background: var(--secondary); }
.ops-comp-unhealthy .ops-comp-dot[b-5snq91uhfb] { background: var(--tertiary); }

.ops-comp-body[b-5snq91uhfb] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
    min-width: 0;
}

.ops-comp-name[b-5snq91uhfb] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--on-surface);
}

.ops-comp-desc[b-5snq91uhfb] {
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
}

.ops-comp-tags[b-5snq91uhfb] {
    font-size: var(--font-size-xs);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    white-space: nowrap;
}

.ops-comp-duration[b-5snq91uhfb] {
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ops-comp-status[b-5snq91uhfb] {
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ops-comp-healthy .ops-comp-status[b-5snq91uhfb] { color: var(--primary); }
.ops-comp-degraded .ops-comp-status[b-5snq91uhfb] { color: var(--secondary); }
.ops-comp-unhealthy .ops-comp-status[b-5snq91uhfb] { color: var(--tertiary); }

/* ----- Window selector ----- */
.usl-window[b-5snq91uhfb] { display: inline-flex; gap: 1px; }

.usl-window-btn[b-5snq91uhfb] {
    background: var(--surface-container-highest);
    color: var(--on-surface-variant);
    border: none;
    padding: 0.4rem 0.75rem;
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--transition-btn), color var(--transition-btn);
}

.usl-window-btn:hover[b-5snq91uhfb] { color: var(--on-surface); }
.usl-window-on[b-5snq91uhfb] { background: var(--primary); color: var(--on-primary); }

/* ----- Uptime headline ----- */
.usl-headline[b-5snq91uhfb] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.75rem 1.85rem;
    margin-bottom: 1.5rem;
    background: var(--surface-container);
    box-shadow: var(--shadow-ambient);
    overflow: hidden;
}

.usl-headline[b-5snq91uhfb]::after {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
}

.usl-headline-ok[b-5snq91uhfb]::after { background: var(--primary); }
.usl-headline-breach[b-5snq91uhfb]::after { background: var(--tertiary); }

.usl-headline-main[b-5snq91uhfb] { display: flex; flex-direction: column; gap: 0.35rem; }

.usl-uptime[b-5snq91uhfb] {
    font-size: 3.25rem;
    font-weight: 300;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.usl-uptime span[b-5snq91uhfb] { font-size: var(--font-size-3xl); color: var(--on-surface-variant); }

.usl-headline-label[b-5snq91uhfb] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

.usl-slo-pill[b-5snq91uhfb] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 0.25rem 0.6rem;
}

.usl-headline-ok .usl-slo-pill[b-5snq91uhfb] { background: var(--primary); color: var(--on-primary); }
.usl-headline-breach .usl-slo-pill[b-5snq91uhfb] { background: var(--tertiary); color: var(--surface); }

.usl-headline-meta[b-5snq91uhfb] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    font-variant-numeric: tabular-nums;
}

/* ----- Hourly sparkline ----- */
.usl-spark[b-5snq91uhfb] {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 120px;
    padding-top: 0.5rem;
}

.usl-spark-col[b-5snq91uhfb] {
    flex: 1;
    min-width: 3px;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.usl-spark-bar[b-5snq91uhfb] {
    width: 100%;
    transition: height var(--transition-card);
}

.usl-spark-ok[b-5snq91uhfb] { background: var(--primary); }
.usl-spark-warn[b-5snq91uhfb] { background: var(--secondary); }
.usl-spark-crit[b-5snq91uhfb] { background: var(--tertiary); }

/* ----- Component reliability stats ----- */
.usl-comp-stat[b-5snq91uhfb] {
    font-size: var(--font-size-2xs);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.usl-comp-crit[b-5snq91uhfb] { color: var(--tertiary); }
.usl-comp-warn[b-5snq91uhfb] { color: var(--secondary); }

@media (prefers-reduced-motion: reduce) {
    .usl-spark-bar[b-5snq91uhfb] { transition: none; }
}

/* ----- Responsive ----- */
@media (max-width: 1024px) {
    .ops-stat-grid[b-5snq91uhfb] { grid-template-columns: 1fr; }
    .ops-hero[b-5snq91uhfb] { flex-direction: column; align-items: flex-start; }
    .ops-hero-aside[b-5snq91uhfb] { align-items: flex-start; }
    .usl-headline[b-5snq91uhfb] { flex-direction: column; align-items: flex-start; }
    .usl-headline-meta[b-5snq91uhfb] { align-items: flex-start; }
}
/* /Components/Pages/UsageBillingDashboard.razor.rz.scp.css */
/* Standart sayfa düzeni (2026-10-19): içerik başlıkla AYNI sol kenardan başlar; sabit genişlikte ortalanmış kap başlıktan bağımsız bir yerden başlıyordu. */
/* Usage & billing. Editorial brutalism, 0px radius. */

.ubd-shell[b-wpgs12upw1] { max-width: none; margin-inline: 0; }

.ubd-back[b-wpgs12upw1] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1.5rem;
}

.ubd-hero[b-wpgs12upw1] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.25rem 2rem;
    margin-bottom: 2rem;
    background:
        radial-gradient(120% 140% at 100% 0%, rgba(236,193,89,0.12) 0%, transparent 55%),
        var(--surface-container);
    overflow: hidden;
}

.ubd-hero[b-wpgs12upw1]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: var(--gradient-gold);
    opacity: 0.9;
}

.ubd-hero-eyebrow[b-wpgs12upw1] {
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--secondary);
    margin-bottom: 0.5rem;
}

.ubd-hero-title[b-wpgs12upw1] {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: var(--on-surface);
    margin: 0;
}

.ubd-hero-title strong[b-wpgs12upw1] { font-weight: 700; color: var(--secondary); }

.ubd-hero-sub[b-wpgs12upw1] {
    margin-top: 0.75rem;
    max-width: 48ch;
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--on-surface-variant);
}

/* GİRDİ KART DÜZLEMİNDE KALIR (kanonik karar, `veraius-components.css`:
   ÖLÇÜLDÜ 2026-09-16). Burada kuyu tonu yazılıydı — beyaz kart üzerinde ayrım
   1.30:1 ve form bir "gri kutu yığını" gibi okunuyor. Yapıyı zemin değil
   1px'lik hayalet çerçeve okutur; odak/hover hâlâ zemin değiştirir. */
.ubd-period-select[b-wpgs12upw1] {
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--ghost-border);
    color: var(--on-surface);
    border: none;
    padding: 0.45rem 0.7rem;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.03em;
    cursor: pointer;
}

.ubd-period-select:focus-visible[b-wpgs12upw1] {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

/* ----- Stat grid ----- */
.ubd-stat-grid[b-wpgs12upw1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.ubd-stat[b-wpgs12upw1] {
    position: relative;
    padding: 1.5rem 1.35rem;
    background: var(--surface-container-lowest);
    box-shadow: var(--shadow-ambient);
    overflow: hidden;
}

.ubd-stat[b-wpgs12upw1]::after {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
}

.ubd-stat-primary[b-wpgs12upw1]::after { background: var(--gradient-primary); }
.ubd-stat-gold[b-wpgs12upw1]::after { background: var(--gradient-gold); }
.ubd-stat-salmon[b-wpgs12upw1]::after { background: var(--tertiary); }

.ubd-stat-value[b-wpgs12upw1] {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: var(--on-surface);
    font-variant-numeric: tabular-nums;
}

.ubd-stat-label[b-wpgs12upw1] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
}

/* ----- Rate note ----- */
.ubd-rate-note[b-wpgs12upw1] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.7rem 1rem;
    margin-bottom: 1.5rem;
    background: var(--surface-container-low);
    font-size: var(--font-size-sm);
    color: var(--on-surface-variant);
}

.ubd-rate-note .material-symbols-outlined[b-wpgs12upw1] { color: var(--secondary); }

/* ----- Panel ----- */
.ubd-panel[b-wpgs12upw1] {
    background: var(--surface-container);
    box-shadow: var(--shadow-ambient);
    padding: 1.75rem;
}

.ubd-panel-head[b-wpgs12upw1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.ubd-panel-head .material-symbols-outlined[b-wpgs12upw1] {
    color: var(--secondary);
    font-size: var(--font-size-2xl);
}

.ubd-panel-title[b-wpgs12upw1] {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--on-surface);
    margin: 0;
}

.ubd-panel-count[b-wpgs12upw1] {
    margin-left: auto;
    font-size: var(--font-size-2xs);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    background: var(--surface-container-highest);
    padding: var(--space-1) 0.6rem;
}

/* ----- Table ----- */
.ubd-table[b-wpgs12upw1] {
    width: 100%;
    border-collapse: collapse;
}

.ubd-table thead th[b-wpgs12upw1] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    text-align: left;
    padding: 0 0.75rem 0.6rem;
}

.ubd-table tbody tr:nth-child(even)[b-wpgs12upw1] {
    background: var(--surface-container-low);
}

.ubd-table tbody tr:hover[b-wpgs12upw1] {
    background: var(--surface-container-high);
}

.ubd-table tbody td[b-wpgs12upw1] {
    padding: 0.7rem 0.75rem;
    font-size: var(--font-size-md);
    color: var(--on-surface);
}

.ubd-key[b-wpgs12upw1] {
    font-weight: 600;
    color: var(--on-surface);
}

.ubd-num[b-wpgs12upw1] {
    font-variant-numeric: tabular-nums;
    color: var(--on-surface-variant);
    white-space: nowrap;
}

.ubd-cost[b-wpgs12upw1] {
    font-weight: 700;
    color: var(--secondary);
}

@media (max-width: 1024px) {
    .ubd-stat-grid[b-wpgs12upw1] { grid-template-columns: 1fr; }
    .ubd-hero[b-wpgs12upw1] { flex-direction: column; align-items: flex-start; }
}