/*
==============================================================
ALPHÉA SUITE — INTERVENTION DASHBOARD
DESIGN SYSTEM 4.0 — PREMIUM++
==============================================================
*/

.iv4,
            .iv4 * {
                box-sizing: border-box;
            }

            .iv4 {
                display: grid;
                gap: 22px;
                padding-bottom: 42px;
            }

            .iv4-hero {
                position: relative;
                overflow: hidden;
                display: grid;
                grid-template-columns:
                    minmax(0, 1.4fr)
                    minmax(300px, .6fr);
                gap: 28px;
                padding: 30px;
                border-radius: 28px;
                background:
                    radial-gradient(
                        circle at 90% 10%,
                        rgba(56, 189, 248, .23),
                        transparent 34%
                    ),
                    linear-gradient(135deg, #0f172a, #172554);
                color: #fff;
                box-shadow: 0 24px 60px rgba(15, 23, 42, .2);
            }

            .iv4-hero-label {
                display: inline-flex;
                align-items: center;
                gap: 9px;
                color: rgba(255, 255, 255, .68);
                font-size: 11px;
                font-weight: 900;
                letter-spacing: .11em;
                text-transform: uppercase;
            }

            .iv4-hero-label::before {
                content: "";
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #38bdf8;
                box-shadow: 0 0 0 6px rgba(56, 189, 248, .14);
            }

            .iv4-hero h2 {
                max-width: 720px;
                margin: 17px 0 0;
                font-size: clamp(29px, 3vw, 43px);
                line-height: 1.06;
                letter-spacing: -.045em;
            }

            .iv4-hero p {
                max-width: 720px;
                margin: 16px 0 0;
                color: rgba(255, 255, 255, .68);
                font-size: 14px;
                line-height: 1.75;
            }

            .iv4-hero-side {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px;
                align-content: stretch;
            }

            .iv4-hero-stat {
                display: flex;
                min-height: 105px;
                flex-direction: column;
                justify-content: space-between;
                padding: 17px;
                border: 1px solid rgba(255, 255, 255, .13);
                border-radius: 18px;
                background: rgba(255, 255, 255, .08);
                backdrop-filter: blur(12px);
            }

            .iv4-hero-stat span {
                color: rgba(255, 255, 255, .62);
                font-size: 10px;
                font-weight: 850;
                letter-spacing: .07em;
                text-transform: uppercase;
            }

            .iv4-hero-stat strong {
                font-size: 28px;
                letter-spacing: -.04em;
            }

            .iv4-command-grid {
                display: grid;
                grid-template-columns: repeat(6, minmax(0, 1fr));
                gap: 13px;
            }

            .iv4-command {
                position: relative;
                overflow: hidden;
                min-height: 143px;
                padding: 18px;
                border: 1px solid var(--alphea-border);
                border-radius: 21px;
                background: var(--alphea-card);
                box-shadow: 0 11px 28px rgba(15, 23, 42, .05);
            }

            .iv4-command::after {
                content: "";
                position: absolute;
                width: 72px;
                height: 72px;
                top: -34px;
                right: -28px;
                border-radius: 50%;
                background: var(--iv4-soft);
            }

            .iv4-command--danger {
                --iv4-color: #dc2626;
                --iv4-soft: rgba(220, 38, 38, .1);
            }

            .iv4-command--warning {
                --iv4-color: #d97706;
                --iv4-soft: rgba(217, 119, 6, .11);
            }

            .iv4-command--info {
                --iv4-color: #2563eb;
                --iv4-soft: rgba(37, 99, 235, .1);
            }

            .iv4-command--success {
                --iv4-color: #059669;
                --iv4-soft: rgba(5, 150, 105, .1);
            }

            .iv4-command--purple {
                --iv4-color: #7c3aed;
                --iv4-soft: rgba(124, 58, 237, .1);
            }

            .iv4-command--dark {
                --iv4-color: #334155;
                --iv4-soft: rgba(51, 65, 85, .1);
            }

            .iv4-command-label {
                display: block;
                min-height: 32px;
                color: var(--alphea-muted);
                font-size: 11px;
                font-weight: 850;
                line-height: 1.4;
                text-transform: uppercase;
            }

            .iv4-command strong {
                display: block;
                margin-top: 11px;
                color: var(--iv4-color);
                font-size: 31px;
                line-height: 1;
                letter-spacing: -.045em;
            }

            .iv4-command small {
                display: block;
                margin-top: 10px;
                color: var(--alphea-muted);
                font-size: 10px;
                font-weight: 650;
                line-height: 1.45;
            }

            .iv4-layout {
                display: grid;
                grid-template-columns:
                    minmax(0, 1.35fr)
                    minmax(315px, .65fr);
                gap: 22px;
                align-items: start;
            }

            .iv4-stack {
                display: grid;
                gap: 22px;
            }

            .iv4-panel {
                overflow: hidden;
                border: 1px solid var(--alphea-border);
                border-radius: 24px;
                background: var(--alphea-card);
                box-shadow: 0 13px 34px rgba(15, 23, 42, .05);
            }

            .iv4-panel-head {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 18px;
                padding: 20px 22px 17px;
                border-bottom: 1px solid var(--alphea-border);
            }

            .iv4-panel-head h3 {
                margin: 0;
                color: var(--alphea-text);
                font-size: 16px;
                letter-spacing: -.02em;
            }

            .iv4-panel-head p {
                margin: 6px 0 0;
                color: var(--alphea-muted);
                font-size: 11px;
                line-height: 1.5;
            }

            .iv4-count {
                flex: 0 0 auto;
                min-width: 34px;
                padding: 7px 10px;
                border-radius: 10px;
                background: rgba(37, 99, 235, .08);
                color: #2563eb;
                text-align: center;
                font-size: 11px;
                font-weight: 900;
            }

            .iv4-tabs {
                display: flex;
                gap: 7px;
                overflow-x: auto;
                padding: 12px 16px;
                border-bottom: 1px solid var(--alphea-border);
            }

            .iv4-tab {
                flex: 0 0 auto;
                padding: 9px 12px;
                border: 0;
                border-radius: 11px;
                background: transparent;
                color: var(--alphea-muted);
                cursor: pointer;
                font: inherit;
                font-size: 11px;
                font-weight: 800;
            }

            .iv4-tab.is-active {
                background: #0f172a;
                color: #fff;
            }

            .iv4-queue {
                display: none;
            }

            .iv4-queue.is-active {
                display: block;
            }

            .iv4-row {
                display: grid;
                grid-template-columns:
                    115px
                    minmax(0, 1.3fr)
                    minmax(135px, .65fr)
                    82px;
                gap: 14px;
                align-items: center;
                min-height: 76px;
                padding: 14px 21px;
                border-bottom: 1px solid var(--alphea-border);
                color: inherit;
                text-decoration: none;
                transition: background .16s ease;
            }

            .iv4-row:last-child {
                border-bottom: 0;
            }

            .iv4-row:hover {
                background: rgba(37, 99, 235, .035);
            }

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

            .iv4-place strong,
            .iv4-owner strong {
                display: block;
                overflow: hidden;
                color: var(--alphea-text);
                font-size: 12px;
                font-weight: 780;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .iv4-place span,
            .iv4-owner span {
                display: block;
                overflow: hidden;
                margin-top: 5px;
                color: var(--alphea-muted);
                font-size: 10px;
                font-weight: 650;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .iv4-age {
                justify-self: end;
                padding: 6px 9px;
                border-radius: 10px;
                background: rgba(15, 23, 42, .055);
                color: var(--alphea-text);
                font-size: 10px;
                font-weight: 850;
            }

            .iv4-age--late {
                background: #fff7ed;
                color: #c2410c;
            }

            .iv4-age--critical {
                background: #fef2f2;
                color: #b91c1c;
            }

            .iv4-empty {
                padding: 35px 20px;
                color: var(--alphea-muted);
                text-align: center;
                font-size: 12px;
                line-height: 1.6;
            }

            .iv4-timeline {
                display: grid;
                padding: 9px 21px 17px;
            }

            .iv4-event {
                position: relative;
                display: grid;
                grid-template-columns: 12px minmax(0, 1fr);
                gap: 12px;
                padding: 12px 0;
                border-bottom: 1px solid var(--alphea-border);
            }

            .iv4-event:last-child {
                border-bottom: 0;
            }

            .iv4-event-dot {
                width: 9px;
                height: 9px;
                margin-top: 4px;
                border-radius: 50%;
                background: #64748b;
                box-shadow: 0 0 0 4px rgba(100, 116, 139, .1);
            }

            .iv4-event--email .iv4-event-dot {
                background: #2563eb;
            }

            .iv4-event--opened .iv4-event-dot {
                background: #06b6d4;
            }

            .iv4-event--quote .iv4-event-dot {
                background: #d97706;
            }

            .iv4-event--invoice .iv4-event-dot {
                background: #7c3aed;
            }

            .iv4-event--closed .iv4-event-dot {
                background: #059669;
            }

            .iv4-event strong {
                display: block;
                color: var(--alphea-text);
                font-size: 11px;
                line-height: 1.45;
            }

            .iv4-event span {
                display: block;
                margin-top: 5px;
                color: var(--alphea-muted);
                font-size: 9px;
                font-weight: 650;
                line-height: 1.5;
            }

            .iv4-artisans {
                display: grid;
                padding: 8px 21px 14px;
            }

            .iv4-artisan {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 13px;
                align-items: center;
                padding: 13px 0;
                border-bottom: 1px solid var(--alphea-border);
            }

            .iv4-artisan:last-child {
                border-bottom: 0;
            }

            .iv4-artisan strong {
                display: block;
                overflow: hidden;
                color: var(--alphea-text);
                font-size: 11px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .iv4-artisan span {
                display: block;
                margin-top: 5px;
                color: var(--alphea-muted);
                font-size: 9px;
                font-weight: 650;
            }

            .iv4-artisan-score {
                min-width: 50px;
                padding: 7px 9px;
                border-radius: 11px;
                background: #fff7ed;
                color: #c2410c;
                text-align: center;
                font-size: 10px;
                font-weight: 900;
            }

            @media (max-width: 1220px) {
                .iv4-command-grid {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }

                .iv4-layout {
                    grid-template-columns: 1fr;
                }
            }

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

                .iv4-row {
                    grid-template-columns:
                        100px
                        minmax(0, 1fr)
                        75px;
                }

                .iv4-owner {
                    display: none;
                }
            }

            @media (max-width: 620px) {
                .iv4-command-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .iv4-hero-side {
                    grid-template-columns: 1fr 1fr;
                }

                .iv4-row {
                    grid-template-columns: 1fr auto;
                    gap: 8px 12px;
                    padding: 15px 17px;
                }

                .iv4-ref {
                    grid-column: 1;
                }

                .iv4-place {
                    grid-column: 1 / -1;
                }

                .iv4-age {
                    grid-column: 2;
                    grid-row: 1;
                }
            }
        
            /* ALPHEA MODULE V2 — INTERVENTION */

            .module-v2-header,
            .module-v2-header * {
                box-sizing: border-box;
            }

            .module-v2-header {
                position: relative;
                isolation: isolate;

                display: grid;
                grid-template-columns:
                    minmax(280px, 1fr)
                    minmax(390px, .95fr)
                    minmax(190px, auto);
                align-items: center;
                gap: 22px;

                margin: 0 0 18px;
                padding: 22px 24px;

                overflow: hidden;

                color: #17243a;

                background:
                    radial-gradient(
                        circle at 94% 0,
                        rgba(59, 130, 246, .15),
                        transparent 31%
                    ),
                    linear-gradient(
                        135deg,
                        rgba(255, 255, 255, .99),
                        rgba(247, 250, 255, .98)
                    );

                border: 1px solid rgba(31, 55, 88, .09);
                border-radius: 24px;

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

            .module-v2-header::before {
                content: "";

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

                width: 4px;

                border-radius: 0 5px 5px 0;

                background:
                    linear-gradient(
                        180deg,
                        #2563eb,
                        #38bdf8
                    );
            }

            .module-v2-header-copy {
                min-width: 0;
            }

            .module-v2-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 8px;

                margin-bottom: 8px;

                color: #68778e;

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

            .module-v2-eyebrow i {
                width: 8px;
                height: 8px;

                border-radius: 50%;

                background: #2563eb;

                box-shadow:
                    0 0 0 5px rgba(37, 99, 235, .10);
            }

            .module-v2-header h1 {
                margin: 0;

                color: #101b31;

                font-size: clamp(25px, 2.4vw, 34px);
                font-weight: 900;
                line-height: 1.08;
                letter-spacing: -.045em;
            }

            .module-v2-header-copy p {
                max-width: 600px;
                margin: 8px 0 0;

                color: #718096;

                font-size: 14px;
                line-height: 1.5;
            }

            .module-v2-header-summary {
                display: grid;
                grid-template-columns: repeat(3, minmax(105px, 1fr));
                gap: 9px;
            }

            .module-v2-summary {
                display: flex;
                flex-direction: column;
                justify-content: center;

                min-width: 0;
                min-height: 84px;
                padding: 12px 14px;

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

                background: rgba(255, 255, 255, .84);
                border: 1px solid rgba(31, 55, 88, .08);
                border-radius: 16px;

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

            .module-v2-summary:hover {
                transform: translateY(-2px);

                border-color: rgba(37, 99, 235, .20);

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

            .module-v2-summary small {
                color: #77859a;

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

            .module-v2-summary strong {
                margin: 3px 0;

                color: #17243a;

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

            .module-v2-summary span {
                overflow: hidden;

                color: #8793a4;

                font-size: 11px;
                font-weight: 600;
                line-height: 1.25;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .module-v2-summary.is-danger {
                border-color: rgba(220, 38, 38, .18);
            }

            .module-v2-summary.is-danger strong {
                color: #dc2626;
            }

            .module-v2-summary.is-warning {
                border-color: rgba(217, 119, 6, .20);
            }

            .module-v2-summary.is-warning strong {
                color: #b45309;
            }

            .module-v2-header-actions {
                display: flex;
                flex-direction: column;
                gap: 9px;

                min-width: 190px;
            }

            .module-v2-button {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 9px;

                min-height: 45px;
                padding: 0 16px;

                text-decoration: none;

                border-radius: 14px;

                font-size: 12px;
                font-weight: 850;
                line-height: 1.2;

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

            .module-v2-button:hover {
                transform: translateY(-2px);
            }

            .module-v2-button--primary {
                color: #fff;

                background:
                    linear-gradient(
                        135deg,
                        #2559db,
                        #2563eb
                    );

                box-shadow:
                    0 12px 25px rgba(37, 99, 235, .21);
            }

            .module-v2-button--secondary {
                color: #2456c7;

                background: rgba(239, 245, 255, .96);
                border: 1px solid rgba(37, 99, 235, .13);
            }

            /*
             * L’ancien hero devient uniquement une barre métrique.
             */

            .iv4 {
                gap: 17px;
            }

            .iv4-hero {
                display: block;
                padding: 16px 18px;

                border-radius: 22px;
            }

            .iv4-hero > div:first-child {
                display: none;
            }

            .iv4-hero-side {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 9px;
            }

            .iv4-hero-stat {
                min-height: 76px;
                padding: 12px 14px;

                border-radius: 15px;
            }

            .iv4-hero-stat span {
                font-size: 10px;
            }

            .iv4-hero-stat strong {
                font-size: 24px;
            }

            @media (max-width: 1280px) {
                .module-v2-header {
                    grid-template-columns: 1fr auto;
                }

                .module-v2-header-summary {
                    grid-column: 1;
                }

                .module-v2-header-actions {
                    grid-column: 2;
                    grid-row: 1 / span 2;
                }
            }

            @media (max-width: 850px) {
                .module-v2-header {
                    display: flex;
                    flex-direction: column;
                    align-items: stretch;

                    padding: 20px;
                }

                .module-v2-header-summary {
                    grid-template-columns: repeat(3, 1fr);
                }

                .module-v2-header-actions {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);

                    width: 100%;
                }

                .iv4-hero-side {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            @media (max-width: 560px) {
                .module-v2-header-summary,
                .module-v2-header-actions,
                .iv4-hero-side {
                    grid-template-columns: 1fr;
                }
            }



            /* ALPHEA INTERVENTION DENSITY V2 — START */

            /*
             * La seconde zone sombre devient une synthèse claire.
             * On évite deux grands blocs bleus successifs.
             */

            .iv4-hero {
                position: relative;

                padding: 12px;

                color: #17243a;

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

                border: 1px solid rgba(31, 55, 88, .09);

                box-shadow:
                    0 14px 38px rgba(15, 35, 71, .055),
                    inset 0 1px 0 rgba(255, 255, 255, .96);
            }

            .iv4-hero::before,
            .iv4-hero::after {
                display: none;
            }

            .iv4-hero-side {
                gap: 9px;
            }

            .iv4-hero-stat {
                position: relative;

                min-height: 68px;
                padding: 11px 13px;

                color: #17243a;

                background: #fff;
                border: 1px solid rgba(31, 55, 88, .08);
                border-radius: 14px;

                box-shadow:
                    0 5px 16px rgba(15, 35, 71, .035);

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

            .iv4-hero-stat:hover {
                transform: translateY(-2px);

                border-color: rgba(37, 99, 235, .18);

                box-shadow:
                    0 11px 24px rgba(15, 35, 71, .07);
            }

            .iv4-hero-stat span {
                color: #7b8799;

                font-size: 10px;
                font-weight: 850;
                letter-spacing: .07em;
            }

            .iv4-hero-stat strong {
                color: #15233a;

                font-size: 23px;
                font-weight: 900;
            }

            /*
             * Commandes décisionnelles compactes.
             */

            .iv4-command-grid {
                gap: 10px;
            }

            .iv4-command-card,
            .iv4-command {
                min-height: 104px;

                border-radius: 18px;

                box-shadow:
                    0 10px 28px rgba(15, 35, 71, .045);

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

            .iv4-command-card:hover,
            .iv4-command:hover {
                transform: translateY(-3px);

                border-color: rgba(37, 99, 235, .17);

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

            /*
             * Panneaux et files de décision.
             */

            .iv4-layout {
                gap: 16px;
            }

            .iv4-panel,
            .iv4-side-card {
                border-radius: 21px;

                box-shadow:
                    0 13px 35px rgba(15, 35, 71, .055);
            }

            .iv4-panel-head {
                gap: 14px;
                padding-bottom: 14px;
            }

            .iv4-panel-head h2 {
                font-size: 21px;
                line-height: 1.15;
            }

            .iv4-panel-head p {
                margin-top: 5px;

                font-size: 13px;
                line-height: 1.45;
            }

            /*
             * Onglets plus simples et plus faciles à parcourir.
             */

            .iv4-tabs {
                gap: 7px;
            }

            .iv4-tab {
                min-height: 40px;
                padding: 0 13px;

                border-radius: 12px;

                font-size: 12px;
                font-weight: 800;

                transition:
                    transform .16s ease,
                    border-color .16s ease,
                    background .16s ease;
            }

            .iv4-tab:hover {
                transform: translateY(-1px);
            }

            /*
             * Files métier plus denses.
             */

            .iv4-queue {
                gap: 8px;
            }

            .iv4-queue-item,
            .iv4-decision-item,
            .iv4-activity-item,
            .iv4-artisan-item {
                transition:
                    transform .16s ease,
                    border-color .16s ease,
                    background .16s ease,
                    box-shadow .16s ease;
            }

            .iv4-queue-item:hover,
            .iv4-decision-item:hover,
            .iv4-artisan-item:hover {
                transform: translateY(-1px);

                border-color: rgba(37, 99, 235, .16);

                background: rgba(249, 251, 255, .98);

                box-shadow:
                    0 9px 22px rgba(15, 35, 71, .05);
            }

            /*
             * Réduction du vide entre les différentes zones.
             */

            .module-v2-header + .iv4 {
                margin-top: 0;
            }

            .iv4 > * {
                margin-top: 0;
            }

            @media (max-width: 1080px) {
                .iv4-hero-side {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            @media (max-width: 620px) {
                .iv4-hero {
                    padding: 10px;
                }

                .iv4-hero-side {
                    grid-template-columns: 1fr;
                }

                .iv4-hero-stat {
                    min-height: 64px;
                }

                .iv4-tabs {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            /* ALPHEA INTERVENTION DENSITY V2 — END */

/* ==========================================================
   ALPHEA INTERVENTION PREMIUM STABLE — START
   ========================================================== */

.iv4 {
    --iv4-navy: #0f172a;
    --iv4-blue: #2563eb;
    --iv4-cyan: #38bdf8;
    --iv4-muted: #64748b;
    --iv4-border: rgba(148, 163, 184, .22);
    --iv4-surface: rgba(255, 255, 255, .96);
    --iv4-shadow:
        0 18px 48px rgba(15, 23, 42, .07),
        0 2px 8px rgba(15, 23, 42, .03);

    width: 100%;
    max-width: 100%;
    gap: 18px;
    padding-bottom: 52px;
}

.iv4-hero {
    min-height: 196px;
    padding: 27px 29px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 25px;
    background:
        radial-gradient(
            circle at 87% 18%,
            rgba(56, 189, 248, .28),
            transparent 30%
        ),
        radial-gradient(
            circle at 65% 110%,
            rgba(37, 99, 235, .18),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #0b1220 0%,
            #111c35 52%,
            #172554 100%
        );
    box-shadow:
        0 26px 65px rgba(15, 23, 42, .19),
        inset 0 1px 0 rgba(255, 255, 255, .06);
}

.iv4-hero > div {
    position: relative;
    z-index: 1;
}

.iv4-hero-label {
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 999px;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(10px);
}

.iv4-hero h2 {
    max-width: 760px;
    margin-top: 18px;
    font-size: clamp(28px, 3.1vw, 42px);
    font-weight: 820;
    line-height: 1.05;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.iv4-hero p {
    max-width: 700px;
    margin-top: 13px;
    color: rgba(226, 232, 240, .73);
    font-size: 14px;
    line-height: 1.68;
}

.iv4-hero-side {
    gap: 10px;
}

.iv4-hero-stat {
    min-height: 76px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 17px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .095),
            rgba(255, 255, 255, .045)
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07);
    backdrop-filter: blur(13px);
    transition:
        transform .2s ease,
        border-color .2s ease;
}

.iv4-hero-stat:hover {
    transform: translateY(-2px);
    border-color: rgba(125, 211, 252, .30);
}

.iv4-hero-stat span {
    color: rgba(226, 232, 240, .66);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.iv4-hero-stat strong {
    margin-top: 5px;
    color: #fff;
    font-size: 24px;
    font-weight: 850;
    letter-spacing: -.04em;
}

.iv4-command-grid {
    gap: 11px;
}

.iv4-command {
    min-height: 102px;
    padding: 17px 18px;
    border: 1px solid var(--iv4-border);
    border-radius: 19px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .98),
            rgba(248, 250, 252, .90)
        );
    box-shadow:
        0 10px 28px rgba(15, 23, 42, .045);
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.iv4-command:hover {
    transform: translateY(-3px);
    border-color: rgba(37, 99, 235, .20);
    box-shadow:
        0 18px 40px rgba(15, 23, 42, .09);
}

.iv4-command strong {
    margin-top: 7px;
    font-size: 23px;
    font-weight: 850;
    letter-spacing: -.045em;
}

.iv4-layout {
    align-items: start;
    gap: 16px;
}

.iv4-stack {
    gap: 16px;
}

.iv4-panel {
    overflow: hidden;
    border: 1px solid var(--iv4-border);
    border-radius: 22px;
    background: var(--iv4-surface);
    box-shadow: var(--iv4-shadow);
    backdrop-filter: blur(16px);
}

.iv4-panel-head {
    min-height: 76px;
    padding: 19px 21px;
    border-bottom: 1px solid rgba(226, 232, 240, .86);
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .96),
            rgba(248, 250, 252, .76)
        );
}

.iv4-panel-head h3 {
    color: #0f172a;
    font-size: 16px;
    font-weight: 830;
    letter-spacing: -.02em;
}

.iv4-panel-head p {
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
}

.iv4-count {
    min-width: 34px;
    height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(37, 99, 235, .12);
    border-radius: 999px;
    background: rgba(37, 99, 235, .07);
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 850;
}

.iv4-tabs {
    gap: 5px;
    padding: 7px;
    border-bottom: 1px solid rgba(226, 232, 240, .82);
    background: rgba(248, 250, 252, .78);
}

.iv4-tab {
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #64748b;
    font-size: 11px;
    font-weight: 790;
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.iv4-tab:hover {
    color: #1e293b;
    background: rgba(255, 255, 255, .78);
}

.iv4-tab.is-active {
    border-color: rgba(37, 99, 235, .13);
    background: #fff;
    color: #1d4ed8;
    box-shadow:
        0 5px 14px rgba(15, 23, 42, .07);
}

.iv4-queue {
    scroll-margin-top: 24px;
}

.iv4-row {
    min-height: 70px;
    padding: 14px 20px;
    border-bottom: 1px solid rgba(226, 232, 240, .78);
    background: rgba(255, 255, 255, .68);
    transition:
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.iv4-row:hover {
    z-index: 1;
    transform: translateY(-1px);
    background: #fff;
    box-shadow:
        inset 3px 0 0 #2563eb,
        0 10px 22px rgba(15, 23, 42, .055);
}

.iv4-age {
    min-width: 80px;
    padding: 7px 10px;
    border: 1px solid rgba(100, 116, 139, .10);
    border-radius: 999px;
    background: rgba(100, 116, 139, .07);
    color: #475569;
    font-size: 10px;
    font-weight: 820;
    text-align: center;
}

.iv4-age--late {
    border-color: rgba(217, 119, 6, .16);
    background: rgba(245, 158, 11, .10);
    color: #b45309;
}

.iv4-age--critical {
    border-color: rgba(220, 38, 38, .15);
    background: rgba(239, 68, 68, .10);
    color: #b91c1c;
}

.iv4-timeline {
    padding: 7px 20px 14px;
}

.iv4-event {
    position: relative;
    min-height: 63px;
    padding: 13px 0 13px 27px;
    border-bottom: 1px solid rgba(226, 232, 240, .72);
}

.iv4-event::before {
    content: "";
    position: absolute;
    top: 31px;
    bottom: -18px;
    left: 6px;
    width: 1px;
    background: rgba(203, 213, 225, .8);
}

.iv4-event:last-child::before {
    display: none;
}

.iv4-artisans {
    padding: 5px 20px 12px;
}

.iv4-artisan {
    min-height: 62px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(226, 232, 240, .72);
}

.iv4 a:focus-visible,
.iv4 button:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .22);
    outline-offset: 3px;
}

@media (max-width: 1180px) {
    .iv4-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 920px) {
    .iv4-hero {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 23px;
    }

    .iv4-hero-side {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .iv4-command-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .iv4 {
        gap: 12px;
        padding-bottom: 32px;
    }

    .iv4-hero {
        padding: 19px;
        border-radius: 20px;
    }

    .iv4-hero h2 {
        font-size: 28px;
    }

    .iv4-hero-side,
    .iv4-command-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .iv4-panel {
        border-radius: 18px;
    }

    .iv4-tabs {
        display: flex;
        overflow-x: auto;
    }

    .iv4-tab {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

/* ==========================================================
   ALPHEA INTERVENTION PREMIUM STABLE — END
   ========================================================== */

/* ==========================================================
   ALPHEA INTERVENTION DECISION FIRST 5F — START
   ========================================================== */

/*
 * Cockpit orienté décision.
 *
 * L’en-tête partagé porte désormais l’identité et les trois
 * indicateurs majeurs. Le contenu commence immédiatement par
 * les six files opérationnelles.
 */

.iv4 {
    gap: 14px;
    padding-top: 2px;
}

/* L’ancien hero ne doit jamais réapparaître visuellement. */
.iv4 > .iv4-hero {
    display: none !important;
}

/* ==========================================================
   MATRICE DES SIX DÉCISIONS
   ========================================================== */

.iv4-command-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 9px;
    margin: 0;
}

.iv4-command {
    position: relative;
    min-width: 0;
    min-height: 92px;
    padding: 14px 14px 13px;
    overflow: hidden;
    border-radius: 17px;
    isolation: isolate;
}

.iv4-command::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: -1;
    height: 3px;
    background: var(--iv4-color);
    opacity: .82;
    transform: scaleX(.34);
    transform-origin: left;
    transition:
        transform .22s ease,
        opacity .22s ease;
}

.iv4-command:hover::after {
    opacity: 1;
    transform: scaleX(1);
}

.iv4-command-label {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #64748b;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .065em;
    line-height: 1.25;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.iv4-command strong {
    display: block;
    margin-top: 8px;
    color: var(--iv4-color);
    font-size: 25px;
    font-weight: 880;
    line-height: 1;
    letter-spacing: -.055em;
}

.iv4-command small {
    display: block;
    min-height: 28px;
    margin-top: 6px;
    overflow: hidden;
    color: #718096;
    font-size: 10px;
    line-height: 1.35;
}

/* ==========================================================
   STRUCTURE PRINCIPALE
   ========================================================== */

.iv4-layout {
    display: grid;
    grid-template-columns:
        minmax(0, 1.72fr)
        minmax(280px, .58fr);
    gap: 14px;
    align-items: start;
}

.iv4-layout > .iv4-stack:first-child {
    min-width: 0;
}

.iv4-layout > aside.iv4-stack {
    position: sticky;
    top: 18px;
    min-width: 0;
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color:
        rgba(148, 163, 184, .45)
        transparent;
}

.iv4-layout > aside.iv4-stack::-webkit-scrollbar {
    width: 6px;
}

.iv4-layout > aside.iv4-stack::-webkit-scrollbar-track {
    background: transparent;
}

.iv4-layout > aside.iv4-stack::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(148, 163, 184, .42);
}

/* ==========================================================
   PANNEAUX
   ========================================================== */

.iv4-panel {
    border-radius: 20px;
}

.iv4-panel-head {
    min-height: 68px;
    padding: 16px 18px;
}

.iv4-panel-head h3 {
    font-size: 15px;
    line-height: 1.2;
}

.iv4-panel-head p {
    max-width: 700px;
    margin-top: 3px;
    font-size: 11px;
    line-height: 1.4;
}

.iv4-count {
    min-width: 31px;
    height: 27px;
    padding-inline: 9px;
    font-size: 11px;
}

/* ==========================================================
   NAVIGATION ENTRE LES FILES
   ========================================================== */

.iv4-tabs {
    position: sticky;
    top: 0;
    z-index: 8;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    padding: 6px;
    background:
        rgba(248, 250, 252, .96);
    backdrop-filter: blur(14px);
}

.iv4-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 36px;
    padding: 7px 7px;
    overflow: hidden;
    font-size: 9px;
    letter-spacing: -.005em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iv4-tab.is-active {
    color: #1d4ed8;
    box-shadow:
        0 4px 12px rgba(15, 23, 42, .065),
        inset 0 -2px 0 rgba(37, 99, 235, .65);
}

/* ==========================================================
   LIGNES DE DÉCISION
   ========================================================== */

.iv4-queue {
    min-height: 116px;
    scroll-margin-top: 90px;
}

.iv4-row {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(78px, .38fr)
        minmax(220px, 1.45fr)
        minmax(160px, .9fr)
        minmax(88px, .38fr);
    gap: 14px;
    align-items: center;
    min-height: 67px;
    padding: 12px 17px;
}

.iv4-row::before {
    content: "";
    position: absolute;
    inset: 8px auto 8px 0;
    width: 3px;
    border-radius: 0 5px 5px 0;
    background: transparent;
    transition: background .18s ease;
}

.iv4-row:hover {
    transform: none;
    box-shadow:
        0 8px 22px rgba(15, 23, 42, .055);
}

.iv4-row:hover::before {
    background: #2563eb;
}

.iv4-ref {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    min-height: 25px;
    padding: 5px 8px;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, .12);
    border-radius: 8px;
    background: rgba(37, 99, 235, .055);
    font-size: 9px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iv4-place,
.iv4-owner {
    min-width: 0;
}

.iv4-place strong,
.iv4-owner strong {
    display: block;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iv4-place span,
.iv4-owner span {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iv4-age {
    justify-self: end;
    min-width: 78px;
    max-width: 100%;
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iv4-empty {
    display: grid;
    place-items: center;
    min-height: 116px;
    padding: 22px;
    color: #94a3b8;
    font-size: 12px;
}

/* ==========================================================
   ACTIVITÉ ET ARTISANS
   ========================================================== */

.iv4-timeline {
    padding: 4px 17px 10px;
}

.iv4-event {
    min-height: 57px;
    padding: 11px 0 11px 25px;
}

.iv4-event::before {
    top: 27px;
    bottom: -14px;
    left: 5px;
}

.iv4-event-dot {
    top: 15px;
    width: 12px;
    height: 12px;
}

.iv4-event strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.38;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.iv4-event span {
    margin-top: 3px;
    font-size: 9px;
}

.iv4-artisans {
    padding: 3px 17px 9px;
}

.iv4-artisan {
    min-height: 56px;
    padding: 11px 0;
}

.iv4-artisan strong {
    display: block;
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iv4-artisan span {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iv4-artisan-score {
    min-width: 49px;
    padding: 6px 8px;
    font-size: 9px;
}

/* ==========================================================
   ANIMATIONS DISCRÈTES
   ========================================================== */

@media (prefers-reduced-motion: no-preference) {
    .iv4-command-grid {
        animation:
            iv4DecisionReveal .38s ease both;
    }

    .iv4-layout {
        animation:
            iv4PanelReveal .46s .05s ease both;
    }

    @keyframes iv4DecisionReveal {
        from {
            opacity: 0;
            transform: translateY(7px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes iv4PanelReveal {
        from {
            opacity: 0;
            transform: translateY(9px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

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

@media (max-width: 1280px) {
    .iv4-command-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .iv4-command {
        min-height: 86px;
    }

    .iv4-layout {
        grid-template-columns:
            minmax(0, 1.5fr)
            minmax(260px, .62fr);
    }

    .iv4-tabs {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1040px) {
    .iv4-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .iv4-layout > aside.iv4-stack {
        position: static;
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        max-height: none;
        overflow: visible;
    }
}

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

    .iv4-command {
        min-height: 88px;
    }

    .iv4-tabs {
        position: static;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
    }

    .iv4-tab {
        flex: 0 0 auto;
        min-width: 118px;
        scroll-snap-align: start;
    }

    .iv4-row {
        grid-template-columns:
            minmax(0, 1fr)
            auto;
        gap: 8px 12px;
        padding: 13px 15px;
    }

    .iv4-ref {
        grid-column: 1;
        grid-row: 1;
    }

    .iv4-age {
        grid-column: 2;
        grid-row: 1;
    }

    .iv4-place {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .iv4-owner {
        grid-column: 1 / -1;
        grid-row: 3;
        padding-top: 7px;
        border-top: 1px dashed rgba(203, 213, 225, .72);
    }

    .iv4-layout > aside.iv4-stack {
        grid-template-columns: minmax(0, 1fr);
    }
}

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

    .iv4-command {
        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            auto;
        gap: 2px 14px;
        align-items: center;
        min-height: 72px;
        padding: 13px 15px;
    }

    .iv4-command-label {
        grid-column: 1;
        grid-row: 1;
    }

    .iv4-command small {
        grid-column: 1;
        grid-row: 2;
        min-height: 0;
        margin-top: 3px;
    }

    .iv4-command strong {
        grid-column: 2;
        grid-row: 1 / 3;
        margin-top: 0;
        font-size: 27px;
    }
}

/* ==========================================================
   ALPHEA INTERVENTION DECISION FIRST 5F — END
   ========================================================== */

/* ==========================================================
   ALPHEA INTERVENTION PRODUCTIVITY 5G — START
   ========================================================== */

.iv4-productivity {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 9px;
    border: 1px solid rgba(148, 163, 184, .20);
    border-radius: 18px;
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .98),
            rgba(248, 250, 252, .92)
        );
    box-shadow:
        0 10px 28px rgba(15, 23, 42, .045);
}

.iv4-productivity-search {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 180px;
}

.iv4-productivity-search::before {
    content: "";
    position: absolute;
    left: 13px;
    width: 15px;
    height: 15px;
    pointer-events: none;
    border: 2px solid #94a3b8;
    border-radius: 50%;
    box-sizing: border-box;
}

.iv4-productivity-search::after {
    content: "";
    position: absolute;
    left: 26px;
    top: 50%;
    width: 6px;
    height: 2px;
    pointer-events: none;
    border-radius: 999px;
    background: #94a3b8;
    transform:
        translateY(5px)
        rotate(45deg);
    transform-origin: left center;
}

.iv4-productivity-input {
    width: 100%;
    height: 42px;
    padding: 0 88px 0 39px;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 13px;
    outline: none;
    background: rgba(255, 255, 255, .96);
    color: #172033;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.iv4-productivity-input::placeholder {
    color: #94a3b8;
    font-weight: 550;
}

.iv4-productivity-input:hover {
    border-color: rgba(100, 116, 139, .34);
}

.iv4-productivity-input:focus {
    border-color: rgba(37, 99, 235, .42);
    background: #fff;
    box-shadow:
        0 0 0 4px rgba(37, 99, 235, .08);
}

.iv4-productivity-shortcut {
    position: absolute;
    right: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 24px;
    padding: 0 7px;
    border: 1px solid rgba(148, 163, 184, .24);
    border-bottom-color: rgba(100, 116, 139, .32);
    border-radius: 7px;
    background: #f8fafc;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    box-shadow:
        0 2px 0 rgba(148, 163, 184, .15);
}

.iv4-productivity-count {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    height: 42px;
    padding: 0 13px;
    border: 1px solid rgba(37, 99, 235, .12);
    border-radius: 13px;
    background: rgba(37, 99, 235, .055);
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 820;
    letter-spacing: .015em;
    white-space: nowrap;
}

.iv4-focus-button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 13px;
    background: #fff;
    color: #475569;
    font: inherit;
    font-size: 10px;
    font-weight: 820;
    cursor: pointer;
    white-space: nowrap;
    transition:
        transform .18s ease,
        border-color .18s ease,
        color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.iv4-focus-button::before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid currentColor;
    border-radius: 4px;
    box-shadow:
        inset 3px 0 0 transparent;
}

.iv4-focus-button:hover {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, .25);
    color: #1d4ed8;
    box-shadow:
        0 7px 16px rgba(15, 23, 42, .07);
}

.iv4-focus-button[aria-pressed="true"] {
    border-color: rgba(37, 99, 235, .20);
    background: rgba(37, 99, 235, .07);
    color: #1d4ed8;
}

.iv4-focus-button[aria-pressed="true"]::before {
    box-shadow:
        inset 4px 0 0 currentColor;
}

.iv4.is-focus-mode .iv4-layout {
    grid-template-columns: minmax(0, 1fr);
}

.iv4.is-focus-mode .iv4-layout > aside.iv4-stack {
    display: none;
}

.iv4-row[hidden],
.iv4-search-empty[hidden] {
    display: none !important;
}

.iv4-search-empty {
    display: grid;
    place-items: center;
    min-height: 150px;
    padding: 30px 20px;
    color: #64748b;
    font-size: 12px;
    font-weight: 650;
    text-align: center;
}

.iv4-search-empty::before {
    content: "Aucun dossier";
    display: block;
    margin-bottom: 6px;
    color: #1e293b;
    font-size: 15px;
    font-weight: 820;
}

.iv4-row.is-search-match {
    background:
        linear-gradient(
            90deg,
            rgba(37, 99, 235, .045),
            rgba(255, 255, 255, .95) 28%
        );
}

.iv4-productivity-hints {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 5px 2px;
    color: #94a3b8;
    font-size: 9px;
    font-weight: 650;
}

.iv4-productivity-hints span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.iv4-productivity-hints kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 19px;
    height: 18px;
    padding: 0 5px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 5px;
    background: rgba(255, 255, 255, .84);
    color: #64748b;
    font: inherit;
    font-size: 8px;
    font-weight: 850;
    box-shadow:
        0 1px 0 rgba(148, 163, 184, .15);
}

@media (max-width: 860px) {
    .iv4-productivity {
        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            auto;
    }

    .iv4-productivity-search {
        grid-column: 1 / -1;
    }

    .iv4-productivity-count {
        min-width: 0;
    }
}

@media (max-width: 520px) {
    .iv4-productivity {
        grid-template-columns: minmax(0, 1fr);
    }

    .iv4-productivity-search,
    .iv4-productivity-count,
    .iv4-focus-button {
        grid-column: 1;
        width: 100%;
    }

    .iv4-productivity-count {
        height: 36px;
    }

    .iv4-focus-button {
        height: 38px;
    }

    .iv4-productivity-hints {
        display: none;
    }
}

/* ==========================================================
   ALPHEA INTERVENTION PRODUCTIVITY 5G — END
   ========================================================== */

/* ==========================================================
   ALPHEA INTERVENTION COCKPIT V5 R2 — START
   ========================================================== */

.iv5-preview-panel {
    position: relative;
    overflow: hidden;
    border-color: rgba(37, 99, 235, .15);
    background:
        linear-gradient(
            155deg,
            rgba(255, 255, 255, .995),
            rgba(248, 250, 252, .965)
        );
    box-shadow:
        0 20px 48px rgba(15, 23, 42, .085);
}

.iv5-preview-panel::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0 0 auto;
    height: 3px;
    background:
        linear-gradient(
            90deg,
            #1d4ed8,
            #60a5fa 55%,
            rgba(96, 165, 250, 0)
        );
}

.iv5-preview-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 19px 18px 16px;
    border-bottom:
        1px solid rgba(226, 232, 240, .92);
}

.iv5-preview-heading {
    min-width: 0;
}

.iv5-preview-eyebrow {
    display: block;
    margin-bottom: 6px;
    color: #94a3b8;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.iv5-preview-ref {
    display: block;
    overflow: hidden;
    color: #172033;
    font-size: 17px;
    font-weight: 880;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iv5-preview-age {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 6px 9px;
    border: 1px solid rgba(34, 197, 94, .16);
    border-radius: 9px;
    background: rgba(34, 197, 94, .075);
    color: #15803d;
    font-size: 8px;
    font-weight: 820;
    line-height: 1.25;
    text-align: center;
}

.iv5-preview-age--late {
    border-color: rgba(245, 158, 11, .20);
    background: rgba(245, 158, 11, .09);
    color: #b45309;
}

.iv5-preview-age--critical {
    border-color: rgba(239, 68, 68, .20);
    background: rgba(239, 68, 68, .09);
    color: #b91c1c;
}

.iv5-preview-body {
    padding: 17px 18px 18px;
}

.iv5-preview-address {
    padding-bottom: 16px;
}

.iv5-preview-address > span {
    display: block;
    margin-bottom: 6px;
    color: #94a3b8;
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.iv5-preview-address h3 {
    margin: 0;
    color: #1e293b;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.35;
    letter-spacing: -.025em;
}

.iv5-preview-address p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 10px;
    font-weight: 620;
    line-height: 1.4;
}

.iv5-preview-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.iv5-preview-field {
    min-width: 0;
    padding: 11px;
    border:
        1px solid rgba(226, 232, 240, .96);
    border-radius: 12px;
    background: rgba(248, 250, 252, .78);
}

.iv5-preview-field span {
    display: block;
    margin-bottom: 5px;
    color: #94a3b8;
    font-size: 8px;
    font-weight: 790;
    text-transform: uppercase;
}

.iv5-preview-field strong {
    display: block;
    overflow: hidden;
    color: #334155;
    font-size: 10px;
    font-weight: 780;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iv5-preview-actions {
    padding: 0 18px 17px;
}

.iv5-preview-open {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 43px;
    padding: 0 14px;
    border:
        1px solid rgba(37, 99, 235, .20);
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            #1d4ed8,
            #2563eb
        );
    color: #fff;
    font-size: 10px;
    font-weight: 820;
    text-decoration: none;
    box-shadow:
        0 11px 24px rgba(37, 99, 235, .20);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.iv5-preview-open:hover {
    transform: translateY(-1px);
    box-shadow:
        0 15px 30px rgba(37, 99, 235, .26);
}

.iv5-preview-open strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.iv5-preview-shortcuts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 11px 3px 0;
    color: #94a3b8;
    font-size: 8px;
    font-weight: 650;
}

.iv5-preview-shortcuts span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.iv5-preview-shortcuts kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 17px;
    padding: 0 4px;
    border:
        1px solid rgba(148, 163, 184, .24);
    border-radius: 5px;
    background: #fff;
    color: #64748b;
    font: inherit;
    font-size: 7px;
    font-weight: 850;
    box-shadow:
        0 1px 0 rgba(148, 163, 184, .18);
}

.iv5-preview-empty {
    display: grid;
    place-items: center;
    min-height: 250px;
    padding: 32px 20px;
    text-align: center;
}

.iv5-preview-empty-icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
    border:
        1px solid rgba(37, 99, 235, .15);
    border-radius: 16px;
    background: rgba(37, 99, 235, .065);
}

.iv5-preview-empty-icon::before,
.iv5-preview-empty-icon::after,
.iv5-preview-empty-icon span {
    content: "";
    position: absolute;
    width: 21px;
    height: 3px;
    border-radius: 999px;
    background: rgba(37, 99, 235, .53);
}

.iv5-preview-empty-icon::before {
    transform: translateY(-7px);
}

.iv5-preview-empty-icon::after {
    width: 14px;
    transform: translateY(7px);
}

.iv5-preview-empty strong {
    color: #334155;
    font-size: 13px;
    font-weight: 840;
}

.iv5-preview-empty p {
    max-width: 220px;
    margin: 7px 0 0;
    color: #94a3b8;
    font-size: 10px;
    line-height: 1.5;
}

.iv4-row {
    cursor: pointer;
}

.iv4-row.is-selected {
    position: relative;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(37, 99, 235, .105),
            rgba(255, 255, 255, .985) 50%
        );
    box-shadow:
        inset 3px 0 0 #2563eb,
        0 8px 22px rgba(15, 23, 42, .065);
}

.iv4-row.is-selected .iv4-ref {
    border-color: rgba(37, 99, 235, .26);
    background: rgba(37, 99, 235, .11);
    color: #1d4ed8;
}

.iv4.is-focus-mode .iv5-preview-panel {
    display: none;
}

@media (max-width: 1040px) {
    .iv5-preview-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .iv5-preview-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .iv5-preview-shortcuts {
        display: none;
    }
}

@media (max-width: 460px) {
    .iv5-preview-head {
        display: block;
    }

    .iv5-preview-age {
        margin-top: 10px;
    }

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

/* ==========================================================
   ALPHEA INTERVENTION COCKPIT V5 R2 — END
   ========================================================== */

/* ALPHEA_H1B1_INTERVENTION_START */

/*
 * Compatibilité Intervention avec ALPHÉA Design Contract 3.0.
 * Aucun changement HTML ni métier.
 */

.iv4 {
    --iv4-navy: var(--alphea-ds-ink-strong);
    --iv4-blue: var(--alphea-ds-primary);
    --iv4-cyan: var(--alphea-ds-accent);
    --iv4-muted: var(--alphea-ds-muted);
    --iv4-border: var(--alphea-ds-border);
    --iv4-surface: var(--alphea-ds-surface);
    --iv4-shadow: var(--alphea-ds-shadow-sm);

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

/* Rythme du cockpit. */

.iv4-command-grid,
.iv4-layout,
.iv4-stack {
    gap: var(--alphea-ds-content-gap);
}

/* Cartes de commandes. */

.iv4-command {
    border-color: var(--alphea-ds-border);
    border-radius: var(--alphea-ds-radius-md);
    background: var(--alphea-ds-surface);
    box-shadow: var(--alphea-ds-shadow-sm);
    transition: var(--alphea-ds-transition);
}

.iv4-command:hover {
    border-color: var(--alphea-ds-border-strong);
    box-shadow: var(--alphea-ds-shadow-md);
    transform: translateY(-1px);
}

.iv4-command-label {
    color: var(--alphea-ds-muted);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.iv4-command strong {
    color: var(--alphea-ds-ink);
    letter-spacing: -.025em;
}

.iv4-command small {
    color: var(--alphea-ds-muted);
}

/* Tons fonctionnels harmonisés. */

.iv4-command--danger {
    --iv4-color: var(--alphea-ds-danger);
    --iv4-soft: var(--alphea-ds-danger-soft);
}

.iv4-command--warning {
    --iv4-color: var(--alphea-ds-warning);
    --iv4-soft: var(--alphea-ds-warning-soft);
}

.iv4-command--info {
    --iv4-color: var(--alphea-ds-info);
    --iv4-soft: var(--alphea-ds-info-soft);
}

.iv4-command--success {
    --iv4-color: var(--alphea-ds-success);
    --iv4-soft: var(--alphea-ds-success-soft);
}

.iv4-command--purple {
    --iv4-color: var(--alphea-ds-purple);
    --iv4-soft: var(--alphea-ds-purple-soft);
}

.iv4-command--dark {
    --iv4-color: var(--alphea-ds-primary);
    --iv4-soft: var(--alphea-ds-primary-soft);
}

/* Panneaux principaux. */

.iv4-panel,
.iv4-side-card,
.iv5-preview-panel {
    border-color: var(--alphea-ds-border);
    border-radius: var(--alphea-ds-radius-lg);
    color: var(--alphea-ds-ink);
    background: var(--alphea-ds-surface);
    box-shadow: var(--alphea-ds-shadow-sm);
}

.iv4-panel-head,
.iv5-preview-head {
    border-bottom-color: var(--alphea-ds-divider);
}

.iv4-panel-head h3,
.iv5-preview-heading {
    color: var(--alphea-ds-ink);
    letter-spacing: -.015em;
}

.iv4-panel-head p,
.iv5-preview-address {
    color: var(--alphea-ds-muted);
}

.iv4-count {
    border-color: var(--alphea-ds-border);
    color: var(--alphea-ds-ink-soft);
    background: var(--alphea-ds-surface-soft);
}

/* Onglets. */

.iv4-tabs {
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--alphea-ds-border);
    border-radius: 13px;
    background: var(--alphea-ds-surface-soft);
}

.iv4-tab {
    min-height: 35px;
    padding: 0 12px;
    border: 0;
    border-radius: 9px;
    color: var(--alphea-ds-ink-soft);
    background: transparent;
    font-size: 10px;
    font-weight: 800;
    transition: var(--alphea-ds-transition);
}

.iv4-tab:hover {
    color: var(--alphea-ds-primary);
    background: var(--alphea-ds-primary-soft);
}

.iv4-tab.is-active {
    color: #fff;
    background: var(--alphea-ds-primary);
    box-shadow: 0 6px 14px rgba(34, 63, 103, .17);
}

/* Files de décision. */

.iv4-row,
.iv4-queue-item,
.iv4-decision-item {
    border-color: var(--alphea-ds-divider);
    color: var(--alphea-ds-ink);
    background: var(--alphea-ds-surface);
    transition: var(--alphea-ds-transition);
}

.iv4-row:hover,
.iv4-queue-item:hover,
.iv4-decision-item:hover {
    border-color: var(--alphea-ds-border-strong);
    background: var(--alphea-ds-surface-hover);
    box-shadow: var(--alphea-ds-shadow-xs);
    transform: translateY(-1px);
}

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

.iv4-place strong,
.iv4-owner strong {
    color: var(--alphea-ds-ink);
}

.iv4-place span,
.iv4-owner span {
    color: var(--alphea-ds-muted);
}

.iv4-age {
    border-color: var(--alphea-ds-border);
    color: var(--alphea-ds-ink-soft);
    background: var(--alphea-ds-surface-soft);
}

.iv4-age--late {
    border-color: #ead4aa;
    color: var(--alphea-ds-warning);
    background: var(--alphea-ds-warning-soft);
}

.iv4-age--critical {
    border-color: #edc5c9;
    color: var(--alphea-ds-danger);
    background: var(--alphea-ds-danger-soft);
}

/* Timeline. */

.iv4-event {
    border-bottom-color: var(--alphea-ds-divider);
}

.iv4-event strong {
    color: var(--alphea-ds-ink);
}

.iv4-event span span {
    color: var(--alphea-ds-muted);
}

.iv4-event-dot {
    border-color: var(--alphea-ds-surface);
    background: var(--alphea-ds-primary);
    box-shadow:
        0 0 0 1px var(--alphea-ds-border),
        0 4px 11px rgba(34, 63, 103, .12);
}

.iv4-event--invoice .iv4-event-dot {
    background: var(--alphea-ds-purple);
}

.iv4-event--quote .iv4-event-dot {
    background: var(--alphea-ds-info);
}

.iv4-event--email .iv4-event-dot {
    background: var(--alphea-ds-accent);
}

.iv4-event--closed .iv4-event-dot {
    background: var(--alphea-ds-success);
}

/* Artisans. */

.iv4-artisan,
.iv4-artisan-item {
    border-color: var(--alphea-ds-divider);
    background: var(--alphea-ds-surface);
    transition: var(--alphea-ds-transition);
}

.iv4-artisan:hover,
.iv4-artisan-item:hover {
    background: var(--alphea-ds-surface-hover);
}

.iv4-artisan strong {
    color: var(--alphea-ds-ink);
}

.iv4-artisan span span {
    color: var(--alphea-ds-muted);
}

.iv4-artisan-score {
    border-color: var(--alphea-ds-border);
    color: var(--alphea-ds-warning);
    background: var(--alphea-ds-warning-soft);
}

/* État vide. */

.iv4-empty,
.iv4-search-empty,
.iv5-preview-empty {
    border: 1px dashed var(--alphea-ds-border-strong);
    border-radius: var(--alphea-ds-radius-md);
    color: var(--alphea-ds-muted);
    background: var(--alphea-ds-surface-soft);
}

/* Barre de productivité et recherche. */

.iv4-productivity,
.iv4-productivity-search,
.iv4-productivity-input {
    border-color: var(--alphea-ds-border);
    color: var(--alphea-ds-ink);
    background: var(--alphea-ds-surface);
}

.iv4-productivity-input:focus {
    outline: none;
    border-color: var(--alphea-ds-accent);
    box-shadow: var(--alphea-ds-focus);
}

.iv4-productivity-shortcut {
    border-color: var(--alphea-ds-border);
    color: var(--alphea-ds-muted);
    background: var(--alphea-ds-surface-soft);
}

/* Aperçu latéral. */

.iv5-preview-eyebrow {
    color: var(--alphea-ds-accent);
}

.iv5-preview-field {
    border-color: var(--alphea-ds-divider);
}

.iv5-preview-field span {
    color: var(--alphea-ds-muted);
}

.iv5-preview-field strong {
    color: var(--alphea-ds-ink);
}

.iv5-preview-open,
.iv4-focus-button {
    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);
    font-size: 10px;
    font-weight: 820;
    text-decoration: none;
    transition: var(--alphea-ds-transition);
}

.iv5-preview-open:hover,
.iv4-focus-button:hover {
    border-color: var(--alphea-ds-primary-hover);
    background: var(--alphea-ds-primary-hover);
    box-shadow: var(--alphea-ds-shadow-sm);
    transform: translateY(-1px);
}

/* Accessibilité. */

.iv4-tab:focus-visible,
.iv4-row:focus-visible,
.iv5-preview-open:focus-visible,
.iv4-focus-button:focus-visible,
.iv4-productivity-input:focus-visible {
    outline: 3px solid rgba(82, 111, 169, .23);
    outline-offset: 2px;
}

/* Responsive commun. */

@media (max-width: 900px) {
    .iv4-command-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

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

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

    .iv4-panel,
    .iv4-side-card,
    .iv5-preview-panel {
        border-radius: 16px;
    }

    .iv4-tabs {
        display: flex;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .iv4-tabs::-webkit-scrollbar {
        display: none;
    }

    .iv4-tab {
        flex: 0 0 auto;
    }
}

/* ALPHEA_H1B1_INTERVENTION_END */

/* ALPHEA_H1B2A_INTERVENTIONS_START */

/*
 * Styles extraits de la page :
 * modules/intervention/pages/interventions.php
 */

.int-hero{border:1px solid var(--alphea-border);border-radius:26px;padding:26px;margin-bottom:22px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 20px 50px rgba(15,23,42,.18)}
        .int-hero h1{margin:0;font-size:30px;letter-spacing:-.04em}
        .int-hero p{margin:10px 0 0;color:rgba(255,255,255,.72);line-height:1.6}
        .int-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
        .int-kpi{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.10);border-radius:18px;padding:16px}
        .int-kpi span{display:block;font-size:12px;opacity:.7;text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin-bottom:8px}
        .int-kpi strong{font-size:24px}
        .int-list{display:grid;gap:12px}
        .int-row{display:grid;grid-template-columns:160px minmax(220px,1.4fr) minmax(170px,.8fr) minmax(140px,.6fr) 90px;gap:14px;align-items:center;padding:16px;border:1px solid var(--alphea-border);border-radius:18px;background:var(--alphea-card);text-decoration:none;color:var(--alphea-text)}
        .int-row:hover{border-color:#93c5fd;box-shadow:0 14px 34px rgba(15,23,42,.07)}
        .int-ref{font-weight:900}
        .int-title{font-weight:900;line-height:1.35}
        .int-muted{color:var(--alphea-muted);font-size:12px;margin-top:4px;line-height:1.4}
        .int-pill{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid var(--alphea-border);font-size:12px;font-weight:900;background:rgba(148,163,184,.08)}
        .int-danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}
        .int-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}
        .int-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}
        .int-panel{background:var(--alphea-card);border:1px solid var(--alphea-border);border-radius:24px;padding:22px;box-shadow:0 18px 45px rgba(15,23,42,.06)}
        @media(max-width:1050px){.int-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.int-row{grid-template-columns:1fr}}
        @media(max-width:680px){.int-kpis{grid-template-columns:1fr}.int-hero h1{font-size:25px}}

/*
 * Harmonisation avec ALPHÉA Design Contract 3.0.
 */

.int-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(35, 61, 98, .12);
    border-radius: var(--alphea-ds-radius-xl);
    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(91, 122, 178, .22),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #182f50 0%,
            #253f67 55%,
            #36527e 100%
        );
    box-shadow: var(--alphea-ds-shadow-lg);
}

.int-hero::after {
    position: absolute;
    top: -95px;
    right: -70px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.int-hero h1 {
    color: #fff;
    letter-spacing: -.035em;
}

.int-hero p {
    color: rgba(255, 255, 255, .74);
}

.int-kpis {
    gap: 10px;
}

.int-kpi {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--alphea-ds-radius-md);
    background: rgba(255, 255, 255, .10);
    box-shadow: var(--alphea-ds-shadow-xs);
    transition: var(--alphea-ds-transition);
}

.int-kpi:hover {
    border-color: rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .14);
    transform: translateY(-1px);
}

.int-kpi span {
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .07em;
}

.int-kpi strong {
    letter-spacing: -.03em;
}

.int-panel {
    border: 1px solid var(--alphea-ds-border);
    border-radius: var(--alphea-ds-radius-lg);
    color: var(--alphea-ds-ink);
    background: var(--alphea-ds-surface);
    box-shadow: var(--alphea-ds-shadow-sm);
}

.int-section-title {
    margin: 0 0 5px;
    color: var(--alphea-ds-ink);
    font-size: 18px;
    letter-spacing: -.02em;
}

.int-section-subtitle {
    margin-bottom: 16px;
    color: var(--alphea-ds-muted);
    font-size: 13px;
    line-height: 1.5;
}

.int-row {
    border-color: var(--alphea-ds-border);
    border-radius: var(--alphea-ds-radius-md);
    color: var(--alphea-ds-ink);
    background: var(--alphea-ds-surface);
    box-shadow: var(--alphea-ds-shadow-xs);
    transition: var(--alphea-ds-transition);
}

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

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

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

.int-title {
    color: var(--alphea-ds-ink);
}

.int-muted {
    color: var(--alphea-ds-muted);
}

.int-pill {
    border-color: var(--alphea-ds-border);
    color: var(--alphea-ds-ink-soft);
    background: var(--alphea-ds-surface-soft);
}

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

.int-warning {
    border-color: #ead4aa;
    color: var(--alphea-ds-warning);
    background: var(--alphea-ds-warning-soft);
}

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

.int-row-open {
    color: var(--alphea-ds-primary);
    font-size: 10px;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.int-row:hover .int-row-open {
    color: var(--alphea-ds-primary-hover);
}

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

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

    .int-row-open {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .int-kpis {
        grid-template-columns: minmax(0, 1fr);
    }

    .int-hero,
    .int-panel {
        border-radius: 16px;
    }

    .int-hero h1 {
        font-size: 25px;
    }

    .int-row {
        padding: 14px;
    }
}

/* ALPHEA_H1B2A_INTERVENTIONS_END */