/* VIGITEST — socle visuel des pages du nouveau design (lot C1, 05/10/2026).
   Briques reprises des maquettes : en-tete de page, indicateurs, cartes,
   anneaux, barres, courbes, badges, tableaux. Prefixe ui-. */
.ui-tete{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-start;justify-content:space-between;margin:2px 0 18px}
.ui-tete h1{display:flex;align-items:center;gap:14px;font:800 30px/1.1 Inter,sans-serif;letter-spacing:-.02em;color:#0E1B3D;margin:0}
.ui-tete h1 .ui-pic{width:44px;height:44px;border-radius:12px;background:#0B2554;color:#fff;display:grid;place-items:center;flex:none}
.ui-tete h1 .ui-pic svg{width:24px;height:24px}
.ui-tete p{margin:6px 0 0;color:#4A5876;font-size:15px;max-width:760px}
.ui-act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ui-btn{display:inline-flex;align-items:center;gap:8px;border-radius:9px;padding:10px 16px;font:600 14px Inter,sans-serif;text-decoration:none;border:1.5px solid #CFD9EA;background:#fff;color:#0E1B3D;cursor:pointer;white-space:nowrap}
.ui-btn:hover{border-color:#0B5CFF;color:#0B5CFF}
.ui-btn.plein{background:#0B5CFF;border-color:#0B5CFF;color:#fff}.ui-btn.plein:hover{background:#0049D6;color:#fff}
.ui-btn svg{width:17px;height:17px}

.ui-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px;margin-bottom:16px}
.ui-kpi{background:#fff;border:1px solid #E3E9F3;border-radius:14px;padding:14px;display:flex;gap:12px;align-items:center;min-width:0;box-shadow:0 4px 14px -12px rgba(14,27,61,.35)}
.ui-kpi .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none}
.ui-kpi .ic svg{width:24px;height:24px}
.ui-kpi b{display:block;font:800 24px/1.05 Inter,sans-serif;color:#0E1B3D}
.ui-kpi span{display:block;font-size:12.5px;color:#4A5876;line-height:1.3}
.ui-kpi em{display:block;font-style:normal;font-size:12px;font-weight:700;margin-top:3px}
.ui-up{color:#16A34A}.ui-down{color:#DC2626}.ui-neutre{color:#5B6A87}

.ui-grille{display:grid;gap:14px;margin-bottom:14px}
.ui-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ui-g21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.ui-g12{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.ui-carte{background:#fff;border:1px solid #E3E9F3;border-radius:14px;padding:16px 18px;min-width:0;box-shadow:0 4px 14px -12px rgba(14,27,61,.35)}
.ui-carte h2{display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 16px Inter,sans-serif;color:#0E1B3D;margin:0 0 14px}
.ui-carte h2 a{font:600 12.5px Inter,sans-serif;color:#0B5CFF;text-decoration:none;white-space:nowrap}
.ui-carte h2 .ui-titre{display:flex;align-items:center;gap:9px}
.ui-carte h2 .ui-titre svg{width:20px;height:20px;color:#0B5CFF}
.ui-ex{display:inline-block;font:700 10px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#92400E;background:#FEF3C7;border-radius:5px;padding:3px 6px;margin-left:6px;vertical-align:middle}

.ui-donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ui-anneau{--v:0;width:132px;height:132px;border-radius:50%;flex:none;display:grid;place-items:center;position:relative}
.ui-anneau::after{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}
.ui-anneau div{position:relative;z-index:1;text-align:center;line-height:1.1}
.ui-anneau b{display:block;font:800 26px Inter,sans-serif;color:#0E1B3D}.ui-anneau small{font-size:12px;color:#4A5876}
.ui-legende{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px;flex:1;min-width:150px}
.ui-legende li{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;gap:8px;align-items:center}
.ui-legende i{width:11px;height:11px;border-radius:50%}
.ui-legende b{font-weight:700;color:#0E1B3D}.ui-legende span{color:#5B6A87;min-width:34px;text-align:right}

.ui-barres{display:grid;gap:10px}
.ui-barre{display:grid;grid-template-columns:minmax(90px,150px) minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:13px;color:#22304F}
.ui-barre s{display:flex;height:9px;border-radius:5px;background:#E9EEF6;overflow:hidden;text-decoration:none}
.ui-barre s u{display:block;height:100%;text-decoration:none}
.ui-barre b{text-align:right;font-weight:700;color:#0E1B3D}
.ui-pro{height:7px;border-radius:4px;background:#E9EEF6;overflow:hidden}.ui-pro i{display:block;height:100%;border-radius:4px;background:#0B5CFF}

.ui-courbe svg{width:100%;height:auto;display:block}
.ui-courbe .ax{font:500 10.5px Inter,sans-serif;fill:#7A88A6}
.ui-courbe .gr{stroke:#EEF2F8}
.ui-cleg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:#4A5876;margin-bottom:6px}
.ui-cleg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}

.ui-badge{display:inline-flex;align-items:center;gap:5px;font:600 12px/1 Inter,sans-serif;border-radius:20px;padding:5px 10px;white-space:nowrap}
.ui-b-vert{background:#E7F8EE;color:#15803D}.ui-b-bleu{background:#E8F0FF;color:#0B5CFF}.ui-b-orange{background:#FFF1E6;color:#C2410C}
.ui-b-rouge{background:#FDECEC;color:#B91C1C}.ui-b-gris{background:#EEF1F6;color:#4A5876}.ui-b-violet{background:#F2EAFF;color:#6D28D9}.ui-b-jaune{background:#FEF3C7;color:#92400E}

.ui-table{width:100%;border-collapse:collapse;font-size:13.5px}
.ui-table th{font:700 12px Inter,sans-serif;color:#4A5876;text-align:left;padding:10px;background:#F6F8FC;border-bottom:1px solid #E3E9F3;white-space:nowrap}
.ui-table td{padding:10px;border-bottom:1px solid #EEF2F8;vertical-align:middle;color:#22304F}
.ui-table tr:hover td{background:#FAFCFF}
.ui-tw{overflow-x:auto}

.ui-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ui-ligne{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid #EEF2F8;border-radius:11px;background:#fff}
.ui-ligne .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none}
.ui-ligne .ic svg{width:19px;height:19px}
.ui-ligne b{display:block;font-size:13.5px;color:#0E1B3D}.ui-ligne small{display:block;font-size:12px;color:#5B6A87}
.ui-ligne .fin{margin-left:auto;font-size:12.5px;font-weight:600;color:#0B5CFF;text-decoration:none;white-space:nowrap}

.ui-etapes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ui-etape{position:relative;padding:12px 12px 10px 22px;text-align:center;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}
.ui-etape:first-child{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);padding-left:12px}
.ui-etape b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;font:800 14px Inter,sans-serif;color:#0E1B3D}
.ui-etape span{display:block;font-size:13px;font-weight:600;color:#0E1B3D;margin-top:4px}

@media (max-width:1100px){.ui-g3{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-g21,.ui-g12{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.ui-g2,.ui-g3{grid-template-columns:minmax(0,1fr)}.ui-tete h1{font-size:24px}.ui-etapes{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-etape{clip-path:none!important;padding:10px!important;border-radius:10px}}

/* Tableau de bord (maquette Jalon_2/02) : 2/3 en deux colonnes, 1/3 a droite. */
.ui-k8{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (min-width:1380px){.ui-k8{grid-template-columns:repeat(8,minmax(0,1fr))}.ui-k8 .ui-kpi{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.ui-k8 .ui-kpi .ic{width:40px;height:40px}}
.ui-tdb{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;align-items:start}
.ui-tdb-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ui-tdb-d{display:grid;gap:14px}
.ui-tdb-plein{grid-column:1/-1}
.ui-tdb .ui-carte{margin:0}
.ui-etape-col{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:center}
.ui-etape-col>small{font-weight:700;font-size:12.5px;margin-top:4px}

@media (max-width:1100px){.ui-tdb{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.ui-tdb-g{grid-template-columns:minmax(0,1fr)}.ui-k8{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ui-etape-l{display:block;font-size:12px;font-weight:600;color:#0E1B3D;line-height:1.25;hyphens:manual}
.ui-courbe .ax{font-size:10px}
.ui-tdb-g .ui-anneau{width:116px;height:116px}.ui-tdb-g .ui-anneau::after{inset:16px}
.ui-tdb-g .ui-legende{font-size:12.5px;gap:6px}
@media (max-width:760px){.ui-tw .ui-table{min-width:640px}}

/* Projets (maquette Jalon_2/03) */
.ui-pj{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.ui-pj-g{display:grid;gap:14px;min-width:0}.ui-pj-g>*{margin:0}
.ui-pj-d{display:grid;gap:14px}
.ui-filtres{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid #E3E9F3;border-radius:14px;padding:12px}
.ui-filtres select,.ui-cherche{height:40px;border:1.5px solid #D5DEEC;border-radius:9px;background:#fff;font:500 13.5px Inter,sans-serif;color:#22304F;padding:0 10px;min-width:min(170px,100%)}
.ui-cherche{display:flex;align-items:center;gap:8px;flex:1;min-width:min(220px,100%)}.ui-cherche svg{width:17px;height:17px;color:#7A88A6;flex:none}
.ui-cherche input{border:0;outline:0;flex:1;min-width:0;font:inherit;background:transparent}
.ui-table-pj td{padding:9px 10px}
.ui-pj-nom{display:flex;gap:10px;align-items:center;text-decoration:none;color:#0E1B3D}
.ui-pj-nom .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;flex:none}.ui-pj-nom .ic svg{width:18px;height:18px}
.ui-pj-nom b{display:block;font-size:13.5px}.ui-pj-nom small{display:block;font-size:11.5px;color:#7A88A6}
.ui-pj-nom:hover b{color:#0B5CFF}
.ui-pj-av{display:flex;align-items:center;gap:8px;min-width:120px}.ui-pj-av .ui-pro{flex:1}.ui-pj-av b{font-size:12.5px}
.ui-pj-cv{display:inline-flex;align-items:center;gap:7px}.ui-pj-cv b{font-size:12.5px}
.ui-mini{width:24px;height:24px;border-radius:50%;position:relative;flex:none}.ui-mini::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}
.ui-pj-an{display:inline-flex;align-items:center;gap:6px;font-weight:600}.ui-pj-an i{width:7px;height:7px;border-radius:50%;background:#EF4444}
.ui-pied{margin:12px 0 0;font-size:12.5px;color:#5B6A87}
.ui-form3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
.ui-vedette{background:#F3F7FF;border-radius:14px;padding:16px;display:grid;gap:10px}
.ui-vedette h3{font:800 22px Inter,sans-serif;color:#0E1B3D;margin:4px 0 0}.ui-vedette p{margin:0;font-size:13.5px;color:#22304F}
.ui-ved-haut{display:flex;justify-content:space-between;align-items:center}
.ui-ved-haut .ic{width:40px;height:40px;border-radius:10px;background:#0B5CFF;color:#fff;display:grid;place-items:center}.ui-ved-haut .ic svg{width:22px;height:22px}
.ui-ved-sous{color:#5B6A87!important}
.ui-ved-av{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:#0E1B3D}.ui-ved-av b{color:#0B5CFF}
.ui-ved-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ui-ved-3>div{background:#fff;border:1px solid #E3E9F3;border-radius:10px;padding:10px;display:grid;gap:4px}
.ui-ved-3 b{font-size:14px;color:#0E1B3D}.ui-ved-3 b.rouge{color:#DC2626;font-size:17px}.ui-ved-3 small{font-size:11px;color:#5B6A87;line-height:1.25}
.ui-ved-liens{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #E3E9F3;border-radius:10px}
.ui-ved-liens li+li{border-top:1px solid #EEF2F8}
.ui-ved-liens a{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;color:#22304F;text-decoration:none}.ui-ved-liens a:hover{color:#0B5CFF}
.ui-ved-liens svg{width:17px;height:17px;color:#4A5876}.ui-ved-liens span{flex:1}
.ui-ech{display:grid;grid-template-columns:44px 36px minmax(0,1fr) auto;gap:10px;align-items:center}
.ui-ech-d{text-align:center;line-height:1}.ui-ech-d b{display:block;font:800 19px Inter,sans-serif;color:#0E1B3D}.ui-ech-d small{font-size:10px;font-weight:700;color:#5B6A87}
.ui-ech .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff}.ui-ech .ic svg{width:18px;height:18px}
.ui-ech a{text-decoration:none;min-width:0}.ui-ech a b{display:block;font-size:13.5px;color:#0E1B3D;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-ech a small{font-size:11.5px;color:#5B6A87}
@media (max-width:1180px){.ui-pj{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.ui-form3{grid-template-columns:minmax(0,1fr)}.ui-table-pj{min-width:860px}}
.ui-k4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1000px){.ui-k4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1181px){.ui-pj{grid-template-columns:minmax(0,1fr) 300px}}
.ui-pj-nom{min-width:190px}.ui-pj-av{min-width:96px}
.ui-table-pj th,.ui-table-pj td{padding-left:8px;padding-right:8px}
.ui-ved-3 .ui-pj-cv{gap:5px}.ui-ved-3 .ui-pj-cv b{font-size:13px}.ui-ved-3 b{font-size:13px}

/* Connexion (maquette Jalon_2/01) */
body:has(.cx){margin:0;background:#04122E}
.cx{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;padding:32px;box-sizing:border-box;font-family:Inter,sans-serif;
  background:radial-gradient(900px 500px at 70% 0%,rgba(37,99,235,.45),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(29,107,255,.3),transparent 60%),linear-gradient(160deg,#061A44,#030C24)}
.cx-g{color:#fff;padding:18px 24px;min-width:0;display:flex;flex-direction:column;gap:22px}
.cx-marque{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}
.cx-marque b{display:block;font:800 32px/1 Inter,sans-serif;letter-spacing:.01em}.cx-marque small{font-size:14px;color:#C9D6F2}
.cx-sur{margin:10px 0 0;font-size:14px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#8FB3FF}
.cx-g h2{margin:0;font:800 clamp(30px,3.4vw,48px)/1.1 Inter,sans-serif;color:#fff!important;letter-spacing:-.02em}
.cx-g h2 em{font-style:normal;color:#2F7BFF}
.cx-texte{margin:0;font-size:17px;line-height:1.6;color:#E3EBFA;max-width:640px}
.cx-atouts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cx-atouts li{display:flex;gap:12px;font-size:13.5px;line-height:1.45;color:#C9D6F2}
.cx-atouts span{width:50px;height:50px;border-radius:12px;background:rgba(29,107,255,.25);border:1px solid rgba(96,165,250,.4);display:grid;place-items:center;flex:none;color:#7FB0FF}
.cx-atouts svg{width:26px;height:26px}.cx-atouts b{display:block;color:#fff;font-size:15.5px;margin-bottom:3px}
.cx-apercu{margin:8px 0 0;max-width:740px;border-radius:16px;padding:8px;background:linear-gradient(145deg,rgba(96,165,250,.55),rgba(29,78,216,.2));box-shadow:0 30px 80px -20px rgba(29,107,255,.6);transform:perspective(1400px) rotateY(8deg) rotateX(3deg)}
.cx-apercu img{display:block;width:100%;height:auto;border-radius:10px}
.cx-d{display:flex;align-items:stretch;min-width:0}
.cx-carte{background:#fff;border-radius:28px;padding:44px 56px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;position:relative}
.cx-langue{position:absolute;top:20px;right:24px}
.cx-langue .langsw{display:inline-flex;gap:2px}.cx-langue .langsw a{font-size:12.5px;font-weight:700;padding:5px 8px;border-radius:6px;color:#5B6478;text-decoration:none}.cx-langue .langsw a.on{background:#EAF2FF;color:#0B5CFF}
.cx-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:26px}
.cx-logo b{display:block;font:800 28px/1 Inter,sans-serif;color:#0E1B3D}.cx-logo small{font-size:13px;color:#4A5876}
.cx-carte h1{margin:0;text-align:center;font:800 32px/1.15 Inter,sans-serif;color:#0E1B3D!important;letter-spacing:-.01em}
.cx-sous{text-align:center;margin:12px auto 28px;max-width:470px;color:#5B6A87;font-size:16px;line-height:1.55}
.cx-l{display:block;font-size:15px;font-weight:500;color:#0E1B3D;margin:0 0 8px}
.cx-l2{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px}.cx-l2 a{font-size:15px;color:#0B5CFF;text-decoration:none}
.cx-champ{display:flex;align-items:center;gap:12px;height:52px;border:1.5px solid #D5DEEC;border-radius:10px;padding:0 14px;background:#fff}
.cx-champ:focus-within{border-color:#0B5CFF;box-shadow:0 0 0 3px rgba(11,92,255,.15)}
.cx-champ>svg{width:20px;height:20px;color:#5B6A87;flex:none}
.cx-champ input{border:0;outline:0;flex:1;min-width:0;font:400 16px Inter,sans-serif;color:#0E1B3D;background:transparent;padding:0;height:100%}
.cx-oeil{border:0;background:none;padding:4px;cursor:pointer;color:#5B6A87}.cx-oeil svg{width:20px;height:20px;display:block}
.cx-btn{margin-top:26px;width:100%;height:56px;border:0;border-radius:10px;background:#0B5CFF;color:#fff;font:600 19px Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}
.cx-btn:hover{background:#0049D6}.cx-btn svg{width:22px;height:22px}
.cx-ou{display:flex;align-items:center;gap:14px;margin:22px 0;color:#5B6A87;font-size:14px}.cx-ou::before,.cx-ou::after{content:"";flex:1;height:1px;background:#E3E9F3}
.cx-btn2{height:56px;border:1.5px solid #0B5CFF;border-radius:10px;color:#0B5CFF;font:600 19px Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}
.cx-btn2:hover{background:#F3F7FF}.cx-btn2 svg{width:22px;height:22px}
.cx-aide{margin-top:28px;background:#F4F7FC;border-radius:14px;padding:20px 24px;display:flex;gap:22px;align-items:center}
.cx-aide>svg{width:38px;height:38px;color:#4A5876;flex:none}
.cx-aide b{display:block;font-size:16px;color:#0E1B3D;font-weight:600}.cx-aide span{display:block;font-size:14.5px;color:#4A5876}.cx-aide a{font-size:15px;color:#0B5CFF;text-decoration:none}
.cx .flash{margin-bottom:16px}
@media (max-width:1100px){.cx{grid-template-columns:minmax(0,1fr);padding:16px;align-content:start}.cx-d{order:-1}.cx-apercu{transform:none}.cx-carte{padding:56px 22px 28px;border-radius:20px}.cx-atouts{grid-template-columns:minmax(0,1fr)}.cx-g{padding:8px 4px}}

/* Vue 360° (maquettes Jalon_3/09, 3/06, 3/02, 2/04) */
.v3-tete{background:#fff;border:1px solid #E3E9F3;border-radius:14px;padding:18px 20px;margin-bottom:14px}
.v3-titre{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}
.v3-titre h1{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;font:800 28px/1.15 Inter,sans-serif;color:#0E1B3D}
.v3-titre p{margin:6px 0 0;color:#4A5876;font-size:14.5px;max-width:780px}
.v3-meta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px;border-top:1px solid #EEF2F8;padding-top:14px}
.v3-meta>div{display:flex;gap:10px;align-items:center;min-width:0}
.v3-meta .ic{width:34px;height:34px;border-radius:9px;background:#EEF3FB;color:#4A5876;display:grid;place-items:center;flex:none}.v3-meta .ic svg{width:18px;height:18px}
.v3-meta small{display:block;font-size:11.5px;color:#5B6A87}.v3-meta b{display:block;font-size:13.5px;color:#0E1B3D;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3-onglets{display:flex;gap:4px;overflow-x:auto;background:#fff;border:1px solid #E3E9F3;border-radius:14px;padding:6px;margin-bottom:14px}
.v3-onglets a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font:600 14px Inter,sans-serif;color:#4A5876;text-decoration:none;white-space:nowrap}
.v3-onglets a svg{width:18px;height:18px}.v3-onglets a.on{background:#E8F0FF;color:#0B5CFF}.v3-onglets a:hover{color:#0B5CFF}
.v3-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1300px){.v3-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}}
.v3-anneau{width:52px!important;height:52px!important;display:grid;place-items:center}.v3-anneau::after{inset:6px!important}
.v3-anneau b{position:relative;z-index:1;font:800 13px Inter,sans-serif!important;color:#0E1B3D}
.v3-anneau.grand{width:96px!important;height:96px!important}.v3-anneau.grand::after{inset:10px!important}.v3-anneau.grand b{font-size:20px!important}
.v3-pct{font:700 15px Inter,sans-serif;color:#0B5CFF}
.v3-phases{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.v3-phase{background:var(--f);border-radius:12px;padding:12px;min-width:0}
.v3-ph-t{display:flex;gap:10px;align-items:center;min-height:44px}
.v3-ph-t .num{width:36px;height:36px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:800 16px Inter,sans-serif;flex:none}
.v3-ph-t b{font-size:13.5px;color:var(--c);line-height:1.25}
.v3-ph-p{display:flex;align-items:center;gap:8px;margin:10px 0 8px}.v3-ph-p .ui-pro{flex:1;background:#fff}.v3-ph-p small{font-weight:700;font-size:12px;color:var(--c)}
.v3-phase ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.v3-phase li{position:relative;padding-left:20px;font-size:12px;line-height:1.3}
.v3-phase li::before{content:"";position:absolute;left:0;top:1px;width:12px;height:12px;border-radius:50%;border:1.5px solid #94A3B8;background:#fff}
.v3-phase li.ok::before{background:#16A34A;border-color:#16A34A;box-shadow:inset 0 0 0 2px #fff}
.v3-phase li a{color:#22304F;text-decoration:none}.v3-phase li a:hover{color:#0B5CFF;text-decoration:underline}
.v3-circuit .journey{border:0;padding:0;margin:0}
.v3-aide{font:500 12.5px Inter,sans-serif;color:#5B6A87}
.v3-circuit,.v3-parcours,.v3-ready{margin-bottom:14px}
.v3-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-g4{grid-template-columns:repeat(4,minmax(0,1fr))}.v3-g21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.v3-vide{color:#5B6A87;font-size:13.5px;margin:0}
.v3-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v3-col{background:var(--f);border-radius:10px;padding:10px;display:grid;gap:7px;align-content:start}
.v3-col h3{margin:0;font:700 13px Inter,sans-serif;color:var(--c)}.v3-col h3 small{color:#5B6A87}
.v3-carte{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#fff;border-radius:8px;padding:8px 10px;border-left:3px solid var(--c);font-size:12px;font-weight:600;color:#22304F;text-decoration:none}
.v3-carte em{font-style:normal;font-size:11px;color:#5B6A87;white-space:nowrap}.v3-carte:hover span{color:#0B5CFF}
.v3-plus{font-size:12px;color:#0B5CFF;text-decoration:none}
.v3-sprint-t{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.v3-sprint-t b{font-size:15px;color:#0E1B3D}.v3-sprint-t small{width:100%;color:#5B6A87;font-size:12.5px}
.v3-sprint{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:16px;align-items:center}
.v3-sprint-c{display:grid;gap:10px}.v3-sprint-c b{display:block;font:800 18px Inter,sans-serif;color:#0E1B3D}.v3-sprint-c small{font-size:12px;color:#5B6A87}
.v3-tournees li{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;padding:8px 10px;border:1px solid #EEF2F8;border-radius:9px}
.v3-tournees a,.v3-lien{color:#0E1B3D;text-decoration:none;font-weight:600}.v3-lien{color:#0B5CFF;font-size:12.5px}
.v3-fil{list-style:none;margin:0;padding:0;display:grid;gap:10px}.v3-fil li{display:grid;gap:3px;font-size:12.5px;color:#22304F;border-bottom:1px solid #EEF2F8;padding-bottom:8px}
.v3-qui{font-size:11.5px;color:#5B6A87}
.v3-ready-g{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;align-items:center}
.v3-ready-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v3-ready-l li{display:grid;grid-template-columns:minmax(0,1.6fr) 56px minmax(0,1fr) 60px;gap:12px;align-items:center;font-size:13.5px;color:#22304F}
.v3-ready-l b{text-align:right}.v3-ready-l b.ok{color:#15803D}.v3-ready-l b.ko{color:#EA580C}.v3-ready-l small{color:#5B6A87;font-size:12px}
.v3-verdict{display:flex;gap:12px;background:#FFF7ED;border:1px solid #FED7AA;border-radius:12px;padding:14px;color:#9A3412}
.v3-verdict.ok{background:#F0F7FF;border-color:#BFDBFE;color:#0B3B8C}
.v3-verdict svg{width:24px;height:24px;flex:none}.v3-verdict b{display:block;font-size:13.5px}.v3-verdict span{font-size:12.5px}
@media (max-width:1300px){.v3-phases{grid-template-columns:repeat(3,minmax(0,1fr))}.v3-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.v3-g2,.v3-g21,.v3-ready-g{grid-template-columns:minmax(0,1fr)}.v3-sprint{grid-template-columns:auto minmax(0,1fr)}.v3-bd{grid-column:1/-1}}
@media (max-width:640px){.v3-phases,.v3-g4,.v3-kanban{grid-template-columns:minmax(0,1fr)}.v3-meta,.v3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-ready-l li{grid-template-columns:minmax(0,1fr) 50px;}.v3-ready-l li .ui-pro{grid-column:1/-1}.v3-ready-l li small{display:none}}
@media (max-width:640px){.ui-carte h2{flex-wrap:wrap}}
.v3-anneau b{font-size:12px!important}

/* Canal Central (maquette Jalon_2/05) */
.cx2-tete{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start;margin-bottom:12px}
.cx2-tete h1>span:last-child{display:flex;flex-direction:column}.cx2-tete h1 small{font:700 20px Inter,sans-serif;color:#22304F;margin-top:4px}
.cx2-projet{background:#fff;border:1px solid #E3E9F3;border-radius:14px;padding:14px 16px;display:grid;gap:8px}
.cx2-projet b{font-size:15px;color:#0E1B3D}.cx2-projet small{color:#5B6A87;font-size:12.5px}
.cx2-phases{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;background:#fff;border:1px solid #E3E9F3;border-radius:14px;padding:12px;margin:12px 0}
.cx2-phase{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:8px;border-radius:10px;text-decoration:none;color:#0E1B3D}
.cx2-phase:hover,.cx2-phase.on{background:var(--f)}
.cx2-phase .num{width:34px;height:34px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:800 15px Inter,sans-serif}
.cx2-phase b{font-size:12.5px;line-height:1.25}
.cx2-ph-p{grid-column:1/-1;display:flex;align-items:center;gap:8px}.cx2-ph-p small{font-weight:700;color:var(--c);font-size:12.5px;min-width:34px}.cx2-ph-p .ui-pro{flex:1}
.cx2-mode{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.cx2-filtres{margin-bottom:12px}
.cx2-2col{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}
.cx2-side{display:grid;gap:14px}
.cx2-jour{font:500 14px Inter,sans-serif;color:#5B6A87;margin:14px 0 8px;padding-bottom:6px;border-bottom:1px solid #EEF2F8}.cx2-jour b{color:#0E1B3D;margin-right:6px}
.cx2-tl{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}
.cx2-tl::before{content:"";position:absolute;left:56px;top:6px;bottom:6px;width:2px;background:#E3E9F3}
.cx2-ev{display:grid;grid-template-columns:42px 14px minmax(0,1fr);gap:8px;align-items:start}
.cx2-h{font:600 12.5px Inter,sans-serif;color:#4A5876;padding-top:14px}
.cx2-pt{width:12px;height:12px;border-radius:50%;background:var(--c);margin-top:16px;position:relative;z-index:1;box-shadow:0 0 0 3px #fff}
.cx2-carte{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #E3E9F3;border-radius:12px;padding:10px 12px;background:#fff}
.cx2-qui{display:flex;gap:8px;align-items:center;min-width:0}.cx2-qui b{display:block;font-size:13px;color:#0E1B3D}.cx2-qui small{display:inline-block;font-size:10.5px;background:#EEF1F6;color:#4A5876;border-radius:5px;padding:1px 6px;margin-top:2px}
.cx2-quoi p{margin:0;font-size:13px;color:#22304F;line-height:1.4}
.cx2-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.cx2-tag{font-size:11px;font-weight:600;background:#F2EAFF;color:#6D28D9;border-radius:6px;padding:2px 7px}.cx2-tag+.cx2-tag{background:#EEF1F6;color:#4A5876}
.cx2-fin{display:flex;gap:8px;align-items:center}.cx2-go{font-size:22px;color:#7A88A6;text-decoration:none;padding:0 4px}
.cx2-al,.cx2-val,.cx2-pro,.cx2-ag{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cx2-al li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:start;font-size:13px;padding-bottom:10px;border-bottom:1px solid #EEF2F8}
.cx2-al li a{color:#0E1B3D;font-weight:600;text-decoration:none}.cx2-al li small{grid-column:2;color:#5B6A87;font-size:12px}.cx2-al .cx2-calme{display:block;border:0}
.cx2-val li{display:flex;gap:10px;align-items:center;justify-content:space-between}.cx2-val b{display:block;font-size:13px;color:#0E1B3D}.cx2-val small{font-size:11.5px;color:#5B6A87}.cx2-val .ui-btn{padding:6px 12px;border-color:#0B5CFF;color:#0B5CFF}
.cx2-pro li{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:13px}
.cx2-pro .num{width:26px;height:26px;border-radius:50%;border:2px solid #F59E0B;color:#B45309;display:grid;place-items:center;font-weight:800;font-size:12px}
.cx2-pro a{color:#0E1B3D;font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx2-pro small{color:#5B6A87;font-size:12px;white-space:nowrap}
.cx2-ag a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-decoration:none;color:#22304F}
.cx2-ag b{display:block;font-size:13px;color:#0E1B3D}.cx2-ag small{font-size:11.5px;color:#5B6A87}.cx2-ag em{font-style:normal;font-size:11.5px;color:#4A5876;text-align:right}
@media (max-width:1280px){.cx2-carte{grid-template-columns:minmax(0,1fr) auto}.cx2-qui{grid-column:1/-1}.cx2-fin{grid-row:1;grid-column:2}}
@media (max-width:1100px){.cx2-2col,.cx2-tete{grid-template-columns:minmax(0,1fr)}.cx2-phases{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.cx2-phases{grid-template-columns:repeat(2,minmax(0,1fr))}.cx2-tl::before{left:47px}.cx2-ev{grid-template-columns:36px 12px minmax(0,1fr);gap:6px}}
.cx2-phase,.cx2-al a,.cx2-pro a,.cx2-ag a,.cx2-ag a *,.cx2-go,.ui-carte h2 a,.ui-btn,.v3-carte,.v3-lien,.v3-plus,.v3-onglets a,.v3-phase li a,.ui-pj-nom,.ui-ved-liens a{text-decoration:none!important}
.cx2-side .muted{font-size:13px}
@media (max-width:640px){.cx2-tl::before,.cx2-pt{display:none}.cx2-ev{grid-template-columns:minmax(0,1fr);gap:4px}.cx2-h{padding:0}}

/* Kanban (maquette Jalon_2/06) */
.kb-filtres{align-items:flex-end;margin:12px 0}
.kb-filtres .field{margin:0;min-width:min(200px,100%)}.kb-filtres .field label{font-size:11.5px;color:#5B6A87;font-weight:600}
.kb-filtres select{height:40px;border:1.5px solid #D5DEEC;border-radius:9px;font:500 13.5px Inter,sans-serif}
.kb-reinit{margin-left:auto;align-self:center;color:#0B5CFF;font-weight:600;font-size:13.5px;text-decoration:none!important}
.kboard .kcol{border-radius:14px}
.kboard .kcol h3{display:flex;align-items:center;gap:8px;font:700 15px Inter,sans-serif;color:#0E1B3D}
.kboard .kcol h3 .kcount{margin-left:auto;background:#fff;border-radius:20px;padding:2px 9px;font-size:12px}
.kb-pt{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none}
.kboard .tk{border-radius:12px;box-shadow:0 4px 14px -12px rgba(14,27,61,.45);text-decoration:none!important}
.kb-ph{font-size:12px;color:#5B6A87;margin:2px 0 6px}
.kb-pied{display:flex;align-items:center;gap:8px;margin-top:6px}.kb-pied .tk-bar{flex:1;margin:0}.kb-pied b{font-size:12px;color:#0B5CFF}.kb-pied span{font-size:12px;color:#4A5876}
.kb-ajout{display:block;text-align:center;margin-top:8px;padding:9px;border-radius:10px;background:rgba(255,255,255,.7);color:#0B5CFF;font-weight:600;font-size:13px;text-decoration:none!important}
.kb-ajout:hover{background:#fff}
.ui-tete>div:first-child{flex:1 1 420px;min-width:0}

/* Sprints (maquette Jalon_2/07) */
.sp-choix{display:grid;gap:2px;background:#fff;border:1.5px solid #D5DEEC;border-radius:10px;padding:6px 10px}.sp-choix small{font-size:11px;color:#5B6A87}
.sp-choix select{border:0;font:600 14px Inter,sans-serif;color:#0E1B3D;background:transparent;padding:0;min-width:220px}
.sp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:18px;margin:14px 0}
.sp-titre{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp-titre h2{margin:0;font:800 24px Inter,sans-serif;color:#0E1B3D}
.sp-dates{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#22304F;margin:10px 0}.sp-dates svg{width:17px;height:17px}.sp-dates span{color:#5B6A87}
.sp-obj{display:flex;gap:12px;margin-top:14px}.sp-obj .ic{width:40px;height:40px;border-radius:50%;background:#E8F0FF;color:#0B5CFF;display:grid;place-items:center;flex:none}.sp-obj .ic svg{width:22px;height:22px}
.sp-obj b{font-size:15px;color:#0E1B3D}.sp-obj p{margin:4px 0 0;font-size:13.5px;color:#22304F;line-height:1.5}
.sp-act{margin-top:16px}
.sp-droite{display:grid;gap:14px;min-width:0}
.sp-g2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}
.sp-g2 .ui-carte{box-shadow:none}
.sp-note{font-size:12.5px;color:#5B6A87;margin:8px 0 0}
.sp-cer{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sp-cer li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;background:#F6F8FC;border-radius:10px;padding:8px 10px}
.sp-cer .ic{width:34px;height:34px;border-radius:9px;background:#E8F0FF;color:#0B5CFF;display:grid;place-items:center}.sp-cer .ic svg{width:18px;height:18px}
.sp-cer b{display:block;font-size:13px;color:#0E1B3D}.sp-cer small{font-size:11.5px;color:#5B6A87}
.sp-bas{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-bottom:14px;align-items:start}
.sp-cote{display:grid;gap:14px}.sp-bloc{background:#FFF8F8;border-color:#FBD5D5}
.sp-retex{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sp-retex li{position:relative;padding-left:22px;font-size:13px;color:#22304F}
.sp-retex li::before{content:"👍";position:absolute;left:0;font-size:13px}.sp-retex li.am::before{content:"●";color:#F97316}
@media (max-width:1250px){.sp-hero,.sp-g2,.sp-bas{grid-template-columns:minmax(0,1fr)}}

/* Tests Metiers (maquette Jalon_2/08) */
.tm-2col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px}
.tm-cote{display:grid;gap:14px}
.tm-mx th.c,.tm-mx td.c{text-align:center}.tm-mx th svg{width:17px;height:17px;color:#0B5CFF}
.tm-pt{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font:800 12px Inter,sans-serif;color:#fff;font-style:normal}
.tm-pt.ok{background:#16A34A}.tm-pt.gap{background:#F59E0B}.tm-pt.deny{background:#7C3AED}.tm-pt.na{background:#CBD5E1}
.tm-leg{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:#4A5876;margin-top:12px}.tm-leg span{display:flex;align-items:center;gap:6px}.tm-leg b{color:#0E1B3D}
.tm-banniere{display:flex;gap:14px;align-items:center;background:#FDECEC;border-radius:12px;padding:14px 16px;margin-bottom:14px}
.tm-banniere .ic{width:50px;height:50px;border-radius:50%;background:#EF4444;color:#fff;display:grid;place-items:center;font:800 26px Inter,sans-serif;flex:none}
.tm-banniere b{display:block;font:800 18px Inter,sans-serif;color:#DC2626}.tm-banniere span{font-size:13px;color:#22304F}
.tm-banniere.ok{background:#E7F8EE}.tm-banniere.ok .ic{background:#16A34A}.tm-banniere.ok b{color:#15803D}
.tm-h3{font:700 14px Inter,sans-serif;color:#0E1B3D;margin:0 0 8px}
.tm-crit{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:9px}
.tm-crit li{display:flex;gap:10px;align-items:flex-start}.tm-crit i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:800 11px Inter,sans-serif;color:#fff;font-style:normal;flex:none;background:#16A34A}
.tm-crit li.ko i{background:#EF4444}.tm-crit b{display:block;font-size:13px;color:#0E1B3D}.tm-crit small{font-size:12px;color:#5B6A87}
.tm-raisons{background:#FDECEC;border-radius:12px;padding:12px 14px}.tm-raisons>b{display:flex;gap:8px;align-items:center;color:#DC2626;font-size:14px}.tm-raisons svg{width:18px;height:18px}
.tm-raisons ul{margin:8px 0 0;padding-left:18px;font-size:12.5px;color:#22304F;display:grid;gap:4px}
.tm-bas{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:1150px){.tm-2col,.tm-bas{grid-template-columns:minmax(0,1fr)}}

/* Tournee de validation (maquette Jalon_2/09) */
.to-2col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.to-g,.to-cote{display:grid;gap:14px;min-width:0}
.to-hero-h{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
.to-sur{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font:700 12.5px Inter,sans-serif;letter-spacing:.06em;color:#0B5CFF}
.to-hero h2{margin:8px 0;font:800 24px Inter,sans-serif;color:#0E1B3D}
.to-meta{display:flex;gap:16px;flex-wrap:wrap;margin:0;font-size:13px;color:#4A5876}.to-meta span{display:flex;gap:6px;align-items:center}.to-meta svg{width:16px;height:16px}
.to-av{min-width:min(320px,100%);flex:0 1 360px;display:grid;gap:8px}.to-av div:first-child{display:flex;justify-content:space-between;font-size:13.5px;color:#0E1B3D}.bleu{color:#0B5CFF}
.to-kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin:16px 0 0}
.to-histo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.to-carte{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;border:1.5px solid #E3E9F3;border-radius:12px;padding:16px 10px;text-decoration:none!important;color:#22304F}
.to-carte b{font-size:14px;color:#0E1B3D}.to-carte small{font-size:12px;color:#5B6A87}
.to-carte.on{border-color:#0B5CFF;background:#F5F9FF}
.to-tag{position:absolute;top:-11px;background:#E7F8EE;color:#15803D;font-size:11px;font-weight:700;border-radius:20px;padding:2px 9px}
.to-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.to-cl-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}.to-cl-h .ui-pro{flex:1}.to-cl-h b{font-size:13px;white-space:nowrap}
.to-cl{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.to-cl li{display:grid;grid-template-columns:24px minmax(0,1fr) auto 28px 72px;gap:8px;align-items:center;font-size:13px;padding:5px 0;border-bottom:1px solid #F1F4F9}
.to-cl form{margin:0}
.to-case{width:20px;height:20px;border-radius:5px;border:1.5px solid #94A3B8;background:#fff;display:grid;place-items:center;color:#fff;font:800 12px Inter,sans-serif;cursor:pointer;padding:0}
.to-case.ok{background:#16A34A;border-color:#16A34A}
.to-ini{width:26px;height:26px;border-radius:50%;background:#EEF1F6;color:#4A5876;font-size:10.5px;font-weight:700;display:grid;place-items:center}
.to-cl small{font-size:11.5px;color:#5B6A87;text-align:right}
.to-pv{display:flex;gap:12px;background:#F3F7FF;border-radius:12px;padding:14px;margin-bottom:12px}.to-pv .ic{width:44px;height:44px;border-radius:10px;background:#fff;color:#0B5CFF;display:grid;place-items:center;flex:none}.to-pv .ic svg{width:26px;height:26px}
.to-pv b{font-size:14px;color:#0E1B3D}.to-pv p{margin:4px 0 0;font-size:12.5px;color:#4A5876}
.to-sig{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.to-sig>div{border:1px solid #E3E9F3;border-radius:10px;padding:10px;display:grid;gap:6px;align-content:start}.to-sig>div.ok{border-color:#BBF7D0}
.to-sig b{font-size:13px;color:#0E1B3D}.to-sig small{font-size:11.5px;color:#5B6A87}.to-sig form{margin:0}.to-sig .ui-btn{padding:6px 12px}
.to-obs{list-style:none;margin:0;padding:0;display:grid;gap:8px}.to-obs li{display:flex;gap:10px;align-items:center;font-size:13px;padding:8px 10px;border:1px solid #EEF2F8;border-radius:10px}
.to-lancer{border:0;padding:0;align-items:flex-end}.to-lancer .field{margin:0}
.to-part{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.to-part li{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:10px;align-items:center}
.to-av2{width:38px;height:38px;border-radius:50%;background:#E8F0FF;color:#0B5CFF;font-weight:800;font-size:13px;display:grid;place-items:center}
.to-part b{display:block;font-size:13.5px;color:#0E1B3D}.to-part small{font-size:12px;color:#5B6A87}.to-part form{margin:0}
.to-x{border:0;background:none;color:#94A3B8;cursor:pointer;font-size:13px;padding:2px 4px}.to-x:hover{color:#DC2626}
.to-form{display:grid;gap:4px}
.to-act{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.to-act li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;color:#22304F}
.to-act i{width:14px;height:14px;border-radius:50%;border:2px solid #CBD5E1}.to-act li.on i{background:#0B5CFF;border-color:#0B5CFF}.to-act li.on span{font-weight:600;color:#0E1B3D}
.to-act small{font-size:11.5px;color:#5B6A87}
.to-dec{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.to-dec li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13.5px;font-weight:600;color:#0E1B3D}
.to-dec i{width:18px;height:18px;border-radius:50%;border:2px solid #CBD5E1;display:grid;place-items:center;font-style:normal;font-size:11px;color:#fff}.to-dec li.ok i{background:#16A34A;border-color:#16A34A}
.to-cond{background:#FFF7ED;border:1px solid #FED7AA;border-radius:12px;padding:12px 14px}.to-cond b{display:block;color:#C2410C;font-size:14px}.to-cond span{font-size:12.5px;color:#22304F}
@media (max-width:1250px){.to-2col{grid-template-columns:minmax(0,1fr)}.to-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.to-g2{grid-template-columns:minmax(0,1fr)}.to-histo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.to-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.to-cl li{grid-template-columns:24px minmax(0,1fr) auto}.to-cl li .to-ini,.to-cl li small{display:none}.to-sig{grid-template-columns:minmax(0,1fr)}}
.to-kpis{grid-template-columns:repeat(auto-fit,minmax(min(175px,100%),1fr))}
.to-g2{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
@media (max-width:1600px){.to-cl li{grid-template-columns:24px minmax(0,1fr) auto 28px}.to-cl li small{display:none}}

/* Referentiels (maquette Jalon_2/10) */
.rf-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin:12px 0 14px}
.rf-carte{display:grid;gap:6px;align-content:start;background:#fff;border:1.5px solid #E3E9F3;border-radius:14px;padding:16px;text-decoration:none!important;color:#22304F}
.rf-carte.on{border-color:#0B5CFF;box-shadow:0 0 0 3px rgba(11,92,255,.1)}
.rf-carte .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center}.rf-carte .ic svg{width:26px;height:26px}
.rf-carte b{font-size:15.5px;color:#0E1B3D}.rf-carte small{font-size:12.5px;color:#4A5876;line-height:1.4}
.rf-pied{display:flex;justify-content:space-between;background:#F3F7FF;color:#0B5CFF;font-weight:600;font-size:13px;border-radius:9px;padding:8px 12px;margin-top:6px}
.rf-2col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.rf-cote{display:grid;gap:14px}
.rf-nom{display:flex;gap:10px;align-items:center;text-decoration:none!important;color:#0E1B3D}
.rf-nom .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none}.rf-nom .ic svg{width:19px;height:19px}
.rf-nom b{display:block;font-size:13.5px}.rf-nom small{font-size:12px;color:#5B6A87}
.rf-act{display:flex;gap:6px;flex-wrap:wrap}.rf-act .ui-btn{padding:6px 10px;font-size:12.5px}
.rf-docs{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.rf-docs a{display:flex;gap:10px;align-items:center;padding:8px 6px;border-radius:9px;color:#22304F;text-decoration:none!important;font-size:13.5px}.rf-docs a:hover{background:#F3F7FF;color:#0B5CFF}
.rf-docs .ic{width:30px;height:30px;border-radius:8px;background:#E8F0FF;color:#0B5CFF;display:grid;place-items:center}.rf-docs .ic svg{width:16px;height:16px}.rf-docs a span:nth-child(2){flex:1}
@media (max-width:1200px){.rf-2col{grid-template-columns:minmax(0,1fr)}}
.rf-act{flex-wrap:nowrap}.rf-act .ui-btn{white-space:nowrap}
.rf-act{flex-direction:column;align-items:stretch}.rf-act .ui-btn{justify-content:center}.rf-nom{min-width:170px}
.rf-nom{min-width:0}.rf-2col .ui-table td,.rf-2col .ui-table th{padding-left:8px;padding-right:8px}

/* Lot C2 : radar et navigation du Jalon 1 */
.ui-radar svg{width:100%;height:auto;display:block;max-width:460px;margin:0 auto}
.ui-radar .rd-l{font:600 15px Inter,sans-serif;fill:#22304F}
.j1-nav{display:flex;gap:6px;overflow-x:auto;background:#fff;border:1px solid #E3E9F3;border-radius:14px;padding:6px;margin:0 0 14px}
.j1-nav a{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;font:600 12.5px Inter,sans-serif;color:#4A5876;text-decoration:none!important;white-space:nowrap}
.j1-nav a .n{width:20px;height:20px;border-radius:50%;background:#EEF1F6;display:grid;place-items:center;font-size:11px;color:#4A5876;flex:none}
.j1-nav a svg{width:16px;height:16px;display:none}
.j1-nav a:hover{color:#0B5CFF}.j1-nav a.on{background:#E8F0FF;color:#0B5CFF}.j1-nav a.on .n{background:#0B5CFF;color:#fff}
.ui-k5{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
.j1-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px}
.j1-21{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px}
.j1-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin-bottom:14px}
.j1-col{display:grid;gap:14px;min-width:0}
.j1-dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:9px 14px;margin:0;font-size:13.5px}.j1-dl dt{color:#5B6A87}.j1-dl dd{margin:0;color:#0E1B3D;font-weight:600}
.j1-puces{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.j1-puces li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#22304F;line-height:1.4}
.j1-puces li i{width:18px;height:18px;border-radius:50%;background:#16A34A;color:#fff;font:800 10px/18px Inter,sans-serif;text-align:center;font-style:normal;flex:none;margin-top:1px}
.j1-puces.ko li i{background:#EF4444}.j1-puces.out li i{background:#EF4444}.j1-puces.num li i{background:#0B5CFF}
.j1-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.j1-tags span{border:1.5px solid #CFD9EA;border-radius:20px;padding:5px 12px;font:600 12.5px Inter,sans-serif;color:#0B5CFF}
.j1-pers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.j1-pers div{display:flex;gap:10px;align-items:center;border:1px solid #EEF2F8;border-radius:10px;padding:8px 10px}
.j1-pers .av{width:36px;height:36px;border-radius:50%;background:#E8F0FF;color:#0B5CFF;font-weight:800;font-size:12.5px;display:grid;place-items:center;flex:none}
.j1-pers b{display:block;font-size:13px;color:#0E1B3D}.j1-pers small{font-size:11.5px;color:#5B6A87}
.j1-modif{margin-top:12px}
.j1-modif textarea,.j1-modif input,.j1-modif select{width:100%;box-sizing:border-box}
@media (max-width:1100px){.j1-2col,.j1-21,.j1-3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.j1-dl{grid-template-columns:minmax(0,1fr)}.j1-dl dd{margin-bottom:6px}.j1-pers{grid-template-columns:minmax(0,1fr)}}
.qz-radar{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;align-items:center}
.qz-score{border:1px solid #E3E9F3;border-radius:12px;padding:14px;display:grid;gap:6px}.qz-score b{font:800 34px Inter,sans-serif;color:#0E1B3D}.qz-score small{color:#5B6A87;font-size:12px}
.qz-dom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.qz-dom a{display:grid;gap:8px;border:1px solid #E3E9F3;border-radius:12px;padding:12px;text-decoration:none!important;color:#22304F}
.qz-dom a:hover{border-color:#0B5CFF}.qz-dom .ui-titre{display:flex;gap:8px;align-items:center}.qz-dom .ui-titre svg{width:18px;height:18px;color:#0B5CFF;flex:none}.qz-dom b{font-size:13px;color:#0E1B3D}
.qz-dom small{font-size:11.5px;color:#5B6A87}
.qz-ax{border:1px solid #E3E9F3;border-radius:12px;margin-bottom:8px;background:#fff}
@media (max-width:1100px){.qz-dom{grid-template-columns:repeat(2,minmax(0,1fr))}.qz-radar{grid-template-columns:minmax(0,1fr)}}
.rk-mx{display:grid;grid-template-columns:auto 82px repeat(3,minmax(0,1fr));gap:4px;align-items:center;font-size:11.5px;color:#4A5876}
.rk-mx .rk-ay{grid-row:1/4;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700;color:#0E1B3D;text-align:center}
.rk-mx .rk-l{text-align:right;padding-right:4px}.rk-mx .rk-b{text-align:center}.rk-mx .rk-ax{grid-column:3/6;text-align:center;font-weight:700;color:#0E1B3D}
.rk-c{height:54px;border-radius:6px;display:grid;place-items:center;text-decoration:none!important}
.rk-c b{width:28px;height:28px;border-radius:50%;color:#fff;display:grid;place-items:center;font:800 13px Inter,sans-serif}
.rk-t td{font-size:13px}
.v3-anneau b{font-size:11px!important}.v3-anneau.grand b{font-size:18px!important}
.rd-score{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.rd-score>b{font:800 52px Inter,sans-serif;color:#0E1B3D}
.rd-cible{border:1px solid #E3E9F3;border-radius:12px;padding:12px;display:grid;gap:6px}.rd-cible b{font:800 28px Inter,sans-serif;color:#0E1B3D}.rd-cible small{font-size:12px;color:#5B6A87}
.rd-dom{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px}
.rd-dom a{display:flex;gap:10px;border:1px solid #E3E9F3;border-radius:12px;padding:12px;text-decoration:none!important;color:#22304F}.rd-dom a:hover{border-color:#0B5CFF}
.rd-dom .ic{width:38px;height:38px;border-radius:10px;background:#E8F0FF;color:#0B5CFF;display:grid;place-items:center;flex:none}.rd-dom .ic svg{width:20px;height:20px}
.rd-dom a>span:last-child{display:grid;gap:4px;flex:1;min-width:0}.rd-dom b{font:800 22px Inter,sans-serif;color:#0E1B3D}.rd-dom small{font-size:12px;color:#5B6A87}
.rd-bar{display:block;position:relative;height:10px;border-radius:5px;background:#E9EEF6;overflow:hidden}.rd-bar i,.rd-bar u{position:absolute;left:0;top:0;bottom:0;border-radius:5px}.rd-bar i{background:#86EFAC}.rd-bar u{background:#0B5CFF;text-decoration:none}
.rd-info{display:flex;gap:14px;align-items:center;background:#F3F7FF}.rd-info p{margin:0;flex:1;font-size:13.5px;color:#22304F}.rd-info .ic{width:34px;height:34px;border-radius:50%;background:#0B5CFF;color:#fff;display:grid;place-items:center;flex:none}.rd-info .ic svg{width:18px;height:18px}
.tmi-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
.tmi-l{display:flex;gap:10px;align-items:center;margin:0 0 10px;font:700 14px Inter,sans-serif;color:#0E1B3D}.tmi-l .ic{width:38px;height:38px;border-radius:10px;background:#E8F0FF;color:#0B5CFF;display:grid;place-items:center}.tmi-l .ic svg{width:20px;height:20px}
.tmi-n{display:block;font:800 30px Inter,sans-serif;color:#0E1B3D}.tmi-k small{color:#5B6A87;font-size:13px}
.tmi-p{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:12.5px}.tmi-p li{display:flex;gap:8px;align-items:center}.tmi-p i{width:10px;height:10px;border-radius:50%}.tmi-p b{margin-left:auto}
.tmi-flag{margin-top:12px;border:1px solid #E3E9F3;border-radius:10px;padding:10px;display:grid;gap:2px}.tmi-flag b{font-size:13.5px;color:#0E1B3D}
.tmi-esc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:start}
.tmi-m{position:relative;background:#F1F4F9;border-radius:10px;padding:12px 8px;text-align:center;display:grid;gap:3px}
.tmi-m b{font-size:13px;color:#0E1B3D}.tmi-m small{font-size:12px;color:#4A5876}.tmi-m p{margin:4px 0 0;font-size:11px;color:#5B6A87;line-height:1.35}
.tmi-m.fait{background:#E8F0FF}.tmi-m.act{border:2px solid #0B5CFF}.tmi-m.cib{background:#E7F8EE;border:2px solid #16A34A}
.tmi-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#0B5CFF;color:#fff;font-size:11px;font-weight:700;border-radius:6px;padding:2px 8px}.tmi-tag.v{background:#16A34A}
.tmi-plan{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tmi-plan>li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px}.tmi-plan>li>i{width:16px;height:16px;border-radius:50%;border:2px solid #0B5CFF;margin-top:3px}.tmi-plan>li.on>i{background:#0B5CFF}
.tmi-plan b{font-size:13.5px;color:#0E1B3D;margin-right:8px}.tmi-plan .j1-puces{margin-top:8px}.tmi-plan .j1-puces li{font-size:12.5px}
@media (max-width:1100px){.tmi-k{grid-template-columns:repeat(2,minmax(0,1fr))}.tmi-esc{grid-template-columns:repeat(2,minmax(0,1fr))}.tmi-m{margin-top:0!important}}
@media (max-width:640px){.tmi-k{grid-template-columns:minmax(0,1fr)}}
.ob-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0B5CFF;color:#fff;font:800 12px Inter,sans-serif}
.st-k{grid-template-columns:repeat(auto-fit,minmax(min(175px,100%),1fr))}
.st-carte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:center}
.st-col{background:#F3F6FB;border-radius:12px;padding:12px;display:grid;gap:8px}.st-col>b{text-align:center;font-size:14px;color:#0E1B3D}
.st-col span{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #E3E9F3;border-radius:9px;padding:8px;font-size:12.5px;color:#22304F}.st-col svg{width:17px;height:17px;color:#0B5CFF;flex:none}
.st-col.sortie{background:#ECFDF3}.st-col.sortie svg{color:#16A34A}
.st-mil{display:grid;gap:12px}.st-mil svg{width:22px;height:22px}
.st-gov,.st-bas>span{display:grid;justify-items:center;text-align:center;gap:3px;background:#F3F7FF;border:1px solid #DCE6F7;border-radius:10px;padding:10px;color:#0B5CFF}.st-gov b,.st-bas b{font-size:13px;color:#0E1B3D}.st-gov small,.st-bas small{font-size:11.5px;color:#4A5876}
.st-coeur{display:grid;justify-items:center;text-align:center;gap:4px;background:#0B5CFF;color:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 24px -14px rgba(11,92,255,.8)}.st-coeur b{font-size:16px;letter-spacing:.04em}.st-coeur small{font-size:12px;opacity:.9}
.st-bas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.st-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start;margin-bottom:14px}
.st-appr{display:flex;flex-wrap:wrap;gap:8px}.st-appr span{border:1.5px solid #CFD9EA;border-radius:10px;padding:8px 10px;font:600 12.5px Inter,sans-serif;color:#0E1B3D}
.st-outils{list-style:none;margin:0;padding:0;display:grid;gap:8px}.st-outils li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;border-bottom:1px solid #EEF2F8;padding-bottom:6px}
.st-outils b{font-size:13px;color:#0E1B3D}.st-outils small{grid-column:1;font-size:11.5px;color:#5B6A87}.st-outils .ui-badge{grid-row:1/3;grid-column:2}
.st-edit{margin-bottom:14px}.st-edit>summary{cursor:pointer;font:700 15px Inter,sans-serif;color:#0B5CFF;display:flex;gap:8px;align-items:center}.st-edit>summary svg{width:18px;height:18px}
.st-edit[open]>summary{margin-bottom:14px}
@media (max-width:1250px){.st-4{grid-template-columns:repeat(2,minmax(0,1fr))}.st-carte{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.st-4{grid-template-columns:minmax(0,1fr)}}
.ga{display:grid;gap:6px;font-size:12.5px}
.ga-h,.ga-l{display:grid;grid-template-columns:190px 46px 46px minmax(0,1fr);gap:8px;align-items:center}
.ga-h{color:#5B6A87;font-weight:700;font-size:11.5px;border-bottom:1px solid #EEF2F8;padding-bottom:6px}
.ga-mois{position:relative;height:16px}.ga-mois i{position:absolute;font-style:normal;white-space:nowrap}
.ga-l>span:first-child{display:flex;gap:8px;align-items:center;color:#0E1B3D;font-weight:600}.ga-l .ob-n{width:20px;height:20px;font-size:11px;flex:none}
.ga-t{position:relative;height:22px;background:repeating-linear-gradient(90deg,#F6F8FC 0 calc(100%/12 - 1px),#EEF2F8 calc(100%/12 - 1px) calc(100%/12))}
.ga-t u{position:absolute;top:3px;bottom:3px;border-radius:5px}
.ga-t em{position:absolute;top:-3px;bottom:-3px;border-left:2px dashed #0B5CFF;z-index:1}
@media (max-width:760px){.ga-h,.ga-l{grid-template-columns:120px minmax(0,1fr)}.ga-h>span:nth-child(2),.ga-h>span:nth-child(3),.ga-l>span:nth-child(2),.ga-l>span:nth-child(3){display:none}}
.ga{position:relative;overflow:hidden}
.pa-pct{display:flex;gap:10px;align-items:center;font:700 14px Inter,sans-serif;color:#0B5CFF}.pa-pct .ui-pro{width:160px}
span.ui-pro{display:block}
.ui-kpi .v3-anneau{position:relative}.ui-kpi .v3-anneau b{position:absolute;inset:0;display:grid!important;place-items:center;z-index:1;line-height:1}
@media (max-width:640px){.ui-kpi{padding:12px;gap:10px}.ui-kpi .ic{width:38px;height:38px}.ui-kpi .ic svg{width:20px;height:20px}.ui-kpi span{overflow-wrap:break-word;hyphens:auto}}
