/**
 * ============================================================
 * ALPHÉA COCKPIT PREMIUM +++
 * Patch typographique final
 * Marqueur : alphea-cockpit-premium-final
 * ============================================================
 */

/* =========================================================
   ALPHÉA SUITE — COCKPIT AUJOURD'HUI PREMIUM
   ========================================================= */

.alphea-cockpit,
.alphea-cockpit * {
    box-sizing: border-box;
}

.alphea-cockpit {
    --cockpit-blue: #2563eb;
    --cockpit-blue-dark: #1d4ed8;
    --cockpit-navy: #07111f;
    --cockpit-red: #dc2626;
    --cockpit-orange: #d97706;
    --cockpit-green: #059669;
    --cockpit-purple: #7c3aed;
    --cockpit-cyan: #0284c7;

    width: 100%;
    padding-bottom: 32px;
    color: var(--alphea-text);
}

.alphea-cockpit svg {
    display: block;
    width: 21px;
    height: 21px;
}

/* HERO */

.cockpit-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 29px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 30px;
    color: #fff;
    background:
        radial-gradient(
            circle at 94% 5%,
            rgba(37, 99, 235, .34),
            transparent 34%
        ),
        radial-gradient(
            circle at 4% 110%,
            rgba(124, 58, 237, .22),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #07111f 0%,
            #0d1728 50%,
            #14224a 100%
        );
    box-shadow:
        0 30px 90px rgba(15, 23, 42, .22),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.cockpit-hero-glow {
    position: absolute;
    top: -210px;
    right: -145px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
    box-shadow:
        0 0 0 55px rgba(255, 255, 255, .022),
        0 0 0 110px rgba(255, 255, 255, .014);
    pointer-events: none;
}

.cockpit-hero-main {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.cockpit-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 11px;
    color: rgba(255, 255, 255, .58);
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.cockpit-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow:
        0 0 0 6px rgba(56, 189, 248, .12),
        0 0 18px rgba(56, 189, 248, .8);
}

.cockpit-hero-copy h1 {
    max-width: 730px;
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 4.1vw, 48px);
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: -.058em;
}

.cockpit-hero-copy h1 span {
    color: #93c5fd;
}

.cockpit-hero-copy p {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .58);
    font-size: 13px;
    font-weight: 650;
}

.cockpit-health {
    display: flex;
    min-width: 270px;
    align-items: center;
    gap: 15px;
    padding: 13px 15px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 19px;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(14px);
}

.cockpit-health-ring {
    --cockpit-health: 0;
    display: grid;
    width: 68px;
    height: 68px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background:
        radial-gradient(
            circle at center,
            #101a2d 58%,
            transparent 60%
        ),
        conic-gradient(
            #38bdf8 calc(var(--cockpit-health) * 1%),
            rgba(255, 255, 255, .11) 0
        );
}

.cockpit-health-ring--excellent {
    background:
        radial-gradient(
            circle at center,
            #101a2d 58%,
            transparent 60%
        ),
        conic-gradient(
            #34d399 calc(var(--cockpit-health) * 1%),
            rgba(255, 255, 255, .11) 0
        );
}

.cockpit-health-ring--watch {
    background:
        radial-gradient(
            circle at center,
            #101a2d 58%,
            transparent 60%
        ),
        conic-gradient(
            #f59e0b calc(var(--cockpit-health) * 1%),
            rgba(255, 255, 255, .11) 0
        );
}

.cockpit-health-ring--alert {
    background:
        radial-gradient(
            circle at center,
            #101a2d 58%,
            transparent 60%
        ),
        conic-gradient(
            #ef4444 calc(var(--cockpit-health) * 1%),
            rgba(255, 255, 255, .11) 0
        );
}

.cockpit-health-ring > div {
    display: flex;
    align-items: baseline;
}

.cockpit-health-ring strong {
    color: #fff;
    font-size: 19px;
    font-weight: 950;
    letter-spacing: -.04em;
}

.cockpit-health-ring span {
    color: rgba(255, 255, 255, .48);
    font-size: 13px;
}

.cockpit-health-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.cockpit-health-copy > span {
    color: rgba(255, 255, 255, .44);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.cockpit-health-copy strong {
    margin-top: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.cockpit-health-copy small {
    margin-top: 4px;
    color: rgba(255, 255, 255, .48);
    font-size: 13px;
    line-height: 1.4;
}

.cockpit-hero-kpis {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-top: 25px;
}

.cockpit-hero-kpi {
    display: grid;
    min-width: 0;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .095);
    border-radius: 17px;
    color: #fff;
    background: rgba(255, 255, 255, .052);
    text-decoration: none;
    backdrop-filter: blur(12px);
    transition:
        transform 160ms ease,
        background 160ms ease,
        border-color 160ms ease;
}

.cockpit-hero-kpi:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .09);
    transform: translateY(-2px);
}

.cockpit-hero-kpi.is-danger {
    border-color: rgba(248, 113, 113, .18);
    background: rgba(220, 38, 38, .10);
}

.cockpit-hero-kpi.is-warning {
    border-color: rgba(251, 191, 36, .18);
    background: rgba(217, 119, 6, .09);
}

.cockpit-kpi-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    color: #93c5fd;
    background: rgba(147, 197, 253, .10);
}

.is-danger .cockpit-kpi-icon {
    color: #fca5a5;
    background: rgba(248, 113, 113, .10);
}

.is-warning .cockpit-kpi-icon {
    color: #fcd34d;
    background: rgba(251, 191, 36, .10);
}

.is-clear .cockpit-kpi-icon {
    color: #6ee7b7;
    background: rgba(52, 211, 153, .09);
}

.cockpit-kpi-copy {
    display: grid;
    min-width: 0;
    grid-template-columns: 1fr auto;
    align-items: baseline;
}

.cockpit-kpi-copy small {
    color: rgba(255, 255, 255, .48);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cockpit-kpi-copy strong {
    color: #fff;
    font-size: 22px;
    font-weight: 950;
    letter-spacing: -.045em;
}

.cockpit-kpi-copy em {
    grid-column: 1 / -1;
    overflow: hidden;
    margin-top: 2px;
    color: rgba(255, 255, 255, .60);
    font-size: 13px;
    font-style: normal;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* MODULE STRIP */

.cockpit-module-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.cockpit-module-card {
    display: grid;
    min-width: 0;
    grid-template-columns: 45px minmax(0, 1fr) 20px;
    gap: 11px;
    align-items: center;
    padding: 13px;
    border: 1px solid var(--alphea-border);
    border-radius: 18px;
    color: var(--alphea-text);
    background: var(--alphea-card);
    text-decoration: none;
    box-shadow: 0 9px 25px rgba(15, 23, 42, .035);
    transition:
        transform 150ms ease,
        box-shadow 150ms ease,
        border-color 150ms ease;
}

.cockpit-module-card:hover {
    color: var(--alphea-text);
    border-color: rgba(37, 99, 235, .22);
    transform: translateY(-2px);
    box-shadow: 0 15px 34px rgba(15, 23, 42, .075);
}

.cockpit-module-icon {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 14px;
}

.is-candidature .cockpit-module-icon {
    color: #6d28d9;
    background: rgba(124, 58, 237, .09);
}

.is-intervention .cockpit-module-icon {
    color: #1d4ed8;
    background: rgba(37, 99, 235, .09);
}

.is-building .cockpit-module-icon {
    color: #0284c7;
    background: rgba(14, 165, 233, .09);
}

.is-claim .cockpit-module-icon {
    color: #dc2626;
    background: rgba(220, 38, 38, .08);
}

.cockpit-module-main {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.cockpit-module-main small {
    color: var(--alphea-muted);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cockpit-module-main strong {
    overflow: hidden;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-module-main em {
    margin-top: 2px;
    color: var(--alphea-muted);
    font-size: 13px;
    font-style: normal;
}

.cockpit-module-arrow {
    color: #a8b4c4;
    transition: transform 150ms ease;
}

.cockpit-module-arrow svg {
    width: 17px;
    height: 17px;
}

.cockpit-module-card:hover
.cockpit-module-arrow {
    color: var(--cockpit-blue);
    transform: translateX(2px);
}

/* GLOBAL LAYOUT */

.cockpit-layout {
    display: grid;
    grid-template-columns:
        minmax(0, 1.42fr)
        minmax(310px, .58fr);
    gap: 16px;
    align-items: start;
}

.cockpit-panel {
    overflow: hidden;
    margin-bottom: 16px;
    border: 1px solid var(--alphea-border);
    border-radius: 23px;
    background: var(--alphea-card);
    box-shadow: 0 15px 42px rgba(15, 23, 42, .05);
}

.cockpit-panel-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 21px 16px;
}

.cockpit-panel-header.is-compact {
    align-items: center;
}

.cockpit-panel-kicker {
    display: block;
    margin-bottom: 5px;
    color: var(--cockpit-blue);
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.cockpit-panel-header h2,
.cockpit-actions-header h2 {
    margin: 0;
    color: var(--alphea-text);
    font-size: 19px;
    font-weight: 950;
    line-height: 1.2;
    letter-spacing: -.035em;
}

.cockpit-panel-header p {
    margin: 5px 0 0;
    color: var(--alphea-muted);
    font-size: 13px;
    line-height: 1.5;
}

.cockpit-panel-header > a {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid rgba(37, 99, 235, .12);
    border-radius: 10px;
    color: var(--cockpit-blue-dark);
    background: rgba(37, 99, 235, .055);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.cockpit-panel-header > a svg {
    width: 14px;
    height: 14px;
}

/* PRIORITIES */

.cockpit-priority-list {
    display: grid;
    gap: 7px;
    padding: 0 13px 14px;
}

.cockpit-priority-item {
    display: grid;
    min-width: 0;
    grid-template-columns: 29px 5px minmax(0, 1fr) 20px;
    gap: 10px;
    align-items: center;
    padding: 11px;
    border: 1px solid var(--alphea-border);
    border-radius: 15px;
    color: var(--alphea-text);
    background: rgba(148, 163, 184, .018);
    text-decoration: none;
    transition:
        transform 150ms ease,
        border-color 150ms ease,
        background 150ms ease,
        box-shadow 150ms ease;
}

.cockpit-priority-item:hover {
    color: var(--alphea-text);
    border-color: rgba(37, 99, 235, .22);
    background: rgba(37, 99, 235, .025);
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.cockpit-priority-rank {
    color: #a1adbc;
    font-size: 13px;
    font-weight: 950;
}

.cockpit-priority-status {
    width: 5px;
    height: 32px;
    border-radius: 999px;
    background: #cbd5e1;
}

.cockpit-priority-item.is-danger
.cockpit-priority-status {
    background: #ef4444;
    box-shadow: 0 0 12px rgba(239, 68, 68, .35);
}

.cockpit-priority-item.is-warning
.cockpit-priority-status {
    background: #f59e0b;
}

.cockpit-priority-content {
    min-width: 0;
}

.cockpit-priority-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 3px;
}

.cockpit-priority-top small {
    color: var(--cockpit-blue);
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cockpit-priority-top em {
    color: var(--alphea-muted);
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
}

.cockpit-priority-content > strong {
    display: block;
    overflow: hidden;
    color: var(--alphea-text);
    font-size: 13px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-priority-content p {
    overflow: hidden;
    margin: 3px 0 0;
    color: var(--alphea-muted);
    font-size: 13px;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-priority-arrow {
    color: #aab5c3;
}

.cockpit-priority-arrow svg {
    width: 16px;
    height: 16px;
}

/* TODAY */

.cockpit-today-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0 13px 14px;
}

.cockpit-today-item {
    display: grid;
    min-width: 0;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 11px;
    border: 1px solid var(--alphea-border);
    border-radius: 15px;
    color: var(--alphea-text);
    background: rgba(148, 163, 184, .018);
    text-decoration: none;
    transition:
        transform 150ms ease,
        border-color 150ms ease;
}

.cockpit-today-item:hover {
    color: var(--alphea-text);
    border-color: rgba(37, 99, 235, .22);
    transform: translateY(-1px);
}

.cockpit-today-icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    color: var(--cockpit-blue);
    background: rgba(37, 99, 235, .08);
}

.cockpit-today-item.is-danger
.cockpit-today-icon {
    color: #dc2626;
    background: rgba(220, 38, 38, .08);
}

.cockpit-today-item.is-orange
.cockpit-today-icon {
    color: #d97706;
    background: rgba(217, 119, 6, .08);
}

.cockpit-today-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.cockpit-today-copy small {
    color: var(--cockpit-blue);
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cockpit-today-copy strong {
    overflow: hidden;
    margin-top: 3px;
    font-size: 13px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-today-copy em {
    overflow: hidden;
    margin-top: 3px;
    color: var(--alphea-muted);
    font-size: 13px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ACTIVITY */

.cockpit-live-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #059669;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.cockpit-live-label i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 0 5px rgba(16, 185, 129, .10);
}

.cockpit-timeline {
    padding: 0 16px 15px;
}

.cockpit-timeline-item {
    display: grid;
    grid-template-columns: 37px 15px minmax(0, 1fr);
    gap: 8px;
    min-height: 53px;
}

.cockpit-timeline-time {
    padding-top: 2px;
    color: var(--alphea-muted);
    font-size: 13px;
    font-weight: 850;
    text-align: right;
}

.cockpit-timeline-line {
    position: relative;
    display: flex;
    justify-content: center;
}

.cockpit-timeline-line::after {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 0;
    width: 1px;
    background: var(--alphea-border);
}

.cockpit-timeline-item:last-child
.cockpit-timeline-line::after {
    display: none;
}

.cockpit-timeline-line i {
    position: relative;
    z-index: 2;
    width: 8px;
    height: 8px;
    border: 2px solid var(--alphea-card);
    border-radius: 50%;
    background: #94a3b8;
    box-shadow: 0 0 0 2px #e2e8f0;
}

.cockpit-timeline-line i.is-current {
    background: #2563eb;
    box-shadow:
        0 0 0 3px rgba(37, 99, 235, .12),
        0 0 12px rgba(37, 99, 235, .30);
}

.cockpit-timeline-copy {
    min-width: 0;
    padding-bottom: 12px;
}

.cockpit-timeline-copy strong {
    display: block;
    overflow: hidden;
    color: var(--alphea-text);
    font-size: 13px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-timeline-copy p {
    display: -webkit-box;
    overflow: hidden;
    margin: 4px 0 0;
    color: var(--alphea-muted);
    font-size: 13px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* CLAIMS */

.cockpit-claim-list {
    display: grid;
    gap: 6px;
    padding: 0 13px 14px;
}

.cockpit-claim-item {
    display: grid;
    min-width: 0;
    grid-template-columns: 7px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--alphea-border);
    border-radius: 14px;
    color: var(--alphea-text);
    text-decoration: none;
}

.cockpit-claim-item:hover {
    color: var(--alphea-text);
    border-color: rgba(37, 99, 235, .22);
}

.cockpit-claim-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f59e0b;
}

.cockpit-claim-item.is-urgent
.cockpit-claim-dot {
    background: #ef4444;
    box-shadow: 0 0 0 5px rgba(239, 68, 68, .08);
}

.cockpit-claim-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.cockpit-claim-copy small {
    color: #d97706;
    font-size: 6px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cockpit-claim-copy strong {
    overflow: hidden;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-claim-copy em {
    overflow: hidden;
    margin-top: 2px;
    color: var(--alphea-muted);
    font-size: 13px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-claim-date {
    color: var(--alphea-muted);
    font-size: 13px;
    font-weight: 850;
}

/* PORTFOLIO */

.cockpit-portfolio-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
    padding: 0 13px 14px;
}

.cockpit-portfolio-grid a {
    display: flex;
    min-height: 75px;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
    border: 1px solid var(--alphea-border);
    border-radius: 14px;
    color: var(--alphea-text);
    background: rgba(148, 163, 184, .018);
    text-decoration: none;
}

.cockpit-portfolio-grid a:hover {
    color: var(--alphea-text);
    border-color: rgba(37, 99, 235, .22);
}

.cockpit-portfolio-grid strong {
    font-size: 21px;
    font-weight: 950;
    letter-spacing: -.045em;
}

.cockpit-portfolio-grid span {
    margin-top: 3px;
    color: var(--alphea-muted);
    font-size: 13px;
    font-weight: 800;
}

/* QUICK ACTIONS */

.cockpit-quick-actions {
    padding: 20px;
    border: 1px solid var(--alphea-border);
    border-radius: 23px;
    background: var(--alphea-card);
    box-shadow: 0 15px 42px rgba(15, 23, 42, .05);
}

.cockpit-actions-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.cockpit-actions-header button {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid rgba(37, 99, 235, .12);
    border-radius: 11px;
    color: var(--cockpit-blue-dark);
    background: rgba(37, 99, 235, .055);
    font-family: inherit;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.cockpit-actions-header button svg {
    width: 14px;
    height: 14px;
}

.cockpit-actions-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}

.cockpit-actions-grid > a {
    display: flex;
    min-width: 0;
    min-height: 104px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 13px;
    border: 1px solid var(--alphea-border);
    border-radius: 15px;
    color: var(--alphea-text);
    background: rgba(148, 163, 184, .018);
    text-decoration: none;
    transition:
        transform 150ms ease,
        border-color 150ms ease,
        box-shadow 150ms ease;
}

.cockpit-actions-grid > a:hover {
    color: var(--alphea-text);
    border-color: rgba(37, 99, 235, .22);
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(15, 23, 42, .055);
}

.cockpit-actions-grid > a > span {
    display: grid;
    width: 38px;
    height: 38px;
    margin-bottom: 9px;
    place-items: center;
    border-radius: 12px;
}

.cockpit-actions-grid .is-blue {
    color: #2563eb;
    background: rgba(37, 99, 235, .08);
}

.cockpit-actions-grid .is-purple {
    color: #7c3aed;
    background: rgba(124, 58, 237, .08);
}

.cockpit-actions-grid .is-red {
    color: #dc2626;
    background: rgba(220, 38, 38, .08);
}

.cockpit-actions-grid .is-cyan {
    color: #0284c7;
    background: rgba(14, 165, 233, .08);
}

.cockpit-actions-grid .is-green {
    color: #059669;
    background: rgba(5, 150, 105, .08);
}

.cockpit-actions-grid .is-orange {
    color: #d97706;
    background: rgba(217, 119, 6, .08);
}

.cockpit-actions-grid strong {
    overflow: hidden;
    max-width: 100%;
    font-size: 13px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-actions-grid small {
    overflow: hidden;
    max-width: 100%;
    margin-top: 3px;
    color: var(--alphea-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* EMPTY STATES */

.cockpit-empty-state {
    display: flex;
    min-height: 210px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 26px;
    text-align: center;
}

.cockpit-empty-state.is-horizontal {
    min-height: 110px;
    grid-column: 1 / -1;
    flex-direction: row;
    gap: 13px;
    text-align: left;
}

.cockpit-empty-state.is-small {
    min-height: 120px;
}

.cockpit-empty-icon {
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    place-items: center;
    border-radius: 15px;
    color: #059669;
    background: rgba(5, 150, 105, .08);
}

.is-horizontal .cockpit-empty-icon {
    margin-bottom: 0;
}

.cockpit-empty-state strong {
    color: var(--alphea-text);
    font-size: 13px;
    font-weight: 950;
}

.cockpit-empty-state p {
    max-width: 330px;
    margin: 5px 0 0;
    color: var(--alphea-muted);
    font-size: 13px;
    line-height: 1.5;
}

/* FOOTER */

.cockpit-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 13px;
    padding: 13px 5px 0;
    color: var(--alphea-muted);
    font-size: 13px;
}

.cockpit-footer button {
    padding: 0;
    border: 0;
    color: var(--cockpit-blue);
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

/* DARK MODE */

html[data-alphea-theme="dark"]
.cockpit-module-card,
html[data-alphea-theme="dark"]
.cockpit-panel,
html[data-alphea-theme="dark"]
.cockpit-quick-actions {
    box-shadow: none;
}

html[data-alphea-theme="dark"]
.cockpit-priority-item,
html[data-alphea-theme="dark"]
.cockpit-today-item,
html[data-alphea-theme="dark"]
.cockpit-claim-item,
html[data-alphea-theme="dark"]
.cockpit-portfolio-grid a,
html[data-alphea-theme="dark"]
.cockpit-actions-grid > a {
    background: rgba(255, 255, 255, .015);
}

/* RESPONSIVE */

@media (max-width: 1320px) {
    .cockpit-hero-kpis,
    .cockpit-module-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .cockpit-actions-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1050px) {
    .cockpit-layout {
        grid-template-columns: 1fr;
    }

    .cockpit-side-column {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .cockpit-side-column
    .cockpit-panel {
        margin-bottom: 0;
    }

    .cockpit-portfolio-panel {
        grid-column: 1 / -1;
    }

    .cockpit-portfolio-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 760px) {
    .cockpit-hero {
        padding: 21px;
        border-radius: 24px;
    }

    .cockpit-hero-main {
        flex-direction: column;
    }

    .cockpit-health {
        width: 100%;
        min-width: 0;
    }

    .cockpit-hero-kpis,
    .cockpit-module-strip,
    .cockpit-today-grid,
    .cockpit-side-column,
    .cockpit-portfolio-grid,
    .cockpit-actions-grid {
        grid-template-columns: 1fr;
    }

    .cockpit-portfolio-panel {
        grid-column: auto;
    }

    .cockpit-actions-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .cockpit-actions-header button {
        width: 100%;
        justify-content: center;
    }

    .cockpit-actions-grid > a {
        min-height: 85px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .alphea-cockpit *,
    .alphea-cockpit *::before,
    .alphea-cockpit *::after {
        animation: none !important;
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* ALPHEA VISUAL COMFORT START */

/* =========================================================
   ALPHÉA — MODE CONFORT VISUEL
   Cockpit opérationnel
   ========================================================= */

.alphea-cockpit,
.alphea-dashboard,
[data-alphea-cockpit] {
    font-size: 15px;
}

/* Hero du cockpit */

.alphea-cockpit .cockpit-eyebrow,
.alphea-cockpit .alphea-cockpit-eyebrow,
.alphea-dashboard .cockpit-eyebrow {
    font-size: 13px !important;
    letter-spacing: .1em;
}

.alphea-cockpit h1,
.alphea-dashboard h1,
[data-alphea-cockpit] h1 {
    font-size: clamp(38px, 4vw, 54px) !important;
    line-height: 1.08 !important;
}

.alphea-cockpit .cockpit-hero p,
.alphea-cockpit .alphea-cockpit-hero p,
.alphea-dashboard .cockpit-hero p,
[data-alphea-cockpit] .cockpit-hero p {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* KPI */

.alphea-cockpit .cockpit-kpi small,
.alphea-cockpit .cockpit-stat small,
.alphea-cockpit .alphea-kpi small,
.alphea-dashboard .cockpit-kpi small,
[data-alphea-cockpit] .cockpit-kpi small {
    font-size: 13px !important;
    letter-spacing: .07em !important;
}

.alphea-cockpit .cockpit-kpi strong,
.alphea-cockpit .cockpit-stat strong,
.alphea-cockpit .alphea-kpi strong,
.alphea-dashboard .cockpit-kpi strong,
[data-alphea-cockpit] .cockpit-kpi strong {
    font-size: 30px !important;
    line-height: 1.05 !important;
}

.alphea-cockpit .cockpit-kpi span,
.alphea-cockpit .cockpit-stat span,
.alphea-cockpit .alphea-kpi span,
.alphea-dashboard .cockpit-kpi span,
[data-alphea-cockpit] .cockpit-kpi span {
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* Titres de sections */

.alphea-cockpit h2,
.alphea-dashboard h2,
[data-alphea-cockpit] h2 {
    font-size: 24px !important;
    line-height: 1.2 !important;
}

.alphea-cockpit h3,
.alphea-dashboard h3,
[data-alphea-cockpit] h3 {
    font-size: 17px !important;
    line-height: 1.3 !important;
}

.alphea-cockpit .cockpit-section-kicker,
.alphea-cockpit .cockpit-kicker,
.alphea-dashboard .cockpit-section-kicker {
    font-size: 13px !important;
    letter-spacing: .1em !important;
}

/* Cartes de modules */

.alphea-cockpit .cockpit-module-card,
.alphea-cockpit .cockpit-module,
.alphea-dashboard .cockpit-module-card,
[data-alphea-cockpit] .cockpit-module-card {
    min-height: 145px;
    padding: 20px !important;
}

.alphea-cockpit .cockpit-module-card strong,
.alphea-cockpit .cockpit-module strong,
.alphea-dashboard .cockpit-module-card strong {
    font-size: 17px !important;
}

.alphea-cockpit .cockpit-module-card p,
.alphea-cockpit .cockpit-module p,
.alphea-dashboard .cockpit-module-card p {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.alphea-cockpit .cockpit-module-card small,
.alphea-cockpit .cockpit-module small,
.alphea-dashboard .cockpit-module-card small {
    font-size: 13px !important;
}

/* Listes et priorités */

.alphea-cockpit .cockpit-priority-item,
.alphea-cockpit .cockpit-action-item,
.alphea-cockpit .cockpit-timeline-item,
.alphea-cockpit .cockpit-list-item,
.alphea-dashboard .cockpit-priority-item,
[data-alphea-cockpit] .cockpit-priority-item {
    min-height: 77px;
    padding: 14px 16px !important;
}

.alphea-cockpit .cockpit-priority-item strong,
.alphea-cockpit .cockpit-action-item strong,
.alphea-cockpit .cockpit-timeline-item strong,
.alphea-cockpit .cockpit-list-item strong,
.alphea-dashboard .cockpit-priority-item strong {
    font-size: 15px !important;
    line-height: 1.35 !important;
}

.alphea-cockpit .cockpit-priority-item p,
.alphea-cockpit .cockpit-action-item p,
.alphea-cockpit .cockpit-timeline-item p,
.alphea-cockpit .cockpit-list-item p,
.alphea-dashboard .cockpit-priority-item p {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.alphea-cockpit .cockpit-priority-item small,
.alphea-cockpit .cockpit-action-item small,
.alphea-cockpit .cockpit-timeline-item small,
.alphea-cockpit .cockpit-list-item small,
.alphea-dashboard .cockpit-priority-item small {
    font-size: 13px !important;
}

/* Badges */

.alphea-cockpit .cockpit-badge,
.alphea-cockpit .alphea-badge,
.alphea-dashboard .cockpit-badge,
[data-alphea-cockpit] .cockpit-badge {
    min-height: 27px !important;
    padding: 0 9px !important;
    font-size: 13px !important;
    line-height: 27px !important;
}

/* Boutons */

.alphea-cockpit .cockpit-button,
.alphea-cockpit .cockpit-link,
.alphea-cockpit .alphea-btn,
.alphea-dashboard .cockpit-button,
[data-alphea-cockpit] .cockpit-button {
    min-height: 42px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
}

/* Textes génériques dans les panneaux */

.alphea-cockpit .cockpit-panel p,
.alphea-cockpit .cockpit-card p,
.alphea-cockpit .cockpit-widget p,
.alphea-dashboard .cockpit-panel p,
[data-alphea-cockpit] .cockpit-panel p {
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.alphea-cockpit .cockpit-panel small,
.alphea-cockpit .cockpit-card small,
.alphea-cockpit .cockpit-widget small,
.alphea-dashboard .cockpit-panel small,
[data-alphea-cockpit] .cockpit-panel small {
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/*
 * Sélecteurs de sécurité :
 * ils couvrent les textes sans classe dédiée
 * présents dans les sections du cockpit.
 */

.alphea-cockpit section header > span,
.alphea-cockpit article header > span,
.alphea-dashboard section header > span,
[data-alphea-cockpit] section header > span {
    font-size: 13px !important;
}

.alphea-cockpit section article > span,
.alphea-dashboard section article > span,
[data-alphea-cockpit] section article > span {
    font-size: 13px;
}

/* ALPHEA VISUAL COMFORT END */

/* ALPHEA DECISION BAR V1 — START */

/* ============================================================
   ALPHÉA — BARRE DE DÉCISION AUJOURD’HUI
   ============================================================ */

.cockpit-decision-bar {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(260px, 1.15fr)
        minmax(360px, 1fr)
        auto;
    align-items: center;
    gap: 24px;

    min-height: 132px;
    padding: 24px 26px;

    overflow: hidden;

    color: #15233a;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .98),
            rgba(247, 250, 255, .96)
        );

    border: 1px solid rgba(29, 52, 84, .09);
    border-radius: 24px;

    box-shadow:
        0 18px 55px rgba(15, 35, 71, .07),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.cockpit-decision-bar::before {
    content: "";

    position: absolute;
    z-index: -1;
    top: -85px;
    right: -55px;

    width: 260px;
    height: 260px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(59, 130, 246, .13),
            transparent 68%
        );
}

.cockpit-decision-bar::after {
    content: "";

    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 0;

    width: 4px;

    border-radius: 0 5px 5px 0;

    background: #3b82f6;
}

.cockpit-decision-bar.is-critical::after {
    background: #dc2626;
}

.cockpit-decision-bar.is-warning::after {
    background: #f59e0b;
}

.cockpit-decision-bar.is-clear::after {
    background: #16a36a;
}

/* Résumé */

.cockpit-decision-summary {
    display: flex;
    flex-direction: column;
    gap: 12px;

    min-width: 0;
}

.cockpit-decision-pulse {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    width: max-content;

    color: #66758b;

    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.cockpit-decision-pulse i {
    position: relative;

    display: block;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #3b82f6;
    box-shadow: 0 0 0 5px rgba(59, 130, 246, .1);
}

.is-critical .cockpit-decision-pulse i {
    background: #dc2626;
    box-shadow: 0 0 0 5px rgba(220, 38, 38, .1);
}

.is-warning .cockpit-decision-pulse i {
    background: #f59e0b;
    box-shadow: 0 0 0 5px rgba(245, 158, 11, .12);
}

.is-clear .cockpit-decision-pulse i {
    background: #16a36a;
    box-shadow: 0 0 0 5px rgba(22, 163, 106, .11);
}

.cockpit-decision-copy h2 {
    margin: 0 0 7px;

    color: #14213a;

    font-size: clamp(20px, 2vw, 25px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.cockpit-decision-copy p {
    max-width: 570px;
    margin: 0;

    color: #718096;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.55;
}

/* Métriques */

.cockpit-decision-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(105px, 1fr));
    gap: 10px;
}

.cockpit-decision-metric {
    display: flex;
    align-items: center;
    gap: 11px;

    min-height: 72px;
    padding: 13px 14px;

    color: #20304a;
    text-decoration: none;

    background: rgba(255, 255, 255, .76);
    border: 1px solid rgba(29, 52, 84, .075);
    border-radius: 16px;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.cockpit-decision-metric:hover {
    transform: translateY(-2px);

    background: #fff;
    border-color: rgba(59, 130, 246, .19);

    box-shadow:
        0 12px 28px rgba(15, 35, 71, .075);
}

.cockpit-decision-dot {
    flex: 0 0 auto;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #3b82f6;
}

.cockpit-decision-metric.is-urgent
.cockpit-decision-dot {
    background: #dc2626;
    box-shadow: 0 0 0 5px rgba(220, 38, 38, .08);
}

.cockpit-decision-metric.is-action
.cockpit-decision-dot {
    background: #f59e0b;
    box-shadow: 0 0 0 5px rgba(245, 158, 11, .09);
}

.cockpit-decision-metric.is-watch
.cockpit-decision-dot {
    background: #3b82f6;
    box-shadow: 0 0 0 5px rgba(59, 130, 246, .08);
}

.cockpit-decision-metric > span:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cockpit-decision-metric small {
    color: #77859a;

    font-size: 11px;
    font-weight: 750;
    line-height: 1.2;
}

.cockpit-decision-metric strong {
    color: #15233a;

    font-size: 25px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.04em;
}

/* Action principale */

.cockpit-decision-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-width: 190px;
    min-height: 50px;
    padding: 0 19px;

    color: #fff;
    text-decoration: none;

    background:
        linear-gradient(
            135deg,
            #142a4d,
            #23477b
        );

    border: 1px solid rgba(15, 35, 71, .15);
    border-radius: 15px;

    box-shadow:
        0 12px 25px rgba(20, 42, 77, .2);

    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}

.cockpit-decision-primary svg {
    width: 18px;
    height: 18px;

    transition: transform .18s ease;
}

.cockpit-decision-primary:hover {
    transform: translateY(-2px);

    filter: brightness(1.05);

    box-shadow:
        0 16px 32px rgba(20, 42, 77, .25);
}

.cockpit-decision-primary:hover svg {
    transform: translateX(3px);
}

.cockpit-decision-bar.is-critical
.cockpit-decision-primary {
    background:
        linear-gradient(
            135deg,
            #b91c1c,
            #dc2626
        );

    box-shadow:
        0 13px 28px rgba(220, 38, 38, .21);
}

/* Responsive */

@media (max-width: 1180px) {
    .cockpit-decision-bar {
        grid-template-columns: 1fr auto;
    }

    .cockpit-decision-summary {
        grid-column: 1 / -1;
    }

    .cockpit-decision-metrics {
        grid-column: 1;
    }

    .cockpit-decision-primary {
        grid-column: 2;
    }
}

@media (max-width: 780px) {
    .cockpit-decision-bar {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 18px;

        padding: 21px 18px;

        border-radius: 20px;
    }

    .cockpit-decision-metrics {
        grid-template-columns: repeat(3, 1fr);
    }

    .cockpit-decision-primary {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .cockpit-decision-metrics {
        grid-template-columns: 1fr;
    }

    .cockpit-decision-metric {
        min-height: 62px;
    }
}

/* ALPHEA DECISION BAR V1 — END */

/* ALPHEA_H1C1_COCKPIT_START */

/*
 * ALPHÉA SUITE — Cockpit Premium++++
 * Harmonisation Design Contract 3.0.
 */

.alphea-cockpit {
    --cockpit-surface: var(--alphea-ds-surface);
    --cockpit-soft: var(--alphea-ds-surface-soft);
    --cockpit-hover: var(--alphea-ds-surface-hover);
    --cockpit-line: var(--alphea-ds-border);
    --cockpit-line-strong: var(--alphea-ds-border-strong);
    --cockpit-ink: var(--alphea-ds-ink);
    --cockpit-muted: var(--alphea-ds-muted);
    --cockpit-primary: var(--alphea-ds-primary);
    --cockpit-primary-hover: var(--alphea-ds-primary-hover);

    display: grid;
    gap: 22px;
    color: var(--cockpit-ink);
}

.cockpit-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(35, 61, 98, .14);
    border-radius: var(--alphea-ds-radius-xl);
    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(112, 149, 209, .30),
            transparent 31%
        ),
        radial-gradient(
            circle at 4% 110%,
            rgba(37, 99, 235, .25),
            transparent 39%
        ),
        linear-gradient(
            135deg,
            #07111f 0%,
            #122a49 48%,
            #25436d 100%
        );
    box-shadow:
        0 28px 70px rgba(15, 23, 42, .20);
}

.cockpit-hero::before,
.cockpit-hero::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 50%;
    content: "";
}

.cockpit-hero::before {
    top: -150px;
    right: -120px;
    width: 390px;
    height: 390px;
}

.cockpit-hero::after {
    right: 95px;
    bottom: -145px;
    width: 320px;
    height: 320px;
}

.cockpit-eyebrow {
    color: rgba(255, 255, 255, .70);
    letter-spacing: .105em;
}

.cockpit-hero h1 {
    color: #fff;
    letter-spacing: -.047em;
}

.cockpit-hero-copy > p {
    color: rgba(255, 255, 255, .70);
    line-height: 1.72;
}

.cockpit-live-label,
.cockpit-health,
.cockpit-hero-kpi {
    border-color: rgba(255, 255, 255, .13);
    background: rgba(255, 255, 255, .075);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05);
    backdrop-filter: blur(14px);
}

.cockpit-live-dot {
    background: #5ee6a8;
    box-shadow:
        0 0 0 6px rgba(94, 230, 168, .13);
}

.cockpit-health-ring {
    background:
        conic-gradient(
            #87aee8
            calc(var(--cockpit-health, 0) * 1%),
            rgba(255, 255, 255, .13)
            0
        );
    box-shadow:
        0 14px 32px rgba(0, 0, 0, .18);
}

.cockpit-health-ring::after {
    background:
        linear-gradient(
            145deg,
            #102541,
            #1b365b
        );
}

.cockpit-health-copy strong,
.cockpit-kpi-copy strong {
    color: #fff;
}

.cockpit-health-copy span,
.cockpit-kpi-copy span {
    color: rgba(255, 255, 255, .64);
}

.cockpit-hero-kpi {
    transition: var(--alphea-ds-transition);
}

.cockpit-hero-kpi:hover {
    border-color: rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .11);
    transform: translateY(-2px);
}

.cockpit-module-strip {
    gap: 12px;
}

.cockpit-module-card {
    position: relative;
    overflow: hidden;
    border-color: var(--cockpit-line);
    border-radius: var(--alphea-ds-radius-lg);
    color: var(--cockpit-ink);
    background:
        linear-gradient(
            145deg,
            var(--cockpit-surface),
            var(--cockpit-soft)
        );
    box-shadow: var(--alphea-ds-shadow-sm);
    transition: var(--alphea-ds-transition);
}

.cockpit-module-card::before {
    position: absolute;
    top: 0;
    right: 18px;
    left: 18px;
    height: 2px;
    border-radius: 0 0 999px 999px;
    background:
        var(--cockpit-module-accent, #7289ad);
    content: "";
    opacity: .78;
}

.cockpit-module-card.is-candidature {
    --cockpit-module-accent: #6f8fbf;
}

.cockpit-module-card.is-intervention {
    --cockpit-module-accent: #4999ac;
}

.cockpit-module-card.is-building {
    --cockpit-module-accent: #6d9b79;
}

.cockpit-module-card.is-claim {
    --cockpit-module-accent: #a87569;
}

.cockpit-module-card:hover {
    border-color: var(--cockpit-line-strong);
    background: var(--cockpit-hover);
    box-shadow: var(--alphea-ds-shadow-md);
    transform: translateY(-3px);
}

.cockpit-module-icon {
    border-color: var(--cockpit-line);
    background: var(--cockpit-soft);
    box-shadow: var(--alphea-ds-shadow-xs);
}

.cockpit-module-main strong {
    color: var(--cockpit-ink);
}

.cockpit-module-main span {
    color: var(--cockpit-muted);
}

.cockpit-module-arrow {
    color: var(--cockpit-primary);
    transition: var(--alphea-ds-transition);
}

.cockpit-module-card:hover .cockpit-module-arrow {
    color: var(--cockpit-primary-hover);
    transform: translateX(3px);
}

.cockpit-decision-summary {
    position: relative;
    overflow: hidden;
    border-color: rgba(35, 61, 98, .14);
    border-radius: var(--alphea-ds-radius-xl);
    background:
        radial-gradient(
            circle at 96% 0,
            rgba(105, 136, 190, .18),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #101e33,
            #1b3558
        );
    box-shadow: var(--alphea-ds-shadow-lg);
}

.cockpit-decision-pulse {
    background: #79a2dd;
    box-shadow:
        0 0 0 8px rgba(121, 162, 221, .12);
}

.cockpit-decision-copy span,
.cockpit-decision-copy p {
    color: rgba(255, 255, 255, .65);
}

.cockpit-decision-copy strong,
.cockpit-decision-metric strong {
    color: #fff;
}

.cockpit-decision-metric {
    border-color: rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .74);
    background: rgba(255, 255, 255, .065);
}

.cockpit-decision-primary {
    border-color: rgba(255, 255, 255, .18);
    color: #fff;
    background: rgba(255, 255, 255, .10);
    transition: var(--alphea-ds-transition);
}

.cockpit-decision-primary:hover {
    border-color: rgba(255, 255, 255, .30);
    background: rgba(255, 255, 255, .15);
    transform: translateY(-1px);
}

.cockpit-panel,
.cockpit-quick-actions {
    border-color: var(--cockpit-line);
    border-radius: var(--alphea-ds-radius-lg);
    color: var(--cockpit-ink);
    background: var(--cockpit-surface);
    box-shadow: var(--alphea-ds-shadow-sm);
}

/*
 * Règles explicites des quatre panneaux.
 * Elles complètent volontairement .cockpit-panel.
 */

.cockpit-priority-panel {
    border-top-color: rgba(183, 112, 79, .42);
}

.cockpit-activity-panel {
    border-top-color: rgba(73, 153, 172, .42);
}

.cockpit-claims-panel {
    border-top-color: rgba(168, 117, 105, .42);
}

.cockpit-portfolio-panel {
    border-top-color: rgba(109, 155, 121, .42);
}

.cockpit-panel:hover {
    border-color: var(--cockpit-line-strong);
}

.cockpit-panel-header {
    border-bottom-color: var(--cockpit-line);
}

.cockpit-panel-kicker {
    color: var(--alphea-ds-accent);
    letter-spacing: .09em;
}

.cockpit-panel-header h2,
.cockpit-actions-header h2 {
    color: var(--cockpit-ink);
    letter-spacing: -.025em;
}

.cockpit-panel-header p,
.cockpit-actions-header p {
    color: var(--cockpit-muted);
}

.cockpit-priority-list,
.cockpit-today-grid,
.cockpit-claim-list,
.cockpit-portfolio-grid {
    gap: 9px;
}

.cockpit-priority-top,
.cockpit-today-grid > a,
.cockpit-today-grid > div,
.cockpit-timeline-item,
.cockpit-claim-list > a,
.cockpit-portfolio-grid > a,
.cockpit-portfolio-grid > div {
    border-color: var(--cockpit-line);
    border-radius: var(--alphea-ds-radius-md);
    background: var(--cockpit-soft);
    transition: var(--alphea-ds-transition);
}

.cockpit-priority-top:hover,
.cockpit-today-grid > a:hover,
.cockpit-timeline-item:hover,
.cockpit-claim-list > a:hover,
.cockpit-portfolio-grid > a:hover {
    border-color: var(--cockpit-line-strong);
    background: var(--cockpit-hover);
    box-shadow: var(--alphea-ds-shadow-sm);
    transform: translateY(-1px);
}

.cockpit-priority-rank {
    color: var(--alphea-ds-primary);
    background: var(--alphea-ds-primary-soft);
}

.cockpit-priority-content strong,
.cockpit-timeline-copy strong {
    color: var(--cockpit-ink);
}

.cockpit-priority-content span,
.cockpit-timeline-time,
.cockpit-timeline-copy span,
.cockpit-claim-date {
    color: var(--cockpit-muted);
}

.cockpit-timeline::before {
    background:
        linear-gradient(
            to bottom,
            rgba(82, 111, 169, .46),
            rgba(148, 163, 184, .15)
        );
}

.cockpit-timeline-line {
    background: var(--alphea-ds-primary);
    box-shadow:
        0 0 0 4px rgba(82, 111, 169, .12);
}

.cockpit-claim-dot {
    background: var(--alphea-ds-warning);
    box-shadow:
        0 0 0 4px rgba(181, 119, 55, .12);
}

.cockpit-quick-actions {
    border-radius: var(--alphea-ds-radius-xl);
    background:
        linear-gradient(
            145deg,
            var(--cockpit-surface),
            var(--cockpit-soft)
        );
}

.cockpit-actions-grid > a,
.cockpit-actions-grid > button {
    border-color: var(--cockpit-line);
    border-radius: var(--alphea-ds-radius-md);
    color: var(--cockpit-ink);
    background: var(--cockpit-surface);
    box-shadow: var(--alphea-ds-shadow-xs);
    transition: var(--alphea-ds-transition);
}

.cockpit-actions-grid > a:hover,
.cockpit-actions-grid > button:hover {
    border-color: var(--cockpit-line-strong);
    color: var(--cockpit-primary-hover);
    background: var(--cockpit-hover);
    box-shadow: var(--alphea-ds-shadow-sm);
    transform: translateY(-2px);
}

.cockpit-empty-state {
    border-color: var(--cockpit-line-strong);
    border-radius: var(--alphea-ds-radius-md);
    color: var(--cockpit-muted);
    background: var(--cockpit-soft);
}

.cockpit-empty-icon {
    border-color: var(--cockpit-line);
    color: var(--cockpit-primary);
    background: var(--cockpit-surface);
}

.cockpit-footer {
    border-top-color: var(--cockpit-line);
    color: var(--cockpit-muted);
}

.cockpit-module-card:focus-visible,
.cockpit-priority-top:focus-visible,
.cockpit-decision-primary:focus-visible,
.cockpit-timeline-item:focus-visible,
.cockpit-claim-list > a:focus-visible,
.cockpit-portfolio-grid > a:focus-visible,
.cockpit-actions-grid > a:focus-visible,
.cockpit-actions-grid > button:focus-visible {
    outline: 3px solid rgba(82, 111, 169, .23);
    outline-offset: 2px;
}

@media (max-width: 1240px) {
    .cockpit-layout {
        grid-template-columns:
            minmax(0, 1.55fr)
            minmax(310px, .85fr);
    }

    .cockpit-module-strip {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .cockpit-layout,
    .cockpit-hero-main,
    .cockpit-decision-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .cockpit-side-column {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .cockpit-health {
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .cockpit-hero-kpis,
    .cockpit-actions-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .cockpit-side-column {
        grid-template-columns: minmax(0, 1fr);
    }

    .cockpit-decision-metrics {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .alphea-cockpit {
        gap: 16px;
    }

    .cockpit-hero,
    .cockpit-decision-summary,
    .cockpit-panel,
    .cockpit-quick-actions {
        border-radius: 16px;
    }

    .cockpit-hero {
        padding: 22px;
    }

    .cockpit-hero-kpis,
    .cockpit-module-strip,
    .cockpit-decision-metrics,
    .cockpit-actions-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cockpit-health {
        width: 100%;
    }
}

/* ALPHEA_H1C1_COCKPIT_END */

/* ALPHEA_H1C3_TODAY_R1_START */

/*
 * ALPHÉA SUITE — Cockpit H1C-3 R1 Premium++++
 *
 * Correction fondée sur la structure PHP réelle :
 * - grille variable de cockpit-today-item ;
 * - une ou plusieurs tâches ;
 * - état vide horizontal ;
 * - aucun nombre fixe de colonnes.
 */

/* =========================================================
   CONTENEUR DU PANNEAU
   ========================================================= */

.cockpit-panel:has(> .cockpit-today-grid) {
    position: relative;
    isolation: isolate;
    min-width: 0;
    min-height: 0 !important;
    overflow: hidden;
}

.cockpit-panel:has(> .cockpit-today-grid)
.cockpit-panel-header {
    position: relative;
    z-index: 3;
}

/* =========================================================
   GRILLE VARIABLE
   ========================================================= */

.cockpit-today-grid {
    position: relative;
    z-index: 2;

    display: grid !important;
    grid-template-columns:
        repeat(auto-fit, minmax(min(100%, 360px), 1fr)) !important;
    align-items: stretch !important;
    gap: 14px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* =========================================================
   CARTE AUJOURD’HUI RÉELLE
   ========================================================= */

.cockpit-today-item {
    position: relative !important;
    isolation: isolate;

    inset: auto !important;

    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 17px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 126px !important;

    margin: 0 !important;
    padding: 22px 24px !important;

    overflow: hidden !important;

    border: 1px solid rgba(86, 124, 181, .24) !important;
    border-radius: 20px !important;

    color: #fff !important;

    background:
        radial-gradient(
            circle at 94% 8%,
            rgba(113, 166, 231, .20),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #112c4f 0%,
            #244b79 100%
        ) !important;

    box-shadow:
        0 16px 34px rgba(16, 42, 77, .14) !important;

    text-decoration: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

.cockpit-today-item:hover {
    border-color: rgba(143, 187, 241, .38) !important;

    box-shadow:
        0 20px 42px rgba(16, 42, 77, .19) !important;

    transform: translateY(-2px) !important;
}

/* Décors toujours derrière le contenu. */

.cockpit-today-item::before {
    position: absolute !important;
    z-index: 0 !important;

    top: -82px !important;
    right: -52px !important;
    bottom: auto !important;
    left: auto !important;

    width: 220px !important;
    height: 220px !important;

    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 50% !important;

    background: transparent !important;
    content: "" !important;

    pointer-events: none !important;
}

.cockpit-today-item::after {
    position: absolute !important;
    z-index: 0 !important;

    top: auto !important;
    right: 30px !important;
    bottom: -125px !important;
    left: auto !important;

    width: 240px !important;
    height: 240px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(105, 158, 226, .15),
            transparent 68%
        ) !important;

    content: "" !important;

    pointer-events: none !important;
}

.cockpit-today-item > * {
    position: relative !important;
    z-index: 3 !important;
}

/* =========================================================
   VARIANTES DE PRIORITÉ
   ========================================================= */

.cockpit-today-item.is-danger,
.cockpit-today-item.is-urgent,
.cockpit-today-item.is-critical {
    border-color: rgba(224, 96, 102, .30) !important;

    background:
        radial-gradient(
            circle at 94% 8%,
            rgba(220, 92, 98, .16),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #172d4e 0%,
            #2e466f 100%
        ) !important;
}

.cockpit-today-item.is-warning,
.cockpit-today-item.is-late {
    border-color: rgba(217, 158, 71, .30) !important;
}

/* =========================================================
   ICÔNE
   ========================================================= */

.cockpit-today-icon {
    position: relative !important;
    z-index: 4 !important;

    inset: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 16px !important;

    color: #acd2ff !important;

    background: rgba(112, 168, 232, .14) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}

.cockpit-today-icon svg {
    display: block !important;

    width: 23px !important;
    height: 23px !important;

    color: currentColor !important;
}

/* =========================================================
   TEXTE
   ========================================================= */

.cockpit-today-copy {
    position: relative !important;
    z-index: 5 !important;

    inset: auto !important;

    display: block !important;

    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    color: #fff !important;

    background: transparent !important;

    opacity: 1 !important;
    visibility: visible !important;

    mix-blend-mode: normal !important;
    filter: none !important;

    transform: none !important;
}

.cockpit-today-copy::before,
.cockpit-today-copy::after {
    display: none !important;
    content: none !important;
}

.cockpit-today-copy small {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;

    min-height: 25px !important;

    margin: 0 0 9px !important;
    padding: 0 9px !important;

    border: 1px solid rgba(168, 208, 255, .18) !important;
    border-radius: 999px !important;

    color: #abd2ff !important;

    background: rgba(103, 158, 224, .13) !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .085em !important;
    line-height: 23px !important;
    text-transform: uppercase !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.cockpit-today-copy strong {
    position: relative !important;

    display: block !important;

    margin: 0 0 8px !important;

    overflow: visible !important;

    color: #fff !important;

    background: transparent !important;

    font-size: clamp(18px, 1.55vw, 24px) !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: -.03em !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-overflow: clip !important;
    white-space: normal !important;
}

.cockpit-today-copy em {
    position: relative !important;

    display: block !important;

    margin: 0 !important;

    overflow: visible !important;

    color: rgba(255, 255, 255, .68) !important;

    background: transparent !important;

    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-overflow: clip !important;
    white-space: normal !important;
}

/* =========================================================
   ÉTAT VIDE RÉEL
   ========================================================= */

.cockpit-today-grid
> .cockpit-empty-state.is-horizontal {
    position: relative !important;

    grid-column: 1 / -1 !important;

    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 17px !important;

    width: 100% !important;
    min-height: 116px !important;

    margin: 0 !important;
    padding: 22px 24px !important;

    border: 1px dashed rgba(87, 122, 175, .26) !important;
    border-radius: 19px !important;

    background:
        linear-gradient(
            145deg,
            rgba(249, 251, 254, .96),
            rgba(242, 247, 252, .92)
        ) !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.cockpit-today-grid
> .cockpit-empty-state.is-horizontal
.cockpit-empty-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 52px !important;
    height: 52px !important;

    border-radius: 16px !important;

    color: #5178ad !important;
    background: rgba(81, 120, 173, .09) !important;
}

.cockpit-today-grid
> .cockpit-empty-state.is-horizontal strong {
    display: block !important;

    margin-bottom: 6px !important;

    color: var(--alphea-ds-ink) !important;

    font-size: 16px !important;
    font-weight: 900 !important;
}

.cockpit-today-grid
> .cockpit-empty-state.is-horizontal p {
    margin: 0 !important;

    color: var(--alphea-ds-muted) !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* =========================================================
   GARDE-FOUS CONTRE LES ANCIENNES RÈGLES
   ========================================================= */

.cockpit-today-item[style],
.cockpit-today-icon[style],
.cockpit-today-copy[style] {
    inset: auto !important;
    height: auto !important;
    transform: none !important;
}

.cockpit-today-item[style] {
    min-height: 126px !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (min-width: 1200px) {
    .cockpit-today-grid:has(
        > .cockpit-today-item:only-child
    ) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .cockpit-today-grid
    > .cockpit-today-item:only-child {
        min-height: 132px !important;
    }
}

@media (max-width: 980px) {
    .cockpit-today-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 560px) {
    .cockpit-today-item,
    .cockpit-today-grid
    > .cockpit-empty-state.is-horizontal {
        grid-template-columns: minmax(0, 1fr) !important;

        min-height: 0 !important;
        padding: 20px !important;
    }

    .cockpit-today-icon,
    .cockpit-today-grid
    > .cockpit-empty-state.is-horizontal
    .cockpit-empty-icon {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
    }

    .cockpit-today-copy strong {
        font-size: 19px !important;
    }
}

/* ALPHEA_H1C3_TODAY_R1_END */

/* ALPHEA_COCKPIT_COMMAND_V2_R1_START */

/*
 * ALPHÉA SUITE — Cockpit Command V2 R1 Premium++++
 *
 * Namespace totalement indépendant :
 * cockpit-command-*
 */

/* =========================================================
   BARRE DE COMMANDE
   ========================================================= */

.cockpit-command-bar {
    --command-accent: #4d79b6;
    --command-soft: rgba(77, 121, 182, .11);
    --command-border: rgba(58, 86, 128, .16);

    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(350px, 1.20fr)
        minmax(390px, .95fr)
        minmax(190px, .52fr);
    align-items: stretch;
    gap: 14px;

    width: 100%;
    min-width: 0;
    min-height: 142px;

    margin: 0 0 17px;
    padding: 15px;

    overflow: hidden;

    border: 1px solid var(--command-border);
    border-radius: 24px;

    background:
        radial-gradient(
            circle at 96% 0,
            var(--command-soft),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .98),
            rgba(246, 249, 253, .97)
        );

    box-shadow:
        0 18px 48px rgba(20, 43, 76, .075),
        inset 0 1px 0 rgba(255, 255, 255, .91);
}

.cockpit-command-bar::before {
    position: absolute;
    z-index: 0;

    top: 18px;
    bottom: 18px;
    left: 0;

    width: 4px;

    border-radius: 0 999px 999px 0;

    background: var(--command-accent);

    content: "";
    pointer-events: none;
}

.cockpit-command-bar::after {
    position: absolute;
    z-index: 0;

    top: -125px;
    right: -90px;

    width: 310px;
    height: 310px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            var(--command-soft),
            transparent 68%
        );

    content: "";
    pointer-events: none;
}

.cockpit-command-bar > * {
    position: relative;
    z-index: 2;

    min-width: 0;
}

/* =========================================================
   ÉTATS
   ========================================================= */

.cockpit-command-bar.is-critical {
    --command-accent: #d33d46;
    --command-soft: rgba(211, 61, 70, .11);
    --command-border: rgba(211, 61, 70, .18);
}

.cockpit-command-bar.is-warning {
    --command-accent: #d18a28;
    --command-soft: rgba(209, 138, 40, .11);
    --command-border: rgba(209, 138, 40, .18);
}

.cockpit-command-bar.is-active {
    --command-accent: #4c7cbb;
    --command-soft: rgba(76, 124, 187, .11);
}

.cockpit-command-bar.is-clear {
    --command-accent: #3f8d71;
    --command-soft: rgba(63, 141, 113, .11);
    --command-border: rgba(63, 141, 113, .18);
}

/* =========================================================
   RÉSUMÉ SOMBRE
   ========================================================= */

.cockpit-command-summary {
    position: relative;
    isolation: isolate;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 13px;

    min-width: 0;
    min-height: 112px;

    padding: 22px 24px;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 19px;

    color: #fff;

    background:
        radial-gradient(
            circle at 94% 5%,
            rgba(112, 164, 229, .18),
            transparent 34%
        ),
        linear-gradient(
            140deg,
            #11233d 0%,
            #1e3d67 100%
        );

    box-shadow:
        0 14px 32px rgba(17, 35, 61, .16);
}

.cockpit-command-summary::before {
    position: absolute;
    z-index: 0;

    top: -82px;
    right: -58px;

    width: 215px;
    height: 215px;

    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;

    content: "";
    pointer-events: none;
}

.cockpit-command-summary > * {
    position: relative;
    z-index: 2;
}

/* =========================================================
   INDICATEUR AUJOURD’HUI
   ========================================================= */

.cockpit-command-pulse {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    width: max-content;
    max-width: 100%;

    color: rgba(255, 255, 255, .68);

    font-size: 10px;
    font-weight: 900;
    letter-spacing: .10em;
    line-height: 1.2;
    text-transform: uppercase;
}

.cockpit-command-pulse i {
    display: block;
    flex: 0 0 auto;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: var(--command-accent);

    box-shadow:
        0 0 0 6px var(--command-soft);
}

/* =========================================================
   TEXTE
   ========================================================= */

.cockpit-command-copy {
    display: block;

    min-width: 0;

    color: #fff;

    opacity: 1;
    visibility: visible;
}

.cockpit-command-copy h2 {
    display: block;

    max-width: 100%;

    margin: 0 0 8px;

    overflow: visible;

    color: #fff;

    font-size: clamp(20px, 1.8vw, 27px);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.037em;

    opacity: 1;
    visibility: visible;

    text-overflow: clip;
    white-space: normal;
}

.cockpit-command-copy p {
    display: block;

    max-width: 620px;

    margin: 0;

    overflow: visible;

    color: rgba(255, 255, 255, .68);

    font-size: 12px;
    font-weight: 600;
    line-height: 1.55;

    opacity: 1;
    visibility: visible;

    text-overflow: clip;
    white-space: normal;
}

/* =========================================================
   TROIS MÉTRIQUES
   ========================================================= */

.cockpit-command-metrics {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(105px, 1fr));
    align-items: stretch;
    gap: 9px;

    min-width: 0;
}

.cockpit-command-metric {
    display: flex;
    align-items: center;
    gap: 11px;

    min-width: 0;
    min-height: 112px;

    padding: 16px;

    overflow: hidden;

    border: 1px solid rgba(48, 78, 121, .11);
    border-radius: 17px;

    color: var(--alphea-ds-ink);
    text-decoration: none;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .97),
            rgba(245, 248, 252, .94)
        );

    box-shadow:
        0 8px 21px rgba(20, 43, 76, .045);

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.cockpit-command-metric:hover {
    color: var(--alphea-ds-ink);

    border-color: rgba(60, 105, 170, .25);

    background: #fff;

    box-shadow:
        0 13px 28px rgba(20, 43, 76, .075);

    transform: translateY(-2px);
}

.cockpit-command-dot {
    display: block;
    flex: 0 0 auto;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #4b83ca;

    box-shadow:
        0 0 0 5px rgba(75, 131, 202, .09);
}

.cockpit-command-metric.is-urgent
.cockpit-command-dot {
    background: #d73c45;

    box-shadow:
        0 0 0 5px rgba(215, 60, 69, .09);
}

.cockpit-command-metric.is-action
.cockpit-command-dot {
    background: #d88c26;

    box-shadow:
        0 0 0 5px rgba(216, 140, 38, .10);
}

.cockpit-command-metric.is-watch
.cockpit-command-dot {
    background: #4b83ca;

    box-shadow:
        0 0 0 5px rgba(75, 131, 202, .09);
}

.cockpit-command-metric > span:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;

    min-width: 0;
}

.cockpit-command-metric small {
    display: block;

    overflow: hidden;

    color: var(--alphea-ds-muted);

    font-size: 10px;
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: .045em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.cockpit-command-metric strong {
    display: block;

    color: var(--alphea-ds-ink);

    font-size: 27px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.045em;
}

/* =========================================================
   ACTION PRINCIPALE
   ========================================================= */

.cockpit-command-primary {
    align-self: stretch;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-width: 190px;
    min-height: 112px;

    padding: 18px 21px;

    overflow: hidden;

    border: 1px solid rgba(38, 72, 117, .14);
    border-radius: 18px;

    color: #fff;
    text-align: center;
    text-decoration: none;

    background:
        linear-gradient(
            135deg,
            #17345d,
            #285489
        );

    box-shadow:
        0 13px 29px rgba(23, 52, 93, .19);

    font-size: 13px;
    font-weight: 900;
    line-height: 1.3;

    transition:
        box-shadow .18s ease,
        filter .18s ease,
        transform .18s ease;
}

.cockpit-command-primary svg {
    flex: 0 0 auto;

    width: 18px;
    height: 18px;

    transition: transform .18s ease;
}

.cockpit-command-primary:hover {
    color: #fff;

    filter: brightness(1.06);

    box-shadow:
        0 17px 35px rgba(23, 52, 93, .24);

    transform: translateY(-2px);
}

.cockpit-command-primary:hover svg {
    transform: translateX(3px);
}

.cockpit-command-bar.is-critical
.cockpit-command-primary {
    border-color: rgba(193, 38, 47, .18);

    background:
        linear-gradient(
            135deg,
            #bd202a,
            #df3139
        );

    box-shadow:
        0 14px 30px rgba(205, 40, 49, .22);
}

.cockpit-command-bar.is-warning
.cockpit-command-primary {
    background:
        linear-gradient(
            135deg,
            #a86117,
            #cf8426
        );
}

.cockpit-command-bar.is-clear
.cockpit-command-primary {
    background:
        linear-gradient(
            135deg,
            #276c56,
            #3e9072
        );
}

/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

.cockpit-command-metric:focus-visible,
.cockpit-command-primary:focus-visible {
    outline: 3px solid rgba(64, 108, 173, .25);
    outline-offset: 3px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1380px) {
    .cockpit-command-bar {
        grid-template-columns:
            minmax(320px, 1fr)
            minmax(350px, .9fr);
    }

    .cockpit-command-primary {
        grid-column: 1 / -1;

        min-height: 54px;
    }
}

@media (max-width: 1050px) {
    .cockpit-command-bar {
        grid-template-columns: minmax(0, 1fr);
    }

    .cockpit-command-summary,
    .cockpit-command-primary {
        min-height: 0;
    }

    .cockpit-command-primary {
        grid-column: auto;
    }
}

@media (max-width: 720px) {
    .cockpit-command-bar {
        gap: 12px;

        padding: 13px;

        border-radius: 19px;
    }

    .cockpit-command-summary {
        padding: 20px;

        border-radius: 16px;
    }

    .cockpit-command-metrics {
        grid-template-columns: minmax(0, 1fr);
    }

    .cockpit-command-metric {
        min-height: 72px;
    }

    .cockpit-command-primary {
        width: 100%;
        min-height: 52px;
    }
}

/* ALPHEA_COCKPIT_COMMAND_V2_R1_END */