@import '_content/LvAtlasWeb.MaskUi/LvAtlasWeb.MaskUi.burrooshqb.bundle.scp.css';

/* /Components/AboutSolAlphaContent.razor.rz.scp.css */
/* Blueprint design language shared with the SOL ALPHA trade-fair material:
   light technical paper, navy/cyan palette, Saira Condensed + IBM Plex.
   Fonts are linked in wwwroot/index.html; fallback stacks keep the page
   legible when the Google Fonts CDN is unreachable. */

.asa[b-ls3hj4sdeh] {
    --asa-paper: #f5f9fc;
    --asa-ink: #0e2747;
    --asa-sub: #5b7189;
    --asa-accent: #0f8fd0;
    --asa-accent-bright: #59c8ff;
    --asa-pline: #c2d6e6;
    --asa-cline: #d4e1ec;
    --asa-card: #ffffff;
    --asa-navy: #0e2747;
    --asa-signal: #ffb547;
    --asa-ok: #12a86e;
    --asa-display: "Saira Condensed", "Arial Narrow", sans-serif;
    --asa-body: "IBM Plex Sans", "Segoe UI", Roboto, sans-serif;
    --asa-mono: "IBM Plex Mono", Consolas, monospace;

    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 100%;
    padding: 0 clamp(20px, 3.5vw, 48px) 56px;
    color: var(--asa-ink);
    font-family: var(--asa-body);
    background-color: var(--asa-paper);
    background-image:
        repeating-linear-gradient(0deg, rgba(15, 143, 208, 0.05) 0 1px, transparent 1px 56px),
        repeating-linear-gradient(90deg, rgba(15, 143, 208, 0.05) 0 1px, transparent 1px 56px);
}

.asa *[b-ls3hj4sdeh],
.asa *[b-ls3hj4sdeh]::before,
.asa *[b-ls3hj4sdeh]::after {
    box-sizing: border-box;
}

.asa > *[b-ls3hj4sdeh] {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

/* ---- Kopfzeile ---- */
.asa-topbar[b-ls3hj4sdeh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 30px;
}

.asa-brand[b-ls3hj4sdeh] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.asa-brand svg[b-ls3hj4sdeh] {
    width: 40px;
    height: 45px;
    color: var(--asa-accent);
}

.asa-brand-word[b-ls3hj4sdeh] {
    font-family: var(--asa-display);
    font-weight: 800;
    font-size: 29px;
    letter-spacing: 0.06em;
    line-height: 1;
}

.asa-brand-word span[b-ls3hj4sdeh] {
    color: var(--asa-accent);
}

.asa-brand-by[b-ls3hj4sdeh] {
    font-family: var(--asa-mono);
    font-size: 12px;
    color: var(--asa-sub);
}

/* ---- Hero ---- */
.asa-hero[b-ls3hj4sdeh] {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: clamp(28px, 4vw, 48px);
    align-items: stretch;
    padding-top: clamp(36px, 5vw, 64px);
}

.asa-hero-copy[b-ls3hj4sdeh] {
    align-self: center;
}

.asa-eyebrow[b-ls3hj4sdeh] {
    font-family: var(--asa-mono);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--asa-accent);
    margin: 0 0 16px;
}

.asa h1[b-ls3hj4sdeh] {
    font-family: var(--asa-display);
    font-weight: 800;
    font-size: clamp(40px, 4.8vw, 62px);
    line-height: 0.97;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin: 0;
    text-wrap: balance;
}

.asa h1 em[b-ls3hj4sdeh] {
    font-style: normal;
    color: var(--asa-accent);
}

.asa-lede[b-ls3hj4sdeh] {
    margin: 20px 0 0;
    font-size: 16.5px;
    line-height: 1.6;
    color: var(--asa-sub);
    max-width: 34em;
}

.asa-actions[b-ls3hj4sdeh] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.asa-btn-primary[b-ls3hj4sdeh],
.asa-btn-secondary[b-ls3hj4sdeh],
.asa-btn-light[b-ls3hj4sdeh] {
    font-family: var(--asa-display);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 24px 13px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.asa-btn-primary[b-ls3hj4sdeh] {
    background: var(--asa-signal);
    color: #2a1a06;
    box-shadow: 0 6px 18px rgba(255, 181, 71, 0.35);
}

.asa-btn-secondary[b-ls3hj4sdeh] {
    border: 2px solid var(--asa-ink);
    color: var(--asa-ink);
}

.asa-btn-primary:hover[b-ls3hj4sdeh],
.asa-btn-secondary:hover[b-ls3hj4sdeh],
.asa-btn-light:hover[b-ls3hj4sdeh] {
    transform: translateY(-2px);
}

.asa-btn-primary:focus-visible[b-ls3hj4sdeh],
.asa-btn-secondary:focus-visible[b-ls3hj4sdeh],
.asa-btn-light:focus-visible[b-ls3hj4sdeh],
.asa-text-link:focus-visible[b-ls3hj4sdeh] {
    outline: 3px solid var(--asa-accent);
    outline-offset: 2px;
}

/* ---- Hero-Bild: Bildtafel mit versetzter Navy-Platte und Bildunterschrift ---- */
.asa-hero-visual[b-ls3hj4sdeh] {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 100%;
}

.asa-hero-frame[b-ls3hj4sdeh] {
    position: relative;
    aspect-ratio: 3 / 2;
}

.asa-hero-frame[b-ls3hj4sdeh]::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    right: -16px;
    bottom: -16px;
    background: var(--asa-navy);
}

.asa-hero-frame img[b-ls3hj4sdeh] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 62% center;
    box-shadow: 0 16px 44px rgba(14, 39, 71, 0.22);
}

.asa-hero-visual figcaption[b-ls3hj4sdeh] {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--asa-mono);
    font-size: 11.5px;
    letter-spacing: 0.03em;
    color: var(--asa-sub);
}

.asa-caption-mark[b-ls3hj4sdeh] {
    width: 22px;
    height: 2px;
    background: var(--asa-accent);
    flex: none;
}

/* ---- Kennzahlen ---- */
.asa-proof[b-ls3hj4sdeh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: clamp(36px, 5vw, 56px);
    border-top: 1px solid var(--asa-cline);
    padding-top: 32px;
}

.asa-proof-item strong[b-ls3hj4sdeh] {
    display: block;
    font-family: var(--asa-display);
    font-weight: 800;
    font-size: 42px;
    line-height: 1;
    color: var(--asa-accent);
    font-variant-numeric: tabular-nums;
}

.asa-proof-item span[b-ls3hj4sdeh] {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--asa-sub);
}

.asa-pillars[b-ls3hj4sdeh] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 30px;
}

.asa-pillars i[b-ls3hj4sdeh] {
    font-style: normal;
    font-family: var(--asa-mono);
    font-size: 12.5px;
    letter-spacing: 0.04em;
    padding: 7px 14px;
    border: 1px solid var(--asa-pline);
    background: rgba(255, 255, 255, 0.65);
}

/* ---- Abschnitte ---- */
.asa section[b-ls3hj4sdeh] {
    margin-top: clamp(56px, 7vw, 88px);
}

.asa-kicker[b-ls3hj4sdeh] {
    font-family: var(--asa-mono);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--asa-accent);
}

.asa h2[b-ls3hj4sdeh] {
    font-family: var(--asa-display);
    font-weight: 800;
    font-size: clamp(28px, 3.4vw, 40px);
    line-height: 1;
    text-transform: uppercase;
    margin: 10px 0 0;
    text-wrap: balance;
}

.asa-section-sub[b-ls3hj4sdeh] {
    margin: 12px 0 0;
    font-size: 15px;
    color: var(--asa-sub);
    max-width: 40em;
}

/* ---- Workflow ---- */
.asa-workflow-grid[b-ls3hj4sdeh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 34px;
}

.asa-step[b-ls3hj4sdeh] {
    border: 1px solid var(--asa-cline);
    background: var(--asa-card);
    padding: 22px 22px 20px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.asa-step-number[b-ls3hj4sdeh] {
    font-family: var(--asa-mono);
    font-size: 13px;
    color: var(--asa-accent);
    border: 1px solid var(--asa-pline);
    padding: 4px 8px;
    flex: none;
}

.asa-step h3[b-ls3hj4sdeh] {
    margin: 0 0 6px;
    font-family: var(--asa-display);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.asa-step p[b-ls3hj4sdeh] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--asa-sub);
}

/* ---- Regelwerke ---- */
.asa-coverage[b-ls3hj4sdeh] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
}

.asa-standard-list[b-ls3hj4sdeh] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.asa-standard-list span[b-ls3hj4sdeh] {
    font-family: var(--asa-mono);
    font-size: 13px;
    letter-spacing: 0.04em;
    padding: 8px 16px;
    border: 1px solid var(--asa-pline);
    background: rgba(255, 255, 255, 0.65);
}

/* ---- Capabilities ---- */
.asa-cap-grid[b-ls3hj4sdeh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 34px;
}

.asa-cap[b-ls3hj4sdeh] {
    border: 1px solid var(--asa-cline);
    background: var(--asa-card);
    padding: 24px;
    display: flex;
    gap: 18px;
    align-items: flex-start;
}

.asa-cap-featured[b-ls3hj4sdeh] {
    border-left: 3px solid var(--asa-signal);
}

.asa-cap svg[b-ls3hj4sdeh] {
    width: 30px;
    height: 30px;
    flex: none;
    color: var(--asa-accent);
    margin-top: 3px;
}

.asa-cap-label[b-ls3hj4sdeh] {
    font-family: var(--asa-mono);
    font-size: 10.5px;
    letter-spacing: 0.16em;
    color: var(--asa-accent);
}

.asa-cap h3[b-ls3hj4sdeh] {
    margin: 5px 0 7px;
    font-family: var(--asa-display);
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.asa-cap p[b-ls3hj4sdeh] {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--asa-sub);
}

/* ---- Final CTA (Navy-Fundament) ---- */
.asa-final-cta[b-ls3hj4sdeh] {
    background: var(--asa-navy);
    color: #eaf4fc;
    padding: clamp(28px, 4vw, 48px);
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
}

.asa-final-cta .asa-kicker[b-ls3hj4sdeh] {
    color: var(--asa-accent-bright);
}

.asa-final-cta h2[b-ls3hj4sdeh] {
    color: #ffffff;
    max-width: 14em;
}

.asa-final-cta p[b-ls3hj4sdeh] {
    color: #9db4cb;
    margin: 12px 0 0;
    max-width: 34em;
}

.asa-final-actions[b-ls3hj4sdeh] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

.asa-btn-light[b-ls3hj4sdeh] {
    background: #ffffff;
    color: var(--asa-navy);
}

.asa-text-link[b-ls3hj4sdeh] {
    font-family: var(--asa-mono);
    font-size: 14px;
    color: var(--asa-accent-bright);
    text-decoration: none;
    border-bottom: 1px solid rgba(89, 200, 255, 0.4);
    padding-bottom: 2px;
}

.asa-text-link:hover[b-ls3hj4sdeh] {
    border-bottom-color: var(--asa-accent-bright);
}

/* ---- Footer ---- */
.asa-footer[b-ls3hj4sdeh] {
    margin-top: 40px;
    border-top: 1px solid var(--asa-cline);
    padding-top: 22px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
    font-family: var(--asa-mono);
    font-size: 12.5px;
    color: var(--asa-sub);
}

.asa-footer a[b-ls3hj4sdeh] {
    color: var(--asa-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--asa-pline);
}

.asa-footer a:hover[b-ls3hj4sdeh] {
    border-bottom-color: var(--asa-accent);
}

.asa-footer-divider[b-ls3hj4sdeh] {
    width: 4px;
    height: 4px;
    background: var(--asa-pline);
    border-radius: 50%;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
    .asa-hero[b-ls3hj4sdeh] {
        grid-template-columns: 1fr;
        gap: 34px;
    }


    .asa-proof[b-ls3hj4sdeh] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asa-workflow-grid[b-ls3hj4sdeh],
    .asa-cap-grid[b-ls3hj4sdeh] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .asa-btn-primary[b-ls3hj4sdeh],
    .asa-btn-secondary[b-ls3hj4sdeh],
    .asa-btn-light[b-ls3hj4sdeh] {
        transition: none;
    }
}
/* /Components/Admin/AtlAnalyzerPanel.razor.rz.scp.css */
.atl-analyzer-overlay[b-pb9r3y8c06] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 18, 28, 0.58);
}

.atl-analyzer-modal[b-pb9r3y8c06] {
    width: min(1180px, calc(100vw - 32px));
    max-height: calc(100vh - 36px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f5f8fa;
    border: 1px solid #b8ccd8;
    border-radius: 8px;
    box-shadow: 0 18px 55px rgba(12, 25, 38, 0.32);
    color: #193149;
}

.atl-analyzer-header[b-pb9r3y8c06] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    background: #e8f3f5;
    border-bottom: 1px solid #bdd3dd;
}

.atl-analyzer-header h2[b-pb9r3y8c06] {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
}

.atl-analyzer-header span[b-pb9r3y8c06] {
    display: block;
    margin-top: 3px;
    color: #5c7182;
    font-size: 12px;
}

.atl-close[b-pb9r3y8c06] {
    width: 30px;
    height: 30px;
    border: 1px solid #aac1d0;
    border-radius: 4px;
    background: #fff;
    color: #29475f;
    cursor: pointer;
    font-weight: 700;
}

.atl-analyzer-body[b-pb9r3y8c06] {
    padding: 14px;
    overflow: auto;
}

.atl-toolbar[b-pb9r3y8c06] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.atl-file-drop[b-pb9r3y8c06] {
    flex: 1;
    min-height: 58px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 10px 14px;
    border: 1px dashed #8fb0c3;
    border-radius: 6px;
    background: #ffffff;
    cursor: pointer;
}

.atl-file-drop input[b-pb9r3y8c06] {
    display: none;
}

.atl-file-title[b-pb9r3y8c06] {
    font-size: 13px;
    font-weight: 700;
    color: #17654f;
}

.atl-file-hint[b-pb9r3y8c06] {
    font-size: 12px;
    color: #617385;
}

.atl-btn[b-pb9r3y8c06] {
    min-width: 130px;
    border: 1px solid #8fb5a8;
    border-radius: 5px;
    background: #228b66;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.atl-btn-secondary[b-pb9r3y8c06] {
    background: #ffffff;
    color: #17654f;
}

.atl-loading[b-pb9r3y8c06],
.atl-empty[b-pb9r3y8c06],
.atl-alert[b-pb9r3y8c06] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 160px;
    border: 1px solid #d4e1e9;
    border-radius: 7px;
    background: #ffffff;
    color: #5b6d7d;
}

.atl-empty.compact[b-pb9r3y8c06] {
    min-height: 84px;
}

.atl-alert-error[b-pb9r3y8c06] {
    align-items: flex-start;
    min-height: auto;
    padding: 14px;
    border-color: #efb4b4;
    background: #fff2f2;
    color: #8c2626;
}

.atl-spinner[b-pb9r3y8c06] {
    width: 34px;
    height: 34px;
    border: 3px solid #d8e5ea;
    border-top-color: #228b66;
    border-radius: 50%;
    animation: atlSpin-b-pb9r3y8c06 0.8s linear infinite;
}

@keyframes atlSpin-b-pb9r3y8c06 {
    to { transform: rotate(360deg); }
}

.atl-summary-grid[b-pb9r3y8c06] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.atl-summary-card[b-pb9r3y8c06] {
    min-width: 0;
    padding: 10px;
    border: 1px solid #d4e1e9;
    border-radius: 6px;
    background: #ffffff;
}

.atl-summary-card span[b-pb9r3y8c06] {
    display: block;
    font-size: 11px;
    color: #687d8e;
}

.atl-summary-card strong[b-pb9r3y8c06] {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}

.atl-main-grid[b-pb9r3y8c06] {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 12px;
}

.atl-panel[b-pb9r3y8c06] {
    min-width: 0;
    border: 1px solid #d4e1e9;
    border-radius: 7px;
    background: #ffffff;
    overflow: hidden;
}

.atl-panel-header[b-pb9r3y8c06] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    padding: 9px 12px;
    border-bottom: 1px solid #dce7ed;
    background: #eef6f7;
}

.atl-panel-header h3[b-pb9r3y8c06] {
    margin: 0;
    font-size: 13px;
}

.atl-panel-header span[b-pb9r3y8c06] {
    color: #687d8e;
    font-size: 12px;
}

.atl-filter-row[b-pb9r3y8c06] {
    padding: 8px;
    border-bottom: 1px solid #e3edf2;
}

.atl-filter-row input[b-pb9r3y8c06] {
    width: 100%;
    height: 30px;
    padding: 0 9px;
    border: 1px solid #bfd2dd;
    border-radius: 4px;
}

.atl-module-list[b-pb9r3y8c06] {
    max-height: 490px;
    overflow: auto;
}

.atl-module-row[b-pb9r3y8c06] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 62px 55px 70px;
    gap: 6px;
    align-items: center;
    min-height: 32px;
    padding: 6px 9px;
    border: 0;
    border-bottom: 1px solid #edf3f6;
    background: #ffffff;
    color: #193149;
    text-align: left;
    cursor: pointer;
}

.atl-module-row:hover[b-pb9r3y8c06],
.atl-module-row.active[b-pb9r3y8c06] {
    background: #e6f4ef;
}

.atl-module-token[b-pb9r3y8c06] {
    font-weight: 700;
    color: #0f513f;
}

.atl-detail-panel[b-pb9r3y8c06] {
    min-height: 560px;
}

.atl-kv-grid[b-pb9r3y8c06] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
}

.atl-kv-grid div[b-pb9r3y8c06] {
    min-width: 0;
    padding: 8px;
    border: 1px solid #e0e9ee;
    border-radius: 5px;
    background: #f8fbfc;
}

.atl-kv-grid span[b-pb9r3y8c06] {
    display: block;
    font-size: 11px;
    color: #6d7f8e;
}

.atl-kv-grid strong[b-pb9r3y8c06] {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.atl-details[b-pb9r3y8c06] {
    margin: 0 10px 10px;
    border: 1px solid #e0e9ee;
    border-radius: 5px;
    background: #fbfdfe;
}

.atl-details summary[b-pb9r3y8c06] {
    padding: 8px 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
}

.atl-chip-list[b-pb9r3y8c06] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 10px 10px;
}

.atl-chip[b-pb9r3y8c06] {
    max-width: 100%;
    padding: 4px 7px;
    border: 1px solid #cfe1e8;
    border-radius: 4px;
    background: #eef6f7;
    font-family: Consolas, monospace;
    font-size: 11px;
}

.atl-table-wrap[b-pb9r3y8c06] {
    margin: 0 10px 10px;
    max-height: 390px;
    overflow: auto;
    border: 1px solid #e0e9ee;
    border-radius: 5px;
}

.atl-table[b-pb9r3y8c06] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.atl-table th[b-pb9r3y8c06],
.atl-table td[b-pb9r3y8c06] {
    padding: 6px 8px;
    border-bottom: 1px solid #edf3f6;
    vertical-align: top;
}

.atl-table th[b-pb9r3y8c06] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f1f7f8;
    color: #38546a;
    text-align: left;
}

.mono[b-pb9r3y8c06] {
    font-family: Consolas, monospace;
}

.atl-role[b-pb9r3y8c06] {
    display: inline-flex;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
}

.atl-role.input[b-pb9r3y8c06] {
    background: #e6f4ef;
    color: #17654f;
}

.atl-role.calc[b-pb9r3y8c06] {
    background: #eaf2fb;
    color: #245f91;
}

.atl-role.unknown[b-pb9r3y8c06] {
    background: #f3f4f6;
    color: #687d8e;
}

.atl-connections[b-pb9r3y8c06] {
    margin-top: 12px;
}

.atl-connection-grid[b-pb9r3y8c06] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 8px;
    padding: 10px;
}

.atl-connection-card[b-pb9r3y8c06] {
    min-width: 0;
    padding: 9px;
    border: 1px solid #dce7ed;
    border-radius: 5px;
    background: #f8fbfc;
}

.atl-connection-card strong[b-pb9r3y8c06],
.atl-connection-card span[b-pb9r3y8c06] {
    display: block;
}

.atl-connection-card span[b-pb9r3y8c06] {
    margin-top: 4px;
    color: #5d7080;
    font-size: 12px;
}

@media (max-width: 980px) {
    .atl-summary-grid[b-pb9r3y8c06] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .atl-main-grid[b-pb9r3y8c06] {
        grid-template-columns: 1fr;
    }

    .atl-module-list[b-pb9r3y8c06] {
        max-height: 260px;
    }
}
/* /Components/Admin/LogLevelsPanel.razor.rz.scp.css */
.log-levels[b-pfxkj2vppx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.log-levels-header[b-pfxkj2vppx] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}

.log-levels-hint[b-pfxkj2vppx] {
    flex: 1 1 280px;
    color: var(--text-secondary, #666);
    font-size: 0.85em;
}

.log-levels table[b-pfxkj2vppx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85em;
}

.log-levels th[b-pfxkj2vppx],
.log-levels td[b-pfxkj2vppx] {
    padding: 3px 6px;
    border-bottom: 1px solid var(--border-color, #e0e0e0);
    text-align: left;
    vertical-align: middle;
}

.log-levels tbody th[b-pfxkj2vppx] {
    font-weight: 600;
    white-space: nowrap;
}

.log-actions[b-pfxkj2vppx] {
    white-space: nowrap;
    text-align: right;
}

.log-actions button[b-pfxkj2vppx],
.log-levels-refresh[b-pfxkj2vppx] {
    margin-left: 4px;
    padding: 1px 8px;
    font-size: 0.9em;
}

.log-profile-active[b-pfxkj2vppx],
.log-area-raised[b-pfxkj2vppx] {
    background: var(--highlight-bg, rgba(255, 193, 7, 0.12));
}
/* /Components/Admin/ModuleUnitTestPanel.razor.rz.scp.css */
/* Module Unit Test Panel Styles */

.unit-test-overlay[b-qa9j09msre] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.unit-test-modal[b-qa9j09msre] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
    width: 92%;
    max-width: 1080px;   /* +20% from 900px */
    max-height: 88vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-qa9j09msre] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 24px;
    background: linear-gradient(135deg, #2b5797 0%, #1e3a5f 100%);
    border-radius: 12px 12px 0 0;
    color: white;
    flex-shrink: 0;
}

.modal-header h2[b-qa9j09msre] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.btn-close[b-qa9j09msre] {
    background: rgba(255, 255, 255, 0.18);
    border: none;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.9rem;
    transition: background 0.2s;
    line-height: 1;
}

.btn-close:hover[b-qa9j09msre] {
    background: rgba(255, 255, 255, 0.32);
}

.modal-body[b-qa9j09msre] {
    padding: 20px 24px;
    overflow-y: auto;
    flex: 1;
}

/* Loading */
.loading-indicator[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
}

.spinner[b-qa9j09msre] {
    width: 44px;
    height: 44px;
    border: 3px solid #e0e0e0;
    border-top-color: #2b5797;
    border-radius: 50%;
    animation: spin-b-qa9j09msre 0.8s linear infinite;
}

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

/* Error */
.error-message[b-qa9j09msre] {
    background: #ffebee;
    color: #c62828;
    padding: 14px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.875rem;
}

.btn-retry[b-qa9j09msre] {
    margin-left: 12px;
    padding: 5px 12px;
    background: #c62828;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
}

/* ── Selection Form ────────────────────────────── */
.module-selection[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Generic label-value row (Data Scope, Tolerance, etc.) */
.selection-row[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.selection-row label[b-qa9j09msre] {
    min-width: 110px;
    font-weight: 500;
    font-size: 0.875rem;
    color: #444;
    flex-shrink: 0;
}

.selection-row select[b-qa9j09msre],
.selection-row input[type="number"][b-qa9j09msre],
.selection-row input[type="text"]:not(.module-filter-input)[b-qa9j09msre] {
    flex: 1;
    padding: 7px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 6px;
    font-size: 0.875rem;
    background: white;
}

.selection-row select:focus[b-qa9j09msre],
.selection-row input:focus[b-qa9j09msre] {
    outline: none;
    border-color: #2b5797;
    box-shadow: 0 0 0 2px rgba(43, 87, 151, 0.12);
}

/* ── Module Selector (special layout, full width) ─ */
.module-selector-group[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.module-selector-label[b-qa9j09msre] {
    font-weight: 500;
    font-size: 0.875rem;
    color: #444;
    margin-bottom: 2px;
}

.module-filter-input[b-qa9j09msre] {
    padding: 7px 10px 7px 32px;
    border: 1px solid #d0d7e2;
    border-radius: 6px 6px 0 0;
    border-bottom: none;
    font-size: 0.875rem;
    width: 100%;
    box-sizing: border-box;
    background: #f7f9fc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") 9px center no-repeat;
}

.module-filter-input:focus[b-qa9j09msre] {
    outline: none;
    border-color: #2b5797;
    background-color: white;
    box-shadow: 0 0 0 2px rgba(43, 87, 151, 0.12);
    z-index: 1;
    position: relative;
}

.module-select-list[b-qa9j09msre] {
    width: 100%;
    min-height: 130px;
    border: 1px solid #d0d7e2;
    border-radius: 0 0 6px 6px;
    font-size: 0.875rem;
    padding: 2px;
    box-sizing: border-box;
    background: white;
    cursor: pointer;
}

.module-select-list:focus[b-qa9j09msre] {
    outline: none;
    border-color: #2b5797;
    box-shadow: 0 0 0 2px rgba(43, 87, 151, 0.12);
}

/* Override the generic .selection-row select for the module list */
.module-select-wrapper[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.module-select-wrapper select[b-qa9j09msre] {
    width: 100%;
    min-height: 130px;
    border: 1px solid #d0d7e2;
    border-radius: 0 0 6px 6px;
    font-size: 0.875rem;
    padding: 2px;
    box-sizing: border-box;
    flex: none;
}

/* Override the conflicting generic rule for filter input inside wrapper */
.module-select-wrapper .module-filter-input[b-qa9j09msre] {
    flex: none;
}

/* ── Runs Table ────────────────────────────────── */
.runs-list[b-qa9j09msre] {
    margin-top: 8px;
}

.runs-list h4[b-qa9j09msre] {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 600;
}

.runs-list table[b-qa9j09msre] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.84rem;
}

.runs-list th[b-qa9j09msre] {
    background: #f0f4f8;
    font-weight: 600;
    color: #4a5568;
    padding: 8px 10px;
    text-align: left;
    border-bottom: 2px solid #d8e2ec;
    white-space: nowrap;
}

.runs-list td[b-qa9j09msre] {
    padding: 7px 10px;
    text-align: left;
    border-bottom: 1px solid #edf0f5;
    vertical-align: middle;
}

.runs-list tr:hover td[b-qa9j09msre] {
    background: #f5f8ff;
}

/* ── Action cell: two buttons ─────────────────── */
.action-cell[b-qa9j09msre] {
    width: 155px;
    min-width: 155px;
    padding: 6px 10px !important;
    vertical-align: middle !important;
}

.btn-run-single[b-qa9j09msre] {
    display: block;
    width: 100%;
    padding: 5px 0;
    background: #2b5797;
    color: white;
    border: none;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.01em;
    transition: background 0.15s;
}

.btn-run-single:hover[b-qa9j09msre] {
    background: #1e3a5f;
}

.btn-interactive-test[b-qa9j09msre] {
    display: block;
    width: 100%;
    padding: 5px 0;
    background: white;
    color: #1565c0;
    border: 1.5px solid #1565c0;
    border-top: none;
    border-radius: 0 0 5px 5px;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.01em;
    transition: background 0.15s, color 0.15s;
    margin-top: 0;
}

.btn-interactive-test:hover[b-qa9j09msre] {
    background: #1565c0;
    color: white;
}

/* ── Action Buttons (bottom bar) ──────────────── */
.action-buttons[b-qa9j09msre] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #edf0f5;
}

.btn-cancel[b-qa9j09msre],
.btn-back[b-qa9j09msre] {
    padding: 9px 18px;
    background: #f5f5f5;
    color: #444;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: background 0.15s;
}

.btn-cancel:hover[b-qa9j09msre],
.btn-back:hover[b-qa9j09msre] {
    background: #e5e5e5;
}

.btn-batch[b-qa9j09msre] {
    padding: 9px 18px;
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: filter 0.15s;
}

.btn-batch:hover:not(:disabled)[b-qa9j09msre] {
    filter: brightness(0.92);
}

.btn-batch:disabled[b-qa9j09msre] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* ── Test Results ─────────────────────────────── */
.test-results[b-qa9j09msre],
.batch-results[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.results-header[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border-radius: 8px;
    color: white;
}

.results-header.passed[b-qa9j09msre] {
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
}

.results-header.failed[b-qa9j09msre] {
    background: linear-gradient(135deg, #f44336 0%, #c62828 100%);
}

.results-header .status-icon[b-qa9j09msre] {
    font-size: 1.4rem;
    font-weight: 700;
}

.results-header .module-name[b-qa9j09msre] {
    font-size: 1.05rem;
    font-weight: 600;
}

.results-header .pass-rate[b-qa9j09msre] {
    margin-left: auto;
    font-size: 1.15rem;
    font-weight: 600;
}

.results-summary[b-qa9j09msre] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.results-summary .stat[b-qa9j09msre] {
    flex: 1;
    min-width: 90px;
    background: #f8f9fa;
    padding: 10px 14px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #edf0f5;
}

.results-summary .stat .label[b-qa9j09msre] {
    display: block;
    font-size: 0.72rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 4px;
}

.results-summary .stat .value[b-qa9j09msre] {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    color: #333;
}

.results-summary .stat .value.passed[b-qa9j09msre] { color: #4caf50; }
.results-summary .stat .value.failed[b-qa9j09msre] { color: #f44336; }

.failed-variables[b-qa9j09msre],
.common-failures[b-qa9j09msre] {
    background: #fff8e1;
    padding: 14px 16px;
    border-radius: 8px;
    border: 1px solid #ffecb3;
}

.failed-variables h4[b-qa9j09msre],
.common-failures h4[b-qa9j09msre] {
    margin: 0 0 10px 0;
    color: #f57c00;
    font-size: 0.9rem;
}

.failed-variables table[b-qa9j09msre],
.common-failures table[b-qa9j09msre] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
}

.failed-variables th[b-qa9j09msre],
.failed-variables td[b-qa9j09msre],
.common-failures th[b-qa9j09msre],
.common-failures td[b-qa9j09msre] {
    padding: 7px 10px;
    text-align: left;
    border-bottom: 1px solid #ffe0b2;
}

.failed-variables th[b-qa9j09msre],
.common-failures th[b-qa9j09msre] {
    background: #fff3e0;
    font-weight: 600;
    color: #e65100;
}

.failed-variables .diff[b-qa9j09msre] {
    color: #f44336;
    font-weight: 600;
}

.more-results[b-qa9j09msre] {
    margin: 10px 0 0;
    color: #666;
    font-style: italic;
    font-size: 0.82rem;
}

.individual-results[b-qa9j09msre] {
    max-height: 200px;
    overflow-y: auto;
}

.individual-results h4[b-qa9j09msre] {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 0.9rem;
}

.run-result[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 4px;
    margin-bottom: 3px;
    font-size: 0.83rem;
}

.run-result.passed[b-qa9j09msre] { background: #e8f5e9; }
.run-result.failed[b-qa9j09msre] { background: #ffebee; }

.run-result .status[b-qa9j09msre] {
    font-weight: 700;
    min-width: 38px;
}

.run-result.passed .status[b-qa9j09msre] { color: #4caf50; }
.run-result.failed .status[b-qa9j09msre] { color: #f44336; }

.run-result .calc-id[b-qa9j09msre] {
    flex: 1;
    color: #333;
    font-size: 0.78rem;
    font-family: monospace;
}

.run-result .rate[b-qa9j09msre] { font-weight: 600; }
.run-result .counts[b-qa9j09msre] { color: #666; font-size: 0.8rem; }

/* Special module contract tests */
.special-test-results[b-qa9j09msre] {
    text-align: left;
}

.special-test-results .results-header[b-qa9j09msre] {
    align-items: center;
}

.special-test-results .results-summary[b-qa9j09msre] {
    margin-bottom: 14px;
}

.special-suite[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.special-suite-title[b-qa9j09msre] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 6px;
    border-bottom: 1px solid #e3e8ef;
    text-align: left;
}

.special-suite-title h4[b-qa9j09msre] {
    margin: 0;
    font-size: 0.98rem;
    color: #263b53;
}

.special-suite-title span[b-qa9j09msre] {
    font-size: 0.78rem;
    color: #60748a;
}

.special-class-section[b-qa9j09msre] {
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 35, 55, 0.04);
}

.special-class-header[b-qa9j09msre] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    background: #f4f7fb;
    border-left: 4px solid #7b8da3;
    text-align: left;
}

.special-class-header.passed[b-qa9j09msre] {
    border-left-color: #2e7d32;
}

.special-class-header.failed[b-qa9j09msre] {
    border-left-color: #c62828;
}

.special-class-header h5[b-qa9j09msre] {
    margin: 0 0 3px;
    font-size: 0.95rem;
    color: #18324c;
}

.special-class-header p[b-qa9j09msre] {
    margin: 0;
    font-size: 0.8rem;
    color: #5c6f82;
}

.special-class-counts[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 0.78rem;
    font-weight: 600;
}

.special-class-counts .passed[b-qa9j09msre] { color: #2e7d32; }
.special-class-counts .failed[b-qa9j09msre] { color: #c62828; }

.special-test-card[b-qa9j09msre] {
    padding: 12px 14px;
    border-top: 1px solid #e8eef4;
    border-left: 4px solid transparent;
    text-align: left;
}

.special-test-card.passed[b-qa9j09msre] {
    border-left-color: #43a047;
    background: #fbfefd;
}

.special-test-card.failed[b-qa9j09msre] {
    border-left-color: #e53935;
    background: #fffafa;
}

.special-test-card-header[b-qa9j09msre] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto auto;
    gap: 10px 12px;
    align-items: start;
}

.special-test-card-header .status[b-qa9j09msre] {
    font-weight: 700;
    font-size: 0.76rem;
}

.special-test-main[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.special-test-main strong[b-qa9j09msre] {
    color: #1d334c;
    font-size: 0.9rem;
}

.special-test-main span[b-qa9j09msre] {
    color: #64758a;
    font-size: 0.8rem;
    line-height: 1.35;
}

.special-module[b-qa9j09msre],
.special-duration[b-qa9j09msre] {
    font-size: 0.76rem;
    color: #54677c;
    background: #eef3f8;
    padding: 2px 7px;
    border-radius: 10px;
}

.special-check-summary[b-qa9j09msre] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0;
    color: #60748a;
    font-size: 0.78rem;
    align-items: center;
}

.special-check-summary > span:not(.special-failure)[b-qa9j09msre] {
    background: #eef3f8;
    border-radius: 999px;
    padding: 2px 8px;
}

.special-failure[b-qa9j09msre] {
    color: #c62828;
    font-weight: 600;
}

.special-check-list[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.special-check-row[b-qa9j09msre] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    padding: 7px 9px;
    border-radius: 5px;
    font-size: 0.78rem;
    align-items: start;
    text-align: left;
}

.special-check-row.passed[b-qa9j09msre] {
    background: #eef8ef;
}

.special-check-row.failed[b-qa9j09msre] {
    background: #ffebee;
}

.special-check-status[b-qa9j09msre] {
    font-weight: 700;
    line-height: 1.35;
}

.special-check-row.passed .special-check-status[b-qa9j09msre] { color: #2e7d32; }
.special-check-row.failed .special-check-status[b-qa9j09msre] { color: #c62828; }

.special-check-content[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.special-check-row strong[b-qa9j09msre] {
    color: #20364f;
    font-weight: 600;
    line-height: 1.35;
}

.special-check-row small[b-qa9j09msre] {
    color: #5d6f83;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    line-height: 1.35;
}

.special-check-row small span[b-qa9j09msre] {
    color: #344b63;
    font-weight: 600;
    margin-left: 8px;
}

.special-check-row small span:first-child[b-qa9j09msre] {
    margin-left: 0;
}

.special-log-toggle[b-qa9j09msre] {
    margin-top: 9px;
    padding: 5px 10px;
    border: 1px solid #b7c7d8;
    border-radius: 5px;
    background: #f6f9fc;
    color: #294969;
    cursor: pointer;
    font-size: 0.78rem;
}

.special-log-toggle:hover[b-qa9j09msre] {
    background: #eef4f9;
}

.special-log[b-qa9j09msre] {
    margin-top: 8px;
    border: 1px solid #dbe5ef;
    border-radius: 6px;
    background: #fbfcfe;
    max-height: 320px;
    overflow: auto;
    font-family: Consolas, Monaco, monospace;
    font-size: 0.74rem;
}

.special-log-row[b-qa9j09msre] {
    display: grid;
    grid-template-columns: 84px 48px minmax(0, 1fr);
    gap: 8px;
    padding: 5px 8px;
    border-bottom: 1px solid #edf2f7;
}

.special-log-row:last-child[b-qa9j09msre] {
    border-bottom: none;
}

.special-log-row.pass[b-qa9j09msre] { background: #f0faf2; }
.special-log-row.fail[b-qa9j09msre],
.special-log-row.error[b-qa9j09msre] { background: #fff1f1; }

.special-log-time[b-qa9j09msre] {
    color: #8794a4;
}

.special-log-level[b-qa9j09msre] {
    font-weight: 700;
    color: #3f5d7a;
}

.special-log-row.pass .special-log-level[b-qa9j09msre] { color: #2e7d32; }
.special-log-row.fail .special-log-level[b-qa9j09msre],
.special-log-row.error .special-log-level[b-qa9j09msre] { color: #c62828; }

.special-log-message[b-qa9j09msre] {
    color: #21364e;
}

.special-log pre[b-qa9j09msre] {
    grid-column: 3;
    margin: 3px 0 0;
    padding: 6px 8px;
    border-radius: 4px;
    background: #eef3f8;
    color: #30465e;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* ── Trace ────────────────────────────────────── */
.trace-results .trace-badge[b-qa9j09msre] {
    background: #9c27b0;
    padding: 3px 9px;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
}

.btn-trace[b-qa9j09msre] {
    padding: 9px 18px;
    background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    font-size: 0.875rem;
}

.btn-trace:hover[b-qa9j09msre] {
    filter: brightness(0.9);
}

.inputs-snapshot[b-qa9j09msre] {
    background: #e3f2fd;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid #bbdefb;
}

.inputs-snapshot h4[b-qa9j09msre] {
    margin: 0 0 10px 0;
    color: #1565c0;
    font-size: 0.9rem;
}

.inputs-snapshot table[b-qa9j09msre] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
}

.inputs-snapshot th[b-qa9j09msre],
.inputs-snapshot td[b-qa9j09msre] {
    padding: 5px 9px;
    text-align: left;
    border-bottom: 1px solid #90caf9;
}

.inputs-snapshot th[b-qa9j09msre] {
    background: #e1f5fe;
    font-weight: 600;
    color: #0277bd;
}

.calculation-trace[b-qa9j09msre] {
    background: #fafafa;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid #e4e8ec;
}

.calculation-trace h4[b-qa9j09msre] {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 0.9rem;
}

.trace-filter[b-qa9j09msre] {
    display: flex;
    gap: 14px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.trace-filter label[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.83rem;
    color: #555;
    cursor: pointer;
}

.trace-filter input[type="checkbox"][b-qa9j09msre] {
    width: 15px;
    height: 15px;
}

.trace-list[b-qa9j09msre] {
    max-height: 300px;
    overflow-y: auto;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.78rem;
}

.calculation-trace .trace-list[b-qa9j09msre] {
    max-height: 500px;
}

.trace-step[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 3px 7px;
    border-radius: 3px;
    margin-bottom: 2px;
}

.trace-step.info[b-qa9j09msre]           { background: #f5f5f5; }
.trace-step.debug[b-qa9j09msre]          { background: #f0f4f8; color: #607d8b; }
.trace-step.warning[b-qa9j09msre]        { background: #fff8e1; color: #f57c00; }
.trace-step.error[b-qa9j09msre]          { background: #ffebee; color: #c62828; }
.trace-step.inputset[b-qa9j09msre]       { background: #e3f2fd; border-left: 3px solid #2196f3; }
.trace-step.equationcalculated[b-qa9j09msre] { background: #f3e5f5; border-left: 3px solid #9c27b0; }
.trace-step.moduleloaded[b-qa9j09msre],
.trace-step.calculationcomplete[b-qa9j09msre] { background: #e8f5e9; border-left: 3px solid #4caf50; }

.trace-step .step-num[b-qa9j09msre]   { color: #bbb; min-width: 32px; font-size: 0.72rem; }
.trace-step .step-type[b-qa9j09msre]  { color: #666; font-size: 0.68rem; min-width: 85px; }
.trace-step .equation[b-qa9j09msre]   { background: #9c27b0; color: white; padding: 1px 5px; border-radius: 3px; font-size: 0.68rem; }
.trace-step .var-num[b-qa9j09msre]    { background: #2196f3; color: white; padding: 1px 5px; border-radius: 3px; font-size: 0.68rem; }
.trace-step .message[b-qa9j09msre]    { flex: 1; color: #333; }
.trace-step .result[b-qa9j09msre]     { color: #4caf50; font-weight: 600; }

.trace-step.highlighted[b-qa9j09msre] {
    background: #fff176 !important;
    border-left: 3px solid #f57c00 !important;
    font-weight: 600;
}

.failed-variables tr[b-qa9j09msre]       { cursor: pointer; transition: background 0.15s; }
.failed-variables tr:hover[b-qa9j09msre] { background: #fff3e0; }
.failed-variables tr.selected[b-qa9j09msre] { background: #ffe0b2; border-left: 3px solid #f57c00; }

.failed-variables h4 .hint[b-qa9j09msre] {
    font-size: 0.73rem;
    font-weight: 400;
    color: #888;
    font-style: italic;
}

.focus-filter[b-qa9j09msre] {
    background: #f3e5f5;
    padding: 3px 9px;
    border-radius: 4px;
    border: 1px solid #ce93d8;
    font-size: 0.82rem;
}

.focus-filter strong[b-qa9j09msre] { color: #7b1fa2; }

.trace-focus-badge[b-qa9j09msre] {
    background: #9c27b0;
    color: white;
    padding: 2px 9px;
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 600;
    margin-left: 8px;
}

.btn-open-calc[b-qa9j09msre] {
    padding: 9px 18px;
    background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    font-size: 0.875rem;
}

.btn-open-calc:hover[b-qa9j09msre] {
    filter: brightness(0.92);
}
/* /Components/Admin/PerformanceAnalyzerPanel.razor.rz.scp.css */
.analyzer-overlay[b-qsno9wi2m4] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

/* Live Mode: panel becomes a floating side window so the user can interact
   with the module behind it. Backdrop is transparent and click-through. */
.analyzer-overlay-floating[b-qsno9wi2m4] {
    background: transparent;
    pointer-events: none;
    align-items: stretch;
    justify-content: flex-end;
    padding: 12px;
}

.analyzer-overlay-floating .analyzer-modal[b-qsno9wi2m4] {
    pointer-events: auto;
    width: min(720px, 55vw);
    max-height: calc(100vh - 24px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
    border: 1px solid #f3cf86;
}

.analyzer-modal[b-qsno9wi2m4] {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.35);
    width: min(1200px, 100%);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.analyzer-header[b-qsno9wi2m4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid #e2e6eb;
    background: #f6f8fa;
}

.analyzer-header h2[b-qsno9wi2m4] {
    margin: 0;
    font-size: 1.15rem;
    color: #1c2733;
}

.analyzer-close[b-qsno9wi2m4] {
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    color: #5b6773;
    padding: 4px 10px;
}

.analyzer-close:hover[b-qsno9wi2m4] {
    color: #1c2733;
}

.analyzer-body[b-qsno9wi2m4] {
    padding: 18px 20px;
    overflow-y: auto;
    flex: 1;
}

.analyzer-controls[b-qsno9wi2m4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px solid #e2e6eb;
    border-radius: 6px;
    margin-bottom: 16px;
}

.analyzer-control-row[b-qsno9wi2m4] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.analyzer-control-row > label:first-child[b-qsno9wi2m4] {
    min-width: 90px;
    font-weight: 600;
    color: #36424f;
}

.analyzer-control-row select[b-qsno9wi2m4],
.analyzer-control-row input[type="number"][b-qsno9wi2m4] {
    padding: 5px 8px;
    border: 1px solid #c8d0d8;
    border-radius: 4px;
    font-size: 0.9rem;
    background: #fff;
}

.analyzer-control-row select[b-qsno9wi2m4] {
    min-width: 320px;
}

.analyzer-control-row input[type="number"][b-qsno9wi2m4] {
    width: 70px;
}

.analyzer-chapter-select[b-qsno9wi2m4] {
    min-width: 280px !important;
    max-width: 420px;
}

.analyzer-swap[b-qsno9wi2m4] {
    background: #eef3f8;
    border: 1px solid #c8d0d8;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 0.95rem;
    cursor: pointer;
    color: #36424f;
}

.analyzer-swap:hover:not(:disabled)[b-qsno9wi2m4] {
    background: #d9e3ed;
}

.analyzer-swap:disabled[b-qsno9wi2m4] {
    opacity: 0.5;
    cursor: not-allowed;
}

.analyzer-bounce-summary[b-qsno9wi2m4] {
    padding: 6px 14px;
    background: #f3f7fb;
    border-bottom: 1px solid #e2e6eb;
    color: #1f4d7a;
    font-size: 0.83rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.analyzer-hint[b-qsno9wi2m4] {
    font-size: 0.8rem;
    color: #6b7785;
    font-style: italic;
}

/* Block-level hint that sits above its option row, indented to align with the
   input column (so it visually belongs to the row directly below it). */
.analyzer-hint-line[b-qsno9wi2m4] {
    font-size: 0.78rem;
    color: #6b7785;
    font-style: italic;
    padding-left: 102px;   /* matches min-width of label column + gap */
    margin: -2px 0 -2px 0; /* tighten the spacing between rows */
    line-height: 1.3;
}

.analyzer-scenarios[b-qsno9wi2m4] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.analyzer-checkbox[b-qsno9wi2m4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    color: #36424f;
}

.analyzer-run[b-qsno9wi2m4] {
    background: #2c6fc4;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 0.95rem;
    cursor: pointer;
    font-weight: 600;
}

.analyzer-run:hover:not(:disabled)[b-qsno9wi2m4] {
    background: #1f5aa3;
}

.analyzer-run:disabled[b-qsno9wi2m4] {
    background: #aab5c0;
    cursor: not-allowed;
}

.analyzer-error[b-qsno9wi2m4] {
    background: #fdecea;
    border: 1px solid #f3b9b3;
    color: #832a1f;
    padding: 10px 14px;
    border-radius: 4px;
    margin-bottom: 14px;
}

.analyzer-error-inline[b-qsno9wi2m4] {
    color: #832a1f;
    padding: 8px 4px;
    font-style: italic;
}

.analyzer-summary[b-qsno9wi2m4] {
    display: flex;
    gap: 22px;
    padding: 8px 0 14px;
    color: #36424f;
    font-size: 0.9rem;
    border-bottom: 1px dashed #d6dde4;
    margin-bottom: 12px;
}

.analyzer-legend[b-qsno9wi2m4] {
    display: flex;
    gap: 8px;
    padding: 6px 0 14px;
    flex-wrap: wrap;
}

.analyzer-legend-details[b-qsno9wi2m4] {
    margin: 6px 0 14px;
    border: 1px solid #e2e6eb;
    border-radius: 6px;
    background: #fafbfc;
    overflow: hidden;
}

.analyzer-legend-details > summary[b-qsno9wi2m4] {
    padding: 8px 14px;
    font-weight: 600;
    color: #36424f;
    font-size: 0.88rem;
    cursor: pointer;
    user-select: none;
    background: #f0f3f6;
    border-bottom: 1px solid #e2e6eb;
}

.analyzer-legend-details[open] > summary[b-qsno9wi2m4] {
    border-bottom: 1px solid #e2e6eb;
}

.analyzer-legend-table[b-qsno9wi2m4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.analyzer-legend-table th[b-qsno9wi2m4],
.analyzer-legend-table td[b-qsno9wi2m4] {
    text-align: left;
    padding: 6px 14px;
    border-bottom: 1px solid #eef1f4;
}

.analyzer-legend-table th[b-qsno9wi2m4] {
    background: #fafbfc;
    color: #5b6773;
    font-weight: 600;
    font-size: 0.8rem;
}

.analyzer-legend-table tr:last-child td[b-qsno9wi2m4] {
    border-bottom: none;
}

.analyzer-legend-table td:first-child[b-qsno9wi2m4] {
    width: 50px;
    color: #6b7785;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.analyzer-legend-table td:nth-child(2)[b-qsno9wi2m4] {
    width: 160px;
}

.analyzer-scenario-card[b-qsno9wi2m4] {
    margin-bottom: 22px;
    border: 1px solid #e2e6eb;
    border-radius: 6px;
    overflow: hidden;
}

.analyzer-scenario-title[b-qsno9wi2m4] {
    background: #eef3f8;
    padding: 9px 14px;
    font-weight: 600;
    color: #1c2733;
    cursor: pointer;
    user-select: none;
    list-style: none;
}

.analyzer-scenario-card[open] > .analyzer-scenario-title[b-qsno9wi2m4] {
    border-bottom: 1px solid #e2e6eb;
}

.analyzer-scenario-title[b-qsno9wi2m4]::-webkit-details-marker {
    display: none;
}

.analyzer-scenario-title[b-qsno9wi2m4]::before {
    content: "▶";
    display: inline-block;
    margin-right: 8px;
    color: #6b7785;
    font-size: 0.7rem;
    transition: transform 0.15s ease;
}

.analyzer-scenario-card[open] > .analyzer-scenario-title[b-qsno9wi2m4]::before {
    transform: rotate(90deg);
}

.analyzer-iter-count[b-qsno9wi2m4] {
    color: #6b7785;
    font-weight: normal;
    margin-left: 8px;
    font-size: 0.85rem;
}

.analyzer-scenario-error-badge[b-qsno9wi2m4] {
    margin-left: 10px;
    background: #f7c8c2;
    color: #832a1f;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.analyzer-empty[b-qsno9wi2m4] {
    padding: 14px;
    color: #6b7785;
    font-style: italic;
    text-align: center;
}

.analyzer-table[b-qsno9wi2m4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

.analyzer-table th[b-qsno9wi2m4],
.analyzer-table td[b-qsno9wi2m4] {
    text-align: left;
    padding: 7px 12px;
    border-bottom: 1px solid #eef1f4;
}

.analyzer-table th[b-qsno9wi2m4] {
    background: #fafbfc;
    font-weight: 600;
    color: #5b6773;
}

.analyzer-table tbody tr[b-qsno9wi2m4] {
    cursor: pointer;
    transition: background 0.1s;
}

.analyzer-table tbody tr:hover[b-qsno9wi2m4] {
    background: #f6f9fb;
}

.analyzer-table .phase[b-qsno9wi2m4] {
    color: #6b7785;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    width: 70px;
}

.analyzer-table .marker[b-qsno9wi2m4] {
    font-weight: 500;
    color: #1c2733;
}

.analyzer-table .value[b-qsno9wi2m4] {
    font-variant-numeric: tabular-nums;
    color: #1c2733;
    width: 130px;
}

.analyzer-table .notes[b-qsno9wi2m4] {
    color: #5b6773;
    font-size: 0.83rem;
    max-width: 360px;
}

/* Row backgrounds tinted by Tier (where to fix), not Verdict.
   The Verdict pill in the row already conveys severity; the row tint
   tells the eye which codebase the marker belongs to. */
.row-tier-engine[b-qsno9wi2m4]    { background: #f7f0fb; }
.row-tier-engine:hover[b-qsno9wi2m4]    { background: #ede0f3 !important; }

.row-tier-backend[b-qsno9wi2m4]   { background: #f3f7fb; }
.row-tier-backend:hover[b-qsno9wi2m4]   { background: #e6eef6 !important; }

.row-tier-wiring[b-qsno9wi2m4]    { background: #fbf6ee; }
.row-tier-wiring:hover[b-qsno9wi2m4]    { background: #f3e8d5 !important; }

.row-tier-frontend[b-qsno9wi2m4]  { background: #f0f9f5; }
.row-tier-frontend:hover[b-qsno9wi2m4]  { background: #ddf0e5 !important; }

.row-tier-network[b-qsno9wi2m4]   { background: #fdf6e7; }
.row-tier-network:hover[b-qsno9wi2m4]   { background: #f8eaca !important; }

.row-tier-crosstier[b-qsno9wi2m4] { background: #fbf0f6; }
.row-tier-crosstier:hover[b-qsno9wi2m4] { background: #f5dceb !important; }

.analyzer-detail-row[b-qsno9wi2m4] {
    background: #fbfcfd !important;
    cursor: default;
}

.analyzer-detail-row:hover[b-qsno9wi2m4] {
    background: #fbfcfd !important;
}

.analyzer-detail[b-qsno9wi2m4] {
    padding: 10px 16px 14px 16px;
    color: #36424f;
    font-size: 0.85rem;
    line-height: 1.5;
    border-left: 3px solid #c8d8ec;
}

.analyzer-detail > div[b-qsno9wi2m4] {
    margin-bottom: 5px;
}

.verdict-pill[b-qsno9wi2m4] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.verdict-pill.v-fine[b-qsno9wi2m4] {
    background: #d6f0d6;
    color: #1d5b1d;
}

.verdict-pill.v-medium[b-qsno9wi2m4] {
    background: #fdebc4;
    color: #7a4f0a;
}

.verdict-pill.v-hot[b-qsno9wi2m4] {
    background: #f7c8c2;
    color: #832a1f;
}

.verdict-pill.v-capped[b-qsno9wi2m4] {
    background: #d8d8d8;
    color: #4a4a4a;
}

.verdict-pill.v-info[b-qsno9wi2m4] {
    background: #d6e3f0;
    color: #1f4d7a;
}

.analyzer-tier-summary[b-qsno9wi2m4] {
    padding: 8px 14px;
    background: #fafbfc;
    border-bottom: 1px solid #e2e6eb;
    font-size: 0.85rem;
    color: #36424f;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.tier-pill[b-qsno9wi2m4] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: help;
}

.tier-pill.tier-engine[b-qsno9wi2m4] {
    background: #e8d8f0;
    color: #5a2a78;
}

.tier-pill.tier-backend[b-qsno9wi2m4] {
    background: #d6e3f0;
    color: #1f4d7a;
}

.tier-pill.tier-wiring[b-qsno9wi2m4] {
    background: #f0e0d0;
    color: #7a4f0a;
}

.tier-pill.tier-frontend[b-qsno9wi2m4] {
    background: #d6f0e8;
    color: #1d5b4f;
}

.tier-pill.tier-network[b-qsno9wi2m4] {
    background: #fde7c4;
    color: #7a4f0a;
}

.tier-pill.tier-crosstier[b-qsno9wi2m4] {
    background: #f7d6e8;
    color: #832a5b;
}

.tier-pill.tier-unknown[b-qsno9wi2m4] {
    background: #e0e0e0;
    color: #4a4a4a;
}

/* ── Time-distribution histogram ──────────────────────────────────────── */
.histogram-details[b-qsno9wi2m4] {
    margin: 6px 0 14px;
    border: 1px solid #e2e6eb;
    border-radius: 6px;
    background: #fafbfc;
    overflow: hidden;
}

.histogram-details > summary[b-qsno9wi2m4] {
    padding: 8px 14px;
    font-weight: 600;
    color: #36424f;
    font-size: 0.88rem;
    cursor: pointer;
    user-select: none;
    background: #f0f3f6;
    border-bottom: 1px solid #e2e6eb;
}

.histogram-row[b-qsno9wi2m4] {
    padding: 9px 14px;
    border-bottom: 1px solid #eef1f4;
}

.histogram-row:last-child[b-qsno9wi2m4] {
    border-bottom: none;
}

.histogram-row.histogram-aggregate[b-qsno9wi2m4] {
    background: #f3f6f9;
}

.histogram-label[b-qsno9wi2m4] {
    font-weight: 600;
    color: #1c2733;
    font-size: 0.85rem;
    margin-bottom: 4px;
}

.histogram-bar-wrap[b-qsno9wi2m4] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

/* Track holds the full available row width; bar grows to its share within. */
.histogram-bar-track[b-qsno9wi2m4] {
    flex: 1 1 auto;
    min-width: 0;
    height: 14px;
    background: #e9edf1;
    border-radius: 3px;
    overflow: hidden;
}

.histogram-bar[b-qsno9wi2m4] {
    height: 100%;
    display: flex;
    overflow: hidden;
}

.histogram-segment[b-qsno9wi2m4] {
    height: 100%;
    min-width: 2px;
}

.histogram-total[b-qsno9wi2m4] {
    flex: 0 0 auto;
    min-width: 64px;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #36424f;
    font-size: 0.82rem;
    font-weight: 600;
}

.histogram-empty[b-qsno9wi2m4],
.histogram-empty-inline[b-qsno9wi2m4] {
    color: #6b7785;
    font-style: italic;
    font-size: 0.85rem;
    padding: 6px 0;
}

.histogram-legend-line[b-qsno9wi2m4] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 2px;
}

/* Bar segment backgrounds — same hues as the tier pills, slightly more saturated
   so segments read clearly against the gray track. */
.bg-tier-engine[b-qsno9wi2m4]    { background: #c9aedf; }
.bg-tier-backend[b-qsno9wi2m4]   { background: #a4c1de; }
.bg-tier-wiring[b-qsno9wi2m4]    { background: #d8b687; }
.bg-tier-frontend[b-qsno9wi2m4]  { background: #94d0b9; }
.bg-tier-network[b-qsno9wi2m4]   { background: #f3cf86; }
.bg-tier-crosstier[b-qsno9wi2m4] { background: #e09cc4; }
.bg-tier-unknown[b-qsno9wi2m4]   { background: #b9b9b9; }

/* ── Live Mode ────────────────────────────────────────────────────────── */
.analyzer-live-toggle-row[b-qsno9wi2m4] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    background: #fff7e8;
    border: 1px solid #f3cf86;
    border-radius: 6px;
    margin-bottom: 14px;
}

.analyzer-live-toggle[b-qsno9wi2m4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 0.95rem;
    color: #36424f;
}

.analyzer-live-toggle input[type="checkbox"][b-qsno9wi2m4] {
    transform: scale(1.15);
    cursor: pointer;
}

.analyzer-clear-feed[b-qsno9wi2m4] {
    margin-left: auto;
    background: #fff;
    border: 1px solid #c8d0d8;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 0.85rem;
    cursor: pointer;
    color: #36424f;
}

.analyzer-clear-feed:hover[b-qsno9wi2m4] {
    background: #f0f3f6;
}

/* When Live Mode is on, fade the synthetic controls so the eye lands on the live feed first. */
.analyzer-controls-deemphasized[b-qsno9wi2m4] {
    opacity: 0.6;
    transition: opacity 0.2s;
}

.analyzer-controls-deemphasized:hover[b-qsno9wi2m4] {
    opacity: 1;
}

.live-feed-details[b-qsno9wi2m4] {
    margin: 0 0 18px 0;
    border: 1px solid #f3cf86;
    border-radius: 6px;
    background: #fffaf0;
    overflow: hidden;
}

.live-feed-details > summary[b-qsno9wi2m4] {
    padding: 8px 14px;
    font-weight: 600;
    color: #7a4f0a;
    font-size: 0.92rem;
    cursor: pointer;
    user-select: none;
    background: #fdebc4;
    border-bottom: 1px solid #f3cf86;
}

.live-feed-empty[b-qsno9wi2m4] {
    padding: 14px;
    color: #6b7785;
    font-style: italic;
    text-align: center;
}

.live-feed-rolling[b-qsno9wi2m4] {
    padding: 10px 14px 6px;
    border-bottom: 1px solid #f3cf86;
    background: #fdf5e1;
}

.live-feed-table[b-qsno9wi2m4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
}

.live-feed-table th[b-qsno9wi2m4],
.live-feed-table td[b-qsno9wi2m4] {
    text-align: left;
    padding: 6px 12px;
    border-bottom: 1px solid #f3e0b8;
}

.live-feed-table th[b-qsno9wi2m4] {
    background: #fdf2d4;
    font-weight: 600;
    color: #7a4f0a;
}

.live-event-row[b-qsno9wi2m4] {
    cursor: pointer;
    transition: background 0.1s;
}

.live-event-row:hover[b-qsno9wi2m4] {
    background: #fff5e0;
}

.live-feed-table .live-time[b-qsno9wi2m4] {
    font-variant-numeric: tabular-nums;
    color: #6b7785;
    font-size: 0.78rem;
    width: 110px;
}

.live-feed-table .live-action[b-qsno9wi2m4] {
    color: #1c2733;
    font-weight: 500;
}

.live-feed-table .live-sync[b-qsno9wi2m4],
.live-feed-table .live-reload[b-qsno9wi2m4],
.live-feed-table .live-total[b-qsno9wi2m4] {
    font-variant-numeric: tabular-nums;
    width: 90px;
}

.live-reload-flag[b-qsno9wi2m4] {
    color: #832a1f;
    font-weight: 600;
}

.live-reload-none[b-qsno9wi2m4] {
    color: #aab5c0;
}

.live-event-detail[b-qsno9wi2m4] {
    background: #fffaee !important;
    cursor: default;
}

.live-event-detail:hover[b-qsno9wi2m4] {
    background: #fffaee !important;
}

.live-event-section[b-qsno9wi2m4] {
    padding: 8px 14px;
}

.live-event-section > strong[b-qsno9wi2m4] {
    display: block;
    margin-bottom: 4px;
    color: #5a3d0c;
    font-size: 0.84rem;
}

.live-event-marker-list[b-qsno9wi2m4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.live-event-marker-list th[b-qsno9wi2m4],
.live-event-marker-list td[b-qsno9wi2m4] {
    padding: 4px 10px;
    border-bottom: 1px solid #f0e8d0;
    text-align: left;
}

.live-event-marker-list th[b-qsno9wi2m4] {
    color: #5b6773;
    font-weight: 600;
    background: #fbf3df;
}
/* /Components/Admin/SolAlphaDataPanel.razor.rz.scp.css */
/* SolAlpha Data Manager Panel Styles */

.solalpha-overlay[b-5wlnq5c8rx] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.solalpha-modal[b-5wlnq5c8rx] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    width: 92%;
    max-width: 1100px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-5wlnq5c8rx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: linear-gradient(135deg, #1a6b3c 0%, #0d4025 100%);
    border-radius: 12px 12px 0 0;
    color: white;
}

.modal-header h2[b-5wlnq5c8rx] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.btn-close[b-5wlnq5c8rx] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s;
}

.btn-close:hover[b-5wlnq5c8rx] {
    background: rgba(255, 255, 255, 0.3);
}

.modal-body[b-5wlnq5c8rx] {
    padding: 20px 24px;
    overflow-y: auto;
    flex: 1;
}

/* Loading */
.loading-indicator[b-5wlnq5c8rx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
}

.spinner[b-5wlnq5c8rx] {
    width: 48px;
    height: 48px;
    border: 4px solid #e0e0e0;
    border-top-color: #1a6b3c;
    border-radius: 50%;
    animation: spin-b-5wlnq5c8rx 0.8s linear infinite;
}

.spinner-small[b-5wlnq5c8rx] {
    width: 24px;
    height: 24px;
    border: 3px solid #e0e0e0;
    border-top-color: #1a6b3c;
    border-radius: 50%;
    animation: spin-b-5wlnq5c8rx 0.8s linear infinite;
}

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

/* Error */
.error-message[b-5wlnq5c8rx] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
    color: #991b1b;
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-retry[b-5wlnq5c8rx] {
    background: #991b1b;
    color: white;
    border: none;
    padding: 4px 12px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: auto;
}

/* Confirm Dialog */
.confirm-dialog[b-5wlnq5c8rx] {
    background: #fffbeb;
    border: 2px solid #f59e0b;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.confirm-content p[b-5wlnq5c8rx] {
    margin: 0 0 12px 0;
    font-weight: 500;
    color: #92400e;
}

.confirm-buttons[b-5wlnq5c8rx] {
    display: flex;
    gap: 8px;
}

.btn-danger[b-5wlnq5c8rx] {
    background: #dc2626;
    color: white;
    border: none;
    padding: 6px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-danger:hover[b-5wlnq5c8rx] {
    background: #b91c1c;
}

.btn-cancel[b-5wlnq5c8rx] {
    background: #6b7280;
    color: white;
    border: none;
    padding: 6px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-cancel:hover[b-5wlnq5c8rx] {
    background: #4b5563;
}

/* Auth Bar */
.auth-bar[b-5wlnq5c8rx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    background: #f8fafc;
    border-radius: 8px;
    margin-bottom: 8px;
    border: 1px solid #e2e8f0;
}

.auth-status[b-5wlnq5c8rx] {
    font-size: 0.82rem;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 10px;
}

.auth-ok[b-5wlnq5c8rx] {
    background: #dcfce7;
    color: #166534;
}

.auth-fail[b-5wlnq5c8rx] {
    color: #991b1b;
    font-size: 0.82rem;
}

/* Filter Bar */
.filter-bar[b-5wlnq5c8rx] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    background: #f8fafc;
    border-radius: 8px;
    margin-bottom: 12px;
}

.filter-group[b-5wlnq5c8rx] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.filter-group label[b-5wlnq5c8rx] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #475569;
    white-space: nowrap;
}

.filter-group select[b-5wlnq5c8rx],
.filter-group input[b-5wlnq5c8rx] {
    padding: 5px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.85rem;
    background: white;
}

.filter-group input[b-5wlnq5c8rx] {
    width: 200px;
}

.btn-refresh[b-5wlnq5c8rx] {
    background: #1a6b3c;
    color: white;
    border: none;
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 500;
    margin-left: auto;
    transition: background 0.2s;
}

.btn-refresh:hover[b-5wlnq5c8rx] {
    background: #145530;
}

/* Stats Bar */
.stats-bar[b-5wlnq5c8rx] {
    display: flex;
    gap: 20px;
    padding: 8px 0;
    margin-bottom: 8px;
    font-size: 0.85rem;
    color: #64748b;
}

.stats-bar .stat strong[b-5wlnq5c8rx] {
    color: #1e293b;
}

/* Project List */
.project-list[b-5wlnq5c8rx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.project-card[b-5wlnq5c8rx] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.project-card.expanded[b-5wlnq5c8rx] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: #1a6b3c;
}

.project-header[b-5wlnq5c8rx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    background: #fafafa;
    transition: background 0.2s;
    font-size: 0.88rem;
}

.project-header:hover[b-5wlnq5c8rx] {
    background: #f1f5f9;
}

.expand-icon[b-5wlnq5c8rx] {
    width: 16px;
    text-align: center;
    font-family: monospace;
    color: #94a3b8;
    font-size: 0.8rem;
}

.project-number[b-5wlnq5c8rx] {
    font-weight: 600;
    color: #1e293b;
    min-width: 90px;
}

.project-name[b-5wlnq5c8rx] {
    flex: 1;
    color: #475569;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.run-count[b-5wlnq5c8rx] {
    font-size: 0.8rem;
    color: #64748b;
    white-space: nowrap;
}

.project-date[b-5wlnq5c8rx] {
    font-size: 0.8rem;
    color: #94a3b8;
    white-space: nowrap;
}

.btn-delete-small[b-5wlnq5c8rx] {
    background: transparent;
    border: 1px solid #fca5a5;
    color: #dc2626;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-delete-small:hover[b-5wlnq5c8rx] {
    background: #dc2626;
    color: white;
}

/* Badges */
.badge[b-5wlnq5c8rx] {
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 500;
    white-space: nowrap;
}

.scope-public[b-5wlnq5c8rx] { background: #dbeafe; color: #1e40af; }
.scope-customer[b-5wlnq5c8rx] { background: #fef3c7; color: #92400e; }
.scope-developer[b-5wlnq5c8rx] { background: #ede9fe; color: #5b21b6; }

.status-draft[b-5wlnq5c8rx] { background: #f1f5f9; color: #475569; }
.status-active[b-5wlnq5c8rx] { background: #dcfce7; color: #166534; }
.status-completed[b-5wlnq5c8rx] { background: #dbeafe; color: #1e40af; }
.status-archived[b-5wlnq5c8rx] { background: #f1f5f9; color: #6b7280; }

.source-web[b-5wlnq5c8rx] { background: #dbeafe; color: #1e40af; }
.source-desktop[b-5wlnq5c8rx] { background: #fef3c7; color: #92400e; }
.source-import[b-5wlnq5c8rx] { background: #ede9fe; color: #5b21b6; }
.source-unittest[b-5wlnq5c8rx] { background: #dcfce7; color: #166534; }

.val-passed[b-5wlnq5c8rx] { background: #dcfce7; color: #166534; }
.val-passedwithwarnings[b-5wlnq5c8rx] { background: #fef3c7; color: #92400e; }
.val-failed[b-5wlnq5c8rx] { background: #fef2f2; color: #991b1b; }
.val-pending[b-5wlnq5c8rx] { background: #f1f5f9; color: #475569; }

/* Runs */
.project-runs[b-5wlnq5c8rx] {
    border-top: 1px solid #e2e8f0;
    background: white;
    padding: 8px 14px 14px;
}

.loading-runs[b-5wlnq5c8rx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    justify-content: center;
    color: #64748b;
    font-size: 0.85rem;
}

.runs-header[b-5wlnq5c8rx] {
    display: grid;
    grid-template-columns: 60px 1fr 80px 70px 70px 110px 100px 70px;
    gap: 8px;
    padding: 6px 8px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    border-bottom: 2px solid #e2e8f0;
}

.run-row[b-5wlnq5c8rx] {
    display: grid;
    grid-template-columns: 60px 1fr 80px 70px 70px 110px 100px 70px;
    gap: 8px;
    padding: 8px;
    font-size: 0.83rem;
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.15s;
}

.run-row:hover[b-5wlnq5c8rx] {
    background: #f8fafc;
}

.run-row.run-failed[b-5wlnq5c8rx] {
    background: #fef2f2;
}

.col-id[b-5wlnq5c8rx] {
    color: #94a3b8;
    font-family: monospace;
    font-size: 0.8rem;
}

.col-label[b-5wlnq5c8rx] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-chapters[b-5wlnq5c8rx],
.col-vars[b-5wlnq5c8rx] {
    text-align: center;
}

.col-date[b-5wlnq5c8rx] {
    color: #64748b;
    font-size: 0.8rem;
}

.col-actions[b-5wlnq5c8rx] {
    text-align: right;
}

.btn-delete-run[b-5wlnq5c8rx] {
    background: transparent;
    border: 1px solid #fca5a5;
    color: #dc2626;
    padding: 2px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.75rem;
    transition: all 0.2s;
}

.btn-delete-run:hover[b-5wlnq5c8rx] {
    background: #dc2626;
    color: white;
}

.runs-footer[b-5wlnq5c8rx] {
    padding: 12px 0 4px;
    display: flex;
    justify-content: flex-end;
}

.btn-danger-outline[b-5wlnq5c8rx] {
    background: transparent;
    border: 1px solid #dc2626;
    color: #dc2626;
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-danger-outline:hover[b-5wlnq5c8rx] {
    background: #dc2626;
    color: white;
}

/* Selection */
.select-all-bar[b-5wlnq5c8rx] {
    display: flex;
    align-items: center;
    padding: 6px 14px;
    background: #f1f5f9;
    border-radius: 6px;
    margin-bottom: 4px;
    font-size: 0.85rem;
}

.checkbox-label[b-5wlnq5c8rx] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    user-select: none;
    font-size: 0.85rem;
    color: #475569;
}

.checkbox-label input[type="checkbox"][b-5wlnq5c8rx] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #1a6b3c;
}

.project-card.selected[b-5wlnq5c8rx] {
    border-color: #2563eb;
    background: #eff6ff;
}

.project-card.selected .project-header[b-5wlnq5c8rx] {
    background: #eff6ff;
}

.selected-info[b-5wlnq5c8rx] {
    color: #2563eb !important;
    font-weight: 600;
}

.btn-danger-sm[b-5wlnq5c8rx] {
    background: #dc2626;
    color: white;
    border: none;
    padding: 4px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 500;
    margin-left: auto;
    transition: background 0.2s;
}

.btn-danger-sm:hover[b-5wlnq5c8rx] {
    background: #b91c1c;
}

.no-runs[b-5wlnq5c8rx],
.no-data[b-5wlnq5c8rx] {
    padding: 24px;
    text-align: center;
    color: #94a3b8;
    font-style: italic;
}

/* Upload Section */
.upload-section[b-5wlnq5c8rx] {
    margin-top: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.upload-header[b-5wlnq5c8rx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #f0fdf4;
    cursor: pointer;
    transition: background 0.2s;
}

.upload-header:hover[b-5wlnq5c8rx] {
    background: #dcfce7;
}

.upload-header h3[b-5wlnq5c8rx] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #166534;
}

.upload-toggle[b-5wlnq5c8rx] {
    width: 16px;
    text-align: center;
    font-family: monospace;
    color: #166534;
    font-size: 0.8rem;
}

.upload-body[b-5wlnq5c8rx] {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.upload-options[b-5wlnq5c8rx] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.upload-dropzone[b-5wlnq5c8rx] {
    border: 2px dashed #cbd5e1;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: border-color 0.2s, background 0.2s;
}

.upload-dropzone:hover[b-5wlnq5c8rx] {
    border-color: #1a6b3c;
    background: #f0fdf4;
}

.upload-dropzone p[b-5wlnq5c8rx] {
    margin: 8px 0 0;
    font-size: 0.82rem;
    color: #64748b;
}

.upload-file-list[b-5wlnq5c8rx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.upload-file-item[b-5wlnq5c8rx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 10px;
    background: #f8fafc;
    border-radius: 4px;
    font-size: 0.85rem;
}

.file-name[b-5wlnq5c8rx] {
    flex: 1;
    font-weight: 500;
    color: #1e293b;
}

.file-size[b-5wlnq5c8rx] {
    color: #64748b;
    font-size: 0.8rem;
}

.upload-actions[b-5wlnq5c8rx] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.btn-upload[b-5wlnq5c8rx] {
    background: #1a6b3c;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
    transition: background 0.2s;
}

.btn-upload:hover:not(:disabled)[b-5wlnq5c8rx] {
    background: #145530;
}

.btn-upload:disabled[b-5wlnq5c8rx] {
    opacity: 0.6;
    cursor: not-allowed;
}

.upload-progress[b-5wlnq5c8rx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.progress-bar[b-5wlnq5c8rx] {
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
}

.progress-fill[b-5wlnq5c8rx] {
    height: 100%;
    background: #1a6b3c;
    border-radius: 3px;
    transition: width 0.3s;
}

.progress-text[b-5wlnq5c8rx] {
    font-size: 0.82rem;
    color: #475569;
}

.upload-results[b-5wlnq5c8rx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.upload-results h4[b-5wlnq5c8rx] {
    margin: 0 0 4px;
    font-size: 0.9rem;
    color: #1e293b;
}

.upload-result[b-5wlnq5c8rx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 0.83rem;
}

.result-success[b-5wlnq5c8rx] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.result-error[b-5wlnq5c8rx] {
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.result-icon[b-5wlnq5c8rx] {
    font-weight: 700;
    font-size: 0.75rem;
    min-width: 20px;
    text-align: center;
}

.result-success .result-icon[b-5wlnq5c8rx] { color: #166534; }
.result-error .result-icon[b-5wlnq5c8rx] { color: #991b1b; }

.result-file[b-5wlnq5c8rx] {
    font-weight: 500;
    min-width: 120px;
    color: #1e293b;
}

.result-message[b-5wlnq5c8rx] {
    color: #475569;
    flex: 1;
}
/* /Components/Admin/WerkstoffTestPanel.razor.rz.scp.css */
/* Werkstoff K-Test Panel Styles */

.werkstoff-test-overlay[b-zqwbl71obd] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.werkstoff-test-modal[b-zqwbl71obd] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    width: 95%;
    max-width: 1100px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-zqwbl71obd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
    border-radius: 12px 12px 0 0;
    color: white;
}

.modal-header h2[b-zqwbl71obd] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.btn-close[b-zqwbl71obd] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s;
}

.btn-close:hover[b-zqwbl71obd] {
    background: rgba(255, 255, 255, 0.3);
}

.modal-body[b-zqwbl71obd] {
    padding: 20px 24px;
    overflow-y: auto;
    flex: 1;
}

.mode-tabs[b-zqwbl71obd] {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    padding: 4px;
    border: 1px solid #d8e1ea;
    border-radius: 8px;
    background: #eef4f7;
}

.mode-tabs button[b-zqwbl71obd] {
    min-height: 34px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #405067;
    cursor: pointer;
    font-weight: 700;
}

.mode-tabs button.active[b-zqwbl71obd] {
    border-color: #bfd0df;
    background: #ffffff;
    color: #173958;
    box-shadow: 0 1px 2px rgba(22, 38, 55, 0.08);
}

.mode-tabs button:disabled[b-zqwbl71obd] {
    cursor: not-allowed;
    opacity: 0.45;
}

/* Loading */
.loading-indicator[b-zqwbl71obd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    gap: 16px;
}

.spinner[b-zqwbl71obd] {
    width: 48px;
    height: 48px;
    border: 4px solid #e0e0e0;
    border-top-color: #1565c0;
    border-radius: 50%;
    animation: spin-b-zqwbl71obd 1s linear infinite;
}

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

/* Error */
.error-message[b-zqwbl71obd] {
    background: #ffebee;
    color: #c62828;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-retry[b-zqwbl71obd] {
    margin-left: auto;
    padding: 6px 16px;
    background: #c62828;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Sections */
.section[b-zqwbl71obd] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.section h3[b-zqwbl71obd] {
    margin: 0 0 12px 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Material Selection */
.material-selection .input-row[b-zqwbl71obd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.material-selection label[b-zqwbl71obd] {
    font-weight: 500;
    min-width: 100px;
}

.material-selection input[type="number"][b-zqwbl71obd] {
    flex: 1;
    max-width: 150px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
}

.btn-load[b-zqwbl71obd] {
    padding: 8px 20px;
    background: #1565c0;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-load:hover:not(:disabled)[b-zqwbl71obd] {
    background: #0d47a1;
}

.btn-load:disabled[b-zqwbl71obd] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Material Info */
.material-info[b-zqwbl71obd] {
    margin-top: 12px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 16px;
}

.material-header[b-zqwbl71obd] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.material-number[b-zqwbl71obd] {
    font-weight: 700;
    font-size: 1.1rem;
    color: #1565c0;
}

.material-name[b-zqwbl71obd] {
    color: #666;
}

.material-details[b-zqwbl71obd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.badge[b-zqwbl71obd] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
}

.badge-gefuege[b-zqwbl71obd] {
    background: #e3f2fd;
    color: #1565c0;
}

.prop[b-zqwbl71obd] {
    font-size: 0.9rem;
    color: #555;
    padding: 2px 8px;
    background: #f5f5f5;
    border-radius: 4px;
}

/* Parameters */
.param-grid[b-zqwbl71obd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.param-item[b-zqwbl71obd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.param-item label[b-zqwbl71obd] {
    font-size: 0.85rem;
    color: #666;
}

.param-item input[b-zqwbl71obd] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
}

.param-item input:focus[b-zqwbl71obd] {
    outline: none;
    border-color: #1565c0;
    box-shadow: 0 0 0 2px rgba(21, 101, 192, 0.1);
}

/* Flags */
.flags-row[b-zqwbl71obd] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 8px;
    border-top: 1px solid #e0e0e0;
}

.flag-label[b-zqwbl71obd] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    color: #555;
}

.flag-label input[type="checkbox"][b-zqwbl71obd] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Regelwerk Selection */
.regelwerk-grid[b-zqwbl71obd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
}

.regelwerk-label[b-zqwbl71obd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

.regelwerk-label:hover[b-zqwbl71obd] {
    border-color: #1565c0;
    background: #e3f2fd;
}

.regelwerk-label input[type="checkbox"][b-zqwbl71obd] {
    width: 16px;
    height: 16px;
}

.regelwerk-actions[b-zqwbl71obd] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
}

.btn-small[b-zqwbl71obd] {
    padding: 4px 12px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.85rem;
}

.btn-small:hover[b-zqwbl71obd] {
    background: #e0e0e0;
}

/* Action Buttons */
.action-buttons[b-zqwbl71obd] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 16px;
}

.btn-cancel[b-zqwbl71obd] {
    padding: 10px 24px;
    background: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-cancel:hover[b-zqwbl71obd] {
    background: #e0e0e0;
}

.btn-calculate[b-zqwbl71obd] {
    padding: 10px 32px;
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
}

.btn-calculate:hover:not(:disabled)[b-zqwbl71obd] {
    background: linear-gradient(135deg, #388e3c 0%, #2e7d32 100%);
}

.btn-calculate:disabled[b-zqwbl71obd] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Results Section */
.results[b-zqwbl71obd] {
    background: #fff;
    border: 2px solid #4caf50;
}

.results h3[b-zqwbl71obd] {
    color: #388e3c;
}

.results-head[b-zqwbl71obd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.results-head h3[b-zqwbl71obd] {
    margin: 0;
}

.results-head > div[b-zqwbl71obd] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Input Summary */
.input-summary[b-zqwbl71obd] {
    background: #e8f5e9;
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 16px;
}

.summary-title[b-zqwbl71obd] {
    font-weight: 600;
    color: #2e7d32;
    display: block;
    margin-bottom: 6px;
}

.summary-values[b-zqwbl71obd] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.summary-values span[b-zqwbl71obd] {
    font-size: 0.9rem;
    color: #555;
    padding: 2px 8px;
    background: white;
    border-radius: 4px;
}

/* Results Table */
.results-table[b-zqwbl71obd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.results-table th[b-zqwbl71obd],
.results-table td[b-zqwbl71obd] {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.results-table th[b-zqwbl71obd] {
    background: #f5f5f5;
    font-weight: 600;
    color: #333;
    position: sticky;
    top: 0;
}

.results-table tbody tr[b-zqwbl71obd] {
    cursor: pointer;
    transition: background 0.2s;
}

.results-table tbody tr:hover[b-zqwbl71obd] {
    background: #f0f7ff;
}

.results-table tbody tr.expanded[b-zqwbl71obd] {
    background: #e3f2fd;
}

.regelwerk-name[b-zqwbl71obd] {
    font-weight: 600;
    color: #1565c0;
}

.k-value[b-zqwbl71obd] {
    font-weight: 700;
    font-size: 1rem;
    color: #2e7d32;
}

.formula[b-zqwbl71obd] {
    font-family: 'Consolas', monospace;
    font-size: 0.85rem;
    color: #666;
}

/* Details Row */
.details-row[b-zqwbl71obd] {
    background: #fafafa !important;
}

.details-row td[b-zqwbl71obd] {
    padding: 0 !important;
}

.result-details[b-zqwbl71obd] {
    padding: 16px;
    border-left: 4px solid #1565c0;
    margin: 0;
}

.detail-item[b-zqwbl71obd] {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 0.9rem;
}

.detail-item .label[b-zqwbl71obd] {
    font-weight: 600;
    color: #666;
    min-width: 150px;
}

.detail-item.notes[b-zqwbl71obd] {
    background: #fff3e0;
    padding: 8px 12px;
    border-radius: 4px;
    margin-top: 8px;
}

.detail-item.notes .label[b-zqwbl71obd] {
    color: #e65100;
}

/* Export Buttons */
.export-buttons[b-zqwbl71obd] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
    align-items: center;
}

.btn-export[b-zqwbl71obd] {
    padding: 8px 16px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
}

.btn-export:hover[b-zqwbl71obd] {
    background: #e0e0e0;
}

.execution-time[b-zqwbl71obd] {
    margin-left: auto;
    font-size: 0.85rem;
    color: #888;
}

/* Sweep */
.sweep-section[b-zqwbl71obd] {
    border: 1px solid #d8e1ea;
    background: #ffffff;
    padding: 0;
    overflow: hidden;
    text-align: left;
}

.sweep-section *[b-zqwbl71obd] {
    box-sizing: border-box;
}

.sweep-workbench[b-zqwbl71obd] {
    padding: 18px;
    background: #f8fafc;
    text-align: left;
}

.sweep-hero[b-zqwbl71obd] {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
    text-align: left;
}

.sweep-hero h3[b-zqwbl71obd] {
    margin: 0;
    color: #172331;
    font-size: 1rem;
    letter-spacing: 0;
    text-transform: none;
}

.sweep-hero p[b-zqwbl71obd] {
    margin: 4px 0 0 0;
    color: #657386;
    font-size: 0.86rem;
}

.sweep-status[b-zqwbl71obd] {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    min-width: 220px;
}

.sweep-status span[b-zqwbl71obd],
.sweep-result-pills span[b-zqwbl71obd],
.chart-legend span[b-zqwbl71obd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef4f7;
    color: #2d5260;
    font-size: 0.78rem;
    font-weight: 700;
}

.sweep-layout[b-zqwbl71obd] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
    gap: 14px;
    align-items: stretch;
    text-align: left;
}

.sweep-main[b-zqwbl71obd],
.sweep-options-panel[b-zqwbl71obd],
.sweep-results[b-zqwbl71obd] {
    border: 1px solid #d8e1ea;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(22, 38, 55, 0.04);
}

.sweep-main[b-zqwbl71obd] {
    display: grid !important;
    gap: 0;
}

.sweep-range-row[b-zqwbl71obd] {
    display: grid !important;
    grid-template-columns: 210px minmax(0, 1fr) !important;
    gap: 14px;
    align-items: center;
    padding: 13px 14px;
    border-bottom: 1px solid #edf2f6;
    text-align: left;
}

.sweep-range-row:last-child[b-zqwbl71obd] {
    border-bottom: 0;
}

.sweep-range-title strong[b-zqwbl71obd] {
    display: block;
    color: #20334b;
    font-size: 0.9rem;
}

.sweep-range-title span[b-zqwbl71obd] {
    display: block;
    margin-top: 3px;
    color: #7b8796;
    font-size: 0.75rem;
    line-height: 1.25;
}

.sweep-range-fields[b-zqwbl71obd] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(110px, 1fr)) !important;
    gap: 10px;
}

.sweep-range-fields.two[b-zqwbl71obd] {
    grid-template-columns: minmax(120px, 0.75fr) minmax(180px, 1.25fr) !important;
}

.sweep-range-fields.one[b-zqwbl71obd] {
    grid-template-columns: minmax(120px, 240px) !important;
}

.sweep-thickness-block[b-zqwbl71obd] {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 12px;
    align-items: end;
}

.sweep-mode-toggle[b-zqwbl71obd] {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid #d8e1ea;
    border-radius: 6px;
    background: #f8fafc;
    color: #405067;
    font-size: 0.82rem;
    font-weight: 700;
}

.sweep-mode-toggle input[b-zqwbl71obd] {
    margin: 0;
}

.sweep-field[b-zqwbl71obd],
.sweep-select[b-zqwbl71obd] {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px;
    min-width: 0;
    text-align: left;
}

.sweep-field > span[b-zqwbl71obd],
.sweep-select > span[b-zqwbl71obd] {
    color: #627286;
    font-size: 0.72rem;
    font-weight: 700;
}

.sweep-field > div[b-zqwbl71obd] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center;
    height: 36px;
    border: 1px solid #bfd0df;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}

.sweep-field input[b-zqwbl71obd],
.sweep-select select[b-zqwbl71obd] {
    width: 100%;
    min-width: 0;
    height: 34px;
    border: 0;
    background: #ffffff;
    color: #172331;
    font: inherit;
}

.sweep-field input[b-zqwbl71obd] {
    padding: 0 10px;
    text-align: right;
}

.sweep-field input:disabled[b-zqwbl71obd] {
    color: #7b8796;
    background: #f2f5f8;
}

.sweep-field b[b-zqwbl71obd] {
    padding: 0 10px;
    color: #6a7a8d;
    font-size: 0.76rem;
    font-weight: 700;
}

.sweep-select select[b-zqwbl71obd] {
    height: 36px;
    border: 1px solid #bfd0df;
    border-radius: 6px;
    padding: 0 10px;
}

.sweep-options-panel[b-zqwbl71obd] {
    padding: 14px;
}

.sweep-options-panel h4[b-zqwbl71obd],
.sweep-results-head h4[b-zqwbl71obd] {
    margin: 0;
    color: #20334b;
    font-size: 0.9rem;
}

.sweep-options[b-zqwbl71obd] {
    display: grid !important;
    gap: 12px;
    margin-top: 12px;
}

.sweep-mini-selects[b-zqwbl71obd] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
}

.sweep-checks[b-zqwbl71obd] {
    display: grid !important;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid #edf2f6;
}

.sweep-checks label[b-zqwbl71obd] {
    display: grid !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    gap: 8px;
    align-items: start;
    color: #405067;
    font-size: 0.8rem;
    line-height: 1.25;
}

.sweep-checks input[b-zqwbl71obd] {
    width: 16px;
    height: 16px;
    margin: 0;
}

.sweep-validation[b-zqwbl71obd] {
    margin: 12px 18px 0 18px;
    padding: 10px 12px;
    border: 1px solid #efc26d;
    border-radius: 7px;
    background: #fff8e8;
    color: #8a5700;
    font-weight: 700;
}

.sweep-actions-bar[b-zqwbl71obd] {
    display: flex !important;
    justify-content: flex-end;
    gap: 12px;
    padding: 14px 18px 18px 18px;
    background: #f8fafc;
}

.sweep-results[b-zqwbl71obd] {
    margin: 0 18px 18px 18px;
    padding: 14px;
}

.sweep-results-head[b-zqwbl71obd] {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
}

.sweep-results-head p[b-zqwbl71obd] {
    margin: 4px 0 0 0;
    color: #657386;
    font-size: 0.82rem;
}

.sweep-result-pills[b-zqwbl71obd],
.chart-toolbar[b-zqwbl71obd],
.chart-legend[b-zqwbl71obd] {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.chart-toolbar[b-zqwbl71obd] {
    margin: 10px 0 12px 0;
}

.chart-toggle[b-zqwbl71obd] {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid #d8e1ea;
    border-radius: 999px;
    background: #fff;
    color: #405067;
    font-size: 0.8rem;
    cursor: pointer;
}

.chart-toggle input[b-zqwbl71obd] {
    margin: 0;
}

.sweep-chart[b-zqwbl71obd] {
    border: 1px solid #d8e1ea;
    border-radius: 8px;
    background: #ffffff;
    padding: 10px;
    overflow-x: auto;
}

.sweep-chart svg[b-zqwbl71obd] {
    display: block;
    width: 100%;
    min-width: 680px;
    height: auto;
}

.chart-line[b-zqwbl71obd] {
    fill: none;
}

.chart-legend[b-zqwbl71obd] {
    margin-top: 10px;
}

.chart-legend i[b-zqwbl71obd] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.empty-chart[b-zqwbl71obd] {
    padding: 28px;
    border: 1px dashed #bfd0df;
    border-radius: 8px;
    color: #657386;
    text-align: center;
    background: #f8fafc;
}

.sweep-table-wrap[b-zqwbl71obd] {
    margin: 14px 18px 0 18px;
    max-height: 420px;
    overflow: auto;
    border: 1px solid #d8e1ea;
    border-radius: 8px;
    background: #ffffff;
}

.sweep-table th[b-zqwbl71obd] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.sweep-table td[b-zqwbl71obd] {
    white-space: nowrap;
}

.row-error[b-zqwbl71obd] {
    background: #fff4f4;
}

@media (max-width: 980px) {
    .sweep-hero[b-zqwbl71obd],
    .sweep-results-head[b-zqwbl71obd] {
        flex-direction: column;
    }

    .sweep-status[b-zqwbl71obd] {
        justify-content: flex-start;
        min-width: 0;
    }

    .sweep-layout[b-zqwbl71obd],
    .sweep-range-row[b-zqwbl71obd],
    .sweep-range-fields[b-zqwbl71obd],
    .sweep-range-fields.two[b-zqwbl71obd],
    .sweep-range-fields.one[b-zqwbl71obd],
    .sweep-thickness-block[b-zqwbl71obd],
    .sweep-mini-selects[b-zqwbl71obd] {
        grid-template-columns: 1fr !important;
    }

    .sweep-actions-bar[b-zqwbl71obd] {
        flex-direction: column !important;
    }
}
/* /Components/BeinProfileSelector.razor.rz.scp.css */
.bein-profile-panel[b-syrk5umlhh] {
    margin: 10px 12px 14px;
    border: 1px solid #c8d7df;
    border-radius: 6px;
    background: #f7fafb;
    box-shadow: 0 1px 2px rgba(20, 45, 60, 0.06);
}

.bein-profile-toolbar[b-syrk5umlhh] {
    display: grid;
    grid-template-columns: minmax(170px, 1fr) minmax(160px, 220px) minmax(170px, 260px);
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #d8e3e8;
}

.bein-profile-title[b-syrk5umlhh] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: #173653;
}

.bein-profile-kicker[b-syrk5umlhh] {
    padding: 2px 6px;
    border-radius: 4px;
    background: #dff4f2;
    color: #126b72;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0;
}

.bein-profile-select[b-syrk5umlhh],
.bein-profile-search[b-syrk5umlhh] {
    min-width: 0;
    height: 32px;
    border: 1px solid #b9ccd8;
    border-radius: 5px;
    background: #ffffff;
    color: #18344d;
    font-size: 0.86rem;
    padding: 0 9px;
}

.bein-profile-table-wrap[b-syrk5umlhh] {
    max-height: 290px;
    overflow: auto;
}

.bein-profile-table[b-syrk5umlhh] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.bein-profile-table th[b-syrk5umlhh] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #eef4f7;
    color: #4b5a68;
    font-weight: 700;
    text-align: right;
    padding: 7px 8px;
    border-bottom: 1px solid #cbd9e1;
}

.bein-profile-table th:first-child[b-syrk5umlhh],
.bein-profile-table th:nth-child(2)[b-syrk5umlhh] {
    text-align: left;
}

.bein-profile-table td[b-syrk5umlhh] {
    padding: 6px 8px;
    border-bottom: 1px solid #e2eaee;
    color: #20384f;
    text-align: right;
    white-space: nowrap;
}

.bein-profile-table td:first-child[b-syrk5umlhh],
.bein-profile-table td:nth-child(2)[b-syrk5umlhh] {
    text-align: left;
}

.bein-profile-table tr:hover[b-syrk5umlhh] {
    background: #eef9f6;
}

.bein-profile-table tr.is-selected[b-syrk5umlhh] {
    background: #e3f7e9;
}

.bein-profile-name[b-syrk5umlhh] {
    display: block;
    font-weight: 700;
}

.bein-profile-line[b-syrk5umlhh] {
    display: block;
    max-width: 520px;
    overflow: hidden;
    color: #748394;
    font-family: Consolas, "Liberation Mono", monospace;
    font-size: 0.76rem;
    text-overflow: ellipsis;
}

.bein-profile-action[b-syrk5umlhh] {
    width: 72px;
}

.bein-profile-apply[b-syrk5umlhh] {
    min-width: 58px;
    height: 27px;
    border: 1px solid #74a6bd;
    border-radius: 5px;
    background: #eaf6fb;
    color: #12607d;
    font-weight: 700;
    cursor: pointer;
}

.bein-profile-apply:hover:not(:disabled)[b-syrk5umlhh] {
    background: #d7eef7;
}

.bein-profile-apply:disabled[b-syrk5umlhh] {
    cursor: wait;
    opacity: 0.65;
}

.bein-profile-state[b-syrk5umlhh] {
    padding: 14px 12px;
    color: #587084;
}

.bein-profile-state.is-error[b-syrk5umlhh] {
    color: #9c3131;
}

@media (max-width: 720px) {
    .bein-profile-toolbar[b-syrk5umlhh] {
        grid-template-columns: 1fr;
    }

    .bein-profile-panel[b-syrk5umlhh] {
        margin: 8px 8px 12px;
    }

    .bein-profile-table-wrap[b-syrk5umlhh] {
        max-height: 240px;
    }
}
/* /Components/CalculationDiagnosticsPanel.razor.rz.scp.css */
.calculation-diagnostics[b-nh8eel5epj] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
    color: #24364b;
    background: #f6f8fb;
}

.diagnostics-header[b-nh8eel5epj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 15px 12px;
    border-bottom: 1px solid #d9e1ea;
    background: #fff;
}

.diagnostics-header h3[b-nh8eel5epj],
.diagnostics-header p[b-nh8eel5epj],
.diagnostics-empty p[b-nh8eel5epj],
.diagnostic-summary[b-nh8eel5epj] {
    margin: 0;
}

.diagnostics-header h3[b-nh8eel5epj] {
    color: #172b4d;
    font-size: 0.94rem;
    line-height: 1.25;
}

.diagnostics-header p[b-nh8eel5epj] {
    margin-top: 3px;
    color: #66788d;
    font-size: 0.74rem;
    line-height: 1.35;
}

.diagnostics-count[b-nh8eel5epj] {
    min-width: 25px;
    padding: 3px 7px;
    border-radius: 999px;
    color: #fff;
    background: #b42318;
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
}

.diagnostics-empty[b-nh8eel5epj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 150px;
    padding: 24px 16px;
    color: #66788d;
    text-align: center;
}

.diagnostics-empty > span[b-nh8eel5epj] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #287a51;
    background: #e7f5ed;
    font-size: 1rem;
    font-weight: 700;
}

.diagnostics-list[b-nh8eel5epj] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-height: 0;
    padding: 11px;
    overflow-y: auto;
}

.diagnostic-entry[b-nh8eel5epj] {
    padding: 10px 11px;
    border: 1px solid #d9e1ea;
    border-left-width: 4px;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(23, 43, 77, 0.05);
}

.diagnostic-entry.error[b-nh8eel5epj] {
    border-left-color: #c9372c;
}

.diagnostic-entry.warning[b-nh8eel5epj] {
    border-left-color: #d98e04;
}

.diagnostic-heading[b-nh8eel5epj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.diagnostic-level[b-nh8eel5epj] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #7a1f1a;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.warning .diagnostic-level[b-nh8eel5epj] {
    color: #805b10;
}

.diagnostic-level > span[b-nh8eel5epj] {
    display: grid;
    place-items: center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    color: #fff;
    background: #c9372c;
    font-size: 0.72rem;
    line-height: 1;
}

.warning .diagnostic-level > span[b-nh8eel5epj] {
    background: #d98e04;
}

.diagnostic-heading time[b-nh8eel5epj] {
    color: #75859a;
    font-size: 0.66rem;
    white-space: nowrap;
}

.diagnostic-summary[b-nh8eel5epj] {
    margin-top: 8px;
    overflow-wrap: anywhere;
    color: #253858;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.4;
}

.diagnostic-context[b-nh8eel5epj] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
}

.diagnostic-context span[b-nh8eel5epj] {
    max-width: 100%;
    padding: 2px 6px;
    overflow-wrap: anywhere;
    border: 1px solid #d9e1ea;
    border-radius: 4px;
    color: #52677e;
    background: #f4f6f9;
    font-size: 0.66rem;
    line-height: 1.25;
}

.diagnostic-entry details[b-nh8eel5epj] {
    margin-top: 9px;
    border-top: 1px solid #e7ebf0;
    padding-top: 7px;
}

.diagnostic-entry summary[b-nh8eel5epj] {
    color: #445b73;
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 600;
}

.diagnostic-entry summary:focus-visible[b-nh8eel5epj] {
    outline: 2px solid #0f6cbd;
    outline-offset: 2px;
}

.diagnostic-entry pre[b-nh8eel5epj] {
    max-width: 100%;
    margin: 8px 0 0;
    padding: 8px;
    overflow: auto;
    border-radius: 5px;
    color: #293a4d;
    background: #eef2f6;
    font: 0.68rem/1.45 Consolas, "Courier New", monospace;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Components/CalculationWorkspace/CalculationActivityIndicator.razor.rz.scp.css */
.calculation-activity[b-htgyea0dra] { background: #edf6f8; color: #164955; border-top: 1px solid #8db7c1; }
.activity-track[b-htgyea0dra] { height: 3px; overflow: hidden; background: #d3e7ec; }
.activity-track span[b-htgyea0dra] { display: block; width: 30%; height: 100%; background: #18788c; animation: calculation-working-b-htgyea0dra 1.6s ease-in-out infinite; }
.activity-description[b-htgyea0dra] { display: flex; align-items: center; gap: .7rem; padding: .45rem .85rem; font-size: .82rem; flex-wrap: wrap; }
.activity-elapsed[b-htgyea0dra] { font-variant-numeric: tabular-nums; white-space: nowrap; }
@keyframes calculation-working-b-htgyea0dra { from { transform: translateX(-100%); } to { transform: translateX(340%); } }
@media (prefers-reduced-motion: reduce) { .activity-track span[b-htgyea0dra] { animation: none; width: 100%; opacity: .6; } }
/* /Components/CalculationWorkspace/CalculationWorkspace.razor.rz.scp.css */
.app-container[b-017yyx7eaf] {
    display: flex;
    flex: 1;
    min-height: 0;
    background: var(--sa-shell-bg);
    overflow: hidden;
}

.main-panel[b-017yyx7eaf] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* /Components/CalculationWorkspace/CalculationWorkspaceFooter.razor.rz.scp.css */
    /* Footer Container */
    .app-footer-container[b-44lupdwq7n] {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        background: #1e1e1e;
        border-top: 1px solid #333;
    }

    /* Drag Handle for resizing */
    .footer-drag-handle[b-44lupdwq7n] {
        height: 4px;
        background: #333;
        cursor: ns-resize;
        flex-shrink: 0;
    }
    .footer-drag-handle:hover[b-44lupdwq7n] {
        background: #0078d4;
    }

    .footer-drag-handle:focus-visible[b-44lupdwq7n] {
        background: #0078d4;
        outline: 2px solid #93c5fd;
        outline-offset: 1px;
    }

    /* Footer Log Panel (resizable) */
    .footer-log-panel[b-44lupdwq7n] {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    /* Header with filters */
    .footer-log-header[b-44lupdwq7n] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 4px 10px;
        background: #252525;
        border-bottom: 1px solid #333;
        flex-shrink: 0;
    }

    .footer-log-title[b-44lupdwq7n] {
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.72rem;
        font-weight: 600;
        white-space: nowrap;
    }

    .footer-log-filters[b-44lupdwq7n] {
        display: flex;
        align-items: center;
        gap: 3px;
        flex: 1;
    }

    .filter-btn[b-44lupdwq7n] {
        width: 20px;
        height: 18px;
        border: 1px solid #555;
        border-radius: 3px;
        font-size: 0.6rem;
        font-weight: bold;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        color: #666;
        padding: 0;
    }
    .filter-btn:hover[b-44lupdwq7n] { border-color: #888; color: #aaa; }
    .filter-btn.active.debug[b-44lupdwq7n] { background: #444; color: #aaa; border-color: #666; }
    .filter-btn.active.info[b-44lupdwq7n] { background: #1565c0; color: #fff; border-color: #1976d2; }
    .filter-btn.active.warning[b-44lupdwq7n] { background: #f57c00; color: #fff; border-color: #fb8c00; }
    .filter-btn.active.error[b-44lupdwq7n] { background: #c62828; color: #fff; border-color: #d32f2f; }

    .filter-separator[b-44lupdwq7n] {
        width: 1px;
        height: 14px;
        background: #555;
        margin: 0 4px;
    }

    .filter-chip[b-44lupdwq7n] {
        background: transparent;
        border: 1px solid #555;
        border-radius: 8px;
        color: #666;
        font-size: 0.6rem;
        padding: 1px 8px;
        cursor: pointer;
        white-space: nowrap;
    }
    .filter-chip:hover[b-44lupdwq7n] { border-color: #888; color: #aaa; }
    .filter-chip.active[b-44lupdwq7n] { background: rgba(255, 255, 255, 0.1); color: #ccc; border-color: #888; }

    .footer-log-actions[b-44lupdwq7n] {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .log-count-badge[b-44lupdwq7n] {
        background: rgba(0, 120, 212, 0.3);
        color: rgba(255, 255, 255, 0.8);
        padding: 1px 6px;
        border-radius: 8px;
        font-size: 0.6rem;
    }

    .btn-dump-vars[b-44lupdwq7n] {
        background: #333;
        border: 1px solid #555;
        border-radius: 3px;
        color: #ccc;
        cursor: pointer;
        padding: 1px 8px;
        display: flex;
        align-items: center;
        gap: 3px;
        font-size: 0.6rem;
        white-space: nowrap;
    }
    .btn-dump-vars:hover[b-44lupdwq7n] { background: #444; border-color: #888; color: #fff; }

    .btn-clear-log[b-44lupdwq7n] {
        background: transparent;
        border: none;
        color: rgba(255, 255, 255, 0.5);
        cursor: pointer;
        padding: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
    }
    .btn-clear-log:hover[b-44lupdwq7n] {
        background: rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.9);
    }

    /* Log content area */
    .footer-log-content[b-44lupdwq7n] {
        flex: 1;
        overflow-y: auto;
        padding: 2px 4px;
        font-family: 'Consolas', 'Monaco', monospace;
        font-size: 0.7rem;
        background: #1e1e1e;
    }

    .footer-log-content .log-empty[b-44lupdwq7n] {
        color: rgba(255, 255, 255, 0.3);
        font-style: italic;
        padding: 8px;
    }

    /* Log entries - detailed view with timestamp, level, category, message */
    .footer-log-content .log-entry[b-44lupdwq7n] {
        display: flex;
        gap: 6px;
        padding: 2px 6px;
        border-bottom: 1px solid #2a2a2a;
        align-items: flex-start;
    }
    .footer-log-content .log-entry:hover[b-44lupdwq7n] { background: #2a2a2a; }

    .log-time[b-44lupdwq7n] {
        color: #666;
        flex-shrink: 0;
        width: 75px;
    }

    .log-level[b-44lupdwq7n] {
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        border-radius: 3px;
        font-size: 0.6rem;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .log-level.debug[b-44lupdwq7n] { background: #444; color: #aaa; }
    .log-level.info[b-44lupdwq7n] { background: #1565c0; color: #fff; }
    .log-level.warning[b-44lupdwq7n] { background: #f57c00; color: #fff; }
    .log-level.error[b-44lupdwq7n] { background: #c62828; color: #fff; }

    .log-category[b-44lupdwq7n] {
        color: #888;
        flex-shrink: 0;
        min-width: 80px;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .log-category.cat-moduleswitch[b-44lupdwq7n] { color: #ff8a65; font-weight: 600; }
    .log-category.cat-gleichung[b-44lupdwq7n] { color: #64b5f6; }
    .log-category.cat-eingabe[b-44lupdwq7n] { color: #81c784; }
    .log-category.cat-infojson[b-44lupdwq7n] { color: #ce93d8; }
    .log-category.cat-activity[b-44lupdwq7n] { color: #ffd54f; font-weight: 600; }

    .log-message[b-44lupdwq7n] {
        color: #e0e0e0;
        flex: 1;
        word-break: break-word;
    }
    .footer-log-content .log-entry.warning .log-message[b-44lupdwq7n] { color: #ffb74d; }
    .footer-log-content .log-entry.error .log-message[b-44lupdwq7n] { color: #ef5350; }

    /* User Input Highlight (R1) */
    .footer-log-content .log-entry.user-input-highlight[b-44lupdwq7n] {
        border: 1px solid #81c784;
        background: rgba(129, 199, 132, 0.08);
        border-radius: 3px;
        margin: 2px 0;
        padding: 4px 6px;
    }
    .footer-log-content .log-entry.user-input-highlight .log-message[b-44lupdwq7n] {
        color: #81c784;
        font-weight: 600;
    }

    /* Source Badge (R2) */
    .log-source[b-44lupdwq7n] {
        background: #333;
        color: #aaa;
        padding: 1px 6px;
        border-radius: 3px;
        font-size: 0.6rem;
        white-space: nowrap;
        flex-shrink: 0;
    }
    .footer-log-content .log-entry.user-input-highlight .log-source[b-44lupdwq7n] {
        background: rgba(129, 199, 132, 0.15);
        color: #81c784;
    }

    /* Kapitel Badge (R2) */
    .log-kapitel[b-44lupdwq7n] {
        background: #1a3a5c;
        color: #64b5f6;
        padding: 1px 6px;
        border-radius: 3px;
        font-size: 0.6rem;
        white-space: nowrap;
        flex-shrink: 0;
    }

    /* Equation/Variable inline badges */
    .log-eq[b-44lupdwq7n], .log-var[b-44lupdwq7n] {
        color: #888;
        font-size: 0.6rem;
        flex-shrink: 0;
    }

    /* Eingabe filter button */
    .filter-chip.eingabe.active[b-44lupdwq7n] {
        background: rgba(129, 199, 132, 0.2);
        color: #81c784;
        border-color: #81c784;
    }

    /* Footer Status Bar */
    .app-footer-status[b-44lupdwq7n] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 4px 12px;
        background: #2c3e50;
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.75rem;
        flex-shrink: 0;
        height: 24px;
        box-sizing: border-box;
    }

    .footer-left[b-44lupdwq7n],
    .footer-right[b-44lupdwq7n] {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .footer-left svg[b-44lupdwq7n] {
        opacity: 0.7;
    }

    .btn-toggle-log[b-44lupdwq7n] {
        background: transparent;
        border: none;
        color: rgba(255, 255, 255, 0.6);
        cursor: pointer;
        padding: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        margin-right: 4px;
    }

    .btn-toggle-log:hover[b-44lupdwq7n] {
        background: rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.9);
    }

    .btn-toggle-log.expanded[b-44lupdwq7n] {
        color: #0078d4;
    }

    .log-count[b-44lupdwq7n] {
        background: rgba(0, 120, 212, 0.3);
        color: rgba(255, 255, 255, 0.9);
        padding: 1px 6px;
        border-radius: 3px;
        font-size: 0.65rem;
        margin-left: 4px;
    }

    .project-save-chip[b-44lupdwq7n] {
        max-width: 260px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 1px 7px;
        border-radius: 3px;
        font-size: 0.65rem;
        border: 1px solid rgba(255, 255, 255, 0.18);
    }

    .project-save-chip.saved[b-44lupdwq7n] {
        background: rgba(39, 174, 96, 0.22);
        color: rgba(232, 255, 241, 0.95);
    }

    .project-save-chip.dirty[b-44lupdwq7n] {
        background: rgba(245, 158, 11, 0.24);
        color: rgba(255, 245, 220, 0.98);
    }

    .module-warmup-chip[b-44lupdwq7n] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-width: 0;
        max-width: 360px;
        padding: 1px 7px;
        border: 1px solid rgba(96, 165, 250, 0.35);
        border-radius: 4px;
        background: rgba(30, 64, 175, 0.28);
        color: rgba(239, 246, 255, 0.95);
        white-space: nowrap;
        overflow: hidden;
    }

    .module-warmup-chip strong[b-44lupdwq7n] {
        color: #bfdbfe;
        font-weight: 700;
    }

    .module-warmup-chip.done[b-44lupdwq7n] {
        border-color: rgba(74, 222, 128, 0.35);
        background: rgba(22, 101, 52, 0.22);
        color: rgba(240, 253, 244, 0.95);
    }

    .module-warmup-dot[b-44lupdwq7n] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #60a5fa;
        flex: 0 0 auto;
        box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.18);
    }

    .module-warmup-chip.done .module-warmup-dot[b-44lupdwq7n] {
        background: #4ade80;
        box-shadow: 0 0 0 2px rgba(74, 222, 128, 0.18);
    }

    .var-label[b-44lupdwq7n] {
        background: rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.92);
        padding: 1px 8px;
        border-radius: 3px;
        font-family: 'Consolas', monospace;
        font-size: 0.7rem;
    }

    .chapter-label[b-44lupdwq7n] {
        background: rgba(129, 199, 132, 0.18);
        color: rgba(255, 255, 255, 0.92);
        padding: 1px 8px;
        border-radius: 3px;
        font-family: 'Consolas', monospace;
        font-size: 0.7rem;
    }
/* /Components/CalculationWorkspace/ModuleSidebar.razor.rz.scp.css */
.sidebar-panel[b-b50rvmpid0] {
    width: 252px;
    background: linear-gradient(180deg, #e8eef2 0%, #dfe8ed 100%);
    color: #334155;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    border-right: 1px solid #c5d5db;
}

.sidebar-add-module[b-b50rvmpid0] {
    padding: 8px 8px 2px;
    flex-shrink: 0;
}

.btn-add-module[b-b50rvmpid0] {
    width: 100%;
    height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(135deg, #157d8a 0%, #106772 100%);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 650;
    letter-spacing: 0.01em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: background 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(17, 43, 69, 0.18);
}

.btn-add-module:hover:not(:disabled)[b-b50rvmpid0] {
    background: linear-gradient(135deg, #1a91a0 0%, #157d8a 100%);
    box-shadow: 0 2px 8px rgba(21, 125, 138, 0.35);
}

.btn-add-module:disabled[b-b50rvmpid0] {
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none;
}

.module-tabs[b-b50rvmpid0] {
    flex: 1;
    overflow-y: auto;
    padding: 6px;
}

.module-tabs.ac-dragging .module-group-header[b-b50rvmpid0] {
    transition: border-color 0.08s, background 0.08s, box-shadow 0.08s, transform 0.08s;
}

.module-group-header:focus-visible[b-b50rvmpid0] {
    outline: 2px solid #1c8a9b;
    outline-offset: 2px;
}

.tab-multi-actions[b-b50rvmpid0] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    border-top: 1px solid #334155;
}

.tab-multi-count[b-b50rvmpid0] {
    font-size: 11px;
    color: #94a3b8;
    margin-right: 4px;
}

.tab-multi-btn[b-b50rvmpid0] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border: 1px solid #475569;
    border-radius: 4px;
    background: transparent;
    color: #cbd5e1;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.15s;
}

.tab-multi-btn:hover[b-b50rvmpid0] {
    background: #334155;
}

.tab-multi-close:hover[b-b50rvmpid0] {
    background: rgba(239, 68, 68, 0.2);
    border-color: #ef4444;
    color: #fca5a5;
}

.tab-multi-duplicate:hover[b-b50rvmpid0] {
    background: rgba(28, 138, 155, 0.2);
    border-color: #1c8a9b;
    color: #a7f3d0;
}

.tab-multi-cancel[b-b50rvmpid0] {
    border: none;
    color: #64748b;
    font-size: 11px;
}

.tab-multi-cancel:hover[b-b50rvmpid0] {
    color: #94a3b8;
}

.module-group[b-b50rvmpid0] {
    margin-bottom: 2px;
}

/* Grouped modules are indented under their header with a guide line, and an
   expanded group keeps a visible gap to the next module outside it. */
.module-group.expanded[b-b50rvmpid0] {
    margin-bottom: 12px;
}

.module-group-items[b-b50rvmpid0] {
    margin-left: 12px;
    padding-left: 8px;
    border-left: 2px solid #cbd8de;
}

.module-group-header[b-b50rvmpid0] {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 8px;
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 600;
    color: #475569;
    background: #d8e3e8;
    border-radius: 8px;
    user-select: none;
    transition: background 0.15s;
    margin: 2px 0;
}

.module-group-header:hover[b-b50rvmpid0] {
    background: #ccdbe1;
}

.module-group-header.drag-over[b-b50rvmpid0] {
    background: rgba(76, 175, 80, 0.2);
    outline: 2px dashed #4CAF50;
}

.module-group-header.ac-drag-over[b-b50rvmpid0] {
    outline: 2px solid #22a06b;
    outline-offset: -2px;
    background: rgba(35, 176, 112, 0.18) !important;
}

.module-group-header .chevron[b-b50rvmpid0] {
    transition: transform 0.2s;
    flex-shrink: 0;
}

.module-group-header.collapsed .chevron[b-b50rvmpid0] {
    transform: rotate(-90deg);
}

.group-name[b-b50rvmpid0] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-rename-input[b-b50rvmpid0] {
    flex: 1;
    border: 1px solid #1c8a9b;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 0.72rem;
    font-weight: 600;
    outline: none;
    min-width: 0;
    height: 18px;
}

.module-group-badge[b-b50rvmpid0] {
    background: #aec2c9;
    color: #304650;
    font-size: 0.6rem;
    padding: 0 5px;
    border-radius: 8px;
    flex-shrink: 0;
    line-height: 1.4;
}

.group-delete-btn[b-b50rvmpid0] {
    background: none;
    border: none;
    color: #6f8994;
    cursor: pointer;
    padding: 2px;
    margin-left: 2px;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity 0.15s, color 0.15s;
    flex-shrink: 0;
}

.module-group-header:hover .group-delete-btn[b-b50rvmpid0] {
    opacity: 1;
}

.group-delete-btn:hover[b-b50rvmpid0] {
    color: #ef5350;
}

.no-modules-hint[b-b50rvmpid0] {
    padding: 16px 12px;
    text-align: center;
    color: #64748b;
    font-size: 0.8rem;
}

.no-modules-hint p[b-b50rvmpid0] {
    margin: 4px 0;
}

.sidebar-panel.collapsed[b-b50rvmpid0] {
    width: 56px;
}

.sidebar-panel.collapsed .btn-add-module[b-b50rvmpid0] {
    width: 26px;
    height: 26px;
    padding: 0;
    border-radius: 6px;
}

@media (max-width: 768px) {
    .sidebar-panel[b-b50rvmpid0] {
        width: 56px;
    }

    .sidebar-panel .module-tabs[b-b50rvmpid0],
    .sidebar-panel .sidebar-add-module[b-b50rvmpid0],
    .sidebar-panel .no-modules-hint[b-b50rvmpid0] {
        display: none;
    }
}

/* Arrange mode: drag reorders instead of connecting. */
.arrange-mode-bar[b-b50rvmpid0] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 6px 0 6px;
    padding: 5px 8px;
    border: 1px solid #b7d3da;
    border-radius: 8px;
    background: #e6f2f5;
    color: #1d5a67;
    font-size: 0.72rem;
    line-height: 1.2;
}

.arrange-mode-bar svg[b-b50rvmpid0] {
    flex-shrink: 0;
}

.arrange-mode-text[b-b50rvmpid0] {
    flex: 1;
    min-width: 0;
}

.arrange-mode-done[b-b50rvmpid0] {
    padding: 3px 9px;
    border: 1px solid #165c6b;
    border-radius: 6px;
    background: #1c7587;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.arrange-mode-done:hover[b-b50rvmpid0] {
    background: #1f7f93;
}
/* /Components/CalculationWorkspace/ModuleSidebarContextMenu.razor.rz.scp.css */
.sidebar-ctx-backdrop[b-d5x0rpcrqm] {
    position: fixed;
    inset: 0;
    z-index: 9999;
}

.sidebar-ctx-menu[b-d5x0rpcrqm] {
    position: fixed;
    min-width: 200px;
    max-height: calc(100vh - 16px);
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #c7d5dc;
    border-radius: 10px;
    box-shadow: 0 14px 30px rgba(18,39,58,0.16);
    padding: 4px 0;
    z-index: 10000;
    font-size: 0.82rem;
}

.ctx-item[b-d5x0rpcrqm] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 14px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.82rem;
    color: #334155;
    text-align: left;
    transition: background 0.1s;
}

.ctx-item:hover[b-d5x0rpcrqm] {
    background: #f4f8fa;
}

.ctx-item svg[b-d5x0rpcrqm] {
    flex-shrink: 0;
    color: #64748b;
}

.ctx-item.ctx-indent[b-d5x0rpcrqm] {
    padding-left: 28px;
}

.ctx-item.ctx-checked[b-d5x0rpcrqm] {
    font-weight: 600;
    color: #1c8a9b;
}

.ctx-item.ctx-checked svg[b-d5x0rpcrqm] {
    color: #1c8a9b;
}

.ctx-item.ctx-danger[b-d5x0rpcrqm] {
    color: #ef4444;
}

.ctx-item.ctx-danger svg[b-d5x0rpcrqm] {
    color: #ef4444;
}

.ctx-item.ctx-danger:hover[b-d5x0rpcrqm] {
    background: #fef2f2;
}

.ctx-divider[b-d5x0rpcrqm] {
    height: 1px;
    background: #e5e7eb;
    margin: 4px 0;
}

.ctx-label[b-d5x0rpcrqm] {
    padding: 6px 14px 2px;
    font-size: 0.68rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
/* /Components/CalculationWorkspace/ModuleViewport.razor.rz.scp.css */
.module-instance-view[b-2civx2z0co] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.loading-modules[b-2civx2z0co] {
    text-align: center;
    padding: 48px;
    color: #666;
}

.module-error-boundary[b-2civx2z0co] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 28px 20px;
    border: 1px solid #efb2b2;
    background: #fff1f1;
    color: #9b3030;
    text-align: center;
}

.module-error-boundary strong[b-2civx2z0co] {
    font-size: 0.95rem;
}

.module-error-boundary span[b-2civx2z0co] {
    font-size: 0.82rem;
}

.spinner[b-2civx2z0co] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-top-color: #1a73e8;
    border-radius: 50%;
    animation: spin-b-2civx2z0co 0.8s linear infinite;
    margin-right: 8px;
    vertical-align: middle;
}

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

/* Attention notice (e.g. "Review project standards"): warm amber, accent
   stripe and a filled action so it is not mistaken for passive chrome
   (customer feedback: too subtle). */
.ad-norm-notice[b-2civx2z0co] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 8px 10px 6px 10px;
    padding: 6px 6px 6px 10px;
    border: 1px solid #ecc06a;
    border-left: 5px solid #d9962a;
    border-radius: 8px;
    background: linear-gradient(90deg, #fff4dc, #fff9ee);
    color: #4a3306;
    box-shadow: 0 2px 8px rgba(160, 108, 20, 0.16);
    flex-shrink: 0;
    animation: ad-norm-notice-in-b-2civx2z0co 0.35s ease-out;
}

@keyframes ad-norm-notice-in-b-2civx2z0co {
    from { transform: translateY(-4px); opacity: 0.4; }
    to { transform: none; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .ad-norm-notice[b-2civx2z0co] {
        animation: none;
    }
}

.ad-norm-notice-main[b-2civx2z0co] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 3px 5px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
    flex: 1;
}

.ad-norm-notice-main:hover .ad-norm-notice-title[b-2civx2z0co] {
    color: #8a5a00;
}

.ad-norm-notice-main:hover .ad-norm-notice-action[b-2civx2z0co] {
    background: #b97c14;
    border-color: #a26a0c;
}

.ad-norm-notice-icon[b-2civx2z0co] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #f7dc9c;
    color: #8a5a00;
    flex-shrink: 0;
}

.ad-norm-notice-icon svg[b-2civx2z0co] {
    width: 18px;
    height: 18px;
}

.ad-norm-notice-copy[b-2civx2z0co] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ad-norm-notice-title[b-2civx2z0co] {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.15;
    color: #5c3d00;
}

.ad-norm-notice-detail[b-2civx2z0co] {
    color: #6d5222;
    font-size: 0.78rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ad-norm-notice-action[b-2civx2z0co] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 4px 12px;
    border: 1px solid #b47512;
    border-radius: 7px;
    color: #ffffff;
    background: #c98a12;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(120, 78, 0, 0.25);
}

.ad-norm-notice-close[b-2civx2z0co] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #8c7346;
    cursor: pointer;
    flex-shrink: 0;
}

.ad-norm-notice-close:hover[b-2civx2z0co] {
    border-color: #ecc06a;
    background: #ffffff;
    color: #4a3306;
}

@media (max-width: 720px) {
    .ad-norm-notice-detail[b-2civx2z0co] {
        white-space: normal;
    }

    .ad-norm-notice-action span[b-2civx2z0co] {
        display: none;
    }

    .ad-norm-notice-action[b-2civx2z0co] {
        padding-inline: 7px;
    }
}
/* /Components/CompanyAdminPanel.razor.rz.scp.css */
.company-admin[b-4a1atqz4je] { padding: 1.5rem; max-width: 90rem; margin: auto; color: #193b50; }
.company-admin h1[b-4a1atqz4je] { font-size: 1.6rem; margin-bottom: 1rem; }
.company-admin form[b-4a1atqz4je] { display: flex; gap: 1rem; align-items: end; flex-wrap: wrap; background: #edf4f7; padding: 1rem; border-radius: .5rem; }
.company-admin label[b-4a1atqz4je] { display: flex; flex-direction: column; font-weight: 600; }
.company-admin table[b-4a1atqz4je] { border-collapse: collapse; width: 100%; margin: 1rem 0; }
.company-admin th[b-4a1atqz4je], .company-admin td[b-4a1atqz4je] { text-align: left; border-bottom: 1px solid #cbd7df; padding: .6rem; }
.company-admin button[b-4a1atqz4je], .company-admin input[b-4a1atqz4je], .company-admin select[b-4a1atqz4je] { padding: .4rem; margin: .25rem; }
.company-admin input[b-4a1atqz4je], .company-admin select[b-4a1atqz4je] { border: 1px solid #a5bbc8; border-radius: .3rem; background: white; }
.company-admin button[b-4a1atqz4je] { background: #e9f2f6; border: 1px solid #9ab3c1; border-radius: .3rem; cursor: pointer; }
.company-admin button:hover:not(:disabled)[b-4a1atqz4je] { background: #d8e9ef; }
.company-admin button:disabled[b-4a1atqz4je] { opacity: .5; cursor: default; }
.company-admin [role="alert"][b-4a1atqz4je] { color: #9c2525; padding: .75rem; background: #fff1f1; }
.company-admin textarea[b-4a1atqz4je] { display: block; width: 100%; min-height: 4rem; }
.company-admin aside[b-4a1atqz4je] { background: #fff4cc; padding: 1rem; }
.company-admin pre[b-4a1atqz4je] { white-space: pre-wrap; overflow-wrap: anywhere; }
/* /Components/Dialogs/AdNormSelectionDialog.razor.rz.scp.css */
.modal-overlay[b-63a86gbfgb] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
}

.modal-dialog[b-63a86gbfgb] {
    min-width: 400px;
    max-width: 500px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.modal-header[b-63a86gbfgb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
}

.modal-header h3[b-63a86gbfgb] {
    margin: 0;
    color: #333;
    font-size: 1.25rem;
}

.btn-close-modal[b-63a86gbfgb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #666;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-close-modal:hover[b-63a86gbfgb] {
    background: #f0f0f0;
    color: #333;
}

.modal-body[b-63a86gbfgb] {
    padding: 24px;
    text-align: center;
}

.modal-body p[b-63a86gbfgb] {
    margin: 0 0 16px;
    color: #666;
}

.ad-norm-dialog[b-63a86gbfgb] {
    width: min(860px, calc(100vw - 32px));
    max-width: 860px;
    border-radius: 10px;
}

.ad-norm-dialog .modal-header[b-63a86gbfgb] {
    align-items: flex-start;
}

.ad-norm-dialog-subtitle[b-63a86gbfgb] {
    margin: 4px 0 0 0;
    color: #64748b;
    font-size: 0.82rem;
}

.ad-norm-dialog-body[b-63a86gbfgb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    padding: 18px 22px 16px 22px;
}

.ad-norm-section[b-63a86gbfgb] {
    border: 1px solid #dde6ee;
    border-radius: 8px;
    padding: 14px;
    background: #fbfdfe;
}

.ad-norm-section h4[b-63a86gbfgb] {
    margin: 0 0 11px 0;
    color: #1d314c;
    font-size: 0.92rem;
    font-weight: 700;
}

.ad-norm-options[b-63a86gbfgb] {
    display: grid;
    gap: 6px;
}

.ad-norm-choice[b-63a86gbfgb] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #23364f;
    cursor: pointer;
    text-align: left;
    font-size: 0.9rem;
}

.ad-norm-choice:hover[b-63a86gbfgb] {
    border-color: #c7d8e2;
    background: #f3f8fa;
}

.ad-norm-choice.selected[b-63a86gbfgb] {
    border-color: #4c96a3;
    background: #eaf5f7;
    font-weight: 700;
}

.ad-norm-radio[b-63a86gbfgb] {
    width: 16px;
    height: 16px;
    border: 2px solid #7f95a7;
    border-radius: 50%;
    background: #ffffff;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 4px #ffffff;
}

.ad-norm-choice.selected .ad-norm-radio[b-63a86gbfgb] {
    border-color: #2e7f8b;
    background: #2e7f8b;
}

.ad-norm-dialog-actions[b-63a86gbfgb] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 22px 18px 22px;
    border-top: 1px solid #e5edf3;
}

.ad-norm-btn[b-63a86gbfgb] {
    min-height: 36px;
    padding: 7px 15px;
    border-radius: 7px;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid #b9c9d6;
    background: #ffffff;
    color: #27415c;
}

.ad-norm-btn.secondary:hover[b-63a86gbfgb] {
    background: #f3f7fa;
    border-color: #8fb2c0;
}

.ad-norm-btn.primary[b-63a86gbfgb] {
    border-color: #2f7885;
    background: #367f8a;
    color: #ffffff;
}

.ad-norm-btn.primary:hover[b-63a86gbfgb] {
    background: #2c6f79;
}

@media (max-width: 720px) {
    .ad-norm-dialog-body[b-63a86gbfgb] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .ad-norm-dialog-actions[b-63a86gbfgb] {
        flex-wrap: wrap;
    }

    .ad-norm-btn[b-63a86gbfgb] {
        flex: 1 1 160px;
    }
}
/* /Components/Dialogs/BauformSelectionDialog.razor.rz.scp.css */
.modal-overlay[b-n5n5d7nrl5] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
}

.modal-dialog[b-n5n5d7nrl5] {
    min-width: 400px;
    max-width: 500px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.modal-header[b-n5n5d7nrl5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
}

.modal-header h3[b-n5n5d7nrl5] {
    margin: 0;
    color: #333;
    font-size: 1.25rem;
}

.btn-close-modal[b-n5n5d7nrl5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #666;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-close-modal:hover[b-n5n5d7nrl5] {
    background: #f0f0f0;
    color: #333;
}

.modal-body[b-n5n5d7nrl5] {
    padding: 24px;
    text-align: center;
}

.modal-body p[b-n5n5d7nrl5] {
    margin: 0 0 16px;
    color: #666;
}

.bauform-dialog[b-n5n5d7nrl5] {
    min-width: 450px;
    max-width: 600px;
}

.bauform-info[b-n5n5d7nrl5] {
    margin: 0 0 20px 0;
    color: #555;
    font-size: 0.95rem;
}

.bauform-options[b-n5n5d7nrl5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bauform-stage-title[b-n5n5d7nrl5] {
    margin-bottom: 12px;
    font-weight: 700;
    color: #17324d;
    font-size: 1rem;
}

.bauform-back-btn[b-n5n5d7nrl5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    padding: 7px 14px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #475569;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.bauform-back-btn:hover[b-n5n5d7nrl5] {
    border-color: #1c8a9b;
    color: #1c8a9b;
}

.bauform-option[b-n5n5d7nrl5] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: #f8f9fa;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

.bauform-option:hover[b-n5n5d7nrl5] {
    background: #e3f2fd;
    border-color: #1a73e8;
    transform: translateX(4px);
}

.bauform-id[b-n5n5d7nrl5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 32px;
    background: #1a73e8;
    color: white;
    border-radius: 50%;
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.bauform-label[b-n5n5d7nrl5] {
    font-size: 1rem;
    color: #333;
    flex: 1;
}

@media (max-width: 768px) {
    .bauform-dialog[b-n5n5d7nrl5] {
        min-width: auto;
        max-width: 95vw;
        margin: 16px;
        zoom: 0.75;
    }
}
/* /Components/Dialogs/CloudStorageStatusDialog.razor.rz.scp.css */
.modal-overlay[b-6tb7a3acuk] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
}

.modal-dialog[b-6tb7a3acuk] {
    min-width: 400px;
    max-width: 500px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.modal-header[b-6tb7a3acuk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
}

.modal-header h3[b-6tb7a3acuk] {
    margin: 0;
    color: #333;
    font-size: 1.25rem;
}

.btn-close-modal[b-6tb7a3acuk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #666;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-close-modal:hover[b-6tb7a3acuk] {
    background: #f0f0f0;
    color: #333;
}

.modal-body[b-6tb7a3acuk] {
    padding: 24px;
    text-align: center;
}

.btn-primary[b-6tb7a3acuk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border: none !important;
    border-radius: 8px;
    background: linear-gradient(135deg, #1557b0, #0f3f8a) !important;
    color: white !important;
    box-shadow: 0 4px 16px rgba(15, 63, 138, 0.3);
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.15s;
}

.btn-primary:hover[b-6tb7a3acuk] {
    background: linear-gradient(135deg, #1a68c4, #1557b0) !important;
    box-shadow: 0 6px 20px rgba(15, 63, 138, 0.35);
    transform: translateY(-1px);
}

.btn-primary:focus[b-6tb7a3acuk],
.btn-primary:focus-visible[b-6tb7a3acuk],
.btn-primary:active[b-6tb7a3acuk] {
    outline: none;
    background: linear-gradient(135deg, #1557b0, #0f3f8a) !important;
    box-shadow: 0 4px 16px rgba(15, 63, 138, 0.3);
}

.btn-secondary[b-6tb7a3acuk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border: 1.5px solid rgba(21, 87, 176, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.75);
    color: #1557b0;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-6tb7a3acuk] {
    border-color: rgba(21, 87, 176, 0.45);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.3);
    transform: translateY(-1px);
}

.cloud-status-dialog[b-6tb7a3acuk] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 1120px;
    min-width: 760px;
    max-width: 96vw;
    height: 86vh;
    min-height: 520px;
    max-height: 92vh;
    overflow: hidden;
    resize: both;
}

.cloud-status-dialog .modal-header[b-6tb7a3acuk] {
    flex: 0 0 auto;
}

.cloud-status-dialog .modal-body[b-6tb7a3acuk] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 18px;
    min-height: 0;
    padding: 22px 24px 24px;
    overflow: hidden;
    text-align: left;
}

.cloud-status-dialog[b-6tb7a3acuk]::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 14px;
    height: 14px;
    pointer-events: none;
    background:
        linear-gradient(135deg, transparent 0 50%, #b4c4d6 50% 60%, transparent 60% 70%, #b4c4d6 70% 80%, transparent 80% 90%, #b4c4d6 90% 100%);
    opacity: 0.8;
}

.cloud-status-summary[b-6tb7a3acuk] {
    flex: 0 0 auto;
    padding: 12px 14px;
    border: 1px solid #c9d7e8;
    border-radius: 8px;
    background: #f4f8fc;
    color: #24405f;
    line-height: 1.45;
    text-align: left;
}

.cloud-status-summary.success[b-6tb7a3acuk] {
    border-color: #9fd4b6;
    background: #f1fbf5;
    color: #17643a;
}

.cloud-status-summary.warning[b-6tb7a3acuk] {
    border-color: #e2c26f;
    background: #fff8e6;
    color: #775400;
}

.cloud-status-summary.error[b-6tb7a3acuk] {
    border-color: #e1a6a6;
    background: #fff3f3;
    color: #8a1f1f;
}

.cloud-status-summary.info[b-6tb7a3acuk] {
    border-color: #b8cee8;
    background: #f3f8ff;
    color: #23527c;
}

.cloud-personal-access[b-6tb7a3acuk] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(360px, 1.45fr);
    gap: 14px;
    align-items: center;
    padding: 14px;
    border: 1px solid #b8e5df;
    border-radius: 10px;
    background: #f2fffc;
}

.cloud-personal-copy[b-6tb7a3acuk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.cloud-personal-copy strong[b-6tb7a3acuk] {
    color: #0f3f3c;
    font-size: 0.96rem;
}

.cloud-personal-copy span[b-6tb7a3acuk] {
    color: #476174;
    font-size: 0.84rem;
    line-height: 1.35;
}

.cloud-personal-form[b-6tb7a3acuk] {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) auto auto;
    gap: 8px;
    align-items: center;
}

.cloud-personal-form input[b-6tb7a3acuk] {
    height: 36px;
    border: 1px solid #cbd9e5;
    border-radius: 7px;
    padding: 0 10px;
    color: #12314d;
    background: #fff;
    font-size: 0.9rem;
}

.cloud-personal-form input:focus[b-6tb7a3acuk] {
    outline: none;
    border-color: #168e85;
    box-shadow: 0 0 0 2px rgba(22, 142, 133, 0.14);
}

.cloud-personal-message[b-6tb7a3acuk] {
    grid-column: 1 / -1;
    padding: 7px 9px;
    border-radius: 7px;
    font-size: 0.84rem;
    line-height: 1.35;
}

.cloud-personal-message.success[b-6tb7a3acuk] {
    color: #14623a;
    background: #e8f8ef;
    border: 1px solid #b7e2c8;
}

.cloud-personal-message.error[b-6tb7a3acuk] {
    color: #8a1f1f;
    background: #fff3f3;
    border: 1px solid #e1a6a6;
}

.cloud-status-cards[b-6tb7a3acuk] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.cloud-status-card[b-6tb7a3acuk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #dde6ef;
    border-radius: 10px;
    background: #f8fbfd;
}

.cloud-status-card .cloud-status-icon[b-6tb7a3acuk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 9px;
    color: #fff;
}

.cloud-status-card.on[b-6tb7a3acuk] {
    border-color: #b7e2c8;
    background: #f1fbf5;
}

.cloud-status-card.on .cloud-status-icon[b-6tb7a3acuk] {
    background: #2e9e5b;
}

.cloud-status-card.off[b-6tb7a3acuk] {
    border-color: #e7c3c3;
    background: #fdf4f4;
}

.cloud-status-card.off .cloud-status-icon[b-6tb7a3acuk] {
    background: #c0504d;
}

.cloud-status-text[b-6tb7a3acuk] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.3;
}

.cloud-status-text small[b-6tb7a3acuk] {
    color: #607d8b;
    font-size: 0.78rem;
}

.cloud-status-text strong[b-6tb7a3acuk] {
    color: #17324d;
    font-size: 1rem;
    font-weight: 650;
}

.cloud-account-grid[b-6tb7a3acuk] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.cloud-account-item[b-6tb7a3acuk] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding: 10px 14px;
    border-radius: 9px;
    background: #f6f8fb;
    border: 1px solid #eaeff5;
}

.cloud-account-item small[b-6tb7a3acuk] {
    color: #607d8b;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.cloud-account-item strong[b-6tb7a3acuk] {
    color: #17324d;
    font-weight: 600;
    font-size: 0.92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cloud-browser-header[b-6tb7a3acuk] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
}

.cloud-browser-header h4[b-6tb7a3acuk] {
    margin: 0;
    color: #17324d;
    font-size: 1rem;
    font-weight: 650;
}

.btn-secondary.compact[b-6tb7a3acuk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 5px 12px;
    font-size: 0.85rem;
}

.cloud-storage-empty[b-6tb7a3acuk] {
    border: 1px dashed #cbd8e5;
    border-radius: 8px;
    padding: 18px;
    color: #607d8b;
    background: #fafcff;
    text-align: left;
}

.cloud-storage-browser[b-6tb7a3acuk] {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 14px;
    min-height: 0;
    text-align: left;
}

.cloud-storage-folders[b-6tb7a3acuk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border: 1px solid #dde6ef;
    border-radius: 10px;
    background: #f8fbfd;
    overflow: auto;
}

.cloud-folder[b-6tb7a3acuk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #17324d;
    padding: 9px 10px;
    cursor: pointer;
    text-align: left;
}

.cloud-folder-icon[b-6tb7a3acuk] {
    color: #7c95ab;
    flex: 0 0 auto;
}

.cloud-folder:hover[b-6tb7a3acuk] {
    background: #eef6fb;
}

.cloud-folder.active[b-6tb7a3acuk] {
    border-color: #9fc7da;
    background: #e8f5fb;
    color: #0f5667;
}

.cloud-folder.active .cloud-folder-icon[b-6tb7a3acuk] {
    color: #0f5667;
}

.cloud-folder span[b-6tb7a3acuk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cloud-folder strong[b-6tb7a3acuk] {
    min-width: 24px;
    border-radius: 999px;
    padding: 2px 7px;
    background: #fff;
    color: #456476;
    font-size: 0.76rem;
    text-align: center;
}

.cloud-storage-files[b-6tb7a3acuk] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    gap: 10px;
}

.cloud-storage-filter[b-6tb7a3acuk] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.cloud-storage-search[b-6tb7a3acuk] {
    position: relative;
    display: flex;
    align-items: center;
}

.cloud-storage-search svg[b-6tb7a3acuk] {
    position: absolute;
    left: 10px;
    color: #90a4b5;
    pointer-events: none;
}

.cloud-storage-filter input[b-6tb7a3acuk] {
    width: 100%;
    border: 1px solid #cbd8e5;
    border-radius: 7px;
    padding: 8px 10px 8px 32px;
    font-size: 0.88rem;
}

.cloud-storage-filter input:focus[b-6tb7a3acuk] {
    outline: none;
    border-color: #6ba7c9;
    box-shadow: 0 0 0 3px rgba(107, 167, 201, 0.18);
}

.cloud-storage-count[b-6tb7a3acuk] {
    color: #607d8b;
    font-size: 0.82rem;
    white-space: nowrap;
}

.cloud-file-list[b-6tb7a3acuk] {
    flex: 1 1 auto;
    overflow: auto;
    border: 1px solid #dde6ef;
    border-radius: 10px;
}

.cloud-file-row[b-6tb7a3acuk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 11px 14px;
    border-bottom: 1px solid #edf2f6;
    background: #fff;
    transition: background 0.12s;
}

.cloud-file-row:hover[b-6tb7a3acuk] {
    background: #f6fafd;
}

.cloud-file-row:last-child[b-6tb7a3acuk] {
    border-bottom: none;
}

.cloud-file-icon[b-6tb7a3acuk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    border-radius: 8px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff;
    background: #90a4b5;
}

.cloud-file-icon.ext-sol[b-6tb7a3acuk] { background: #2f7ed8; }
.cloud-file-icon.ext-atl[b-6tb7a3acuk] { background: #00897b; }
.cloud-file-icon.ext-pdf[b-6tb7a3acuk] { background: #d7443e; }
.cloud-file-icon.ext-json[b-6tb7a3acuk] { background: #c17900; }
.cloud-file-icon.ext-sheet[b-6tb7a3acuk] { background: #2e9e5b; }
.cloud-file-icon.ext-img[b-6tb7a3acuk] { background: #8e5bd0; }
.cloud-file-icon.ext-zip[b-6tb7a3acuk] { background: #b08400; }
.cloud-file-icon.ext-default[b-6tb7a3acuk] { background: #7c95ab; }

.cloud-file-main[b-6tb7a3acuk] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cloud-file-main strong[b-6tb7a3acuk],
.cloud-file-main span[b-6tb7a3acuk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cloud-file-main strong[b-6tb7a3acuk] {
    color: #17324d;
    font-size: 0.88rem;
    font-weight: 650;
}

.cloud-file-main span[b-6tb7a3acuk],
.cloud-file-meta[b-6tb7a3acuk] {
    color: #607d8b;
    font-size: 0.78rem;
}

.cloud-file-meta[b-6tb7a3acuk] {
    display: flex;
    min-width: 150px;
    flex-direction: column;
    gap: 2px;
}

.cloud-file-actions[b-6tb7a3acuk] {
    display: flex;
    gap: 8px;
}

.cloud-storage-action[b-6tb7a3acuk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #b8cee8;
    border-radius: 8px;
    background: #f3f8ff;
    color: #23527c;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.cloud-storage-action:hover[b-6tb7a3acuk] {
    background: #e0eefb;
    border-color: #8fb8df;
}

.cloud-storage-action.danger[b-6tb7a3acuk] {
    border-color: #e5b5b5;
    background: #fff6f6;
    color: #9a2d2d;
}

.cloud-storage-action.danger:hover[b-6tb7a3acuk] {
    background: #ffe2e2;
    border-color: #d99b9b;
}
/* /Components/Dialogs/ProjectCaseDescriptorDialog.razor.rz.scp.css */
.case-dialog-backdrop[b-mjmfuocxw9] {
    position: fixed;
    inset: 0;
    z-index: 14000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(10, 28, 44, .58);
    backdrop-filter: blur(2px);
}

.case-dialog[b-mjmfuocxw9] {
    width: min(920px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    border: 1px solid #b9ced8;
    border-radius: 14px;
    background: #f9fcfd;
    color: #17324d;
    box-shadow: 0 24px 70px rgba(4, 24, 40, .28);
}

.case-dialog-header[b-mjmfuocxw9] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 28px 18px;
    border-bottom: 1px solid #d8e5ea;
    background: linear-gradient(135deg, #edf8f9, #f8fbfd);
}

.case-dialog-header h2[b-mjmfuocxw9] {
    margin: 4px 0 6px;
    font-size: 1.45rem;
}

.case-dialog-header p[b-mjmfuocxw9],
.case-detected-summary span[b-mjmfuocxw9],
.case-checkup span[b-mjmfuocxw9],
.case-field small[b-mjmfuocxw9],
.case-contribution small[b-mjmfuocxw9] {
    display: block;
    color: #587087;
}

.case-dialog-eyebrow[b-mjmfuocxw9] {
    color: #087f8c;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.case-dialog-close[b-mjmfuocxw9] {
    width: 34px;
    height: 34px;
    border: 1px solid #bfd1da;
    border-radius: 8px;
    background: #fff;
    color: #24425d;
    font-size: 1.45rem;
    line-height: 1;
    cursor: pointer;
}

.case-checkup[b-mjmfuocxw9] {
    display: flex;
    gap: 12px;
    margin: 18px 28px 10px;
    padding: 12px 14px;
    border: 1px solid;
    border-radius: 9px;
}

.case-checkup-ok[b-mjmfuocxw9] {
    border-color: #9fd5bd;
    background: #eefaf4;
}

.case-checkup-notice[b-mjmfuocxw9] {
    border-color: #e5ca89;
    background: #fff9e8;
}

.case-checkup-icon[b-mjmfuocxw9] {
    display: grid;
    flex: 0 0 26px;
    height: 26px;
    place-items: center;
    border-radius: 50%;
    background: #087f8c;
    color: #fff !important;
    font-weight: 800;
}

.case-checkup-findings[b-mjmfuocxw9] {
    margin: 8px 0 0;
    padding-left: 18px;
    color: #725315;
    font-size: .88rem;
}

.case-detected-summary[b-mjmfuocxw9] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0 28px;
    padding: 10px 0 14px;
    border-bottom: 1px solid #e0eaee;
}

.case-dialog-body[b-mjmfuocxw9] {
    display: grid;
    gap: 17px;
    padding: 20px 28px 24px;
}

.case-ai-assist[b-mjmfuocxw9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px 16px;
    padding: 14px;
    border: 1px solid #a9d7dc;
    border-radius: 9px;
    background: linear-gradient(135deg, #edf9fa, #f7fbfd);
}

.case-ai-assist-copy[b-mjmfuocxw9] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.case-ai-assist-copy small[b-mjmfuocxw9] {
    display: block;
    margin-top: 3px;
    color: #587087;
}

.case-ai-badge[b-mjmfuocxw9] {
    flex: 0 0 auto;
    padding: 3px 7px;
    border-radius: 5px;
    background: #087f8c;
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
}

.case-button-ai[b-mjmfuocxw9] {
    border-color: #087f8c;
    background: #fff;
    color: #08717d;
    white-space: nowrap;
}

.case-button-ai:disabled[b-mjmfuocxw9] {
    cursor: wait;
    opacity: .65;
}

.case-ai-status[b-mjmfuocxw9] {
    grid-column: 1 / -1;
    padding-top: 4px;
    border-top: 1px solid #d3e7e9;
    font-size: .86rem;
}

.case-ai-status-success[b-mjmfuocxw9] {
    color: #176a51;
}

.case-ai-status-error[b-mjmfuocxw9] {
    color: #965019;
}

.case-field[b-mjmfuocxw9] {
    display: grid;
    gap: 6px;
    font-weight: 700;
}

.case-field input[b-mjmfuocxw9],
.case-field select[b-mjmfuocxw9],
.case-field textarea[b-mjmfuocxw9] {
    width: 100%;
    border: 1px solid #adc3ce;
    border-radius: 7px;
    background: #fff;
    color: #17324d;
    padding: 9px 11px;
    font: inherit;
    font-weight: 400;
}

.case-fieldset[b-mjmfuocxw9] {
    margin: 0;
    padding: 0;
    border: 0;
}

.case-fieldset legend[b-mjmfuocxw9] {
    margin-bottom: 8px;
    font-weight: 700;
}

.case-option-grid[b-mjmfuocxw9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.case-check-option[b-mjmfuocxw9] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 39px;
    padding: 7px 9px;
    border: 1px solid #d2e0e6;
    border-radius: 7px;
    background: #fff;
    font-size: .9rem;
}

.case-two-columns[b-mjmfuocxw9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.case-contribution[b-mjmfuocxw9] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border: 1px solid #cfe0e7;
    border-radius: 8px;
    background: #f0f7f9;
}

.case-contribution input[b-mjmfuocxw9] {
    margin-top: 3px;
}

.case-dialog-footer[b-mjmfuocxw9] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 28px 22px;
    border-top: 1px solid #d8e5ea;
    background: #f4f9fa;
}

.case-footer-actions[b-mjmfuocxw9] {
    display: flex;
    gap: 10px;
}

.case-button[b-mjmfuocxw9] {
    min-height: 38px;
    padding: 8px 15px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-weight: 700;
    cursor: pointer;
}

.case-button-primary[b-mjmfuocxw9] {
    background: #087f8c;
    color: #fff;
}

.case-button-secondary[b-mjmfuocxw9] {
    border-color: #b9cbd4;
    background: #fff;
    color: #25445f;
}

.case-button-ghost[b-mjmfuocxw9] {
    background: transparent;
    color: #526b80;
}

@media (max-width: 760px) {
    .case-dialog-backdrop[b-mjmfuocxw9] {
        padding: 8px;
    }

    .case-dialog[b-mjmfuocxw9] {
        max-height: calc(100vh - 16px);
    }

    .case-option-grid[b-mjmfuocxw9],
    .case-two-columns[b-mjmfuocxw9],
    .case-ai-assist[b-mjmfuocxw9] {
        grid-template-columns: 1fr;
    }

    .case-button-ai[b-mjmfuocxw9] {
        width: 100%;
    }

    .case-dialog-footer[b-mjmfuocxw9],
    .case-detected-summary[b-mjmfuocxw9] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Dialogs/SettingsSaveResultDialog.razor.rz.scp.css */
.modal-overlay[b-ew1rv4pao6] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
}

.modal-dialog[b-ew1rv4pao6] {
    min-width: 400px;
    max-width: 500px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.modal-header[b-ew1rv4pao6] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
}

.modal-header h3[b-ew1rv4pao6] {
    margin: 0;
    color: #333;
    font-size: 1.25rem;
}

.btn-close-modal[b-ew1rv4pao6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #666;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-close-modal:hover[b-ew1rv4pao6] {
    background: #f0f0f0;
    color: #333;
}

.modal-body[b-ew1rv4pao6] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 18px;
    min-height: 0;
    padding: 22px 24px 24px;
    overflow: hidden;
    text-align: left;
}

.cloud-status-dialog[b-ew1rv4pao6] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 1120px;
    min-width: 760px;
    max-width: 96vw;
    height: 86vh;
    min-height: 520px;
    max-height: 92vh;
    overflow: hidden;
    resize: both;
}

.cloud-status-dialog[b-ew1rv4pao6]::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 14px;
    height: 14px;
    pointer-events: none;
    background:
        linear-gradient(135deg, transparent 0 50%, #b4c4d6 50% 60%, transparent 60% 70%, #b4c4d6 70% 80%, transparent 80% 90%, #b4c4d6 90% 100%);
    opacity: 0.8;
}

.cloud-status-summary[b-ew1rv4pao6] {
    flex: 0 0 auto;
    padding: 12px 14px;
    border: 1px solid #c9d7e8;
    border-radius: 8px;
    background: #f4f8fc;
    color: #24405f;
    line-height: 1.45;
    text-align: left;
}

.cloud-status-summary.success[b-ew1rv4pao6] {
    border-color: #9fd4b6;
    background: #f1fbf5;
    color: #17643a;
}

.cloud-status-summary.warning[b-ew1rv4pao6] {
    border-color: #e2c26f;
    background: #fff8e6;
    color: #775400;
}

.cloud-status-summary.error[b-ew1rv4pao6] {
    border-color: #e1a6a6;
    background: #fff3f3;
    color: #8a1f1f;
}

.cloud-status-summary.info[b-ew1rv4pao6] {
    border-color: #b8cee8;
    background: #f3f8ff;
    color: #23527c;
}
/* /Components/Dialogs/SupportMyReportsDialog.razor.rz.scp.css */
.my-reports-backdrop[b-wybaakj75w] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4000;
    background: rgba(15, 35, 45, 0.45);
}

.my-reports-dialog[b-wybaakj75w] {
    display: flex;
    flex-direction: column;
    width: min(680px, 94vw);
    max-height: 86vh;
    border-radius: 10px;
    background: #fff;
    color: #1d2b32;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.my-reports-header[b-wybaakj75w] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 14px 16px 12px 20px;
    border-bottom: 1px solid #e3e9ec;
}

.my-reports-header h3[b-wybaakj75w] {
    flex: 1;
    margin: 0;
    font-size: 1.15rem;
}

.my-reports-icon-btn[b-wybaakj75w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #4b5d66;
    cursor: pointer;
}

.my-reports-icon-btn:hover:not(:disabled)[b-wybaakj75w] {
    background: #eef4f6;
    color: #0e7490;
}

.my-reports-icon-btn:disabled[b-wybaakj75w] {
    opacity: 0.5;
    cursor: default;
}

.my-reports-body[b-wybaakj75w] {
    overflow-y: auto;
    padding: 14px 20px 20px;
}

.my-reports-body h4[b-wybaakj75w] {
    margin: 16px 0 6px;
    font-size: 0.9rem;
}

.my-reports-muted[b-wybaakj75w] {
    margin: 0;
    color: #62737b;
    font-size: 0.82rem;
}

.my-reports-notice[b-wybaakj75w] {
    margin: 8px 0;
    padding: 9px 12px;
    border-radius: 6px;
    background: #fdf6e3;
    color: #6b4e0a;
    font-size: 0.86rem;
}

.my-reports-notice.ok[b-wybaakj75w] {
    background: #e6f4ec;
    color: #14532d;
}

.my-reports-row[b-wybaakj75w] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin: 6px 0;
    padding: 10px 12px;
    border: 1px solid #dbe3e7;
    border-radius: 8px;
    background: #fff;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

button.my-reports-row:hover[b-wybaakj75w] {
    border-color: #0e7490;
    background: #f5fafb;
}

.my-reports-row.pending[b-wybaakj75w] {
    border-style: dashed;
    cursor: default;
}

.my-reports-row-main[b-wybaakj75w] {
    flex: 1;
    min-width: 0;
}

.my-reports-title[b-wybaakj75w] {
    overflow: hidden;
    font-weight: 600;
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-reports-status[b-wybaakj75w] {
    flex-shrink: 0;
    padding: 3px 9px;
    border-radius: 999px;
    background: #e8eef1;
    color: #37474f;
    font-size: 0.76rem;
    font-weight: 600;
    white-space: nowrap;
}

.my-reports-status.status-in-progress[b-wybaakj75w] { background: #e0f2fe; color: #075985; }
.my-reports-status.status-needs-info[b-wybaakj75w] { background: #fef3c7; color: #92400e; }
.my-reports-status.status-fixed[b-wybaakj75w] { background: #dcfce7; color: #166534; }
.my-reports-status.status-resolved[b-wybaakj75w] { background: #d1fae5; color: #065f46; }
.my-reports-status.status-pending[b-wybaakj75w] { background: #fde8e8; color: #9b1c1c; }

.my-reports-send[b-wybaakj75w] {
    flex-shrink: 0;
    padding: 6px 12px;
    border: 1px solid #0e7490;
    border-radius: 6px;
    background: #0e7490;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.my-reports-send:disabled[b-wybaakj75w] {
    opacity: 0.55;
    cursor: default;
}

.my-reports-detail-head[b-wybaakj75w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.my-reports-text[b-wybaakj75w] {
    padding: 8px 12px;
    border-left: 3px solid #cfdbe0;
    background: #f7f9fa;
    font-size: 0.88rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.my-reports-reply[b-wybaakj75w] {
    margin: 8px 0;
}

.my-reports-reply .my-reports-text[b-wybaakj75w] {
    border-left-color: #0e7490;
    background: #f1f8fa;
}
/* /Components/Home/CampaignOverlayHost.razor.rz.scp.css */
.campaign-video-backdrop[b-ilq1km0dkz] {
    position: fixed;
    inset: 0;
    /* Above the cookie consent banner (10000): campaign visitors get ONE
       focused element; the banner is answered after the overlay closes. */
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(3, 9, 16, 0.92);
    backdrop-filter: blur(3px);
}

.campaign-video-panel[b-ilq1km0dkz] {
    position: relative;
    width: min(960px, 94vw);
    border-radius: 14px;
    overflow: hidden;
    background: #0b1624;
    box-shadow: 0 28px 80px rgba(5, 15, 25, 0.5);
}

.campaign-text-panel[b-ilq1km0dkz] {
    position: relative;
    width: min(720px, 94vw);
    padding: 44px 48px 40px;
    border-radius: 16px;
    background: linear-gradient(135deg, #0d1f33 0%, #17436b 55%, #1d5a8a 100%);
    box-shadow: 0 28px 80px rgba(5, 15, 25, 0.55);
    color: #fff;
    cursor: pointer;
    transition: transform .18s, box-shadow .18s;
}

.campaign-text-panel:hover[b-ilq1km0dkz] {
    transform: translateY(-3px);
    box-shadow: 0 34px 90px rgba(5, 15, 25, 0.65);
}

.campaign-text-eyebrow[b-ilq1km0dkz] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #bcdcf2;
}

.campaign-text-headline[b-ilq1km0dkz] {
    margin: 0 0 18px;
    font-size: clamp(1.4rem, 3.4vw, 2.05rem);
    line-height: 1.22;
    font-weight: 800;
}

.campaign-text-highlight[b-ilq1km0dkz] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 18px;
    padding: 11px 14px;
    border: 1px solid rgba(255, 200, 87, 0.55);
    border-radius: 10px;
    background: rgba(255, 190, 70, 0.12);
    color: #ffe3a8;
    font-size: 1.05rem;
    font-weight: 700;
    box-shadow: 0 0 22px rgba(255, 190, 70, 0.12) inset;
}

.campaign-text-highlight-badge[b-ilq1km0dkz] {
    flex-shrink: 0;
    padding: 3px 10px;
    border-radius: 999px;
    background: #ffb936;
    color: #3a2a05;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.campaign-text-points[b-ilq1km0dkz] {
    margin: 0 0 26px;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 9px;
    color: #dcebf7;
    font-size: 1rem;
}

.campaign-text-points li[b-ilq1km0dkz] {
    position: relative;
    padding-left: 26px;
}

.campaign-text-points li[b-ilq1km0dkz]::before {
    content: "\2713";
    position: absolute;
    left: 0;
    color: #6fd39a;
    font-weight: 800;
}

.campaign-text-cta[b-ilq1km0dkz] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.campaign-text-cta-button[b-ilq1km0dkz] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 26px;
    border-radius: 10px;
    background: #2fa4e7;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 800;
    box-shadow: 0 10px 28px rgba(20, 60, 95, 0.55);
    transition: transform .15s, background .15s;
}

.campaign-text-panel:hover .campaign-text-cta-button[b-ilq1km0dkz] {
    transform: scale(1.05);
    background: #45b2ef;
}

.campaign-text-cta-note[b-ilq1km0dkz] {
    color: #bcdcf2;
    font-size: 0.92rem;
    font-weight: 600;
}

@media (max-width: 560px) {
    .campaign-text-panel[b-ilq1km0dkz] { padding: 30px 24px 28px; }
}

.linkedin-offer-backdrop[b-ilq1km0dkz] {
    background: rgba(2, 8, 20, 0.94);
}

.linkedin-offer-panel[b-ilq1km0dkz] {
    position: relative;
    width: min(680px, 94vw);
    max-height: 92vh;
    overflow-y: auto;
    padding: 40px 44px 34px;
    border-radius: 18px;
    background: linear-gradient(140deg, #0a1a2e 0%, #0e2c4d 55%, #0a4b7c 100%);
    box-shadow: 0 32px 90px rgba(3, 12, 22, 0.7);
    color: #fff;
    border: 1px solid rgba(120, 180, 230, 0.22);
}

.linkedin-offer-eyebrow[b-ilq1km0dkz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 5px 12px;
    border-radius: 999px;
    background: #0a66c2;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 6px 18px rgba(10, 102, 194, 0.55);
}

.linkedin-offer-headline[b-ilq1km0dkz] {
    margin: 0 0 12px;
    font-size: clamp(1.55rem, 3.6vw, 2.15rem);
    line-height: 1.2;
    font-weight: 800;
}

.linkedin-offer-subhead[b-ilq1km0dkz] {
    margin: 0 0 20px;
    font-size: 1.02rem;
    line-height: 1.45;
    color: #cee1f2;
}

.linkedin-offer-counter[b-ilq1km0dkz] {
    margin: 0 0 20px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 200, 87, 0.55);
    background: rgba(255, 190, 70, 0.08);
}

.linkedin-offer-counter-bar[b-ilq1km0dkz] {
    position: relative;
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    overflow: hidden;
}

.linkedin-offer-counter-fill[b-ilq1km0dkz] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #ffb936 0%, #ff8a3d 100%);
    transition: width .6s ease-out;
    box-shadow: 0 0 12px rgba(255, 180, 70, 0.55);
}

.linkedin-offer-counter-caption[b-ilq1km0dkz] {
    margin-top: 8px;
    font-size: 0.95rem;
    color: #ffe3a8;
}

.linkedin-offer-counter-caption strong[b-ilq1km0dkz] {
    color: #fff;
    font-size: 1.05rem;
}

.linkedin-offer-counter-live[b-ilq1km0dkz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7fd8a3;
    font-weight: 600;
}

.linkedin-offer-counter-live[b-ilq1km0dkz]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #48d17a;
    box-shadow: 0 0 0 0 rgba(72, 209, 122, 0.7);
    animation: linkedin-offer-pulse-b-ilq1km0dkz 1.6s ease-out infinite;
}

@keyframes linkedin-offer-pulse-b-ilq1km0dkz {
    0%   { box-shadow: 0 0 0 0 rgba(72, 209, 122, 0.7); }
    70%  { box-shadow: 0 0 0 8px rgba(72, 209, 122, 0); }
    100% { box-shadow: 0 0 0 0 rgba(72, 209, 122, 0); }
}

.linkedin-offer-points[b-ilq1km0dkz] {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 9px;
    color: #dceaf7;
    font-size: 1rem;
}

.linkedin-offer-points li[b-ilq1km0dkz] {
    position: relative;
    padding-left: 26px;
}

.linkedin-offer-points li[b-ilq1km0dkz]::before {
    content: "\2713";
    position: absolute;
    left: 0;
    color: #7fd8a3;
    font-weight: 800;
}

.linkedin-offer-actions[b-ilq1km0dkz] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.linkedin-offer-cta-primary[b-ilq1km0dkz] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border: 0;
    border-radius: 10px;
    background: #0a66c2;
    color: #fff;
    font-size: 1.08rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(10, 102, 194, 0.55);
    transition: transform .15s, background .15s, box-shadow .15s;
}

.linkedin-offer-cta-primary:hover:not(:disabled)[b-ilq1km0dkz] {
    transform: translateY(-1px);
    background: #1478d6;
    box-shadow: 0 16px 36px rgba(10, 102, 194, 0.7);
}

.linkedin-offer-cta-primary:disabled[b-ilq1km0dkz] {
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none;
}

.linkedin-offer-cta-note[b-ilq1km0dkz] {
    color: #bcdcf2;
    font-size: 0.9rem;
    font-weight: 600;
}

.linkedin-offer-claim-box[b-ilq1km0dkz] {
    margin-top: 4px;
    padding: 18px 18px 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(140, 200, 240, 0.28);
}

.linkedin-offer-claim-label[b-ilq1km0dkz] {
    display: block;
    margin-bottom: 8px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #a9c9e5;
}

.linkedin-offer-code-row[b-ilq1km0dkz] {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin-bottom: 12px;
}

.linkedin-offer-code[b-ilq1km0dkz] {
    flex: 1;
    padding: 12px 14px;
    border-radius: 8px;
    background: #061020;
    color: #ffe3a8;
    font-family: "Cascadia Code", Consolas, Menlo, monospace;
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    word-break: break-all;
    border: 1px solid rgba(255, 200, 120, 0.35);
}

.linkedin-offer-copy[b-ilq1km0dkz] {
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s;
}

.linkedin-offer-copy:hover[b-ilq1km0dkz] { background: rgba(255, 255, 255, 0.26); }

.linkedin-offer-claim-note[b-ilq1km0dkz] {
    margin: 0 0 14px;
    font-size: 0.92rem;
    line-height: 1.5;
    color: #cee1f2;
}

@media (max-width: 560px) {
    .linkedin-offer-panel[b-ilq1km0dkz] { padding: 28px 22px 24px; }
}

/* === Tutorial offer overlay (LINKEDIN_STARTUP=tutorial_offer) ===
   Same dark-navy family as the other campaign overlays, but the whole
   panel is built around three oversized tutorial rows. Every visual
   cue (entrance stagger, glow ring on the play chip, hover lift)
   points at exactly one action: click a tutorial. */

.tutorial-offer-backdrop[b-ilq1km0dkz] {
    background: rgba(2, 8, 20, 0.94);
}

.tutorial-offer-panel[b-ilq1km0dkz] {
    position: relative;
    width: min(640px, 94vw);
    max-height: 92vh;
    overflow-y: auto;
    padding: 40px 44px 30px;
    border-radius: 18px;
    background: linear-gradient(140deg, #0a1a2e 0%, #0e2c4d 55%, #0a4b7c 100%);
    box-shadow: 0 32px 90px rgba(3, 12, 22, 0.7);
    color: #fff;
    border: 1px solid rgba(120, 180, 230, 0.22);
    animation: tutorial-offer-enter-b-ilq1km0dkz 0.35s ease-out both;
}

@keyframes tutorial-offer-enter-b-ilq1km0dkz {
    from { opacity: 0; transform: translateY(14px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.tutorial-offer-eyebrow[b-ilq1km0dkz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 5px 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, #2fa4e7 0%, #1478d6 100%);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 6px 18px rgba(47, 164, 231, 0.45);
}

.tutorial-offer-headline[b-ilq1km0dkz] {
    margin: 0 0 12px;
    font-size: clamp(1.55rem, 3.6vw, 2.15rem);
    line-height: 1.2;
    font-weight: 800;
}

.tutorial-offer-headline-accent[b-ilq1km0dkz] {
    background: linear-gradient(90deg, #ffd36e 0%, #ff9d4d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.tutorial-offer-subhead[b-ilq1km0dkz] {
    margin: 0 0 14px;
    font-size: 1.02rem;
    line-height: 1.45;
    color: #cee1f2;
}

.tutorial-offer-live[b-ilq1km0dkz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid rgba(72, 209, 122, 0.45);
    background: rgba(72, 209, 122, 0.1);
    color: #7fd8a3;
    font-size: 0.86rem;
    font-weight: 700;
}

.tutorial-offer-live-dot[b-ilq1km0dkz] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #48d17a;
    box-shadow: 0 0 0 0 rgba(72, 209, 122, 0.7);
    animation: linkedin-offer-pulse-b-ilq1km0dkz 1.6s ease-out infinite;
}

.tutorial-offer-list[b-ilq1km0dkz] {
    display: grid;
    gap: 12px;
    margin: 0 0 18px;
}

.tutorial-offer-item[b-ilq1km0dkz] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(140, 200, 240, 0.28);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: transform .16s, background .16s, border-color .16s, box-shadow .16s;
    animation: tutorial-offer-enter-b-ilq1km0dkz 0.4s ease-out both;
}

/* Staggered entrance — the rows appear one after another — which pulls
   the eye down the list and reads as "these are the actions". */
.tutorial-offer-item:nth-child(1)[b-ilq1km0dkz] { animation-delay: 0.08s; }
.tutorial-offer-item:nth-child(2)[b-ilq1km0dkz] { animation-delay: 0.16s; }
.tutorial-offer-item:nth-child(3)[b-ilq1km0dkz] { animation-delay: 0.24s; }

.tutorial-offer-item:hover[b-ilq1km0dkz] {
    transform: translateY(-2px);
    background: rgba(47, 164, 231, 0.16);
    border-color: #2fa4e7;
    box-shadow: 0 14px 34px rgba(15, 70, 110, 0.55);
}

.tutorial-offer-item:focus-visible[b-ilq1km0dkz] {
    outline: 2px solid #2fa4e7;
    outline-offset: 2px;
}

.tutorial-offer-item-symbol[b-ilq1km0dkz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 12px;
    background: linear-gradient(135deg, #123a5e 0%, #0a2540 100%);
    border: 1px solid rgba(140, 200, 240, 0.35);
    color: #8ecdf2;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    flex-shrink: 0;
}

.tutorial-offer-item-text[b-ilq1km0dkz] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.tutorial-offer-item-title[b-ilq1km0dkz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.2;
}

.tutorial-offer-item-badge[b-ilq1km0dkz] {
    padding: 2px 9px;
    border-radius: 999px;
    background: #ffb936;
    color: #3a2a05;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.tutorial-offer-item-sub[b-ilq1km0dkz] {
    font-size: 0.88rem;
    line-height: 1.35;
    color: #b7d3ea;
}

.tutorial-offer-item-cta[b-ilq1km0dkz] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.tutorial-offer-item-minutes[b-ilq1km0dkz] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #9fc6e4;
    white-space: nowrap;
}

.tutorial-offer-item-play[b-ilq1km0dkz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #2fa4e7;
    color: #fff;
    box-shadow: 0 10px 26px rgba(47, 164, 231, 0.55);
    transition: transform .16s, background .16s;
}

.tutorial-offer-item-play svg[b-ilq1km0dkz] { margin-left: 2px; }

.tutorial-offer-item:hover .tutorial-offer-item-play[b-ilq1km0dkz] {
    transform: scale(1.12);
    background: #45b2ef;
}

.tutorial-offer-footer[b-ilq1km0dkz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.tutorial-offer-footer-note[b-ilq1km0dkz] {
    color: #bcdcf2;
    font-size: 0.88rem;
    font-weight: 600;
}

.tutorial-offer-browse-all[b-ilq1km0dkz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #8ecdf2;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s, color .15s;
}

.tutorial-offer-browse-all:hover[b-ilq1km0dkz] {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

@media (max-width: 560px) {
    .tutorial-offer-panel[b-ilq1km0dkz] { padding: 28px 20px 22px; }
    .tutorial-offer-item[b-ilq1km0dkz] { gap: 12px; padding: 12px 12px; }
    .tutorial-offer-item-symbol[b-ilq1km0dkz] { width: 48px; height: 48px; font-size: 0.82rem; }
    .tutorial-offer-item-minutes[b-ilq1km0dkz] { display: none; }
    .tutorial-offer-item-play[b-ilq1km0dkz] { width: 38px; height: 38px; }
}

.campaign-video-close[b-ilq1km0dkz] {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 2;
    border: 0;
    border-radius: 999px;
    width: 36px;
    height: 36px;
    background: rgba(10, 22, 36, 0.65);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.campaign-video-close:hover[b-ilq1km0dkz] { background: rgba(10, 22, 36, 0.9); }

.campaign-video-player[b-ilq1km0dkz] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

.campaign-video-poster[b-ilq1km0dkz] {
    position: relative;
    cursor: pointer;
    aspect-ratio: 16 / 9;
}

.campaign-video-poster img[b-ilq1km0dkz] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.55);
}

.campaign-video-play[b-ilq1km0dkz] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: #fff;
    text-align: center;
    padding: 20px;
}

.campaign-video-play-button[b-ilq1km0dkz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    border-radius: 999px;
    background: rgba(56, 130, 175, 0.92);
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.45);
    transition: transform .15s, background .15s;
}

.campaign-video-poster:hover .campaign-video-play-button[b-ilq1km0dkz] {
    transform: scale(1.08);
    background: #3d9ad1;
}

.campaign-video-play-text[b-ilq1km0dkz] {
    font-size: 1.15rem;
    font-weight: 700;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}
/* /Components/Home/WelcomeLanding.razor.rz.scp.css */
.btn-primary[b-ql0t59znba] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border: none !important;
    border-radius: 8px;
    background: linear-gradient(135deg, #1557b0, #0f3f8a) !important;
    color: white !important;
    box-shadow: 0 4px 16px rgba(15, 63, 138, 0.3);
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.15s;
}

.btn-primary:hover[b-ql0t59znba] {
    background: linear-gradient(135deg, #1a68c4, #1557b0) !important;
    box-shadow: 0 6px 20px rgba(15, 63, 138, 0.35);
    transform: translateY(-1px);
}

.btn-primary:focus[b-ql0t59znba],
.btn-primary:focus-visible[b-ql0t59znba],
.btn-primary:active[b-ql0t59znba] {
    outline: none;
    background: linear-gradient(135deg, #1557b0, #0f3f8a) !important;
    box-shadow: 0 4px 16px rgba(15, 63, 138, 0.3);
}

.btn-secondary[b-ql0t59znba] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border: 1.5px solid rgba(21, 87, 176, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.75);
    color: #1557b0;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-ql0t59znba] {
    border-color: rgba(21, 87, 176, 0.45);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.3);
    transform: translateY(-1px);
}

.welcome-section[b-ql0t59znba] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    min-height: 100%;
    padding: clamp(44px, 7vh, 86px) clamp(18px, 4vw, 56px) clamp(28px, 5vw, 56px);
    background:
        linear-gradient(rgba(37, 73, 112, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 73, 112, 0.045) 1px, transparent 1px),
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.98) 0%, rgba(239, 245, 251, 0.92) 42%, rgba(222, 232, 244, 0.98) 100%);
    background-size: 44px 44px, 44px 44px, 100% 100%;
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    scrollbar-gutter: stable;
}

.welcome-section[b-ql0t59znba]::before {
    content: "";
    position: absolute;
    inset: clamp(16px, 3vw, 36px);
    border: 1px solid rgba(55, 84, 118, 0.11);
    border-radius: 8px;
    pointer-events: none;
}

.welcome-content[b-ql0t59znba] {
    text-align: center;
    width: min(100%, 1180px);
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.welcome-visual-shell[b-ql0t59znba] {
    width: min(100%, 1120px);
    max-height: none;
    aspect-ratio: 3 / 2;
    margin: 0 auto clamp(18px, 3vh, 28px);
    border-radius: 8px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(55, 84, 118, 0.13);
    box-shadow: 0 24px 60px rgba(28, 52, 83, 0.16);
    animation: welcome-fade-up-b-ql0t59znba 0.55s ease-out both;
}

.welcome-hero-image[b-ql0t59znba] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.welcome-hero-composite[b-ql0t59znba] {
    position: relative;
    isolation: isolate;
}

.welcome-hero-link[b-ql0t59znba] {
    cursor: pointer;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.welcome-hero-link:hover[b-ql0t59znba],
.welcome-hero-link:focus-visible[b-ql0t59znba] {
    transform: translateY(-2px) scale(1.01);
    border-color: rgba(22, 103, 185, 0.32);
    box-shadow: 0 30px 72px rgba(28, 52, 83, 0.22), 0 0 0 4px rgba(20, 148, 170, 0.08);
    outline: none;
}

.welcome-hero-link:active[b-ql0t59znba] {
    transform: translateY(0) scale(1.004);
}

.welcome-hero-link:hover .welcome-hero-cta[b-ql0t59znba],
.welcome-hero-link:focus-visible .welcome-hero-cta[b-ql0t59znba] {
    background: #0a66c2;
    border-color: rgba(255, 255, 255, 0.78);
    box-shadow: 0 14px 34px rgba(10, 102, 194, 0.28);
    transform: translateY(-1px);
}

.welcome-hero-cta[b-ql0t59znba] {
    position: absolute;
    right: clamp(22px, 4vw, 54px);
    bottom: clamp(20px, 3.2vw, 44px);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.62);
    background: #135ab7;
    color: #ffffff;
    font-size: clamp(0.86rem, 1.2vw, 1rem);
    font-weight: 750;
    letter-spacing: 0;
    box-shadow: 0 12px 28px rgba(19, 90, 183, 0.24);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.welcome-hero-cta svg[b-ql0t59znba] {
    flex: 0 0 auto;
}

.welcome-hero-copy[b-ql0t59znba] {
    position: absolute;
    right: clamp(14px, 2.4vw, 36px);
    top: 38%;
    width: min(30%, 330px);
    transform: translateY(-26%);
    text-align: left;
    color: #31445e;
    z-index: 1;
}

.welcome-hero-features[b-ql0t59znba] {
    display: grid;
    gap: clamp(10px, 1.25vw, 14px);
}

.welcome-hero-feature[b-ql0t59znba] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
    min-height: 52px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(43, 78, 125, 0.15);
    color: #354961;
    font-size: clamp(1rem, 1.45vw, 1.24rem);
    font-weight: 650;
    line-height: 1.25;
}

.welcome-hero-feature:last-child[b-ql0t59znba] {
    border-bottom: 0;
    padding-bottom: 0;
}

.welcome-hero-feature svg[b-ql0t59znba] {
    width: 26px;
    height: 26px;
    color: #2f5fbd;
    justify-self: center;
}

.welcome-under-tagline[b-ql0t59znba] {
    margin: 0 0 6px;
    color: #40536a;
    font-size: clamp(1rem, 1.55vw, 1.24rem);
    line-height: 1.45;
    font-weight: 500;
    animation: welcome-fade-up-b-ql0t59znba 0.5s ease-out 0.2s both;
}

.welcome-proof-line[b-ql0t59znba] {
    margin: 0 0 clamp(14px, 2.2vh, 22px);
    color: #126b9f;
    font-size: clamp(0.78rem, 1.25vw, 0.95rem);
    line-height: 1.45;
    font-weight: 800;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    animation: welcome-fade-up-b-ql0t59znba 0.5s ease-out 0.28s both;
}

.welcome-brand-row[b-ql0t59znba] {
    display: none;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: center;
    gap: clamp(24px, 5vw, 54px);
    width: min(100%, 860px);
    margin: 0 auto clamp(22px, 4vh, 36px);
    text-align: left;
    animation: welcome-fade-up-b-ql0t59znba 0.55s ease-out both;
}

.company-logo-card[b-ql0t59znba] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(8px, 1.5vw, 12px);
    background: rgba(255, 255, 255, 0.86);
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(28, 52, 83, 0.13);
    border: 1px solid rgba(55, 84, 118, 0.12);
}

.company-logo-card img[b-ql0t59znba] {
    height: clamp(116px, 16vh, 172px);
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.welcome-title-block[b-ql0t59znba] {
    min-width: 0;
}

.welcome-eyebrow[b-ql0t59znba] {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(20, 128, 124, 0.24);
    border-radius: 8px;
    color: #126b67;
    background: rgba(238, 253, 251, 0.72);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.welcome-title-block h1[b-ql0t59znba] {
    margin: 0;
    padding: 0;
    border: 0;
    color: #20364d;
    font-size: clamp(2rem, 4vw, 3.35rem);
    line-height: 1.02;
    font-weight: 750;
    letter-spacing: 0;
}

.welcome-tagline[b-ql0t59znba] {
    font-size: clamp(0.98rem, 1.6vw, 1.18rem);
    color: #516579;
    margin: 12px 0 0 0;
    line-height: 1.55;
    font-weight: 400;
}

.welcome-slogan[b-ql0t59znba] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(8px, 1.5vw, 16px);
    margin-bottom: clamp(18px, 3vh, 28px);
    font-size: clamp(0.82rem, 1.4vw, 1rem);
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    flex-wrap: wrap;
}

.welcome-slogan > span[b-ql0t59znba] {
    animation: welcome-fade-up-b-ql0t59znba 0.5s ease-out both;
}

.welcome-slogan > span:nth-child(1)[b-ql0t59znba] { animation-delay: 0.4s; }
.welcome-slogan > span:nth-child(2)[b-ql0t59znba] { animation-delay: 0.55s; }
.welcome-slogan > span:nth-child(3)[b-ql0t59znba] { animation-delay: 0.7s; }
.welcome-slogan > span:nth-child(4)[b-ql0t59znba] { animation-delay: 0.85s; }
.welcome-slogan > span:nth-child(5)[b-ql0t59znba] { animation-delay: 1.0s; }

.welcome-slogan span:not(.slogan-divider)[b-ql0t59znba] {
    background: linear-gradient(135deg, #1557b0, #1a93e8, #14b8a6);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: welcome-fade-up-b-ql0t59znba 0.5s ease-out both, welcome-slogan-shimmer-b-ql0t59znba 4s ease-in-out infinite;
}

.slogan-divider[b-ql0t59znba] {
    width: 5px;
    height: 5px;
    background: linear-gradient(135deg, #1557b0, #14b8a6);
    border-radius: 50%;
    flex-shrink: 0;
}

.welcome-features[b-ql0t59znba] {
    display: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 auto clamp(20px, 4vh, 34px);
    width: min(100%, 920px);
}

.feature-item[b-ql0t59znba] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 14px 16px;
    color: #30475f;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(55, 84, 118, 0.13);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(28, 52, 83, 0.06);
    font-size: clamp(0.86rem, 1.2vw, 0.98rem);
    font-weight: 650;
    text-align: left;
    animation: welcome-fade-up-b-ql0t59znba 0.5s ease-out both;
}

.feature-item:nth-child(1)[b-ql0t59znba] { animation-delay: 1.1s; }
.feature-item:nth-child(2)[b-ql0t59znba] { animation-delay: 1.25s; }
.feature-item:nth-child(3)[b-ql0t59znba] { animation-delay: 1.4s; }
.feature-item:nth-child(4)[b-ql0t59znba] { animation-delay: 1.55s; }

.feature-item svg[b-ql0t59znba] {
    width: 24px;
    height: 24px;
    padding: 8px;
    border-radius: 8px;
    flex: 0 0 auto;
    color: #1557b0;
    background: rgba(21, 87, 176, 0.09);
}

.feature-process svg[b-ql0t59znba] {
    color: #126b67;
    background: rgba(20, 128, 124, 0.1);
}

.feature-vessel svg[b-ql0t59znba] {
    color: #3058ad;
    background: rgba(48, 88, 173, 0.1);
}

.feature-heat svg[b-ql0t59znba] {
    color: #8a5a16;
    background: rgba(190, 129, 37, 0.12);
}

.feature-standards svg[b-ql0t59znba] {
    color: #315f48;
    background: rgba(49, 95, 72, 0.11);
}

.welcome-hint[b-ql0t59znba] {
    margin-top: clamp(12px, 2vh, 24px);
    font-size: clamp(0.78rem, 1.4vw, 0.92rem);
    color: #7a8fa0;
}

.welcome-footer[b-ql0t59znba] {
    position: relative;
    margin-top: auto;
    padding-top: clamp(24px, 5vh, 44px);
    padding-bottom: max(12px, env(safe-area-inset-bottom));
    text-align: center;
    width: 100%;
}

.footer-powered[b-ql0t59znba] {
    display: block;
    font-size: 0.85rem;
    color: #a0b4c2;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 6px;
}

.footer-company-link[b-ql0t59znba] {
    display: inline-block;
    font-size: 1.05rem;
    font-weight: 600;
    color: #5a7a90;
    text-decoration: none;
    transition: color 0.15s;
}

.footer-company-link:hover[b-ql0t59znba] {
    color: #1557b0;
}

.footer-company-slogan[b-ql0t59znba] {
    display: block;
    font-size: 0.78rem;
    color: #a0b4c2;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-top: 4px;
    margin-bottom: 14px;
}

.footer-legal[b-ql0t59znba] {
    margin: 0;
    font-size: 0.78rem;
    color: #a0b4c2;
}

.footer-build[b-ql0t59znba] {
    margin: 4px 0 0 0;
    font-size: 0.72rem;
    color: #8da6b8;
    letter-spacing: 0;
}

.footer-link[b-ql0t59znba] {
    color: #a0b4c2;
    text-decoration: none;
    transition: color 0.15s;
}

.footer-link:hover[b-ql0t59znba] {
    color: #1a73e8;
    text-decoration: underline;
}

.footer-divider[b-ql0t59znba] {
    margin: 0 12px;
    color: #666;
}

.welcome-section .welcome-visual-shell[b-ql0t59znba],
.welcome-section .welcome-slogan > span[b-ql0t59znba],
.welcome-section .feature-item[b-ql0t59znba],
.welcome-section .welcome-buttons[b-ql0t59znba] {
    opacity: 0;
    transform: translateY(18px);
}

@keyframes welcome-fade-up-b-ql0t59znba {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes welcome-gradient-shift-b-ql0t59znba {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes welcome-slogan-shimmer-b-ql0t59znba {
    0%   { background-position: 0% center; }
    50%  { background-position: 200% center; }
    100% { background-position: 0% center; }
}

@keyframes welcome-btn-glow-b-ql0t59znba {
    0%, 100% {
        box-shadow: 0 4px 16px rgba(15, 63, 138, 0.3);
    }
    50% {
        box-shadow: 0 4px 28px rgba(15, 63, 138, 0.5), 0 0 0 4px rgba(21, 87, 176, 0.08);
    }
}

.btn-xlarge[b-ql0t59znba] {
    padding: 24px 48px;
    font-size: 1.5rem;
    border-radius: 12px;
    gap: 12px;
}

.welcome-buttons[b-ql0t59znba] {
    display: flex;
    gap: 14px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    animation: welcome-fade-up-b-ql0t59znba 0.5s ease-out 1.55s both;
}

.welcome-buttons .btn-primary[b-ql0t59znba],
.welcome-buttons .btn-secondary[b-ql0t59znba] {
    min-width: min(100%, 228px);
    justify-content: center;
}

.welcome-buttons .btn-primary[b-ql0t59znba] {
    animation: welcome-btn-glow-b-ql0t59znba 3s ease-in-out 2.5s infinite;
}

.btn-secondary.btn-xlarge[b-ql0t59znba] {
    padding: 15px 28px;
    font-size: 1.08rem;
    border-radius: 8px;
    gap: 12px;
    border-width: 1.5px;
    box-sizing: border-box;
    min-width: 228px;
    justify-content: center;
}

.btn-register-secondary.btn-xlarge[b-ql0t59znba] {
    min-width: 190px;
    color: #1f5fa8;
    background: rgba(255, 255, 255, 0.62);
    box-shadow: none;
}

.btn-register-secondary.btn-xlarge:hover[b-ql0t59znba] {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.16);
}

.btn-primary.btn-xlarge[b-ql0t59znba] {
    padding: 16px 30px;
    font-size: 1.08rem;
    border-radius: 8px;
    gap: 12px;
    box-sizing: border-box;
    min-width: 228px;
    justify-content: center;
}

.btn-secondary svg[b-ql0t59znba] {
    flex-shrink: 0;
}

@media (max-width: 1024px) {
    .welcome-hero-copy[b-ql0t59znba] { right: 18px; width: 32%; }
    .welcome-hero-feature[b-ql0t59znba] { grid-template-columns: 30px minmax(0, 1fr); font-size: 0.82rem; }
    .welcome-brand-row[b-ql0t59znba] { grid-template-columns: minmax(190px, 300px) minmax(0, 1fr); gap: 28px; }
    .welcome-features[b-ql0t59znba] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .feature-item[b-ql0t59znba] { font-size: 1rem; }
    .company-logo-card img[b-ql0t59znba] { height: 150px; }
    .welcome-tagline[b-ql0t59znba] { font-size: 1.2rem; }
    .welcome-slogan[b-ql0t59znba] { font-size: 1rem; gap: 12px; letter-spacing: 3px; }
}

@media (max-width: 768px) {
    .welcome-section[b-ql0t59znba] { min-height: 100%; padding: 24px 12px 32px 12px; overflow: visible; justify-content: flex-start; }
    .welcome-section[b-ql0t59znba]::before { inset: 10px; }
    .welcome-content[b-ql0t59znba] { max-width: 100%; width: 100%; }
    .welcome-visual-shell[b-ql0t59znba] { aspect-ratio: auto; max-height: none; margin-bottom: 16px; }
    .welcome-hero-link:hover[b-ql0t59znba],
    .welcome-hero-link:focus-visible[b-ql0t59znba] {
        transform: none;
        box-shadow: 0 24px 60px rgba(28, 52, 83, 0.16), 0 0 0 3px rgba(20, 148, 170, 0.08);
    }
    .welcome-hero-image[b-ql0t59znba] { height: auto; min-height: 280px; object-position: left center; }
    .welcome-hero-cta[b-ql0t59znba] {
        right: 14px;
        top: 226px;
        bottom: auto;
        min-height: 38px;
        padding: 0 13px;
        font-size: 0.78rem;
        box-shadow: 0 10px 22px rgba(19, 90, 183, 0.22);
    }
    .welcome-hero-copy[b-ql0t59znba] {
        position: static;
        width: auto;
        transform: none;
        padding: 14px 16px 16px;
        background: linear-gradient(180deg, rgba(241, 246, 255, 0.96), rgba(232, 241, 253, 0.92));
        border-top: 1px solid rgba(66, 103, 156, 0.16);
    }
    .welcome-under-tagline[b-ql0t59znba] { font-size: 0.9rem; margin-bottom: 10px; }
    .welcome-proof-line[b-ql0t59znba] {
        margin-bottom: 14px;
        font-size: 0.72rem;
        letter-spacing: 1.35px;
    }
    .welcome-hero-features[b-ql0t59znba] { gap: 8px; }
    .welcome-hero-feature[b-ql0t59znba] {
        min-height: 38px;
        padding: 9px 10px;
        border: 1px solid rgba(55, 94, 158, 0.14);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.62);
        box-shadow: 0 6px 16px rgba(36, 72, 120, 0.05);
        font-size: 0.82rem;
    }
    .welcome-hero-feature:last-child[b-ql0t59znba] { border: 1px solid rgba(55, 94, 158, 0.14); padding-bottom: 9px; }
    .welcome-brand-row[b-ql0t59znba] { grid-template-columns: 1fr; gap: 14px; text-align: center; margin-bottom: 18px; }
    .welcome-title-block h1[b-ql0t59znba] { font-size: 2rem; }
    .welcome-eyebrow[b-ql0t59znba] { margin-bottom: 8px; }
    .company-logo-card[b-ql0t59znba] { padding: 6px 8px; margin: 0 auto; width: min(100%, 320px); box-sizing: border-box; }
    .company-logo-card img[b-ql0t59znba] { height: auto; width: 100%; max-width: 100%; object-fit: contain; }
    .welcome-tagline[b-ql0t59znba] { font-size: 0.9rem; margin-bottom: 10px; }
    .welcome-slogan[b-ql0t59znba] { font-size: 0.82rem; gap: 10px; letter-spacing: 2px; margin-bottom: 16px; }
    .slogan-divider[b-ql0t59znba] { width: 4px; height: 4px; }
    .welcome-features[b-ql0t59znba] { grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px; }
    .feature-item[b-ql0t59znba] { min-height: 56px; padding: 12px 14px; font-size: 0.85rem; }
    .feature-item svg[b-ql0t59znba] { width: 18px; height: 18px; }
    .welcome-buttons[b-ql0t59znba] { flex-direction: column; gap: 10px; width: 100%; }
    .btn-primary.btn-xlarge[b-ql0t59znba], .btn-secondary.btn-xlarge[b-ql0t59znba] { padding: 12px 16px; font-size: 0.95rem; width: 100%; min-width: auto; justify-content: center; box-sizing: border-box; }
    .btn-secondary.btn-xlarge[b-ql0t59znba] { padding: 9px 13px; }
    .btn-primary.btn-xlarge svg[b-ql0t59znba], .btn-secondary.btn-xlarge svg[b-ql0t59znba] { width: 20px; height: 20px; }
    .welcome-hint[b-ql0t59znba] { font-size: 0.78rem; margin-top: 12px; }
    .welcome-footer[b-ql0t59znba] { position: relative; bottom: auto; margin-top: 16px; }
    .footer-powered[b-ql0t59znba] { font-size: 0.72rem; }
    .footer-company-link[b-ql0t59znba] { font-size: 0.9rem; }
    .footer-company-slogan[b-ql0t59znba] { font-size: 0.65rem; }
    .footer-legal[b-ql0t59znba] { font-size: 0.7rem; }
}

@media (max-width: 480px) {
    .welcome-section[b-ql0t59znba] { padding: 12px 8px 24px 8px; }
    .welcome-brand-row[b-ql0t59znba] { gap: 10px; margin-bottom: 12px; }
    .welcome-title-block h1[b-ql0t59znba] { font-size: 1.65rem; }
    .welcome-eyebrow[b-ql0t59znba] { height: 24px; font-size: 0.62rem; letter-spacing: 1.2px; }
    .company-logo-card[b-ql0t59znba] { padding: 4px 6px; }
    .company-logo-card img[b-ql0t59znba] { height: 80px; }
    .welcome-tagline[b-ql0t59znba] { font-size: 0.8rem; margin-bottom: 8px; }
    .welcome-hero-cta[b-ql0t59znba] {
        top: 212px;
        right: 10px;
        min-height: 34px;
        padding: 0 11px;
        font-size: 0.72rem;
        gap: 7px;
    }
    .welcome-proof-line[b-ql0t59znba] {
        font-size: 0.66rem;
        letter-spacing: 0.9px;
    }
    .welcome-slogan[b-ql0t59znba] { font-size: 0.72rem; gap: 8px; letter-spacing: 1.5px; margin-bottom: 12px; }
    .slogan-divider[b-ql0t59znba] { width: 3px; height: 3px; }
    .welcome-features[b-ql0t59znba] { gap: 6px; margin-bottom: 16px; align-items: center; }
    .feature-item[b-ql0t59znba] { font-size: 0.8rem; }
    .feature-item svg[b-ql0t59znba] { width: 16px; height: 16px; }
    .welcome-buttons[b-ql0t59znba] { gap: 8px; }
    .btn-primary.btn-xlarge[b-ql0t59znba] { padding: 10px 14px; font-size: 0.9rem; }
    .btn-secondary.btn-xlarge[b-ql0t59znba] { padding: 7px 11px; font-size: 0.9rem; }
    .btn-primary.btn-xlarge svg[b-ql0t59znba], .btn-secondary.btn-xlarge svg[b-ql0t59znba] { width: 18px; height: 18px; }
    .welcome-hint[b-ql0t59znba] { font-size: 0.75rem; margin-top: 10px; }
}
/* /Components/ImprintDialog.razor.rz.scp.css */
.modal-overlay[b-kkzw6c5cnp] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
}

.modal-dialog[b-kkzw6c5cnp] {
    min-width: 400px;
    max-width: 500px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.modal-header[b-kkzw6c5cnp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
}

.modal-header h3[b-kkzw6c5cnp] {
    margin: 0;
    color: #333;
    font-size: 1.25rem;
}

.btn-close-modal[b-kkzw6c5cnp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #666;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-close-modal:hover[b-kkzw6c5cnp] {
    background: #f0f0f0;
    color: #333;
}

.modal-body[b-kkzw6c5cnp] {
    padding: 24px;
    text-align: center;
}

.modal-body p[b-kkzw6c5cnp] {
    margin: 0 0 16px;
    color: #666;
}

.imprint-dialog[b-kkzw6c5cnp] {
    max-width: 700px;
    max-height: 85vh;
}

.imprint-body[b-kkzw6c5cnp] {
    overflow-y: auto;
    max-height: calc(85vh - 80px);
    padding: 24px 28px;
}

.imprint-section[b-kkzw6c5cnp] {
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eee;
}

.imprint-section:last-child[b-kkzw6c5cnp] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.imprint-section h4[b-kkzw6c5cnp] {
    margin: 0 0 14px 0;
    font-size: 1.1rem;
    color: #1a73e8;
    font-weight: 600;
}

.imprint-section p[b-kkzw6c5cnp] {
    margin: 0 0 10px 0;
    font-size: 0.9rem;
    color: #444;
    line-height: 1.6;
}

.imprint-section p:last-child[b-kkzw6c5cnp] {
    margin-bottom: 0;
}

.company-name[b-kkzw6c5cnp] {
    font-size: 1.15rem !important;
    font-weight: 600;
    color: #1a1a2e !important;
}

.imprint-contact[b-kkzw6c5cnp] {
    margin: 12px 0;
    padding: 12px 16px;
    background: #f8f9fa;
    border-radius: 8px;
}

.imprint-contact p[b-kkzw6c5cnp] {
    margin: 6px 0;
}

.imprint-contact a[b-kkzw6c5cnp] {
    color: #1a73e8;
    text-decoration: none;
}

.imprint-contact a:hover[b-kkzw6c5cnp] {
    text-decoration: underline;
}

.legal-links[b-kkzw6c5cnp] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.legal-links li[b-kkzw6c5cnp] {
    margin: 8px 0;
}

.legal-links a[b-kkzw6c5cnp] {
    color: #1a73e8;
    text-decoration: none;
    font-size: 0.9rem;
}

.legal-links a:hover[b-kkzw6c5cnp] {
    text-decoration: underline;
}

.imprint-date[b-kkzw6c5cnp] {
    font-style: italic;
    color: #888 !important;
    font-size: 0.85rem !important;
    margin-top: 12px !important;
}
/* /Components/Learning/LearningCenter.razor.rz.scp.css */
.learning-center[b-whz7b9nxrr]{max-width:1280px;margin:auto;padding:24px;color:var(--text-primary,#203b43);line-height:1.6}
.learning-heading[b-whz7b9nxrr]{max-width:850px;margin-bottom:22px}.eyebrow[b-whz7b9nxrr]{font-size:.76rem;font-weight:700;letter-spacing:.12em;color:#176f68}
h1[b-whz7b9nxrr]{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2;margin:8px 0 16px}h2[b-whz7b9nxrr]{font-size:1.35rem;margin:0 0 12px}h3[b-whz7b9nxrr]{font-size:1.05rem;margin:22px 0 10px}p[b-whz7b9nxrr]{margin:8px 0 14px}
.safety-note[b-whz7b9nxrr],.video-note[b-whz7b9nxrr]{font-size:.86rem;color:#52656d}.mode-nav[b-whz7b9nxrr]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
button[b-whz7b9nxrr]{font:inherit;cursor:pointer;border:1px solid #b6c8c8;border-radius:8px;background:#fff;color:#203b43;padding:9px 14px;text-align:left}button:hover[b-whz7b9nxrr]{background:#edf7f5}button:focus-visible[b-whz7b9nxrr],input:focus-visible[b-whz7b9nxrr],select:focus-visible[b-whz7b9nxrr]{outline:3px solid #227cba;outline-offset:3px}button.active[b-whz7b9nxrr]{border-color:#21877f;background:#e8f6f3;box-shadow:inset 3px 0 #21877f}button:disabled[b-whz7b9nxrr]{opacity:.45;cursor:default}
.chapter-grid[b-whz7b9nxrr]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.chapter-card[b-whz7b9nxrr]{display:flex;gap:10px;align-items:center;padding:14px}.chapter-card small[b-whz7b9nxrr]{display:block;color:#52656d}.chapter-number[b-whz7b9nxrr]{font-size:1.4rem;color:#21877f;font-weight:700}.chapter-intro[b-whz7b9nxrr]{padding:20px 24px;background:#f0f7f7;border-radius:12px;margin-bottom:24px}
.lesson-layout[b-whz7b9nxrr]{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.lesson-list[b-whz7b9nxrr]{display:flex;flex-direction:column;gap:8px;max-height:75vh;overflow:auto;padding:4px}.lesson-list button small[b-whz7b9nxrr]{display:block;color:#52656d;font-size:.76rem}.lesson-detail[b-whz7b9nxrr]{min-width:0;padding:22px;border:1px solid #d6e2e2;border-radius:12px;background:#fff}.lesson-detail li[b-whz7b9nxrr]{margin:12px 0}.lesson-detail ol[b-whz7b9nxrr]{padding-left:24px}.lesson-detail video[b-whz7b9nxrr]{display:block;width:100%;max-height:70vh;background:#101e25;border-radius:8px}.lesson-progress[b-whz7b9nxrr]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px;border-top:1px solid #d6e2e2;padding-top:20px}
.filters[b-whz7b9nxrr]{display:flex;gap:16px;margin:20px 0}.filters label[b-whz7b9nxrr]{display:flex;flex-direction:column;flex:1;font-weight:600}.filters input[b-whz7b9nxrr],.filters select[b-whz7b9nxrr]{font:inherit;padding:10px;border:1px solid #b6c8c8;border-radius:8px;background:#fff;color:#203b43}.notice[b-whz7b9nxrr]{background:#fff6de;border-left:4px solid #d9a237;padding:12px;font-size:.9rem}details[b-whz7b9nxrr]{padding:12px;background:#f4f7f8;border-radius:8px}summary[b-whz7b9nxrr]{cursor:pointer}
@media(max-width:850px){.chapter-grid[b-whz7b9nxrr]{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout[b-whz7b9nxrr]{grid-template-columns:1fr}.lesson-list[b-whz7b9nxrr]{max-height:250px}.filters[b-whz7b9nxrr]{flex-direction:column}.learning-center[b-whz7b9nxrr]{padding:16px}.lesson-detail[b-whz7b9nxrr]{padding:16px}}
@media(prefers-reduced-motion:reduce){*[b-whz7b9nxrr]{scroll-behavior:auto}}
.playback-rate[b-whz7b9nxrr]{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:.9rem}.playback-rate select[b-whz7b9nxrr]{font:inherit;border:1px solid #b6c8c8;border-radius:6px;padding:5px 10px;background:#fff;color:#203b43}
.lesson-list button[b-whz7b9nxrr]{display:block;width:100%}.learning-heading h1[b-whz7b9nxrr]{border:0;padding:0}
/* /Components/Learning/LearningCenterHost.razor.rz.scp.css */
.learning-dialog[b-puxdzvnurd]{width:min(1360px,96vw);max-height:94vh;padding:0;border:0;border-radius:14px;background:#fbfdfd;color:#203b43;overflow:auto;box-shadow:0 20px 70px #10252d55;margin:auto}.learning-dialog[b-puxdzvnurd]::backdrop{background:#142c3ac0}.learning-dialog-bar[b-puxdzvnurd]{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;background:#fbfdfdf0;border-bottom:1px solid #d6e2e2;padding:10px 20px}.learning-dialog-bar button[b-puxdzvnurd]{font:inherit;background:#fff;color:#203b43;border:1px solid #b6c8c8;border-radius:8px;padding:8px 16px;cursor:pointer}.learning-dialog-bar button:focus-visible[b-puxdzvnurd]{outline:3px solid #227cba;outline-offset:2px}
/* /Components/Learning/LearningFaqCenter.razor.rz.scp.css */
.faq-center[b-5bmevxyqlx]{max-width:1000px;margin:auto;line-height:1.6;color:#18334f;overflow-wrap:anywhere}
.faq-filters[b-5bmevxyqlx]{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0 12px}
.faq-filters label[b-5bmevxyqlx]{display:flex;flex:1 1 240px;flex-direction:column;gap:6px;font-weight:600;min-width:0}
.faq-filters input[b-5bmevxyqlx],.faq-filters select[b-5bmevxyqlx],.faq-filters button[b-5bmevxyqlx]{font:inherit;padding:10px 12px;min-height:44px;border:1px solid #a9c0c8;border-radius:8px;background:#fff;color:#18334f;max-width:100%;box-sizing:border-box}
.faq-filters button[b-5bmevxyqlx]{cursor:pointer}.faq-count[b-5bmevxyqlx],.faq-topic[b-5bmevxyqlx],.faq-scope[b-5bmevxyqlx]{color:#52656d}
.faq-entry[b-5bmevxyqlx]{border:1px solid #c6dadd;border-radius:10px;margin:12px 0;background:#fff}
.faq-entry summary[b-5bmevxyqlx]{cursor:pointer;padding:16px;font-weight:650;min-height:44px;box-sizing:border-box}
.faq-entry[open] summary[b-5bmevxyqlx]{background:#edf7f7;border-bottom:1px solid #c6dadd;border-radius:10px 10px 0 0}
.faq-number[b-5bmevxyqlx]{display:inline-block;color:#007780;font-variant-numeric:tabular-nums;margin-right:10px}
.faq-body[b-5bmevxyqlx]{padding:4px 22px 22px}.faq-body h3[b-5bmevxyqlx]{font-size:1rem;margin:18px 0 4px}.faq-body p[b-5bmevxyqlx]{margin:6px 0 12px}
.faq-body ol[b-5bmevxyqlx]{padding-left:24px}.faq-body li[b-5bmevxyqlx]{margin:8px 0}.faq-note[b-5bmevxyqlx]{padding:12px;border-left:4px solid #a76a16;background:#fff9ed}
.faq-videos[b-5bmevxyqlx]{padding-left:22px}.faq-body a[b-5bmevxyqlx]{color:#006c76;text-decoration:underline;text-underline-offset:3px}.faq-permalink[b-5bmevxyqlx]{display:inline-block;padding:8px 0;font-size:.9rem}
summary:focus-visible[b-5bmevxyqlx],a:focus-visible[b-5bmevxyqlx],button:focus-visible[b-5bmevxyqlx],input:focus-visible[b-5bmevxyqlx],select:focus-visible[b-5bmevxyqlx]{outline:3px solid #cf8c32;outline-offset:3px}
@media(max-width:640px){.faq-body[b-5bmevxyqlx]{padding:4px 14px 16px}.faq-entry summary[b-5bmevxyqlx]{padding:14px}.faq-filters[b-5bmevxyqlx]{gap:12px}.faq-filters label[b-5bmevxyqlx]{flex-basis:100%}}
/* /Components/Learning/LearningHandbookCenter.razor.rz.scp.css */
.handbook-center[b-uuribseo2b] { max-width: 1200px; margin: 0 auto; }
.handbook-heading[b-uuribseo2b] { margin: 0 0 1.4rem; }
.handbook-heading h1[b-uuribseo2b] { margin: 0 0 .65rem; color: #163b50; font-size: 1.85rem; line-height: 1.25; }
.handbook-heading p[b-uuribseo2b] { max-width: 78ch; margin: 0; color: #526775; line-height: 1.65; }
.handbook-search[b-uuribseo2b] { margin: 0 0 1.4rem; max-width: 40rem; }
.handbook-search label[b-uuribseo2b] { display: block; margin-bottom: .45rem; color: #244b60; font-weight: 600; }
.handbook-search input[b-uuribseo2b] { width: 100%; box-sizing: border-box; padding: .75rem .9rem; border: 1px solid #9ab6c6; border-radius: 8px; color: #163b50; background: white; font: inherit; }
.handbook-search input:focus-visible[b-uuribseo2b] { outline: 3px solid #167dae; outline-offset: 2px; }
.handbook-search p[b-uuribseo2b] { margin: .5rem 0 0; color: #526775; font-size: .85rem; }
.handbook-empty[b-uuribseo2b] { padding: 1.5rem; background: #edf4f6; border-radius: 8px; color: #244b60; }
.handbook-grid[b-uuribseo2b] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.handbook-card[b-uuribseo2b] { display: flex; flex-direction: column; min-width: 0; padding: 1.5rem; border: 1px solid #d4e1e8; border-top: 4px solid #4c91a5; border-radius: 12px; background: #fff; box-shadow: 0 3px 12px #163b5008; }
.handbook-label[b-uuribseo2b] { color: #527888; font-size: .75rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.handbook-card h3[b-uuribseo2b] { margin: .75rem 0; font-size: 1.25rem; line-height: 1.45; overflow-wrap: anywhere; }
.handbook-card h3 a[b-uuribseo2b] { color: #174e6d; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.handbook-card h3 a:hover[b-uuribseo2b] { color: #086b95; }
.handbook-card h3 a:focus-visible[b-uuribseo2b] { outline: 3px solid #167dae; outline-offset: 5px; border-radius: 2px; }
.handbook-card p[b-uuribseo2b] { margin: 0 0 1rem; color: #3b5260; line-height: 1.65; }
.handbook-card .handbook-topics[b-uuribseo2b] { color: #587380; font-size: .88rem; }
.handbook-format[b-uuribseo2b] { margin-top: auto; padding-top: 1rem; border-top: 1px solid #e2eaf0; color: #617785; font-size: .8rem; line-height: 1.5; }
@media (max-width: 720px) { .handbook-grid[b-uuribseo2b] { grid-template-columns: 1fr; } .handbook-card[b-uuribseo2b] { padding: 1.15rem; } }
@media print { .handbook-card[b-uuribseo2b] { break-inside: avoid; box-shadow: none; } }
/* /Components/Learning/LearningWorkflowCenter.razor.rz.scp.css */
.workflow-center[b-z7xayno7r6]{color:#18334f;max-width:1200px;margin:auto;line-height:1.6}
.workflow-center button[b-z7xayno7r6]{font:inherit;cursor:pointer;border:1px solid #bfd1d8;border-radius:8px;background:#fff;color:#18334f;padding:8px 12px}
.workflow-center button:focus-visible[b-z7xayno7r6],.workflow-center summary:focus-visible[b-z7xayno7r6]{outline:3px solid #d88900;outline-offset:3px}
.foundations[b-z7xayno7r6],.legend[b-z7xayno7r6]{padding:16px 20px;border:1px solid #c4d8dc;border-radius:12px;margin:16px 0;background:#f5fafb}
summary[b-z7xayno7r6]{cursor:pointer;font-weight:700}.foundations h3[b-z7xayno7r6]{font-size:1.05rem;margin-bottom:0}.foundations p[b-z7xayno7r6]{margin-top:6px}
.legend-grid[b-z7xayno7r6]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.legend-item[b-z7xayno7r6]{display:flex;gap:14px;align-items:flex-start}.legend-item p[b-z7xayno7r6]{margin-top:5px}
.sample[b-z7xayno7r6]{background:white;border:1px solid #bfd1d8;padding:3px 8px;min-width:68px;text-align:right;font-variant-numeric:tabular-nums}
.sample-calculated[b-z7xayno7r6]{background:#f2fbfb;color:#106772;border-color:#157d8a}.sample-rw[b-z7xayno7r6]{border-left:4px solid #4caf50}.sample-ro[b-z7xayno7r6]{border-left:4px solid #ff9800}.sample-req[b-z7xayno7r6]{border-left:4px solid #9c27b0}.sample-highlight[b-z7xayno7r6]{border:2px dashed #8c7600}
.workflow-cards[b-z7xayno7r6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:26px 0}.workflow-cards button[b-z7xayno7r6]{text-align:left;display:flex;flex-direction:column;gap:8px}.workflow-cards button.active[b-z7xayno7r6]{background:#e9f5f6;border:2px solid #106772}.workflow-cards small[b-z7xayno7r6],.workflow-cards span[b-z7xayno7r6]{font-size:.85rem}
.workflow-detail[b-z7xayno7r6]{border-top:1px solid #bfd1d8;padding-top:16px}.workflow-detail h2:focus[b-z7xayno7r6]{outline:none}.verification[b-z7xayno7r6],.pending[b-z7xayno7r6]{padding:12px 16px;background:#f3f7f9;border-left:4px solid #607d8b}
.handbook-link[b-z7xayno7r6]{padding:12px 16px;background:#eaf5f3;border-left:4px solid #106772}.handbook-link a[b-z7xayno7r6]{color:#106772;font-weight:600}.handbook-link a:focus-visible[b-z7xayno7r6]{outline:3px solid #d88900;outline-offset:3px}
video[b-z7xayno7r6]{display:block;width:100%;max-height:720px;background:#102739;border-radius:10px;margin:18px 0}.timestamps[b-z7xayno7r6]{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.timestamps button[b-z7xayno7r6]{font-size:.9rem}
.workflow-steps[b-z7xayno7r6]{padding-left:28px}.workflow-steps li[b-z7xayno7r6]{padding:4px 8px 18px}.workflow-steps h4[b-z7xayno7r6]{margin:4px 0}.workflow-steps p[b-z7xayno7r6]{margin:5px 0 12px}.related-actions[b-z7xayno7r6]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.related-actions button[b-z7xayno7r6]{font-size:.85rem;padding:4px 8px}
@media(max-width:640px){.legend-grid[b-z7xayno7r6]{grid-template-columns:1fr}.workflow-cards[b-z7xayno7r6]{grid-template-columns:1fr}.foundations[b-z7xayno7r6],.legend[b-z7xayno7r6]{padding:12px}.workflow-steps[b-z7xayno7r6]{padding-left:20px}}
/* /Components/Module159HConvergenceChart.razor.rz.scp.css */
.iteration-chart-empty[b-aoqgoi87sq] {
    padding: 16px;
    color: #64748b;
}

.iteration-chart-grid-cards[b-aoqgoi87sq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 12px;
    padding: 14px;
}

.iteration-chart-card[b-aoqgoi87sq] {
    display: flex;
    flex-direction: column;
    min-height: 326px;
    border: 1px solid #dbe5ee;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.iteration-chart-card-header[b-aoqgoi87sq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 12px 14px 10px;
    border-bottom: 1px solid #eef2f7;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f8fb 100%);
}

.iteration-chart-title[b-aoqgoi87sq] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
}

.iteration-chart-swatch[b-aoqgoi87sq] {
    width: 10px;
    height: 42px;
    border-radius: 4px;
}

.iteration-chart-title strong[b-aoqgoi87sq],
.iteration-chart-title small[b-aoqgoi87sq],
.iteration-chart-last strong[b-aoqgoi87sq],
.iteration-chart-last span[b-aoqgoi87sq] {
    display: block;
}

.iteration-chart-title strong[b-aoqgoi87sq] {
    color: #1b365d;
    font-size: 0.92rem;
}

.iteration-chart-title small[b-aoqgoi87sq] {
    margin-top: 3px;
    color: #64748b;
    font-size: 0.76rem;
    line-height: 1.35;
}

.iteration-chart-last[b-aoqgoi87sq] {
    text-align: right;
    font-family: "Consolas", "Courier New", monospace;
}

.iteration-chart-last strong[b-aoqgoi87sq] {
    color: #2f6f83;
    font-size: 0.95rem;
}

.iteration-chart-last span[b-aoqgoi87sq] {
    color: #64748b;
    font-size: 0.72rem;
}

.iteration-chart-status-row[b-aoqgoi87sq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 14px;
    background: #fbfdff;
    border-bottom: 1px solid #eef2f7;
    font-size: 0.74rem;
}

.iteration-chart-status[b-aoqgoi87sq] {
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.iteration-chart-status.ok[b-aoqgoi87sq]    { background: #ecfdf5; color: #047857; }
.iteration-chart-status.warn[b-aoqgoi87sq]  { background: #fef3c7; color: #92400e; }
.iteration-chart-status.bad[b-aoqgoi87sq]   { background: #fee2e2; color: #b91c1c; }
.iteration-chart-status.info[b-aoqgoi87sq]  { background: #e0f2fe; color: #075985; }

.iteration-chart-residual[b-aoqgoi87sq] {
    color: #475569;
    font-family: "Consolas", "Courier New", monospace;
}

.iteration-chart-spark[b-aoqgoi87sq] {
    position: relative;
    min-height: 174px;
    padding: 6px 8px 0;
    background: #ffffff;
}

.iteration-chart-spark svg[b-aoqgoi87sq] {
    width: 100%;
    height: 160px;
    display: block;
}

.iteration-chart-axis[b-aoqgoi87sq] {
    stroke: #94a3b8;
    stroke-width: 1.1;
}

.iteration-chart-grid[b-aoqgoi87sq] {
    stroke: #e2e8f0;
    stroke-width: 1;
    stroke-dasharray: 3 4;
}

.iteration-chart-band[b-aoqgoi87sq] {
    fill: rgba(16, 185, 129, 0.14);
    stroke: rgba(16, 185, 129, 0.5);
    stroke-dasharray: 3 3;
    stroke-width: 1;
}

.iteration-chart-engine-line[b-aoqgoi87sq] {
    stroke-width: 2;
    stroke-dasharray: 6 4;
    opacity: 0.7;
    vector-effect: non-scaling-stroke;
}

.iteration-chart-engine-marker[b-aoqgoi87sq] {
    stroke-width: 2.2;
    vector-effect: non-scaling-stroke;
}

.iteration-chart-engine-label[b-aoqgoi87sq] {
    fill: #1b365d;
    font-size: 10px;
    font-weight: 700;
    font-family: "Consolas", "Courier New", monospace;
    paint-order: stroke;
    stroke: #ffffff;
    stroke-width: 3;
    stroke-linejoin: round;
}

.iteration-chart-line[b-aoqgoi87sq] {
    fill: none;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.iteration-chart-marker[b-aoqgoi87sq] {
    stroke-width: 1.4;
    vector-effect: non-scaling-stroke;
}

.iteration-chart-last-marker[b-aoqgoi87sq] {
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.iteration-chart-tick-label[b-aoqgoi87sq] {
    fill: #94a3b8;
    font-size: 9.5px;
    font-family: "Consolas", "Courier New", monospace;
}

.iteration-chart-scale[b-aoqgoi87sq] {
    position: absolute;
    left: 12px;
    color: #64748b;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 0.68rem;
    background: rgba(255, 255, 255, 0.86);
    padding-right: 4px;
}

.iteration-chart-scale.top[b-aoqgoi87sq] {
    top: 6px;
}

.iteration-chart-scale.bottom[b-aoqgoi87sq] {
    bottom: 18px;
}

.iteration-chart-metrics[b-aoqgoi87sq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: auto;
    border-top: 1px solid #e5edf4;
    background: #e5edf4;
}

.iteration-chart-metrics div[b-aoqgoi87sq] {
    padding: 9px 10px;
    background: #ffffff;
    min-width: 0;
}

.iteration-chart-metrics span[b-aoqgoi87sq],
.iteration-chart-metrics strong[b-aoqgoi87sq] {
    display: block;
}

.iteration-chart-metrics span[b-aoqgoi87sq] {
    color: #64748b;
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.iteration-chart-metrics strong[b-aoqgoi87sq] {
    margin-top: 3px;
    color: #172b4d;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iteration-chart-metrics strong.positive[b-aoqgoi87sq] {
    color: #047857;
}

.iteration-chart-metrics strong.negative[b-aoqgoi87sq] {
    color: #be3455;
}

@media (max-width: 900px) {
    .iteration-chart-grid-cards[b-aoqgoi87sq] {
        grid-template-columns: 1fr;
    }

    .iteration-chart-card-header[b-aoqgoi87sq] {
        grid-template-columns: 1fr;
    }

    .iteration-chart-last[b-aoqgoi87sq] {
        text-align: left;
    }
}
/* /Components/Module159HConvergenceOverlay.razor.rz.scp.css */
.overlay-empty[b-gcf3w6lpxh] {
    padding: 18px 22px;
    color: #475569;
    background: #f8fafc;
    border: 1px dashed #cbd6e2;
    border-radius: 10px;
    margin: 14px;
}

.overlay-empty strong[b-gcf3w6lpxh] {
    display: block;
    color: #1b365d;
    font-size: 0.95rem;
    margin-bottom: 6px;
}

.overlay-empty p[b-gcf3w6lpxh] {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.5;
}

.overlay-shell[b-gcf3w6lpxh] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(260px, 1fr);
    gap: 14px;
    padding: 14px;
}

.overlay-chart-wrap[b-gcf3w6lpxh] {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fb 100%);
    border: 1px solid #dbe5ee;
    border-radius: 10px;
    padding: 4px 6px;
    min-height: 280px;
}

.overlay-chart-wrap svg[b-gcf3w6lpxh] {
    width: 100%;
    height: 340px;
    display: block;
}

.overlay-axis[b-gcf3w6lpxh] {
    stroke: #475569;
    stroke-width: 1.3;
}

.overlay-axis-tick[b-gcf3w6lpxh] {
    stroke: #94a3b8;
    stroke-width: 1;
}

.overlay-axis-label[b-gcf3w6lpxh] {
    fill: #64748b;
    font-size: 10px;
    font-family: "Consolas", "Courier New", monospace;
}

.overlay-axis-title[b-gcf3w6lpxh] {
    fill: #1e293b;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.overlay-grid[b-gcf3w6lpxh] {
    stroke: #e2e8f0;
    stroke-width: 1;
    stroke-dasharray: 2 3;
}

.overlay-grid.threshold[b-gcf3w6lpxh] {
    stroke: #10b981;
    stroke-width: 1.6;
    stroke-dasharray: 4 3;
}

.overlay-threshold-label[b-gcf3w6lpxh] {
    fill: #047857;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.overlay-line[b-gcf3w6lpxh] {
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-opacity: 0.85;
    vector-effect: non-scaling-stroke;
}

.overlay-marker[b-gcf3w6lpxh] {
    stroke: #ffffff;
    stroke-width: 1.4;
    vector-effect: non-scaling-stroke;
}

.overlay-last-marker[b-gcf3w6lpxh] {
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.overlay-legend[b-gcf3w6lpxh] {
    background: #ffffff;
    border: 1px solid #dbe5ee;
    border-radius: 10px;
    padding: 10px 12px;
    overflow: auto;
    max-height: 348px;
}

.overlay-legend-head[b-gcf3w6lpxh] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) 52px 78px 86px;
    gap: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.overlay-legend-row[b-gcf3w6lpxh] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) 52px 78px 86px;
    gap: 8px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px dashed #eef2f7;
}

.overlay-legend-row:last-child[b-gcf3w6lpxh] {
    border-bottom: none;
}

.overlay-legend-name[b-gcf3w6lpxh] {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    min-width: 0;
}

.overlay-legend-name strong[b-gcf3w6lpxh] {
    display: block;
    color: #1b365d;
    font-size: 0.82rem;
    line-height: 1.2;
}

.overlay-legend-name small[b-gcf3w6lpxh] {
    display: block;
    color: #64748b;
    font-size: 0.7rem;
    line-height: 1.3;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overlay-legend-swatch[b-gcf3w6lpxh] {
    width: 8px;
    height: 24px;
    border-radius: 3px;
}

.overlay-legend-steps[b-gcf3w6lpxh],
.overlay-legend-residual[b-gcf3w6lpxh] {
    font-family: "Consolas", "Courier New", monospace;
    color: #172b4d;
    font-size: 0.78rem;
    text-align: right;
}

.overlay-legend-status[b-gcf3w6lpxh] {
    text-align: center;
    padding: 4px 6px;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.overlay-legend-status.ok[b-gcf3w6lpxh] {
    background: #ecfdf5;
    color: #047857;
}

.overlay-legend-status.warn[b-gcf3w6lpxh] {
    background: #fef3c7;
    color: #92400e;
}

.overlay-legend-status.bad[b-gcf3w6lpxh] {
    background: #fee2e2;
    color: #b91c1c;
}

.overlay-legend-status.info[b-gcf3w6lpxh] {
    background: #e0f2fe;
    color: #075985;
}

@media (max-width: 1024px) {
    .overlay-shell[b-gcf3w6lpxh] {
        grid-template-columns: 1fr;
    }

    .overlay-legend[b-gcf3w6lpxh] {
        max-height: none;
    }
}
/* /Components/Module159HIterationInfoModal.razor.rz.scp.css */
.iteration-info-overlay[b-zpc9mhfted] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(15, 23, 42, 0.52);
    backdrop-filter: blur(4px);
}

.iteration-info-dialog[b-zpc9mhfted] {
    width: min(1480px, 96vw);
    max-height: 94vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f4f7fb;
    border: 1px solid #cbd6e2;
    border-radius: 12px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.34);
    color: #172b4d;
}

.iteration-info-notice[b-zpc9mhfted] {
    padding: 10px 16px;
    border-left: 3px solid #64748b;
    background: #eef3f8;
    font-size: 0.85rem;
}

.iteration-info-notice p[b-zpc9mhfted] { margin: 4px 0; }

.iteration-info-header[b-zpc9mhfted] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 22px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #f8fafc;
    border-bottom: 1px solid #0b1220;
}

.iteration-info-header.tone-ok[b-zpc9mhfted] {
    background: linear-gradient(135deg, #064e3b 0%, #047857 100%);
}

.iteration-info-header.tone-warn[b-zpc9mhfted] {
    background: linear-gradient(135deg, #78350f 0%, #b45309 100%);
}

.iteration-info-header.tone-bad[b-zpc9mhfted] {
    background: linear-gradient(135deg, #7f1d1d 0%, #b91c1c 100%);
}

.iteration-info-header-left[b-zpc9mhfted] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.iteration-info-eyebrow[b-zpc9mhfted] {
    margin: 0;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(248, 250, 252, 0.7);
}

.iteration-info-header h2[b-zpc9mhfted] {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #f8fafc;
    letter-spacing: -0.01em;
}

.iteration-info-subtitle[b-zpc9mhfted] {
    margin: 2px 0 0;
    color: rgba(248, 250, 252, 0.72);
    font-size: 0.8rem;
}

.iteration-info-header-right[b-zpc9mhfted] {
    display: flex;
    align-items: stretch;
    gap: 14px;
}

.iteration-info-headline[b-zpc9mhfted] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-end;
    padding: 8px 16px;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.45);
    border: 1px solid rgba(248, 250, 252, 0.16);
    min-width: 260px;
    max-width: 360px;
    text-align: right;
}

.iteration-info-headline-pill[b-zpc9mhfted] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: rgba(248, 250, 252, 0.18);
    color: #f8fafc;
}

.iteration-info-headline.ok .iteration-info-headline-pill[b-zpc9mhfted]   { background: rgba(16, 185, 129, 0.32); color: #d1fae5; }
.iteration-info-headline.warn .iteration-info-headline-pill[b-zpc9mhfted] { background: rgba(245, 158, 11, 0.32); color: #fef3c7; }
.iteration-info-headline.bad .iteration-info-headline-pill[b-zpc9mhfted]  { background: rgba(244, 63, 94, 0.32); color: #fecdd3; }

.iteration-info-headline strong[b-zpc9mhfted] {
    font-size: 1.05rem;
    color: #f8fafc;
}

.iteration-info-headline small[b-zpc9mhfted] {
    color: rgba(248, 250, 252, 0.78);
    font-size: 0.74rem;
    line-height: 1.3;
}

.iteration-info-close[b-zpc9mhfted] {
    width: 38px;
    height: 38px;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(248, 250, 252, 0.24);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.3);
    color: #f8fafc;
    cursor: pointer;
    transition: background 120ms ease;
}

.iteration-info-close:hover[b-zpc9mhfted] {
    background: rgba(15, 23, 42, 0.55);
}

.iteration-info-body[b-zpc9mhfted] {
    padding: 18px 18px 22px;
    overflow: auto;
}

/* ── KPI strip ───────────────────────────────────────────────── */

.iteration-kpi-strip[b-zpc9mhfted] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.iteration-kpi-card[b-zpc9mhfted] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 14px 12px;
    background: #ffffff;
    border: 1px solid #dbe5ee;
    border-left: 4px solid #cbd6e2;
    border-radius: 10px;
    min-height: 96px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.iteration-kpi-card.subtle[b-zpc9mhfted] {
    background: #f8fafc;
    border-left-color: #94a3b8;
}

.iteration-kpi-card.warn[b-zpc9mhfted] {
    border-left-color: #f59e0b;
    background: #fffbeb;
}

.iteration-kpi-status[b-zpc9mhfted] {
    grid-column: span 2;
}

.iteration-kpi-status.ok[b-zpc9mhfted]   { border-left-color: #10b981; background: #ecfdf5; }
.iteration-kpi-status.warn[b-zpc9mhfted] { border-left-color: #f59e0b; background: #fffbeb; }
.iteration-kpi-status.bad[b-zpc9mhfted]  { border-left-color: #f43f5e; background: #fef2f2; }

.iteration-kpi-label[b-zpc9mhfted] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.iteration-kpi-value[b-zpc9mhfted] {
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.15;
    font-family: "Inter", "Segoe UI", -apple-system, system-ui, sans-serif;
}

.iteration-kpi-status .iteration-kpi-value[b-zpc9mhfted] {
    font-size: 1.18rem;
}

.iteration-kpi-status.ok .iteration-kpi-value[b-zpc9mhfted]   { color: #047857; }
.iteration-kpi-status.warn .iteration-kpi-value[b-zpc9mhfted] { color: #b45309; }
.iteration-kpi-status.bad .iteration-kpi-value[b-zpc9mhfted]  { color: #b91c1c; }

.iteration-kpi-sub[b-zpc9mhfted] {
    color: #64748b;
    font-size: 0.74rem;
    line-height: 1.4;
}

/* ── Sections ────────────────────────────────────────────────── */

.iteration-info-section[b-zpc9mhfted] {
    margin-top: 14px;
    border: 1px solid #dbe5ee;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.iteration-info-hero[b-zpc9mhfted] {
    border-color: #cbd6e2;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.iteration-info-section-title[b-zpc9mhfted] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 16px;
    background: #f1f6f8;
    border-bottom: 1px solid #dbe5ee;
}

.iteration-info-section-title h3[b-zpc9mhfted] {
    margin: 0;
    font-size: 0.95rem;
    color: #1b365d;
}

.iteration-info-section-title span[b-zpc9mhfted] {
    color: #64748b;
    font-size: 0.78rem;
}

.iteration-info-summary-toggle[b-zpc9mhfted] {
    cursor: pointer;
    list-style: none;
}

.iteration-info-summary-toggle[b-zpc9mhfted]::-webkit-details-marker { display: none; }
.iteration-info-summary-toggle[b-zpc9mhfted]::marker { display: none; }

.iteration-info-summary-toggle[b-zpc9mhfted]::before {
    content: "▸";
    margin-right: 8px;
    color: #94a3b8;
    transition: transform 120ms ease;
    display: inline-block;
}

details[open] > .iteration-info-summary-toggle[b-zpc9mhfted]::before {
    transform: rotate(90deg);
}

/* ── Load case chips ─────────────────────────────────────────── */

.iteration-info-loadcases[b-zpc9mhfted] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
    padding: 14px;
}

.iteration-info-loadcase[b-zpc9mhfted] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    border: 1px solid #dbe5ee;
    border-radius: 10px;
    background: #fbfdff;
}

.iteration-info-loadcase-head[b-zpc9mhfted] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.iteration-info-loadcase-head strong[b-zpc9mhfted] {
    color: #1b365d;
    font-size: 0.9rem;
}

.iteration-info-loadcase-kind[b-zpc9mhfted] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.iteration-info-loadcase-kind.kind-operation[b-zpc9mhfted] { background: #dbeafe; color: #1d4ed8; }
.iteration-info-loadcase-kind.kind-test[b-zpc9mhfted]      { background: #fef3c7; color: #92400e; }
.iteration-info-loadcase-kind.kind-service[b-zpc9mhfted]   { background: #ede9fe; color: #6d28d9; }
.iteration-info-loadcase-kind.kind-other[b-zpc9mhfted]     { background: #f1f5f9; color: #475569; }

.iteration-info-loadcase small[b-zpc9mhfted] {
    color: #64748b;
    font-size: 0.76rem;
}

.iteration-info-loadcase-meta[b-zpc9mhfted] {
    color: #94a3b8;
    font-family: "Consolas", "Courier New", monospace;
}

/* ── Warnings / events ───────────────────────────────────────── */

.iteration-info-warning-list[b-zpc9mhfted],
.iteration-info-events[b-zpc9mhfted] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
}

.iteration-info-warning-list div[b-zpc9mhfted] {
    padding: 9px 10px;
    border-left: 3px solid #d97706;
    border-radius: 6px;
    background: #fff7ed;
    color: #7c2d12;
    font-size: 0.84rem;
}

.iteration-info-event[b-zpc9mhfted] {
    display: grid;
    grid-template-columns: 72px 120px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 8px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #fbfdff;
    font-size: 0.78rem;
}

.iteration-info-event.warning[b-zpc9mhfted] {
    border-color: #f2c078;
    background: #fffaf0;
}

.iteration-info-event span[b-zpc9mhfted] { color: #64748b; }
.iteration-info-event strong[b-zpc9mhfted] { color: #2f6f83; }
.iteration-info-event code[b-zpc9mhfted] {
    overflow-wrap: anywhere;
    white-space: normal;
    color: #334155;
}

/* ── Loading / empty / error ─────────────────────────────────── */

.iteration-info-loading[b-zpc9mhfted],
.iteration-info-empty[b-zpc9mhfted],
.iteration-info-error[b-zpc9mhfted] {
    padding: 18px;
    border: 1px solid #dbe5ee;
    border-radius: 10px;
    background: #ffffff;
}

.iteration-info-loading[b-zpc9mhfted] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.iteration-info-error[b-zpc9mhfted] {
    border-color: #f2a7a0;
    background: #fff5f5;
    color: #922b21;
}

.iteration-info-spinner[b-zpc9mhfted] {
    width: 18px;
    height: 18px;
    border: 2px solid #dbe5ee;
    border-top-color: #2f6f83;
    border-radius: 50%;
    animation: iteration-info-spin-b-zpc9mhfted 0.9s linear infinite;
}

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

@media (max-width: 1180px) {
    .iteration-kpi-strip[b-zpc9mhfted] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .iteration-kpi-status[b-zpc9mhfted] { grid-column: span 3; }
}

@media (max-width: 900px) {
    .iteration-info-overlay[b-zpc9mhfted] { padding: 12px; }
    .iteration-info-header[b-zpc9mhfted] { flex-direction: column; align-items: flex-start; }
    .iteration-info-header-right[b-zpc9mhfted] { width: 100%; justify-content: space-between; }
    .iteration-info-headline[b-zpc9mhfted] { max-width: none; flex: 1; }
    .iteration-kpi-strip[b-zpc9mhfted] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .iteration-kpi-status[b-zpc9mhfted] { grid-column: span 2; }
    .iteration-info-event[b-zpc9mhfted] { grid-template-columns: 1fr; }
}
/* /Components/Module159HIterationVariableTable.razor.rz.scp.css */
.iteration-info-table-wrap[b-fj50cewjl7] {
    overflow: auto;
}

.iteration-info-table[b-fj50cewjl7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.iteration-info-table th[b-fj50cewjl7],
.iteration-info-table td[b-fj50cewjl7] {
    padding: 8px 10px;
    border-bottom: 1px solid #e5edf4;
    text-align: left;
    white-space: nowrap;
}

.iteration-info-table th[b-fj50cewjl7] {
    position: sticky;
    top: 0;
    background: #fbfdff;
    color: #5f6f89;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.iteration-info-table td:nth-child(2)[b-fj50cewjl7] {
    min-width: 220px;
    white-space: normal;
}

.iteration-info-table td:nth-child(3)[b-fj50cewjl7] {
    font-family: "Consolas", "Courier New", monospace;
    color: #2f6f83;
    font-weight: 700;
}

.iteration-info-table tr.unknown td[b-fj50cewjl7] {
    color: #94a3b8;
}

.iteration-info-table tr.calculated td:nth-child(3)[b-fj50cewjl7] {
    background: #f0f9fa;
}
/* /Components/Module159HLoadCaseCompare.razor.rz.scp.css */
.compare-empty[b-zjawregkwg] {
    padding: 18px;
    color: #64748b;
}

.compare-shell[b-zjawregkwg] {
    overflow: auto;
    max-height: 520px;
    padding: 0;
}

.compare-table[b-zjawregkwg] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.82rem;
    background: #ffffff;
}

.compare-table thead th[b-zjawregkwg] {
    position: sticky;
    top: 0;
    background: #eef4f8;
    z-index: 2;
    text-align: left;
    padding: 12px 14px;
    border-bottom: 2px solid #cbd6e2;
    vertical-align: top;
    color: #1b365d;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.compare-table tbody td[b-zjawregkwg] {
    padding: 12px 14px;
    border-bottom: 1px solid #eef2f7;
    vertical-align: middle;
}

.compare-table tbody tr:nth-child(even) td[b-zjawregkwg] {
    background: #fbfdff;
}

.compare-table tbody tr:hover td[b-zjawregkwg] {
    background: #f1f6f8;
}

/* ── Columns ───────────────────────────────────────────────────── */

.compare-col-id[b-zjawregkwg] {
    width: 56px;
    min-width: 56px;
    font-family: "Consolas", "Courier New", monospace;
}

.compare-col-id span[b-zjawregkwg] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    background: #e2e8f0;
    color: #1b365d;
    font-size: 0.78rem;
    font-weight: 700;
}

.compare-col-name[b-zjawregkwg] {
    min-width: 220px;
    color: #1f2937;
    font-weight: 500;
    line-height: 1.35;
}

.compare-col-unit[b-zjawregkwg] {
    width: 70px;
    min-width: 70px;
    color: #94a3b8;
    font-style: italic;
    font-size: 0.76rem;
    white-space: nowrap;
}

.compare-col-lc[b-zjawregkwg] {
    min-width: 150px;
    text-align: right;
}

.compare-table thead .compare-col-lc[b-zjawregkwg] {
    text-align: left;
}

/* Sticky first three columns on horizontal scroll */
.compare-table thead .compare-col-id[b-zjawregkwg],
.compare-table thead .compare-col-name[b-zjawregkwg],
.compare-table thead .compare-col-unit[b-zjawregkwg] {
    position: sticky;
    background: #eef4f8;
    z-index: 3;
}
.compare-table tbody .compare-col-id[b-zjawregkwg],
.compare-table tbody .compare-col-name[b-zjawregkwg],
.compare-table tbody .compare-col-unit[b-zjawregkwg] {
    position: sticky;
    background: inherit;
    z-index: 1;
}
.compare-table thead .compare-col-id[b-zjawregkwg],  .compare-table tbody .compare-col-id[b-zjawregkwg]   { left: 0; }
.compare-table thead .compare-col-name[b-zjawregkwg], .compare-table tbody .compare-col-name[b-zjawregkwg] { left: 56px; }
.compare-table thead .compare-col-unit[b-zjawregkwg], .compare-table tbody .compare-col-unit[b-zjawregkwg] { left: 276px; border-right: 1px solid #dbe5ee; }
.compare-table tbody tr td.compare-col-id[b-zjawregkwg],
.compare-table tbody tr td.compare-col-name[b-zjawregkwg],
.compare-table tbody tr td.compare-col-unit[b-zjawregkwg] { background: #ffffff; }
.compare-table tbody tr:nth-child(even) td.compare-col-id[b-zjawregkwg],
.compare-table tbody tr:nth-child(even) td.compare-col-name[b-zjawregkwg],
.compare-table tbody tr:nth-child(even) td.compare-col-unit[b-zjawregkwg] { background: #fbfdff; }

/* ── Load case headers ─────────────────────────────────────────── */

.compare-lc-kind[b-zjawregkwg] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 5px;
}

.compare-lc-kind.kind-operation[b-zjawregkwg] { background: #dbeafe; color: #1d4ed8; }
.compare-lc-kind.kind-test[b-zjawregkwg]      { background: #fef3c7; color: #92400e; }
.compare-lc-kind.kind-service[b-zjawregkwg]   { background: #ede9fe; color: #6d28d9; }
.compare-lc-kind.kind-other[b-zjawregkwg]     { background: #f1f5f9; color: #475569; }

.compare-table thead strong[b-zjawregkwg] {
    display: block;
    color: #1b365d;
    font-size: 0.84rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}

.compare-table thead small[b-zjawregkwg] {
    display: block;
    color: #64748b;
    font-size: 0.72rem;
    margin-top: 3px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Value cells ───────────────────────────────────────────────── */

.compare-value[b-zjawregkwg] {
    display: block;
    font-family: "Consolas", "Courier New", monospace;
    color: #1b365d;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.compare-bek[b-zjawregkwg] {
    display: inline-block;
    margin-top: 6px;
    padding: 1px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.compare-col-lc.calculated .compare-value[b-zjawregkwg] { color: #047857; }
.compare-col-lc.calculated .compare-bek[b-zjawregkwg]   { background: #ecfdf5; color: #047857; }

.compare-col-lc.input .compare-value[b-zjawregkwg] { color: #1d4ed8; }
.compare-col-lc.input .compare-bek[b-zjawregkwg]   { background: #dbeafe; color: #1d4ed8; }

.compare-col-lc.unknown .compare-value[b-zjawregkwg] { color: #cbd6e2; font-weight: 400; }
.compare-col-lc.unknown .compare-bek[b-zjawregkwg]   { display: none; }
/* /Components/ModuleCatalog/LegacyModuleCatalogTab.razor.rz.scp.css */
/* Legacy module catalog styles. */

/* License Warning Banner */
.license-warning-banner[b-8bshk83hox] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fecaca;
    border-radius: 12px;
    margin-bottom: 20px;
}

.license-warning-icon[b-8bshk83hox] {
    font-size: 32px;
    flex-shrink: 0;
}

.license-warning-content[b-8bshk83hox] {
    flex: 1;
}

.license-warning-content strong[b-8bshk83hox] {
    display: block;
    font-size: 16px;
    color: #dc2626;
    margin-bottom: 4px;
}

.license-warning-content p[b-8bshk83hox] {
    margin: 0;
    font-size: 14px;
    color: #7f1d1d;
}

.btn-license-settings[b-8bshk83hox] {
    background: #dc2626;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s;
}

.btn-license-settings:hover[b-8bshk83hox] {
    background: #b91c1c;
}

/* Trial Info Banner */
.trial-info-banner[b-8bshk83hox] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%);
    border: 1px solid #fde047;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 14px;
}

.trial-icon[b-8bshk83hox] {
    font-size: 20px;
}

    /* Module Disabled State */
    .module-card.module-disabled[b-8bshk83hox] {
        opacity: 0.6;
        cursor: not-allowed;
        position: relative;
    }

    .module-card.module-disabled:hover[b-8bshk83hox] {
        transform: none;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .module-lock-overlay[b-8bshk83hox] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.05);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        z-index: 1;
    }

    .lock-icon[b-8bshk83hox] {
        font-size: 48px;
        opacity: 0.4;
    }

    /* Module Toolbar: Search + Load File / Project + Go Back */
    .module-toolbar[b-8bshk83hox] {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
    }

    .module-search-input-wrapper[b-8bshk83hox] {
        position: relative;
        display: flex;
        align-items: center;
        flex: 1;
        min-width: 0;
    }

    .btn-toolbar-action[b-8bshk83hox] {
        height: 42px;
        border-radius: 10px;
        border: 2px solid #e2e8f0;
        background: #f8fafc;
        color: #475569;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 0 14px;
        font-size: 0.9rem;
        font-weight: 500;
        white-space: nowrap;
        transition: all 0.15s;
    }

    .btn-toolbar-action:hover[b-8bshk83hox] {
        border-color: #3b82f6;
        color: #3b82f6;
        background: #eff6ff;
    }

    .btn-toolbar-action.btn-open-project svg[b-8bshk83hox] {
        color: #0f8f9a;
    }

    .btn-toolbar-action.btn-open-project[b-8bshk83hox] {
        border-color: #9fd3dc;
        background: linear-gradient(180deg, #f0fdff 0%, #e2f7fa 100%);
        color: #075f69;
        font-weight: 750;
        box-shadow: 0 4px 10px rgba(15, 143, 154, 0.12);
    }

    .btn-toolbar-action.btn-open-project:hover[b-8bshk83hox] {
        border-color: #0f8f9a;
        background: #dcf7fb;
        color: #064e58;
        box-shadow: 0 6px 14px rgba(15, 143, 154, 0.18);
    }

    .btn-toolbar-action.btn-open-project:hover svg[b-8bshk83hox] {
        color: #075f69;
    }

    .module-search-icon[b-8bshk83hox] {
        position: absolute;
        left: 14px;
        color: #94a3b8;
        pointer-events: none;
    }

    .module-search-input[b-8bshk83hox] {
        width: 100%;
        height: 42px;
        padding: 0 40px 0 42px;
        border: 2px solid #e2e8f0;
        border-radius: 10px;
        font-size: 0.95rem;
        background: #f8fafc;
        color: #1e293b;
        outline: none;
        transition: border-color 0.2s, background 0.2s;
        box-sizing: border-box;
    }

    .module-search-input:focus[b-8bshk83hox] {
        border-color: #3b82f6;
        background: #fff;
    }

    .module-search-input[b-8bshk83hox]::placeholder {
        color: #94a3b8;
    }

    .module-search-clear[b-8bshk83hox] {
        position: absolute;
        right: 10px;
        background: none;
        border: none;
        cursor: pointer;
        color: #94a3b8;
        padding: 4px;
        display: flex;
        align-items: center;
        border-radius: 4px;
    }

    .module-search-clear:hover[b-8bshk83hox] {
        color: #475569;
        background: #e2e8f0;
    }

    .module-search-results-header[b-8bshk83hox] {
        font-size: 0.85rem;
        color: #64748b;
        margin-bottom: 12px;
        padding-left: 2px;
    }

    .module-group-badge[b-8bshk83hox] {
        background: #e0e7ff;
        color: #4338ca;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 0.72rem;
        font-weight: 500;
    }

    .btn-link[b-8bshk83hox] {
        background: none;
        border: none;
        color: #3b82f6;
        cursor: pointer;
        text-decoration: underline;
        font-size: inherit;
        padding: 0;
    }

    .btn-link:hover[b-8bshk83hox] {
        color: #2563eb;
    }

    .btn-close-selector[b-8bshk83hox] {
        background: #3b82f6 !important;
        border-color: #3b82f6 !important;
        color: white !important;
    }

    .btn-close-selector:hover[b-8bshk83hox] {
        background: #2563eb !important;
        border-color: #2563eb !important;
    }

    .btn-close-selector svg[b-8bshk83hox] {
        color: white !important;
    }

    .loading-modules[b-8bshk83hox] {
        text-align: center;
        padding: 48px;
        color: #666;
    }

    .spinner[b-8bshk83hox] {
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 2px solid #ddd;
        border-top-color: #1a73e8;
        border-radius: 50%;
        animation: spin-b-8bshk83hox 0.8s linear infinite;
        margin-right: 8px;
        vertical-align: middle;
    }

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

    .module-grid[b-8bshk83hox] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 20px;
    }

    /* Module Group Cards Grid */
    .module-group-grid[b-8bshk83hox] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
        gap: 20px;
    }

    .group-card[b-8bshk83hox] {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        cursor: pointer;
        transition: all 0.25s ease;
        display: flex;
        flex-direction: column;
        border: 3px solid transparent;
        border-left: 5px solid var(--group-accent-color, #3b82f6);
        overflow: hidden;
    }

    .group-card:hover[b-8bshk83hox] {
        transform: translateY(-4px);
        box-shadow: 0 12px 32px rgba(0,0,0,0.15);
        border-color: var(--group-accent-color, #3b82f6);
    }

    .group-card.group-card-special[b-8bshk83hox] {
        background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
        border-style: dashed;
    }

    .group-card-body[b-8bshk83hox] {
        display: flex;
        gap: 20px;
        align-items: center;
        padding: 24px;
        flex: 1;
    }

    .group-card-footer[b-8bshk83hox] {
        display: flex;
        align-items: center;
        padding: 10px 24px;
        border-top: 1px solid #e2e8f0;
        background: #f8fafc;
    }

    .group-icon[b-8bshk83hox] {
        font-size: 2.8rem;
        flex-shrink: 0;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
        border-radius: 14px;
    }

    .group-info[b-8bshk83hox] {
        flex: 1;
    }

    .group-info h3[b-8bshk83hox] {
        margin: 0 0 6px 0;
        font-size: 1.25rem;
        font-weight: 700;
        color: #1e293b;
    }

    .group-description[b-8bshk83hox] {
        margin: 0;
        color: #64748b;
        font-size: 0.9rem;
        line-height: 1.4;
    }

    .group-module-count[b-8bshk83hox] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--group-accent-color, #3b82f6);
        font-size: 0.8rem;
        font-weight: 600;
    }

    .group-arrow[b-8bshk83hox] {
        color: #94a3b8;
        transition: transform 0.2s ease, color 0.2s ease;
    }

    .group-card:hover .group-arrow[b-8bshk83hox] {
        transform: translateX(4px);
        color: var(--group-accent-color, #3b82f6);
    }

    /* Group Header when inside a group */
    .group-header[b-8bshk83hox] {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 24px;
        padding-bottom: 16px;
        border-bottom: 2px solid #e2e8f0;
    }

    .btn-back-to-groups[b-8bshk83hox] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #f1f5f9;
        color: #475569;
        border: none;
        padding: 10px 18px;
        border-radius: 10px;
        font-size: 0.9rem;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .btn-back-to-groups:hover[b-8bshk83hox] {
        background: #e2e8f0;
        color: #1e293b;
    }

    .selected-group-title[b-8bshk83hox] {
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 0;
        font-size: 1.4rem;
        font-weight: 700;
        color: #1e293b;
    }

    .selected-group-icon[b-8bshk83hox] {
        font-size: 1.8rem;
    }

    .selected-group-title[b-8bshk83hox]::before {
        content: '';
        width: 4px;
        height: 28px;
        background: var(--group-accent-color, #3b82f6);
        border-radius: 2px;
    }

    /* Empty Group Message */
    .empty-group-message[b-8bshk83hox] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 80px 40px;
        text-align: center;
        background: linear-gradient(135deg, #f8fafc 0%, #e8f0fe 100%);
        border-radius: 16px;
        border: 2px dashed rgba(26, 115, 232, 0.25);
    }

    .empty-group-icon[b-8bshk83hox] {
        font-size: 4rem;
        margin-bottom: 16px;
        opacity: 0.6;
    }

    .empty-group-message h4[b-8bshk83hox] {
        margin: 0 0 8px 0;
        font-size: 1.3rem;
        font-weight: 600;
        color: #374151;
    }

    .empty-group-message p[b-8bshk83hox] {
        margin: 0;
        font-size: 1rem;
        color: #6b7280;
    }

    .module-card[b-8bshk83hox] {
        background: #fff;
        border-radius: 12px;
        padding: 20px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        cursor: pointer;
        transition: all 0.2s ease;
        display: flex;
        gap: 16px;
        align-items: stretch;
        border: 2px solid transparent;
        overflow: hidden;
        min-width: 0;
    }

    .module-card:hover[b-8bshk83hox] {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(0,0,0,0.12);
        border-color: #1a73e8;
    }

    .python-module-delete-btn[b-8bshk83hox] {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: none;
        background: rgba(0,0,0,0.06);
        color: #9ca3af;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        opacity: 0;
        transition: all 0.15s ease;
        z-index: 2;
    }

    .module-card:hover .python-module-delete-btn[b-8bshk83hox] {
        opacity: 1;
    }

    .python-module-delete-btn:hover[b-8bshk83hox] {
        background: rgba(220, 38, 38, 0.15);
        color: #dc2626;
    }

    .module-icon[b-8bshk83hox] {
        font-size: 1.1rem;
        font-weight: 700;
        flex-shrink: 0;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
    }

    .module-info[b-8bshk83hox] {
        flex: 1;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .module-info h3[b-8bshk83hox] {
        margin: 0 0 6px 0;
        font-size: 1.1rem;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }

    .module-info .module-caption[b-8bshk83hox] {
        margin: 0 0 6px 0;
        color: #333;
        font-size: 0.9rem;
        font-weight: 500;
        line-height: 1.4;
        max-height: 2.8em;
        overflow: hidden;
        overflow-wrap: anywhere;
        word-break: break-word;
        white-space: normal;
    }

    .module-info .module-description[b-8bshk83hox] {
        margin: 0 0 10px 0;
        color: #666;
        font-size: 0.8rem;
        line-height: 1.4;
        max-height: 2.8em;
        overflow: hidden;
        overflow-wrap: anywhere;
        word-break: break-word;
        white-space: normal;
    }

    .module-info .module-browser-headline[b-8bshk83hox] {
        margin: 0 0 6px 0;
        color: #1f2937;
        font-size: 0.86rem;
        font-weight: 600;
        line-height: 1.35;
        max-height: 2.7em;
        overflow: hidden;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .module-info .module-browser-description[b-8bshk83hox] {
        margin: 0 0 8px 0;
        color: #4b5563;
        font-size: 0.78rem;
        line-height: 1.35;
        max-height: 2.7em;
        overflow: hidden;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .module-info .module-browser-source[b-8bshk83hox] {
        margin: 0 0 8px 0;
        color: #0f766e;
        font-size: 0.76rem;
        font-weight: 600;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .module-badges[b-8bshk83hox] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
        margin-top: auto;
        padding-top: 8px;
    }

    .module-category[b-8bshk83hox] {
        display: inline-block;
        background: #e3f2fd;
        color: #1565c0;
        padding: 3px 10px;
        border-radius: 12px;
        font-size: 0.7rem;
        font-weight: 500;
    }

    /* Plugin-Module Styling */
    .module-card.plugin-module[b-8bshk83hox] {
        border: 2px solid #9c27b0;
        background: linear-gradient(135deg, #fff 0%, #f3e5f5 100%);
    }

    .module-card.plugin-module:hover[b-8bshk83hox] {
        border-color: #7b1fa2;
        box-shadow: 0 8px 24px rgba(156, 39, 176, 0.2);
    }

    .module-plugin-badge[b-8bshk83hox] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
        color: white;
        padding: 3px 10px;
        border-radius: 12px;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* Development Module Styling */
    .module-card.dev-module[b-8bshk83hox] {
        border: 2px solid #ff9800;
        background: linear-gradient(135deg, #fff 0%, #fff8e1 100%);
    }

    .module-card.dev-module:hover[b-8bshk83hox] {
        border-color: #f57c00;
        box-shadow: 0 8px 24px rgba(255, 152, 0, 0.2);
    }

    .module-dev-badge[b-8bshk83hox] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
        color: white;
        padding: 3px 10px;
        border-radius: 12px;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }


@media (max-width: 768px) {
    .module-grid[b-8bshk83hox] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .module-card[b-8bshk83hox] {
        padding: 16px;
    }
}
/* /Components/OfflineUserGate.razor.rz.scp.css */
.offline-sign-in[b-nku2sn30z7] { max-width: 34rem; margin: 6vh auto; padding: 2rem; background: white; border: 1px solid #cbd7df; border-radius: .75rem; }
.offline-sign-in label[b-nku2sn30z7] { display: block; margin: 1rem 0; }
.offline-sign-in input[b-nku2sn30z7], .offline-sign-in textarea[b-nku2sn30z7] { display: block; width: 100%; padding: .6rem; }
.offline-sign-in button[b-nku2sn30z7] { padding: .6rem 1rem; margin: .5rem 0; }
/* /Components/OperationTraceEvents.razor.rz.scp.css */
.trace-events[b-ok6k85ukq3] { margin: 6px 0; font-size: .75rem; }
summary[b-ok6k85ukq3] { cursor: pointer; overflow-wrap: anywhere; }
.trace-native-event[b-ok6k85ukq3] { margin: 8px 0; padding: 6px 8px; border-left: 2px solid #ccd7e5; }
.trace-native-event[data-level="Warning"][b-ok6k85ukq3] { border-color: #9c4a00; }
.trace-native-event[data-level="Error"][b-ok6k85ukq3], .trace-native-event[data-level="Fatal"][b-ok6k85ukq3] { border-color: #a32323; }
.trace-event-context[b-ok6k85ukq3] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; overflow-wrap: anywhere; }
.trace-context-chip[b-ok6k85ukq3] { display: inline-block; max-width: 100%; box-sizing: border-box; padding: 1px 6px; border: 1px solid #d3dce7; border-radius: 10px; background: #f3f6fa; color: #35455a; line-height: 1.5; }
.trace-category[b-ok6k85ukq3] { font-weight: 600; }
.trace-call-path[b-ok6k85ukq3] { font-family: monospace; font-size: .68rem; overflow-wrap: anywhere; }
.trace-category[data-tone="0"][b-ok6k85ukq3] { color: #244b87; background: #edf3ff; border-color: #b5c9ed; }
.trace-category[data-tone="1"][b-ok6k85ukq3] { color: #165b5e; background: #eaf6f5; border-color: #a9d4d0; }
.trace-category[data-tone="2"][b-ok6k85ukq3] { color: #623888; background: #f5eefb; border-color: #d4bce9; }
.trace-category[data-tone="3"][b-ok6k85ukq3] { color: #404873; background: #eff0f9; border-color: #c1c5e0; }
p[b-ok6k85ukq3] { margin: 4px 0; overflow-wrap: anywhere; }
pre[b-ok6k85ukq3] { margin: 6px 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .7rem; max-height: 220px; overflow-y: auto; }
button[b-ok6k85ukq3] { padding: 3px 6px; border: 1px solid #bdcbdc; border-radius: 4px; background: white; color: inherit; cursor: pointer; }
.trace-event-filter[b-ok6k85ukq3] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }
.trace-event-filter select[b-ok6k85ukq3], .trace-event-filter input[b-ok6k85ukq3] { min-width: 0; max-width: 100%; flex: 1 1 120px; padding: 4px; border: 1px solid #bdcbdc; border-radius: 4px; }
.trace-event-filter [role="status"][b-ok6k85ukq3] { flex-basis: 100%; }
.trace-variable[b-ok6k85ukq3] { padding: 0; border: none; background: none; color: #0f5fa8; font: inherit; text-decoration: underline; cursor: pointer; }
/* /Components/OperationTracePanel.razor.rz.scp.css */
.operation-traces[b-jk8r1jzks5] { padding: 12px; color: #24364b; background: #f6f8fb; border-bottom: 1px solid #d9e1ea; }
header[b-jk8r1jzks5] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
h3[b-jk8r1jzks5] { margin: 0; font-size: .94rem; }
p[b-jk8r1jzks5] { font-size: .75rem; overflow-wrap: anywhere; }
button[b-jk8r1jzks5] { padding: 4px 8px; border: 1px solid #bdcbdc; border-radius: 4px; background: white; color: inherit; cursor: pointer; }
button:disabled[b-jk8r1jzks5] { opacity: .6; cursor: default; }
.trace-operation[b-jk8r1jzks5] { margin-top: 8px; padding: 8px; border: 1px solid #d9e1ea; border-radius: 6px; background: white; font-size: .78rem; }
summary[b-jk8r1jzks5] { cursor: pointer; overflow-wrap: anywhere; }
summary span[b-jk8r1jzks5], time[b-jk8r1jzks5] { margin-left: 6px; }
.trace-id[b-jk8r1jzks5] { color: #66788d; }
.trace-warning[b-jk8r1jzks5], .trace-outcome[data-outcome="Rejected"][b-jk8r1jzks5] { color: #9c4a00; }
.trace-failure[b-jk8r1jzks5], .trace-outcome[data-outcome="Failed"][b-jk8r1jzks5] { color: #a32323; font-weight: 600; }
.trace-variable[b-jk8r1jzks5] { padding: 0; border: none; background: none; color: #0f5fa8; font: inherit; text-decoration: underline; cursor: pointer; }
.trace-variable-filter[b-jk8r1jzks5] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 6px 0; padding: 4px 6px; border: 1px solid #b5c9ed; border-radius: 4px; background: #edf3ff; }
.trace-derivation[b-jk8r1jzks5], .trace-derivation ul[b-jk8r1jzks5] { margin: 4px 0; padding-left: 16px; }
.trace-derivation li[b-jk8r1jzks5] { margin: 2px 0; overflow-wrap: anywhere; }
.trace-location[b-jk8r1jzks5] { color: #66788d; font-size: .7rem; }
.trace-context dl[b-jk8r1jzks5] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: 8px; margin: 4px 0; font-size: .72rem; }
.trace-context dt[b-jk8r1jzks5] { color: #66788d; overflow-wrap: anywhere; }
.trace-context dd[b-jk8r1jzks5] { margin: 0; overflow-wrap: anywhere; }
/* /Components/OperationTraceStep.razor.rz.scp.css */
.trace-step[b-m09i3n9p8j] { margin: 6px 0 6px 8px; padding-left: 8px; border-left: 2px solid #ccd7e5; font-size: .76rem; }
summary[b-m09i3n9p8j] { cursor: pointer; overflow-wrap: anywhere; }
summary span[b-m09i3n9p8j] { margin-left: 5px; }
.trace-outcome[b-m09i3n9p8j] { font-weight: 600; }
.trace-failure[b-m09i3n9p8j], .trace-outcome[data-outcome="Failed"][b-m09i3n9p8j] { color: #a32323; font-weight: 600; }
.trace-outcome[data-outcome="Rejected"][b-m09i3n9p8j] { color: #9c4a00; }
p[b-m09i3n9p8j] { margin: 4px 0; overflow-wrap: anywhere; }
.trace-location[b-m09i3n9p8j] { color: #66788d; font-size: .7rem; }
.trace-call-path[b-m09i3n9p8j] { display: inline-block; max-width: 100%; box-sizing: border-box; padding: 0 6px; border: 1px solid #d3dce7; border-radius: 10px; background: #f3f6fa; color: #35455a; font-family: monospace; font-size: .68rem; font-weight: 400; overflow-wrap: anywhere; }
.trace-facts[b-m09i3n9p8j] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 8px; margin: 0; }
.trace-facts dt[b-m09i3n9p8j], .trace-facts dd[b-m09i3n9p8j] { margin: 2px 0; overflow-wrap: anywhere; }
.trace-facts dt[b-m09i3n9p8j] { color: #66788d; }
.trace-state[b-m09i3n9p8j] { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 8px 0; }
.trace-state caption[b-m09i3n9p8j] { text-align: left; font-weight: 600; }
.trace-state th[b-m09i3n9p8j], .trace-state td[b-m09i3n9p8j] { text-align: left; vertical-align: top; border-bottom: 1px solid #ccd7e5; padding: 3px; overflow-wrap: anywhere; white-space: pre-wrap; }
pre[b-m09i3n9p8j] { margin: 6px 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .7rem; max-height: 220px; overflow-y: auto; }
.trace-values[b-m09i3n9p8j] { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 8px 0; }
.trace-values caption[b-m09i3n9p8j] { text-align: left; font-weight: 600; }
.trace-values th[b-m09i3n9p8j], .trace-values td[b-m09i3n9p8j] { text-align: left; vertical-align: top; border-bottom: 1px solid #ccd7e5; padding: 3px; overflow-wrap: anywhere; font-weight: 400; }
.trace-values thead th[b-m09i3n9p8j] { font-weight: 600; }
.trace-value-name[b-m09i3n9p8j] { color: #66788d; }
.trace-warning[b-m09i3n9p8j] { color: #9c4a00; }
.trace-variable[b-m09i3n9p8j] { padding: 0; border: none; background: none; color: #0f5fa8; font: inherit; text-decoration: underline; cursor: pointer; }
.trace-value-unchanged[b-m09i3n9p8j] { opacity: .55; }
/* /Components/Optimizer/OptimizerDialog.razor.rz.scp.css */
/* Optimizer Dialog - Styling analog zum ScenarioDialog (sc-*) */

.op-overlay[b-p1ldmzektb] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: opFadeIn-b-p1ldmzektb 0.2s ease;
}

@keyframes opFadeIn-b-p1ldmzektb {
    from { opacity: 0; }
    to { opacity: 1; }
}

.op-dialog[b-p1ldmzektb] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 860px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: opSlideUp-b-p1ldmzektb 0.3s ease;
}

.op-dialog-wide[b-p1ldmzektb] { max-width: 1000px; }

@keyframes opSlideUp-b-p1ldmzektb {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.op-header[b-p1ldmzektb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: linear-gradient(135deg, #2c3e50, #8e44ad);
    color: white;
    border-radius: 12px 12px 0 0;
}

.op-header h3[b-p1ldmzektb] { margin: 0; font-size: 17px; font-weight: 600; }

.op-close-btn[b-p1ldmzektb] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.op-close-btn:hover[b-p1ldmzektb] { background: rgba(255, 255, 255, 0.2); }

.op-body[b-p1ldmzektb] { padding: 20px; overflow-y: auto; flex: 1; }
.op-body-center[b-p1ldmzektb] { display: flex; align-items: center; justify-content: center; min-height: 200px; }
.op-body-scroll[b-p1ldmzektb] { padding: 16px 20px; overflow-y: auto; flex: 1; max-height: calc(90vh - 120px); }

.op-footer[b-p1ldmzektb] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 20px;
    border-top: 1px solid #e2e8f0;
}

.op-btn[b-p1ldmzektb] {
    padding: 8px 18px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.op-btn:disabled[b-p1ldmzektb] { opacity: 0.5; cursor: not-allowed; }
.op-btn-primary[b-p1ldmzektb] { background: #8e44ad; color: white; }
.op-btn-primary:hover:not(:disabled)[b-p1ldmzektb] { background: #7d3c98; }
.op-btn-secondary[b-p1ldmzektb] { background: #e2e8f0; color: #2d3748; }
.op-btn-secondary:hover:not(:disabled)[b-p1ldmzektb] { background: #cbd5e0; }

.op-loading[b-p1ldmzektb], .op-error[b-p1ldmzektb] {
    padding: 24px;
    text-align: center;
    color: #4a5568;
}

.op-error[b-p1ldmzektb] { color: #c0392b; padding: 10px; }

.op-goal-row[b-p1ldmzektb] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.op-label[b-p1ldmzektb] { min-width: 130px; font-weight: 600; font-size: 14px; color: #2d3748; }
.op-hint[b-p1ldmzektb] { font-size: 12px; color: #718096; }

.op-section[b-p1ldmzektb] { margin: 16px 0 6px; font-size: 14px; color: #2d3748; }

.op-select[b-p1ldmzektb], .op-num[b-p1ldmzektb], .op-input[b-p1ldmzektb] {
    padding: 6px 10px;
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    font-size: 14px;
}

.op-select[b-p1ldmzektb] { min-width: 260px; }
.op-select-goal[b-p1ldmzektb] { min-width: 130px; }
.op-num[b-p1ldmzektb] { width: 110px; }
.op-num-small[b-p1ldmzektb] { width: 90px; }
.op-input-small[b-p1ldmzektb] { width: 120px; }

.op-search-box[b-p1ldmzektb] { margin-bottom: 6px; }
.op-search-box .op-input[b-p1ldmzektb] { width: 100%; box-sizing: border-box; }

.op-table-wrapper[b-p1ldmzektb] { overflow-x: auto; border: 1px solid #e2e8f0; border-radius: 8px; }

.op-table[b-p1ldmzektb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.op-table th[b-p1ldmzektb] {
    background: #f7fafc;
    text-align: left;
    padding: 8px 10px;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
}

.op-table td[b-p1ldmzektb] { padding: 6px 10px; border-bottom: 1px solid #edf2f7; }

.op-row-active[b-p1ldmzektb] { background: #faf5ff; }

.op-td-var[b-p1ldmzektb] { max-width: 260px; }
.op-td-unit[b-p1ldmzektb] { color: #718096; white-space: nowrap; }
.op-td-current[b-p1ldmzektb] { text-align: right; font-variant-numeric: tabular-nums; }
.op-td-best[b-p1ldmzektb] { text-align: right; font-weight: 600; color: #6b21a8; font-variant-numeric: tabular-nums; }

.op-progress-section[b-p1ldmzektb] { width: 80%; text-align: center; }

.op-progress-bar[b-p1ldmzektb] {
    height: 10px;
    background: #e2e8f0;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

.op-progress-fill[b-p1ldmzektb] {
    height: 100%;
    background: linear-gradient(90deg, #8e44ad, #9b59b6);
    transition: width 0.2s ease;
}

.op-progress-text[b-p1ldmzektb] { font-size: 14px; color: #4a5568; }
.op-best[b-p1ldmzektb] { margin-top: 8px; font-size: 14px; color: #2d3748; }

.op-result-summary[b-p1ldmzektb] { margin-bottom: 12px; font-size: 14px; color: #2d3748; }
.op-result-value[b-p1ldmzektb] { font-size: 16px; font-weight: 700; color: #6b21a8; }
.op-warn[b-p1ldmzektb] { color: #c05621; }

.op-apply-info[b-p1ldmzektb] {
    margin-top: 12px;
    padding: 10px;
    background: #f0fff4;
    border: 1px solid #9ae6b4;
    border-radius: 6px;
    color: #276749;
    font-size: 13px;
}
/* /Components/ParameterStudy/ParameterStudyDialog.razor.rz.scp.css */
/* Parameter Study Dialog */

.ps-overlay[b-ehhc47lws5] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: psFadeIn-b-ehhc47lws5 0.2s ease;
}

@keyframes psFadeIn-b-ehhc47lws5 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.ps-dialog[b-ehhc47lws5] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 680px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: psSlideUp-b-ehhc47lws5 0.3s ease;
}

.ps-dialog-wide[b-ehhc47lws5] {
    max-width: 1000px;
}

@keyframes psSlideUp-b-ehhc47lws5 {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.ps-header[b-ehhc47lws5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: linear-gradient(135deg, #2c3e50, #3498db);
    color: white;
    border-radius: 12px 12px 0 0;
}

.ps-header h3[b-ehhc47lws5] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.ps-close-btn[b-ehhc47lws5] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.ps-close-btn:hover[b-ehhc47lws5] {
    background: rgba(255, 255, 255, 0.2);
}

/* Body */
.ps-body[b-ehhc47lws5] {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.ps-body-center[b-ehhc47lws5] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.ps-body-scroll[b-ehhc47lws5] {
    padding: 16px 20px;
    overflow-y: auto;
    flex: 1;
    max-height: calc(90vh - 120px);
}

/* Footer */
.ps-footer[b-ehhc47lws5] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 20px;
    border-top: 1px solid #e2e8f0;
}

/* Buttons */
.ps-btn[b-ehhc47lws5] {
    padding: 8px 18px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.ps-btn:disabled[b-ehhc47lws5] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ps-btn-primary[b-ehhc47lws5] {
    background: #3498db;
    color: white;
}

.ps-btn-primary:hover:not(:disabled)[b-ehhc47lws5] {
    background: #2980b9;
}

.ps-btn-secondary[b-ehhc47lws5] {
    background: #f1f5f9;
    color: #334155;
}

.ps-btn-secondary:hover[b-ehhc47lws5] {
    background: #e2e8f0;
}

/* Form Elements */
.ps-form-group[b-ehhc47lws5] {
    margin-bottom: 12px;
    flex: 1;
}

.ps-flex-2[b-ehhc47lws5] {
    flex: 2;
}

.ps-narrow[b-ehhc47lws5] {
    flex: 0 0 80px;
}

.ps-form-row[b-ehhc47lws5] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}

.ps-label[b-ehhc47lws5] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.ps-input[b-ehhc47lws5], .ps-select[b-ehhc47lws5] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 14px;
    background: white;
    box-sizing: border-box;
    transition: border-color 0.15s;
}

.ps-input:focus[b-ehhc47lws5], .ps-select:focus[b-ehhc47lws5] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.15);
}

/* Fieldset */
.ps-fieldset[b-ehhc47lws5] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
}

.ps-fieldset legend[b-ehhc47lws5] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    padding: 0 6px;
}

/* Radio Group */
.ps-radio-group[b-ehhc47lws5] {
    display: flex;
    gap: 20px;
}

.ps-radio[b-ehhc47lws5] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    cursor: pointer;
}

/* Checkbox Grid */
.ps-checkbox-grid[b-ehhc47lws5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 4px;
    max-height: 200px;
    overflow-y: auto;
    padding: 8px 0;
}

.ps-checkbox[b-ehhc47lws5] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    padding: 4px 6px;
    border-radius: 4px;
    cursor: pointer;
}

.ps-checkbox:hover[b-ehhc47lws5] {
    background: #f8fafc;
}

.ps-selected-count[b-ehhc47lws5] {
    font-size: 12px;
    color: #3498db;
    font-weight: 500;
    margin-top: 6px;
}

/* Search */
.ps-search-box[b-ehhc47lws5] {
    margin-bottom: 8px;
}

/* Loading / Error */
.ps-loading[b-ehhc47lws5] {
    text-align: center;
    padding: 40px;
    color: #64748b;
    font-size: 14px;
}

.ps-error[b-ehhc47lws5] {
    background: #fef2f2;
    color: #dc2626;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 13px;
    margin-top: 8px;
}

/* Progress */
.ps-progress-section[b-ehhc47lws5] {
    text-align: center;
    width: 100%;
    max-width: 400px;
}

.ps-progress-bar[b-ehhc47lws5] {
    width: 100%;
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 12px;
}

.ps-progress-fill[b-ehhc47lws5] {
    height: 100%;
    background: linear-gradient(90deg, #3498db, #2ecc71);
    border-radius: 4px;
    transition: width 0.3s;
}

.ps-progress-text[b-ehhc47lws5] {
    font-size: 15px;
    font-weight: 600;
    color: #334155;
}

.ps-calc-status[b-ehhc47lws5] {
    font-size: 13px;
    color: #64748b;
    margin-top: 6px;
}

/* Tabs */
.ps-tabs[b-ehhc47lws5] {
    display: flex;
    gap: 2px;
    margin-bottom: 16px;
    border-bottom: 2px solid #e2e8f0;
}

.ps-tab[b-ehhc47lws5] {
    padding: 8px 20px;
    border: none;
    background: none;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.15s;
}

.ps-tab:hover[b-ehhc47lws5] {
    color: #334155;
}

.ps-tab-active[b-ehhc47lws5] {
    color: #3498db;
    border-bottom-color: #3498db;
}

/* Charts */
.ps-chart-section[b-ehhc47lws5] {
    margin-bottom: 24px;
}

.ps-chart-title[b-ehhc47lws5] {
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    margin: 0 0 8px 0;
}

.ps-chart-container[b-ehhc47lws5] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px;
    background: #fafbfc;
}

/* Data Table */
.ps-table-wrapper[b-ehhc47lws5] {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.ps-table[b-ehhc47lws5] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.ps-table th[b-ehhc47lws5] {
    background: #f1f5f9;
    padding: 8px 12px;
    text-align: right;
    font-weight: 600;
    color: #475569;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    border-bottom: 2px solid #e2e8f0;
}

.ps-table th:first-child[b-ehhc47lws5] {
    text-align: left;
}

.ps-table th:hover[b-ehhc47lws5] {
    background: #e2e8f0;
}

.ps-table td[b-ehhc47lws5] {
    padding: 6px 12px;
    text-align: right;
    border-bottom: 1px solid #f1f5f9;
    font-variant-numeric: tabular-nums;
}

.ps-table td:first-child[b-ehhc47lws5] {
    text-align: left;
}

.ps-table tbody tr:hover[b-ehhc47lws5] {
    background: #f8fafc;
}

/* Responsive */
@media (max-width: 768px) {
    .ps-form-row[b-ehhc47lws5] {
        flex-direction: column;
    }

    .ps-checkbox-grid[b-ehhc47lws5] {
        grid-template-columns: 1fr;
    }

    .ps-dialog[b-ehhc47lws5] {
        width: 95%;
        max-height: 95vh;
    }
}
/* /Components/QuicksheetBuilder/QuicksheetV2BuilderDialog.razor.rz.scp.css */
.qv2-overlay[b-jv0snfc9hh] { position:fixed; inset:0; z-index:10050; background:#13253aa6; display:flex; align-items:center; justify-content:center; padding:18px; }
.qv2-dialog[b-jv0snfc9hh] { position:relative; width:min(1500px,98vw); height:min(94vh,1100px); overflow:auto; border-radius:12px; background:#f5f8fb; box-shadow:0 18px 70px #07121f80; }
.qv2-close[b-jv0snfc9hh] { position:sticky; float:right; top:10px; right:12px; z-index:3; width:36px; height:36px; border:0; border-radius:50%; background:#203a5a; color:white; font-size:26px; cursor:pointer; }
/* /Components/QuicksheetBuilder/QuicksheetV2Editor.razor.rz.scp.css */
.qv2-editor[b-nf97ciif3z] { color:#20324d; background:#f5f8fb; min-height:100%; padding:18px; font-size:14px; }
.qv2-toolbar[b-nf97ciif3z] { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.qv2-toolbar h3[b-nf97ciif3z] { margin:0; font-size:22px; }.qv2-toolbar span[b-nf97ciif3z] { color:#687991; }
.qv2-actions[b-nf97ciif3z] { display:flex; flex-wrap:wrap; gap:8px; }.qv2-button[b-nf97ciif3z] { border:1px solid #b8c7d8; border-radius:7px; padding:8px 13px; cursor:pointer; background:white; color:#233b59; font-weight:600; }
.qv2-button.primary[b-nf97ciif3z] { background:#28738a; color:white; border-color:#28738a; }.qv2-button.run[b-nf97ciif3z] { background:#d78924; color:white; border-color:#d78924; }.qv2-button.document[b-nf97ciif3z] { background:#39744f; color:white; border-color:#39744f; }.qv2-button:disabled[b-nf97ciif3z] { opacity:.55; cursor:wait; }
.qv2-summary[b-nf97ciif3z] { display:grid; grid-template-columns:repeat(4,minmax(120px,1fr)); gap:10px; margin:12px 0; }.qv2-summary>div[b-nf97ciif3z] { display:flex; flex-direction:column; background:white; border:1px solid #d5dfe9; border-radius:8px; padding:12px; }.qv2-summary strong[b-nf97ciif3z] { font-size:22px; color:#23677c; }.qv2-summary .bad strong[b-nf97ciif3z] { color:#a53d36; }
.qv2-card[b-nf97ciif3z] { background:white; border:1px solid #d5dfe9; border-radius:9px; margin:12px 0; padding:14px; box-shadow:0 1px 2px #1e355014; }.qv2-card-title[b-nf97ciif3z] { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }.qv2-card-title h4[b-nf97ciif3z] { margin:0; font-size:16px; }.qv2-card-title button[b-nf97ciif3z] { border:0; background:#e7f3f6; color:#23677c; padding:6px 10px; border-radius:6px; cursor:pointer; }
.qv2-meta[b-nf97ciif3z] { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.qv2-meta label[b-nf97ciif3z],.qv2-step-settings label[b-nf97ciif3z] { display:flex; flex-direction:column; gap:4px; font-weight:600; }.qv2-meta .wide[b-nf97ciif3z] { grid-column:1/-1; }
.qv2-editor input[b-nf97ciif3z],.qv2-editor select[b-nf97ciif3z] { border:1px solid #bdcbd8; border-radius:6px; padding:7px 8px; min-width:0; background:white; color:#20324d; }
.qv2-param-row[b-nf97ciif3z] { display:grid; grid-template-columns:1fr 1.5fr 120px 1fr 85px 90px 34px; gap:7px; align-items:center; margin:6px 0; }.qv2-param-row .check[b-nf97ciif3z] { font-size:12px; }.qv2-param-row .icon[b-nf97ciif3z] { border:0; background:transparent; font-size:20px; cursor:pointer; }
.qv2-step[b-nf97ciif3z] { border:1px solid #ccd8e4; border-radius:8px; margin:10px 0; overflow:hidden; }.qv2-step>header[b-nf97ciif3z] { display:flex; align-items:center; gap:10px; padding:10px 12px; background:#eef4f7; }.qv2-step header div[b-nf97ciif3z] { display:flex; flex-direction:column; flex:1; }.qv2-step header small[b-nf97ciif3z] { color:#738299; }.qv2-order[b-nf97ciif3z] { display:grid; place-items:center; width:27px; height:27px; color:white; border-radius:50%; background:#2d7184; }.qv2-badge[b-nf97ciif3z] { padding:4px 8px; background:white; border-radius:12px; font-size:12px; }
.qv2-step-settings[b-nf97ciif3z] { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; padding:10px; border-bottom:1px solid #e0e7ee; }
.qv2-inputs[b-nf97ciif3z] { padding:8px 10px; }.qv2-input-row[b-nf97ciif3z] { display:grid; grid-template-columns:minmax(190px,1fr) 34px minmax(230px,1.3fr); gap:8px; align-items:center; padding:8px 0; border-bottom:1px solid #edf1f5; }.qv2-target[b-nf97ciif3z],.qv2-source[b-nf97ciif3z] { display:grid; grid-template-columns:auto 1fr; gap:3px 8px; align-items:center; }.qv2-target b[b-nf97ciif3z],.qv2-source b[b-nf97ciif3z] { color:#728199; text-transform:uppercase; font-size:10px; }.qv2-target strong[b-nf97ciif3z],.qv2-target small[b-nf97ciif3z] { grid-column:1/-1; }.qv2-target small[b-nf97ciif3z] { color:#718097; }.qv2-source select[b-nf97ciif3z],.qv2-source input[b-nf97ciif3z] { grid-column:1/-1; }.qv2-arrow[b-nf97ciif3z] { text-align:center; color:#d78924; font-size:20px; }
.qv2-outputs[b-nf97ciif3z] { display:flex; flex-wrap:wrap; gap:7px; align-items:center; padding:9px 12px; background:#fafcfd; }.qv2-outputs span[b-nf97ciif3z] { border:1px solid #cad7e2; border-radius:13px; padding:4px 8px; }.qv2-outputs small[b-nf97ciif3z] { color:#78869a; }
.qv2-dependency[b-nf97ciif3z],.qv2-run-step[b-nf97ciif3z],.qv2-run-output[b-nf97ciif3z] { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:7px 4px; border-bottom:1px solid #edf1f5; }.qv2-run-step[b-nf97ciif3z],.qv2-run-output[b-nf97ciif3z] { grid-template-columns:1fr auto; }
.qv2-run-step.failed[b-nf97ciif3z] { color:#a53d36; font-weight:600; }
.qv2-run-diagnostic[b-nf97ciif3z] { display:grid; grid-template-columns:minmax(180px,auto) 1fr; gap:4px 12px; margin:5px 4px 9px 20px; padding:9px 11px; border-left:4px solid #d59b31; background:#fff9ec; }
.qv2-run-diagnostic.error[b-nf97ciif3z] { border-color:#bd4b45; background:#fff0ef; color:#7f2f2a; }
.qv2-run-diagnostic code[b-nf97ciif3z] { grid-column:2; color:#6f7d90; overflow-wrap:anywhere; }
.qv2-issue[b-nf97ciif3z] { display:grid; grid-template-columns:210px 1fr; gap:5px 10px; padding:9px; margin:5px 0; border-left:4px solid #d59b31; background:#fff9ec; }.qv2-issue.error[b-nf97ciif3z] { border-color:#bd4b45; background:#fff0ef; }.qv2-issue code[b-nf97ciif3z] { grid-column:2; color:#6f7d90; }
.qv2-alert[b-nf97ciif3z],.qv2-progress[b-nf97ciif3z] { padding:9px 12px; border-radius:6px; margin:8px 0; }.qv2-alert.error[b-nf97ciif3z] { background:#fff0ef; color:#95352f; }.qv2-progress[b-nf97ciif3z] { background:#e9f4f6; color:#23677c; }.qv2-muted[b-nf97ciif3z] { color:#718097; }.success[b-nf97ciif3z] { color:#32754b!important; }.failure[b-nf97ciif3z] { color:#a53d36!important; }
@media(max-width:900px){.qv2-toolbar[b-nf97ciif3z]{align-items:flex-start;flex-direction:column}.qv2-summary[b-nf97ciif3z]{grid-template-columns:1fr 1fr}.qv2-param-row[b-nf97ciif3z]{grid-template-columns:1fr 1fr}.qv2-input-row[b-nf97ciif3z]{grid-template-columns:1fr}.qv2-arrow[b-nf97ciif3z]{transform:rotate(-90deg)}.qv2-step-settings[b-nf97ciif3z]{grid-template-columns:1fr 1fr}}
/* /Components/RealtimeConnectionIndicator.razor.rz.scp.css */
.live-updates-indicator[b-5bbucvqx3q] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 24px;
    padding: 2px 6px;
    border: 1px solid rgba(176, 221, 223, 0.12);
    border-radius: 8px;
    color: #d9edf1;
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.66rem;
    line-height: 1;
    white-space: nowrap;
}

.live-updates-dot[b-5bbucvqx3q] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #87999c;
}

.is-connected .live-updates-dot[b-5bbucvqx3q] {
    background: #67c587;
}

.is-reconnecting .live-updates-dot[b-5bbucvqx3q] {
    background: #e4b35d;
}

.is-unavailable .live-updates-dot[b-5bbucvqx3q],
.is-disconnected .live-updates-dot[b-5bbucvqx3q] {
    background: #df7a74;
}

.live-updates-label[b-5bbucvqx3q] {
    font-weight: 600;
}

.live-updates-detail[b-5bbucvqx3q] {
    color: #c4d7da;
}

.live-updates-retry[b-5bbucvqx3q] {
    margin-left: 2px;
    padding: 1px 5px;
    border: 1px solid rgba(176, 221, 223, 0.24);
    border-radius: 6px;
    color: #effbfc;
    background: rgba(95, 180, 188, 0.12);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.live-updates-retry:hover[b-5bbucvqx3q] {
    background: rgba(95, 180, 188, 0.22);
}

.live-updates-retry:disabled[b-5bbucvqx3q] {
    opacity: 0.55;
    cursor: default;
}
/* /Components/SafetyConfirmationDialog.razor.rz.scp.css */
.safety-confirm-backdrop[b-u9t9pbe03u] {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(8, 24, 40, 0.48);
    backdrop-filter: blur(2px);
}

.safety-confirm-dialog[b-u9t9pbe03u] {
    width: min(520px, calc(100vw - 32px));
    padding: 24px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(22, 65, 84, 0.14);
    border-radius: 14px;
    box-shadow: 0 24px 64px rgba(8, 24, 40, 0.28);
}

.safety-confirm-heading[b-u9t9pbe03u] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.safety-confirm-heading h2[b-u9t9pbe03u] {
    margin: 0;
    color: #1f3347;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
}

.safety-confirm-icon[b-u9t9pbe03u] {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #a15c00;
    background: #fff4d6;
    border: 1px solid #f2d18a;
    border-radius: 10px;
}

.safety-confirm-copy[b-u9t9pbe03u] {
    color: #526579;
    font-size: 0.94rem;
    line-height: 1.55;
}

.safety-confirm-copy[b-u9t9pbe03u]  p {
    margin: 0 0 10px;
}

.safety-confirm-copy[b-u9t9pbe03u]  p:last-child {
    margin-bottom: 0;
}

.safety-confirm-copy[b-u9t9pbe03u]  strong {
    color: #263b50;
    font-weight: 700;
}

.safety-confirm-copy[b-u9t9pbe03u]  ul {
    max-height: 150px;
    margin: 10px 0 0;
    padding: 8px 8px 8px 28px;
    overflow-y: auto;
    color: #526579;
    background: #f7fafb;
    border: 1px solid #e3eaee;
    border-radius: 8px;
}

.safety-confirm-actions[b-u9t9pbe03u] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
}

.safety-confirm-safe-actions[b-u9t9pbe03u] {
    display: flex;
    gap: 10px;
    margin-left: auto;
}

.safety-confirm-btn[b-u9t9pbe03u] {
    min-height: 42px;
    padding: 9px 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.safety-confirm-btn-secondary[b-u9t9pbe03u] {
    color: #3e5266;
    background: #ffffff;
    border-color: #cbd6de;
}

.safety-confirm-btn-secondary:hover[b-u9t9pbe03u] {
    background: #f3f7f9;
    border-color: #aebdc8;
}

.safety-confirm-btn-primary[b-u9t9pbe03u] {
    color: #ffffff;
    background: var(--sa-primary, #187d80);
    border-color: var(--sa-primary, #187d80);
    box-shadow: 0 5px 14px rgba(24, 125, 128, 0.2);
}

.safety-confirm-btn-primary:hover[b-u9t9pbe03u] {
    background: var(--sa-primary-dark, #126b6e);
    border-color: var(--sa-primary-dark, #126b6e);
}

.safety-confirm-btn-danger[b-u9t9pbe03u] {
    color: #b42318;
    background: transparent;
    border-color: #efb8b4;
    font-weight: 600;
}

.safety-confirm-btn-danger:hover[b-u9t9pbe03u] {
    color: #912018;
    background: #fff1f0;
    border-color: #df8e88;
}

.safety-confirm-btn:focus-visible[b-u9t9pbe03u] {
    outline: 3px solid rgba(35, 139, 155, 0.28);
    outline-offset: 2px;
}

.safety-confirm-btn-danger:focus-visible[b-u9t9pbe03u] {
    outline-color: rgba(180, 35, 24, 0.24);
}

@media (max-width: 540px) {
    .safety-confirm-dialog[b-u9t9pbe03u] {
        padding: 20px;
    }

    .safety-confirm-actions[b-u9t9pbe03u] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .safety-confirm-safe-actions[b-u9t9pbe03u] {
        flex-direction: column-reverse;
        margin-left: 0;
    }

    .safety-confirm-btn[b-u9t9pbe03u] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .safety-confirm-btn[b-u9t9pbe03u] {
        transition: none;
    }
}
/* /Components/Scenario/ScenarioDialog.razor.rz.scp.css */
/* Scenario Dialog */

.sc-overlay[b-4zjmn4ibwa] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: scFadeIn-b-4zjmn4ibwa 0.2s ease;
}

@keyframes scFadeIn-b-4zjmn4ibwa {
    from { opacity: 0; }
    to { opacity: 1; }
}

.sc-dialog[b-4zjmn4ibwa] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 750px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: scSlideUp-b-4zjmn4ibwa 0.3s ease;
}

.sc-dialog-wide[b-4zjmn4ibwa] {
    max-width: 1100px;
}

@keyframes scSlideUp-b-4zjmn4ibwa {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.sc-header[b-4zjmn4ibwa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: linear-gradient(135deg, #2c3e50, #27ae60);
    color: white;
    border-radius: 12px 12px 0 0;
}

.sc-header h3[b-4zjmn4ibwa] {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
}

.sc-close-btn[b-4zjmn4ibwa] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.sc-close-btn:hover[b-4zjmn4ibwa] {
    background: rgba(255, 255, 255, 0.2);
}

/* Body */
.sc-body[b-4zjmn4ibwa] {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.sc-body-center[b-4zjmn4ibwa] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.sc-body-scroll[b-4zjmn4ibwa] {
    padding: 16px 20px;
    overflow-y: auto;
    flex: 1;
    max-height: calc(90vh - 120px);
}

/* Footer */
.sc-footer[b-4zjmn4ibwa] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 20px;
    border-top: 1px solid #e2e8f0;
}

/* Buttons */
.sc-btn[b-4zjmn4ibwa] {
    padding: 8px 18px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.sc-btn:disabled[b-4zjmn4ibwa] {
    opacity: 0.5;
    cursor: not-allowed;
}

.sc-btn-primary[b-4zjmn4ibwa] {
    background: #27ae60;
    color: white;
}

.sc-btn-primary:hover:not(:disabled)[b-4zjmn4ibwa] {
    background: #219a52;
}

.sc-btn-secondary[b-4zjmn4ibwa] {
    background: #f1f5f9;
    color: #334155;
}

.sc-btn-secondary:hover[b-4zjmn4ibwa] {
    background: #e2e8f0;
}

.sc-btn-small[b-4zjmn4ibwa] {
    padding: 5px 12px;
    font-size: 13px;
    background: #f1f5f9;
    color: #334155;
}

.sc-btn-small:hover[b-4zjmn4ibwa] {
    background: #e2e8f0;
}

.sc-btn-danger[b-4zjmn4ibwa] {
    color: #dc2626;
}

.sc-btn-danger:hover[b-4zjmn4ibwa] {
    background: #fef2f2;
}

/* Steps */
.sc-steps[b-4zjmn4ibwa] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 13px;
}

.sc-step[b-4zjmn4ibwa] {
    color: #94a3b8;
    font-weight: 500;
}

.sc-step-active[b-4zjmn4ibwa] {
    color: #27ae60;
    font-weight: 600;
}

.sc-step-done[b-4zjmn4ibwa] {
    color: #3498db;
    font-weight: 500;
}

.sc-step-arrow[b-4zjmn4ibwa] {
    color: #cbd5e1;
}

/* Two columns */
.sc-two-columns[b-4zjmn4ibwa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.sc-var-section h4[b-4zjmn4ibwa] {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #334155;
}

.sc-var-list[b-4zjmn4ibwa] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 4px;
}

.sc-checkbox[b-4zjmn4ibwa] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 6px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

.sc-checkbox:hover[b-4zjmn4ibwa] {
    background: #f8fafc;
}

.sc-var-name[b-4zjmn4ibwa] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-var-unit[b-4zjmn4ibwa] {
    color: #64748b;
    font-size: 12px;
    flex-shrink: 0;
}

.sc-var-value[b-4zjmn4ibwa] {
    color: #3498db;
    font-size: 12px;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.sc-selection-info[b-4zjmn4ibwa] {
    font-size: 12px;
    color: #27ae60;
    font-weight: 500;
    margin-top: 6px;
}

/* Search */
.sc-search-box[b-4zjmn4ibwa] {
    margin-bottom: 8px;
}

.sc-input[b-4zjmn4ibwa] {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    box-sizing: border-box;
}

.sc-input:focus[b-4zjmn4ibwa] {
    outline: none;
    border-color: #27ae60;
    box-shadow: 0 0 0 2px rgba(39, 174, 96, 0.15);
}

/* Loading / Error */
.sc-loading[b-4zjmn4ibwa] {
    text-align: center;
    padding: 40px;
    color: #64748b;
}

.sc-error[b-4zjmn4ibwa] {
    background: #fef2f2;
    color: #dc2626;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 13px;
    margin-top: 8px;
}

/* Scenario Table */
.sc-scenario-toolbar[b-4zjmn4ibwa] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.sc-table-wrapper[b-4zjmn4ibwa] {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.sc-table[b-4zjmn4ibwa] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.sc-table th[b-4zjmn4ibwa] {
    background: #f1f5f9;
    padding: 8px 10px;
    text-align: left;
    font-weight: 600;
    color: #475569;
    white-space: nowrap;
    border-bottom: 2px solid #e2e8f0;
}

.sc-th-var[b-4zjmn4ibwa] { min-width: 150px; }
.sc-th-unit[b-4zjmn4ibwa] { width: 60px; }
.sc-th-current[b-4zjmn4ibwa] { width: 80px; text-align: right !important; }
.sc-th-scenario[b-4zjmn4ibwa] { min-width: 120px; text-align: center !important; }

.sc-table td[b-4zjmn4ibwa] {
    padding: 5px 10px;
    border-bottom: 1px solid #f1f5f9;
}

.sc-td-var[b-4zjmn4ibwa] {
    font-weight: 500;
    color: #334155;
}

.sc-td-unit[b-4zjmn4ibwa] {
    color: #64748b;
    font-size: 12px;
}

.sc-td-current[b-4zjmn4ibwa] {
    text-align: right;
    color: #64748b;
    font-variant-numeric: tabular-nums;
}

.sc-td-input[b-4zjmn4ibwa] {
    padding: 2px 4px;
}

.sc-td-value[b-4zjmn4ibwa] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.sc-scenario-name-input[b-4zjmn4ibwa] {
    width: 100%;
    padding: 4px 6px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    background: transparent;
    box-sizing: border-box;
}

.sc-scenario-name-input:hover[b-4zjmn4ibwa],
.sc-scenario-name-input:focus[b-4zjmn4ibwa] {
    border-color: #cbd5e1;
    background: white;
    outline: none;
}

.sc-scenario-value-input[b-4zjmn4ibwa] {
    width: 100%;
    padding: 4px 6px;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    font-size: 13px;
    text-align: right;
    box-sizing: border-box;
}

.sc-scenario-value-input:focus[b-4zjmn4ibwa] {
    outline: none;
    border-color: #27ae60;
}

/* Result table */
.sc-result-summary[b-4zjmn4ibwa] {
    font-size: 14px;
    color: #475569;
    margin-bottom: 14px;
    font-weight: 500;
}

.sc-result-table td[b-4zjmn4ibwa] {
    text-align: right;
}

.sc-result-table td:first-child[b-4zjmn4ibwa],
.sc-result-table td:nth-child(2)[b-4zjmn4ibwa] {
    text-align: left;
}

.sc-section-header td[b-4zjmn4ibwa] {
    background: #f1f5f9;
    font-weight: 600;
    color: #475569;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left !important;
    padding: 6px 10px;
}

.sc-val-min[b-4zjmn4ibwa] {
    color: #2563eb;
    font-weight: 600;
}

.sc-val-max[b-4zjmn4ibwa] {
    color: #dc2626;
    font-weight: 600;
}

/* Progress */
.sc-progress-section[b-4zjmn4ibwa] {
    text-align: center;
    width: 100%;
    max-width: 400px;
}

.sc-progress-bar[b-4zjmn4ibwa] {
    width: 100%;
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 12px;
}

.sc-progress-fill[b-4zjmn4ibwa] {
    height: 100%;
    background: linear-gradient(90deg, #27ae60, #2ecc71);
    border-radius: 4px;
    transition: width 0.3s;
}

.sc-progress-text[b-4zjmn4ibwa] {
    font-size: 15px;
    font-weight: 600;
    color: #334155;
}

.sc-calc-status[b-4zjmn4ibwa] {
    font-size: 13px;
    color: #64748b;
    margin-top: 6px;
}

/* Responsive */
@media (max-width: 768px) {
    .sc-two-columns[b-4zjmn4ibwa] {
        grid-template-columns: 1fr;
    }

    .sc-dialog[b-4zjmn4ibwa] {
        width: 95%;
        max-height: 95vh;
    }
}
/* /Components/Session/InterruptedSessionDialog.razor.rz.scp.css */
.session-interrupted-backdrop[b-l3w7ly7vxl] {
    position: fixed;
    inset: 0;
    z-index: 22000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(3, 14, 28, 0.76);
}

.session-interrupted-dialog[b-l3w7ly7vxl] {
    width: min(520px, 100%);
    padding: 28px;
    border-radius: 14px;
    background: white;
    color: #153047;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
}

.session-interrupted-dialog h2[b-l3w7ly7vxl] { margin: 12px 0 8px; }
.session-interrupted-dialog p[b-l3w7ly7vxl] {
    margin: 0;
    line-height: 1.5;
    color: #516579;
}
.session-interrupted-icon[b-l3w7ly7vxl] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff0cf;
    color: #8a5a00;
    font-size: 1.5rem;
    font-weight: 700;
}
.session-interrupted-autosave[b-l3w7ly7vxl] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 20px;
    padding: 13px 15px;
    border: 1px solid #bfe1dc;
    border-radius: 8px;
    background: #f0faf8;
}
.session-interrupted-autosave span[b-l3w7ly7vxl] { color: #516579; font-size: 0.9rem; }
.session-interrupted-note[b-l3w7ly7vxl] { margin-top: 18px !important; font-size: 0.9rem; }
.session-interrupted-actions[b-l3w7ly7vxl] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 24px;
}
.session-interrupted-actions button[b-l3w7ly7vxl] {
    min-height: 38px;
    border: 1px solid #c8d5df;
    border-radius: 7px;
    padding: 8px 14px;
    background: white;
    cursor: pointer;
}
.session-interrupted-actions button:disabled[b-l3w7ly7vxl] { cursor: wait; opacity: 0.65; }
.session-interrupted-actions .primary[b-l3w7ly7vxl] {
    background: #126c78;
    border-color: #126c78;
    color: white;
}
/* /Components/Session/SessionJoinDialog.razor.rz.scp.css */
.session-join-backdrop[b-gmggzvqu8d] {
    position: fixed;
    inset: 0;
    z-index: 21000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(3, 14, 28, 0.7);
}

.session-join-dialog[b-gmggzvqu8d] {
    width: min(440px, 100%);
    padding: 24px;
    border-radius: 14px;
    background: white;
    color: #153047;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

.session-join-dialog h2[b-gmggzvqu8d] { margin: 0 0 8px; }
.session-join-dialog dl[b-gmggzvqu8d] { margin: 18px 0; }
.session-join-dialog dl div[b-gmggzvqu8d] {
    display: flex;
    justify-content: space-between;
    padding: 7px 0;
    border-bottom: 1px solid #e5ebef;
}
.session-join-dialog dd[b-gmggzvqu8d] { margin: 0; font-weight: 600; }
.session-join-dialog button[b-gmggzvqu8d] {
    min-height: 36px;
    border: 1px solid #c8d5df;
    border-radius: 7px;
    padding: 7px 12px;
    background: white;
    cursor: pointer;
}
.session-join-dialog .primary[b-gmggzvqu8d] {
    background: #126c78;
    border-color: #126c78;
    color: white;
}
.session-join-actions[b-gmggzvqu8d] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Components/StartCenter/AppsCatalogTab.razor.rz.scp.css */
/* Apps Section */
.apps-section[b-vesmqh5c4u] {
    padding: 20px 0;
}

.apps-grid[b-vesmqh5c4u] {
    display: flex;
    flex-direction: row;
    gap: 24px;
    overflow-x: auto;
    padding-bottom: 8px;
}

.apps-grid .app-card[b-vesmqh5c4u] {
    flex: 0 0 340px;
    min-width: 340px;
}

.app-card[b-vesmqh5c4u] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
}

.app-card:hover[b-vesmqh5c4u] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.15);
}

.app-card-featured[b-vesmqh5c4u] {
    border-color: #1a73e8;
}

.app-card-featured:hover[b-vesmqh5c4u] {
    border-color: #1557b0;
}

.app-card-header[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.app-icon[b-vesmqh5c4u] {
    width: 72px;
    height: 72px;
    background: rgba(255,255,255,0.2);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.app-icon-validator[b-vesmqh5c4u] {
    background: rgba(76, 175, 80, 0.3);
}

/* FEA Toolbox Pro Styles */
.app-card-pro[b-vesmqh5c4u] {
    border-color: #7c3aed;
}

.app-card-pro:hover[b-vesmqh5c4u] {
    border-color: #6d28d9;
}

.app-header-pro[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
}

.app-icon-fea[b-vesmqh5c4u] {
    background: rgba(255, 255, 255, 0.2);
}

.app-badge-pro[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #1a1a2e;
}

.btn-app-pro[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
}

.btn-app-pro:hover[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%);
}

/* FEA Toolbox Design Styles */
.app-card-design[b-vesmqh5c4u] {
    border-color: #059669;
}

.app-card-design:hover[b-vesmqh5c4u] {
    border-color: #047857;
}

.app-header-design[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.app-icon-design[b-vesmqh5c4u] {
    background: rgba(255, 255, 255, 0.2);
}

.app-badge-design[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    color: #1a1a2e;
}

.btn-app-design[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.btn-app-design:hover[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #047857 0%, #065f46 100%);
}

/* Corrmatec Norway Flange FEA */
.app-card-corrmatec[b-vesmqh5c4u] {
    border-color: #0e7490;
}

.app-card-corrmatec:hover[b-vesmqh5c4u] {
    border-color: #0891b2;
}

.app-header-corrmatec[b-vesmqh5c4u] {
    min-height: 120px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.app-header-image[b-vesmqh5c4u] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 58% center;
    z-index: -2;
}

.app-header-scrim[b-vesmqh5c4u] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(3, 19, 33, 0.88) 0%, rgba(3, 19, 33, 0.38) 70%, rgba(3, 19, 33, 0.16) 100%);
    z-index: -1;
}

.app-icon-corrmatec[b-vesmqh5c4u] {
    background: rgba(8, 145, 178, 0.66);
    backdrop-filter: blur(4px);
}

.app-badge-corrmatec[b-vesmqh5c4u] {
    background: rgba(255, 255, 255, 0.92);
    color: #0e4f62;
}

.btn-app-corrmatec[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #0e7490 0%, #075985 100%);
}

.btn-app-corrmatec:hover[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
}

/* Properties Calculator (Proper) Styles */
.app-card-proper[b-vesmqh5c4u] {
    border-color: #ea580c;
}

.app-card-proper:hover[b-vesmqh5c4u] {
    border-color: #c2410c;
}

.app-header-proper[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
}

.app-icon-proper[b-vesmqh5c4u] {
    background: rgba(255, 255, 255, 0.2);
}

.app-badge-proper[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
    color: white;
}

.btn-app-proper[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
}

.btn-app-proper:hover[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);
}

/* Material Server Styles */
.app-card-material[b-vesmqh5c4u] {
    border-color: #0891b2;
}

.app-card-material:hover[b-vesmqh5c4u] {
    border-color: #0e7490;
}

.app-header-material[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
}

.app-icon-material[b-vesmqh5c4u] {
    background: rgba(255, 255, 255, 0.2);
}

.app-badge-material[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
    color: white;
}

.btn-app-material[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
}

.btn-app-material:hover[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #0e7490 0%, #155e75 100%);
}

/* Flange Calculator Styles */
.app-card-flange[b-vesmqh5c4u] {
    border-color: #6366f1;
    position: relative;
}

.app-card-flange:hover[b-vesmqh5c4u] {
    border-color: #4f46e5;
}

.app-header-flange[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
}

.app-icon-flange[b-vesmqh5c4u] {
    background: rgba(255, 255, 255, 0.2);
}

.app-badge-flange[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #1a1a2e;
}

.btn-app-flange[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
}

.btn-app-flange:hover[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
}

.app-construction-banner[b-vesmqh5c4u] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #1a1a2e;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 14px 14px 0 0;
}

.app-badge[b-vesmqh5c4u] {
    background: rgba(255,255,255,0.2);
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.app-card-content[b-vesmqh5c4u] {
    padding: 24px;
    flex: 1;
}

.app-title[b-vesmqh5c4u] {
    margin: 0 0 8px 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
}

.app-subtitle[b-vesmqh5c4u] {
    margin: 0 0 12px 0;
    font-size: 0.95rem;
    color: #1a73e8;
    font-weight: 600;
}

.app-description[b-vesmqh5c4u] {
    margin: 0 0 16px 0;
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

.app-features[b-vesmqh5c4u] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.app-features li[b-vesmqh5c4u] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: #444;
    background: #f5f7fa;
    padding: 8px 12px;
    border-radius: 8px;
}

.feature-icon[b-vesmqh5c4u] {
    font-size: 1rem;
}

.app-card-footer[b-vesmqh5c4u] {
    padding: 20px 24px;
    background: #f8f9fa;
    border-top: 1px solid #eee;
}

.btn-app-start[b-vesmqh5c4u] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    background: linear-gradient(135deg, #1a73e8 0%, #1557b0 100%);
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-app-start:hover[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #1557b0 0%, #0d47a1 100%);
    transform: scale(1.02);
}

.btn-app-start svg[b-vesmqh5c4u] {
    opacity: 0.9;
}

.btn-app-info[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #4e73df 0%, #2dd4bf 100%);
}

.btn-app-info:hover[b-vesmqh5c4u] {
    background: linear-gradient(135deg, #3d5fc7 0%, #22b8a5 100%);
}

/* Coming Soon Card */
.app-card-coming-soon[b-vesmqh5c4u] {
    border: 2px dashed #ddd;
    background: #fafafa;
}

.app-card-coming-soon:hover[b-vesmqh5c4u] {
    border-color: #bbb;
    transform: none;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.coming-soon-content[b-vesmqh5c4u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 280px;
}

.coming-soon-icon[b-vesmqh5c4u] {
    font-size: 3rem;
    margin-bottom: 16px;
    opacity: 0.6;
}

.coming-soon-content h3[b-vesmqh5c4u] {
    margin: 0 0 12px 0;
    color: #666;
    font-size: 1.2rem;
}

.coming-soon-content p[b-vesmqh5c4u] {
    margin: 0;
    color: #999;
    font-size: 0.9rem;
    max-width: 200px;
}

@media (max-width: 768px) {
    .apps-grid[b-vesmqh5c4u] {
        flex-direction: column;
        overflow-x: visible;
    }

    .apps-grid .app-card[b-vesmqh5c4u] {
        flex: 1 1 auto;
        min-width: auto;
        width: 100%;
    }

    .app-card-header[b-vesmqh5c4u] {
        padding: 16px;
    }

    .app-card-body[b-vesmqh5c4u] {
        padding: 16px;
    }

    .app-card-footer[b-vesmqh5c4u] {
        padding: 12px 16px;
    }
}
/* /Components/StartCenter/DesktopTab.razor.rz.scp.css */
.desktop-section[b-3y6hmaecge] {
    padding: 20px 0 50px;
}

/* Hero Banner */
.desktop-hero-banner[b-3y6hmaecge] {
    background: linear-gradient(135deg, #ffffff 0%, #dce7f7 100%);
    border: 2px solid rgba(26, 115, 232, 0.2);
    border-radius: 16px;
    padding: 32px 40px;
    margin-bottom: 32px;
    box-shadow: 0 8px 32px rgba(26, 115, 232, 0.12);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.desktop-logo-card[b-3y6hmaecge] {
    background: #ffffff;
    padding: 16px 28px;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(26, 115, 232, 0.1);
    border: 1px solid rgba(26, 115, 232, 0.15);
}

.desktop-logo-img[b-3y6hmaecge] {
    max-width: 220px;
    height: auto;
    display: block;
}

.desktop-hero-content[b-3y6hmaecge] {
    text-align: center;
    max-width: 700px;
}

.desktop-title[b-3y6hmaecge] {
    margin: 0 0 12px;
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 700;
    color: #0b1b3a;
}

.desktop-subtitle[b-3y6hmaecge] {
    margin: 0 0 20px;
    font-size: 16px;
    color: #4b5563;
    line-height: 1.6;
}

.desktop-badges[b-3y6hmaecge] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.desktop-badge[b-3y6hmaecge] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(26, 115, 232, 0.1);
    border: 1px solid rgba(26, 115, 232, 0.25);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #1a73e8;
}

.desktop-badge svg[b-3y6hmaecge] {
    flex-shrink: 0;
}

/* Content Grid */
.desktop-content-grid[b-3y6hmaecge] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 32px;
}

/* Desktop Cards */
.desktop-card[b-3y6hmaecge] {
    background: #ffffff;
    border: 2px solid rgba(26, 115, 232, 0.15);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 24px rgba(26, 115, 232, 0.1);
    display: flex;
    flex-direction: column;
    transition: transform 0.2s, box-shadow 0.2s;
}

.desktop-card:hover[b-3y6hmaecge] {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(26, 115, 232, 0.18);
}

.desktop-card-header[b-3y6hmaecge] {
    padding: 24px;
    text-align: center;
    border-bottom: 1px solid rgba(26, 115, 232, 0.1);
}

.desktop-card-icon[b-3y6hmaecge] {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-icon[b-3y6hmaecge] {
    background: linear-gradient(135deg, #1a73e8, #1565d8);
    color: white;
}

.register-icon[b-3y6hmaecge] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
}

.modules-icon[b-3y6hmaecge] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    color: white;
}

.desktop-card-header h3[b-3y6hmaecge] {
    margin: 0 0 8px;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0b1b3a;
}

.desktop-card-header p[b-3y6hmaecge] {
    margin: 0;
    font-size: 14px;
    color: #6b7280;
}

.desktop-card-body[b-3y6hmaecge] {
    padding: 24px;
    flex: 1;
}

/* Download Card Specifics */
.download-version[b-3y6hmaecge] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: rgba(26, 115, 232, 0.08);
    border-radius: 10px;
    margin-bottom: 16px;
}

.version-label[b-3y6hmaecge] {
    font-size: 13px;
    color: #6b7280;
}

.version-number[b-3y6hmaecge] {
    font-size: 16px;
    font-weight: 700;
    color: #1a73e8;
}

.download-features[b-3y6hmaecge] {
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #374151;
    line-height: 1.8;
}

.download-features li[b-3y6hmaecge] {
    margin: 4px 0;
}

/* Registration Steps */
.register-steps[b-3y6hmaecge] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.register-step[b-3y6hmaecge] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.step-number[b-3y6hmaecge] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1a73e8, #1565d8);
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.step-text[b-3y6hmaecge] {
    font-size: 14px;
    color: #374151;
    font-weight: 500;
}

/* Module Categories */
.module-categories[b-3y6hmaecge] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.module-category[b-3y6hmaecge] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.category-icon[b-3y6hmaecge] {
    width: 40px;
    height: 28px;
    border-radius: 6px;
    background: linear-gradient(135deg, #1a73e8, #1565d8);
    color: white;
    font-size: 10px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.category-name[b-3y6hmaecge] {
    font-size: 14px;
    color: #374151;
    font-weight: 500;
}

/* Desktop Card Footer */
.desktop-card-footer[b-3y6hmaecge] {
    padding: 20px 24px;
    border-top: 1px solid rgba(26, 115, 232, 0.1);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.btn-desktop[b-3y6hmaecge] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
    width: 100%;
}

.btn-desktop-primary[b-3y6hmaecge] {
    background: linear-gradient(135deg, #1a73e8, #1565d8);
    color: white;
    border: none;
    box-shadow: 0 4px 16px rgba(26, 115, 232, 0.3);
}

.btn-desktop-primary:hover[b-3y6hmaecge] {
    background: linear-gradient(135deg, #1565d8, #1255c0);
    box-shadow: 0 6px 20px rgba(26, 115, 232, 0.4);
    transform: translateY(-1px);
}

.btn-desktop-secondary[b-3y6hmaecge] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    border: none;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
}

.btn-desktop-secondary:hover[b-3y6hmaecge] {
    background: linear-gradient(135deg, #059669, #047857);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
    transform: translateY(-1px);
}

.btn-desktop-ghost[b-3y6hmaecge] {
    background: transparent;
    color: #1a73e8;
    border: 1px solid rgba(26, 115, 232, 0.3);
    padding: 10px 20px;
    font-size: 13px;
}

.btn-desktop-ghost:hover[b-3y6hmaecge] {
    background: rgba(26, 115, 232, 0.08);
    border-color: rgba(26, 115, 232, 0.5);
}

.download-size[b-3y6hmaecge], .module-count-hint[b-3y6hmaecge] {
    font-size: 12px;
    color: #6b7280;
}

/* Desktop Footer Info */
.desktop-footer-info[b-3y6hmaecge] {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding: 20px;
    background: rgba(26, 115, 232, 0.06);
    border-radius: 12px;
    border: 1px solid rgba(26, 115, 232, 0.12);
}

.desktop-footer-item[b-3y6hmaecge] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #4b5563;
    font-weight: 500;
}

.desktop-footer-item svg[b-3y6hmaecge] {
    color: #1a73e8;
    flex-shrink: 0;
}

/* Desktop Modal Styles */
.desktop-modal-overlay[b-3y6hmaecge] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px;
    animation: fadeIn 0.2s ease;
}

.desktop-modal-content[b-3y6hmaecge] {
    background: white;
    border-radius: 20px;
    padding: 40px;
    max-width: 500px;
    width: 100%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: slideUp-b-3y6hmaecge 0.3s ease;
    text-align: center;
}

.desktop-modal-close[b-3y6hmaecge] {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.desktop-modal-close:hover[b-3y6hmaecge] {
    background: #f3f4f6;
    color: #1f2937;
}

.desktop-modal-icon[b-3y6hmaecge] {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #f59e0b;
}

.desktop-modal-icon.coming-soon svg[b-3y6hmaecge] {
    animation: pulse 2s ease-in-out infinite;
}

.desktop-modal-title[b-3y6hmaecge] {
    font-size: 28px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 16px 0;
}

.desktop-modal-description[b-3y6hmaecge] {
    font-size: 16px;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 32px;
}

.desktop-modal-description strong[b-3y6hmaecge] {
    color: #f59e0b;
    font-weight: 600;
}

.desktop-modal-actions[b-3y6hmaecge] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.desktop-modal-btn[b-3y6hmaecge] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 24px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.desktop-modal-btn.primary[b-3y6hmaecge] {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: white;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.desktop-modal-btn.primary:hover[b-3y6hmaecge] {
    background: linear-gradient(135deg, #fcd34d, #fbbf24);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
    transform: translateY(-1px);
}

.desktop-modal-btn.secondary[b-3y6hmaecge] {
    background: white;
    color: #6b7280;
    border: 2px solid #e5e7eb;
}

.desktop-modal-btn.secondary:hover[b-3y6hmaecge] {
    background: #f9fafb;
    border-color: #d1d5db;
}

@keyframes slideUp-b-3y6hmaecge {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .desktop-modal-content[b-3y6hmaecge] {
        padding: 32px 24px;
    }

    .desktop-modal-icon[b-3y6hmaecge] {
        width: 64px;
        height: 64px;
    }

    .desktop-modal-title[b-3y6hmaecge] {
        font-size: 24px;
    }

    .desktop-modal-description[b-3y6hmaecge] {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    /* Preserve the existing mobile overrides, including legacy selectors. */
    .desktop-section[b-3y6hmaecge] { padding: 20px 16px; }
    .desktop-hero-banner[b-3y6hmaecge] { padding: 20px 16px; margin-bottom: 24px; }
    .desktop-hero-content[b-3y6hmaecge] { flex-direction: column; gap: 16px; text-align: center; }
    .desktop-hero-logo[b-3y6hmaecge] { width: 80px; height: 80px; }
    .desktop-hero-logo svg[b-3y6hmaecge] { width: 48px; height: 48px; }
    .desktop-hero-text h2[b-3y6hmaecge] { font-size: 1.5rem; }
    .desktop-hero-text p[b-3y6hmaecge] { font-size: 0.95rem; }
    .desktop-hero-badges[b-3y6hmaecge] { justify-content: center; flex-wrap: wrap; }
    .desktop-content-grid[b-3y6hmaecge] { grid-template-columns: 1fr; gap: 20px; }
    .desktop-card[b-3y6hmaecge] { padding: 24px; }
    .desktop-card h3[b-3y6hmaecge] { font-size: 1.2rem; }
    .desktop-card-icon[b-3y6hmaecge] { width: 48px; height: 48px; }
    .desktop-card-icon svg[b-3y6hmaecge] { width: 28px; height: 28px; }
    .desktop-footer-info[b-3y6hmaecge] { flex-direction: column; gap: 16px; padding: 16px; }
    .desktop-footer-item[b-3y6hmaecge] { font-size: 0.85rem; }
}
/* /Components/StartCenter/HelpTab.razor.rz.scp.css */
.help-section[b-tn4h5zs5ni] {
    padding: 18px 0;
}

.help-library-card[b-tn4h5zs5ni] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    min-height: 176px;
    padding: 26px 30px;
    border: 1px solid #176a76;
    border-radius: 15px;
    background: linear-gradient(125deg, #08273a 0%, #0a4350 64%, #087f7a 125%);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 12px 32px rgba(8, 39, 58, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.help-library-card:hover[b-tn4h5zs5ni] {
    transform: translateY(-2px);
    border-color: #49b9b2;
    box-shadow: 0 16px 38px rgba(8, 39, 58, 0.24);
}

.help-library-card:focus-visible[b-tn4h5zs5ni] {
    outline: 3px solid #4cc9c0;
    outline-offset: 3px;
}

.help-library-card[b-tn4h5zs5ni]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 230px;
    height: 230px;
    right: -90px;
    top: -130px;
    border: 1px solid rgba(126, 224, 216, 0.24);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(126, 224, 216, 0.06);
}

.help-library-icon[b-tn4h5zs5ni] {
    width: 58px;
    height: 58px;
    border: 1px solid rgba(126, 224, 216, 0.38);
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: rgba(126, 224, 216, 0.13);
    color: #7ee0d8;
    font-size: 1.8rem;
    font-weight: 800;
}

.help-library-copy[b-tn4h5zs5ni] {
    max-width: 790px;
}

.help-library-kicker[b-tn4h5zs5ni] {
    margin-bottom: 5px;
    color: #7ee0d8;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.help-library-copy h2[b-tn4h5zs5ni] {
    margin: 0 0 7px;
    color: #fff;
    font-size: 1.42rem;
    line-height: 1.2;
}

.help-library-copy p[b-tn4h5zs5ni] {
    max-width: 740px;
    margin: 0;
    color: #d4e5e9;
    font-size: 0.87rem;
    line-height: 1.5;
}

.help-library-facts[b-tn4h5zs5ni] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 13px;
    color: #bcd5da;
    font-size: 0.74rem;
}

.help-library-facts span[b-tn4h5zs5ni] {
    white-space: nowrap;
}

.help-library-facts strong[b-tn4h5zs5ni] {
    margin-right: 4px;
    color: #fff;
    font-size: 0.84rem;
}

.btn-help-library[b-tn4h5zs5ni] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 17px;
    border-radius: 9px;
    background: #fff;
    color: #075f5b;
    text-decoration: none;
    font-size: 0.83rem;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.16);
    transition: transform 0.16s ease, background 0.16s ease;
}

.help-library-card:hover .btn-help-library[b-tn4h5zs5ni],
.help-library-card:focus-visible .btn-help-library[b-tn4h5zs5ni] {
    transform: translateY(-1px);
    background: #e6f6f3;
}

.help-contact-row[b-tn4h5zs5ni] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 13px;
    padding: 11px 16px;
    border: 1px solid #d4e1e6;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.72);
    color: #506574;
}

.help-contact-icon[b-tn4h5zs5ni] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: #e6f3f3;
    color: #08736f;
    font-size: 0.78rem;
    font-weight: 800;
}

.help-contact-copy[b-tn4h5zs5ni] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    font-size: 0.78rem;
}

.help-contact-copy strong[b-tn4h5zs5ni] {
    color: #163348;
    white-space: nowrap;
}

.help-email[b-tn4h5zs5ni] {
    margin-left: auto;
    color: #08736f;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 750;
    white-space: nowrap;
}

.help-email:hover[b-tn4h5zs5ni] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.help-info-bar[b-tn4h5zs5ni] {
    margin-top: 13px;
    padding: 10px 16px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    gap: 18px;
    background: rgba(248, 249, 250, 0.78);
}

.help-info-item[b-tn4h5zs5ni] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-label[b-tn4h5zs5ni] {
    color: #82909a;
    font-size: 0.67rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.info-value[b-tn4h5zs5ni] {
    color: #334b5b;
    font-size: 0.76rem;
    font-weight: 700;
}

.help-info-divider[b-tn4h5zs5ni] {
    width: 1px;
    height: 18px;
    background: #d6dfe3;
}

@media (max-width: 760px) {
    .help-library-card[b-tn4h5zs5ni] {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 16px;
        padding: 22px;
    }

    .help-library-icon[b-tn4h5zs5ni] {
        width: 48px;
        height: 48px;
    }

    .btn-help-library[b-tn4h5zs5ni] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .help-contact-row[b-tn4h5zs5ni],
    .help-contact-copy[b-tn4h5zs5ni] {
        align-items: flex-start;
    }

    .help-contact-copy[b-tn4h5zs5ni] {
        flex-direction: column;
        gap: 2px;
    }
}
.learning-help-card[b-tn4h5zs5ni] { width: 100%; text-align: left; font: inherit; margin-bottom: 22px; }
.learning-help-title[b-tn4h5zs5ni] { display: block; font-size: 1.5rem; margin: 8px 0; }
/* /Components/StartCenter/PartnersTab.razor.rz.scp.css */
.partners-page[b-yrup4gf7ch] {
    --partner-ink: #062239;
    --partner-muted: #5a7181;
    --partner-line: #d6e3e5;
    --partner-teal: #118e89;
    --partner-navy: #071f31;

    box-sizing: border-box;
    display: flex;
    width: 100%;
    max-width: 1408px;
    margin: 0 auto;
    padding: clamp(14px, 1.8vw, 24px);
    flex-direction: column;
    gap: clamp(28px, 3vw, 42px);
    color: var(--partner-ink);
}

.partners-page *[b-yrup4gf7ch],
.partners-page *[b-yrup4gf7ch]::before,
.partners-page *[b-yrup4gf7ch]::after {
    box-sizing: border-box;
}

.partners-hero[b-yrup4gf7ch] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    min-height: 255px;
    padding: clamp(32px, 4vw, 54px);
    border: 1px solid #17515c;
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 0%, rgba(52, 190, 181, 0.28), transparent 32%),
        linear-gradient(120deg, #061c2d, #083746 70%, #08766f 145%);
    color: #fff;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(28px, 5vw, 80px);
    box-shadow: 0 18px 45px rgba(6, 34, 57, 0.2);
}

.partners-hero-pattern[b-yrup4gf7ch] {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0.5;
    background-image:
        linear-gradient(rgba(105, 201, 202, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(105, 201, 202, 0.07) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, #000, transparent 76%);
}

.partners-hero-copy[b-yrup4gf7ch] {
    max-width: 860px;
}

.partners-eyebrow[b-yrup4gf7ch],
.section-kicker[b-yrup4gf7ch] {
    color: #6edbd2;
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.partners-eyebrow[b-yrup4gf7ch] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 13px;
}

.partners-eyebrow span[b-yrup4gf7ch] {
    width: 23px;
    height: 2px;
    background: #ff7855;
}

.partners-hero h2[b-yrup4gf7ch] {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 3.5vw, 3.35rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.04;
}

.partners-hero-copy > p[b-yrup4gf7ch] {
    max-width: 68ch;
    margin: 17px 0 0;
    color: #c8dce1;
    font-size: clamp(0.9rem, 1.05vw, 1.02rem);
    line-height: 1.6;
}

.partners-hero-proof[b-yrup4gf7ch] {
    position: relative;
    display: flex;
    width: 285px;
    min-width: 285px;
    min-height: 174px;
    padding: 27px 29px;
    flex-direction: column;
    border: 1px solid rgba(161, 225, 220, 0.3);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.075);
    backdrop-filter: blur(8px);
}

.partners-hero-proof strong[b-yrup4gf7ch] {
    color: #fff;
    font-size: 2.8rem;
    letter-spacing: -0.04em;
    line-height: 1;
}

.partners-hero-proof span[b-yrup4gf7ch] {
    margin-top: 7px;
    color: #e0f3f2;
    font-size: 0.96rem;
    font-weight: 800;
}

.partners-hero-proof small[b-yrup4gf7ch] {
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid rgba(161, 225, 220, 0.22);
    color: #b9d5d8;
    font-size: 0.76rem;
    font-weight: 650;
    line-height: 1.5;
}

.founder-block[b-yrup4gf7ch],
.partner-network[b-yrup4gf7ch] {
    width: 100%;
}

.section-intro[b-yrup4gf7ch] {
    margin-bottom: 17px;
}

.section-kicker[b-yrup4gf7ch] {
    color: var(--partner-teal);
}

.section-intro h2[b-yrup4gf7ch] {
    margin: 6px 0 0;
    color: var(--partner-ink);
    font-size: clamp(1.4rem, 2.2vw, 1.95rem);
    letter-spacing: -0.03em;
    line-height: 1.15;
}

.section-intro-row[b-yrup4gf7ch] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
}

.section-intro-row > p[b-yrup4gf7ch] {
    max-width: 48ch;
    margin: 0 0 2px;
    color: var(--partner-muted);
    font-size: 0.79rem;
    line-height: 1.5;
    text-align: right;
}

.founder-card[b-yrup4gf7ch] {
    position: relative;
    overflow: hidden;
    display: grid;
    min-height: 205px;
    padding: clamp(25px, 3vw, 38px);
    border: 1px solid #1b5965;
    border-radius: 17px;
    background:
        radial-gradient(circle at 100% -20%, rgba(59, 189, 181, 0.24), transparent 34%),
        linear-gradient(120deg, #082335, #0b4250);
    color: #fff;
    text-decoration: none;
    grid-template-columns: 92px minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(22px, 3vw, 38px);
    box-shadow: 0 13px 34px rgba(7, 36, 53, 0.15);
    transition: transform 0.17s ease, border-color 0.17s ease, box-shadow 0.17s ease;
}

.founder-card:hover[b-yrup4gf7ch] {
    transform: translateY(-2px);
    border-color: #4ebbb5;
    box-shadow: 0 17px 40px rgba(7, 36, 53, 0.22);
}

.founder-card:focus-visible[b-yrup4gf7ch],
.partner-card:focus-visible[b-yrup4gf7ch] {
    outline: 3px solid #40bcb5;
    outline-offset: 3px;
}

.founder-mark[b-yrup4gf7ch] {
    display: grid;
    width: 92px;
    height: 92px;
    place-items: center;
    border: 1px solid rgba(121, 220, 213, 0.32);
    border-radius: 20px;
    background: rgba(121, 220, 213, 0.1);
    color: #79dcd5;
}

.founder-mark span[b-yrup4gf7ch] {
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -0.09em;
}

.founder-copy[b-yrup4gf7ch] {
    min-width: 0;
}

.founder-heading[b-yrup4gf7ch] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.founder-role[b-yrup4gf7ch],
.partner-category[b-yrup4gf7ch] {
    color: #72d8d0;
    font-size: 0.59rem;
    font-weight: 850;
    letter-spacing: 0.12em;
}

.founder-heading h3[b-yrup4gf7ch] {
    margin: 5px 0 0;
    color: #fff;
    font-size: clamp(1.2rem, 2vw, 1.65rem);
    letter-spacing: -0.025em;
}

.founder-proof[b-yrup4gf7ch] {
    display: flex;
    width: 285px;
    min-width: 285px;
    min-height: 174px;
    padding: 27px 29px;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid rgba(121, 220, 213, 0.3);
    border-radius: 14px;
    background: rgba(121, 220, 213, 0.09);
    color: #d2f4f1;
    backdrop-filter: blur(8px);
}

.founder-proof > strong[b-yrup4gf7ch] {
    color: #fff;
    font-size: 2.8rem;
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1;
}

.founder-proof-label[b-yrup4gf7ch] {
    margin-top: 7px;
    color: #c8e9e6;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.3;
}

.founder-copy > p[b-yrup4gf7ch] {
    max-width: 80ch;
    margin: 13px 0 16px;
    color: #c5d9df;
    font-size: 0.82rem;
    line-height: 1.58;
}

.founder-strengths[b-yrup4gf7ch] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.founder-strengths span[b-yrup4gf7ch] {
    padding: 6px 10px;
    border: 1px solid rgba(160, 203, 211, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: #bad0d6;
    font-size: 0.64rem;
}

.founder-proof-link[b-yrup4gf7ch] {
    display: flex;
    width: 100%;
    margin-top: 15px;
    padding-top: 13px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid rgba(121, 220, 213, 0.25);
    color: #fff;
    font-size: 0.84rem;
    font-weight: 850;
}

.partners-grid[b-yrup4gf7ch] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.partner-card[b-yrup4gf7ch] {
    overflow: hidden;
    display: flex;
    min-height: 370px;
    border: 1px solid var(--partner-line);
    border-radius: 16px;
    background: #fff;
    color: var(--partner-ink);
    text-decoration: none;
    flex-direction: column;
    box-shadow: 0 8px 25px rgba(17, 52, 68, 0.065);
    transition: transform 0.17s ease, border-color 0.17s ease, box-shadow 0.17s ease;
}

.partner-card:hover[b-yrup4gf7ch] {
    transform: translateY(-3px);
    border-color: #92c9c7;
    box-shadow: 0 15px 35px rgba(17, 52, 68, 0.12);
}

.partner-card-main-link[b-yrup4gf7ch] {
    display: flex;
    min-height: 0;
    color: inherit;
    text-decoration: none;
    flex: 1;
    flex-direction: column;
}

.partner-card-main-link:focus-visible[b-yrup4gf7ch],
.partner-card-contact-link:focus-visible[b-yrup4gf7ch] {
    outline: 3px solid #0e938d;
    outline-offset: -3px;
}

.partner-card-main-link:hover h3[b-yrup4gf7ch] {
    color: #087b77;
}

.partner-card-top[b-yrup4gf7ch] {
    position: relative;
    display: flex;
    min-height: 104px;
    padding: 22px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-bottom: 1px solid #dbe7e8;
    background: linear-gradient(135deg, #edf6f5, #f9fbfa);
}

.partner-card-top[b-yrup4gf7ch]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: #1a9a94;
}

.partner-zilex .partner-card-top[b-yrup4gf7ch]::before {
    background: #327ec1;
}

.partner-corrmatec .partner-card-top[b-yrup4gf7ch]::before {
    background: #1c6570;
}

.partner-wordmark[b-yrup4gf7ch] {
    color: #0b3850;
    font-size: 1.35rem;
    font-weight: 850;
    letter-spacing: -0.04em;
}

.enginon-wordmark[b-yrup4gf7ch] {
    color: #243748;
    font-weight: 600;
    letter-spacing: -0.06em;
}

.enginon-wordmark strong[b-yrup4gf7ch] {
    color: #118e89;
    font-weight: 900;
}

.zilex-wordmark[b-yrup4gf7ch] {
    color: #286fae;
    letter-spacing: 0.08em;
}

.corrmatec-wordmark[b-yrup4gf7ch] {
    color: #123b4d;
    letter-spacing: 0.015em;
}

.corrmatec-wordmark span[b-yrup4gf7ch] {
    color: #178b86;
}

.partner-badge[b-yrup4gf7ch] {
    padding: 6px 9px;
    border: 1px solid #cadbdd;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
    color: #657c89;
    font-size: 0.52rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    white-space: nowrap;
}

.partner-card-body[b-yrup4gf7ch] {
    display: flex;
    padding: 23px 22px 19px;
    flex: 1;
    flex-direction: column;
}

.partner-category[b-yrup4gf7ch] {
    color: var(--partner-teal);
}

.partner-card-body h3[b-yrup4gf7ch] {
    margin: 7px 0 10px;
    color: var(--partner-ink);
    font-size: 1.02rem;
    letter-spacing: -0.015em;
    line-height: 1.28;
}

.partner-card-body p[b-yrup4gf7ch] {
    margin: 0;
    color: var(--partner-muted);
    font-size: 0.76rem;
    line-height: 1.58;
}

.partner-tags[b-yrup4gf7ch] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: auto;
    padding-top: 18px;
}

.partner-tags span[b-yrup4gf7ch] {
    padding: 5px 8px;
    border-radius: 999px;
    background: #eef4f4;
    color: #526b79;
    font-size: 0.59rem;
    font-weight: 650;
}

.partner-card-footer[b-yrup4gf7ch] {
    display: flex;
    padding: 14px 22px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e2e9ea;
    color: #087b77;
    font-size: 0.7rem;
    font-weight: 850;
}

.partner-card-contact-link[b-yrup4gf7ch] {
    text-decoration: none;
}

.partner-card-contact-link:hover[b-yrup4gf7ch] {
    color: #075f5c;
    background: #f3faf9;
}

.partner-card:hover .partner-card-footer span:last-child[b-yrup4gf7ch] {
    transform: translate(2px, -2px);
}

.partner-card-footer span:last-child[b-yrup4gf7ch] {
    transition: transform 0.16s ease;
}

.partners-contact[b-yrup4gf7ch] {
    display: grid;
    min-height: 70px;
    padding: 13px 17px;
    border: 1px solid var(--partner-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
}

.partners-contact-icon[b-yrup4gf7ch] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 9px;
    background: #e4f3f1;
    color: #087b77;
}

.partners-contact > div:nth-child(2)[b-yrup4gf7ch] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.partners-contact strong[b-yrup4gf7ch] {
    color: #17384a;
    font-size: 0.77rem;
}

.partners-contact span[b-yrup4gf7ch] {
    color: var(--partner-muted);
    font-size: 0.69rem;
}

.partners-contact > a[b-yrup4gf7ch] {
    color: #087b77;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 850;
}

.partners-contact > a:hover[b-yrup4gf7ch] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 1050px) {
    .partners-hero[b-yrup4gf7ch] {
        grid-template-columns: 1fr;
    }

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

    .partner-card:last-child[b-yrup4gf7ch] {
        grid-column: 1 / -1;
    }

    .founder-card[b-yrup4gf7ch] {
        grid-template-columns: 80px minmax(0, 1fr);
    }

    .founder-mark[b-yrup4gf7ch] {
        width: 80px;
        height: 80px;
    }

    .founder-proof[b-yrup4gf7ch] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .section-intro-row[b-yrup4gf7ch] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .section-intro-row > p[b-yrup4gf7ch] {
        text-align: left;
    }

    .partners-grid[b-yrup4gf7ch] {
        grid-template-columns: 1fr;
    }

    .partner-card:last-child[b-yrup4gf7ch] {
        grid-column: auto;
    }

    .founder-card[b-yrup4gf7ch] {
        grid-template-columns: 64px minmax(0, 1fr);
        align-items: start;
    }

    .founder-mark[b-yrup4gf7ch] {
        width: 64px;
        height: 64px;
        border-radius: 15px;
    }

    .founder-mark span[b-yrup4gf7ch] {
        font-size: 1.25rem;
    }

    .founder-heading[b-yrup4gf7ch] {
        align-items: flex-start;
        flex-direction: column;
    }

    .partners-contact[b-yrup4gf7ch] {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .partners-contact > a[b-yrup4gf7ch] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 520px) {
    .partners-page[b-yrup4gf7ch] {
        padding: 10px;
    }

    .partners-hero[b-yrup4gf7ch] {
        padding: 28px 22px;
    }

    .partners-hero-proof[b-yrup4gf7ch],
    .founder-proof[b-yrup4gf7ch] {
        width: 100%;
        min-width: 0;
    }

    .founder-card[b-yrup4gf7ch] {
        grid-template-columns: 1fr;
    }

    .founder-proof[b-yrup4gf7ch] {
        grid-column: auto;
    }

    .founder-strengths[b-yrup4gf7ch] {
        align-items: flex-start;
        flex-direction: column;
    }

    .partner-card-top[b-yrup4gf7ch] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/StartCenter/StartCenter.razor.rz.scp.css */
/* Start-center shell and services banner. */

    .module-selector[b-oxtsv9n1b0] {
        padding: 24px 40px;
        height: 100%;
        overflow-y: auto;
        box-sizing: border-box;
        background: var(--sa-shell-bg);
    }

    .selector-header[b-oxtsv9n1b0] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 24px;
    }

    .selector-header h2[b-oxtsv9n1b0] {
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 0;
        font-size: 1.7rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.1;
        color: #0c2236;
    }

    /* Accent bar in the panel teal ties the heading into the rest of the UI */
    .selector-header h2[b-oxtsv9n1b0]::before {
        content: "";
        width: 5px;
        align-self: stretch;
        min-height: 26px;
        border-radius: 3px;
        background: linear-gradient(180deg, #45c0d6 0%, #1c8a9b 100%);
    }

    .btn-header-close[b-oxtsv9n1b0] {
        background: none;
        border: none;
        cursor: pointer;
        color: #94a3b8;
        padding: 6px;
        display: flex;
        align-items: center;
        border-radius: 6px;
        transition: all 0.15s;
    }

    .btn-header-close:hover[b-oxtsv9n1b0] {
        color: #475569;
        background: #f1f5f9;
    }

    .lv-services-banner[b-oxtsv9n1b0] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        margin: -8px 0 18px;
        padding: 12px 14px;
        border: 1px solid rgba(35, 119, 150, 0.22);
        border-radius: 8px;
        background: linear-gradient(90deg, rgba(240, 249, 252, 0.96), rgba(255, 255, 255, 0.9));
        box-shadow: 0 8px 22px rgba(28, 52, 83, 0.07);
        color: inherit;
        text-decoration: none;
        cursor: pointer;
        transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    }

    .lv-services-banner:hover[b-oxtsv9n1b0] {
        border-color: rgba(15, 119, 133, 0.42);
        background: linear-gradient(90deg, rgba(232, 247, 251, 0.98), rgba(255, 255, 255, 0.94));
        box-shadow: 0 10px 26px rgba(28, 52, 83, 0.1);
    }

    .lv-services-icon[b-oxtsv9n1b0] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 8px;
        background: rgba(19, 133, 143, 0.12);
        color: #0f7785;
        flex-shrink: 0;
    }

    .lv-services-content[b-oxtsv9n1b0] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
    }

    .lv-services-content strong[b-oxtsv9n1b0] {
        color: #14324f;
        font-size: 0.92rem;
        line-height: 1.2;
    }

    .lv-services-content span[b-oxtsv9n1b0] {
        color: #52657a;
        font-size: 0.82rem;
        line-height: 1.35;
    }

    .lv-services-link[b-oxtsv9n1b0] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 34px;
        padding: 7px 12px;
        border-radius: 7px;
        border: 1px solid rgba(15, 119, 133, 0.3);
        background: #ffffff;
        color: #0f7785;
        font-size: 0.82rem;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
        transition: all 0.15s ease;
    }

    .lv-services-banner:hover .lv-services-link[b-oxtsv9n1b0] {
        border-color: #0f7785;
        background: rgba(19, 133, 143, 0.09);
        color: #0b5f6a;
    }

@media (max-width: 768px) {
    .module-selector[b-oxtsv9n1b0] {
        padding: 10px 8px;
    }

    .module-selector .selector-header[b-oxtsv9n1b0] {
        margin-bottom: 8px;
    }

    .lv-services-banner[b-oxtsv9n1b0] {
        grid-template-columns: auto minmax(0, 1fr);
        margin: 0 0 12px;
        gap: 10px;
    }

    .lv-services-link[b-oxtsv9n1b0] {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* /Components/StartCenter/StartCenterTabBar.razor.rz.scp.css */
/* Selector Tabs */
.selector-tabs[b-bhuallcukf] {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--sa-border);
    padding-bottom: 12px;
    flex-wrap: wrap;
}

.selector-tab[b-bhuallcukf] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 15px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #3c4a5b;
    cursor: pointer;
    border-radius: 8px;
    border: 1.5px solid var(--sa-border-strong);
    background: var(--sa-surface);
    box-shadow: var(--sa-shadow-soft);
    transition: all 0.15s ease;
    white-space: nowrap;
}

.selector-tab:hover[b-bhuallcukf] {
    border-color: #9cc4e5;
    background: var(--sa-primary-soft);
    color: var(--sa-primary);
}

.selector-tab.active[b-bhuallcukf] {
    font-weight: 600;
    background: var(--sa-primary-soft);
    border-color: var(--sa-primary);
    color: var(--sa-primary);
}

.selector-tab svg[b-bhuallcukf] {
    opacity: 0.7;
    width: 16px;
    height: 16px;
}

.selector-tab:hover svg[b-bhuallcukf],
.selector-tab.active svg[b-bhuallcukf] {
    opacity: 1;
}

/* Product tabs share one calm primary color. Special areas override below. */
.selector-tab.modules-tab:hover[b-bhuallcukf] {
    border-color: var(--sa-primary);
}
.selector-tab.modules-tab.active[b-bhuallcukf] {
    background: var(--sa-primary-soft);
    border-color: var(--sa-primary);
    color: var(--sa-primary);
}

.selector-tab.apps-tab:hover[b-bhuallcukf] {
    border-color: var(--sa-primary);
}
.selector-tab.apps-tab.active[b-bhuallcukf] {
    background: var(--sa-primary-soft);
    border-color: var(--sa-primary);
    color: var(--sa-primary);
}

.selector-tab.tutorials-tab:hover[b-bhuallcukf] {
    border-color: var(--sa-primary);
}
.selector-tab.tutorials-tab.active[b-bhuallcukf] {
    background: var(--sa-primary-soft);
    border-color: var(--sa-primary);
    color: var(--sa-primary);
}

.selector-tab.help-tab:hover[b-bhuallcukf] {
    border-color: var(--sa-primary);
}
.selector-tab.help-tab.active[b-bhuallcukf] {
    background: var(--sa-primary-soft);
    border-color: var(--sa-primary);
    color: var(--sa-primary);
}

.selector-tab.desktop-tab:hover[b-bhuallcukf] {
    border-color: var(--sa-primary);
}
.selector-tab.desktop-tab.active[b-bhuallcukf] {
    background: var(--sa-primary-soft);
    border-color: var(--sa-primary);
    color: var(--sa-primary);
}

.selector-tab.subscription-tab:hover[b-bhuallcukf] {
    border-color: var(--sa-primary);
}
.selector-tab.subscription-tab.active[b-bhuallcukf] {
    background: var(--sa-primary-soft);
    border-color: var(--sa-primary);
    color: var(--sa-primary);
}

/* Modules — primary filled button (blue) */
.selector-tab.modulesnt-tab[b-bhuallcukf] {
    background: var(--sa-primary);
    border-color: var(--sa-primary);
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(37, 111, 174, 0.28);
}
.selector-tab.modulesnt-tab svg[b-bhuallcukf] {
    color: #ffffff;
    opacity: 0.95;
}
.selector-tab.modulesnt-tab:hover[b-bhuallcukf] {
    background: var(--sa-primary-hover);
    border-color: var(--sa-primary-hover);
    color: #ffffff;
}
.selector-tab.modulesnt-tab.active[b-bhuallcukf] {
    background: var(--sa-primary-hover);
    border-color: var(--sa-primary-hover);
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(37, 111, 174, 0.22), 0 2px 6px rgba(37, 111, 174, 0.3);
}

/* Partner Tab Styles */
.partner-divider[b-bhuallcukf] {
    width: 1px;
    height: 28px;
    background: linear-gradient(180deg, transparent 0%, #e2e8f0 20%, #e2e8f0 80%, transparent 100%);
    margin: 0 8px;
    flex-shrink: 0;
}

/* Partners — neutral chip, same as the other secondary tabs */
.partner-tab[b-bhuallcukf] {
    position: relative;
}

.partner-tab:hover[b-bhuallcukf] {
    border-color: var(--sa-primary);
}

.partner-tab.active[b-bhuallcukf] {
    background: var(--sa-primary-soft);
    border-color: var(--sa-primary);
    color: var(--sa-primary);
}

.partner-badge[b-bhuallcukf] {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ead2dc;
    color: var(--sa-partner);
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 4px rgba(139, 79, 104, 0.18);
}

/* Validator Tab Button Style - Soft Pastel Highlight */
/* Validator — primary filled button (teal) */
.selector-tab.validator-tab[b-bhuallcukf] {
    border: 1.5px solid var(--sa-ai);
    background: var(--sa-ai);
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(33, 135, 127, 0.3);
}

.selector-tab.validator-tab:hover[b-bhuallcukf] {
    border-color: #1b6f68;
    background: #1b6f68;
    color: #ffffff;
}

.selector-tab.validator-tab.active[b-bhuallcukf] {
    background: #1b6f68;
    border-color: #1b6f68;
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(33, 135, 127, 0.22), 0 2px 6px rgba(33, 135, 127, 0.32);
}

.selector-tab.validator-tab svg[b-bhuallcukf] {
    color: #ffffff;
    opacity: 0.95;
}

.selector-tab.validator-tab.active svg[b-bhuallcukf] {
    color: #ffffff;
}

.selector-tab.validator-tab span:first-of-type[b-bhuallcukf] {
    font-weight: 700;
}

.validator-badge[b-bhuallcukf] {
    font-size: 9px;
    font-weight: 700;
    padding: 3px 6px;
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: none;
}

@keyframes validator-badge-pulse-b-bhuallcukf {
    0%, 100% { opacity: 1; box-shadow: 0 1px 4px rgba(78,115,223,0.2); }
    50% { opacity: 0.85; box-shadow: 0 1px 6px rgba(45,212,191,0.3); }
}

/* Desktop Tab Styling */
.desktop-tab[b-bhuallcukf] {
    position: relative;
}


/* About Tab Button Style */
/* About — neutral chip, same as the other secondary tabs */
.about-tab:hover[b-bhuallcukf] {
    border-color: var(--sa-primary);
}

.about-tab.active[b-bhuallcukf] {
    background: var(--sa-primary-soft);
    border-color: var(--sa-primary);
    color: var(--sa-primary);
}



@media (max-width: 768px) {
    .selector-tabs[b-bhuallcukf] { display: none; }
}
/* /Components/StartCenter/SubscriptionTab.razor.rz.scp.css */
/* Subscription / Pricing Section Styles */
.subscription-section[b-ikgi0ea6wq] {
    padding: 20px 0 50px;
}

/* Full-Width Logo Banner Card */
.pricing-logo-banner[b-ikgi0ea6wq] {
    background: linear-gradient(135deg, #ffffff 0%, #e8f0fe 100%);
    border: 2px solid rgba(26, 115, 232, 0.2);
    border-radius: 16px;
    padding: 32px 40px;
    margin-bottom: 32px;
    box-shadow: 0 8px 32px rgba(26, 115, 232, 0.12);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.pricing-logo-card[b-ikgi0ea6wq] {
    background: #ffffff;
    padding: 20px 32px;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(26, 115, 232, 0.1);
    border: 1px solid rgba(26, 115, 232, 0.15);
}

.pricing-logo-img[b-ikgi0ea6wq] {
    max-width: 260px;
    height: auto;
    display: block;
}

.pricing-banner-content[b-ikgi0ea6wq] {
    text-align: center;
    max-width: 700px;
}

.pricing-banner-footer[b-ikgi0ea6wq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid rgba(26, 115, 232, 0.15);
    gap: 16px;
}

.pricing-powered-centered[b-ikgi0ea6wq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.pricing-powered-centered .powered-label[b-ikgi0ea6wq] {
    font-size: 10px;
    letter-spacing: 1.5px;
    color: #6b7280;
    font-weight: 600;
}

.pricing-powered-centered .company-name[b-ikgi0ea6wq] {
    font-weight: 700;
    color: #1a73e8;
    font-size: 14px;
}

.pricing-portal-centered[b-ikgi0ea6wq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 10px;
    background: rgba(26, 115, 232, 0.08);
    border: 1px solid rgba(26, 115, 232, 0.2);
    font-size: 14px;
    color: #374151;
}

.pricing-portal-centered svg[b-ikgi0ea6wq] {
    color: #1a73e8;
    flex-shrink: 0;
}

.pricing-portal-centered a[b-ikgi0ea6wq] {
    color: #1a73e8;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(26, 115, 232, 0.3);
    transition: border-color 0.2s;
}

.pricing-portal-centered a:hover[b-ikgi0ea6wq] {
    border-bottom-color: #1a73e8;
}

.pricing-title[b-ikgi0ea6wq] {
    margin: 0 0 8px;
    font-size: clamp(22px, 2.5vw, 30px);
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #0b1b3a;
}

.pricing-subtitle[b-ikgi0ea6wq] {
    margin: 0 auto 16px;
    max-width: 600px;
    font-size: 15px;
    color: #4b5563;
    line-height: 1.6;
}

.pricing-powered[b-ikgi0ea6wq] {
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.powered-label[b-ikgi0ea6wq] {
    font-size: 10px;
    letter-spacing: 2px;
    color: #6b7280;
}

.powered-company[b-ikgi0ea6wq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(30, 58, 138, 0.12);
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(17, 43, 89, 0.06);
}

.powered-company .company-name[b-ikgi0ea6wq] {
    font-weight: 700;
    color: #1a73e8;
    font-size: 14px;
}

.powered-company .company-tagline[b-ikgi0ea6wq] {
    font-size: 10px;
    letter-spacing: 1.5px;
    color: #5b6b85;
    margin-top: 2px;
}

.pricing-domains[b-ikgi0ea6wq] {
    margin: 20px auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.domain-pill[b-ikgi0ea6wq] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(30, 58, 138, 0.12);
    box-shadow: 0 6px 18px rgba(17, 43, 89, 0.05);
    font-size: 13px;
    color: #5b6b85;
}

.domain-pill svg[b-ikgi0ea6wq] {
    color: #1a73e8;
}

.pricing-container[b-ikgi0ea6wq] {
    margin-top: 24px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(30, 58, 138, 0.12);
    box-shadow: 0 16px 48px rgba(17, 43, 89, 0.10);
    border-radius: 16px;
    padding: 20px;
}

.pricing-header[b-ikgi0ea6wq] {
    padding: 4px 4px 14px;
}

.pricing-header h3[b-ikgi0ea6wq] {
    margin: 0;
    font-size: 17px;
    letter-spacing: 0.2px;
    color: #0b1b3a;
}

.pricing-header p[b-ikgi0ea6wq] {
    margin: 4px 0 0;
    color: #4b5563;
    font-size: 14px;
}

.pricing-cards[b-ikgi0ea6wq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.pricing-card[b-ikgi0ea6wq] {
    background: #ffffff;
    border: 2px solid rgba(26, 115, 232, 0.15);
    border-radius: 14px;
    padding: 16px 14px;
    box-shadow: 0 8px 24px rgba(26, 115, 232, 0.1);
    position: relative;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    min-height: 400px;
    display: flex;
    flex-direction: column;
}

.pricing-card:hover[b-ikgi0ea6wq] {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(26, 115, 232, 0.18);
    border-color: rgba(26, 115, 232, 0.35);
}

.pricing-card-featured[b-ikgi0ea6wq] {
    border-color: rgba(26, 115, 232, 0.5);
    box-shadow: 0 12px 36px rgba(26, 115, 232, 0.22);
}

.pricing-card-featured[b-ikgi0ea6wq]:before {
    content: "";
    position: absolute;
    inset: -40%;
    background: radial-gradient(circle at 30% 20%, rgba(26, 115, 232, 0.15), rgba(26, 115, 232, 0) 58%);
    pointer-events: none;
}

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

.plan-tier[b-ikgi0ea6wq] {
    font-weight: 800;
    letter-spacing: 0.3px;
    font-size: 12px;
    color: rgba(11, 27, 58, 0.85);
    text-transform: uppercase;
}

.plan-name[b-ikgi0ea6wq] {
    display: block;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.2px;
    color: #0b1b3a;
}

.plan-desc[b-ikgi0ea6wq] {
    margin: 6px 0 0;
    color: #4b5563;
    font-size: 12px;
    line-height: 1.5;
}

.plan-badge[b-ikgi0ea6wq] {
    font-size: 10px;
    font-weight: 700;
    color: #1a73e8;
    background: rgba(26, 115, 232, 0.15);
    border: 1px solid rgba(26, 115, 232, 0.3);
    padding: 5px 8px;
    border-radius: 999px;
    white-space: nowrap;
}

.card-price[b-ikgi0ea6wq] {
    margin: 12px 0 0;
    padding-top: 10px;
    border-top: 2px solid rgba(26, 115, 232, 0.12);
}

.price-amount[b-ikgi0ea6wq] {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.3px;
    color: #0b1b3a;
}

.price-note[b-ikgi0ea6wq] {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: #4b5563;
}

.price-footnote[b-ikgi0ea6wq] {
    margin: 8px 0 0;
    font-size: 10px;
    color: #6b7280;
    font-style: italic;
}

.card-features[b-ikgi0ea6wq] {
    margin: 12px 0 0;
    padding: 0 0 0 16px;
    color: #1f2937;
    font-size: 12px;
    line-height: 1.55;
}

.card-features li[b-ikgi0ea6wq] {
    margin: 6px 0;
}

.card-features .feature-limit[b-ikgi0ea6wq] {
    color: #4b5563;
}

.card-cta[b-ikgi0ea6wq] {
    margin-top: auto;
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-pricing[b-ikgi0ea6wq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 13px;
    border: 1px solid rgba(26, 115, 232, 0.35);
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.btn-pricing-primary[b-ikgi0ea6wq] {
    color: white;
    background: linear-gradient(135deg, #1a73e8, #1565d8);
    box-shadow: 0 6px 20px rgba(26, 115, 232, 0.35);
    border-color: rgba(26, 115, 232, 0.4);
}

.btn-pricing-primary:hover[b-ikgi0ea6wq] {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(26, 115, 232, 0.45);
    background: linear-gradient(135deg, #1565d8, #1255c0);
}

.btn-pricing-ghost[b-ikgi0ea6wq] {
    background: rgba(26, 115, 232, 0.1);
    color: #1a73e8;
    border-color: rgba(26, 115, 232, 0.3);
}

.btn-pricing-ghost:hover[b-ikgi0ea6wq] {
    transform: translateY(-1px);
    background: rgba(26, 115, 232, 0.18);
    border-color: rgba(26, 115, 232, 0.5);
}

.cta-hint[b-ikgi0ea6wq] {
    font-size: 11px;
    color: #4b5563;
    text-align: center;
}

.pricing-footer[b-ikgi0ea6wq] {
    margin-top: 14px;
    text-align: center;
    color: #4b5563;
    font-size: 12px;
    line-height: 1.6;
}

.pricing-footer strong[b-ikgi0ea6wq] {
    color: #0b1b3a;
}

@media (max-width: 1024px) {
    /* Pricing cards - 2 columns on tablet */
    .pricing-cards[b-ikgi0ea6wq] { grid-template-columns: repeat(2, 1fr); }
    .subscription-section[b-ikgi0ea6wq] { padding: 20px 16px 40px; }
}

@media (max-width: 768px) {
    /* Pricing cards - single column on mobile */
    .pricing-cards[b-ikgi0ea6wq] { grid-template-columns: 1fr; gap: 16px; }
    .pricing-card[b-ikgi0ea6wq] { min-height: auto; }
    .pricing-logo-banner[b-ikgi0ea6wq] { padding: 20px 16px; margin-bottom: 20px; }
    .pricing-logo-card[b-ikgi0ea6wq] { padding: 12px 20px; }
    .pricing-logo-img[b-ikgi0ea6wq] { max-width: 200px; }
    .pricing-banner-footer[b-ikgi0ea6wq] { gap: 12px; }
    .pricing-powered-centered[b-ikgi0ea6wq] { flex-wrap: wrap; justify-content: center; }
    .pricing-portal-centered[b-ikgi0ea6wq] { flex-wrap: wrap; justify-content: center; text-align: center; }
    .pricing-title[b-ikgi0ea6wq] { font-size: 1.4rem; }
    .pricing-subtitle[b-ikgi0ea6wq] { font-size: 14px; }
    .pricing-domains[b-ikgi0ea6wq] { gap: 8px; justify-content: center; }
    .domain-pill[b-ikgi0ea6wq] { padding: 6px 10px; font-size: 12px; }
}
/* /Components/StartCenter/ValidatorLandingTab.razor.rz.scp.css */
/* ================================================
   Validator Section Styles
   ================================================ */
.validator-section[b-ioq805uqe9] {
    --val-bg: #0b1220;
    --val-card: rgba(255,255,255,0.06);
    --val-text: rgba(255,255,255,0.92);
    --val-muted: rgba(255,255,255,0.72);
    --val-muted2: rgba(255,255,255,0.58);
    --val-border: rgba(255,255,255,0.12);
    --val-accent: #4e73df;
    --val-accent2: #2dd4bf;
    --val-shadow: 0 18px 45px rgba(0,0,0,0.45);

    padding: 20px;
    background: radial-gradient(1100px 700px at 20% 10%, rgba(78,115,223,0.35), transparent 55%),
                radial-gradient(900px 650px at 80% 30%, rgba(45,212,191,0.25), transparent 55%),
                radial-gradient(900px 700px at 50% 100%, rgba(255,255,255,0.06), transparent 60%),
                var(--val-bg);
    border-radius: 16px;
    color: var(--val-text);
}

.validator-hero-grid[b-ioq805uqe9] {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 22px;
    align-items: stretch;
}

.validator-hero-card[b-ioq805uqe9] {
    background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));
    border: 1px solid var(--val-border);
    border-radius: 22px;
    padding: 28px;
    box-shadow: var(--val-shadow);
    position: relative;
    overflow: hidden;
}

.validator-hero-card[b-ioq805uqe9]::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: radial-gradient(600px 300px at 10% 0%, rgba(78,115,223,0.35), transparent 55%),
                radial-gradient(540px 320px at 80% 10%, rgba(45,212,191,0.25), transparent 55%);
    pointer-events: none;
    opacity: 0.85;
}

.validator-hero-card > *[b-ioq805uqe9] { position: relative; }

/* World-First Card - Full Width with Larger Text */
.validator-world-first-card[b-ioq805uqe9] {
    margin-top: 18px;
    background: linear-gradient(180deg, rgba(78,115,223,0.15), rgba(45,212,191,0.08));
    border: 1px solid rgba(78,115,223,0.35);
    border-radius: 22px;
    padding: 32px 36px;
    box-shadow: 0 8px 32px rgba(78,115,223,0.2);
    position: relative;
    overflow: hidden;
}

.validator-world-first-card[b-ioq805uqe9]::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: radial-gradient(800px 400px at 50% 0%, rgba(78,115,223,0.25), transparent 60%);
    pointer-events: none;
}

.validator-world-first-card > *[b-ioq805uqe9] { position: relative; }

.validator-world-first-title[b-ioq805uqe9] {
    margin: 0 0 16px;
    font-size: 22px;
    font-weight: 780;
    background: linear-gradient(135deg, #4e73df, #2dd4bf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.validator-world-first-text[b-ioq805uqe9] {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
    color: rgba(255,255,255,0.88);
}

.validator-world-first-text b[b-ioq805uqe9] {
    color: #fff;
    font-weight: 600;
}

.validator-hero-card .validator-badge[b-ioq805uqe9] {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.95) !important;
    padding: 12px 20px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    background: linear-gradient(135deg, rgba(59,130,246,0.3), rgba(147,51,234,0.25)) !important;
    box-shadow: 0 4px 15px rgba(59,130,246,0.2) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    animation: none !important;
}

.validator-hero-card .validator-dot[b-ioq805uqe9] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--val-accent2);
    box-shadow: 0 0 0 6px rgba(45,212,191,0.12);
    animation: validator-pulse-b-ioq805uqe9 2s ease-in-out infinite;
}

@keyframes validator-pulse-b-ioq805uqe9 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.validator-hero-card .validator-title[b-ioq805uqe9] {
    margin: 14px 0 10px;
    font-size: clamp(16px, 2vw, 22px) !important;
    line-height: 1.3 !important;
    letter-spacing: -0.2px;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.75) !important;
}

.validator-subtitle[b-ioq805uqe9] {
    margin: 0 0 18px;
    color: var(--val-muted);
    font-size: 14px;
    line-height: 1.55;
    max-width: 66ch;
}

.validator-hero-actions[b-ioq805uqe9] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.validator-btn[b-ioq805uqe9] {
    padding: 11px 14px;
    border-radius: 14px;
    border: 1px solid var(--val-border);
    background: rgba(255,255,255,0.05);
    color: rgba(255,255,255,0.92);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}

.validator-btn:hover[b-ioq805uqe9] { background: rgba(255,255,255,0.07); }

.validator-btn-primary[b-ioq805uqe9] {
    border: 1px solid rgba(78,115,223,0.55);
    background: linear-gradient(135deg, rgba(78,115,223,0.95), rgba(78,115,223,0.55));
    box-shadow: 0 14px 28px rgba(78,115,223,0.20);
}

.validator-btn-primary:hover[b-ioq805uqe9] {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.validator-btn-start[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 600;
}

.validator-btn-spinner[b-ioq805uqe9] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: validator-spin-b-ioq805uqe9 0.8s linear infinite;
}

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

.validator-btn-start.loading[b-ioq805uqe9],
.validator-cta-start.loading[b-ioq805uqe9] {
    opacity: 0.8;
    cursor: wait;
}

.validator-micro[b-ioq805uqe9] {
    margin-top: 10px;
    color: var(--val-muted2);
    font-size: 12px;
}

.validator-strip[b-ioq805uqe9] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.validator-feature[b-ioq805uqe9] {
    border: 1px solid var(--val-border);
    background: rgba(255,255,255,0.04);
    border-radius: 18px;
    padding: 16px;
}

.validator-feature h3[b-ioq805uqe9] {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 760;
    color: var(--val-text);
}

.validator-feature p[b-ioq805uqe9] {
    margin: 0;
    color: var(--val-muted);
    font-size: 13px;
    line-height: 1.55;
}

.validator-side-card[b-ioq805uqe9] {
    background: rgba(255,255,255,0.05);
    border: 1px solid var(--val-border);
    border-radius: 22px;
    padding: 22px;
    box-shadow: var(--val-shadow);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.validator-qr-link[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.04);
    transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}

.validator-qr-link:hover[b-ioq805uqe9] {
    background: rgba(255,255,255,0.08);
    border-color: rgba(78,115,223,0.5);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(78,115,223,0.2);
}

.validator-qr-code[b-ioq805uqe9] {
    width: 100%;
    max-width: 160px;
    height: auto;
    border-radius: 12px;
}

.validator-qr-label[b-ioq805uqe9] {
    font-size: 12px;
    color: var(--val-muted);
    text-align: center;
}

.validator-qr-link:hover .validator-qr-label[b-ioq805uqe9] {
    color: var(--val-accent2);
}

.validator-side-title[b-ioq805uqe9] {
    margin: 0;
    font-size: 14px;
    font-weight: 760;
    letter-spacing: 0.2px;
    color: var(--val-text);
}

.validator-side-text[b-ioq805uqe9] {
    margin: 0;
    color: var(--val-muted);
    font-size: 13px;
    line-height: 1.55;
}

.validator-statrow[b-ioq805uqe9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.validator-stat[b-ioq805uqe9] {
    padding: 12px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
}

.validator-stat b[b-ioq805uqe9] {
    display: block;
    font-size: 13px;
    color: var(--val-text);
}

.validator-stat span[b-ioq805uqe9] {
    display: block;
    margin-top: 4px;
    color: var(--val-muted2);
    font-size: 11px;
}

.validator-cta[b-ioq805uqe9] {
    font-size: 12.5px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid rgba(78,115,223,0.55);
    background: linear-gradient(135deg, rgba(78,115,223,0.95), rgba(45,212,191,0.55));
    color: white;
    box-shadow: 0 14px 30px rgba(78,115,223,0.25);
    cursor: pointer;
    transition: all 0.2s;
}

.validator-cta:hover[b-ioq805uqe9] {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

.validator-cta-start[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 600;
}

/* Use Cases Section */
.validator-usecases-section[b-ioq805uqe9] {
    margin-top: 28px;
    padding: 28px;
    background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
    border: 1px solid var(--val-border);
    border-radius: 22px;
    box-shadow: var(--val-shadow);
}

.validator-usecases-header[b-ioq805uqe9] {
    text-align: center;
    margin-bottom: 24px;
}

.validator-usecases-title[b-ioq805uqe9] {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px;
    background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.85));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.validator-usecases-subtitle[b-ioq805uqe9] {
    font-size: 14px;
    color: rgba(255,255,255,0.65);
    margin: 0;
}

.validator-usecases-grid[b-ioq805uqe9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.validator-usecase-card[b-ioq805uqe9] {
    position: relative;
    padding: 24px;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--val-border);
    border-radius: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.validator-usecase-card:hover[b-ioq805uqe9] {
    background: rgba(255,255,255,0.08);
    border-color: rgba(78,115,223,0.4);
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(78,115,223,0.2);
}

.validator-usecase-card.featured[b-ioq805uqe9] {
    background: linear-gradient(180deg, rgba(78,115,223,0.15), rgba(45,212,191,0.08));
    border-color: rgba(78,115,223,0.4);
}

.validator-usecase-card.featured:hover[b-ioq805uqe9] {
    border-color: rgba(45,212,191,0.6);
    box-shadow: 0 12px 40px rgba(78,115,223,0.3);
}

.validator-usecase-badge[b-ioq805uqe9] {
    position: absolute;
    top: -10px;
    right: 16px;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 10px;
    background: linear-gradient(135deg, #4e73df, #2dd4bf);
    color: white;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.validator-usecase-icon[b-ioq805uqe9] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(78,115,223,0.2), rgba(45,212,191,0.15));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.validator-usecase-icon svg[b-ioq805uqe9] {
    color: #4e73df;
}

.validator-usecase-card.featured .validator-usecase-icon[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(78,115,223,0.3), rgba(45,212,191,0.25));
}

.validator-usecase-name[b-ioq805uqe9] {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px;
}

.validator-usecase-desc[b-ioq805uqe9] {
    font-size: 13px;
    color: rgba(255,255,255,0.65);
    margin: 0 0 16px;
    line-height: 1.5;
}

.validator-usecase-action[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #4e73df;
    margin-top: auto;
}

.validator-usecase-card:hover .validator-usecase-action[b-ioq805uqe9] {
    color: #2dd4bf;
}

.validator-usecases-contact[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid var(--val-border);
    text-align: center;
}

.usecases-contact-title[b-ioq805uqe9] {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.9));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.usecases-contact-link[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: linear-gradient(135deg, rgba(78,115,223,0.25), rgba(45,212,191,0.18));
    border: 1px solid rgba(78,115,223,0.5);
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.usecases-contact-link:hover[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(78,115,223,0.35), rgba(45,212,191,0.28));
    border-color: rgba(45,212,191,0.7);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(78,115,223,0.4);
}

.usecases-contact-link svg[b-ioq805uqe9] {
    color: #4e73df;
}

.usecases-contact-link span[b-ioq805uqe9] {
    font-size: 18px;
    font-weight: 600;
    color: #4e73df;
}

.usecases-contact-link:hover svg[b-ioq805uqe9],
.usecases-contact-link:hover span[b-ioq805uqe9] {
    color: #2dd4bf;
}

.usecases-contact-company[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
}

.usecases-contact-company strong[b-ioq805uqe9] {
    font-size: 16px;
    color: #fff;
}

.usecases-contact-founder[b-ioq805uqe9] {
    font-size: 13px;
    font-weight: 600;
    color: #2dd4bf;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.usecases-contact-experience[b-ioq805uqe9] {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    font-style: italic;
}

/* Use Case Modal Styles */
.validator-modal-icon.usecase[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(78,115,223,0.2), rgba(78,115,223,0.1));
}

.validator-modal-icon.usecase svg[b-ioq805uqe9] {
    color: #4e73df;
}

.validator-modal-icon.usecase-company[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(45,212,191,0.2), rgba(45,212,191,0.1));
}

.validator-modal-icon.usecase-company svg[b-ioq805uqe9] {
    color: #2dd4bf;
}

.validator-modal-icon.usecase-authority[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(139,92,246,0.2), rgba(139,92,246,0.1));
}

.validator-modal-icon.usecase-authority svg[b-ioq805uqe9] {
    color: #a78bfa;
}

.validator-usecase-features[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.validator-usecase-feature-item[b-ioq805uqe9] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.validator-feature-number[b-ioq805uqe9] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: linear-gradient(135deg, #4e73df, #2dd4bf);
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.validator-feature-content strong[b-ioq805uqe9] {
    display: block;
    font-size: 15px;
    color: #fff;
    margin-bottom: 4px;
}

.validator-feature-content p[b-ioq805uqe9] {
    margin: 0;
    font-size: 13px;
    color: rgba(255,255,255,0.75);
    line-height: 1.5;
}

.validator-modal-contact[b-ioq805uqe9] {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--val-border);
    text-align: center;
}

.validator-contact-header[b-ioq805uqe9] {
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    margin-bottom: 12px;
}

.validator-contact-email[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
}

.validator-contact-email svg[b-ioq805uqe9] {
    color: #4e73df;
}

.validator-contact-email a[b-ioq805uqe9] {
    font-size: 16px;
    font-weight: 600;
    color: #4e73df;
    text-decoration: none;
    transition: color 0.2s ease;
}

.validator-contact-email a:hover[b-ioq805uqe9] {
    color: #2dd4bf;
}

.validator-contact-company[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.validator-contact-company strong[b-ioq805uqe9] {
    font-size: 14px;
    color: #fff;
}

.validator-contact-company span[b-ioq805uqe9] {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
}

/* Launch Trailer Section */
.validator-trailer-section[b-ioq805uqe9] {
    margin-top: 32px;
    background: linear-gradient(180deg, rgba(239,68,68,0.12), rgba(185,28,28,0.06));
    border: 2px solid rgba(239,68,68,0.4);
    border-radius: 22px;
    padding: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.validator-trailer-section[b-ioq805uqe9]::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: radial-gradient(800px 300px at 50% 0%, rgba(239,68,68,0.2), transparent 60%);
    pointer-events: none;
}

.validator-trailer-section > *[b-ioq805uqe9] {
    position: relative;
}

.validator-trailer-badge[b-ioq805uqe9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: linear-gradient(135deg, rgba(239,68,68,0.25), rgba(185,28,28,0.15));
    border: 1px solid rgba(239,68,68,0.5);
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    color: #ef4444;
    margin-bottom: 20px;
}

.validator-trailer-badge svg[b-ioq805uqe9] {
    color: #ef4444;
}

.validator-trailer-title[b-ioq805uqe9] {
    font-size: 32px;
    font-weight: 780;
    margin: 0 0 12px;
    background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.9));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.validator-trailer-subtitle[b-ioq805uqe9] {
    font-size: 16px;
    line-height: 1.7;
    color: rgba(255,255,255,0.75);
    max-width: 700px;
    margin: 0 auto 28px;
}

.validator-trailer-container[b-ioq805uqe9] {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 48px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.1);
}

.validator-trailer-placeholder[b-ioq805uqe9] {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.validator-trailer-thumbnail[b-ioq805uqe9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease, filter 0.4s ease;
}

.validator-trailer-placeholder:hover .validator-trailer-thumbnail[b-ioq805uqe9] {
    transform: scale(1.05);
    filter: brightness(0.8);
}

.validator-trailer-overlay[b-ioq805uqe9] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.5));
}

.validator-trailer-play-btn[b-ioq805uqe9] {
    transition: transform 0.3s ease;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.4));
}

.validator-trailer-placeholder:hover .validator-trailer-play-btn[b-ioq805uqe9] {
    transform: scale(1.15);
}

.validator-trailer-play-bg[b-ioq805uqe9] {
    transition: fill 0.3s ease;
}

.validator-trailer-placeholder:hover .validator-trailer-play-bg[b-ioq805uqe9] {
    fill: #cc0000;
}

.validator-trailer-watch-text[b-ioq805uqe9] {
    font-size: 16px;
    font-weight: 600;
    color: white;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
    padding: 8px 20px;
    background: rgba(0,0,0,0.4);
    border-radius: 8px;
    backdrop-filter: blur(4px);
}

.validator-trailer-embed[b-ioq805uqe9] {
    position: absolute;
    inset: 0;
}

.validator-trailer-embed iframe[b-ioq805uqe9] {
    width: 100%;
    height: 100%;
    border: none;
}

/* Video Section */
.validator-video-section[b-ioq805uqe9] {
    margin-top: 32px;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
    border: 1px solid var(--val-border);
    border-radius: 22px;
    padding: 32px;
    box-shadow: var(--val-shadow);
}

.validator-video-content[b-ioq805uqe9] {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 32px;
    align-items: center;
}

.validator-video-title[b-ioq805uqe9] {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.85));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.validator-video-description[b-ioq805uqe9] {
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255,255,255,0.7);
    margin-bottom: 20px;
}

.validator-video-features[b-ioq805uqe9] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.validator-video-feature[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: rgba(16,185,129,0.15);
    border: 1px solid rgba(16,185,129,0.3);
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    color: #10b981;
}

.validator-video-feature svg[b-ioq805uqe9] {
    color: #10b981;
}

.validator-video-container[b-ioq805uqe9] {
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}

.validator-video-placeholder[b-ioq805uqe9] {
    position: relative;
    width: 100%;
    height: 100%;
    background: #0f172a;
    cursor: pointer;
    overflow: hidden;
}

.validator-video-thumb-img[b-ioq805uqe9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease, filter 0.4s ease;
}

.validator-video-placeholder:hover .validator-video-thumb-img[b-ioq805uqe9] {
    transform: scale(1.05);
    filter: brightness(0.7);
}

.validator-video-overlay[b-ioq805uqe9] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.4));
    gap: 12px;
}

.validator-play-button[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.4));
}

.validator-video-placeholder:hover .validator-play-button[b-ioq805uqe9] {
    transform: scale(1.15);
}

.validator-yt-play-bg[b-ioq805uqe9] {
    transition: fill 0.3s ease;
}

.validator-video-placeholder:hover .validator-yt-play-bg[b-ioq805uqe9] {
    fill: #cc0000;
}

.validator-video-duration[b-ioq805uqe9] {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,0.8);
    padding: 4px 12px;
    background: rgba(0,0,0,0.5);
    border-radius: 12px;
}

.validator-video-thumbnail[b-ioq805uqe9] {
    position: absolute;
    bottom: 16px;
    left: 16px;
}

.validator-thumbnail-text[b-ioq805uqe9] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255,255,255,0.9);
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.validator-video-embed[b-ioq805uqe9] {
    position: absolute;
    inset: 0;
}

.validator-video-embed iframe[b-ioq805uqe9] {
    width: 100%;
    height: 100%;
    border: none;
}

/* QR Demo Section */
.validator-qr-demo-section[b-ioq805uqe9] {
    margin-top: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
    border: 1px solid var(--val-border);
    border-radius: 22px;
    padding: 32px;
    box-shadow: var(--val-shadow);
}

.validator-qr-demo-layout[b-ioq805uqe9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 40px;
    align-items: center;
}

.validator-qr-demo-left[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.validator-qr-phone-frame[b-ioq805uqe9] {
    background: rgba(255,255,255,0.08);
    border: 2px solid rgba(255,255,255,0.15);
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}

.validator-qr-image[b-ioq805uqe9] {
    width: 160px;
    height: 160px;
    border-radius: 8px;
    display: block;
}

.validator-qr-caption[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--val-muted);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.validator-qr-caption svg[b-ioq805uqe9] {
    color: var(--val-accent);
}

.validator-qr-demo-right[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.validator-qr-demo-title[b-ioq805uqe9] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
}

.validator-qr-demo-subtitle[b-ioq805uqe9] {
    margin: 0;
    color: var(--val-muted);
    font-size: 15px;
    line-height: 1.6;
}

.validator-qr-examples[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.validator-qr-example-card[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--val-border);
    border-radius: 14px;
    padding: 16px 20px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.validator-qr-example-card:hover[b-ioq805uqe9] {
    background: rgba(255,255,255,0.08);
    transform: translateX(4px);
}

.validator-qr-example-card.success:hover[b-ioq805uqe9] {
    border-color: rgba(34,197,94,0.5);
    box-shadow: 0 4px 20px rgba(34,197,94,0.15);
}

.validator-qr-example-card.warning:hover[b-ioq805uqe9] {
    border-color: rgba(245,158,11,0.5);
    box-shadow: 0 4px 20px rgba(245,158,11,0.15);
}

.validator-qr-example-icon[b-ioq805uqe9] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.validator-qr-example-card.success .validator-qr-example-icon[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(34,197,94,0.25), rgba(34,197,94,0.1));
    color: #4ade80;
}

.validator-qr-example-card.warning .validator-qr-example-icon[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(245,158,11,0.25), rgba(245,158,11,0.1));
    color: #fbbf24;
}

.validator-qr-example-info[b-ioq805uqe9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.validator-qr-example-status[b-ioq805uqe9] {
    font-size: 16px;
    font-weight: 650;
    color: #ffffff;
}

.validator-qr-example-desc[b-ioq805uqe9] {
    font-size: 13px;
    color: var(--val-muted);
}

.validator-qr-example-arrow[b-ioq805uqe9] {
    color: var(--val-muted);
    transition: transform 0.2s, color 0.2s;
}

.validator-qr-example-card:hover .validator-qr-example-arrow[b-ioq805uqe9] {
    transform: translateX(4px);
    color: var(--val-accent);
}

/* QR Modal Layout */
.validator-qr-modal-layout[b-ioq805uqe9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 32px;
    align-items: flex-start;
}

.validator-qr-modal-left[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.validator-qr-scan-box[b-ioq805uqe9] {
    background: #ffffff;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
    border: 3px solid #22c55e;
}

.validator-qr-scan-box.warning[b-ioq805uqe9] {
    border-color: #f59e0b;
}

.validator-qr-modal-image[b-ioq805uqe9] {
    width: 140px;
    height: 140px;
    display: block;
}

.validator-qr-grid[b-ioq805uqe9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    justify-items: center;
}

.validator-qr-grid-item[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.validator-qr-grid-label[b-ioq805uqe9] {
    font-size: 13px;
    font-weight: 500;
    color: var(--val-muted);
}

.validator-qr-scan-instruction[b-ioq805uqe9] {
    margin: 0;
    font-size: 13px;
    color: var(--val-muted);
    text-align: center;
    line-height: 1.5;
}

.validator-qr-modal-right[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.validator-qr-modal-details[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: rgba(255,255,255,0.04);
    border-radius: 12px;
    padding: 16px;
}

.validator-qr-detail-item[b-ioq805uqe9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.validator-qr-detail-item:last-child[b-ioq805uqe9] {
    padding-bottom: 0;
    border-bottom: none;
}

.detail-label[b-ioq805uqe9] {
    font-size: 13px;
    color: var(--val-muted);
}

.detail-value[b-ioq805uqe9] {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.detail-value.success[b-ioq805uqe9] {
    color: #4ade80;
}

@media (max-width: 700px) {
    .validator-qr-demo-layout[b-ioq805uqe9] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .validator-qr-demo-left[b-ioq805uqe9] {
        order: 2;
    }

    .validator-qr-demo-right[b-ioq805uqe9] {
        order: 1;
    }

    .validator-qr-modal-layout[b-ioq805uqe9] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .validator-qr-modal-left[b-ioq805uqe9] {
        order: 1;
    }
}

.validator-foot[b-ioq805uqe9] {
    padding: 22px 0 10px;
    color: var(--val-muted2);
    font-size: 12px;
    text-align: center;
}

/* Validator Modal Styles */
.validator-modal-overlay[b-ioq805uqe9] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
    animation: validator-fadeIn-b-ioq805uqe9 0.2s ease-out;
}

@keyframes validator-fadeIn-b-ioq805uqe9 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.validator-modal-content[b-ioq805uqe9] {
    background: linear-gradient(180deg, rgba(20, 30, 48, 0.98), rgba(11, 18, 32, 0.98));
    border: 1px solid var(--val-border);
    border-radius: 24px;
    padding: 32px;
    max-width: 600px;
    width: 100%;
    max-height: 85vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5);
    animation: validator-slideUp-b-ioq805uqe9 0.3s ease-out;
}

@keyframes validator-slideUp-b-ioq805uqe9 {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.validator-modal-close[b-ioq805uqe9] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--val-border);
    border-radius: 12px;
    background: rgba(255,255,255,0.05);
    color: var(--val-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.validator-modal-close:hover[b-ioq805uqe9] {
    background: rgba(255,255,255,0.1);
    color: var(--val-text);
}

.validator-modal-header[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.validator-modal-icon[b-ioq805uqe9] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.validator-modal-icon.technical[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(251,146,60,0.3), rgba(251,146,60,0.1));
    color: #fb923c;
}

.validator-modal-icon.template[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(34,197,94,0.3), rgba(34,197,94,0.1));
    color: #22c55e;
}

.validator-modal-icon.example-success[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(34,197,94,0.3), rgba(34,197,94,0.1));
    color: #22c55e;
}

.validator-modal-icon.example-warning[b-ioq805uqe9] {
    background: linear-gradient(135deg, rgba(245,158,11,0.3), rgba(245,158,11,0.1));
    color: #f59e0b;
}

.validator-modal-header h2[b-ioq805uqe9] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
}

.validator-modal-body[b-ioq805uqe9] {
    color: rgba(255,255,255,0.9);
}

.validator-modal-intro[b-ioq805uqe9] {
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 24px;
    color: rgba(255,255,255,0.85);
}

.validator-modal-tech-grid[b-ioq805uqe9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.validator-modal-tech-item[b-ioq805uqe9] {
    padding: 16px;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--val-border);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.validator-tech-label[b-ioq805uqe9] {
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.validator-tech-value[b-ioq805uqe9] {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.validator-modal-template-info[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.validator-template-block[b-ioq805uqe9] {
    padding: 18px;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--val-border);
    border-radius: 16px;
    border-left: 3px solid var(--val-accent2);
}

.validator-template-block h4[b-ioq805uqe9] {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.validator-template-block p[b-ioq805uqe9] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255,255,255,0.85);
}

.validator-example-result[b-ioq805uqe9] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px;
    border-radius: 14px;
    margin-bottom: 16px;
}

.validator-example-result.success[b-ioq805uqe9] {
    background: rgba(34,197,94,0.12);
    border: 1px solid rgba(34,197,94,0.25);
}

.validator-example-result.success svg[b-ioq805uqe9] {
    color: #4ade80;
    flex-shrink: 0;
    margin-top: 2px;
}

.validator-example-result.warning[b-ioq805uqe9] {
    background: rgba(245,158,11,0.12);
    border: 1px solid rgba(245,158,11,0.25);
}

.validator-example-result.warning svg[b-ioq805uqe9] {
    color: #fbbf24;
    flex-shrink: 0;
    margin-top: 2px;
}

.validator-example-result strong[b-ioq805uqe9] {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 4px;
}

.validator-example-result p[b-ioq805uqe9] {
    margin: 0;
    font-size: 13px;
    color: rgba(255,255,255,0.85);
    line-height: 1.4;
}

.validator-example-issues[b-ioq805uqe9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.validator-issue-item[b-ioq805uqe9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 13px;
}

.validator-issue-item.error[b-ioq805uqe9] {
    background: rgba(239,68,68,0.12);
    border: 1px solid rgba(239,68,68,0.25);
    color: #fca5a5;
}

.validator-issue-item.error svg[b-ioq805uqe9] {
    color: #ef4444;
    flex-shrink: 0;
}

.validator-issue-item.warning[b-ioq805uqe9] {
    background: rgba(245,158,11,0.12);
    border: 1px solid rgba(245,158,11,0.25);
    color: #fcd34d;
}

.validator-issue-item.warning svg[b-ioq805uqe9] {
    color: #f59e0b;
    flex-shrink: 0;
}

/* Validator Mobile Responsive */
@media (max-width: 980px) {
    .validator-hero-grid[b-ioq805uqe9] { grid-template-columns: 1fr; }
    .validator-strip[b-ioq805uqe9] { grid-template-columns: 1fr; }
    .validator-usecases-grid[b-ioq805uqe9] { grid-template-columns: 1fr; }
    .usecases-contact-title[b-ioq805uqe9] { font-size: 20px; }
    .usecases-contact-link span[b-ioq805uqe9] { font-size: 16px; }
    .validator-video-content[b-ioq805uqe9] { grid-template-columns: 1fr; }
    .validator-video-text[b-ioq805uqe9] { text-align: center; }
    .validator-video-features[b-ioq805uqe9] { justify-content: center; }
}

@media (max-width: 768px) {
    .validator-section[b-ioq805uqe9] { padding: 16px; }
    .validator-hero-card[b-ioq805uqe9] { padding: 20px; }
    .validator-hero-card .validator-badge[b-ioq805uqe9] { font-size: 14px !important; padding: 10px 16px !important; }
    .validator-hero-card .validator-title[b-ioq805uqe9] { font-size: 16px !important; }
    .validator-subtitle[b-ioq805uqe9] { font-size: 13px; }
    .validator-hero-actions[b-ioq805uqe9] { flex-direction: column; }
    .validator-hero-actions .validator-btn[b-ioq805uqe9] { width: 100%; justify-content: center; }
    .validator-btn-start[b-ioq805uqe9] { width: 100%; justify-content: center; }
    .validator-statrow[b-ioq805uqe9] { grid-template-columns: 1fr; }
    .validator-side-card[b-ioq805uqe9] { padding: 16px; }
    .validator-examples-grid[b-ioq805uqe9] { grid-template-columns: 1fr; }
    .validator-modal-tech-grid[b-ioq805uqe9] { grid-template-columns: 1fr; }
}
/* /Components/TavaCurveDialog.razor.rz.scp.css */
.tava-backdrop[b-9pcf257fvx] { position: fixed; inset: 0; z-index: 1600; display: flex; align-items: center; justify-content: center; background: #102b3959; padding: 1rem; }
.tava-dialog[b-9pcf257fvx] { width: min(1080px, 94vw); max-height: 94vh; overflow: auto; background: white; color: #183746; border: 1px solid #a4bdc7; border-radius: 10px; box-shadow: 0 12px 44px #16394e44; }
.tava-dialog.fullscreen[b-9pcf257fvx] { width: 96vw; }
header[b-9pcf257fvx] { display: flex; align-items: center; gap: .5rem; padding: .8rem 1rem; background: #edf6f8; }
h3[b-9pcf257fvx] { flex: 1; margin: 0; font-size: 1rem; }
button[b-9pcf257fvx] { border: 1px solid #8eb2bd; border-radius: 5px; color: #174d5a; background: white; padding: .4rem .65rem; cursor: pointer; }
button:hover[b-9pcf257fvx] { background: #e5f1f5; }
button:focus-visible[b-9pcf257fvx] { outline: 3px solid #e8ad43; outline-offset: 2px; }
.curve-switch[b-9pcf257fvx] { display: flex; flex-wrap: wrap; gap: .5rem; padding: .8rem 1rem; }
.curve-switch .selected[b-9pcf257fvx] { color: white; background: #18788c; }
.curve-plot[b-9pcf257fvx] { width: 100%; height: auto; max-height: 65vh; font-family: sans-serif; }
.curve-status[b-9pcf257fvx] { margin: 0 1rem .8rem; padding: .8rem; border-left: 3px solid #bb852a; background: #fff7e9; font-size: .9rem; }
.curve-status strong[b-9pcf257fvx] { display: block; margin-top: .35rem; }
.curve-spinner[b-9pcf257fvx] { display: inline-block; width: .9rem; height: .9rem; margin-right: .5rem; border: 2px solid #a8c7ce; border-top-color: #18788c; border-radius: 50%; animation: curve-wait-b-9pcf257fvx 1s linear infinite; }
footer[b-9pcf257fvx] { display: flex; justify-content: flex-end; padding: .65rem 1rem; }
@keyframes curve-wait-b-9pcf257fvx { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .curve-spinner[b-9pcf257fvx] { animation: none; } }
@media (max-width: 600px) { .tava-backdrop[b-9pcf257fvx] { padding: .3rem; } .curve-switch button[b-9pcf257fvx] { flex: 1 1 100%; } }
/* /Components/TavaSizingPanel.razor.rz.scp.css */
.tava-sizing[b-6w5pivy0fj] { margin: 0 0 1rem; padding: 1rem; border: 1px solid #b8d0d7; border-radius: .6rem; background: #f2f8fa; color: #193c4c; }
.sizing-actions[b-6w5pivy0fj] { display: flex; flex-wrap: wrap; gap: .5rem; margin: .6rem 0; }
.tava-sizing button[b-6w5pivy0fj] { border: 1px solid #18788c; border-radius: .3rem; padding: .45rem .75rem; background: white; color: #155f70; cursor: pointer; }
.tava-sizing button.selected[b-6w5pivy0fj] { background: #18788c; color: white; }
.tava-sizing button:disabled[b-6w5pivy0fj] { opacity: .6; cursor: default; }
.tava-sizing button:focus-visible[b-6w5pivy0fj] { outline: 2px solid #193c4c; outline-offset: 2px; }
.tava-sizing p[b-6w5pivy0fj] { margin: .5rem 0; }
.sizing-warning[b-6w5pivy0fj] { color: #923419; font-weight: 600; }
/* /Components/TutorialSection.razor.rz.scp.css */
.btn-primary[b-h05wms95e6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border: none !important;
    border-radius: 8px;
    background: linear-gradient(135deg, #1557b0, #0f3f8a) !important;
    color: white !important;
    box-shadow: 0 4px 16px rgba(15, 63, 138, 0.3);
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.15s;
}

.btn-primary:hover[b-h05wms95e6] {
    background: linear-gradient(135deg, #1a68c4, #1557b0) !important;
    box-shadow: 0 6px 20px rgba(15, 63, 138, 0.35);
    transform: translateY(-1px);
}

.btn-primary:focus[b-h05wms95e6],
.btn-primary:focus-visible[b-h05wms95e6],
.btn-primary:active[b-h05wms95e6] {
    outline: none;
    background: linear-gradient(135deg, #1557b0, #0f3f8a) !important;
    box-shadow: 0 4px 16px rgba(15, 63, 138, 0.3);
}

/* Tutorial Section Container — kein eigenes Scroll-Containment.
   Vorher hatte die Komponente "height: 100%; overflow: hidden;" plus
   ".tutorial-content { overflow-y: auto }" — das erzeugte einen zweiten
   Scrollbar zusaetzlich zum Eltern-Container in Index.razor (sichtbar
   besonders auf engen Viewports / Mobile). Jetzt scrollt nur das Eltern,
   die Tab-Leiste bleibt via "position: sticky" trotzdem sichtbar. */
.tutorial-section[b-h05wms95e6] {
    /* height/overflow bewusst nicht gesetzt, damit Eltern den Scroll macht */
}

.loading-tutorials[b-h05wms95e6] {
    text-align: center;
    padding: 48px;
    color: #666;
}

/* Tutorial Layout — Tab-Leiste oben, Inhalt darunter. Frueher war es
   ein Sidebar-Layout (Categories links, Content rechts); seit die
   Kategorie-Buttons als horizontale Tab-Leiste mit Underline-Indikator
   gerendert werden, ist column das korrekte Layout. */
.tutorial-layout[b-h05wms95e6] {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
}

/* Category Navigation — horizontale Tab-Leiste mit dezenter Trennlinie
   nach unten. Die Underline der einzelnen Tabs sitzt genau auf dieser
   Trennlinie (siehe .ts-tab-btn margin-bottom: -1px). */
.tutorial-categories[b-h05wms95e6] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
    width: 100%;
    border-bottom: 1px solid #cbd5e1;
    margin-bottom: 16px;
    /* Beim Scrollen am oberen Rand kleben bleiben — der Eltern-Container in
       Index.razor ist jetzt der einzige Scroller, die Tab-Leiste soll dabei
       sichtbar bleiben. Hintergrund matched die Eltern-Section, damit
       Inhalt nicht durchscheint. */
    position: sticky;
    top: 0;
    background: #f8fafc;
    z-index: 2;
    padding-top: 4px;
}

/* Tab-Leiste im Underline-Stil — bewusst zurueckhaltend, damit sie sich
   visuell vom blauen Haupt-Tab-Header (Tutorials/Modules/Apps…) absetzt
   und nicht "drei blaue Boxen nebeneinander" liest. Aktiver Tab traegt
   Blau nur als Akzent (Text + Underline), nicht als Flaeche. */
.ts-tab-btn[b-h05wms95e6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 600;
    color: #475569;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
    text-align: left;
    margin-bottom: -1px; /* Underline sitzt buendig auf dem Trenn-Border */
}

.ts-tab-btn:hover[b-h05wms95e6] {
    background: transparent;
    color: #1e293b;
}

.ts-tab-btn.active[b-h05wms95e6] {
    background: transparent;
    color: #1d4ed8;
    border-bottom-color: #2563eb;
}

/* Icons dezent grau, damit sie nicht als gefuellte blaue Bloecke
   missgedeutet werden. Aktiv: blauer Akzent — synchron zum Text. */
.ts-tab-icon[b-h05wms95e6] {
    display: inline-flex;
    align-items: center;
    color: #94a3b8;
    transition: color 0.15s ease;
}

.ts-tab-btn:hover .ts-tab-icon[b-h05wms95e6] {
    color: #475569;
}

.ts-tab-btn.active .ts-tab-icon[b-h05wms95e6] {
    color: #1d4ed8;
}

/* Content Area — kein eigenes overflow mehr (siehe Hinweis oben bei
   .tutorial-section), der Eltern-Container scrollt. */
.tutorial-content[b-h05wms95e6] {
    flex: 1;
    min-height: 0;
}

/* Video Grid */
.tutorials-grid[b-h05wms95e6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.tutorial-card[b-h05wms95e6] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

.tutorial-card:hover[b-h05wms95e6] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    border-color: #1a73e8;
}

.tutorial-thumbnail[b-h05wms95e6] {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.tutorial-thumbnail img[b-h05wms95e6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-overlay[b-h05wms95e6] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
}

.tutorial-card:hover .play-overlay[b-h05wms95e6] {
    opacity: 1;
}

.video-duration[b-h05wms95e6] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.tutorial-info[b-h05wms95e6] {
    padding: 16px;
}

.tutorial-info h4[b-h05wms95e6] {
    margin: 0 0 8px 0;
    font-size: 1rem;
    color: #333;
    line-height: 1.3;
}

.tutorial-info p[b-h05wms95e6] {
    margin: 0 0 12px 0;
    color: #666;
    font-size: 0.85rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tutorial-modules[b-h05wms95e6] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.module-tag[b-h05wms95e6] {
    background: #e3f2fd;
    color: #1565c0;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}

/* Video Player */
.video-player-container[b-h05wms95e6] {
    max-width: 900px;
}

.btn-back-to-list[b-h05wms95e6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 16px;
    transition: all 0.15s;
}

.btn-back-to-list:hover[b-h05wms95e6] {
    background: #f0f0f0;
    color: #333;
}

.video-wrapper[b-h05wms95e6] {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
}

.video-wrapper iframe[b-h05wms95e6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-info[b-h05wms95e6] {
    padding: 20px 0;
}

.video-info h3[b-h05wms95e6] {
    margin: 0 0 12px 0;
    font-size: 1.3rem;
    color: #333;
}

.video-info p[b-h05wms95e6] {
    margin: 0;
    color: #666;
    font-size: 0.95rem;
    line-height: 1.5;
}


/* No Tutorials Message */
.no-tutorials[b-h05wms95e6] {
    text-align: center;
    padding: 48px;
    color: #666;
}

/* Responsive */
@media (max-width: 768px) {
    .tutorial-layout[b-h05wms95e6] {
        flex-direction: column;
    }

    .tutorial-categories[b-h05wms95e6] {
        width: 100%;
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 8px;
    }

    .ts-tab-btn[b-h05wms95e6] {
        white-space: nowrap;
        padding: 8px 14px;
    }

    .tutorials-grid[b-h05wms95e6] {
        grid-template-columns: 1fr;
    }
}
.learning-entry-tabs[b-h05wms95e6] { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 0; border-bottom: 1px solid #d6e2e2; }
/* /Components/Validator/ValidationResultDisplay.razor.rz.scp.css */
.validation-result-display[b-f607nzo8ya] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.no-result[b-f607nzo8ya] {
    color: var(--text-muted, #666);
    text-align: center;
    padding: 1rem;
}

/* Summary */
.validation-summary[b-f607nzo8ya] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 8px;
}

.validation-summary.success[b-f607nzo8ya] {
    background: rgba(76, 175, 80, 0.1);
    border: 1px solid rgba(76, 175, 80, 0.3);
}

.validation-summary.success .summary-icon svg[b-f607nzo8ya] {
    color: #4caf50;
}

.validation-summary.warning[b-f607nzo8ya] {
    background: rgba(255, 152, 0, 0.1);
    border: 1px solid rgba(255, 152, 0, 0.3);
}

.validation-summary.warning .summary-icon svg[b-f607nzo8ya] {
    color: #ff9800;
}

.validation-summary.error[b-f607nzo8ya] {
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
}

.validation-summary.error .summary-icon svg[b-f607nzo8ya] {
    color: #f44336;
}

.summary-content[b-f607nzo8ya] {
    flex: 1;
}

.summary-title[b-f607nzo8ya] {
    margin: 0 0 0.25rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.summary-stats[b-f607nzo8ya] {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
}

.stat.errors[b-f607nzo8ya] {
    color: #f44336;
}

.stat.warnings[b-f607nzo8ya] {
    color: #ff9800;
}

.stat.infos[b-f607nzo8ya] {
    color: #2196f3;
}

/* Module Results */
.module-results h5[b-f607nzo8ya],
.cross-module-section h5[b-f607nzo8ya] {
    margin: 0 0 0.75rem 0;
    font-size: 0.9rem;
    color: var(--text-secondary, #aaa);
    border-bottom: 1px solid var(--border-color, #2a2a4a);
    padding-bottom: 0.5rem;
}

.module-result-item[b-f607nzo8ya] {
    background: var(--card-bg, #1a1a2e);
    border: 1px solid var(--border-color, #2a2a4a);
    border-radius: 6px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
}

.module-header[b-f607nzo8ya] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.module-name[b-f607nzo8ya] {
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.section-code[b-f607nzo8ya] {
    font-size: 0.8rem;
    color: var(--text-muted, #666);
    background: var(--badge-bg, #2a2a4a);
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
}

/* Findings */
.findings-section h6[b-f607nzo8ya],
.envelope-section h6[b-f607nzo8ya] {
    margin: 0.5rem 0;
    font-size: 0.8rem;
    color: var(--text-secondary, #aaa);
}

.finding[b-f607nzo8ya] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 0.25rem;
    border-radius: 4px;
    font-size: 0.85rem;
}

.finding.error[b-f607nzo8ya] {
    background: rgba(244, 67, 54, 0.1);
}

.finding.warning[b-f607nzo8ya] {
    background: rgba(255, 152, 0, 0.1);
}

.finding.info[b-f607nzo8ya] {
    background: rgba(33, 150, 243, 0.1);
}

.severity-badge[b-f607nzo8ya] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    text-transform: uppercase;
    flex-shrink: 0;
}

.finding.error .severity-badge[b-f607nzo8ya] {
    background: #f44336;
    color: #fff;
}

.finding.warning .severity-badge[b-f607nzo8ya] {
    background: #ff9800;
    color: #000;
}

.finding.info .severity-badge[b-f607nzo8ya] {
    background: #2196f3;
    color: #fff;
}

.finding-message[b-f607nzo8ya] {
    color: var(--text-primary, #fff);
    flex: 1;
}

.finding-param[b-f607nzo8ya] {
    color: var(--text-muted, #666);
    font-size: 0.8rem;
}

/* Envelope Table */
.envelope-status[b-f607nzo8ya] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.envelope-status.compliant[b-f607nzo8ya] {
    background: rgba(76, 175, 80, 0.2);
    color: #4caf50;
}

.envelope-status.non-compliant[b-f607nzo8ya] {
    background: rgba(244, 67, 54, 0.2);
    color: #f44336;
}

.envelope-params[b-f607nzo8ya] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    margin-top: 0.5rem;
}

.envelope-params th[b-f607nzo8ya] {
    text-align: left;
    padding: 0.5rem;
    background: var(--header-bg, #16162a);
    color: var(--text-secondary, #aaa);
    font-weight: 500;
}

.envelope-params td[b-f607nzo8ya] {
    padding: 0.5rem;
    border-bottom: 1px solid var(--border-color, #2a2a4a);
}

.envelope-params tr.ok td[b-f607nzo8ya] {
    color: var(--text-primary, #fff);
}

.envelope-params tr.violation td[b-f607nzo8ya] {
    color: #f44336;
    background: rgba(244, 67, 54, 0.05);
}

.icon-ok[b-f607nzo8ya] {
    color: #4caf50;
}

.icon-error[b-f607nzo8ya] {
    color: #f44336;
}

/* Timestamp */
.validation-timestamp[b-f607nzo8ya] {
    font-size: 0.75rem;
    color: var(--text-muted, #666);
    text-align: right;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-color, #2a2a4a);
}
/* /Components/Validator/ValidatorModal.razor.rz.scp.css */
.validator-modal-backdrop[b-cgf6aq3bre] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn-b-cgf6aq3bre 0.15s ease-out;
}

@keyframes fadeIn-b-cgf6aq3bre {
    from { opacity: 0; }
    to { opacity: 1; }
}

.validator-modal[b-cgf6aq3bre] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    width: 90%;
    max-width: 560px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: slideIn-b-cgf6aq3bre 0.2s ease-out;
    overflow: hidden;
}

@keyframes slideIn-b-cgf6aq3bre {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.validator-modal-header[b-cgf6aq3bre] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e0e0e0;
    background: linear-gradient(135deg, #4caf50 0%, #43a047 100%);
    border-radius: 12px 12px 0 0;
}

.header-title[b-cgf6aq3bre] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
}

.header-title h2[b-cgf6aq3bre] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ffffff;
}

.header-title svg[b-cgf6aq3bre] {
    color: #ffffff;
}

.close-btn[b-cgf6aq3bre] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.close-btn:hover[b-cgf6aq3bre] {
    background: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

.validator-modal-content[b-cgf6aq3bre] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    color: #333333;
    width: 100%;
    box-sizing: border-box;
    background: #fafafa;
}

/* Sections */
.section[b-cgf6aq3bre] {
    margin-bottom: 24px;
    width: 100%;
    box-sizing: border-box;
}

.section h3[b-cgf6aq3bre] {
    margin: 0 0 12px 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Module List */
.module-list[b-cgf6aq3bre] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.module-item[b-cgf6aq3bre] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.module-item:hover[b-cgf6aq3bre] {
    background: #f5f5f5;
    border-color: #4caf50;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.1);
}

.module-item.no-mapping[b-cgf6aq3bre] {
    opacity: 0.5;
    cursor: not-allowed;
}

.module-item input[type="checkbox"][b-cgf6aq3bre] {
    width: 18px;
    height: 18px;
    cursor: inherit;
    accent-color: #4caf50;
}

.module-info[b-cgf6aq3bre] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.module-name[b-cgf6aq3bre] {
    font-weight: 600;
    color: #333333;
}

.instance-id[b-cgf6aq3bre] {
    font-size: 0.85rem;
    color: #888888;
}

.mapping-badge[b-cgf6aq3bre] {
    font-size: 0.7rem;
    padding: 2px 8px;
    background: rgba(76, 175, 80, 0.15);
    color: #2e7d32;
    border-radius: 10px;
    font-weight: 500;
}

.no-mapping-badge[b-cgf6aq3bre] {
    font-size: 0.7rem;
    padding: 2px 8px;
    background: rgba(244, 67, 54, 0.1);
    color: #c62828;
    border-radius: 10px;
    font-weight: 500;
}

/* Empty State */
.empty-state[b-cgf6aq3bre] {
    text-align: center;
    padding: 32px;
    color: #888888;
}

.empty-state svg[b-cgf6aq3bre] {
    color: #cccccc;
    margin-bottom: 12px;
}

.empty-state p[b-cgf6aq3bre] {
    margin: 8px 0;
    color: #666666;
}

.empty-state .hint[b-cgf6aq3bre] {
    font-size: 0.85rem;
    color: #999999;
}

/* Form */
.form-group[b-cgf6aq3bre] {
    margin-bottom: 16px;
    width: 100%;
    box-sizing: border-box;
}

.form-group label[b-cgf6aq3bre] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: #555555;
    margin-bottom: 6px;
}

.form-group input[type="text"][b-cgf6aq3bre],
.form-group textarea[b-cgf6aq3bre] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    font-size: 0.9rem;
    background: #ffffff;
    color: #333333;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.form-group input[b-cgf6aq3bre]::placeholder,
.form-group textarea[b-cgf6aq3bre]::placeholder {
    color: #aaaaaa;
}

.form-group input:focus[b-cgf6aq3bre],
.form-group textarea:focus[b-cgf6aq3bre] {
    outline: none;
    border-color: #4caf50;
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.15);
}

.form-group input:disabled[b-cgf6aq3bre] {
    background: #f5f5f5;
    color: #999999;
}

.form-group small[b-cgf6aq3bre] {
    display: block;
    margin-top: 4px;
    font-size: 0.75rem;
    color: #888888;
}

.input-row[b-cgf6aq3bre] {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.input-row input[type="text"][b-cgf6aq3bre] {
    flex: 1;
}

.checkbox-inline[b-cgf6aq3bre] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    white-space: nowrap;
    color: #555555;
}

.checkbox-inline input[b-cgf6aq3bre] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #4caf50;
}

/* Buttons */
.btn[b-cgf6aq3bre] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn:disabled[b-cgf6aq3bre] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn.primary[b-cgf6aq3bre] {
    background: linear-gradient(135deg, #4caf50 0%, #43a047 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.btn.primary:hover:not(:disabled)[b-cgf6aq3bre] {
    background: linear-gradient(135deg, #43a047 0%, #388e3c 100%);
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);
}

.btn.secondary[b-cgf6aq3bre] {
    background: #ffffff;
    color: #555555;
    border: 1px solid #d0d0d0;
}

.btn.secondary:hover:not(:disabled)[b-cgf6aq3bre] {
    background: #f5f5f5;
    border-color: #bbb;
}

.btn.text[b-cgf6aq3bre] {
    background: none;
    color: #666666;
    padding: 10px 12px;
}

.btn.text:hover[b-cgf6aq3bre] {
    color: #333333;
    background: rgba(0, 0, 0, 0.05);
}

.actions[b-cgf6aq3bre] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
    margin-top: 16px;
    width: 100%;
}

/* Loading State */
.loading-state[b-cgf6aq3bre] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 48px;
    color: #555555;
    width: 100%;
}

.spinner[b-cgf6aq3bre] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top-color: #4caf50;
    border-radius: 50%;
    animation: spin-b-cgf6aq3bre 1s linear infinite;
}

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

/* Success State */
.success-state[b-cgf6aq3bre] {
    text-align: center;
    width: 100%;
}

.success-header[b-cgf6aq3bre] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
    color: #4caf50;
}

.success-header h3[b-cgf6aq3bre] {
    margin: 0;
    color: #2e7d32;
}

.qr-display[b-cgf6aq3bre] {
    display: flex;
    gap: 20px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.qr-image[b-cgf6aq3bre] {
    width: 160px;
    height: 160px;
    min-width: 160px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.qr-loading[b-cgf6aq3bre] {
    width: 160px;
    height: 160px;
    min-width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: #f5f5f5;
    border-radius: 8px;
    color: #888888;
    font-size: 0.85rem;
}

.qr-loading .spinner[b-cgf6aq3bre] {
    width: 32px;
    height: 32px;
}

.qr-info[b-cgf6aq3bre] {
    flex: 1;
    min-width: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    overflow: hidden;
}

.info-item[b-cgf6aq3bre] {
    display: flex;
    flex-direction: column;
}

.info-item .label[b-cgf6aq3bre] {
    font-size: 0.75rem;
    color: #888888;
}

.info-item .value[b-cgf6aq3bre] {
    font-size: 0.9rem;
    color: #333333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-item .value.link[b-cgf6aq3bre] {
    color: #1976d2;
    text-decoration: none;
    word-break: break-all;
}

.info-item .value.link:hover[b-cgf6aq3bre] {
    text-decoration: underline;
}

.qr-actions[b-cgf6aq3bre] {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
}

/* Error State */
.error-state[b-cgf6aq3bre] {
    text-align: center;
    padding: 24px 0;
    width: 100%;
}

.error-state svg[b-cgf6aq3bre] {
    color: #e53935;
    margin-bottom: 12px;
}

.error-state h3[b-cgf6aq3bre] {
    margin: 0 0 12px 0;
    color: #c62828;
}

.error-state p[b-cgf6aq3bre] {
    color: #666666;
    margin-bottom: 16px;
}

.error-list[b-cgf6aq3bre] {
    text-align: left;
    background: rgba(244, 67, 54, 0.08);
    padding: 12px 12px 12px 32px;
    border-radius: 8px;
    margin-bottom: 24px;
    font-size: 0.85rem;
    color: #c62828;
    border: 1px solid rgba(244, 67, 54, 0.2);
}

/* Responsive */
@media (max-width: 600px) {
    .validator-modal[b-cgf6aq3bre] {
        width: 95%;
        max-height: 95vh;
    }

    .qr-display[b-cgf6aq3bre] {
        flex-direction: column;
        align-items: center;
    }

    .qr-info[b-cgf6aq3bre] {
        text-align: center;
    }

    .qr-actions[b-cgf6aq3bre] {
        flex-direction: column;
    }

    .qr-actions .btn[b-cgf6aq3bre] {
        width: 100%;
    }
}
/* /Components/Validator/ValidatorPanel.razor.rz.scp.css */
.validator-panel[b-2hkdp7o5je] {
    background: var(--card-bg, #1a1a2e);
    border: 1px solid var(--border-color, #2a2a4a);
    border-radius: 8px;
    margin-top: 1rem;
    overflow: hidden;
}

.validator-panel-header[b-2hkdp7o5je] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    cursor: pointer;
    background: var(--header-bg, #16162a);
    transition: background 0.2s;
}

.validator-panel-header:hover[b-2hkdp7o5je] {
    background: var(--header-hover, #1e1e3a);
}

.validator-panel-title[b-2hkdp7o5je] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.validator-panel-title svg[b-2hkdp7o5je] {
    color: var(--accent-color, #4a9eff);
}

.validator-status-badge[b-2hkdp7o5je] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-weight: 500;
}

.validator-status-badge.online[b-2hkdp7o5je] {
    background: rgba(76, 175, 80, 0.2);
    color: #4caf50;
}

.validator-status-badge.offline[b-2hkdp7o5je] {
    background: rgba(244, 67, 54, 0.2);
    color: #f44336;
}

.expand-icon[b-2hkdp7o5je] {
    color: var(--text-secondary, #888);
    transition: transform 0.2s;
}

.validator-panel.expanded .expand-icon[b-2hkdp7o5je] {
    transform: rotate(180deg);
}

.validator-panel-content[b-2hkdp7o5je] {
    padding: 1rem;
    border-top: 1px solid var(--border-color, #2a2a4a);
}

/* Form Styles */
.validator-form[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.form-group label[b-2hkdp7o5je] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary, #aaa);
}

.form-group input[type="text"][b-2hkdp7o5je],
.form-group textarea[b-2hkdp7o5je] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-color, #2a2a4a);
    border-radius: 4px;
    background: var(--input-bg, #0d0d1a);
    color: var(--text-primary, #fff);
    font-size: 0.9rem;
}

.form-group input:focus[b-2hkdp7o5je],
.form-group textarea:focus[b-2hkdp7o5je] {
    outline: none;
    border-color: var(--accent-color, #4a9eff);
}

.form-group input:disabled[b-2hkdp7o5je] {
    opacity: 0.5;
    cursor: not-allowed;
}

.form-group small[b-2hkdp7o5je] {
    font-size: 0.75rem;
    color: var(--text-muted, #666);
}

.input-with-option[b-2hkdp7o5je] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.input-with-option input[type="text"][b-2hkdp7o5je] {
    flex: 1;
}

.checkbox-label[b-2hkdp7o5je] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    white-space: nowrap;
}

.checkbox-label input[type="checkbox"][b-2hkdp7o5je] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Button Styles */
.validator-btn[b-2hkdp7o5je] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.validator-btn:disabled[b-2hkdp7o5je] {
    opacity: 0.5;
    cursor: not-allowed;
}

.validator-btn.primary[b-2hkdp7o5je] {
    background: var(--accent-color, #4a9eff);
    color: #fff;
}

.validator-btn.primary:hover:not(:disabled)[b-2hkdp7o5je] {
    background: var(--accent-hover, #3a8eef);
}

.validator-btn.secondary[b-2hkdp7o5je] {
    background: var(--secondary-bg, #2a2a4a);
    color: var(--text-primary, #fff);
    border: 1px solid var(--border-color, #3a3a5a);
}

.validator-btn.secondary:hover:not(:disabled)[b-2hkdp7o5je] {
    background: var(--secondary-hover, #3a3a5a);
}

.validator-btn.text[b-2hkdp7o5je] {
    background: transparent;
    color: var(--text-secondary, #888);
}

.validator-btn.text:hover[b-2hkdp7o5je] {
    color: var(--text-primary, #fff);
}

/* Loading State */
.validator-loading[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
}

.spinner[b-2hkdp7o5je] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--border-color, #2a2a4a);
    border-top-color: var(--accent-color, #4a9eff);
    border-radius: 50%;
    animation: spin-b-2hkdp7o5je 1s linear infinite;
}

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

/* Success State */
.validator-success[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.success-header[b-2hkdp7o5je] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #4caf50;
    font-weight: 600;
}

.qr-code-container[b-2hkdp7o5je] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: var(--qr-bg, #fff);
    border-radius: 8px;
}

.qr-code-image[b-2hkdp7o5je] {
    width: 150px;
    height: 150px;
}

.qr-code-info[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.info-row[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
}

.info-row .label[b-2hkdp7o5je] {
    font-size: 0.75rem;
    color: var(--text-muted, #666);
}

.info-row .value[b-2hkdp7o5je] {
    font-size: 0.9rem;
    color: var(--text-dark, #333);
    font-weight: 500;
}

.validator-actions[b-2hkdp7o5je] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Error State */
.validator-error[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    text-align: center;
}

.validator-error svg[b-2hkdp7o5je] {
    color: #f44336;
}

.error-message[b-2hkdp7o5je] {
    color: var(--text-primary, #fff);
}

.error-message strong[b-2hkdp7o5je] {
    color: #f44336;
}

.error-details[b-2hkdp7o5je] {
    text-align: left;
    font-size: 0.85rem;
    color: var(--text-secondary, #888);
    list-style: disc;
    padding-left: 1.5rem;
    margin-top: 0.5rem;
}

/* Warning State */
.validator-warning[b-2hkdp7o5je] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 152, 0, 0.1);
    border: 1px solid rgba(255, 152, 0, 0.3);
    border-radius: 4px;
    color: #ff9800;
    font-size: 0.85rem;
}

.validator-warning svg[b-2hkdp7o5je] {
    flex-shrink: 0;
}
/* /Components/ValidatorPro/ValidatorProModal.razor.rz.scp.css */
/* ValidatorPro Modal Styles */

.modal-overlay[b-sn97s7kkkb] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn-b-sn97s7kkkb 0.2s ease;
}

@keyframes fadeIn-b-sn97s7kkkb {
    from { opacity: 0; }
    to { opacity: 1; }
}

.modal-container[b-sn97s7kkkb] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 700px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-sn97s7kkkb 0.3s ease;
}

@keyframes slideUp-b-sn97s7kkkb {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-sn97s7kkkb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: linear-gradient(135deg, #2c3e50, #3498db);
    color: white;
}

.modal-header h3[b-sn97s7kkkb] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.btn-close[b-sn97s7kkkb] {
    background: none;
    border: none;
    color: white;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    opacity: 0.8;
    transition: opacity 0.2s;
}

.btn-close:hover[b-sn97s7kkkb] {
    opacity: 1;
}

.modal-body[b-sn97s7kkkb] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

/* Scope Selection */
.scope-selection h4[b-sn97s7kkkb] {
    margin: 0 0 8px 0;
    color: #2c3e50;
}

.scope-description[b-sn97s7kkkb] {
    color: #666;
    margin-bottom: 20px;
}

.scope-options[b-sn97s7kkkb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.scope-option[b-sn97s7kkkb] {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.scope-option:hover[b-sn97s7kkkb] {
    border-color: #3498db;
    background: #f8fafc;
}

.scope-option.selected[b-sn97s7kkkb] {
    border-color: #3498db;
    background: #ebf5fb;
}

.scope-option input[type="radio"][b-sn97s7kkkb] {
    display: none;
}

.option-content[b-sn97s7kkkb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.option-icon[b-sn97s7kkkb] {
    font-size: 24px;
    margin-bottom: 4px;
}

.option-title[b-sn97s7kkkb] {
    font-weight: 600;
    color: #2c3e50;
}

.option-desc[b-sn97s7kkkb] {
    font-size: 13px;
    color: #666;
}

.module-info[b-sn97s7kkkb] {
    padding: 12px 16px;
    background: #f5f5f5;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 14px;
}

.action-buttons[b-sn97s7kkkb] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.btn-cancel[b-sn97s7kkkb] {
    padding: 10px 24px;
    background: #e0e0e0;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-cancel:hover[b-sn97s7kkkb] {
    background: #d0d0d0;
}

.btn-analyze[b-sn97s7kkkb] {
    padding: 10px 32px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-analyze:hover[b-sn97s7kkkb] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4);
}

/* Loading State */
.loading-state[b-sn97s7kkkb] {
    text-align: center;
    padding: 40px 20px;
}

.spinner[b-sn97s7kkkb] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: #3498db;
    border-radius: 50%;
    margin: 0 auto 20px;
    animation: spin-b-sn97s7kkkb 1s linear infinite;
}

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

.loading-detail[b-sn97s7kkkb] {
    font-size: 13px;
    color: #888;
}

/* Error State */
.error-state[b-sn97s7kkkb] {
    text-align: center;
    padding: 30px;
}

.error-icon[b-sn97s7kkkb] {
    font-size: 48px;
    margin-bottom: 16px;
}

.error-title[b-sn97s7kkkb] {
    font-size: 18px;
    font-weight: 600;
    color: #e74c3c;
    margin-bottom: 8px;
}

.error-message[b-sn97s7kkkb] {
    color: #666;
    margin-bottom: 20px;
}

.btn-retry[b-sn97s7kkkb] {
    padding: 10px 24px;
    background: #3498db;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    margin-right: 12px;
}

/* Results Container */
.results-container[b-sn97s7kkkb] {
    animation: fadeIn-b-sn97s7kkkb 0.3s ease;
}

.score-header[b-sn97s7kkkb] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.score-header.excellent[b-sn97s7kkkb] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.score-header.good[b-sn97s7kkkb] {
    background: linear-gradient(135deg, #2980b9, #3498db);
    color: white;
}

.score-header.review[b-sn97s7kkkb] {
    background: linear-gradient(135deg, #f39c12, #f1c40f);
    color: #2c3e50;
}

.score-header.suspicious[b-sn97s7kkkb] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    color: white;
}

.score-circle[b-sn97s7kkkb] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.score-value[b-sn97s7kkkb] {
    font-size: 24px;
    font-weight: 700;
}

.score-info[b-sn97s7kkkb] {
    display: flex;
    flex-direction: column;
}

.score-label[b-sn97s7kkkb] {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
}

.score-module[b-sn97s7kkkb] {
    font-size: 14px;
    opacity: 0.9;
}

/* Summary Grid */
.summary-grid[b-sn97s7kkkb] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.summary-item[b-sn97s7kkkb] {
    text-align: center;
    padding: 16px 8px;
    border-radius: 8px;
}

.summary-item.ok[b-sn97s7kkkb] { background: #d5f5e3; }
.summary-item.uncommon[b-sn97s7kkkb] { background: #d6eaf8; }
.summary-item.rare[b-sn97s7kkkb] { background: #fdebd0; }
.summary-item.novel[b-sn97s7kkkb] { background: #e8daef; }
.summary-item.total[b-sn97s7kkkb] { background: #eaecee; }

.item-value[b-sn97s7kkkb] {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #2c3e50;
}

.item-label[b-sn97s7kkkb] {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}

.data-info[b-sn97s7kkkb] {
    font-size: 13px;
    color: #888;
    text-align: center;
    margin-bottom: 20px;
}

/* Alerts */
.alerts-section[b-sn97s7kkkb] {
    margin-bottom: 20px;
}

.alerts-section h4[b-sn97s7kkkb] {
    margin: 0 0 12px 0;
    font-size: 14px;
    color: #2c3e50;
}

.alert[b-sn97s7kkkb] {
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.alert-novelty[b-sn97s7kkkb] {
    background: #e8daef;
    border-left: 4px solid #8e44ad;
}

.alert-rarity[b-sn97s7kkkb] {
    background: #fdebd0;
    border-left: 4px solid #e67e22;
}

.alert-badge[b-sn97s7kkkb] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.1);
}

/* Match Section */
.match-section[b-sn97s7kkkb] {
    margin-bottom: 20px;
}

.match-section h4[b-sn97s7kkkb] {
    margin: 0 0 12px 0;
    font-size: 14px;
}

.match-card[b-sn97s7kkkb] {
    padding: 14px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.match-header[b-sn97s7kkkb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.match-name[b-sn97s7kkkb] {
    font-weight: 600;
}

.match-strength[b-sn97s7kkkb] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.match-strength.strong[b-sn97s7kkkb] {
    background: #d5f5e3;
    color: #1e8449;
}

.match-strength.moderate[b-sn97s7kkkb] {
    background: #fcf3cf;
    color: #9a7d0a;
}

.match-strength.weak[b-sn97s7kkkb] {
    background: #fadbd8;
    color: #922b21;
}

.match-stats[b-sn97s7kkkb] {
    display: flex;
    gap: 16px;
    font-size: 12px;
    color: #666;
}

/* Details Section */
.details-section[b-sn97s7kkkb] {
    margin-bottom: 20px;
}

.btn-toggle-details[b-sn97s7kkkb] {
    width: 100%;
    padding: 12px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    text-align: left;
    transition: background 0.2s;
}

.btn-toggle-details:hover[b-sn97s7kkkb] {
    background: #eee;
}

.variables-table[b-sn97s7kkkb] {
    margin-top: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    font-size: 13px;
    max-height: 300px;
    overflow-y: auto;
}

.table-header[b-sn97s7kkkb] {
    display: grid;
    grid-template-columns: 50px 1fr 60px 80px 70px;
    gap: 8px;
    padding: 10px 12px;
    background: #2c3e50;
    color: white;
    font-weight: 500;
    position: sticky;
    top: 0;
}

.table-row[b-sn97s7kkkb] {
    display: grid;
    grid-template-columns: 50px 1fr 60px 80px 70px;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid #e0e0e0;
}

.table-row.row-ok[b-sn97s7kkkb] { background: rgba(39, 174, 96, 0.1); }
.table-row.row-uncommon[b-sn97s7kkkb] { background: rgba(52, 152, 219, 0.1); }
.table-row.row-rare[b-sn97s7kkkb] { background: rgba(230, 126, 34, 0.15); }
.table-row.row-novel[b-sn97s7kkkb] { background: rgba(142, 68, 173, 0.15); }

.col-name[b-sn97s7kkkb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-prob[b-sn97s7kkkb] {
    text-align: right;
    font-family: monospace;
}

.status-badge[b-sn97s7kkkb] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
}

.status-badge.ok[b-sn97s7kkkb] {
    background: #27ae60;
    color: white;
}

.status-badge.uncommon[b-sn97s7kkkb] {
    background: #5dade2;
    color: white;
}

.status-badge.rare[b-sn97s7kkkb] {
    background: #e67e22;
    color: white;
}

.status-badge.novel[b-sn97s7kkkb] {
    background: #8e44ad;
    color: white;
}

/* Result Actions */
.result-actions[b-sn97s7kkkb] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}

.btn-new-analysis[b-sn97s7kkkb] {
    padding: 10px 20px;
    background: #e0e0e0;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-close-result[b-sn97s7kkkb] {
    padding: 10px 24px;
    background: #3498db;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}
/* /Components/ValidatorPro/ValidatorProResultPanel.razor.rz.scp.css */
/* ValidatorPro Result Panel Styles */

.validator-pro-panel[b-xdwxwc7359] {
    background: var(--bg-secondary, #f8f9fa);
    border: 1px solid var(--border-color, #dee2e6);
    border-radius: 6px;
    margin: 10px 0;
    font-family: var(--font-family, system-ui, -apple-system, sans-serif);
}

.panel-header[b-xdwxwc7359] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    cursor: pointer;
    user-select: none;
    background: var(--bg-header, #e9ecef);
    border-radius: 6px 6px 0 0;
}

.collapsed .panel-header[b-xdwxwc7359] {
    border-radius: 6px;
}

.expand-icon[b-xdwxwc7359] {
    font-size: 12px;
    color: var(--text-muted, #6c757d);
    width: 16px;
}

.panel-title[b-xdwxwc7359] {
    font-weight: 600;
    color: var(--text-primary, #212529);
}

.score-badge[b-xdwxwc7359] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    margin-left: auto;
}

.score-badge.excellent[b-xdwxwc7359] {
    background: #d4edda;
    color: #155724;
}

.score-badge.good[b-xdwxwc7359] {
    background: #cce5ff;
    color: #004085;
}

.score-badge.review[b-xdwxwc7359] {
    background: #fff3cd;
    color: #856404;
}

.score-badge.suspicious[b-xdwxwc7359] {
    background: #f8d7da;
    color: #721c24;
}

.loading-indicator[b-xdwxwc7359] {
    margin-left: auto;
    color: var(--text-muted, #6c757d);
    font-style: italic;
}

.panel-content[b-xdwxwc7359] {
    padding: 16px;
    border-top: 1px solid var(--border-color, #dee2e6);
}

.panel-content.error[b-xdwxwc7359] {
    background: #f8d7da;
}

.panel-content.empty[b-xdwxwc7359] {
    text-align: center;
    color: var(--text-muted, #6c757d);
}

.error-message[b-xdwxwc7359] {
    color: #721c24;
}

.empty-message[b-xdwxwc7359] {
    margin-bottom: 12px;
}

.btn-validate[b-xdwxwc7359] {
    padding: 8px 24px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
}

.btn-validate:hover[b-xdwxwc7359] {
    background: #0056b3;
}

/* Summary Section */
.summary-section[b-xdwxwc7359] {
    margin-bottom: 16px;
}

.summary-section h4[b-xdwxwc7359] {
    margin: 0 0 12px 0;
    font-size: 16px;
    color: var(--text-primary, #212529);
}

.summary-stats[b-xdwxwc7359] {
    display: flex;
    gap: 16px;
    margin-bottom: 8px;
}

.stat-item[b-xdwxwc7359] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 16px;
    border-radius: 4px;
    min-width: 60px;
}

.stat-item.ok[b-xdwxwc7359] {
    background: #d4edda;
}

.stat-item.uncommon[b-xdwxwc7359] {
    background: #d6eaf8;
}

.stat-item.rare[b-xdwxwc7359] {
    background: #fdebd0;
}

.stat-item.novel[b-xdwxwc7359] {
    background: #e8daef;
}

.stat-item.total[b-xdwxwc7359] {
    background: #e9ecef;
}

.stat-value[b-xdwxwc7359] {
    font-size: 24px;
    font-weight: 600;
}

.stat-label[b-xdwxwc7359] {
    font-size: 12px;
    color: var(--text-muted, #6c757d);
}

.data-snapshot[b-xdwxwc7359] {
    font-size: 12px;
    color: var(--text-muted, #6c757d);
}

/* Alerts Section */
.alerts-section[b-xdwxwc7359] {
    margin-bottom: 16px;
}

.alert[b-xdwxwc7359] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 12px;
    margin-bottom: 6px;
    border-radius: 4px;
    font-size: 13px;
}

.alert.novelty[b-xdwxwc7359] {
    background: #e8daef;
    border-left: 4px solid #8e44ad;
}

.alert.rarity[b-xdwxwc7359] {
    background: #fdebd0;
    border-left: 4px solid #e67e22;
}

.alert-icon[b-xdwxwc7359] {
    font-weight: bold;
    width: 16px;
    text-align: center;
}

.alert-text[b-xdwxwc7359] {
    flex: 1;
}

/* Match Section */
.match-section[b-xdwxwc7359] {
    margin-bottom: 16px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
}

.match-section h4[b-xdwxwc7359] {
    margin: 0 0 8px 0;
    font-size: 14px;
}

.match-info[b-xdwxwc7359] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.match-label[b-xdwxwc7359] {
    font-weight: 500;
}

.match-strength[b-xdwxwc7359] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
}

.match-strength.strong[b-xdwxwc7359] {
    background: #d4edda;
    color: #155724;
}

.match-strength.moderate[b-xdwxwc7359] {
    background: #fff3cd;
    color: #856404;
}

.match-strength.weak[b-xdwxwc7359] {
    background: #f8d7da;
    color: #721c24;
}

.match-metrics[b-xdwxwc7359] {
    display: flex;
    gap: 16px;
    font-size: 12px;
    color: var(--text-muted, #6c757d);
}

/* Variables Section */
.variables-section[b-xdwxwc7359] {
    margin-top: 16px;
}

.section-header[b-xdwxwc7359] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    cursor: pointer;
    user-select: none;
    background: #e9ecef;
    border-radius: 4px;
    font-weight: 500;
}

.section-header:hover[b-xdwxwc7359] {
    background: #dee2e6;
}

.variables-table[b-xdwxwc7359] {
    margin-top: 8px;
    font-size: 13px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    overflow: hidden;
}

.table-header[b-xdwxwc7359] {
    display: grid;
    grid-template-columns: 40px 1fr 100px 50px 90px 70px 70px;
    gap: 8px;
    padding: 8px 12px;
    background: #343a40;
    color: white;
    font-weight: 500;
}

.table-row[b-xdwxwc7359] {
    display: grid;
    grid-template-columns: 40px 1fr 100px 50px 90px 70px 70px;
    gap: 8px;
    padding: 6px 12px;
    border-top: 1px solid #dee2e6;
}

.table-row:nth-child(even)[b-xdwxwc7359] {
    background: #f8f9fa;
}

.table-row.row-ok[b-xdwxwc7359] {
    background: rgba(212, 237, 218, 0.3);
}

.table-row.row-uncommon[b-xdwxwc7359] {
    background: rgba(52, 152, 219, 0.1);
}

.table-row.row-rare[b-xdwxwc7359] {
    background: rgba(230, 126, 34, 0.15);
}

.table-row.row-novel[b-xdwxwc7359] {
    background: rgba(142, 68, 173, 0.15);
}

.col-name[b-xdwxwc7359] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-assess[b-xdwxwc7359] {
    text-align: center;
    border-radius: 3px;
    padding: 2px 4px;
}

.assessment-ok[b-xdwxwc7359] {
    background: #d4edda;
    color: #155724;
}

.assessment-uncommon[b-xdwxwc7359] {
    background: #d6eaf8;
    color: #1a5276;
}

.assessment-rare[b-xdwxwc7359] {
    background: #fdebd0;
    color: #935116;
}

.assessment-novel[b-xdwxwc7359] {
    background: #e8daef;
    color: #6c3483;
}

.col-prob[b-xdwxwc7359], .col-zscore[b-xdwxwc7359] {
    text-align: right;
    font-family: monospace;
}
/* /Pages/CorrmatecFlangeFea.razor.rz.scp.css */
.corrmatec-page[b-sge3vo8l8t] {
    --navy-950: #031321;
    --navy-900: #082235;
    --cyan-700: #0e7490;
    --cyan-500: #06b6d4;
    --cyan-100: #cffafe;
    --slate-700: #334155;
    --slate-500: #64748b;
    --slate-200: #e2e8f0;
    box-sizing: border-box;
    display: block;
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    padding: 24px clamp(18px, 4vw, 64px) 64px;
    color: var(--navy-950);
    background:
        radial-gradient(circle at 92% 2%, rgba(6, 182, 212, 0.1), transparent 26rem),
        #f4f8fb;
}

.corrmatec-hero[b-sge3vo8l8t] {
    max-width: 1440px;
    margin: 0 auto;
    padding: clamp(22px, 4vw, 54px);
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 24px;
    background: linear-gradient(135deg, var(--navy-950) 0%, var(--navy-900) 68%, #0b3f54 100%);
    box-shadow: 0 24px 60px rgba(3, 19, 33, 0.18);
    overflow: hidden;
}

.back-button[b-sge3vo8l8t] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    color: #bae6fd;
    background: none;
    border: 0;
    font: inherit;
    font-weight: 650;
    cursor: pointer;
}

.back-button:hover[b-sge3vo8l8t] {
    color: #fff;
}

.hero-layout[b-sge3vo8l8t] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
    gap: clamp(32px, 5vw, 72px);
    align-items: center;
    margin-top: clamp(28px, 4vw, 52px);
}

.eyebrow[b-sge3vo8l8t],
.section-kicker[b-sge3vo8l8t],
.partner-label[b-sge3vo8l8t] {
    margin: 0 0 14px;
    color: var(--cyan-500);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.hero-copy h1[b-sge3vo8l8t] {
    max-width: 720px;
    margin: 0;
    color: #fff;
    font-size: clamp(2.15rem, 4.2vw, 4.5rem);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.hero-lead[b-sge3vo8l8t] {
    max-width: 690px;
    margin: 24px 0 0;
    color: #cbd5e1;
    font-size: clamp(1rem, 1.45vw, 1.22rem);
    line-height: 1.7;
}

.hero-status[b-sge3vo8l8t] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 26px;
    padding: 9px 13px;
    color: #dff9ff;
    border: 1px solid rgba(34, 211, 238, 0.3);
    border-radius: 999px;
    background: rgba(8, 145, 178, 0.16);
    font-size: 0.88rem;
    font-weight: 650;
}

.status-dot[b-sge3vo8l8t] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.14);
}

.hero-actions[b-sge3vo8l8t] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.primary-action[b-sge3vo8l8t],
.secondary-action[b-sge3vo8l8t],
.download-button[b-sge3vo8l8t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    padding: 11px 18px;
    border-radius: 10px;
    font: inherit;
    font-weight: 750;
    text-decoration: none;
}

.primary-action[b-sge3vo8l8t],
.download-button[b-sge3vo8l8t] {
    color: #fff;
    border: 1px solid #0891b2;
    background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
    box-shadow: 0 8px 20px rgba(8, 145, 178, 0.22);
}

.primary-action:hover[b-sge3vo8l8t],
.download-button:hover[b-sge3vo8l8t] {
    color: #fff;
    border-color: #22d3ee;
    background: linear-gradient(135deg, #06b6d4 0%, #0e7490 100%);
    box-shadow: 0 10px 24px rgba(8, 145, 178, 0.3);
}

.secondary-action[b-sge3vo8l8t] {
    color: #e6fbff;
    border: 1px solid rgba(34, 211, 238, 0.46);
    background: rgba(8, 145, 178, 0.14);
}

.secondary-action:hover[b-sge3vo8l8t] {
    color: #fff;
    border-color: #22d3ee;
    background: rgba(8, 145, 178, 0.28);
}

.hero-visual[b-sge3vo8l8t] {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(125, 211, 252, 0.28);
    border-radius: 18px;
    background: #020d18;
    box-shadow: 0 28px 54px rgba(0, 0, 0, 0.34);
}

.hero-visual img[b-sge3vo8l8t] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.hero-visual figcaption[b-sge3vo8l8t] {
    padding: 10px 14px;
    color: #94a3b8;
    background: rgba(3, 19, 33, 0.94);
    font-size: 0.76rem;
}

.content-section[b-sge3vo8l8t],
.capabilities-section[b-sge3vo8l8t],
.download-section[b-sge3vo8l8t] {
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
}

.intro-section[b-sge3vo8l8t] {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: clamp(36px, 7vw, 110px);
    align-items: end;
    padding: clamp(60px, 8vw, 108px) 0;
    border-bottom: 1px solid var(--slate-200);
}

.intro-section h2[b-sge3vo8l8t],
.section-heading h2[b-sge3vo8l8t],
.download-copy h2[b-sge3vo8l8t],
.partner-card h2[b-sge3vo8l8t] {
    margin: 0;
    color: var(--navy-950);
    font-size: clamp(1.75rem, 3vw, 2.8rem);
    line-height: 1.13;
    letter-spacing: -0.028em;
}

.intro-section > p[b-sge3vo8l8t] {
    margin: 0;
    color: var(--slate-700);
    font-size: 1.08rem;
    line-height: 1.8;
}

.capabilities-section[b-sge3vo8l8t] {
    padding: clamp(58px, 8vw, 100px) 0;
}

.section-heading[b-sge3vo8l8t] {
    max-width: 760px;
    margin-bottom: 34px;
}

.capability-grid[b-sge3vo8l8t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.capability-card[b-sge3vo8l8t] {
    min-height: 220px;
    padding: 26px;
    border: 1px solid var(--slate-200);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.capability-number[b-sge3vo8l8t] {
    display: block;
    margin-bottom: 40px;
    color: var(--cyan-700);
    font-size: 0.82rem;
    font-weight: 850;
    letter-spacing: 0.12em;
}

.capability-card h3[b-sge3vo8l8t] {
    margin: 0 0 12px;
    color: var(--navy-950);
    font-size: 1.12rem;
}

.capability-card p[b-sge3vo8l8t],
.download-copy p[b-sge3vo8l8t],
.partner-description[b-sge3vo8l8t] {
    margin: 0;
    color: var(--slate-500);
    line-height: 1.65;
}

.download-section[b-sge3vo8l8t] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    gap: 24px;
    align-items: stretch;
}

.download-copy[b-sge3vo8l8t],
.partner-card[b-sge3vo8l8t] {
    padding: clamp(28px, 4vw, 48px);
    border-radius: 20px;
}

.download-copy[b-sge3vo8l8t] {
    border: 1px solid #b9e8f1;
    background: linear-gradient(135deg, #eafcff 0%, #f8fdff 100%);
}

.download-copy > p:not(.section-kicker):not(.download-note)[b-sge3vo8l8t] {
    max-width: 760px;
    margin-top: 18px;
}

.access-notice[b-sge3vo8l8t] {
    display: grid;
    max-width: 760px;
    margin-top: 24px;
    padding: 16px 18px;
    border: 1px solid rgba(8, 145, 178, 0.28);
    border-radius: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 13px;
    color: var(--cyan-700);
    background: rgba(255, 255, 255, 0.72);
}

.access-notice strong[b-sge3vo8l8t] {
    display: block;
    color: var(--navy-950);
    font-size: 0.92rem;
}

.access-notice p[b-sge3vo8l8t] {
    margin: 5px 0 0;
    color: var(--slate-700);
    font-size: 0.86rem;
    line-height: 1.55;
}

.access-notice a[b-sge3vo8l8t] {
    color: var(--cyan-700);
    font-weight: 750;
}

.access-notice a:hover[b-sge3vo8l8t] {
    color: var(--navy-900);
}

.download-button[b-sge3vo8l8t] {
    margin-top: 26px;
}

.download-note[b-sge3vo8l8t] {
    margin-top: 10px !important;
    font-size: 0.78rem;
}

.partner-card[b-sge3vo8l8t] {
    color: #fff;
    background: linear-gradient(145deg, var(--navy-950) 0%, #0b3b50 100%);
}

.partner-card h2[b-sge3vo8l8t] {
    color: #fff;
}

.partner-description[b-sge3vo8l8t] {
    margin-top: 16px;
    color: #bdced8;
}

.contact-block[b-sge3vo8l8t] {
    display: grid;
    gap: 4px;
    margin-top: 34px;
    padding-top: 22px;
    border-top: 1px solid rgba(148, 163, 184, 0.24);
}

.contact-block span[b-sge3vo8l8t] {
    color: #7dd3fc;
    font-size: 0.76rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.contact-block strong[b-sge3vo8l8t] {
    margin-top: 4px;
    font-size: 1.08rem;
}

.contact-block a[b-sge3vo8l8t] {
    color: #67e8f9;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.contact-block a:hover[b-sge3vo8l8t] {
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .hero-layout[b-sge3vo8l8t],
    .intro-section[b-sge3vo8l8t],
    .download-section[b-sge3vo8l8t] {
        grid-template-columns: 1fr;
    }

    .hero-layout[b-sge3vo8l8t] {
        gap: 40px;
    }

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

@media (max-width: 640px) {
    .corrmatec-page[b-sge3vo8l8t] {
        padding: 12px 12px 40px;
    }

    .corrmatec-hero[b-sge3vo8l8t] {
        border-radius: 16px;
    }

    .hero-actions[b-sge3vo8l8t],
    .primary-action[b-sge3vo8l8t],
    .secondary-action[b-sge3vo8l8t] {
        width: 100%;
    }

    .capability-grid[b-sge3vo8l8t] {
        grid-template-columns: 1fr;
    }

    .capability-card[b-sge3vo8l8t] {
        min-height: auto;
    }

    .capability-number[b-sge3vo8l8t] {
        margin-bottom: 24px;
    }
}
/* /Pages/Import.razor.rz.scp.css */
.import-page[b-fx8r47cbf4] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 2rem;
}

.import-loading[b-fx8r47cbf4],
.import-error[b-fx8r47cbf4],
.import-success[b-fx8r47cbf4] {
    background: white;
    border-radius: 12px;
    padding: 3rem;
    max-width: 600px;
    width: 100%;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    text-align: center;
}

/* Loading State */
.import-loading[b-fx8r47cbf4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.spinner[b-fx8r47cbf4] {
    width: 64px;
    height: 64px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-fx8r47cbf4 1s linear infinite;
}

@keyframes spin-b-fx8r47cbf4 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.import-loading h2[b-fx8r47cbf4] {
    margin: 0;
    color: #333;
    font-size: 1.5rem;
}

.import-loading p[b-fx8r47cbf4] {
    margin: 0;
    color: #666;
    font-size: 1rem;
}

/* Error State */
.import-error[b-fx8r47cbf4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.error-icon[b-fx8r47cbf4] {
    color: #e53e3e;
}

.import-error h2[b-fx8r47cbf4] {
    margin: 0;
    color: #e53e3e;
    font-size: 1.75rem;
}

.error-message[b-fx8r47cbf4] {
    color: #666;
    font-size: 1rem;
    line-height: 1.6;
}

.error-actions[b-fx8r47cbf4] {
    margin-top: 1rem;
}

/* Success State */
.import-success[b-fx8r47cbf4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.success-icon[b-fx8r47cbf4] {
    color: #38a169;
}

.import-success h2[b-fx8r47cbf4] {
    margin: 0;
    color: #38a169;
    font-size: 1.75rem;
}

.success-message[b-fx8r47cbf4] {
    color: #666;
    font-size: 1.1rem;
    line-height: 1.6;
}

.success-message strong[b-fx8r47cbf4] {
    color: #333;
    font-weight: 600;
}

.import-summary[b-fx8r47cbf4] {
    width: 100%;
    text-align: left;
    background: #f7fafc;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1rem;
}

.import-summary h3[b-fx8r47cbf4] {
    margin: 0 0 1rem 0;
    color: #333;
    font-size: 1.1rem;
}

.import-summary ul[b-fx8r47cbf4] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.import-summary li[b-fx8r47cbf4] {
    padding: 0.75rem 0;
    border-bottom: 1px solid #e2e8f0;
    color: #333;
}

.import-summary li:last-child[b-fx8r47cbf4] {
    border-bottom: none;
}

.import-summary strong[b-fx8r47cbf4] {
    color: #667eea;
    font-weight: 600;
}

.variable-count[b-fx8r47cbf4] {
    color: #666;
    font-size: 0.9rem;
    margin-left: 0.5rem;
}

.success-actions[b-fx8r47cbf4] {
    margin-top: 1rem;
}

/* Buttons */
.btn[b-fx8r47cbf4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-primary[b-fx8r47cbf4] {
    background: #667eea;
    color: white;
}

.btn-primary:hover[b-fx8r47cbf4] {
    background: #5568d3;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.btn-primary:active[b-fx8r47cbf4] {
    transform: translateY(0);
}

.btn svg[b-fx8r47cbf4] {
    flex-shrink: 0;
}
/* /Pages/Index.razor.rz.scp.css */
.shared-session-view-only[b-xlbflk3gku] {
    flex: 0 0 auto;
    padding: 5px 12px;
    border-bottom: 1px solid #dfc57c;
    background: #fff4d7;
    color: #6c5313;
    font-size: 0.78rem;
    font-weight: 600;
    text-align: center;
}

.app-layout[b-xlbflk3gku] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.app-layout.welcome-screen[b-xlbflk3gku] {
    height: 100%;
    overflow: hidden;
}

.app-layout.welcome-screen[b-xlbflk3gku]  .app-container {
    min-height: 0;
    overflow: hidden;
}

.app-layout.welcome-screen[b-xlbflk3gku]  .main-panel {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.app-layout.welcome-screen[b-xlbflk3gku]  .welcome-section {
    flex: 0 0 auto;
    min-height: 100%;
}

/* Module information popover */
.module-info-popover[b-xlbflk3gku] {
    position: absolute;
    left: calc(100% + 8px);
    top: 0;
    width: 260px;
    background: #ffffff;
    border: 1px solid #c7d5dc;
    border-radius: 12px;
    box-shadow: 0 14px 30px rgba(18, 39, 58, 0.14);
    padding: 10px 12px;
    z-index: 10001;
    font-size: 0.78rem;
    color: #334155;
}

.info-popover-header[b-xlbflk3gku] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #dde7ec;
    font-size: 0.85rem;
}

.btn-close-popover[b-xlbflk3gku] {
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
}

.btn-close-popover:hover[b-xlbflk3gku] {
    background: #f4f8fa;
    color: #475569;
}

.info-row[b-xlbflk3gku] {
    margin: 4px 0;
    line-height: 1.4;
}

.info-label[b-xlbflk3gku] {
    color: #64748b;
    font-weight: 600;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.info-description[b-xlbflk3gku] {
    color: #64748b;
    font-style: italic;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid #f1f5f9;
}

/* Inline module-tab rename control */
.tab-rename-input[b-xlbflk3gku] {
    flex: 1;
    border: 1px solid #1c8a9b;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 0.8rem;
    outline: none;
    min-width: 0;
    background: #ffffff;
    color: #334155;
    cursor: text;
    user-select: text;
}

/* Module-tab presentation and parent-owned drag states */
.module-tab[b-xlbflk3gku] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    margin: 2px 0;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid #c7d5dc;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    color: #334155;
}

.module-tab:hover[b-xlbflk3gku] {
    background: #f5f9fb;
    border-color: #94b8be;
}

.module-tab:focus-visible[b-xlbflk3gku],
.module-subtab:focus-visible[b-xlbflk3gku] {
    outline: 2px solid #1c8a9b;
    outline-offset: 2px;
}

.module-tab.active[b-xlbflk3gku] {
    background: linear-gradient(180deg, #1c8a9b 0%, #166f7d 100%);
    border-color: #1c8a9b;
    color: #f4fffe;
    box-shadow:
        inset 0 0 0 1px rgba(186, 239, 240, 0.14),
        0 8px 18px rgba(12, 86, 94, 0.22);
}

.module-tabs.ac-dragging .module-tab[b-xlbflk3gku] {
    transition: border-color 0.08s, background 0.08s, box-shadow 0.08s, transform 0.08s;
}

.module-tabs.ac-dragging .module-tab:not(.ac-drag-source)[b-xlbflk3gku] {
    border: 1px dashed rgba(45, 142, 96, 0.5);
    background: rgba(46, 160, 103, 0.06);
}

.module-tab.ac-drag-source[b-xlbflk3gku] {
    opacity: 0.6;
    transform: translateX(2px);
    border-color: #2b95a6 !important;
    background: rgba(28, 138, 155, 0.14) !important;
    box-shadow: inset 3px 0 0 #1c8a9b !important;
}

.module-tab.ac-drag-over[b-xlbflk3gku] {
    position: relative;
    border: 2px solid #22a06b !important;
    background: linear-gradient(180deg, rgba(35, 176, 112, 0.30) 0%, rgba(35, 176, 112, 0.20) 100%) !important;
    box-shadow:
        0 0 0 3px rgba(34, 160, 107, 0.28),
        0 8px 20px rgba(21, 128, 79, 0.28) !important;
    transform: translateX(5px) scale(1.02);
    z-index: 5;
}

/* Arrange mode: tabs read as sortable rows, the drop position is an
   insertion line above or below the hovered tab. */
.module-tabs.arrange-mode .module-tab[b-xlbflk3gku] {
    cursor: grab;
}

.module-tabs.arrange-mode.ac-dragging .module-tab:not(.ac-drag-source)[b-xlbflk3gku] {
    border: 1px solid #c7d5dc;
    background: rgba(255, 255, 255, 0.88);
}

.module-tab.ac-insert-before[b-xlbflk3gku],
.module-tab.ac-insert-after[b-xlbflk3gku] {
    position: relative;
}

.module-tab.ac-insert-before[b-xlbflk3gku]::before,
.module-tab.ac-insert-after[b-xlbflk3gku]::before {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    height: 3px;
    border-radius: 2px;
    background: #1c8a9b;
    box-shadow: 0 0 0 2px rgba(28, 138, 155, 0.25);
    z-index: 6;
    pointer-events: none;
}

.module-tab.ac-insert-before[b-xlbflk3gku]::before {
    top: -3px;
}

.module-tab.ac-insert-after[b-xlbflk3gku]::before {
    bottom: -3px;
}

.module-tab.ac-drag-over[b-xlbflk3gku]::after {
    content: "↳ Connect with " var(--ac-drag-source, "module");
    position: absolute;
    inset: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    color: #fff;
    background: #16a34a;
    border-radius: 7px;
    box-shadow: inset 0 0 0 2px #15803d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    animation: acDropBadgePop-b-xlbflk3gku 0.1s ease-out;
}

@keyframes acDropBadgePop-b-xlbflk3gku {
    from { opacity: 0; transform: scale(0.96); }
    to   { opacity: 1; transform: scale(1); }
}

.btn-toggle-subtabs[b-xlbflk3gku] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid rgba(20, 49, 79, 0.14);
    background: rgba(255, 255, 255, 0.65);
    color: #5a7280;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-toggle-subtabs:hover[b-xlbflk3gku] {
    background: rgba(28, 138, 155, 0.10);
    border-color: rgba(28, 138, 155, 0.35);
    color: #166f7d;
}

.module-tab.active .btn-toggle-subtabs[b-xlbflk3gku] {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.24);
    color: rgba(255, 255, 255, 0.88);
}

.module-tab.active .btn-toggle-subtabs:hover[b-xlbflk3gku] {
    background: rgba(255, 255, 255, 0.26);
    color: #ffffff;
}

/* Internal read-only submodules */
.module-subtabs[b-xlbflk3gku] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.module-subtab[b-xlbflk3gku] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px 2px 22px;
    margin: 1px 0 1px 14px;
    font-size: 0.72rem;
    color: #5a7280;
    background: transparent;
    border-left: 2px solid rgba(20, 49, 79, 0.10);
    border-radius: 0 6px 6px 0;
    cursor: pointer;
}

.module-subtab:hover[b-xlbflk3gku] {
    background: rgba(20, 49, 79, 0.04);
    color: #334155;
}

.module-subtab.active[b-xlbflk3gku] {
    background: rgba(28, 138, 155, 0.12);
    border-left-color: #1c8a9b;
    color: #14314f;
}

.subtab-connector[b-xlbflk3gku] {
    color: rgba(20, 49, 79, 0.35);
    flex-shrink: 0;
}

.subtab-label[b-xlbflk3gku] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subtab-meta[b-xlbflk3gku] {
    font-size: 0.65rem;
    color: #8a9aa8;
    padding: 0 4px;
    background: rgba(20, 49, 79, 0.05);
    border-radius: 3px;
}

.module-tab[draggable="true"][b-xlbflk3gku] {
    cursor: grab;
}

.module-tab[draggable="true"]:active[b-xlbflk3gku] {
    cursor: grabbing;
}

.tab-name[b-xlbflk3gku] {
    flex: 1;
    font-size: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}

.btn-close-tab[b-xlbflk3gku] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.15s;
    flex-shrink: 0;
    padding: 0;
}

.module-tab:hover .btn-close-tab[b-xlbflk3gku] {
    opacity: 0.7;
}

.btn-close-tab:hover[b-xlbflk3gku] {
    background: rgba(0,0,0,0.08);
    opacity: 1 !important;
    color: #475569;
}

.module-tab.active .btn-close-tab[b-xlbflk3gku] {
    color: rgba(255,255,255,0.5);
}

.module-tab.active:hover .btn-close-tab[b-xlbflk3gku] {
    opacity: 0.8;
}

.module-tab.active .btn-close-tab:hover[b-xlbflk3gku] {
    background: rgba(255,255,255,0.2);
    color: #ffffff;
    opacity: 1 !important;
}

.module-tab.multi-selected[b-xlbflk3gku] {
    background: rgba(28, 138, 155, 0.15);
    border-color: #1c8a9b;
    outline: 2px solid rgba(28, 138, 155, 0.5);
    outline-offset: -2px;
}
/* /Pages/MaterialInfo.razor.rz.scp.css */
/* ============================================================
   Material Info Page - Scoped Styles
   ============================================================ */

/* Container */
.mi-container[b-skkr529w36] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f6f8;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Header */
.mi-header[b-skkr529w36] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 24px;
    background: linear-gradient(135deg, #1e3a5f 0%, #2b5797 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(30, 58, 95, 0.18);
}

.mi-header h1[b-skkr529w36] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border: none;
    letter-spacing: 0.2px;
}

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

.mi-header-icon[b-skkr529w36] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    flex-shrink: 0;
}

.mi-subtitle[b-skkr529w36] {
    font-size: 12px;
    color: rgba(255,255,255,0.65);
    margin-top: 1px;
}

.mi-btn-reload[b-skkr529w36] {
    padding: 7px 14px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 6px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.15s;
}
.mi-btn-reload:hover[b-skkr529w36] { background: rgba(255,255,255,0.2); }
.mi-btn-reload:disabled[b-skkr529w36] { opacity: 0.5; cursor: not-allowed; }

/* Buttons */
.mi-btn[b-skkr529w36] {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.15s;
}

.mi-btn-secondary[b-skkr529w36] {
    padding: 8px 16px;
    border: 1px solid #d0d4dc;
    border-radius: 6px;
    background: #fff;
    color: #3a3f50;
    font-size: 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.15s;
}
.mi-btn-secondary:hover[b-skkr529w36] { background: #f0f2f5; }
.mi-btn-secondary:disabled[b-skkr529w36] { opacity: 0.5; cursor: not-allowed; }

.mi-btn-link[b-skkr529w36] {
    background: none;
    border: none;
    color: #2b5797;
    font-size: 13px;
    cursor: pointer;
    padding: 4px 8px;
}
.mi-btn-link:hover[b-skkr529w36] { text-decoration: underline; }

.mi-btn-close[b-skkr529w36] {
    background: none;
    border: none;
    cursor: pointer;
    color: #8a8fa3;
    padding: 4px;
    border-radius: 4px;
}
.mi-btn-close:hover[b-skkr529w36] { background: #f0f2f5; color: #1a1a2e; }

/* Search Bar */
.mi-search-bar[b-skkr529w36] {
    padding: 12px 24px;
    background: #fff;
    border-bottom: 1px solid #e0e4e8;
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

/* Regelwerk Group Chips */
.mi-regelwerk-chips[b-skkr529w36] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}

.mi-chip[b-skkr529w36] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border: 1px solid #d0d4dc;
    border-radius: 14px;
    font-size: 11px;
    font-weight: 500;
    color: #4a4f63;
    background: #fff;
    cursor: pointer;
    user-select: none;
    transition: all 0.15s;
    white-space: nowrap;
}
.mi-chip:hover[b-skkr529w36] { border-color: #2b5797; color: #2b5797; }
.mi-chip input[type="checkbox"][b-skkr529w36] { display: none; }
.mi-chip-active[b-skkr529w36] {
    background: #2b5797;
    border-color: #2b5797;
    color: #fff;
}

.mi-search-input-wrap[b-skkr529w36] {
    position: relative;
    flex: 1;
    min-width: 250px;
    max-width: 500px;
}

.mi-search-icon[b-skkr529w36] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #8a8fa3;
    pointer-events: none;
}

.mi-search-input[b-skkr529w36] {
    width: 100%;
    padding: 9px 36px 9px 40px;
    border: 1px solid #d0d4dc;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}
.mi-search-input:focus[b-skkr529w36] { border-color: #2b5797; box-shadow: 0 0 0 2px rgba(43,87,151,0.1); }

.mi-search-clear[b-skkr529w36] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #8a8fa3;
    padding: 2px;
}
.mi-search-clear:hover[b-skkr529w36] { color: #e74c3c; }

/* Filters */
.mi-filters[b-skkr529w36] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mi-select[b-skkr529w36] {
    padding: 8px 12px;
    border: 1px solid #d0d4dc;
    border-radius: 6px;
    font-size: 13px;
    background: #fff;
    color: #3a3f50;
    outline: none;
    cursor: pointer;
}
.mi-select:focus[b-skkr529w36] { border-color: #2b5797; }

/* Main Content */
.mi-content[b-skkr529w36] {
    flex: 1;
    display: flex;
    overflow: hidden;
}

/* Table Panel */
.mi-table-panel[b-skkr529w36] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: flex 0.2s;
}
.mi-table-panel.mi-table-narrow[b-skkr529w36] {
    flex: 0 0 50%;
    max-width: 50%;
}

.mi-table-scroll[b-skkr529w36] {
    flex: 1;
    overflow: auto;
}

/* Table */
.mi-table[b-skkr529w36] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.mi-table thead[b-skkr529w36] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.mi-table th[b-skkr529w36] {
    background: #f0f2f5;
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
    color: #4a4f63;
    border-bottom: 2px solid #d0d4dc;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.mi-table th:hover[b-skkr529w36] { background: #e4e7ed; }

.mi-th-id[b-skkr529w36] { width: 60px; }
.mi-th-num[b-skkr529w36] { width: 80px; text-align: right; }

/* Column filter row */
.mi-filter-row th[b-skkr529w36] {
    background: #f7f8fa;
    padding: 4px 6px;
    border-bottom: 2px solid #d0d4dc;
    cursor: default;
}
.mi-filter-row th:hover[b-skkr529w36] { background: #f7f8fa; }

.mi-col-filter[b-skkr529w36] {
    width: 100%;
    padding: 3px 4px;
    border: 1px solid #d0d4dc;
    border-radius: 4px;
    font-size: 11px;
    background: #fff;
    color: #3a3f50;
    outline: none;
    cursor: pointer;
    max-width: 180px;
}
.mi-col-filter:focus[b-skkr529w36] { border-color: #2b5797; }

.mi-table td[b-skkr529w36] {
    padding: 8px 12px;
    border-bottom: 1px solid #eef0f3;
    color: #2a2e3b;
}

.mi-td-id[b-skkr529w36] { color: #8a8fa3; font-size: 12px; }
.mi-td-nummer[b-skkr529w36] { font-weight: 600; color: #2b5797; }
.mi-td-num[b-skkr529w36] { text-align: right; }
.mi-td-notes[b-skkr529w36] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #6b7080;
}

.mi-detail-notes[b-skkr529w36] {
    font-style: italic;
    color: #4a4f63;
    line-height: 1.5;
}

.mi-table tbody tr[b-skkr529w36] {
    cursor: pointer;
    transition: background 0.1s;
}
.mi-table tbody tr:hover[b-skkr529w36] { background: #f0f4fa; }
.mi-table tbody tr.mi-row-selected[b-skkr529w36] { background: #e3ecf7; }

/* Badges */
.mi-badge[b-skkr529w36] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.mi-badge-ferrit[b-skkr529w36] { background: #e8f5e9; color: #2e7d32; }
.mi-badge-austenit[b-skkr529w36] { background: #e3f2fd; color: #1565c0; }
.mi-badge-martensit[b-skkr529w36] { background: #fce4ec; color: #c62828; }
.mi-badge-duplex[b-skkr529w36] { background: #fff3e0; color: #e65100; }
.mi-badge-other[b-skkr529w36] { background: #f3e5f5; color: #6a1b9a; }

/* Pagination */
.mi-pagination[b-skkr529w36] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 10px 24px;
    background: #fff;
    border-top: 1px solid #e0e4e8;
}

.mi-btn-page[b-skkr529w36] {
    padding: 6px 14px;
    border: 1px solid #d0d4dc;
    border-radius: 6px;
    background: #fff;
    color: #3a3f50;
    font-size: 13px;
    cursor: pointer;
}
.mi-btn-page:hover:not(:disabled)[b-skkr529w36] { background: #f0f2f5; }
.mi-btn-page:disabled[b-skkr529w36] { opacity: 0.4; cursor: not-allowed; }

.mi-page-info[b-skkr529w36] {
    font-size: 13px;
    color: #6b7080;
}

/* Detail Panel */
.mi-detail-panel[b-skkr529w36] {
    flex: 0 0 50%;
    max-width: 50%;
    overflow-y: auto;
    border-left: 1px solid #e0e4e8;
    background: #fff;
    padding: 20px 24px;
}

.mi-detail-header[b-skkr529w36] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid #2b5797;
}

.mi-detail-header h2[b-skkr529w36] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #1a1a2e;
}

.mi-detail-name[b-skkr529w36] {
    font-size: 15px;
    color: #6b7080;
    margin-top: 2px;
    display: block;
}

/* Detail Sections */
.mi-detail-section[b-skkr529w36] {
    margin-bottom: 24px;
}

.mi-detail-section h3[b-skkr529w36] {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 600;
    color: #2b5797;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Detail Grid */
.mi-detail-grid[b-skkr529w36] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 6px 12px;
}

.mi-detail-label[b-skkr529w36] {
    font-size: 13px;
    color: #6b7080;
    padding: 3px 0;
}

.mi-detail-value[b-skkr529w36] {
    font-size: 13px;
    color: #1a1a2e;
    font-weight: 500;
    padding: 3px 0;
}

/* Curve Selector */
.mi-curve-selector[b-skkr529w36] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.mi-curve-tab[b-skkr529w36] {
    padding: 6px 14px;
    border: 1px solid #d0d4dc;
    border-radius: 16px;
    background: #fff;
    color: #4a4f63;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}
.mi-curve-tab:hover[b-skkr529w36] { border-color: #2b5797; color: #2b5797; }
.mi-curve-tab.active[b-skkr529w36] {
    background: #2b5797;
    border-color: #2b5797;
    color: #fff;
}

/* Chart */
.mi-chart-container[b-skkr529w36] {
    background: #fff;
    border: 1px solid #e0e4e8;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
}

/* Data Table (collapsible) */
.mi-data-details[b-skkr529w36] {
    margin-top: 8px;
}

.mi-data-details summary[b-skkr529w36] {
    font-size: 13px;
    color: #2b5797;
    cursor: pointer;
    padding: 6px 0;
    font-weight: 500;
}

.mi-data-details h4[b-skkr529w36] {
    margin: 12px 0 6px 0;
    font-size: 13px;
    color: #4a4f63;
}

.mi-data-table[b-skkr529w36] {
    width: 100%;
    max-width: 400px;
    border-collapse: collapse;
    font-size: 12px;
    margin-bottom: 12px;
}
.mi-data-table th[b-skkr529w36] {
    background: #f0f2f5;
    padding: 6px 10px;
    text-align: right;
    font-weight: 600;
    color: #4a4f63;
    border-bottom: 1px solid #d0d4dc;
}
.mi-data-table td[b-skkr529w36] {
    padding: 5px 10px;
    text-align: right;
    border-bottom: 1px solid #eef0f3;
}

/* Loading & Empty States */
.mi-loading[b-skkr529w36], .mi-empty[b-skkr529w36] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #8a8fa3;
}

.mi-loading-small[b-skkr529w36] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px 0;
    color: #8a8fa3;
    font-size: 13px;
}

.mi-empty-small[b-skkr529w36] {
    padding: 20px 0;
    color: #8a8fa3;
    font-size: 13px;
}

/* Spinners */
.mi-spinner[b-skkr529w36] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #d0d4dc;
    border-top-color: #2b5797;
    border-radius: 50%;
    animation: mi-spin-b-skkr529w36 0.7s linear infinite;
}

.mi-spinner-large[b-skkr529w36] {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 3px solid #d0d4dc;
    border-top-color: #2b5797;
    border-radius: 50%;
    animation: mi-spin-b-skkr529w36 0.7s linear infinite;
}

@keyframes mi-spin-b-skkr529w36 {
    to { transform: rotate(360deg); }
}
/* /Pages/QuicksheetBuilder.razor.rz.scp.css */
.qv2-page[b-jre6zhrbmu] {
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    background: #f5f8fb;
}
.qv2-page nav[b-jre6zhrbmu] { position:sticky; top:0; z-index:10; display:flex; align-items:center; gap:16px; padding:10px 18px; background:#1d3656; color:#dbe6f1; }
.qv2-page nav button[b-jre6zhrbmu] { border:1px solid #8fa4bb; border-radius:6px; padding:6px 10px; background:transparent; color:white; cursor:pointer; }
/* /Pages/SolAlphaProject.razor.rz.scp.css */
/* SOL ALPHA Project - Scoped CSS */

.solalpha-container[b-8jz7pgsjwi] {
    --sa-navy-900: #10283d;
    --sa-navy-800: #17324d;
    --sa-navy-700: #244765;
    --sa-canvas: #f3f6f8;
    --sa-sidebar: #e8eff4;
    --sa-panel: #ffffff;
    --sa-panel-muted: #f7f9fb;
    --sa-border: #d6e0e7;
    --sa-border-strong: #bdcbd5;
    --sa-text: #20364d;
    --sa-text-muted: #61758a;
    --sa-text-soft: #7d8d9d;
    --sa-primary: #d98216;
    --sa-primary-hover: #bd6d0e;
    --sa-primary-soft: #fff1df;
    --sa-success: #397a57;
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: var(--sa-canvas);
    color: var(--sa-text);
    color-scheme: light;
    font-family: 'Segoe UI', system-ui, sans-serif;
}

.solalpha-container :is(button, input, select, textarea, .file-picker):focus-visible[b-8jz7pgsjwi] {
    outline: 3px solid rgba(217, 130, 22, 0.28);
    outline-offset: 2px;
}

/* Header */
.solalpha-header[b-8jz7pgsjwi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    background: linear-gradient(135deg, #f9fbfc 0%, #e8f0f5 100%);
    border-bottom: 1px solid #bfd0db;
    box-shadow: 0 2px 8px rgba(32, 54, 77, 0.12);
}

.header-left[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.header-logo[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-logo svg[b-8jz7pgsjwi] {
    color: #f3a23a;
}

.header-logo h1[b-8jz7pgsjwi] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    background: linear-gradient(135deg, #e99529 0%, #bd6d0e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.header-logo h1:focus[b-8jz7pgsjwi] {
    outline: none;
}

.header-subtitle[b-8jz7pgsjwi] {
    font-size: 0.85rem;
    color: #516a80;
    margin-left: 44px;
}

.header-right[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Status Badge */
.status-badge[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
}

.status-badge.public-mode[b-8jz7pgsjwi] {
    background: #eaf6ee;
    border: 1px solid #b5d9c2;
    color: #2f714c;
}

.status-badge svg[b-8jz7pgsjwi] {
    flex-shrink: 0;
}

.customer-badge[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: rgba(255, 255, 255, 0.82);
    border-radius: 20px;
    border: 1px solid #b7c9d5;
    color: var(--sa-text);
    box-shadow: 0 1px 3px rgba(32, 54, 77, 0.08);
}

.customer-name[b-8jz7pgsjwi] {
    font-weight: 500;
}

.access-level[b-8jz7pgsjwi] {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.access-level-readonly[b-8jz7pgsjwi] { background: #555; color: #ccc; }
.access-level-customer[b-8jz7pgsjwi] { background: #2196f3; color: white; }
.access-level-developer[b-8jz7pgsjwi] { background: #9c27b0; color: white; }
.access-level-admin[b-8jz7pgsjwi] { background: #f44336; color: white; }

/* Error Banner */
.error-banner[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: #fff1f0;
    border-bottom: 1px solid #e9b8b5;
    color: #8a3732;
}

.error-banner svg[b-8jz7pgsjwi] {
    flex-shrink: 0;
    color: #b64b45;
}

.error-banner span[b-8jz7pgsjwi] {
    flex: 1;
}

.success-banner[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: #edf8f2;
    border-bottom: 1px solid #b8ddc9;
    color: #285f44;
}

.success-banner > span[b-8jz7pgsjwi] {
    flex: 1;
}

.success-banner > svg[b-8jz7pgsjwi] {
    color: var(--sa-success);
    flex-shrink: 0;
}

/* Buttons */
.btn[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn:disabled[b-8jz7pgsjwi] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-primary[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, #e18b1f 0%, var(--sa-primary) 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-hover) 100%);
    box-shadow: 0 3px 10px rgba(189, 109, 14, 0.24);
}

.btn-secondary[b-8jz7pgsjwi] {
    background: #fff;
    color: var(--sa-text);
    border: 1px solid var(--sa-border-strong);
}

.btn-secondary:hover:not(:disabled)[b-8jz7pgsjwi] {
    background: #edf3f7;
    border-color: #9fb1bf;
}

.btn-compact[b-8jz7pgsjwi] {
    padding: 6px 10px;
    font-size: 0.82rem;
}

.btn-link[b-8jz7pgsjwi] {
    color: var(--sa-text-muted);
    background: transparent;
}

.btn-link:hover:not(:disabled)[b-8jz7pgsjwi] {
    color: var(--sa-text);
    background: #edf3f7;
}

.btn-danger-subtle[b-8jz7pgsjwi] {
    color: #a3433e;
    background: transparent;
    border: 1px solid #8f4845;
}

.btn-danger-subtle:hover:not(:disabled)[b-8jz7pgsjwi] {
    color: #fff;
    background: #a3433e;
}

.btn-icon[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--sa-text-muted);
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-icon:hover[b-8jz7pgsjwi] {
    background: #e7eef3;
    color: var(--sa-navy-700);
}

.btn-icon:disabled[b-8jz7pgsjwi] {
    opacity: 0.45;
    cursor: wait;
}

.btn-icon .spinner-small[b-8jz7pgsjwi] {
    border-color: #c7d3dc;
    border-top-color: var(--sa-primary);
}

.btn-close[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: var(--sa-text-muted);
    cursor: pointer;
}

.btn-close:hover[b-8jz7pgsjwi] {
    background: rgba(32, 54, 77, 0.08);
    color: var(--sa-text);
}

/* Main Content */
.solalpha-main[b-8jz7pgsjwi] {
    flex: 1;
    overflow: hidden;
    display: flex;
}

/* Welcome Screen */
.welcome-screen[b-8jz7pgsjwi] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.welcome-content[b-8jz7pgsjwi] {
    text-align: center;
    max-width: 500px;
}

.welcome-icon[b-8jz7pgsjwi] {
    color: var(--sa-primary);
    margin-bottom: 24px;
}

.welcome-content h2[b-8jz7pgsjwi] {
    margin: 0 0 12px;
    font-size: 1.75rem;
    color: var(--sa-text);
}

.welcome-content > p[b-8jz7pgsjwi] {
    margin: 0 0 32px;
    color: var(--sa-text-muted);
    font-size: 1.1rem;
}

.welcome-features[b-8jz7pgsjwi] {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-bottom: 32px;
}

.feature[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: var(--sa-text-muted);
}

.feature svg[b-8jz7pgsjwi] {
    color: var(--sa-primary);
}

.welcome-hint[b-8jz7pgsjwi] {
    color: var(--sa-text-soft);
    font-size: 0.9rem;
}

/* Content Layout */
.content-layout[b-8jz7pgsjwi] {
    flex: 1;
    display: flex;
    overflow: hidden;
}

/* Sidebar */
.sidebar[b-8jz7pgsjwi] {
    width: 220px;
    background: var(--sa-sidebar);
    border-right: 1px solid var(--sa-border);
    display: flex;
    flex-direction: column;
}

.sidebar-nav[b-8jz7pgsjwi] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nav-item[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #476078;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    width: 100%;
}

.nav-item:hover[b-8jz7pgsjwi] {
    background: #dbe6ed;
    color: var(--sa-navy-800);
}

.nav-item.active[b-8jz7pgsjwi] {
    background: var(--sa-primary-soft);
    box-shadow: inset 3px 0 0 var(--sa-primary);
    color: #a45a08;
}

.nav-item.active svg[b-8jz7pgsjwi] {
    color: var(--sa-primary);
}

.nav-divider[b-8jz7pgsjwi] {
    height: 1px;
    background: #ccd9e2;
    margin: 12px 0;
}

.nav-section-label[b-8jz7pgsjwi] {
    padding: 8px 14px;
    font-size: 0.75rem;
    color: var(--sa-text-soft);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Content Area */
.content-area[b-8jz7pgsjwi] {
    flex: 1;
    overflow: auto;
    padding: 24px;
    background: var(--sa-canvas);
}

/* Panel */
.panel[b-8jz7pgsjwi] {
    background: var(--sa-panel);
    border-radius: 12px;
    border: 1px solid var(--sa-border);
    box-shadow: 0 3px 12px rgba(32, 54, 77, 0.07);
    overflow: hidden;
}

.panel-header[b-8jz7pgsjwi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: #f8fafb;
    border-bottom: 1px solid var(--sa-border);
}

.panel-header h2[b-8jz7pgsjwi] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--sa-text);
}

.panel-header .header-subtitle[b-8jz7pgsjwi] {
    margin-left: 16px;
    font-size: 0.85rem;
    color: var(--sa-text-muted);
}

.panel-actions[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.project-area-bar[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: #f8fafb;
    border-bottom: 1px solid var(--sa-border);
}

.project-area-tab[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 12px;
    color: var(--sa-text-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.project-area-tab:hover:not(:disabled)[b-8jz7pgsjwi] {
    color: var(--sa-text);
    background: #fff;
    border-color: var(--sa-border);
}

.project-area-tab.active[b-8jz7pgsjwi] {
    color: #92570d;
    background: var(--sa-primary-soft);
    border-color: #efca98;
}

.project-area-tab:disabled[b-8jz7pgsjwi] {
    cursor: wait;
    opacity: 0.65;
}

.project-area-access[b-8jz7pgsjwi] {
    padding: 2px 6px;
    color: var(--sa-text-soft);
    background: rgba(97, 117, 138, 0.09);
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
}

.project-area-tab.active .project-area-access[b-8jz7pgsjwi] {
    color: #7b4b0d;
    background: rgba(217, 130, 22, 0.12);
}

.project-selection-bar[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 20px;
    color: var(--sa-text);
    background: #eef6fa;
    border-bottom: 1px solid #cddde7;
}

.project-selection-summary[b-8jz7pgsjwi] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    white-space: nowrap;
}

.project-selection-summary strong[b-8jz7pgsjwi] {
    color: #245874;
    font-size: 0.87rem;
}

.project-selection-summary span[b-8jz7pgsjwi] {
    color: var(--sa-text-muted);
    font-size: 0.78rem;
}

.project-selection-actions[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}

.spinner-muted[b-8jz7pgsjwi] {
    border-color: rgba(36, 88, 116, 0.2);
    border-top-color: #245874;
}

.panel-content[b-8jz7pgsjwi] {
    padding: 20px;
}

/* Search Box */
.search-box[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid var(--sa-border-strong);
    border-radius: 6px;
    padding: 0 12px;
}

.search-box svg[b-8jz7pgsjwi] {
    color: var(--sa-text-soft);
    flex-shrink: 0;
}

.search-box input[b-8jz7pgsjwi] {
    background: transparent;
    border: none;
    padding: 8px 0;
    color: var(--sa-text);
    font-size: 0.9rem;
    width: 180px;
    outline: none;
}

.search-box input[b-8jz7pgsjwi]::placeholder {
    color: #91a0ae;
}

/* Status Filter */
.status-filter[b-8jz7pgsjwi] {
    background: #fff;
    border: 1px solid var(--sa-border-strong);
    border-radius: 6px;
    padding: 8px 12px;
    color: var(--sa-text);
    font-size: 0.9rem;
    cursor: pointer;
}

.status-filter option[b-8jz7pgsjwi] {
    background: #fff;
}

/* Loading & Empty States */
.loading-state[b-8jz7pgsjwi],
.empty-state[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: var(--sa-text-muted);
}

.loading-state p[b-8jz7pgsjwi],
.empty-state p[b-8jz7pgsjwi] {
    margin: 16px 0;
}

.empty-state svg[b-8jz7pgsjwi] {
    color: #9aaab7;
}

.empty-state-actions[b-8jz7pgsjwi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

/* Spinner */
.spinner[b-8jz7pgsjwi] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--sa-border);
    border-top-color: var(--sa-primary);
    border-radius: 50%;
    animation: spin-b-8jz7pgsjwi 1s linear infinite;
}

.spinner-small[b-8jz7pgsjwi] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-8jz7pgsjwi 0.8s linear infinite;
}

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

/* Data Table */
.data-table[b-8jz7pgsjwi] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-8jz7pgsjwi],
.data-table td[b-8jz7pgsjwi] {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #e2e8ed;
}

.data-table th[b-8jz7pgsjwi] {
    font-weight: 600;
    color: var(--sa-text-muted);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #f2f6f8;
}

.data-table th.sortable[b-8jz7pgsjwi] {
    padding: 0;
}

.th-sort[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    padding: 12px 16px;
    background: transparent;
    border: none;
    font: inherit;
    font-weight: 600;
    color: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    text-align: left;
    cursor: pointer;
}

.th-sort:hover:not(:disabled)[b-8jz7pgsjwi] {
    background: #e7eef3;
    color: var(--sa-navy-800);
}

.th-sort:disabled[b-8jz7pgsjwi] {
    cursor: default;
}

.sort-indicator[b-8jz7pgsjwi] {
    min-width: 11px;
    font-size: 0.6rem;
    color: var(--sa-primary);
}

.data-table tr.clickable[b-8jz7pgsjwi] {
    cursor: pointer;
    transition: background 0.2s ease;
}

.data-table tbody tr:nth-child(even)[b-8jz7pgsjwi] {
    background: #f8fafb;
}

.data-table tr.clickable:hover[b-8jz7pgsjwi] {
    background: #eaf2f6;
}

.data-table tr.selected-for-batch[b-8jz7pgsjwi],
.data-table tr.selected-for-batch:nth-child(even)[b-8jz7pgsjwi],
.data-table tr.selected-for-batch:hover[b-8jz7pgsjwi] {
    background: #e1f0f6;
}

.project-selection-column[b-8jz7pgsjwi] {
    width: 42px;
    padding-right: 4px !important;
    text-align: center !important;
}

.project-selection-column input[type="checkbox"][b-8jz7pgsjwi] {
    width: 17px;
    height: 17px;
    accent-color: #28718f;
    cursor: pointer;
}

/* Badges */
.badge[b-8jz7pgsjwi] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-active[b-8jz7pgsjwi] { background: #e4f3e9; color: #2f714c; }
.status-completed[b-8jz7pgsjwi] { background: #e1eff8; color: #2c658d; }
.status-draft[b-8jz7pgsjwi] { background: #fff0dc; color: #8b570f; }
.status-archived[b-8jz7pgsjwi] { background: #edf0f2; color: #5e6b75; }
.status-onhold[b-8jz7pgsjwi] { background: #fff5d7; color: #80600a; }
.status-unknown[b-8jz7pgsjwi] { background: #edf0f2; color: #5e6b75; }

.scope-customer[b-8jz7pgsjwi] { background: #e1eff8; color: #2c658d; }
.scope-public[b-8jz7pgsjwi] { background: #e4f3e9; color: #2f714c; }
.scope-developer[b-8jz7pgsjwi] { background: #f0e6f4; color: #70407f; }
.scope-unknown[b-8jz7pgsjwi] { background: #edf0f2; color: #5e6b75; }

/* Pagination */
.pagination[b-8jz7pgsjwi] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--sa-border);
}

.page-info[b-8jz7pgsjwi] {
    color: var(--sa-text-muted);
    font-size: 0.9rem;
}

/* Global Search */
.global-search[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
}

.search-input-large[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 2px solid var(--sa-border);
    border-radius: 12px;
    padding: 12px 20px;
    width: 100%;
    max-width: 600px;
    transition: border-color 0.2s ease;
}

.search-input-large:focus-within[b-8jz7pgsjwi] {
    border-color: var(--sa-primary);
    box-shadow: 0 0 0 3px rgba(217, 130, 22, 0.12);
}

.search-input-large svg[b-8jz7pgsjwi] {
    color: var(--sa-text-soft);
    flex-shrink: 0;
}

.search-input-large input[b-8jz7pgsjwi] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--sa-text);
    font-size: 1rem;
    outline: none;
}

.search-input-large input[b-8jz7pgsjwi]::placeholder {
    color: #91a0ae;
}

.search-hint[b-8jz7pgsjwi] {
    margin-top: 16px;
    color: var(--sa-text-soft);
    font-size: 0.9rem;
}

/* Detail Grid */
.detail-grid[b-8jz7pgsjwi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

.detail-section[b-8jz7pgsjwi] {
    background: var(--sa-panel-muted);
    border: 1px solid #e2e9ee;
    border-radius: 8px;
    padding: 20px;
}

.detail-section.full-width[b-8jz7pgsjwi] {
    grid-column: 1 / -1;
}

.detail-section h3[b-8jz7pgsjwi] {
    margin: 0 0 16px;
    font-size: 1rem;
    color: #a45a08;
    font-weight: 600;
}

.detail-list[b-8jz7pgsjwi] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 8px 16px;
    margin: 0;
}

.detail-list dt[b-8jz7pgsjwi] {
    color: var(--sa-text-muted);
    font-size: 0.85rem;
}

.detail-list dd[b-8jz7pgsjwi] {
    margin: 0;
    font-size: 0.9rem;
}

.description-text[b-8jz7pgsjwi] {
    margin: 0;
    color: #425b72;
    line-height: 1.6;
}

/* File List */
.file-list[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.file-item[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    background: var(--sa-panel-muted);
    border: 1px solid #e2e9ee;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.file-item:hover[b-8jz7pgsjwi] {
    background: #edf4f7;
    border-color: #c9d8e1;
}

.file-icon[b-8jz7pgsjwi] {
    color: var(--sa-primary);
}

.file-info[b-8jz7pgsjwi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.file-name[b-8jz7pgsjwi] {
    font-weight: 500;
}

.file-meta[b-8jz7pgsjwi] {
    font-size: 0.8rem;
    color: var(--sa-text-muted);
}

.file-actions[b-8jz7pgsjwi] {
    display: flex;
    gap: 4px;
}

/* Responsive */
@media (max-width: 768px) {
    .solalpha-header[b-8jz7pgsjwi] {
        flex-direction: column;
        gap: 16px;
        padding: 16px;
    }

    .header-right[b-8jz7pgsjwi] {
        flex-direction: column;
        width: 100%;
    }

    .api-key-section[b-8jz7pgsjwi] {
        width: 100%;
    }

    .api-key-input[b-8jz7pgsjwi] {
        flex: 1;
    }

    .content-layout[b-8jz7pgsjwi] {
        flex-direction: column;
    }

    .sidebar[b-8jz7pgsjwi] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--sa-border);
    }

    .sidebar-nav[b-8jz7pgsjwi] {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 12px;
    }

    .nav-item[b-8jz7pgsjwi] {
        padding: 8px 12px;
    }

    .nav-divider[b-8jz7pgsjwi] {
        display: none;
    }

    .nav-section-label[b-8jz7pgsjwi] {
        display: none;
    }

    .panel-header[b-8jz7pgsjwi] {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .panel-actions[b-8jz7pgsjwi] {
        width: 100%;
        flex-wrap: wrap;
    }

    .project-area-bar[b-8jz7pgsjwi] {
        flex-wrap: wrap;
        padding: 10px 14px;
    }

    .project-selection-bar[b-8jz7pgsjwi],
    .project-selection-summary[b-8jz7pgsjwi] {
        align-items: flex-start;
        flex-direction: column;
    }

    .project-selection-bar[b-8jz7pgsjwi],
    .project-selection-actions[b-8jz7pgsjwi] {
        width: 100%;
    }

    .project-selection-actions[b-8jz7pgsjwi] {
        justify-content: flex-start;
    }

    .search-box[b-8jz7pgsjwi] {
        flex: 1;
        min-width: 150px;
    }

    .search-box input[b-8jz7pgsjwi] {
        width: 100%;
    }

    .data-table[b-8jz7pgsjwi] {
        display: block;
        overflow-x: auto;
    }

    .detail-grid[b-8jz7pgsjwi] {
        grid-template-columns: 1fr;
    }
}

/* ================================== */
/* Authentication & Access Selection  */
/* ================================== */

/* Authenticated Status Badge */
.status-badge.authenticated-mode[b-8jz7pgsjwi] {
    background: #fff4e3;
    border: 1px solid #e8bd7c;
    color: #87530f;
}

/* Login Button */
.btn-login[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: linear-gradient(135deg, #e99529 0%, var(--sa-primary) 100%);
    color: white;
    border: none;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-login:hover[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-hover) 100%);
    box-shadow: 0 2px 12px rgba(217, 130, 22, 0.3);
    transform: translateY(-1px);
}

/* Logout Button */
.btn-logout[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: #fff7f6;
    border: 1px solid #e2b9b6;
    border-radius: 50%;
    color: #a3433e;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-logout:hover[b-8jz7pgsjwi] {
    background: #fde9e7;
    border-color: #cf8f8a;
}

/* Modal Backdrop & Dialog */
.modal-backdrop[b-8jz7pgsjwi] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(16, 40, 61, 0.48);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.modal-dialog[b-8jz7pgsjwi] {
    background: #fff;
    border-radius: 16px;
    border: 1px solid var(--sa-border);
    box-shadow: 0 16px 44px rgba(16, 40, 61, 0.25);
    width: 100%;
    max-width: 420px;
    margin: 20px;
}

.modal-dialog.login-dialog[b-8jz7pgsjwi] {
    max-width: 380px;
}

.modal-dialog.project-dialog[b-8jz7pgsjwi] {
    max-width: 680px;
}

.modal-dialog.confirm-dialog[b-8jz7pgsjwi] {
    max-width: 460px;
}

.modal-dialog.quick-import-dialog[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    max-width: 1040px;
    max-height: calc(100vh - 40px);
    overflow: hidden;
}

.modal-header[b-8jz7pgsjwi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--sa-border);
}

.modal-header h3[b-8jz7pgsjwi] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--sa-text);
}

.modal-subtitle[b-8jz7pgsjwi] {
    margin: 5px 0 0;
    color: var(--sa-text-muted);
    font-size: 0.85rem;
}

.modal-body[b-8jz7pgsjwi] {
    padding: 24px;
}

.quick-import-body[b-8jz7pgsjwi] {
    overflow-y: auto;
    padding: 22px 26px 26px;
}

.modal-footer[b-8jz7pgsjwi] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--sa-border);
    background: #f7f9fb;
    border-radius: 0 0 16px 16px;
}

/* Login Dialog Specific */
.login-description[b-8jz7pgsjwi] {
    margin: 0 0 20px;
    color: var(--sa-text-muted);
    font-size: 0.9rem;
}

.form-group[b-8jz7pgsjwi] {
    margin-bottom: 16px;
}

.form-grid[b-8jz7pgsjwi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
}

.form-grid .full-width[b-8jz7pgsjwi] {
    grid-column: 1 / -1;
}

.optional[b-8jz7pgsjwi] {
    color: var(--sa-text-soft);
    font-weight: 400;
}

.inline-error[b-8jz7pgsjwi] {
    padding: 10px 12px;
    color: #943d38;
    background: rgba(244, 67, 54, 0.08);
    border: 1px solid rgba(244, 67, 54, 0.25);
    border-radius: 6px;
    font-size: 0.85rem;
}

.confirmation-note[b-8jz7pgsjwi] {
    color: var(--sa-text-muted);
    font-size: 0.85rem;
}

.solalpha-container[b-8jz7pgsjwi]  .file-input-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.file-picker[b-8jz7pgsjwi] {
    user-select: none;
}

.empty-state-hint[b-8jz7pgsjwi] {
    max-width: 520px;
    color: var(--sa-text-muted);
    font-size: 0.85rem;
}

.form-group label[b-8jz7pgsjwi] {
    display: block;
    margin-bottom: 8px;
    font-size: 0.85rem;
    font-weight: 500;
    color: #4b6278;
}

.form-input[b-8jz7pgsjwi] {
    width: 100%;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid var(--sa-border-strong);
    border-radius: 8px;
    color: var(--sa-text);
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.form-input:focus[b-8jz7pgsjwi] {
    border-color: var(--sa-primary);
    box-shadow: 0 0 0 3px rgba(217, 130, 22, 0.1);
}

.form-input[b-8jz7pgsjwi]::placeholder {
    color: #91a0ae;
}

.login-error[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    border-radius: 8px;
    color: #a3433e;
    font-size: 0.85rem;
    margin-top: 16px;
}

.login-error svg[b-8jz7pgsjwi] {
    flex-shrink: 0;
}

/* File-first project import */
.quick-import-step + .quick-import-step[b-8jz7pgsjwi] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--sa-border);
}

.step-heading[b-8jz7pgsjwi] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.step-heading h4[b-8jz7pgsjwi],
.step-heading p[b-8jz7pgsjwi] {
    margin: 0;
}

.step-heading h4[b-8jz7pgsjwi] {
    color: var(--sa-text);
    font-size: 0.98rem;
}

.step-heading p[b-8jz7pgsjwi] {
    margin-top: 3px;
    color: var(--sa-text-muted);
    font-size: 0.83rem;
}

.step-number[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: #fff;
    background: var(--sa-navy-700);
    font-size: 0.8rem;
    font-weight: 700;
}

.visibility-options[b-8jz7pgsjwi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-left: 39px;
}

.visibility-option[b-8jz7pgsjwi] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 13px 15px;
    color: var(--sa-text);
    background: #fff;
    border: 1px solid var(--sa-border-strong);
    border-radius: 10px;
    text-align: left;
    cursor: pointer;
}

.visibility-option:hover:not(:disabled)[b-8jz7pgsjwi] {
    border-color: #8ca8ba;
    background: #f8fbfd;
}

.visibility-option.selected[b-8jz7pgsjwi] {
    border: 2px solid var(--sa-navy-700);
    background: #f0f6fa;
    padding: 12px 14px;
}

.visibility-option.public.selected[b-8jz7pgsjwi] {
    border-color: var(--sa-success);
    background: #eff8f3;
}

.visibility-option:disabled[b-8jz7pgsjwi] {
    cursor: not-allowed;
    opacity: 0.72;
}

.visibility-option > span:nth-child(2)[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.visibility-option small[b-8jz7pgsjwi] {
    color: var(--sa-text-muted);
    font-size: 0.78rem;
    line-height: 1.3;
}

.visibility-icon[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    color: var(--sa-navy-700);
    background: #e5eef4;
}

.visibility-option.public .visibility-icon[b-8jz7pgsjwi] {
    color: var(--sa-success);
    background: #dff1e6;
}

.selection-mark[b-8jz7pgsjwi] {
    visibility: hidden;
    color: var(--sa-navy-700);
    font-size: 1.1rem;
    font-weight: 700;
}

.visibility-option.public .selection-mark[b-8jz7pgsjwi] {
    color: var(--sa-success);
}

.visibility-option.selected .selection-mark[b-8jz7pgsjwi] {
    visibility: visible;
}

.visibility-note[b-8jz7pgsjwi] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    color: var(--sa-text-muted);
    background: var(--sa-panel-muted);
    border-radius: 7px;
    font-size: 0.8rem;
}

.save-file-dropzone[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 94px;
    margin-left: 39px;
    padding: 18px;
    color: var(--sa-navy-700);
    background: #f5f9fb;
    border: 2px dashed #aebfcb;
    border-radius: 11px;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.save-file-dropzone:hover:not(.disabled)[b-8jz7pgsjwi] {
    border-color: var(--sa-primary);
    background: #fff9f1;
}

.save-file-dropzone.disabled[b-8jz7pgsjwi] {
    opacity: 0.58;
    cursor: not-allowed;
}

.save-file-dropzone > span[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.save-file-dropzone small[b-8jz7pgsjwi] {
    color: var(--sa-text-muted);
    font-size: 0.78rem;
}

.file-review-step[b-8jz7pgsjwi] {
    padding-bottom: 2px;
}

.quick-import-list[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-left: 39px;
}

.quick-import-item[b-8jz7pgsjwi] {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--sa-border);
    border-radius: 10px;
}

.quick-import-item.importing[b-8jz7pgsjwi] {
    border-color: #d5a45e;
}

.quick-import-item.succeeded[b-8jz7pgsjwi] {
    border-color: #9dccb0;
    background: #fbfefc;
}

.quick-import-item.failed[b-8jz7pgsjwi] {
    border-color: #ddb0ad;
    background: #fffafa;
}

.quick-file-summary[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 8px 11px;
    background: #f5f8fa;
    border-bottom: 1px solid #e1e8ed;
}

.file-format[b-8jz7pgsjwi] {
    min-width: 39px;
    padding: 3px 6px;
    color: #fff;
    background: var(--sa-navy-700);
    border-radius: 5px;
    font-size: 0.7rem;
    font-weight: 700;
    text-align: center;
}

.quick-file-name[b-8jz7pgsjwi] {
    min-width: 0;
    overflow: hidden;
    color: var(--sa-text);
    font-size: 0.85rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-file-size[b-8jz7pgsjwi] {
    color: var(--sa-text-soft);
    font-size: 0.76rem;
    white-space: nowrap;
}

.quick-file-status[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    color: #946016;
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.quick-file-status.success[b-8jz7pgsjwi] {
    color: var(--sa-success);
}

.quick-file-status.failed[b-8jz7pgsjwi],
.quick-item-error[b-8jz7pgsjwi] {
    color: #9b403b;
}

.quick-file-status .spinner-small[b-8jz7pgsjwi] {
    border-color: #dec9a9;
    border-top-color: var(--sa-primary);
}

.quick-file-summary .btn-icon[b-8jz7pgsjwi] {
    width: 28px;
    height: 28px;
}

.quick-project-fields[b-8jz7pgsjwi] {
    display: grid;
    grid-template-columns: minmax(150px, 0.8fr) minmax(240px, 1.5fr) minmax(115px, 0.55fr);
    gap: 12px;
    padding: 12px;
}

.quick-project-fields .form-group[b-8jz7pgsjwi] {
    margin: 0;
}

.quick-project-fields .form-group label[b-8jz7pgsjwi] {
    margin-bottom: 5px;
    font-size: 0.73rem;
}

.quick-project-fields .form-input[b-8jz7pgsjwi] {
    padding: 8px 10px;
    font-size: 0.84rem;
}

.quick-project-fields .form-input:disabled[b-8jz7pgsjwi] {
    color: #53687a;
    background: #f2f6f8;
}

.quick-item-error[b-8jz7pgsjwi] {
    padding: 0 12px 11px;
    font-size: 0.79rem;
}

.quick-import-footer[b-8jz7pgsjwi] {
    align-items: center;
}

.batch-summary[b-8jz7pgsjwi] {
    margin-right: auto;
    color: var(--sa-text-muted);
    font-size: 0.82rem;
}

/* Access Selection Screen */
.access-selection[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.access-selection-container[b-8jz7pgsjwi] {
    text-align: center;
    max-width: 700px;
}

.access-selection-container h2[b-8jz7pgsjwi] {
    margin: 0 0 12px;
    font-size: 1.75rem;
    color: var(--sa-text);
}

.access-description[b-8jz7pgsjwi] {
    margin: 0 0 40px;
    color: var(--sa-text-muted);
    font-size: 1.1rem;
}

.access-options[b-8jz7pgsjwi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

.access-option[b-8jz7pgsjwi] {
    background: #fff;
    border: 1px solid var(--sa-border);
    border-radius: 16px;
    padding: 32px 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}

.access-option:hover[b-8jz7pgsjwi] {
    border-color: var(--sa-primary);
    background: #fffdfa;
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(32, 54, 77, 0.14);
}

.access-icon[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.access-icon.authenticated[b-8jz7pgsjwi] {
    background: var(--sa-primary-soft);
    color: var(--sa-primary);
}

.access-icon.public[b-8jz7pgsjwi] {
    background: #e8f5ed;
    color: var(--sa-success);
}

.access-option h3[b-8jz7pgsjwi] {
    margin: 0 0 12px;
    font-size: 1.2rem;
    color: var(--sa-text);
}

.access-option p[b-8jz7pgsjwi] {
    margin: 0 0 20px;
    color: var(--sa-text-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

.access-badge[b-8jz7pgsjwi] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--sa-primary-soft);
    border: 1px solid #f0c590;
    border-radius: 20px;
    color: #9e580a;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.access-badge.public[b-8jz7pgsjwi] {
    background: #e4f3e9;
    border-color: #b6dbc4;
    color: #2f714c;
}

.access-probe[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 48px 0;
    color: var(--sa-text-muted);
}

.access-probe p[b-8jz7pgsjwi] {
    margin: 0;
}

.access-company[b-8jz7pgsjwi] {
    color: var(--sa-text);
}

.access-key-switch[b-8jz7pgsjwi] {
    margin: 24px 0 0;
    color: var(--sa-text-muted);
    font-size: 0.9rem;
}

.btn-inline-link[b-8jz7pgsjwi] {
    padding: 0;
    background: none;
    border: none;
    font: inherit;
    color: var(--sa-primary-hover);
    text-decoration: underline;
    cursor: pointer;
}

.btn-inline-link:hover[b-8jz7pgsjwi] {
    color: var(--sa-primary);
}

/* Responsive for Access Selection */
@media (max-width: 900px) {
    .modal-dialog.quick-import-dialog[b-8jz7pgsjwi] {
        margin: 10px;
        max-height: calc(100vh - 20px);
    }

    .visibility-options[b-8jz7pgsjwi] {
        grid-template-columns: 1fr;
    }

    .quick-project-fields[b-8jz7pgsjwi] {
        grid-template-columns: 1fr 1fr;
    }

    .quick-project-fields .project-name-field[b-8jz7pgsjwi] {
        grid-column: 1 / -1;
        grid-row: 1;
    }
}

@media (max-width: 600px) {
    .form-grid[b-8jz7pgsjwi] {
        grid-template-columns: 1fr;
    }

    .access-options[b-8jz7pgsjwi] {
        grid-template-columns: 1fr;
    }

    .access-option[b-8jz7pgsjwi] {
        padding: 24px 20px;
    }

    .access-icon[b-8jz7pgsjwi] {
        width: 64px;
        height: 64px;
    }

    .access-icon svg[b-8jz7pgsjwi] {
        width: 32px;
        height: 32px;
    }

    .quick-import-body[b-8jz7pgsjwi] {
        padding: 18px;
    }

    .visibility-options[b-8jz7pgsjwi],
    .save-file-dropzone[b-8jz7pgsjwi],
    .quick-import-list[b-8jz7pgsjwi] {
        margin-left: 0;
    }

    .quick-project-fields[b-8jz7pgsjwi] {
        grid-template-columns: 1fr;
    }

    .quick-project-fields .project-name-field[b-8jz7pgsjwi] {
        grid-column: auto;
        grid-row: auto;
    }

    .quick-file-size[b-8jz7pgsjwi] {
        display: none;
    }

    .quick-import-footer[b-8jz7pgsjwi] {
        flex-wrap: wrap;
    }

    .batch-summary[b-8jz7pgsjwi] {
        flex-basis: 100%;
    }
}

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