.cv-diag-v2{--navy:#0B1F3A;--teal:#0B6E8C;--ok:#1E9E5A;--okbg:#E7F6EE;--mid:#D98A0B;--midbg:#FDF3E3;--ko:#C8423A;--kobg:#FBE9E7;--na:#7A8696;--nabg:#EEF1F4;--ink:#1d2433;--muted:#5d6878;--line:#e3e8ee}
.cv-diag-v2 *{box-sizing:border-box}
.cv-diag-v2{margin:0;background:#F6F4EF;font-family:"Segoe UI",system-ui,Arial,sans-serif;color:var(--ink)}
.cv-diag-v2 .wrap{width:1360px;margin:0 auto;padding:26px 32px 34px}
.cv-diag-v2 .top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.cv-diag-v2 h1{font-size:29px;margin:0;color:var(--navy)}
.cv-diag-v2 .sub{color:var(--muted);font-size:15.5px;margin-top:5px}
.cv-diag-v2 .pill{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:7px 13px;border-radius:999px;border:1px solid}
.cv-diag-v2 .p-ok{background:var(--okbg);color:var(--ok);border-color:#bfe5cf}
.cv-diag-v2 .p-warn{background:var(--midbg);color:#9a5f00;border-color:#f0d6a8}
.cv-diag-v2 .card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-top:16px}
.cv-diag-v2 .h2{font-size:18.5px;font-weight:700;color:var(--navy);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.cv-diag-v2 .h2 .r{margin-left:auto;font-size:13px;font-weight:500;color:var(--muted)}
.cv-diag-v2 .three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.cv-diag-v2 .box{border-radius:14px;padding:16px 18px;border:1px solid;display:flex;flex-direction:column}
.cv-diag-v2 .box h3{margin:0 0 8px;font-size:16px}
.cv-diag-v2 .box p{margin:0;font-size:15px;line-height:1.45}
.cv-diag-v2 .b-ok{background:var(--okbg);border-color:#bfe5cf}
.cv-diag-v2 .b-ok h3{color:var(--ok)}
.cv-diag-v2 .b-ko{background:var(--kobg);border-color:#f2c7c2}
.cv-diag-v2 .b-ko h3{color:var(--ko)}
.cv-diag-v2 .b-next{background:#E6F0F8;border-color:#bcd5e6}
.cv-diag-v2 .b-next h3{color:var(--teal)}
.cv-diag-v2 .btn{display:inline-block;margin-top:12px;background:var(--teal);color:#fff;font-weight:700;font-size:14.5px;padding:10px 16px;border-radius:10px;align-self:flex-start}
.cv-diag-v2 .btn2{display:inline-block;background:#fff;color:var(--teal);border:1.5px solid var(--teal);font-weight:700;font-size:13px;padding:6px 12px;border-radius:9px}
.cv-diag-v2 .legend{display:flex;gap:18px;font-size:13.5px;color:var(--muted);margin-bottom:14px;flex-wrap:wrap}
.cv-diag-v2 .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.cv-diag-v2 .path{display:flex;align-items:stretch}
.cv-diag-v2 .node{width:148px;border-radius:14px;padding:12px 10px 10px;text-align:center;border:2px solid;position:relative;display:flex;flex-direction:column;justify-content:space-between}
.cv-diag-v2 .node .t{font-size:13.5px;font-weight:700;line-height:1.25;min-height:52px;display:flex;align-items:center;justify-content:center}
.cv-diag-v2 .node .s{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-top:6px}
.cv-diag-v2 .node .n{font-size:13px;color:var(--muted);margin-top:3px}
.cv-diag-v2 .bar{height:6px;border-radius:3px;background:#e9edf1;margin-top:8px;overflow:hidden}
.cv-diag-v2 .bar i{display:block;height:100%}
.cv-diag-v2 .ok{background:var(--okbg);border-color:var(--ok)}
.cv-diag-v2 .ok .s{color:var(--ok)}
.cv-diag-v2 .ok i{background:var(--ok)}
.cv-diag-v2 .mid{background:var(--midbg);border-color:var(--mid)}
.cv-diag-v2 .mid .s{color:var(--mid)}
.cv-diag-v2 .mid i{background:var(--mid)}
.cv-diag-v2 .ko{background:var(--kobg);border-color:var(--ko)}
.cv-diag-v2 .ko .s{color:var(--ko)}
.cv-diag-v2 .ko i{background:var(--ko)}
.cv-diag-v2 .na{background:var(--nabg);border-color:#b9c2cc;border-style:dashed}
.cv-diag-v2 .na .s{color:var(--na)}
.cv-diag-v2 .na i{background:var(--na)}
.cv-diag-v2 .arrow{width:22px;display:flex;align-items:center;justify-content:center;color:#9aa6b2;font-size:20px}
.cv-diag-v2 .here{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:var(--teal);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.cv-diag-v2 .here:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--teal);border-bottom:0}
.cv-diag-v2 .note{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.45}
.cv-diag-v2 .two{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.cv-diag-v2 .err{background:#fff;border:1px solid var(--line);border-left:5px solid var(--ko);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.cv-diag-v2 .err .k{font-size:12px;font-weight:700;color:var(--ko);text-transform:uppercase;letter-spacing:.04em}
.cv-diag-v2 .err .q{font-size:15px;font-weight:600;margin:4px 0 10px}
.cv-diag-v2 .cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14.5px}
.cv-diag-v2 .cmp div{border-radius:10px;padding:10px 12px;line-height:1.45}
.cv-diag-v2 .yours{background:var(--kobg)}
.cv-diag-v2 .good{background:var(--okbg)}
.cv-diag-v2 .cmp b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.cv-diag-v2 .yours b{color:var(--ko)}
.cv-diag-v2 .good b{color:var(--ok)}
.cv-diag-v2 .tip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;font-size:14px;line-height:1.45}
.cv-diag-v2 .tip div{background:#F4F7FA;border-radius:10px;padding:10px 12px}
.cv-diag-v2 .tip b{color:var(--navy)}
.cv-diag-v2 .steps{margin:0;padding:0;list-style:none}
.cv-diag-v2 .steps li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.4}
.cv-diag-v2 .steps li:last-child{border-bottom:0}
.cv-diag-v2 .num{flex:0 0 30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.cv-diag-v2 .num.off{background:#c9d2db}
.cv-diag-v2 .steps small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.cv-diag-v2 .steps .grow{flex:1}
.cv-diag-v2 table{border-collapse:separate;border-spacing:3px;font-size:13px}
.cv-diag-v2 th{font-weight:600;color:var(--muted);font-size:12px;text-align:center;padding:2px 2px 6px}
.cv-diag-v2 td.c{width:66px;height:27px;border-radius:6px;text-align:center;font-weight:800;font-size:14px}
.cv-diag-v2 .cA{background:#cfeedd;color:var(--ok)}
.cv-diag-v2 .cF{background:#fbe3bf;color:#9a5f00}
.cv-diag-v2 .cN{background:#f6d0cb;color:var(--ko)}
.cv-diag-v2 .cC{background:#eef1f4;color:var(--na)}
.cv-diag-v2 .cX{background:repeating-linear-gradient(45deg,#eef1f4,#eef1f4 5px,#e1e6eb 5px,#e1e6eb 10px);color:var(--na)}
.cv-diag-v2 td.nm{font-weight:600;white-space:nowrap;padding-right:6px}
.cv-diag-v2 .flag{font-size:11px;font-weight:700;color:#9a5f00;background:var(--midbg);border-radius:6px;padding:2px 6px;margin-left:6px}
.cv-diag-v2 .flagr{color:var(--ko);background:var(--kobg)}
.cv-diag-v2 .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.cv-diag-v2 .kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.cv-diag-v2 .kpi .v{font-size:26px;font-weight:800;color:var(--navy)}
.cv-diag-v2 .kpi .l{font-size:13.5px;color:var(--muted);margin-top:2px;line-height:1.35}
.cv-diag-v2 .grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;align-items:start}
.cv-diag-v2 .hb{display:grid;grid-template-columns:270px 1fr 40px;gap:10px;align-items:center;font-size:13.5px;margin:7px 0}
.cv-diag-v2 .hb .tr{background:#eef1f4;border-radius:5px;height:14px;overflow:hidden}
.cv-diag-v2 .hb .tr i{display:block;height:100%;background:var(--ko);border-radius:5px}
.cv-diag-v2 .hb b{text-align:right}
.cv-diag-v2 .grp{border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin-bottom:9px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
.cv-diag-v2 .grp .gt{font-weight:700;font-size:14.5px;color:var(--navy)}
.cv-diag-v2 .grp .gm{font-size:12.5px;color:var(--muted);grid-column:1/3;line-height:1.4}
.cv-diag-v2 .grp .gc{font-weight:800;color:var(--teal);font-size:14px}
.cv-diag-v2 .warn{border-left:4px solid var(--mid);background:#fffaf1;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.45;margin-bottom:9px}
.cv-diag-v2 .warn b{color:#7a4b00}
.cv-diag-v2 .small{font-size:12.5px;color:var(--muted)}
.cv-diag-v2 .demo-bar{display:flex;gap:12px;align-items:center;padding:12px 32px;background:#0B1F3A;color:#fff;font-size:14px;position:sticky;top:0;z-index:5}
.cv-diag-v2 .demo-bar select,.cv-diag-v2 .demo-bar button{font:inherit;padding:6px 10px;border-radius:8px;border:0}
.cv-diag-v2 .demo-bar button.on{background:#0B6E8C;color:#fff}
.cv-diag-v2 .alertes{background:#fff7e6;border:1px solid #f0d6a8;border-radius:12px;padding:10px 14px;font-size:13px;margin-top:14px;color:#7a4b00}
.cv-diag-v2{background:#F6F4EF;border-radius:16px;padding:18px 18px 4px}.cv-diag-v2 .path{overflow-x:auto;padding-top:34px;margin-top:0!important}.cv-diag-v2 .node{flex:0 0 148px}.cv-diag-v2 .three,.cv-diag-v2 .two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cv-diag-v2 .top{flex-wrap:wrap}.cv-diag-v2 .btn,.cv-diag-v2 .btn2{cursor:pointer}/* Priorité sur les classes homonymes de l'espace premium (.ok, .ko…) */
.cv-diag-v2 .node,.cv-diag-v2 .node .t,.cv-diag-v2 .box p,.cv-diag-v2 .q,.cv-diag-v2 h1,.cv-diag-v2 .steps li{color:#1d2433!important}
.cv-diag-v2 .h2{color:#0B1F3A!important}
.cv-diag-v2 .b-ok h3,.cv-diag-v2 .ok .s{color:#1E9E5A!important}
.cv-diag-v2 .b-ko h3,.cv-diag-v2 .ko .s,.cv-diag-v2 .err .k{color:#C8423A!important}
.cv-diag-v2 .mid .s{color:#B26F00!important}
.cv-diag-v2 .b-next h3{color:#0B6E8C!important}
.cv-diag-v2 .na .s,.cv-diag-v2 .note,.cv-diag-v2 .sub,.cv-diag-v2 .steps small{color:#5d6878!important}
