/**
 * Gap Analyzer CSS
 * Minimal additions to institutional-article.css
 */

/* ==========================================================================
   COLLAPSIBLE SECTIONS
   ========================================================================== */

.inst-collapsible {
    margin-bottom: 16px;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 8px;
    background: var(--inst-white, #fff);
}

/* Desktop sequence redesign: use the same step-by-step interaction as the mobile CV flow. */
@media (min-width: 901px) {
    [data-component="gap-analyzer"].inst-terminal--gap-redesign {
        --gap-bg: #ffffff;
        --gap-surface: #ffffff;
        --gap-border: #d7dde4;
        --gap-muted: #66717d;
        --gap-heading: #111820;
        --gap-blue: #0a66c2;
        min-height: 100vh !important;
        background: #ffffff !important;
        color: var(--gap-heading) !important;
        font-family: Tahoma, Arial, sans-serif !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-app {
        min-height: 100vh !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header--gap {
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;
        min-height: 70px !important;
        padding: 14px 28px !important;
        border-bottom: 1px solid var(--gap-border) !important;
        background: #ffffff !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-title {
        color: var(--gap-muted) !important;
        font-size: 14px !important;
        font-weight: 760 !important;
        letter-spacing: 0 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-meta {
        color: var(--gap-heading) !important;
        font-family: Tahoma, Arial, sans-serif !important;
        font-size: 22px !important;
        font-weight: 820 !important;
        letter-spacing: 0 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-back {
        min-height: 38px !important;
        padding: 0 14px !important;
        border: 1px solid var(--gap-border) !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: var(--gap-blue) !important;
        font-weight: 760 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper {
        display: grid !important;
        gap: 8px !important;
        padding: 16px 28px !important;
        border-bottom: 1px solid var(--gap-border) !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__bar {
        height: 8px !important;
        overflow: hidden !important;
        border: 1px solid #9aa4af !important;
        border-radius: 999px !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__bar span {
        display: block !important;
        height: 100% !important;
        border-radius: inherit !important;
        background: #5c6f82 !important;
        transition: width 220ms ease !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        color: var(--gap-heading) !important;
        font-family: Tahoma, Arial, sans-serif !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta strong {
        font-size: 18px !important;
        font-weight: 820 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta span {
        color: var(--gap-muted) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-layout,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-stage {
        min-height: 0 !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: min(920px, calc(100% - 56px)) !important;
        min-height: 0 !important;
        margin: 28px auto !important;
        overflow: visible !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="cv"] [data-gap-mobile-panel="jd"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="cv"] [data-gap-mobile-panel="scan"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="jd"] [data-gap-mobile-panel="cv"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="jd"] [data-gap-mobile-panel="scan"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] [data-gap-mobile-panel="cv"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] [data-gap-mobile-panel="jd"] {
        display: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        min-height: 620px !important;
        overflow: hidden !important;
        border: 1px solid var(--gap-border) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head {
        min-height: 78px !important;
        padding: 20px 24px !important;
        border-bottom: 1px solid var(--gap-border) !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 {
        color: var(--gap-heading) !important;
        font-family: Tahoma, Arial, sans-serif !important;
        font-size: 25px !important;
        font-weight: 820 !important;
        letter-spacing: 0 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 span,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-meta {
        color: var(--gap-muted) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-body {
        min-height: 440px !important;
        padding: 22px 24px !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbar {
        margin-bottom: 16px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbtn,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analyze-btn {
        min-height: 44px !important;
        border-radius: 999px !important;
        box-shadow: none !important;
        font-family: Tahoma, Arial, sans-serif !important;
        font-weight: 780 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbtn,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn--ghost {
        border: 1px solid var(--gap-blue) !important;
        background: #ffffff !important;
        color: var(--gap-blue) !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn--primary,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analyze-btn {
        border: 1px solid var(--gap-blue) !important;
        background: var(--gap-blue) !important;
        color: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-textarea--scan {
        min-height: 360px !important;
        height: 360px !important;
        padding: 18px !important;
        border: 1px solid var(--gap-border) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: var(--gap-heading) !important;
        font-family: Tahoma, Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
        resize: vertical !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-textarea--scan:focus {
        border-color: var(--gap-blue) !important;
        box-shadow: inset 0 0 0 1px var(--gap-blue) !important;
        outline: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot {
        padding: 16px 24px !important;
        border-top: 1px solid var(--gap-border) !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-actions {
        display: flex !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        margin-top: 16px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        display: none !important;
        width: min(920px, calc(100% - 56px)) !important;
        margin: 28px auto !important;
        padding: 32px !important;
        align-content: center !important;
        justify-content: stretch !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] .inst-gap-scan-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 24px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions-copy strong {
        color: var(--gap-heading) !important;
        font-size: 28px !important;
        font-weight: 820 !important;
        letter-spacing: 0 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions-copy p,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot p {
        color: var(--gap-muted) !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }
}

.inst-collapsible-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: 600;
    color: var(--inst-navy-900, #0f172a);
    list-style: none;
}

.inst-collapsible-header::-webkit-details-marker {
    display: none;
}

.inst-collapsible-title {
    font-size: 14px;
}

.inst-collapsible-icon {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
}

.inst-collapsible[open] .inst-collapsible-icon {
    transform: rotate(180deg);
}

.inst-collapsible-body {
    padding: 0 16px 16px;
}

/* ==========================================================================
   TEXTAREA STYLING
   ========================================================================== */

.inst-gap-textarea {
    width: 100%;
    min-height: 300px;
    padding: 16px;
    font-family: var(--inst-font-mono, 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace);
    font-size: 13px;
    line-height: 1.6;
    color: var(--inst-navy-900, #0f172a);
    background: var(--inst-cream-50, #fefdfb);
    border: 1px solid var(--inst-border, rgba(15, 23, 42, 0.1));
    border-radius: 8px;
    resize: vertical;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.inst-gap-textarea:focus {
    outline: none;
    border-color: var(--inst-navy-600, #475569);
    box-shadow: 0 0 0 3px rgba(71, 85, 105, 0.1);
}

.inst-gap-textarea::placeholder {
    color: var(--inst-navy-400, #94a3b8);
}

.inst-gap-inline-validation {
    color: #b42318;
    font-family: var(--inst-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0 0;
}

[data-gap-cv-section].is-required {
    animation: inst-gap-required-pulse 1.2s ease 2;
    background: rgba(179, 35, 24, 0.03);
    border: 1px solid rgba(179, 35, 24, 0.28);
    border-radius: 10px;
    padding: 12px;
}

[data-gap-cv-section].is-required .inst-gap-textarea {
    border-color: rgba(179, 35, 24, 0.5);
    box-shadow: 0 0 0 3px rgba(179, 35, 24, 0.08);
}

.inst-gap-uploadbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.inst-gap-uploadbtn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
    color: #17232c;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.inst-gap-uploadbtn:hover {
    transform: translateY(-1px);
    border-color: rgba(15, 23, 42, 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.inst-gap-uploadstatus {
    color: var(--inst-navy-500, #64748b);
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
}

.inst-gap-uploadstatus.is-success {
    color: #166534;
}

.inst-gap-uploadstatus.is-error {
    color: #b42318;
}

@keyframes inst-gap-required-pulse {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(179, 35, 24, 0);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(179, 35, 24, 0.08);
    }
}

/* Smaller textareas in collapsibles */
.inst-collapsible .inst-gap-textarea {
    min-height: 200px;
    background: #fff;
}

/* ==========================================================================
   ANALYZE BUTTON
   ========================================================================== */

.inst-analyze-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: linear-gradient(135deg, var(--inst-navy-900, #0f172a) 0%, var(--inst-navy-700, #334155) 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.inst-analyze-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.3);
}

.inst-analyze-btn:active {
    transform: translateY(0);
}

.inst-analyze-btn svg {
    width: 18px;
    height: 18px;
}

.inst-analyze-btn.is-loading {
    opacity: 0.7;
    pointer-events: none;
}

.inst-analyze-btn[disabled] {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: none;
}

.inst-gap-inline-cta {
    margin: 16px 0 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inst-gap-cta-note {
    font-size: 13px;
    color: var(--inst-navy-500, #64748b);
}

.inst-gap-cta-note a {
    color: #0a66c2;
    font-weight: 600;
    text-decoration: none;
}

.inst-gap-cta-note a:hover {
    text-decoration: underline;
}

.inst-executive-summary.is-locked {
    opacity: 0.7;
    cursor: not-allowed !important;
    border: 1px dashed var(--inst-gray-300, #d1d5db);
}

.inst-exec-methodology--locked {
    color: #dc2626;
}

/* ==========================================================================
   PLACEHOLDER TEXT
   ========================================================================== */

.inst-placeholder-text {
    color: var(--inst-gray-400, #9ca3af);
    font-size: 13px;
    font-style: italic;
    text-align: center;
    padding: 20px;
}


/* ==========================================================================
   HIGHLIGHT ANNOTATIONS (Grammarly-style)
   ========================================================================== */

/* Matched - Green highlight */
.inst-highlight-matched {
    background: linear-gradient(120deg, rgba(22, 163, 74, 0.15) 0%, rgba(22, 163, 74, 0.1) 100%);
    border-bottom: 2px solid #16a34a;
    padding: 1px 2px;
    border-radius: 2px;
    cursor: help;
    transition: background 0.2s ease;
}

.inst-highlight-matched:hover {
    background: linear-gradient(120deg, rgba(22, 163, 74, 0.25) 0%, rgba(22, 163, 74, 0.2) 100%);
}

/* Missing - Red highlight */
.inst-highlight-missing {
    background: linear-gradient(120deg, rgba(220, 38, 38, 0.15) 0%, rgba(220, 38, 38, 0.1) 100%);
    border-bottom: 2px solid #dc2626;
    padding: 1px 2px;
    border-radius: 2px;
    cursor: help;
    transition: background 0.2s ease;
}

.inst-highlight-missing:hover {
    background: linear-gradient(120deg, rgba(220, 38, 38, 0.25) 0%, rgba(220, 38, 38, 0.2) 100%);
}

/* Tooltip for highlights */
[data-tooltip] {
    position: relative;
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 10px;
    background: var(--inst-navy-900, #0f172a);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 1000;
    pointer-events: none;
}

/* ==========================================================================
   GAP ANALYZER REDESIGN
   ========================================================================== */

[data-component="gap-analyzer"].inst-terminal--gap-redesign {
    --gap-bg: #f8f4ec;
    --gap-surface: #fffdf8;
    --gap-border: rgba(23, 35, 44, 0.08);
    --gap-border-strong: rgba(23, 35, 44, 0.14);
    --gap-muted: #6c7785;
    --gap-heading: #17232c;
    --gap-accent: #f3d445;
    --gap-accent-dark: #d6b42f;
    --gap-blue: #316fd6;
    background: var(--gap-bg) !important;
    color: var(--gap-heading) !important;
    min-height: 100vh !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header--gap {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 28px;
    background: rgba(255, 253, 248, 0.96);
    border-bottom: 1px solid var(--gap-border);
    backdrop-filter: blur(16px);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-title {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 0;
    gap: 12px;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--gap-muted);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-meta {
    font-size: 1.82rem;
    line-height: 1.05;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--gap-heading);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-back {
    border: 0;
    background: transparent;
    color: #516170;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-layout {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
    background: #fffdf8;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-stage,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-results-stage {
    display: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-stage="scan"] .inst-gap-scan-stage {
    display: block;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-stage="results"] .inst-gap-results-stage {
    display: grid;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-stage[hidden],
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-results-stage[hidden] {
    display: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-stage {
    min-height: calc(100vh - 82px);
    display: flex;
    flex-direction: column;
    gap: 0;
    background: #fffdf8;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.98fr);
    gap: 0;
    min-height: 0;
    flex: 1 1 auto;
    background: #fffdf8;
    overflow: hidden;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #fffdf8;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    min-height: calc(100vh - 158px);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv {
    background: #fffdf9;
    border-right: 1px solid var(--gap-border);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--jd {
    background: #fcfaf4;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 24px 18px;
    border-bottom: 1px solid var(--gap-border);
    background: #fffdf8;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv .inst-gap-scan-pane-head {
    background: linear-gradient(180deg, rgba(243, 212, 69, 0.1) 0%, rgba(255, 253, 248, 0.96) 100%);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--jd .inst-gap-scan-pane-head {
    background: linear-gradient(180deg, rgba(46, 107, 210, 0.06) 0%, rgba(252, 250, 244, 0.98) 100%);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    color: var(--gap-heading);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 span,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-meta {
    color: var(--gap-muted);
    font-size: 0.9rem;
    font-weight: 600;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-body {
    min-height: 0;
    flex: 1 1 auto;
    padding: 18px 24px 16px;
    background: #fbfaf7;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv .inst-gap-scan-pane-body {
    background: #fffefb;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--jd .inst-gap-scan-pane-body {
    background: #fdfbf6;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot {
    padding: 14px 24px 18px;
    border-top: 1px solid var(--gap-border);
    background: #fffdf8;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv .inst-gap-scan-pane-foot {
    background: #fffdf8;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--jd .inst-gap-scan-pane-foot {
    background: #fcfaf5;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot p {
    margin: 0;
    color: var(--gap-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-textarea--scan {
    min-height: 100%;
    height: 100%;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 2px;
    resize: none;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.04rem;
    line-height: 1.72;
    color: var(--gap-heading);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-textarea--scan:focus {
    border: 0;
    box-shadow: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 24px;
    background: #fffdf8;
    border-top: 1px solid var(--gap-border);
    border-bottom: 1px solid var(--gap-border);
    border-radius: 0;
    box-shadow: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions-copy strong {
    display: block;
    color: var(--gap-heading);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 4px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions-copy p {
    margin: 0;
    color: var(--gap-muted);
    font-size: 0.94rem;
    line-height: 1.55;
    max-width: 720px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-inline-cta {
    flex: 0 0 auto;
    align-items: flex-end;
    margin: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analyze-btn {
    min-height: 56px;
    padding: 0 24px;
    border-radius: 14px;
    background: #2e6bd2;
    box-shadow: none;
    font-size: 1rem;
    font-weight: 700;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analyze-btn:hover {
    box-shadow: 0 10px 24px rgba(46, 107, 210, 0.2);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-results-stage {
    grid-template-columns: 308px minmax(0, 1fr);
    gap: 0;
    align-items: start;
    min-height: calc(100vh - 82px);
    background: #fffdf8;
    overflow: hidden;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-results-stage > * {
    min-width: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-rail {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-self: start;
    padding: 20px 16px 22px;
    background: #fcfaf5;
    border: 0;
    border-right: 1px solid var(--gap-border);
    border-radius: 0;
    box-shadow: none;
    min-height: calc(100vh - 82px);
    height: calc(100vh - 82px);
    overflow: auto;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-rail > * {
    min-width: 0;
    max-width: 100%;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-rail-header p {
    margin: 0 0 6px;
    color: var(--gap-muted);
    font-size: 0.85rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-rail-header h2 {
    margin: 0;
    color: var(--gap-heading);
    font-size: 1.45rem;
    line-height: 1.08;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-hero {
    display: flex;
    justify-content: center;
    padding: 6px 0 2px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-ring {
    width: 208px;
    height: 208px;
    padding: 12px;
    border-radius: 999px;
    background: conic-gradient(rgba(23, 35, 44, 0.08) 0deg 360deg);
    box-shadow: inset 0 0 0 1px rgba(243, 212, 69, 0.42);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-ring-inner {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: #fffdf8;
    border: 10px solid rgba(243, 212, 69, 0.18);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-value {
    display: block;
    font-size: 2.7rem;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 800;
    color: var(--gap-heading);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-label {
    margin-top: 8px;
    color: var(--gap-muted);
    font-size: 0.92rem;
    font-weight: 700;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-actions {
    display: grid;
    gap: 10px;
    min-width: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-btn {
    min-height: 48px;
    border-radius: 12px;
    font-size: 0.96rem;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    text-align: center;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-btn--primary {
    background: #2e6bd2;
    color: #fff;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-btn--secondary {
    background: rgba(46, 107, 210, 0.07);
    color: #2e6bd2;
    border-color: rgba(46, 107, 210, 0.16);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown {
    display: grid;
    gap: 14px;
    min-width: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown-item {
    min-width: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
    min-width: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown-top span {
    color: var(--gap-heading);
    font-size: 0.95rem;
    font-weight: 600;
    flex: 1 1 140px;
    min-width: 0;
    overflow-wrap: anywhere;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown-top strong {
    color: var(--gap-muted);
    font-size: 0.86rem;
    font-weight: 700;
    flex: 0 1 auto;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: right;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown-bar {
    width: 100%;
    height: 12px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(46, 107, 210, 0.12);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown-bar span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: #68b7f3;
    transition: width 0.4s ease;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown-note {
    margin: 10px 0 0;
    color: rgba(23, 35, 44, 0.72);
    font-size: 0.86rem;
    line-height: 1.52;
    max-width: 100%;
    overflow-wrap: anywhere;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown-item[data-score-state="good"] .inst-gap-score-breakdown-bar span {
    background: linear-gradient(90deg, #66c2a5 0%, #7dd3ae 100%);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown-item[data-score-state="advisory"] .inst-gap-score-breakdown-bar span {
    background: linear-gradient(90deg, #68b7f3 0%, #4d8ee9 100%);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-breakdown-item[data-score-state="critical"] .inst-gap-score-breakdown-bar span {
    background: linear-gradient(90deg, #f0b15f 0%, #e7894b 100%);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-report-toc {
    display: grid;
    gap: 6px;
    margin-top: 6px;
    padding-top: 16px;
    border-top: 1px solid rgba(23, 35, 44, 0.1);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-report-toc p {
    margin: 0 0 4px;
    color: rgba(23, 35, 44, 0.55);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-report-toc button {
    appearance: none;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #17232c;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 760;
    text-align: left;
    cursor: pointer;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-report-toc button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #e9f2ff;
    color: #0a66c2;
    font-size: 0.72rem;
    font-weight: 800;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-report-toc button:hover {
    color: #0a66c2;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-flow {
    display: grid;
    gap: 34px;
    padding: 34px;
    background: #f3f5f8;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section {
    position: relative;
    display: grid;
    gap: 22px;
    width: min(1120px, 100%);
    min-height: 630px;
    margin: 0 auto;
    padding: 34px 38px 42px;
    border: 1px solid rgba(23, 35, 44, 0.12);
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(23, 35, 44, 0.08);
    box-sizing: border-box;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section + .inst-optimizer-section {
    margin-top: 0;
    border-top: 1px solid rgba(23, 35, 44, 0.12);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section::after {
    content: attr(data-slide-label);
    position: absolute;
    right: 28px;
    bottom: 20px;
    color: rgba(23, 35, 44, 0.36);
    font-size: 0.78rem;
    font-weight: 800;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section::before {
    content: "";
    position: absolute;
    left: 28px;
    right: 72px;
    bottom: 28px;
    height: 1px;
    background: rgba(23, 35, 44, 0.08);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--overview {
    gap: 34px;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--overview::before,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--overview::after {
    content: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-copy {
    display: grid;
    gap: 8px;
    max-width: 820px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-kicker {
    margin: 0;
    color: rgba(23, 35, 44, 0.58);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-title {
    margin: 0;
    color: var(--gap-heading);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.35rem, 1.55vw, 1.8rem);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-text {
    margin: 0;
    color: rgba(23, 35, 44, 0.72);
    font-size: 1rem;
    line-height: 1.7;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 26px;
    align-items: center;
    min-height: 520px;
    padding: 44px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background:
        linear-gradient(90deg, rgba(10, 102, 194, 0.08) 0%, rgba(255, 255, 255, 0) 46%),
        #f7fbff;
    box-shadow: 0 18px 45px rgba(23, 35, 44, 0.08);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-score-slide,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-stack--deck {
    position: relative;
    width: min(1120px, 100%);
    min-height: 630px;
    margin: 0 auto;
    border: 1px solid rgba(23, 35, 44, 0.12);
    background-color: #ffffff;
    box-sizing: border-box;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover::after,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide::after,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-score-slide::after {
    position: absolute;
    right: 28px;
    bottom: 20px;
    color: rgba(23, 35, 44, 0.36);
    font-size: 0.78rem;
    font-weight: 800;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover::after {
    content: "01";
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide::after {
    content: "02";
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-score-slide::after {
    content: "03";
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-stack--deck::after {
    content: attr(data-slide-label);
    position: absolute;
    right: 28px;
    bottom: 20px;
    color: rgba(23, 35, 44, 0.36);
    font-size: 0.78rem;
    font-weight: 800;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 7px;
    background: #0a66c2;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover__copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    max-width: 720px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover__eyebrow,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover__meta span,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-key-insight span {
    margin: 0;
    color: rgba(23, 35, 44, 0.58);
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover__title {
    margin: 0;
    color: #17232c;
    font-family: Georgia, "Times New Roman", serif;
    max-width: 620px;
    font-size: clamp(2rem, 2.5vw, 2.85rem);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover__dek {
    margin: 0;
    max-width: 720px;
    color: rgba(23, 35, 44, 0.78);
    font-size: 1.05rem;
    line-height: 1.62;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-top: 8px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover__meta > span,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analysis-status {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(10, 102, 194, 0.14);
    border-radius: 999px;
    background: #ffffff;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover__visual {
    display: grid;
    grid-template-columns: 180px 52px;
    align-items: end;
    justify-content: end;
    gap: 22px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-compass {
    display: grid;
    place-items: center;
    align-content: center;
    width: 180px;
    height: 180px;
    padding: 14px;
    border-radius: 999px;
    background: conic-gradient(rgba(23, 35, 44, 0.08) 0deg 360deg);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-compass::before {
    content: "";
    grid-area: 1 / 1;
    width: 130px;
    height: 130px;
    border-radius: inherit;
    background: #ffffff;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-compass__score,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-compass__label {
    position: relative;
    z-index: 1;
    grid-area: 1 / 1;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-compass__score {
    align-self: center;
    color: #17232c;
    font-size: 2rem;
    font-weight: 840;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-compass__label {
    align-self: end;
    margin-bottom: 26px;
    color: rgba(23, 35, 44, 0.62);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-signal-bars {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 7px;
    height: 180px;
    padding: 12px 10px;
    border-left: 1px solid rgba(23, 35, 44, 0.1);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-signal-bars span {
    display: block;
    width: 8px;
    height: 12%;
    min-height: 16px;
    border-radius: 999px 999px 0 0;
    background: #0a66c2;
    transition: height 0.35s ease;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-signal-bars span:nth-child(2) {
    background: #f2c94c;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-signal-bars span:nth-child(3) {
    background: #2a9d8f;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover__actions {
    position: absolute;
    top: 18px;
    right: 18px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-key-insight {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin-top: 16px;
    padding: 16px 18px;
    border: 1px solid rgba(23, 35, 44, 0.09);
    background: #fffdf8;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-score-slide {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 34px;
    align-items: center;
    padding: 54px 58px 62px;
    box-shadow: 0 18px 45px rgba(23, 35, 44, 0.08);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide__image {
    display: flex;
    align-items: flex-end;
    min-height: 420px;
    padding: 28px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(10, 102, 194, 0.9), rgba(42, 157, 143, 0.72)),
        linear-gradient(45deg, rgba(255, 255, 255, 0.16) 0 24%, transparent 24% 100%);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide__image span {
    display: block;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 0.92;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide__list {
    display: grid;
    border-top: 1px solid rgba(23, 35, 44, 0.16);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide__list a {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    min-height: 76px;
    border-bottom: 1px solid rgba(23, 35, 44, 0.16);
    color: #17232c;
    text-decoration: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide__list a span {
    color: #0a66c2;
    font-size: 0.82rem;
    font-weight: 840;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide__list a strong {
    font-size: 1.2rem;
    line-height: 1.2;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-score-slide__intro {
    display: grid;
    gap: 14px;
    align-content: center;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-score-slide__metrics .inst-metrics--gap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-key-insight strong {
    color: #17232c;
    font-size: 0.98rem;
    line-height: 1.55;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-charts-header--compact {
    margin-top: 26px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter {
    align-items: center;
    display: inline-flex;
    flex: 0 1 auto;
    gap: 10px;
    margin: 0 0 0 12px;
    min-width: 0;
    padding: 0 0 0 14px;
    border-left: 1px solid rgba(23, 35, 44, 0.08);
    border-top: 0;
    white-space: nowrap;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-avatar {
    width: 34px;
    height: 34px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-copy {
    align-items: baseline;
    display: inline-flex;
    gap: 8px;
    min-width: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-copy strong,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-copy span {
    display: inline-block;
    margin: 0;
    white-space: nowrap;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-copy strong {
    font-size: 0.86rem;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-copy span {
    font-size: 0.78rem;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-avatar img.is-gap-blurred,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-networking-preview .sffc-crm-reddit-single-method-recruiter-avatar img.is-gap-blurred {
    filter: blur(2px);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-stack {
    display: grid;
    gap: 18px;
    margin-top: 22px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-stack--deck {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 20px;
    margin-top: 0;
    padding: 54px 58px 62px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-stack--deck::before {
    content: "Application assets";
    position: absolute;
    left: 58px;
    top: 28px;
    color: rgba(23, 35, 44, 0.55);
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-card {
    background: #fffefb;
    border: 1px solid rgba(23, 35, 44, 0.08);
    border-radius: 0;
    padding: 22px;
    display: grid;
    gap: 16px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-stack--deck .inst-gap-quick-card {
    align-content: start;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-card--materials {
    gap: 14px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-card-copy {
    display: grid;
    gap: 6px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-card-copy p {
    margin: 0;
    color: rgba(23, 35, 44, 0.56);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-card-copy h3 {
    margin: 0;
    color: var(--gap-heading);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.08rem, 1.4vw, 1.38rem);
    font-weight: 700;
    line-height: 1.1;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-card-head > span {
    align-self: center;
    color: #2e6bd2;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-card--materials .inst-gap-quick-card-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-card--materials .inst-gap-quick-card-head > span {
    align-self: flex-start;
    background: rgba(46, 107, 210, 0.09);
    border: 1px solid rgba(46, 107, 210, 0.12);
    border-radius: 999px;
    min-height: 28px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-grid {
    display: grid;
    gap: 12px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-grid .sffc-crm-reddit-single-pack-grid {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 1fr !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-grid .sffc-crm-reddit-single-pack-card,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-asset .sffc-crm-reddit-single-pack-card {
    align-items: center !important;
    gap: 12px !important;
    grid-template-columns: 42px minmax(0, 1fr) 18px !important;
    min-height: 74px !important;
    min-width: 0 !important;
    padding: 13px 15px !important;
    border-radius: 16px !important;
    width: 100% !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-grid .sffc-crm-reddit-single-pack-card::after,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-asset .sffc-crm-reddit-single-pack-card::after {
    content: none;
    display: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-grid .sffc-crm-reddit-inline-pack-card-label,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-asset .sffc-crm-reddit-inline-pack-card-label {
    font-size: 0.82rem !important;
    line-height: 1.18 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-grid .sffc-crm-reddit-inline-pack-card-meta,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-asset .sffc-crm-reddit-inline-pack-card-meta {
    font-size: 0.7rem !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere;
    white-space: normal !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-networking-overview {
    display: grid;
    gap: 14px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-networking-overview > p {
    margin: 0;
    color: rgba(23, 35, 44, 0.74);
    font-size: 0.94rem;
    line-height: 1.65;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-networking-cta {
    align-items: center;
    justify-content: center;
    display: inline-flex;
    width: fit-content;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    border: 1px solid rgba(47, 110, 166, 0.18);
    background: #f3d445;
    color: #17232c;
    font-size: 0.9rem;
    font-weight: 700;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-asset {
    width: min(100%, 320px);
    min-width: 260px;
    flex: 0 0 auto;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-asset .sffc-crm-reddit-single-pack-card {
    width: 100%;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-insight-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    min-height: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-chart-card,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-toolkit-section {
    border-radius: 0;
    border: 1px solid rgba(23, 35, 44, 0.1);
    box-shadow: none;
    background: #ffffff;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-chart-card-header,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-toolkit-section-header {
    min-height: 72px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(23, 35, 44, 0.1);
    background: #fbfcfd;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-chart-card-title,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-toolkit-section-header h3 {
    margin: 0;
    color: #17232c;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 820;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-chart-card-subtitle,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-toolkit-section-header p {
    margin: 6px 0 0;
    color: rgba(23, 35, 44, 0.62);
    font-size: 0.84rem;
    line-height: 1.42;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-chart-card-body {
    max-height: 372px;
    overflow: auto;
    padding: 16px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-chart-narrative {
    display: grid;
    gap: 10px;
    align-content: start;
    min-height: 0;
    padding: 14px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-chart-narrative-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-chart-narrative svg,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-toolkit-empty svg {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-chart-narrative-header span {
    color: #17232c;
    font-size: 0.92rem;
    line-height: 1.2;
    font-weight: 820;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-chart-narrative p,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-toolkit-empty p {
    margin: 0;
    color: rgba(23, 35, 44, 0.64) !important;
    font-size: 0.84rem !important;
    line-height: 1.45;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-item {
    display: grid;
    gap: 7px;
    margin: 0 0 10px;
    padding: 13px 14px;
    border-radius: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-item__title {
    font-size: 0.92rem;
    line-height: 1.25;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-item__text {
    font-size: 0.82rem;
    line-height: 1.45;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--fit {
    grid-template-rows: auto minmax(0, 1fr);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--strategy {
    grid-template-rows: auto minmax(0, 1fr);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--strategy .inst-chart-card-body {
    max-height: none;
    overflow: visible;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--cv,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--cover,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--keywords,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--interview {
    grid-template-rows: auto minmax(0, 1fr);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-cv-full-preview,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-cover-letter-card,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-interview-questions {
    max-height: 330px;
    overflow: auto;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-toolkit-subsection {
    margin-top: 18px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-keyword-stats {
    margin: 0 0 18px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--strategy .inst-chart-card,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--cv .inst-toolkit-section,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--cover .inst-toolkit-section,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--keywords .inst-toolkit-section,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--interview .inst-toolkit-section {
    margin-top: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-charts-panel {
    min-width: 0;
    min-height: calc(100vh - 82px);
    height: calc(100vh - 82px);
    display: block;
    overflow: auto;
    border: 0;
    border-left: 1px solid var(--gap-border);
    border-radius: 0;
    background: #fffdf8;
    box-shadow: none;
    -webkit-overflow-scrolling: touch;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-charts-inner {
    min-width: 0;
    padding: 0 0 36px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-panel-view {
    padding: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-panel-view:not(.is-active) {
    display: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign [data-preview-report-stop],
[data-component="gap-analyzer"].inst-terminal--gap-redesign [data-preview-lockbar] {
    display: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign.inst-preview-mode .inst-optimizer-section--strategy,
[data-component="gap-analyzer"].inst-terminal--gap-redesign.inst-preview-mode .inst-optimizer-section--cv,
[data-component="gap-analyzer"].inst-terminal--gap-redesign.inst-preview-mode .inst-optimizer-section--cover,
[data-component="gap-analyzer"].inst-terminal--gap-redesign.inst-preview-mode .inst-optimizer-section--keywords,
[data-component="gap-analyzer"].inst-terminal--gap-redesign.inst-preview-mode .inst-optimizer-section--interview {
    display: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign.inst-preview-mode [data-preview-report-stop] {
    display: block;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign.inst-preview-mode [data-preview-lockbar] {
    display: block;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign.inst-preview-mode .inst-charts-inner {
    padding-bottom: 124px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    padding: 26px 28px;
    border: 1px solid rgba(23, 35, 44, 0.12);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(243, 212, 69, 0.24), transparent 34%),
        linear-gradient(180deg, rgba(255, 253, 248, 0.98) 0%, rgba(250, 246, 238, 0.98) 100%);
    box-shadow: 0 22px 42px rgba(23, 35, 44, 0.08);
    position: relative;
    z-index: 3;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--preview-lock {
    position: relative;
    overflow: hidden;
    min-height: 760px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-intro {
    display: grid;
    gap: 10px;
    margin: 0 0 24px;
    max-width: 720px;
    position: relative;
    z-index: 3;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-intro .inst-optimizer-section-title {
    max-width: 100%;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-intro .inst-optimizer-section-title-count {
    color: #c0392b;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-intro .inst-optimizer-section-text {
    margin: 0;
    max-width: 620px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost {
    position: absolute;
    inset: 146px 28px 34px;
    display: grid;
    gap: 18px;
    z-index: 1;
    pointer-events: none;
    filter: blur(7px) saturate(0.92);
    opacity: 0.94;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 253, 248, 0.06), rgba(255, 253, 248, 0.4));
    border-radius: 22px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__metric,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__card {
    border-radius: 22px;
    border: 1px solid rgba(23, 35, 44, 0.1);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 16px 32px rgba(23, 35, 44, 0.07);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__metric {
    display: grid;
    gap: 10px;
    padding: 18px 18px 16px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__metric-label {
    color: #516170;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__metric strong {
    color: #17232c;
    font-size: 1.7rem;
    line-height: 1;
    letter-spacing: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__metric-bar,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-track {
    display: block;
    width: 100%;
    height: 10px;
    border-radius: 999px;
    background: rgba(201, 212, 229, 0.34);
    overflow: hidden;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__metric-bar span,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #316fd6, #6ea2ff);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__grid {
    display: grid;
    grid-template-columns: 1.08fr 1fr;
    gap: 18px;
    min-height: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__card {
    display: grid;
    gap: 18px;
    padding: 20px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__card-head {
    display: grid;
    gap: 6px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__card-head span {
    color: #516170;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__card-head strong {
    color: #17232c;
    font-size: 1.1rem;
    line-height: 1.15;
    letter-spacing: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__card--donut,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__card--bars {
    min-height: 290px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__card--panel,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__card--insights {
    min-height: 242px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__donut {
    position: relative;
    width: 188px;
    height: 188px;
    margin: 2px auto 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__donut-ring {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(#6ccc98 0 28%, #316fd6 28% 58%, #f3d445 58% 78%, #8b74ff 78% 100%);
    position: relative;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__donut-ring::after {
    content: "";
    position: absolute;
    inset: 18px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__donut-center {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    text-align: center;
    z-index: 1;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__donut-center strong {
    color: #17232c;
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__donut-center span {
    color: #516170;
    font-size: 0.78rem;
    font-weight: 600;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__legend {
    display: grid;
    gap: 8px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #516170;
    font-size: 0.82rem;
    line-height: 1.4;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__legend i {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: inline-block;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__legend .is-blue,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-track .is-blue {
    background: linear-gradient(90deg, #316fd6, #6ea2ff);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__legend .is-green,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-track .is-green {
    background: linear-gradient(90deg, #5bc08a, #97e1b8);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__legend .is-gold,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-track .is-gold {
    background: linear-gradient(90deg, #e5bb31, #ffd978);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-track .is-purple {
    background: linear-gradient(90deg, #7d68ef, #aa9bff);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-list {
    display: grid;
    gap: 14px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    align-items: center;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-row > span:first-child,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-row strong {
    color: #17232c;
    font-size: 0.88rem;
    line-height: 1.35;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-row strong {
    color: #516170;
    font-weight: 700;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__bar-row .inst-preview-report-ghost__bar-track {
    grid-column: 1 / -1;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__stack {
    position: relative;
    min-height: 150px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__sheet {
    position: absolute;
    inset: 0 auto auto 0;
    width: 72%;
    height: 132px;
    border-radius: 18px;
    border: 1px solid rgba(23, 35, 44, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244, 248, 255, 0.95));
    box-shadow: 0 12px 24px rgba(23, 35, 44, 0.07);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__sheet::before,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__sheet::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    border-radius: 999px;
    background: rgba(184, 197, 219, 0.46);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__sheet::before {
    top: 22px;
    height: 12px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__sheet::after {
    top: 48px;
    height: 8px;
    box-shadow: 0 18px 0 rgba(184, 197, 219, 0.32), 0 36px 0 rgba(184, 197, 219, 0.22);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__sheet.is-front {
    z-index: 3;
    transform: rotate(-3deg) translate(4px, 18px);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__sheet.is-mid {
    z-index: 2;
    transform: rotate(4deg) translate(76px, 6px);
    opacity: 0.88;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__sheet.is-back {
    z-index: 1;
    transform: rotate(-1deg) translate(138px, 26px);
    opacity: 0.72;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__insight-list {
    display: grid;
    gap: 10px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__insight-list span {
    display: block;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(241, 245, 253, 0.92);
    color: #17232c;
    font-size: 0.86rem;
    line-height: 1.45;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card__lock {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(243, 212, 69, 0.18);
    color: #17232c;
    border: 1px solid rgba(23, 35, 44, 0.08);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card__lock svg {
    width: 24px;
    height: 24px;
    display: block;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card__copy {
    display: grid;
    gap: 8px;
    min-width: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card__eyebrow,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar__eyebrow {
    margin: 0;
    color: #516170;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card__copy h3 {
    margin: 0;
    color: #17232c;
    font-size: 1.5rem;
    line-height: 1.08;
    letter-spacing: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card__copy p {
    margin: 0;
    color: #516170;
    font-size: 0.95rem;
    line-height: 1.65;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card__button,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 20px;
    border-radius: 16px;
    background: #0d353e;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 16px 28px rgba(13, 53, 62, 0.18);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card__button svg,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar__button svg {
    width: 18px;
    height: 18px;
    display: block;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar {
    position: sticky;
    bottom: 0;
    z-index: 24;
    margin-top: -10px;
    padding: 18px 24px calc(18px + env(safe-area-inset-bottom));
    background:
        linear-gradient(180deg, rgba(255, 253, 248, 0) 0%, rgba(255, 253, 248, 0.88) 18%, rgba(255, 253, 248, 0.98) 100%);
    border-top: 1px solid rgba(23, 35, 44, 0.08);
    box-shadow: 0 -18px 32px rgba(23, 35, 44, 0.06);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 18px 20px;
    border-radius: 20px;
    border: 1px solid rgba(23, 35, 44, 0.1);
    background: rgba(255, 253, 248, 0.98);
    box-shadow: 0 14px 30px rgba(23, 35, 44, 0.08);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar__copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar__copy strong {
    color: #17232c;
    font-size: 1.08rem;
    line-height: 1.1;
    letter-spacing: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar__copy span:last-child {
    color: #516170;
    font-size: 0.88rem;
    line-height: 1.55;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-charts-header,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-toolkit-header {
    padding-top: 4px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-charts-title,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-toolkit-title {
    font-size: clamp(1.22rem, 1.45vw, 1.62rem);
    line-height: 1.05;
    letter-spacing: 0;
    color: var(--gap-heading);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-metrics--gap {
    gap: 12px;
    margin-bottom: 26px;
    padding: 14px;
    border-radius: 0;
    background: #f6f8fb;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-metric--gap {
    min-height: 142px;
    justify-content: center;
    border-radius: 0;
    box-shadow: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-metric--gap .inst-metric-value {
    font-size: 2rem;
    letter-spacing: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-metric--gap:hover {
    transform: none;
    box-shadow: none;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analysis-loader {
    position: fixed !important;
    inset: 0 !important;
    z-index: 70;
}

@media (max-width: 1100px) {
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-results-stage {
        grid-template-columns: 264px minmax(0, 1fr);
    }
}

@media (max-width: 920px) {
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-layout {
        padding: 0;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header--gap {
        padding: 14px 16px;
        flex-direction: column;
        align-items: flex-start;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-meta {
        font-size: 1.42rem;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-grid,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-results-stage {
        grid-template-columns: 1fr;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-stage,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-results-stage {
        min-height: auto;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-rail,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-charts-panel {
        min-height: auto;
        height: auto;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-rail {
        border-right: 0;
        border-bottom: 1px solid var(--gap-border);
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        flex-direction: column;
        align-items: stretch;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-inline-cta {
        width: 100%;
        align-items: stretch;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-rail {
        position: relative;
        top: 0;
        overflow: visible;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-report-toc {
        display: none;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-ring {
        width: 176px;
        height: 176px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-score-value {
        font-size: 2.2rem;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-charts-panel {
        min-height: auto;
        height: auto;
        overflow: visible;
        border-left: 0;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-flow {
        gap: 18px;
        padding: 18px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section + .inst-optimizer-section {
        width: 100%;
        min-height: 0;
        padding: 24px 18px 44px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-head {
        flex-direction: column;
        align-items: stretch;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 24px 20px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-score-slide,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-stack--deck {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 24px 20px 44px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide__image {
        min-height: 180px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-contents-slide__image span {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 2rem;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-score-slide__metrics .inst-metrics--gap,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-metrics--gap {
        grid-template-columns: 1fr;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-cover__visual {
        grid-template-columns: 132px 38px;
        justify-content: start;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-compass {
        width: 132px;
        height: 132px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-compass::before {
        width: 94px;
        height: 94px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-signal-bars {
        height: 132px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-report-key-insight,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-focus-strip,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-move-grid {
        grid-template-columns: 1fr;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-focus-strip div {
        min-height: 74px;
        border-right: 0;
        border-bottom: 1px solid rgba(23, 35, 44, 0.1);
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-focus-strip div:last-child {
        border-bottom: 0;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        max-width: 100%;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section-asset {
        width: 100%;
        min-width: 0;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-insight-grid {
        grid-template-columns: 1fr;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-card-head {
        flex-direction: column;
        align-items: flex-start;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-quick-grid {
        grid-template-columns: 1fr;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar__inner {
        grid-template-columns: 1fr;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost {
        inset: 22px 18px 26px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__metrics,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__grid {
        grid-template-columns: 1fr;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-optimizer-section--preview-lock {
        min-height: 1040px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-ghost__donut {
        width: 168px;
        height: 168px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card {
        padding: 22px 20px;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar {
        padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-stop-card__button,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-preview-report-lockbar__button {
        width: 100%;
    }
}

[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 721px) {
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-actions {
        display: none !important;
    }
}

@media (max-width: 720px) {
    [data-component="gap-analyzer"].inst-terminal--gap-redesign {
        --gap-mobile-blue: #0a66c2;
        --gap-mobile-line: rgba(17, 24, 32, 0.16);
        background: #ffffff !important;
        min-height: 100dvh !important;
        overflow-x: hidden !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-app {
        min-height: 100dvh !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header--gap {
        position: sticky !important;
        top: 0 !important;
        z-index: 40 !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        min-height: 74px !important;
        padding: max(10px, env(safe-area-inset-top)) 16px 10px !important;
        border-bottom: 1px solid var(--gap-mobile-line) !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: saturate(135%) blur(12px) !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-title {
        display: contents !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-back {
        display: inline-grid !important;
        grid-column: 1 !important;
        place-items: center !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        background: transparent !important;
        color: #4a4f55 !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-back::before,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-back::after {
        content: "" !important;
        position: absolute !important;
        width: 24px !important;
        height: 3px !important;
        border-radius: 999px !important;
        background: currentColor !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-back::before {
        transform: rotate(45deg) !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-back::after {
        transform: rotate(-45deg) !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-title > span {
        grid-column: 2 !important;
        display: block !important;
        overflow: hidden !important;
        color: #111820 !important;
        font-size: 23px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        letter-spacing: 0 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-meta,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter {
        display: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper {
        position: sticky !important;
        top: 74px !important;
        z-index: 35 !important;
        display: grid !important;
        gap: 8px !important;
        padding: 10px 16px 8px !important;
        border-bottom: 1px solid var(--gap-mobile-line) !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-stage="results"] .inst-gap-mobile-stepper {
        display: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__bar {
        height: 8px !important;
        overflow: hidden !important;
        border: 2px solid #30343a !important;
        border-radius: 999px !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__bar span {
        display: block !important;
        width: 33.333% !important;
        height: 100% !important;
        border-radius: inherit !important;
        background: #607180 !important;
        transition: width 180ms ease !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta strong,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta span {
        color: #111820 !important;
        font-size: 15px !important;
        font-weight: 760 !important;
        line-height: 1 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-layout,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-stage,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-grid {
        display: block !important;
        min-height: 0 !important;
        background: #ffffff !important;
        overflow: visible !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        min-height: calc(100dvh - 156px) !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="cv"] [data-gap-mobile-panel="jd"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="cv"] [data-gap-mobile-panel="scan"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="jd"] [data-gap-mobile-panel="cv"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="jd"] [data-gap-mobile-panel="scan"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] [data-gap-mobile-panel="cv"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] [data-gap-mobile-panel="jd"] {
        display: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head {
        display: grid !important;
        gap: 10px !important;
        padding: 22px 16px 12px !important;
        border: 0 !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 {
        display: block !important;
        margin: 0 !important;
        color: #111820 !important;
        font-size: 19px !important;
        font-weight: 800 !important;
        line-height: 1.18 !important;
        letter-spacing: 0 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 span {
        display: block !important;
        margin-top: 8px !important;
        color: #6a717b !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-meta {
        color: #6a717b !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv .inst-gap-scan-pane-meta::before {
        content: "Be sure to include an updated resume in DOC, DOCX or PDF format. " !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-body {
        display: grid !important;
        gap: 14px !important;
        min-height: 0 !important;
        padding: 0 16px 16px !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadstatus {
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        min-height: 58px !important;
        padding: 0 14px 0 74px !important;
        position: relative !important;
        overflow: hidden !important;
        border: 1px solid rgba(17, 24, 32, 0.12) !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        color: #4f5660 !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        line-height: 1.25 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadstatus::before {
        content: "PDF" !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        display: inline-grid !important;
        place-items: center !important;
        width: 58px !important;
        background: #e52b22 !important;
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 850 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadstatus.is-success {
        border-color: var(--gap-mobile-blue) !important;
        box-shadow: inset 0 0 0 2px var(--gap-mobile-blue) !important;
        color: #111820 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadstatus.is-error {
        border-color: rgba(180, 35, 24, 0.34) !important;
        color: #b42318 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbtn {
        position: relative !important;
        order: 2 !important;
        width: 100% !important;
        min-height: 54px !important;
        border: 2px solid var(--gap-mobile-blue) !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: var(--gap-mobile-blue) !important;
        font-size: 18px !important;
        font-weight: 820 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbtn::after {
        content: "DOC, DOCX, PDF (2MB)" !important;
        position: absolute !important;
        left: 0 !important;
        top: calc(100% + 7px) !important;
        color: #6a717b !important;
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-textarea--scan {
        width: 100% !important;
        min-height: 220px !important;
        height: auto !important;
        margin-top: 26px !important;
        padding: 14px !important;
        border: 1px solid rgba(17, 24, 32, 0.14) !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        box-shadow: none !important;
        color: #111820 !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-size: 15px !important;
        line-height: 1.45 !important;
        resize: vertical !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--jd .inst-gap-textarea--scan {
        min-height: 360px !important;
        margin-top: 0 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        padding: 14px 16px calc(16px + env(safe-area-inset-bottom)) !important;
        border-top: 1px solid var(--gap-mobile-line) !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot p {
        margin: 0 0 16px !important;
        color: #6a717b !important;
        font-size: 14px !important;
        line-height: 1.42 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        width: 100% !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn {
        appearance: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 104px !important;
        min-height: 48px !important;
        padding: 0 22px !important;
        border-radius: 999px !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--gap-mobile-blue) !important;
        font-size: 16px !important;
        font-weight: 820 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn--primary {
        margin-left: auto !important;
        background: var(--gap-mobile-blue) !important;
        color: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn:disabled {
        opacity: 0.45 !important;
        filter: grayscale(0.4) !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        display: grid !important;
        align-content: start !important;
        gap: 22px !important;
        min-height: calc(100dvh - 156px) !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions-copy {
        display: grid !important;
        gap: 10px !important;
        padding: 20px 0 0 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions-copy strong {
        color: #111820 !important;
        font-size: 22px !important;
        line-height: 1.16 !important;
        font-weight: 850 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions-copy p {
        color: #6a717b !important;
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-inline-cta {
        display: grid !important;
        gap: 12px !important;
        width: 100% !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analyze-btn {
        width: 100% !important;
        min-height: 54px !important;
        border-radius: 999px !important;
        background: var(--gap-mobile-blue) !important;
        color: #ffffff !important;
        font-size: 17px !important;
        font-weight: 850 !important;
        box-shadow: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-cta-note {
        color: #6a717b !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }
}


/* ==========================================================================
   REQUIREMENT LIST ITEMS
   ========================================================================== */

.inst-gap-item {
    padding: 12px;
    background: var(--inst-cream-50, #fefdfb);
    border: 1px solid var(--inst-border, rgba(15, 23, 42, 0.08));
    border-radius: 6px;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.5;
}

.inst-gap-item:last-child {
    margin-bottom: 0;
}

.inst-gap-item--missing {
    border-left: 3px solid #dc2626;
    background: rgba(220, 38, 38, 0.03);
}

.inst-gap-item--matched {
    border-left: 3px solid #16a34a;
    background: rgba(22, 163, 74, 0.03);
}

.inst-gap-item__title {
    font-weight: 600;
    color: var(--inst-navy-900, #0f172a);
    margin-bottom: 4px;
}

.inst-gap-item__text {
    color: var(--inst-navy-600, #475569);
    font-size: 12px;
}

.inst-gap-item__terms {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 8px;
}

.inst-gap-item__term {
    display: inline-block;
    padding: 2px 8px;
    background: var(--inst-navy-100, #f1f5f9);
    color: var(--inst-navy-700, #334155);
    font-size: 11px;
    font-weight: 500;
    border-radius: 4px;
}

.inst-gap-item--missing .inst-gap-item__term {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
}

.inst-gap-item--matched .inst-gap-item__term {
    background: rgba(22, 163, 74, 0.1);
    color: #16a34a;
}


/* ==========================================================================
   RECOMMENDATION ITEMS
   ========================================================================== */

.inst-recommendation {
    padding: 12px;
    background: var(--inst-cream-50, #fefdfb);
    border: 1px solid var(--inst-border, rgba(15, 23, 42, 0.08));
    border-radius: 6px;
    margin-bottom: 8px;
}

.inst-recommendation:last-child {
    margin-bottom: 0;
}

.inst-recommendation--critical {
    border-left: 3px solid #dc2626;
    background: rgba(220, 38, 38, 0.03);
}

.inst-recommendation--warning {
    border-left: 3px solid #f59e0b;
    background: rgba(245, 158, 11, 0.03);
}

.inst-recommendation--success {
    border-left: 3px solid #16a34a;
    background: rgba(22, 163, 74, 0.03);
}

.inst-recommendation--info {
    border-left: 3px solid #2563eb;
    background: rgba(37, 99, 235, 0.03);
}

.inst-recommendation--improvement {
    border-left: 3px solid #8b5cf6;
    background: rgba(139, 92, 246, 0.03);
}

.inst-recommendation__title {
    font-weight: 600;
    font-size: 13px;
    color: var(--inst-navy-900, #0f172a);
    margin-bottom: 4px;
}

.inst-recommendation__desc {
    font-size: 12px;
    line-height: 1.5;
    color: var(--inst-navy-600, #475569);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-magazine {
    display: grid;
    gap: 16px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    align-items: stretch;
    min-height: 156px;
    border: 1px solid rgba(23, 35, 44, 0.1);
    background: #ffffff;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead__score {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 4px;
    background: #0a66c2;
    color: #ffffff;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead--repairable .inst-rec-lead__score {
    background: #cf8b1a;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead--high-risk .inst-rec-lead__score {
    background: #c24135;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead__score strong {
    font-size: 2rem;
    line-height: 1;
    font-weight: 840;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead__score span {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead__copy {
    display: grid;
    align-content: center;
    gap: 8px;
    min-width: 0;
    padding: 20px 22px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead__copy p,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-move p,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-focus-strip span {
    margin: 0;
    color: rgba(23, 35, 44, 0.55);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead__copy h4 {
    margin: 0;
    color: #17232c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.22rem;
    line-height: 1.18;
    letter-spacing: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-lead__copy span {
    color: rgba(23, 35, 44, 0.74);
    font-size: 0.92rem;
    line-height: 1.5;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-focus-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(23, 35, 44, 0.1);
    background: #fbfcfd;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-focus-strip div {
    display: grid;
    gap: 4px;
    min-height: 94px;
    padding: 17px 16px;
    border-right: 1px solid rgba(23, 35, 44, 0.1);
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-focus-strip div:last-child {
    border-right: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-focus-strip strong {
    color: #17232c;
    font-size: 2rem;
    line-height: 1;
    font-weight: 820;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-chip-board {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    max-width: 100%;
    padding: 0 12px;
    border-radius: 999px;
    background: #eef5ff;
    color: #0a66c2;
    font-size: 0.82rem;
    font-weight: 760;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-chip--missing {
    background: #fff4dc;
    color: #8a5a00;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-move-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-move {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    min-height: 142px;
    padding: 17px;
    border: 1px solid rgba(23, 35, 44, 0.1);
    background: #ffffff;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-move__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: #eef5ff;
    color: #0a66c2;
    font-size: 0.78rem;
    font-weight: 820;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-move--gold .inst-rec-move__num {
    background: #fff4dc;
    color: #8a5a00;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-move--green .inst-rec-move__num {
    background: #e7f6f3;
    color: #176f66;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-move div {
    display: grid;
    align-content: start;
    gap: 6px;
    min-width: 0;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-move h4 {
    margin: 0;
    color: #17232c;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 820;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-rec-move span:not(.inst-rec-move__num) {
    color: rgba(23, 35, 44, 0.72);
    font-size: 0.88rem;
    line-height: 1.48;
}


/* ==========================================================================
   LOADING STATE
   ========================================================================== */

.inst-chatbox.is-loading .inst-chatbox-send svg {
    animation: inst-spin 1s linear infinite;
}

@keyframes inst-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


/* ==========================================================================
   ANNOTATED CONTENT STYLING
   ========================================================================== */

[data-content="jd-annotated"],
[data-content="cv-annotated"] {
    font-size: 14px;
    line-height: 1.7;
    color: var(--inst-navy-800, #1e293b);
}

[data-content="jd-annotated"] p,
[data-content="cv-annotated"] p {
    margin-bottom: 12px;
}

[data-content="jd-annotated"] p:last-child,
[data-content="cv-annotated"] p:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   EMPTY STATE
   ========================================================================== */

.inst-gap-empty {
    text-align: center;
    padding: 24px;
    color: var(--inst-navy-400, #94a3b8);
    font-size: 13px;
}

.inst-gap-empty svg {
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
    opacity: 0.5;
}


/* ==========================================================================
   ENHANCED METRICS - Gap Analyzer Specific
   ========================================================================== */

.inst-metrics--gap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 32px;
    padding: 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.inst-preview-access-cta {
    display: flex !important;
    justify-content: center !important;
    margin: -10px 0 28px !important;
}

.inst-preview-access-cta__signalstrip {
    width: min(100%, 760px);
    display: grid;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 22px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(249, 250, 255, 0.98) 100%);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.08);
}

.inst-preview-access-cta__content {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.inst-preview-access-cta__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(47, 110, 166, 0.76);
}

.inst-preview-access-cta__content strong {
    font-size: 1.05rem;
    line-height: 1.2;
    color: #17232c;
}

.inst-preview-access-cta__content p {
    margin: 0;
    font-size: 0.94rem;
    line-height: 1.65;
    color: rgba(23, 35, 44, 0.76);
}

.inst-preview-access-cta__content small {
    display: block;
    font-size: 0.82rem;
    line-height: 1.55;
    color: rgba(23, 35, 44, 0.64);
}

.inst-preview-access-cta__snippets {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inst-preview-access-cta__snippets span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(237, 244, 255, 0.96);
    border: 1px solid rgba(137, 171, 255, 0.4);
    color: #24486c;
    font-size: 0.78rem;
    font-weight: 700;
}

.inst-preview-access-cta__detected {
    display: grid;
    gap: 10px;
    margin-top: 2px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(244, 248, 255, 0.92);
    border: 1px solid rgba(137, 171, 255, 0.22);
}

.inst-preview-access-cta__detected-head {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #31597f;
}

.inst-preview-access-cta__detected-row {
    display: grid;
    gap: 6px;
}

.inst-preview-access-cta__detected-row strong {
    font-size: 0.8rem;
    color: #20384f;
}

.inst-preview-access-cta__detected-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.inst-preview-access-cta__detected-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(165, 188, 227, 0.38);
    color: #274968;
    font-size: 0.76rem;
    font-weight: 700;
}

.inst-preview-access-cta__promise {
    color: rgba(29, 54, 77, 0.82) !important;
}

.inst-preview-access-cta__checks {
    display: grid;
    gap: 12px;
    margin-top: 2px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(248, 251, 255, 0.96);
    border: 1px solid rgba(165, 188, 227, 0.24);
}

.inst-preview-access-cta__checks-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.inst-preview-access-cta__checks-head strong {
    color: #20384f;
    font-size: 0.88rem;
    line-height: 1.2;
}

.inst-preview-access-cta__checks-head span {
    color: rgba(32, 56, 79, 0.62);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.inst-preview-access-cta__checks-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.inst-preview-access-cta__check {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    min-height: 66px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(255, 255, 255, 0.98);
}

.inst-preview-access-cta__check.is-present {
    border-color: rgba(22, 163, 74, 0.16);
    background: linear-gradient(180deg, rgba(245, 253, 248, 0.98), rgba(255, 255, 255, 0.98));
}

.inst-preview-access-cta__check.is-missing {
    border-color: rgba(220, 38, 38, 0.14);
    background: linear-gradient(180deg, rgba(255, 248, 248, 0.98), rgba(255, 255, 255, 0.98));
}

.inst-preview-access-cta__check-icon {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1;
}

.inst-preview-access-cta__check.is-present .inst-preview-access-cta__check-icon {
    background: rgba(22, 163, 74, 0.12);
    color: #15803d;
}

.inst-preview-access-cta__check.is-missing .inst-preview-access-cta__check-icon {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
}

.inst-preview-access-cta__check-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.inst-preview-access-cta__check-copy strong {
    color: #17232c;
    font-size: 0.82rem;
    line-height: 1.2;
}

.inst-preview-access-cta__check-copy span {
    color: rgba(23, 35, 44, 0.66);
    font-size: 0.76rem;
    line-height: 1.45;
}

.inst-preview-access-cta__careerfit {
    display: grid;
    gap: 12px;
    margin-top: 2px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(250, 251, 255, 0.98);
    border: 1px solid rgba(205, 216, 233, 0.42);
}

.inst-preview-access-cta__careerfit-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.inst-preview-access-cta__careerfit-head strong {
    color: #20384f;
    font-size: 0.88rem;
    line-height: 1.2;
}

.inst-preview-access-cta__careerfit-head span {
    color: rgba(32, 56, 79, 0.62);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.inst-preview-access-cta__careerfit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.inst-preview-access-cta__careerfit-card {
    display: grid;
    gap: 8px;
    min-height: 160px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(255, 255, 255, 0.98);
}

.inst-preview-access-cta__careerfit-card.is-good {
    border-color: rgba(22, 163, 74, 0.18);
    background: linear-gradient(180deg, rgba(245, 253, 248, 0.98), rgba(255, 255, 255, 0.98));
}

.inst-preview-access-cta__careerfit-card.is-warn {
    border-color: rgba(217, 119, 6, 0.18);
    background: linear-gradient(180deg, rgba(255, 251, 236, 0.98), rgba(255, 255, 255, 0.98));
}

.inst-preview-access-cta__careerfit-card.is-risk {
    border-color: rgba(220, 38, 38, 0.16);
    background: linear-gradient(180deg, rgba(255, 247, 247, 0.98), rgba(255, 255, 255, 0.98));
}

.inst-preview-access-cta__careerfit-card.is-risk .inst-preview-access-cta__careerfit-kicker {
    color: rgba(185, 28, 28, 0.72);
}

.inst-preview-access-cta__careerfit-card.is-risk > strong {
    color: #b91c1c;
}

.inst-preview-access-cta__careerfit-card.is-info {
    border-color: rgba(49, 111, 214, 0.16);
    background: linear-gradient(180deg, rgba(245, 249, 255, 0.98), rgba(255, 255, 255, 0.98));
}

.inst-preview-access-cta__careerfit-card.is-neutral {
    border-color: rgba(100, 116, 139, 0.12);
}

.inst-preview-access-cta__careerfit-kicker {
    color: rgba(32, 56, 79, 0.62);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.inst-preview-access-cta__careerfit-card > strong {
    color: #17232c;
    font-size: 0.96rem;
    line-height: 1.2;
}

.inst-preview-access-cta__careerfit-card > p,
.inst-preview-access-cta__careerfit-note {
    margin: 0;
    color: rgba(23, 35, 44, 0.68);
    font-size: 0.78rem;
    line-height: 1.55;
}

.inst-preview-access-cta__careerfit-meta {
    display: grid;
    gap: 6px;
}

.inst-preview-access-cta__careerfit-meta span,
.inst-preview-access-cta__careerfit-group > span {
    color: #274968;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.4;
}

.inst-preview-access-cta__careerfit-groups {
    display: grid;
    gap: 10px;
}

.inst-preview-access-cta__careerfit-group {
    display: grid;
    gap: 6px;
}

.inst-preview-access-cta__careerfit-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.inst-preview-access-cta__careerfit-tags b {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1;
}

.inst-preview-access-cta__careerfit-tags .is-included {
    background: rgba(232, 248, 238, 0.96);
    border: 1px solid rgba(34, 197, 94, 0.18);
    color: #15803d;
}

.inst-preview-access-cta__careerfit-tags .is-missing {
    background: rgba(255, 244, 244, 0.98);
    border: 1px solid rgba(220, 38, 38, 0.12);
    color: #dc2626;
}

.inst-preview-access-cta__careerfit-tags .is-empty {
    background: rgba(245, 247, 251, 0.98);
    border: 1px solid rgba(148, 163, 184, 0.18);
    color: #516170;
}

.inst-preview-access-cta__button--analysis {
    justify-self: start;
    white-space: nowrap;
}

.inst-preview-access-cta--toolkit {
    margin: 16px 24px 8px !important;
    justify-content: flex-start !important;
}

.inst-preview-access-cta__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    background: #f3d445 !important;
    color: #17232c !important;
    border: 1px solid #f3d445 !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(13, 53, 62, 0.12) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.inst-preview-access-cta__button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 28px rgba(13, 53, 62, 0.16) !important;
    color: #17232c !important;
}

.inst-preview-access-cta__button svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

.inst-metric--gap {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px 12px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.inst-metric--gap:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.inst-metric--gap .inst-metric-value {
    font-family: var(--inst-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    color: var(--inst-navy-900, #0f172a);
    margin-bottom: 4px;
    letter-spacing: 0;
}

.inst-metric--gap .inst-metric-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--inst-gray-500, #64748b);
    margin-bottom: 12px;
}

/* Progress Bar */
.inst-metric-bar {
    width: 100%;
    height: 6px;
    background: var(--inst-gray-200, #e5e7eb);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 8px;
}

.inst-metric-bar-fill {
    height: 100%;
    width: 0%;
    border-radius: 3px;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
}

/* Color States - Default grey */
.inst-metric-bar-fill {
    background: var(--inst-gray-300, #d1d5db);
}

/* Good - Green (70%+) */
.inst-metric--gap.is-good .inst-metric-value {
    color: #059669;
}

.inst-metric--gap.is-good .inst-metric-bar-fill {
    background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}

.inst-metric--gap.is-good .inst-metric-status {
    color: #059669;
}

/* Advisory - Orange (50-69%) */
.inst-metric--gap.is-advisory .inst-metric-value {
    color: #d97706;
}

.inst-metric--gap.is-advisory .inst-metric-bar-fill {
    background: linear-gradient(90deg, #fbbf24 0%, #d97706 100%);
}

.inst-metric--gap.is-advisory .inst-metric-status {
    color: #d97706;
}

/* Needs Improvement - Red (<50%) */
.inst-metric--gap.is-critical .inst-metric-value {
    color: #dc2626;
}

.inst-metric--gap.is-critical .inst-metric-bar-fill {
    background: linear-gradient(90deg, #f87171 0%, #dc2626 100%);
}

.inst-metric--gap.is-critical .inst-metric-status {
    color: #dc2626;
}

/* Tips - Blue (for informational metrics) */
.inst-metric--gap.is-info .inst-metric-value {
    color: #2563eb;
}

.inst-metric--gap.is-info .inst-metric-bar-fill {
    background: linear-gradient(90deg, #60a5fa 0%, #2563eb 100%);
}

.inst-metric--gap.is-info .inst-metric-status {
    color: #2563eb;
}

/* Status Text */
.inst-metric-status {
    font-size: 10px;
    font-weight: 500;
    color: var(--inst-gray-400, #94a3b8);
    text-align: center;
    min-height: 14px;
}

/* Responsive */
@media (max-width: 768px) {
    .inst-metrics--gap {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 16px;
    }

    .inst-metric--gap .inst-metric-value {
        font-size: 28px;
    }

    .inst-metric--gap .inst-metric-label {
        font-size: 10px;
    }
}

@media (max-width: 480px) {
    .inst-metrics--gap {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        padding: 12px;
    }

    .inst-metric--gap {
        padding: 12px 8px;
    }

    .inst-metric--gap .inst-metric-value {
        font-size: 24px;
    }
}


/* ==========================================================================
   ANALYSIS LOADER - Percentage Progress Indicator
   ========================================================================== */

.inst-analysis-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(252, 249, 243, 0.97);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 32px;
    overflow: hidden;
}

.inst-loader-content {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: min(100%, 560px);
    padding: 34px 36px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.08);
}

.inst-loader-visual {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 380px;
    height: 380px;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.inst-loader-core {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 108px;
    height: 108px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(13, 53, 62, 0.08);
    box-shadow: 0 16px 40px rgba(13, 53, 62, 0.08);
}

.inst-loader-orbit {
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(13, 53, 62, 0.08);
    animation: inst-loader-orbit-pulse 5.5s ease-in-out infinite;
}

.inst-loader-orbit--one {
    inset: 34px;
    animation-delay: 0s;
}

.inst-loader-orbit--two {
    inset: 86px;
    animation-delay: 1.2s;
}

.inst-loader-orbit--three {
    inset: 136px;
    animation-delay: 2.2s;
}

@keyframes inst-loader-orbit-pulse {
    0%, 100% {
        transform: scale(0.98);
        opacity: 0.35;
    }
    50% {
        transform: scale(1.02);
        opacity: 0.72;
    }
}

.inst-loader-kicker {
    margin: 0 0 8px;
    color: #0D353E;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.inst-loader-title {
    margin: 0;
    color: #111827;
    font-size: 2rem;
    line-height: 1.08;
    letter-spacing: 0;
}

.inst-loader-intro {
    margin: 14px 0 18px;
    max-width: 48ch;
    color: #475569;
    font-size: 14px;
    line-height: 1.65;
}

/* Spinning Icon */
.inst-loader-icon {
    width: 68px;
    height: 68px;
    color: var(--inst-navy-900, #0f172a);
}

.inst-loader-icon svg {
    width: 100%;
    height: 100%;
}

.inst-loader-spinner {
    transform-origin: center;
    animation: inst-loader-spin 1s linear infinite;
}

@keyframes inst-loader-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Percentage Display */
.inst-loader-percentage {
    margin-bottom: 12px;
    color: #111827;
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
}

.inst-loader-meta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.inst-loader-meta-label {
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.inst-loader-meta strong {
    color: #111827;
    font-size: 14px;
    font-weight: 700;
}

/* Status Text */
.inst-loader-status {
    font-size: 14px;
    font-weight: 600;
    color: var(--inst-navy-600, #475569);
    margin-bottom: 16px;
    min-height: 20px;
}

/* Progress Bar */
.inst-loader-bar {
    width: 100%;
    height: 10px;
    background: rgba(148, 163, 184, 0.16);
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 22px;
}

.inst-loader-bar-fill {
    height: 100%;
    width: 0%;
    background: #0D353E;
    border-radius: 999px;
    transition: width 0.3s ease;
}

/* Step List */
.inst-loader-steps {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: left;
    margin-bottom: 18px;
}

.inst-loader-step {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 12px;
    font-size: 13px;
    color: var(--inst-gray-400, #9ca3af);
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid transparent;
    border-radius: 14px;
    transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.inst-loader-step-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.3s ease, transform 0.3s ease;
    margin-top: 1px;
}

.inst-loader-step-icon::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--inst-gray-400, #9ca3af);
    transition: background 0.3s ease;
}

.inst-loader-step-text {
    flex: 1;
    line-height: 1.5;
}

/* Step States */
.inst-loader-step.is-active {
    color: #111827;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(13, 53, 62, 0.1);
}

.inst-loader-step.is-active .inst-loader-step-icon {
    background: #0D353E;
    transform: scale(1.1);
    animation: inst-step-pulse 1s ease-in-out infinite;
}

.inst-loader-step.is-active .inst-loader-step-icon::before {
    background: #fff;
}

@keyframes inst-step-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(15, 23, 42, 0.4); }
    50% { box-shadow: 0 0 0 6px rgba(15, 23, 42, 0); }
}

.inst-loader-step.is-complete {
    color: #059669;
    border-color: rgba(5, 150, 105, 0.12);
    background: rgba(255, 255, 255, 0.92);
}

.inst-loader-step.is-complete .inst-loader-step-icon {
    background: #059669;
}

.inst-loader-step.is-complete .inst-loader-step-icon::before {
    content: '';
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 0;
    /* Checkmark using borders */
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg) translate(-1px, -1px);
}

.inst-loader-value {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.inst-loader-value span {
    flex-shrink: 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.inst-loader-value strong {
    color: #111827;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 600;
}

/* Responsive */
@media (max-width: 480px) {
    .inst-analysis-loader {
        padding: 20px;
    }

    .inst-loader-visual {
        width: 280px;
        height: 280px;
    }

    .inst-loader-content {
        padding: 24px 20px;
        border-radius: 18px;
    }

    .inst-loader-title {
        font-size: 1.5rem;
    }

    .inst-loader-intro {
        font-size: 13px;
    }

    .inst-loader-percentage {
        font-size: 36px;
    }

    .inst-loader-meta,
    .inst-loader-value {
        flex-direction: column;
        align-items: flex-start;
    }

    .inst-loader-status {
        font-size: 13px;
    }

    .inst-loader-step {
        font-size: 12px;
    }
}


/* ==========================================================================
   TOOLKIT VIEW
   ========================================================================== */

.inst-toolkit-view {
    padding: 0;
}

/* Toolkit Header */
.inst-toolkit-header {
    padding: 24px 24px 20px;
    border-bottom: 1px solid var(--inst-gray-200, #e5e7eb);
    background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);
}

.inst-toolkit-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    border-radius: 20px;
    margin-bottom: 12px;
}

.inst-toolkit-badge svg {
    width: 12px;
    height: 12px;
}

.inst-toolkit-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--inst-navy-900, #0f172a);
    margin: 0 0 4px 0;
}

.inst-toolkit-subtitle {
    font-size: 13px;
    color: var(--inst-gray-500, #64748b);
    margin: 0;
}

/* Toolkit Tabs */
.inst-toolkit-tabs {
    display: flex;
    gap: 4px;
    padding: 12px 24px;
    background: var(--inst-gray-50, #f9fafb);
    border-bottom: 1px solid var(--inst-gray-200, #e5e7eb);
    overflow-x: auto;
}

.inst-toolkit-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--inst-gray-500, #64748b);
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.inst-toolkit-tab svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.inst-toolkit-tab:hover {
    background: #fff;
    color: var(--inst-navy-700, #334155);
}

.inst-toolkit-tab.is-active {
    background: #fff;
    border-color: var(--inst-gray-200, #e5e7eb);
    color: var(--inst-navy-900, #0f172a);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Toolkit Panels */
.inst-toolkit-panel {
    display: none;
    padding: 24px;
}

.inst-toolkit-panel.is-active {
    display: block;
}

.inst-toolkit-section {
    margin-bottom: 24px;
}

.inst-toolkit-section:last-child {
    margin-bottom: 0;
}

.inst-toolkit-section-header {
    margin-bottom: 16px;
}

.inst-toolkit-section-header h3 {
    font-size: 15px;
    font-weight: 600;
    color: var(--inst-navy-900, #0f172a);
    margin: 0 0 4px 0;
}

.inst-toolkit-section-header p {
    font-size: 12px;
    color: var(--inst-gray-500, #64748b);
    margin: 0;
}

.inst-toolkit-subsection {
    margin-top: 20px;
}

.inst-toolkit-subsection h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--inst-navy-800, #1e293b);
    margin: 0 0 12px 0;
}

/* Toolkit Empty State */
.inst-toolkit-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
    text-align: center;
    color: var(--inst-gray-400, #9ca3af);
}

.inst-toolkit-empty svg {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
    opacity: 0.5;
}

.inst-toolkit-empty p {
    font-size: 13px;
    margin: 0;
}

/* Toolkit Section Header Row */
.inst-toolkit-section-header-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.inst-toolkit-btn--secondary {
    background: #fff;
    border: 1px solid var(--inst-gray-300, #d1d5db);
    color: var(--inst-navy-700, #334155);
}

.inst-toolkit-btn--secondary:hover {
    background: var(--inst-gray-50, #f9fafb);
    border-color: var(--inst-navy-400, #94a3b8);
}

/* CV Score Summary Bar */
.inst-cv-score-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 12px;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    margin-bottom: 20px;
}

.inst-cv-score-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.inst-cv-score-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--inst-gray-500, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.inst-cv-score-value {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.inst-cv-score-value--before {
    color: #dc2626;
}

.inst-cv-score-value--after {
    color: #059669;
}

.inst-cv-score-arrow {
    color: var(--inst-gray-400, #9ca3af);
}

.inst-cv-score-arrow svg {
    width: 24px;
    height: 24px;
}

/* Full CV Preview Document */
.inst-cv-full-preview {
    background: #fff;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
}

.inst-cv-document {
    padding: 24px;
}

/* CV Section */
.inst-cv-section {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--inst-gray-100, #f1f5f9);
}

.inst-cv-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.inst-cv-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.inst-cv-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--inst-navy-900, #0f172a);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.inst-cv-section-title svg {
    width: 18px;
    height: 18px;
    color: var(--inst-navy-600, #475569);
}

.inst-cv-section-badge {
    font-size: 10px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
    background: var(--inst-gray-100, #f1f5f9);
    color: var(--inst-gray-600, #475569);
}

.inst-cv-section-badge--new {
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.inst-cv-section-badge--add {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
}

/* Summary Block */
.inst-cv-summary-block {
    background: var(--inst-cream-50, #fefdfb);
    border-radius: 8px;
    padding: 16px;
}

.inst-cv-summary-text {
    font-size: 14px;
    line-height: 1.7;
    color: var(--inst-navy-800, #1e293b);
    margin: 0 0 12px 0;
}

.inst-cv-highlight {
    padding: 2px 6px;
    border-radius: 4px;
}

.inst-cv-highlight--add {
    background: rgba(5, 150, 105, 0.15);
    color: #059669;
    font-weight: 600;
}

.inst-cv-summary-tip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: rgba(5, 150, 105, 0.05);
    border-radius: 6px;
    font-size: 12px;
    color: #059669;
}

.inst-cv-summary-tip svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Experience Item */
.inst-cv-experience-item {
    margin-bottom: 20px;
    padding: 16px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 8px;
}

.inst-cv-experience-item:last-child {
    margin-bottom: 0;
}

.inst-cv-experience-header {
    margin-bottom: 12px;
}

.inst-cv-experience-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--inst-navy-900, #0f172a);
    margin: 0;
}

.inst-cv-experience-bullets {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inst-cv-bullet {
    position: relative;
    padding-left: 16px;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--inst-navy-700, #334155);
}

.inst-cv-bullet::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--inst-gray-400, #9ca3af);
}

.inst-cv-bullet--improved {
    background: rgba(5, 150, 105, 0.05);
    border-left: 2px solid #059669;
    padding: 8px 12px 8px 16px;
    border-radius: 0 6px 6px 0;
    margin-left: -16px;
    padding-left: 28px;
}

.inst-cv-bullet--improved::before {
    left: 12px;
    color: #059669;
}

.inst-cv-bullet-text {
    display: block;
}

.inst-cv-bullet-add {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #059669;
}

.inst-cv-bullet-add svg {
    width: 12px;
    height: 12px;
}

.inst-cv-bullet--suggestion {
    background: rgba(37, 99, 235, 0.05);
    border-left: 2px solid #2563eb;
    padding: 10px 12px 10px 16px;
    border-radius: 0 6px 6px 0;
    margin-left: -16px;
    padding-left: 28px;
    font-style: italic;
}

.inst-cv-bullet--suggestion::before {
    content: '✦';
    left: 12px;
    color: #2563eb;
}

.inst-cv-suggestion-badge {
    display: inline-block;
    padding: 2px 8px;
    background: #2563eb;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 4px;
    margin-right: 8px;
    font-style: normal;
}

/* Skills Grid */
.inst-cv-skills-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.inst-cv-skills-group {
    padding: 16px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 8px;
}

.inst-cv-skills-group--add {
    background: rgba(220, 38, 38, 0.03);
}

.inst-cv-skills-group-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--inst-navy-800, #1e293b);
    margin: 0 0 12px 0;
}

.inst-cv-skills-group-title svg {
    width: 16px;
    height: 16px;
}

.inst-cv-skills-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.inst-cv-skill {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
}

.inst-cv-skill--matched {
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.inst-cv-skill--add {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
}

/* Education List */
.inst-cv-education-list {
    padding: 16px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 8px;
}

.inst-cv-education-item {
    font-size: 13px;
    color: var(--inst-navy-700, #334155);
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--inst-gray-200, #e5e7eb);
}

.inst-cv-education-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.inst-cv-education-item--placeholder {
    color: var(--inst-gray-400, #9ca3af);
}

.inst-cv-education-subtitle {
    font-size: 12px;
    font-weight: 600;
    color: var(--inst-navy-800, #1e293b);
    margin: 16px 0 8px 0;
    padding-top: 12px;
    border-top: 1px solid var(--inst-gray-200, #e5e7eb);
}

/* Achievements List */
.inst-cv-achievements-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inst-cv-achievement {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 8px;
    margin-bottom: 8px;
}

.inst-cv-achievement:last-child {
    margin-bottom: 0;
}

.inst-cv-achievement-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--inst-navy-900, #0f172a);
}

.inst-cv-achievement-desc {
    font-size: 12px;
    color: var(--inst-gray-600, #475569);
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 768px) {
    .inst-preview-access-cta {
        margin: 12px 0 22px !important;
        justify-content: stretch !important;
    }

    .inst-preview-access-cta__content {
        gap: 10px;
    }

    .inst-preview-access-cta__checks-grid {
        grid-template-columns: 1fr;
    }

    .inst-preview-access-cta__careerfit-grid {
        grid-template-columns: 1fr;
    }

    .inst-preview-access-cta--toolkit {
        margin: 14px 16px 8px !important;
    }

    .inst-preview-access-cta__button {
        width: 100% !important;
    }

    .inst-toolkit-section-header-row {
        flex-direction: column;
        gap: 12px;
    }

    .inst-cv-score-summary {
        flex-direction: column;
        gap: 16px;
        padding: 16px;
    }

    .inst-cv-score-arrow {
        transform: rotate(90deg);
    }

    .inst-cv-skills-grid {
        grid-template-columns: 1fr;
    }
}

/* CV Comparison */
.inst-cv-comparison {
    display: flex;
    align-items: stretch;
    gap: 16px;
    margin-bottom: 20px;
}

.inst-cv-card {
    flex: 1;
    background: #fff;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 10px;
    overflow: hidden;
}

.inst-cv-card--before {
    border-color: rgba(220, 38, 38, 0.2);
}

.inst-cv-card--after {
    border-color: rgba(5, 150, 105, 0.2);
}

.inst-cv-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid var(--inst-gray-100, #f1f5f9);
}

.inst-cv-card-badge {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
}

.inst-cv-card-badge--before {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
}

.inst-cv-card-badge--after {
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.inst-cv-card-score {
    font-size: 12px;
    font-weight: 600;
    color: var(--inst-gray-600, #475569);
}

.inst-cv-card-preview {
    padding: 16px;
    min-height: 200px;
    max-height: 300px;
    overflow-y: auto;
    font-size: 12px;
    line-height: 1.6;
    color: var(--inst-gray-700, #374151);
}

.inst-cv-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 180px;
    color: var(--inst-gray-400, #9ca3af);
    text-align: center;
}

.inst-cv-placeholder svg {
    width: 36px;
    height: 36px;
    margin-bottom: 10px;
    opacity: 0.4;
}

.inst-cv-placeholder span {
    font-size: 12px;
}

.inst-cv-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    flex-shrink: 0;
    color: var(--inst-gray-400, #9ca3af);
}

.inst-cv-arrow svg {
    width: 24px;
    height: 24px;
}

/* CV Preview Content */
.inst-cv-preview-content {
    font-family: var(--inst-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);
}

.inst-cv-preview-content .cv-section {
    margin-bottom: 14px;
}

.inst-cv-preview-content .cv-section-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--inst-navy-800, #1e293b);
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--inst-gray-200, #e5e7eb);
}

.inst-cv-preview-content .cv-item {
    margin-bottom: 8px;
}

.inst-cv-preview-content .cv-highlight {
    background: rgba(5, 150, 105, 0.1);
    border-left: 2px solid #059669;
    padding: 4px 8px;
    border-radius: 0 4px 4px 0;
}

.inst-cv-preview-content .cv-added {
    color: #059669;
    font-weight: 500;
}

/* Toolkit Improvements List */
.inst-toolkit-improvements {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.inst-improvement-item {
    display: flex;
    gap: 12px;
    padding: 14px;
    background: #fff;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 8px;
    transition: border-color 0.2s ease;
}

.inst-improvement-item:hover {
    border-color: var(--inst-gray-300, #d1d5db);
}

.inst-improvement-item.is-applied {
    background: rgba(5, 150, 105, 0.03);
    border-color: rgba(5, 150, 105, 0.2);
}

.inst-improvement-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.inst-improvement-icon--section {
    background: rgba(37, 99, 235, 0.1);
    color: #2563eb;
}

.inst-improvement-icon--add {
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.inst-improvement-icon--change {
    background: rgba(217, 119, 6, 0.1);
    color: #d97706;
}

.inst-improvement-icon svg {
    width: 16px;
    height: 16px;
}

.inst-improvement-content {
    flex: 1;
    min-width: 0;
}

.inst-improvement-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--inst-navy-900, #0f172a);
    margin-bottom: 4px;
}

.inst-improvement-desc {
    font-size: 12px;
    color: var(--inst-gray-600, #475569);
    line-height: 1.5;
}

.inst-improvement-suggestion {
    margin-top: 10px;
    padding: 10px 12px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 6px;
    font-size: 12px;
    color: var(--inst-gray-700, #374151);
}

.inst-improvement-suggestion strong {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--inst-gray-500, #64748b);
    margin-bottom: 4px;
}

.inst-improvement-actions {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.inst-improvement-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    background: transparent;
    border: 1px solid var(--inst-gray-300, #d1d5db);
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    color: var(--inst-gray-600, #475569);
    cursor: pointer;
    transition: all 0.2s ease;
}

.inst-improvement-btn:hover {
    background: var(--inst-gray-50, #f9fafb);
    border-color: var(--inst-gray-400, #9ca3af);
}

.inst-improvement-btn svg {
    width: 12px;
    height: 12px;
}

/* Cover Letter Card */
.inst-cover-letter-card {
    background: #fff;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 10px;
    overflow: hidden;
}

.inst-cover-letter-preview {
    padding: 20px;
    min-height: 200px;
    max-height: 400px;
    overflow-y: auto;
    font-size: 13px;
    line-height: 1.7;
    color: var(--inst-gray-700, #374151);
    white-space: pre-wrap;
}

.inst-cover-letter-actions {
    display: flex;
    gap: 10px;
    padding: 12px 20px;
    background: var(--inst-gray-50, #f9fafb);
    border-top: 1px solid var(--inst-gray-200, #e5e7eb);
}

/* Toolkit Buttons */
.inst-toolkit-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid var(--inst-gray-300, #d1d5db);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--inst-gray-700, #374151);
    cursor: pointer;
    transition: all 0.2s ease;
}

.inst-toolkit-btn:hover {
    background: var(--inst-gray-50, #f9fafb);
}

.inst-toolkit-btn svg {
    width: 16px;
    height: 16px;
}

.inst-toolkit-btn--primary {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-color: transparent;
    color: #fff;
}

.inst-toolkit-btn--primary:hover {
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2);
}

/* Cover Points */
.inst-cover-points {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inst-cover-point {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 8px;
}

.inst-cover-point-num {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--inst-navy-900, #0f172a);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    border-radius: 50%;
    flex-shrink: 0;
}

.inst-cover-point-text {
    font-size: 13px;
    line-height: 1.5;
    color: var(--inst-gray-700, #374151);
}

/* Keyword Stats */
.inst-keyword-stats {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

.inst-keyword-stat {
    flex: 1;
    text-align: center;
    padding: 16px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 10px;
}

.inst-keyword-stat-value {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: var(--inst-navy-900, #0f172a);
    line-height: 1;
    margin-bottom: 4px;
}

.inst-keyword-stat-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--inst-gray-500, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Keyword List */
.inst-keyword-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inst-keyword-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.inst-keyword-tag:hover {
    border-color: var(--inst-gray-400, #9ca3af);
}

.inst-keyword-tag--missing {
    background: rgba(220, 38, 38, 0.05);
    border-color: rgba(220, 38, 38, 0.2);
    color: #dc2626;
}

.inst-keyword-tag--missing:hover {
    background: rgba(220, 38, 38, 0.1);
}

.inst-keyword-tag--matched {
    background: rgba(5, 150, 105, 0.05);
    border-color: rgba(5, 150, 105, 0.2);
    color: #059669;
}

.inst-keyword-tag--matched:hover {
    background: rgba(5, 150, 105, 0.1);
}

.inst-keyword-tag-copy {
    width: 14px;
    height: 14px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.inst-keyword-tag:hover .inst-keyword-tag-copy {
    opacity: 0.7;
}

/* Interview Questions */
.inst-interview-questions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inst-interview-item {
    background: #fff;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 10px;
    overflow: hidden;
}

.inst-interview-question {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.inst-interview-question:hover {
    background: var(--inst-gray-50, #f9fafb);
}

.inst-interview-q-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(37, 99, 235, 0.1);
    color: #2563eb;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}

.inst-interview-q-text {
    flex: 1;
    font-size: 13px;
    font-weight: 500;
    color: var(--inst-navy-900, #0f172a);
    line-height: 1.4;
}

.inst-interview-toggle {
    width: 20px;
    height: 20px;
    color: var(--inst-gray-400, #9ca3af);
    transition: transform 0.2s ease;
}

.inst-interview-item.is-open .inst-interview-toggle {
    transform: rotate(180deg);
}

.inst-interview-answer {
    display: none;
    padding: 0 16px 16px;
    padding-left: 52px;
}

.inst-interview-item.is-open .inst-interview-answer {
    display: block;
}

.inst-interview-answer-label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #059669;
    margin-bottom: 6px;
}

.inst-interview-answer-text {
    font-size: 13px;
    line-height: 1.6;
    color: var(--inst-gray-600, #475569);
}

/* Responsive */
@media (max-width: 768px) {
    .inst-toolkit-tabs {
        padding: 10px 16px;
    }

    .inst-toolkit-tab {
        padding: 8px 12px;
        font-size: 12px;
    }

    .inst-toolkit-tab span {
        display: none;
    }

    .inst-toolkit-panel {
        padding: 16px;
    }

    .inst-cv-comparison {
        flex-direction: column;
    }

    .inst-cv-arrow {
        transform: rotate(90deg);
        width: 100%;
        height: 30px;
    }

    .inst-keyword-stats {
        flex-direction: column;
        gap: 8px;
    }

    .inst-keyword-stat {
        padding: 12px;
    }

    .inst-keyword-stat-value {
        font-size: 22px;
    }
}


/* ==========================================================================
   GAP ANALYZER - SIDEBAR BUTTON LABELS & TOOLTIPS
   ========================================================================== */

/* Ensure sidebar tooltips are visible and styled */
[data-component="gap-analyzer"] .inst-sidebar-btn {
    position: relative;
}

[data-component="gap-analyzer"] .inst-sidebar-btn[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
    padding: 8px 12px;
    background: var(--inst-navy-900, #0f172a);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 300;
    pointer-events: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Arrow for tooltip */
[data-component="gap-analyzer"] .inst-sidebar-btn[data-tooltip]::before {
    content: '';
    position: absolute;
    left: calc(100% + 6px);
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-right-color: var(--inst-navy-900, #0f172a);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 300;
}

[data-component="gap-analyzer"] .inst-sidebar-btn:hover[data-tooltip]::after,
[data-component="gap-analyzer"] .inst-sidebar-btn:hover[data-tooltip]::before {
    opacity: 1;
    visibility: visible;
}

/* Add visible labels below icons for clarity */
[data-component="gap-analyzer"] .inst-sidebar-actions {
    gap: 16px;
}

[data-component="gap-analyzer"] .inst-sidebar-btn {
    flex-direction: column;
    height: auto;
    padding: 8px 4px;
    gap: 4px;
}

[data-component="gap-analyzer"] .inst-sidebar-btn::after {
    content: attr(data-tooltip);
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: inherit;
    opacity: 0.7;
    position: static !important;
    transform: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    visibility: visible !important;
    border: none !important;
}

[data-component="gap-analyzer"] .inst-sidebar-btn:hover::after {
    opacity: 1;
}

/* Hide the tooltip arrow since we're using inline labels */
[data-component="gap-analyzer"] .inst-sidebar-btn::before {
    display: none !important;
}


/* ==========================================================================
   GAP ANALYZER - CHARTS PANEL & REPORT VIEW WIDTH
   ========================================================================== */

/* Make the charts panel take full available width */
[data-component="gap-analyzer"] .inst-charts-panel {
    flex: 1 1 45%;
    min-width: 400px;
    max-width: none; /* Remove max-width constraint */
}

/* Remove inner max-width constraint for report content */
[data-component="gap-analyzer"] .inst-charts-inner {
    max-width: none;
    width: 100%;
}

/* Report view fills available space */
[data-component="gap-analyzer"] .inst-panel-view.inst-report-view,
[data-component="gap-analyzer"] .inst-panel-view.inst-toolkit-view {
    width: 100%;
}

/* Metrics grid adjusts to available width */
[data-component="gap-analyzer"] .inst-metrics--gap {
    max-width: 100%;
}

/* Chart cards take full width */
[data-component="gap-analyzer"] .inst-chart-card {
    width: 100%;
}

/* Responsive: smaller screens */
@media (max-width: 1200px) {
    [data-component="gap-analyzer"] .inst-charts-panel {
        min-width: 360px;
    }
}

@media (max-width: 992px) {
    [data-component="gap-analyzer"] .inst-charts-panel {
        min-width: 320px;
        flex: 1 1 100%;
    }
}


/* ==========================================================================
   ENHANCED EXPERIENCE SECTION
   ========================================================================== */

/* Experience Summary */
.inst-exp-summary {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: 10px;
    margin-bottom: 20px;
}

.inst-exp-summary-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2563eb;
    color: #fff;
    border-radius: 8px;
}

.inst-exp-summary-icon svg {
    width: 18px;
    height: 18px;
}

.inst-exp-summary p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--inst-navy-800, #1e293b);
}

/* Analyzed Experience Item */
.inst-cv-experience-item--analyzed {
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
}

.inst-cv-experience-item--analyzed .inst-cv-experience-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
    background: var(--inst-gray-50, #f9fafb);
    border-bottom: 1px solid var(--inst-gray-200, #e5e7eb);
    margin-bottom: 0;
}

.inst-cv-experience-header-left {
    flex: 1;
}

.inst-cv-experience-company {
    display: block;
    font-size: 12px;
    color: var(--inst-gray-500, #64748b);
    margin-top: 4px;
}

.inst-cv-experience-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--inst-gray-100, #f1f5f9);
}

.inst-cv-experience-score-value {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.inst-cv-experience-score-label {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--inst-gray-500, #64748b);
    margin-top: 2px;
}

.inst-cv-experience-score--high {
    background: rgba(5, 150, 105, 0.1);
}
.inst-cv-experience-score--high .inst-cv-experience-score-value {
    color: #059669;
}

.inst-cv-experience-score--medium {
    background: rgba(217, 119, 6, 0.1);
}
.inst-cv-experience-score--medium .inst-cv-experience-score-value {
    color: #d97706;
}

.inst-cv-experience-score--low {
    background: rgba(220, 38, 38, 0.1);
}
.inst-cv-experience-score--low .inst-cv-experience-score-value {
    color: #dc2626;
}

/* Bullet Improvements */
.inst-exp-bullet-improvements {
    padding: 16px;
}

.inst-exp-bullet-comparison {
    background: #fff;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 12px;
}

.inst-exp-bullet-before,
.inst-exp-bullet-after {
    padding: 12px 14px;
}

.inst-exp-bullet-before {
    background: rgba(220, 38, 38, 0.03);
    border-bottom: 1px dashed var(--inst-gray-200, #e5e7eb);
}

.inst-exp-bullet-after {
    background: rgba(5, 150, 105, 0.03);
}

.inst-exp-bullet-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

.inst-exp-bullet-before .inst-exp-bullet-label {
    color: #dc2626;
}

.inst-exp-bullet-after .inst-exp-bullet-label {
    color: #059669;
}

.inst-exp-bullet-label svg {
    width: 12px;
    height: 12px;
}

.inst-exp-bullet-before p,
.inst-exp-bullet-after p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--inst-navy-800, #1e293b);
}

.inst-exp-keywords-added {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(5, 150, 105, 0.15);
}

.inst-exp-keywords-added > span {
    font-size: 10px;
    color: var(--inst-gray-500, #64748b);
}

.inst-exp-keyword-tag {
    display: inline-block;
    padding: 2px 8px;
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
    font-size: 11px;
    font-weight: 500;
    border-radius: 4px;
}

.inst-exp-bullet-reason {
    padding: 10px 14px;
    background: var(--inst-gray-50, #f9fafb);
    border-top: 1px solid var(--inst-gray-200, #e5e7eb);
    font-size: 12px;
    color: var(--inst-gray-600, #475569);
}

/* Missing Achievements & Quantify */
.inst-exp-missing-achievements,
.inst-exp-quantify {
    padding: 14px 16px;
    margin: 0 16px 16px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 8px;
}

.inst-exp-missing-achievements h5,
.inst-exp-quantify h5 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--inst-navy-800, #1e293b);
    margin: 0 0 10px 0;
}

.inst-exp-missing-achievements h5 svg,
.inst-exp-quantify h5 svg {
    width: 14px;
    height: 14px;
    color: #059669;
}

.inst-exp-missing-achievements ul,
.inst-exp-quantify ul {
    margin: 0;
    padding-left: 20px;
}

.inst-exp-missing-achievements li,
.inst-exp-quantify li {
    font-size: 12px;
    color: var(--inst-gray-700, #334155);
    margin-bottom: 6px;
    line-height: 1.5;
}

/* Experience Section Headers */
.inst-exp-section {
    margin-top: 24px;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 12px;
}

.inst-exp-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--inst-navy-900, #0f172a);
    margin: 0 0 16px 0;
}

.inst-exp-section-title svg {
    width: 18px;
    height: 18px;
    color: var(--inst-navy-600, #475569);
}

/* Action Verb Upgrades */
.inst-exp-verb-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inst-exp-verb-item {
    padding: 12px 14px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 8px;
}

.inst-exp-verb-change {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.inst-exp-verb-weak {
    padding: 4px 10px;
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: line-through;
}

.inst-exp-verb-change svg {
    width: 16px;
    height: 16px;
    color: var(--inst-gray-400, #9ca3af);
}

.inst-exp-verb-strong {
    padding: 4px 10px;
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
}

.inst-exp-verb-example {
    margin: 0;
    font-size: 12px;
    color: var(--inst-gray-600, #475569);
    font-style: italic;
    line-height: 1.5;
}

/* Achievement Reframes */
.inst-exp-reframe-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Quantifiable Outcomes */
.inst-exp-quant-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inst-exp-quant-item {
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 8px;
    overflow: hidden;
    background: var(--inst-gray-50, #f9fafb);
}

.inst-exp-quant-current,
.inst-exp-quant-improved {
    padding: 12px 14px;
}

.inst-exp-quant-current {
    background: rgba(217, 119, 6, 0.04);
    border-bottom: 1px dashed var(--inst-gray-200, #e5e7eb);
}

.inst-exp-quant-improved {
    background: rgba(5, 150, 105, 0.04);
}

.inst-exp-quant-label {
    display: block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

.inst-exp-quant-current .inst-exp-quant-label {
    color: #b45309;
}

.inst-exp-quant-improved .inst-exp-quant-label {
    color: #059669;
}

.inst-exp-quant-current p,
.inst-exp-quant-improved p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--inst-navy-800, #1e293b);
}

.inst-exp-reframe-item {
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 8px;
    overflow: hidden;
}

.inst-exp-reframe-before,
.inst-exp-reframe-after {
    padding: 12px 14px;
}

.inst-exp-reframe-before {
    background: rgba(220, 38, 38, 0.03);
    border-bottom: 1px dashed var(--inst-gray-200, #e5e7eb);
}

.inst-exp-reframe-after {
    background: rgba(5, 150, 105, 0.03);
}

.inst-exp-reframe-label {
    display: block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

.inst-exp-reframe-before .inst-exp-reframe-label {
    color: #dc2626;
}

.inst-exp-reframe-after .inst-exp-reframe-label {
    color: #059669;
}

.inst-exp-reframe-before p,
.inst-exp-reframe-after p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--inst-navy-800, #1e293b);
}

/* Keyword Integration */
.inst-exp-keyword-integration {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.inst-exp-keyword-item {
    padding: 12px 14px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 8px;
}

.inst-exp-keyword-name {
    display: inline-block;
    padding: 4px 10px;
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    margin-bottom: 6px;
}

.inst-exp-keyword-where {
    display: block;
    font-size: 11px;
    color: var(--inst-gray-500, #64748b);
    margin-bottom: 6px;
}

.inst-exp-keyword-example {
    margin: 0;
    font-size: 12px;
    color: var(--inst-gray-700, #334155);
    font-style: italic;
    line-height: 1.5;
    padding: 8px 10px;
    background: rgba(5, 150, 105, 0.05);
    border-left: 2px solid #059669;
    border-radius: 0 4px 4px 0;
}

/* Priority Fixes */
.inst-exp-priority-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inst-exp-priority-item {
    display: flex;
    gap: 12px;
    padding: 14px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 8px;
    border-left: 3px solid var(--inst-gray-300, #d1d5db);
}

.inst-exp-priority-item--high {
    border-left-color: #dc2626;
    background: rgba(220, 38, 38, 0.03);
}

.inst-exp-priority-item--medium {
    border-left-color: #d97706;
    background: rgba(217, 119, 6, 0.03);
}

.inst-exp-priority-item--low {
    border-left-color: #2563eb;
    background: rgba(37, 99, 235, 0.03);
}

.inst-exp-priority-num {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--inst-navy-900, #0f172a);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 50%;
    flex-shrink: 0;
}

.inst-exp-priority-content {
    flex: 1;
}

.inst-exp-priority-content strong {
    display: block;
    font-size: 13px;
    color: var(--inst-navy-900, #0f172a);
    margin-bottom: 8px;
}

.inst-exp-priority-current,
.inst-exp-priority-improved {
    font-size: 12px;
    line-height: 1.5;
    margin: 6px 0;
}

.inst-exp-priority-current {
    color: var(--inst-gray-600, #475569);
}

.inst-exp-priority-improved {
    color: #059669;
}

.inst-exp-priority-align {
    display: inline-block;
    margin-top: 8px;
    padding: 3px 8px;
    background: rgba(37, 99, 235, 0.1);
    color: #2563eb;
    font-size: 10px;
    font-weight: 500;
    border-radius: 4px;
}

/* Empty State */
.inst-exp-empty {
    padding: 32px 20px;
    text-align: center;
    color: var(--inst-gray-400, #9ca3af);
}

.inst-exp-empty p {
    margin: 0;
    font-size: 13px;
}

/* Responsive */
@media (max-width: 768px) {
    .inst-exp-summary {
        flex-direction: column;
        text-align: center;
    }

    .inst-cv-experience-item--analyzed .inst-cv-experience-header {
        flex-direction: column;
        gap: 12px;
    }

    .inst-cv-experience-score {
        align-self: flex-start;
    }

    .inst-exp-verb-change {
        flex-wrap: wrap;
    }
}


/* ==========================================================================
   ENHANCED INTERVIEW PREP SECTION
   ========================================================================== */

/* Interview Item with number */
.inst-interview-item {
    background: #fff;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.inst-interview-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.inst-interview-item.is-open {
    border-color: var(--inst-navy-300, #94a3b8);
}

.inst-interview-question {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.inst-interview-question:hover {
    background: var(--inst-gray-50, #f9fafb);
}

.inst-interview-q-num {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--inst-navy-900, #0f172a);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 50%;
    flex-shrink: 0;
}

.inst-interview-q-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.inst-interview-category {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-radius: 4px;
    width: fit-content;
}

.inst-interview-q-text {
    font-size: 14px;
    font-weight: 500;
    color: var(--inst-navy-900, #0f172a);
    line-height: 1.5;
}

.inst-interview-why {
    font-size: 11px;
    color: var(--inst-gray-500, #64748b);
    font-style: italic;
}

.inst-interview-toggle {
    width: 20px;
    height: 20px;
    color: var(--inst-gray-400, #9ca3af);
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.inst-interview-item.is-open .inst-interview-toggle {
    transform: rotate(180deg);
}

/* Interview Answer */
.inst-interview-answer {
    display: none;
    padding: 0 16px 16px 56px; /* Align with question text */
    border-top: 1px solid var(--inst-gray-100, #f1f5f9);
}

.inst-interview-item.is-open .inst-interview-answer {
    display: block;
}

.inst-interview-section {
    margin-top: 16px;
    padding: 14px;
    background: var(--inst-gray-50, #f9fafb);
    border-radius: 8px;
}

.inst-interview-section:first-child {
    margin-top: 16px;
}

.inst-interview-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--inst-navy-700, #334155);
    margin-bottom: 10px;
}

.inst-interview-section-header svg {
    width: 14px;
    height: 14px;
}

.inst-interview-section-content {
    font-size: 13px;
    line-height: 1.6;
    color: var(--inst-navy-800, #1e293b);
}

/* Example Answer Section */
.inst-interview-section--example {
    background: rgba(5, 150, 105, 0.05);
    border: 1px solid rgba(5, 150, 105, 0.15);
    position: relative;
}

.inst-interview-section--example .inst-interview-section-header {
    color: #059669;
}

.inst-interview-example-text {
    font-style: italic;
    padding: 12px;
    background: #fff;
    border-radius: 6px;
    border-left: 3px solid #059669;
}

.inst-interview-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding: 6px 12px;
    background: #059669;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease;
}

.inst-interview-copy-btn:hover {
    background: #047857;
}

.inst-interview-copy-btn svg {
    width: 14px;
    height: 14px;
}

/* Pitfalls Section */
.inst-interview-section--pitfalls {
    background: rgba(220, 38, 38, 0.05);
    border: 1px solid rgba(220, 38, 38, 0.15);
}

.inst-interview-section--pitfalls .inst-interview-section-header {
    color: #dc2626;
}

.inst-interview-pitfalls-text {
    color: #991b1b;
}

/* Follow-ups Section */
.inst-interview-section--followups {
    background: rgba(37, 99, 235, 0.05);
    border: 1px solid rgba(37, 99, 235, 0.15);
}

.inst-interview-section--followups .inst-interview-section-header {
    color: #2563eb;
}

.inst-interview-followups-list {
    margin: 0;
    padding-left: 18px;
}

.inst-interview-followups-list li {
    font-size: 12px;
    color: var(--inst-navy-700, #334155);
    margin-bottom: 6px;
    line-height: 1.5;
}

.inst-interview-followups-list li:last-child {
    margin-bottom: 0;
}

/* Responsive Interview */
@media (max-width: 768px) {
    .inst-interview-answer {
        padding-left: 16px;
    }

    .inst-interview-q-num {
        width: 24px;
        height: 24px;
        font-size: 11px;
    }
}


/* ==========================================================================
   VISUAL STATUS INDICATOR
   ========================================================================== */

.inst-analysis-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    background: var(--inst-gray-100, #f1f5f9);
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    color: var(--inst-navy-700, #334155);
    transition: all 0.3s ease;
    margin-top: 8px;
}

.inst-status-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.inst-status-icon svg {
    width: 18px;
    height: 18px;
}

.inst-status-label {
    line-height: 1.3;
}

.inst-status-label strong {
    font-weight: 600;
}

.inst-status-details {
    font-size: 12px;
    color: var(--inst-gray-500, #64748b);
    margin-left: 4px;
}

/* Waiting State - Gray/Neutral */
.inst-analysis-status[data-status="waiting"] {
    background: var(--inst-gray-100, #f1f5f9);
    color: var(--inst-gray-600, #475569);
}

.inst-analysis-status[data-status="waiting"] .inst-status-icon {
    color: var(--inst-gray-400, #9ca3af);
}

/* Analyzing State - Blue with spinning animation */
.inst-analysis-status[data-status="analyzing"] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    color: #1e40af;
    border: 1px solid rgba(37, 99, 235, 0.2);
}

.inst-analysis-status[data-status="analyzing"] .inst-status-icon {
    color: #2563eb;
}

.inst-status-spin {
    animation: inst-status-spin 1s linear infinite;
}

@keyframes inst-status-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Success State - Green */
.inst-analysis-status[data-status="success"] {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
    color: #065f46;
    border: 1px solid rgba(5, 150, 105, 0.2);
}

.inst-analysis-status[data-status="success"] .inst-status-icon {
    color: #059669;
}

/* Error State - Red */
.inst-analysis-status[data-status="error"] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    color: #991b1b;
    border: 1px solid rgba(220, 38, 38, 0.2);
}

.inst-analysis-status[data-status="error"] .inst-status-icon {
    color: #dc2626;
}

/* Responsive */
@media (max-width: 768px) {
    .inst-analysis-status {
        font-size: 12px;
        padding: 6px 12px;
        gap: 8px;
    }

    .inst-status-icon {
        width: 16px;
        height: 16px;
    }

    .inst-status-icon svg {
        width: 14px;
        height: 14px;
    }

    .inst-status-details {
        display: block;
        margin-left: 0;
        margin-top: 2px;
    }
}


/* ==========================================================================
   ENHANCED COVER LETTER WITH HIGHLIGHTS
   ========================================================================== */

/* Cover Letter Content */
.inst-cover-letter-content {
    font-family: var(--inst-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);
    font-size: 14px;
    line-height: 1.7;
    color: var(--inst-navy-800, #1e293b);
}

.inst-cl-date {
    color: var(--inst-gray-500, #64748b);
    margin-bottom: 20px;
}

.inst-cl-salutation {
    margin-bottom: 16px;
    font-weight: 500;
}

.inst-cl-paragraph {
    margin: 14px 0;
}

.inst-cl-list {
    margin: 12px 0 12px 20px;
    padding: 0;
}

.inst-cl-list li {
    margin-bottom: 8px;
    line-height: 1.6;
}

.inst-cl-closing {
    margin-top: 24px;
}

.inst-cl-placeholder {
    color: #dc2626;
    font-style: italic;
    font-weight: 500;
}

/* Cover Letter Highlights */
.inst-cl-highlight {
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.inst-cl-highlight--role {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    color: #3730a3;
}

.inst-cl-highlight--company {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
    color: #9d174d;
}

.inst-cl-highlight--strength {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1e40af;
}

.inst-cl-highlight--keyword {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    color: #166534;
}

.inst-cl-highlight--add {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #92400e;
    font-weight: 600;
}

/* Cover Letter Legend */
.inst-cl-legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px 16px;
    margin-top: 20px;
    background: var(--inst-gray-50, #f9fafb);
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 8px;
    font-size: 12px;
}

.inst-cl-legend-title {
    font-weight: 600;
    color: var(--inst-navy-700, #334155);
}

.inst-cl-legend-item {
    display: inline-flex;
    align-items: center;
}

.inst-cl-legend .inst-cl-highlight {
    font-size: 11px;
    padding: 2px 8px;
}

/* Enhanced Cover Points */
.inst-cover-point {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    background: #fff;
    border: 1px solid var(--inst-gray-200, #e5e7eb);
    border-radius: 10px;
    margin-bottom: 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.inst-cover-point:hover {
    border-color: var(--inst-gray-300, #d1d5db);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.inst-cover-point:last-child {
    margin-bottom: 0;
}

.inst-cover-point-num {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--inst-navy-900, #0f172a);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 50%;
    flex-shrink: 0;
}

.inst-cover-point-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inst-cover-point-tag {
    display: inline-block;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-radius: 4px;
    width: fit-content;
}

.inst-cover-point-text {
    font-size: 13px;
    line-height: 1.5;
    color: var(--inst-navy-800, #1e293b);
}

.inst-cover-point-detail {
    font-size: 12px;
    color: var(--inst-gray-600, #475569);
    line-height: 1.5;
}

/* Cover Point Types */
.inst-cover-point--strength .inst-cover-point-num {
    background: #2563eb;
}

.inst-cover-point--strength .inst-cover-point-tag {
    background: rgba(37, 99, 235, 0.1);
    color: #2563eb;
}

.inst-cover-point--talking .inst-cover-point-num {
    background: #059669;
}

.inst-cover-point--talking .inst-cover-point-tag {
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.inst-cover-point--keywords .inst-cover-point-num {
    background: #d97706;
    font-size: 14px;
}

.inst-cover-point--keywords .inst-cover-point-tag {
    background: rgba(217, 119, 6, 0.1);
    color: #d97706;
}

.inst-cover-point-keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.inst-cover-point-keyword {
    display: inline-block;
    padding: 4px 10px;
    background: rgba(217, 119, 6, 0.1);
    color: #92400e;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid rgba(217, 119, 6, 0.2);
}

/* Cover Letter Preview Enhancements */
.inst-cover-letter-preview {
    padding: 24px;
    background: #fff;
    border-radius: 8px;
    max-height: 500px;
    overflow-y: auto;
}

/* Preview Gating */
.inst-preview-obscured {
    position: relative !important;
    filter: blur(6px) !important;
    opacity: 0.32 !important;
    pointer-events: none !important;
    user-select: none !important;
}

.inst-preview-obscured::after {
    content: '' !important;
    position: absolute !important;
    inset: -1px !important;
    background: rgba(255, 252, 247, 0.52) !important;
    border-radius: inherit !important;
}

.inst-preview-button-locked {
    filter: blur(2px) !important;
    opacity: 0.48 !important;
    pointer-events: none !important;
    user-select: none !important;
}

.inst-preview-upsell {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: min(100%, 360px) !important;
    margin-top: 10px !important;
    padding: 16px 18px !important;
    background: rgba(255, 253, 248, 0.98) !important;
    border: 1px solid rgba(46, 107, 210, 0.42) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 28px rgba(23, 35, 44, 0.1) !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 3 !important;
}

.inst-preview-upsell--inline {
    width: 100% !important;
    margin-top: 8px !important;
    padding: 10px 12px !important;
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
}

.inst-preview-gate-host {
    position: relative !important;
    min-height: 220px !important;
}

.inst-preview-upsell__lock {
    align-items: center !important;
    background: #f3d445 !important;
    border: 1px solid rgba(23, 35, 44, 0.12) !important;
    border-radius: 999px !important;
    color: #17232c !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    height: 36px !important;
    justify-content: center !important;
    width: 36px !important;
}

.inst-preview-upsell__lock svg {
    display: block !important;
    height: 16px !important;
    width: 16px !important;
}

.inst-preview-upsell__copy {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.inst-preview-upsell__title {
    display: block !important;
    color: #17232c !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.inst-preview-upsell__label {
    display: block !important;
    color: #516170 !important;
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
}

.inst-preview-upsell__link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    color: #0D353E !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.inst-preview-upsell__link::after {
    content: '->' !important;
    display: inline-block !important;
    font-size: 11px !important;
}

.inst-preview-upsell__link:hover {
    text-decoration: underline !important;
}

/* Responsive */
@media (max-width: 768px) {
    .inst-preview-upsell {
        flex-direction: column !important;
        align-items: flex-start !important;
        width: min(100%, 300px) !important;
    }

    .inst-preview-upsell--inline {
        width: 100% !important;
    }

    .inst-cl-legend {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .inst-cover-point {
        padding: 12px;
    }

    .inst-cover-point-num {
        width: 22px;
        height: 22px;
        font-size: 11px;
    }
}

/* Actual final desktop Gap Analyzer guard: sequence desktop like the mobile CV flow. */
@media (min-width: 901px) {
    [data-component="gap-analyzer"].inst-terminal--gap-redesign {
        --gap-border: #d7dde4;
        --gap-muted: #66717d;
        --gap-heading: #111820;
        --gap-blue: #0a66c2;
        min-height: 100vh !important;
        background: #ffffff !important;
        color: var(--gap-heading) !important;
        font-family: Tahoma, Arial, sans-serif !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-app,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-layout,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-stage {
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header--gap {
        min-height: 70px !important;
        padding: 14px 28px !important;
        border-bottom: 1px solid var(--gap-border) !important;
        background: #ffffff !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-meta {
        color: var(--gap-heading) !important;
        font-family: Tahoma, Arial, sans-serif !important;
        font-size: 22px !important;
        font-weight: 820 !important;
        letter-spacing: 0 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-back {
        min-height: 38px !important;
        padding: 0 14px !important;
        border: 1px solid var(--gap-border) !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: var(--gap-blue) !important;
        font-weight: 760 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper {
        display: grid !important;
        gap: 8px !important;
        padding: 16px 28px !important;
        border-bottom: 1px solid var(--gap-border) !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__bar {
        height: 8px !important;
        overflow: hidden !important;
        border: 1px solid #9aa4af !important;
        border-radius: 999px !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__bar span {
        display: block !important;
        height: 100% !important;
        border-radius: inherit !important;
        background: #5c6f82 !important;
        transition: width 220ms ease !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta strong {
        color: var(--gap-heading) !important;
        font-size: 18px !important;
        font-weight: 820 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta span {
        color: var(--gap-muted) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: min(920px, calc(100% - 56px)) !important;
        margin: 28px auto !important;
        overflow: visible !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="cv"] [data-gap-mobile-panel="jd"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="cv"] [data-gap-mobile-panel="scan"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="jd"] [data-gap-mobile-panel="cv"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="jd"] [data-gap-mobile-panel="scan"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] [data-gap-mobile-panel="cv"],
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] [data-gap-mobile-panel="jd"] {
        display: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        min-height: 620px !important;
        overflow: hidden !important;
        border: 1px solid var(--gap-border) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head {
        min-height: 78px !important;
        padding: 20px 24px !important;
        border-bottom: 1px solid var(--gap-border) !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 {
        color: var(--gap-heading) !important;
        font-family: Tahoma, Arial, sans-serif !important;
        font-size: 25px !important;
        font-weight: 820 !important;
        letter-spacing: 0 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-body {
        min-height: 440px !important;
        padding: 22px 24px !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-textarea--scan {
        min-height: 360px !important;
        height: 360px !important;
        padding: 18px !important;
        border: 1px solid var(--gap-border) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: var(--gap-heading) !important;
        font-family: Tahoma, Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
        resize: vertical !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbtn,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analyze-btn {
        min-height: 44px !important;
        border-radius: 999px !important;
        box-shadow: none !important;
        font-family: Tahoma, Arial, sans-serif !important;
        font-weight: 780 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbtn,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn--ghost {
        border: 1px solid var(--gap-blue) !important;
        background: #ffffff !important;
        color: var(--gap-blue) !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn--primary,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analyze-btn {
        border: 1px solid var(--gap-blue) !important;
        background: var(--gap-blue) !important;
        color: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-actions {
        display: flex !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        margin-top: 16px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        display: none !important;
        width: min(920px, calc(100% - 56px)) !important;
        margin: 28px auto !important;
        padding: 32px !important;
        align-content: center !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] .inst-gap-scan-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 24px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] .inst-gap-scan-grid {
        display: none !important;
    }
}

/* Final CV scan page polish: clean help-page layout adapted to Senna. */
[data-component="gap-analyzer"].inst-terminal--gap-redesign {
    --gap-final-blue: #3176ad;
    --gap-final-navy: #16243d;
    --gap-final-link: #2f6fa7;
    --gap-final-text: #111820;
    --gap-final-muted: #5f6b76;
    --gap-final-line: #dfe4e9;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
    color: var(--gap-final-text) !important;
    font-family: Tahoma, Arial, sans-serif !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-app,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-layout,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-stage {
    width: 100% !important;
    min-height: 0 !important;
    background: #ffffff !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header--gap {
    min-height: 218px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 420px) !important;
    gap: 32px !important;
    align-items: end !important;
    padding: 36px clamp(28px, 5vw, 72px) 42px !important;
    border: 0 !important;
    background: var(--gap-final-blue) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-title {
    display: grid !important;
    align-content: end !important;
    gap: 18px !important;
    min-width: 0 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-title > span {
    color: #ffffff !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: clamp(38px, 4.4vw, 56px) !important;
    font-weight: 520 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-title > span::after {
    content: "Upload or paste your CV, then compare it against a live role brief.";
    display: block;
    max-width: 760px;
    margin-top: 14px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.45;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-back {
    width: fit-content !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #1d5f8f !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    box-shadow: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 8px 12px !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: min(100%, 520px) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    white-space: normal !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-avatar {
    grid-row: 1 / span 2 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-copy {
    grid-column: 2 !important;
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-copy strong,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-header-recruiter .sffc-crm-reddit-single-method-recruiter-copy span {
    color: #ffffff !important;
    white-space: normal !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-title > .inst-article-header-back {
    justify-self: start !important;
    margin-top: 2px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-meta {
    justify-self: end !important;
    max-width: 420px !important;
    padding: 22px 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 720 !important;
    line-height: 1.35 !important;
    box-shadow: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper {
    width: min(1220px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    padding: 24px 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--gap-final-line) !important;
    background: #ffffff !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper > .inst-article-header-back {
    width: fit-content !important;
    min-height: 42px !important;
    margin: 0 0 16px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #2f6fa7 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #2f6fa7 !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__bar {
    height: 6px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #eef2f6 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__bar span {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: #5c6f82 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 18px !important;
    margin-top: 16px !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta strong {
    color: var(--gap-final-text) !important;
    font-size: 24px !important;
    font-weight: 820 !important;
    line-height: 1.15 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta span {
    color: var(--gap-final-muted) !important;
    font-size: 15px !important;
    font-weight: 760 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(1220px, calc(100% - 48px)) !important;
    margin: 26px auto 54px !important;
    overflow: visible !important;
    background: #ffffff !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="cv"] [data-gap-mobile-panel="jd"],
[data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="cv"] [data-gap-mobile-panel="scan"],
[data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="jd"] [data-gap-mobile-panel="cv"],
[data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="jd"] [data-gap-mobile-panel="scan"],
[data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] [data-gap-mobile-panel="cv"],
[data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] [data-gap-mobile-panel="jd"] {
    display: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
    min-height: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--gap-final-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head {
    min-height: 86px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding: 24px 28px !important;
    border-bottom: 1px solid var(--gap-final-line) !important;
    background: #ffffff !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 {
    margin: 0 !important;
    color: var(--gap-final-text) !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 28px !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 span,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-meta {
    color: var(--gap-final-muted) !important;
    font-size: 15px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv .inst-gap-scan-pane-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 14px !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv .inst-gap-scan-pane-head .inst-gap-mobile-btn {
    justify-self: end !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-body {
    display: grid !important;
    gap: 18px !important;
    min-height: 0 !important;
    padding: 28px !important;
    background: #ffffff !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbar {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbtn {
    order: 0 !important;
    width: auto !important;
    min-height: 46px !important;
    padding: 0 20px !important;
    border: 1px solid var(--gap-final-link) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: var(--gap-final-link) !important;
    font-size: 15px !important;
    font-weight: 820 !important;
    box-shadow: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbtn::after {
    content: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadstatus {
    order: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #2d7d46 !important;
    font-size: 15px !important;
    font-weight: 760 !important;
    box-shadow: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadstatus::before {
    content: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-textarea--scan {
    width: 100% !important;
    min-height: 360px !important;
    height: 360px !important;
    margin: 0 !important;
    padding: 22px 24px !important;
    border: 1px solid var(--gap-final-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: var(--gap-final-text) !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
    box-shadow: none !important;
    resize: vertical !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-textarea--scan:focus {
    outline: 0 !important;
    border-color: var(--gap-final-link) !important;
    box-shadow: 0 0 0 2px rgba(47, 111, 167, 0.14) !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
    padding: 20px 28px !important;
    border-top: 1px solid var(--gap-final-line) !important;
    background: #ffffff !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 18px !important;
    align-items: center !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot p,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions-copy p {
    margin: 0 !important;
    color: var(--gap-final-muted) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: auto !important;
    margin: 0 !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analyze-btn {
    min-width: 104px !important;
    min-height: 46px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 820 !important;
    box-shadow: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn--ghost {
    border: 1px solid var(--gap-final-link) !important;
    background: #ffffff !important;
    color: var(--gap-final-link) !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-btn--primary,
[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-analyze-btn {
    border: 1px solid var(--gap-final-link) !important;
    background: var(--gap-final-link) !important;
    color: #ffffff !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
    display: none !important;
    width: min(1220px, calc(100% - 48px)) !important;
    min-height: 280px !important;
    margin: 26px auto 54px !important;
    padding: 32px !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] .inst-gap-scan-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 28px !important;
    align-items: center !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] .inst-gap-scan-grid {
    display: none !important;
}

[data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions-copy strong {
    color: var(--gap-final-text) !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 820 !important;
}

@media (max-width: 900px) {
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header--gap {
        min-height: 184px !important;
        grid-template-columns: 1fr !important;
        padding: 28px 20px 30px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-article-header-meta {
        justify-self: stretch !important;
        max-width: none !important;
        padding: 14px 16px !important;
        font-size: 15px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-grid,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        width: min(100% - 24px, 640px) !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-body,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-foot,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign[data-gap-mobile-step="scan"] .inst-gap-scan-actions {
        grid-template-columns: 1fr !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbar {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-textarea--scan {
        min-height: 280px !important;
        height: 280px !important;
        font-size: 15px !important;
    }
}

/* Mobile polish for the gap analyzer progress and scan pane header. */
@media (max-width: 700px) {
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper {
        position: sticky !important;
        top: 0 !important;
        z-index: 18 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 14px 12px !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
        backdrop-filter: blur(14px) !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper > .inst-article-header-back {
        min-height: 34px !important;
        margin: 0 0 10px !important;
        padding: 0 13px !important;
        border-color: rgba(10, 102, 194, 0.38) !important;
        background: #ffffff !important;
        color: #0a66c2 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__bar {
        height: 5px !important;
        background: #e8edf3 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__bar span {
        background: #0a66c2 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta {
        gap: 10px !important;
        margin-top: 9px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta strong {
        overflow: hidden !important;
        color: #111827 !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1.15 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-mobile-stepper__meta span {
        flex: 0 0 auto !important;
        color: #64748b !important;
        font-size: 12px !important;
        font-weight: 760 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-grid,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 10px 26px !important;
        background: #f4f6f8 !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-actions {
        border: 1px solid rgba(15, 23, 42, 0.1) !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head {
        min-height: 58px !important;
        padding: 12px 14px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: center !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
        background: #ffffff !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv .inst-gap-scan-pane-head {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 {
        overflow: hidden !important;
        color: #111827 !important;
        font-size: 18px !important;
        font-weight: 850 !important;
        line-height: 1.12 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-head h2 span,
    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-meta {
        display: block !important;
        margin-top: 3px !important;
        overflow: hidden !important;
        color: #64748b !important;
        font-size: 12px !important;
        font-weight: 720 !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv .inst-gap-scan-pane-meta {
        display: none !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane--cv .inst-gap-scan-pane-head .inst-gap-mobile-btn {
        min-height: 34px !important;
        padding: 0 12px !important;
        justify-self: end !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-scan-pane-body {
        gap: 12px !important;
        padding: 14px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbar {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadbtn {
        min-height: 38px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }

    [data-component="gap-analyzer"].inst-terminal--gap-redesign .inst-gap-uploadstatus {
        min-width: 0 !important;
        overflow: hidden !important;
        font-size: 13px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}