/* ALPHEA_H1B2C_COPILOT_START */

/* CSS historique extrait de copilot.php */

.copilot-v5,
            .copilot-v5 * {
                box-sizing: border-box;
            }

            .copilot-v5 {
                display: grid;
                gap: 22px;
                padding-bottom: 48px;
            }

            .copilot-hero {
                display: grid;
                grid-template-columns:
                    minmax(0, 1.25fr)
                    minmax(290px, .75fr);
                gap: 28px;
                overflow: hidden;
                padding: 32px;
                border-radius: 30px;
                color: #fff;
                background:
                    radial-gradient(
                        circle at 90% 5%,
                        rgba(56, 189, 248, .28),
                        transparent 34%
                    ),
                    radial-gradient(
                        circle at 8% 100%,
                        rgba(99, 102, 241, .24),
                        transparent 38%
                    ),
                    linear-gradient(
                        135deg,
                        #07111f,
                        #0f172a 52%,
                        #172554
                    );
                box-shadow: 0 30px 80px rgba(15, 23, 42, .22);
            }

            .copilot-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                color: rgba(255, 255, 255, .64);
                font-size: 11px;
                font-weight: 900;
                letter-spacing: .14em;
                text-transform: uppercase;
            }

            .copilot-eyebrow::before {
                content: "";
                width: 9px;
                height: 9px;
                border-radius: 50%;
                background: #38bdf8;
                box-shadow: 0 0 0 7px rgba(56, 189, 248, .13);
            }

            .copilot-hero h2 {
                max-width: 760px;
                margin: 18px 0 0;
                color: #fff;
                font-size: clamp(32px, 4vw, 48px);
                line-height: 1.03;
                letter-spacing: -.055em;
            }

            .copilot-hero p {
                max-width: 760px;
                margin: 17px 0 0;
                color: rgba(255, 255, 255, .70);
                font-size: 14px;
                line-height: 1.75;
            }

            .copilot-focus {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 21px;
                border: 1px solid rgba(255, 255, 255, .13);
                border-radius: 23px;
                background: rgba(255, 255, 255, .075);
                backdrop-filter: blur(14px);
            }

            .copilot-focus span {
                color: rgba(255, 255, 255, .60);
                font-size: 10px;
                font-weight: 900;
                letter-spacing: .11em;
                text-transform: uppercase;
            }

            .copilot-focus strong {
                display: block;
                margin-top: 18px;
                color: #fff;
                font-size: 50px;
                line-height: 1;
                letter-spacing: -.06em;
            }

            .copilot-kpis {
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 13px;
            }

            .copilot-kpi {
                min-height: 120px;
                padding: 18px;
                border: 1px solid var(--alphea-border);
                border-radius: 21px;
                background: var(--alphea-card);
                box-shadow: 0 11px 30px rgba(15, 23, 42, .05);
            }

            .copilot-kpi span {
                display: block;
                min-height: 30px;
                color: var(--alphea-muted);
                font-size: 10px;
                font-weight: 900;
                line-height: 1.45;
                text-transform: uppercase;
            }

            .copilot-kpi strong {
                display: block;
                margin-top: 12px;
                color: var(--alphea-text);
                font-size: 31px;
                letter-spacing: -.045em;
            }

            .copilot-toolbar {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 16px;
                padding: 18px 20px;
                border: 1px solid var(--alphea-border);
                border-radius: 20px;
                background: var(--alphea-card);
            }

            .copilot-toolbar strong {
                color: var(--alphea-text);
                font-size: 14px;
            }

            .copilot-toolbar p {
                margin: 5px 0 0;
                color: var(--alphea-muted);
                font-size: 10px;
            }

            .copilot-search {
                width: min(370px, 100%);
                height: 42px;
                padding: 0 14px;
                border: 1px solid var(--alphea-border);
                border-radius: 13px;
                outline: 0;
                color: var(--alphea-text);
                background: var(--alphea-card);
                font: inherit;
                font-size: 12px;
            }

            .copilot-list {
                display: grid;
                gap: 13px;
            }

            .copilot-card {
                display: grid;
                grid-template-columns:
                    66px
                    minmax(0, 1.25fr)
                    minmax(230px, .75fr)
                    auto;
                gap: 18px;
                align-items: center;
                padding: 19px;
                border: 1px solid var(--alphea-border);
                border-radius: 23px;
                background: var(--alphea-card);
                box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
                transition: .18s ease;
            }

            .copilot-card:hover {
                transform: translateY(-2px);
                border-color: rgba(37, 99, 235, .23);
                box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
            }

            .copilot-score {
                display: flex;
                width: 58px;
                height: 58px;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                border-radius: 18px;
                color: #0f172a;
                background: #f1f5f9;
            }

            .copilot-score strong {
                font-size: 19px;
                line-height: 1;
            }

            .copilot-score span {
                margin-top: 4px;
                font-size: 8px;
                font-weight: 900;
                text-transform: uppercase;
            }

            .copilot-score--danger {
                color: #b91c1c;
                background: #fef2f2;
            }

            .copilot-score--warning,
            .copilot-score--orange {
                color: #b45309;
                background: #fff7ed;
            }

            .copilot-score--purple {
                color: #6d28d9;
                background: #f5f3ff;
            }

            .copilot-score--success {
                color: #047857;
                background: #ecfdf5;
            }

            .copilot-score--info {
                color: #1d4ed8;
                background: #eff6ff;
            }

            .copilot-main {
                min-width: 0;
            }

            .copilot-main-top {
                display: flex;
                align-items: center;
                gap: 9px;
                flex-wrap: wrap;
            }

            .copilot-ref {
                color: #2563eb;
                font-size: 11px;
                font-weight: 900;
            }

            .copilot-level {
                padding: 5px 8px;
                border-radius: 999px;
                color: #475569;
                background: #f1f5f9;
                font-size: 8px;
                font-weight: 900;
                text-transform: uppercase;
            }

            .copilot-main h3 {
                overflow: hidden;
                margin: 10px 0 0;
                color: var(--alphea-text);
                font-size: 15px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .copilot-main p {
                margin: 8px 0 0;
                color: var(--alphea-muted);
                font-size: 11px;
                line-height: 1.55;
            }

            .copilot-meta {
                display: flex;
                flex-wrap: wrap;
                gap: 7px;
                margin-top: 11px;
            }

            .copilot-meta span {
                padding: 5px 8px;
                border-radius: 8px;
                color: #475569;
                background: #f8fafc;
                font-size: 8px;
                font-weight: 800;
            }

            .copilot-recommendation {
                padding: 14px;
                border-radius: 17px;
                background: #f8fafc;
            }

            .copilot-recommendation strong {
                display: flex;
                align-items: center;
                gap: 8px;
                color: #0f172a;
                font-size: 12px;
            }

            .copilot-recommendation b {
                display: inline-flex;
                width: 28px;
                height: 28px;
                align-items: center;
                justify-content: center;
                border-radius: 9px;
                background: #fff;
                box-shadow: 0 3px 10px rgba(15, 23, 42, .08);
            }

            .copilot-recommendation p {
                margin: 8px 0 0;
                color: #64748b;
                font-size: 10px;
                line-height: 1.5;
            }

            .copilot-open {
                display: inline-flex;
                min-height: 42px;
                align-items: center;
                justify-content: center;
                padding: 0 15px;
                border-radius: 13px;
                color: #fff;
                background: #0f172a;
                text-decoration: none;
                font-size: 10px;
                font-weight: 900;
                white-space: nowrap;
            }

            @media (max-width: 1180px) {
                .copilot-kpis {
                    grid-template-columns:
                        repeat(3, minmax(0, 1fr));
                }

                .copilot-card {
                    grid-template-columns:
                        60px
                        minmax(0, 1fr)
                        auto;
                }

                .copilot-recommendation {
                    grid-column: 2 / -1;
                }
            }

            @media (max-width: 820px) {
                .copilot-hero {
                    grid-template-columns: 1fr;
                }

                .copilot-kpis {
                    grid-template-columns:
                        repeat(2, minmax(0, 1fr));
                }

                .copilot-toolbar {
                    align-items: stretch;
                    flex-direction: column;
                }

                .copilot-search {
                    width: 100%;
                }
            }

            @media (max-width: 620px) {
                .copilot-card {
                    grid-template-columns: 52px minmax(0, 1fr);
                }

                .copilot-recommendation,
                .copilot-open {
                    grid-column: 1 / -1;
                }
            }

/*
 * ==========================================================
 * ALPHÉA SUITE — H1B-2C R1
 * Harmonisation Copilot Intervention
 * ==========================================================
 */

.copilot-v5 {
    color: var(--alphea-ds-ink);
}

.copilot-hero {
    border: 1px solid rgba(35, 61, 98, .12);
    border-radius: var(--alphea-ds-radius-xl);
    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(91, 122, 178, .28),
            transparent 34%
        ),
        radial-gradient(
            circle at 8% 100%,
            rgba(67, 97, 154, .28),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #07111f 0%,
            #172f51 52%,
            #253f67 100%
        );
    box-shadow: var(--alphea-ds-shadow-lg);
}

.copilot-eyebrow {
    color: rgba(255, 255, 255, .68);
}

.copilot-eyebrow::before {
    background: #7fa4dc;
    box-shadow:
        0 0 0 7px rgba(127, 164, 220, .14);
}

.copilot-focus {
    border-color: rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .08);
}

.copilot-kpi,
.copilot-toolbar,
.copilot-card {
    border-color: var(--alphea-ds-border);
    color: var(--alphea-ds-ink);
    background: var(--alphea-ds-surface);
    box-shadow: var(--alphea-ds-shadow-sm);
    transition: var(--alphea-ds-transition);
}

.copilot-kpi {
    border-radius: var(--alphea-ds-radius-md);
}

.copilot-toolbar,
.copilot-card {
    border-radius: var(--alphea-ds-radius-lg);
}

.copilot-kpi:hover,
.copilot-card:hover {
    border-color: var(--alphea-ds-border-strong);
    background: var(--alphea-ds-surface-hover);
    box-shadow: var(--alphea-ds-shadow-md);
    transform: translateY(-1px);
}

.copilot-kpi span,
.copilot-toolbar p,
.copilot-main p,
.copilot-recommendation p {
    color: var(--alphea-ds-muted);
}

.copilot-kpi strong,
.copilot-toolbar strong,
.copilot-main h3,
.copilot-recommendation strong {
    color: var(--alphea-ds-ink);
}

.copilot-search {
    border-color: var(--alphea-ds-border-strong);
    border-radius: var(--alphea-ds-radius-sm);
    color: var(--alphea-ds-ink);
    background: var(--alphea-ds-surface);
    transition: var(--alphea-ds-transition);
}

.copilot-search:focus {
    border-color: var(--alphea-ds-accent);
    box-shadow: var(--alphea-ds-focus);
}

.copilot-score {
    border: 1px solid var(--alphea-ds-border);
    color: var(--alphea-ds-ink-soft);
    background: var(--alphea-ds-surface-soft);
}

.copilot-score--danger {
    border-color: #edc5c9;
    color: var(--alphea-ds-danger);
    background: var(--alphea-ds-danger-soft);
}

.copilot-score--warning,
.copilot-score--orange {
    border-color: #ead4aa;
    color: var(--alphea-ds-warning);
    background: var(--alphea-ds-warning-soft);
}

.copilot-score--purple {
    border-color: #d9ccec;
    color: var(--alphea-ds-purple);
    background: var(--alphea-ds-purple-soft);
}

.copilot-score--success {
    border-color: #b9deca;
    color: var(--alphea-ds-success);
    background: var(--alphea-ds-success-soft);
}

.copilot-score--info {
    border-color: #c5d8ed;
    color: var(--alphea-ds-info);
    background: var(--alphea-ds-info-soft);
}

.copilot-ref {
    color: var(--alphea-ds-accent);
}

.copilot-level,
.copilot-meta span {
    border: 1px solid var(--alphea-ds-border);
    color: var(--alphea-ds-ink-soft);
    background: var(--alphea-ds-surface-soft);
}

.copilot-recommendation {
    border: 1px solid var(--alphea-ds-border);
    background: var(--alphea-ds-surface-soft);
}

.copilot-recommendation b {
    color: var(--alphea-ds-primary);
    background: var(--alphea-ds-surface);
    box-shadow: var(--alphea-ds-shadow-xs);
}

.copilot-open {
    min-height: var(--alphea-ds-button-height);
    border: 1px solid var(--alphea-ds-primary);
    border-radius: var(--alphea-ds-radius-sm);
    color: #fff;
    background: var(--alphea-ds-primary);
    box-shadow:
        0 8px 18px rgba(34, 63, 103, .16);
    transition: var(--alphea-ds-transition);
}

.copilot-open:hover {
    border-color: var(--alphea-ds-primary-hover);
    background: var(--alphea-ds-primary-hover);
    box-shadow: var(--alphea-ds-shadow-sm);
    transform: translateY(-1px);
}

.copilot-search:focus-visible,
.copilot-open:focus-visible {
    outline: 3px solid rgba(82, 111, 169, .23);
    outline-offset: 2px;
}

@media (max-width: 1180px) {
    .copilot-kpis {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .copilot-card {
        grid-template-columns:
            60px minmax(0, 1fr) auto;
    }

    .copilot-recommendation {
        grid-column: 2 / -1;
    }
}

@media (max-width: 820px) {
    .copilot-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .copilot-kpis {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .copilot-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .copilot-search {
        width: 100%;
    }
}

@media (max-width: 620px) {
    .copilot-hero,
    .copilot-toolbar,
    .copilot-card {
        border-radius: 16px;
    }

    .copilot-hero {
        padding: 22px;
    }

    .copilot-kpis {
        grid-template-columns: minmax(0, 1fr);
    }

    .copilot-card {
        grid-template-columns:
            52px minmax(0, 1fr);
        padding: 15px;
    }

    .copilot-recommendation,
    .copilot-open {
        grid-column: 1 / -1;
    }

    .copilot-open {
        width: 100%;
    }
}

/* ALPHEA_H1B2C_COPILOT_END */