/* Diagnostic OBD — présentation langage 111.
   Toutes les classes ci-dessous sont produites ou pilotées par le script OBD
   de la page : ne pas les renommer sans adapter le script. */
[hidden]{display:none!important}
.dg-page svg{flex:none}

/* --- fiche véhicule --- */
.dg-vbar .gveh-nm h2{font-size:20px}
.dg-vbar-plate{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1.5px solid var(--c-ink);border-radius:4px;background:#fff;color:var(--c-ink);font-size:12px;font-weight:700;letter-spacing:.06em}
.dg-vsel-row{display:flex;flex-direction:column;gap:6px;max-width:420px}
.dg-noveh{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dg-noveh .vi{width:42px;height:42px;border-radius:10px;background:var(--c-page);display:grid;place-items:center;flex:none}
.dg-noveh .vi .ico{width:22px;height:22px;color:var(--c-ink)}
.dg-noveh .tx{flex:1;min-width:200px}
.dg-noveh b{display:block;font-size:14px;color:var(--c-ink)}
.dg-noveh small{display:block;font-size:12px;color:var(--c-muted)}

/* --- lancer le diagnostic --- */
.dg-scan-in{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.dg-radar{position:relative;width:104px;height:104px;flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#2A2D30 0%,#141618 70%)}
.dg-radar::before,.dg-radar::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(239,169,31,.28)}
.dg-radar::before{inset:14px}.dg-radar::after{inset:30px}
.dg-radar-dot{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(239,169,31,.35),rgba(239,169,31,0) 30%);animation:dgsweep 3s linear infinite}
@keyframes dgsweep{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.dg-radar-dot{animation:none}}
.dg-radar .ico{position:relative;width:32px;height:32px;color:var(--c-brand)}
.dg-scan-txt{flex:1;min-width:220px}
.dg-scan-txt h2{margin:0;font-size:18px;font-weight:700;color:var(--c-ink)}
.dg-scan-status{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;color:var(--c-text)}
.dg-scan-status .dot{width:9px;height:9px;border-radius:50%;background:#2F8A57;box-shadow:0 0 0 4px rgba(47,138,87,.15)}
.dg-scan-status.off .dot{background:var(--c-brand);box-shadow:0 0 0 4px rgba(239,169,31,.2)}
.dg-scan-txt p{margin:8px 0 0;font-size:13px;color:var(--c-muted);line-height:1.55;max-width:460px}
.dg-scan-txt p b{color:var(--c-ink)}
.dg-scan-cta{display:flex;flex-direction:column;gap:10px;flex:none;min-width:230px}
.dg-scan-btn{height:50px}
.dg-scan-btn:disabled{opacity:.6;cursor:not-allowed}
.dg-progress-bar{height:6px;background:#E7E7E7;border-radius:3px;overflow:hidden}
.dg-progress-bar span{display:block;height:100%;width:0;background:var(--c-brand);transition:width .4s ease}
.dg-progress small{display:block;margin-top:5px;font-size:11.5px;color:var(--c-muted)}
.dg-fn-t{margin:18px 0 10px;padding-top:16px;border-top:1px solid var(--c-line);font-size:13px;font-weight:700;color:var(--c-ink)}
.dg-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dg-method{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--c-line);border-radius:10px;background:#fff;font-family:inherit;text-align:left;color:var(--c-ink)}
.dg-method:hover{border-color:var(--c-btn)}
.dg-method.sel{width:auto;height:auto;padding:13px 14px;border-radius:10px;font-size:inherit;border:1.5px solid var(--c-brand);background:var(--c-brand-soft)}
.dg-method.sel:focus{box-shadow:none}
.dg-method-ic{width:40px;height:40px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--c-page);color:var(--c-ink)}
.dg-method.sel .dg-method-ic{background:#fff}
.dg-method-ic .ico,.dg-method-ic svg{width:21px;height:21px}
.dg-method-t{min-width:0;flex:1}
.dg-method-t b{display:block;font-size:13px;font-weight:600}
.dg-method-t small{display:block;font-size:11.5px;color:var(--c-muted)}
.dg-method .tag{margin-left:auto;height:20px;font-size:10px;text-transform:uppercase;letter-spacing:.04em}

/* --- erreurs / ok --- */
.au-err{display:none;align-items:center;gap:8px;margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#FBECEB;border:1px solid #EFC9C6;color:#A23A35;font-size:12.5px;line-height:1.4}
.au-err.show{display:flex}
.au-err svg{width:15px;height:15px}
.dg-ok{display:flex;align-items:center;gap:9px;padding:14px 16px;border-radius:10px;border:1px solid #C9E3D3;background:#EAF4EE;font-size:13px;color:#2F7A4E}
.dg-ok svg{width:18px;height:18px}

/* --- journal brut --- */
.dg-trace{border:1px solid var(--c-line);border-radius:var(--r-card);background:#fff;font-size:12px;overflow:hidden}
.dg-trace>summary{padding:12px 16px;cursor:pointer;font-weight:600;color:var(--c-ink);list-style:none;display:flex;align-items:center;gap:8px}
.dg-trace>summary::-webkit-details-marker{display:none}
.dg-trace>summary .ico,.dg-trace>summary svg{width:16px;height:16px}
.dg-trace>summary small{font-weight:400;color:var(--c-muted)}
.dg-trace-box{margin:0;padding:0 16px 12px;max-height:260px;overflow:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#3A3A3A}
.dg-trace-box .tx{color:#1D1D1D;font-weight:600}
.dg-trace-box .rx{color:#2F7A4E}
.dg-trace-box .er{color:#A23A35}
.dg-trace-acts{padding:0 16px 13px}
.dg-proto{padding:12px 16px;border-top:1px solid var(--c-line);background:#F7F7F7}
.dg-proto>b{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--c-ink)}
.dg-proto>b svg{width:15px;height:15px;color:var(--c-ink)}
.dg-proto>small{display:block;margin:4px 0 9px;font-size:11.5px;line-height:1.55;color:var(--c-text)}
.dg-proto-btns{display:flex;flex-wrap:wrap;gap:6px}
.dg-proto-btns button{font-family:inherit;font-size:11.5px;font-weight:600;padding:6px 10px;border:1px solid #CFCFCF;border-radius:6px;background:#fff;color:var(--c-ink)}
.dg-proto-btns button:hover:not(:disabled){border-color:var(--c-btn)}
.dg-proto-btns button:disabled{opacity:.5;cursor:not-allowed}
.dg-proto-btns button.kl{border-style:dashed}
.dg-proto-out{margin-top:10px;padding:9px 11px;border-left:3px solid var(--c-line);background:#fff;font-size:11.5px;line-height:1.6;color:var(--c-text)}
.dg-proto-out.ok{border-left-color:#2F8A57;background:#EAF4EE;color:#245E3C}
.dg-proto-out.no{border-left-color:var(--c-brand);background:#FCF4E2;color:#7A4F00}
.dg-proto-out b{font-weight:600}
.dg-proto-forget{margin-top:10px;font-family:inherit;font-size:11.5px;padding:0;border:0;background:none;color:var(--c-ink);text-decoration:underline}

/* --- véhicule connecté --- */
.dg-cloud-list{display:flex;flex-direction:column;gap:10px}
.dg-cloud-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:12px 13px;border:1px solid var(--c-line);border-radius:10px;background:#fff}
.dg-cloud-row .nm{flex:1;min-width:180px}
.dg-cloud-row .nm b{display:block;font-size:13.5px;font-weight:600;color:var(--c-ink)}
.dg-cloud-row .nm small{display:block;margin-top:3px;font-size:11.5px;color:var(--c-muted);line-height:1.5}
.dg-cloud-row .acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dg-cloud-row select{border:1px solid #D4D4D4;border-radius:6px;padding:6px 8px;font-size:12px;background:#fff;max-width:190px}
.dg-cloud-tok{display:flex;gap:8px;margin-top:9px}
.dg-cloud-tok input{flex:1;min-width:0;border:1px solid #D4D4D4;border-radius:6px;padding:8px 10px;font-size:12.5px}
.dg-cloud-st{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}
.dg-cloud-st.ok{background:#E8F3EC;color:#2F7A4E}
.dg-cloud-st.ko{background:#F9E5E4;color:#A23A35}

/* --- boutons produits par le script (ancienne charte → 111) --- */
.btn.btn-out{background:#fff;color:var(--c-ink);border:1px solid #CFCFCF}
.btn.btn-out:hover{border-color:var(--c-btn);background:#fff}
.dg-cloud-row .btn,.dg-ecum .btn{height:34px;padding:0 12px;font-size:12px}

/* --- rapport --- */
.dg-report-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.dg-report-h h2{margin:0;font-size:18px;font-weight:700;color:var(--c-ink)}
.dg-report-h .when{display:block;font-size:12px;color:var(--c-muted);margin-top:2px}
.dg-sev-sum{display:flex;gap:6px;flex-wrap:wrap}
.pill.pill-red{background:#F9E5E4;color:#A23A35}
.pill.pill-amber{background:#FCF1DB;color:#8A5A00}
.pill.pill-green{background:#E8F3EC;color:#2F7A4E}
.dg-link{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--c-text);margin-bottom:11px;padding:8px 12px;border-radius:8px;background:#EAF4EE;border:1px solid #C9E3D3}
.dg-link .dot{width:8px;height:8px;border-radius:50%;background:#2F8A57;flex-shrink:0}
.dg-link button{margin-left:auto;background:none;border:0;color:var(--c-ink);font-size:11.5px;font-weight:600;text-decoration:underline;padding:0}
.dg-ecu{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:11px 13px;border-radius:8px;font-size:12.5px;border:1px solid var(--c-line);background:#F7F7F7;color:var(--c-ink)}
.dg-ecu.on{border-color:#F1DDA9;background:#FCF4E2;color:#7A4F00}
.dg-ecu.warn{border-color:#EFC9C6;background:#FBECEB;color:#A23A35}
.dg-ecu b{font-weight:600}
.dg-ecu svg{width:16px;height:16px}
.dg-verdict{display:flex;gap:11px;padding:13px 14px;border:1px solid var(--c-line);border-left-width:4px;border-radius:8px;background:#fff;margin-bottom:12px}
.dg-verdict>i,.dg-verdict>svg{width:19px;height:19px;flex-shrink:0;margin-top:1px}
.dg-verdict .vtx{min-width:0}
.dg-verdict b{display:block;font-size:13.5px;font-weight:600;color:var(--c-ink);margin-bottom:3px}
.dg-verdict p{margin:0;font-size:12.5px;line-height:1.55;color:var(--c-text)}
.dg-verdict small{display:block;margin-top:7px;font-size:11px;color:var(--c-muted);line-height:1.5}
.dg-verdict.crit{border-left-color:#B33B36}.dg-verdict.crit>svg{color:#B33B36}
.dg-verdict.maj{border-left-color:var(--c-brand)}.dg-verdict.maj>svg{color:#8A5A00}
.dg-verdict.min{border-left-color:#2F8A57}.dg-verdict.min>svg{color:#2F8A57}
.dg-verdict.warn{border-left-color:var(--c-brand)}.dg-verdict.warn>svg{color:#8A5A00}
.dg-live{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.dg-live-t{border:1px solid var(--c-line);border-radius:10px;background:#fff;padding:12px 13px;min-width:0}
.dg-live-t small{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--c-muted);text-transform:uppercase;letter-spacing:.03em}
.dg-live-t small svg{width:13px;height:13px}
.dg-live-t b{display:block;margin-top:6px;font-size:19px;font-weight:700;color:var(--c-ink);font-variant-numeric:tabular-nums}
.dg-live-t b span{font-size:12px;font-weight:600;color:var(--c-muted)}

/* temps réel */
.dg-rt{margin:0 0 16px;border:1px solid var(--c-line);border-radius:10px;background:#fff;overflow:hidden}
.dg-rt-h,.dg-uds-h,.dg-parts-h,.dg-hist-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--c-line)}
.dg-rt-h .ttl,.dg-uds-h .ttl,.dg-parts-h .ttl,.dg-hist-h .ttl{flex:1;min-width:200px}
.dg-rt-h b,.dg-uds-h b,.dg-parts-h b,.dg-hist-h b{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--c-ink)}
.dg-rt-h b svg,.dg-uds-h b svg,.dg-parts-h b svg,.dg-hist-h b svg{width:16px;height:16px;color:var(--c-ink)}
.dg-rt-h small,.dg-uds-h small,.dg-parts-h small,.dg-hist-h small{display:block;margin-top:3px;font-size:11.5px;color:var(--c-muted);line-height:1.5}
.dg-rt-btn,.dg-uds-btn{flex:none;font-family:inherit;font-size:12.5px;font-weight:600;height:36px;padding:0 16px;border:none;border-radius:var(--r-btn);background:var(--g-btn);color:#fff}
.dg-rt-btn:hover,.dg-uds-btn:hover{background:var(--c-btn-h)}
.dg-rt-btn.on{background:#A23A35}
.dg-rt-btn:disabled,.dg-uds-btn:disabled{opacity:.55;cursor:not-allowed}
.dg-rt-warn{display:flex;gap:9px;padding:10px 14px;border-bottom:1px solid #F1DDA9;background:#FCF4E2;font-size:11.5px;line-height:1.55;color:#7A4F00}
.dg-rt-warn svg{width:15px;height:15px;margin-top:1px}
.dg-rt-warn b{font-weight:600}
.dg-rt-pick{padding:10px 14px;border-bottom:1px solid var(--c-line)}
.dg-rt-pick>summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--c-ink);list-style:none}
.dg-rt-pick>summary::-webkit-details-marker{display:none}
.dg-rt-pick>summary small{font-weight:400;color:var(--c-muted)}
.dg-rt-pick .note,.dg-blocks .note{display:block;margin:7px 0 8px;padding:0;border:0;background:none;font-size:11.5px;color:var(--c-muted);line-height:1.55}
.dg-rt-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:3px 14px}
.dg-rt-picks label{display:flex;align-items:center;gap:7px;padding:2px 0;font-size:12px;color:var(--c-text);cursor:pointer}
.dg-rt-picks input{flex:none;margin:0;accent-color:var(--c-btn)}
.dg-rt-picks .u{color:var(--c-muted)}
.dg-rt-bar{display:flex;flex-wrap:wrap;gap:5px 18px;padding:9px 14px;border-bottom:1px solid var(--c-line);background:#F7F7F7;font-size:11.5px;color:var(--c-muted)}
.dg-rt-bar b{font-weight:600;color:var(--c-ink);font-variant-numeric:tabular-nums}
.dg-rt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:var(--c-line)}
.dg-rt-grid:empty{display:none}
.dg-rt-c{background:#fff;padding:12px 13px;min-width:0}
.dg-rt-c .nm{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-rt-c .v{margin-top:5px;font-size:22px;font-weight:600;line-height:1.1;color:var(--c-ink);font-variant-numeric:tabular-nums}
.dg-rt-c .v span{margin-left:3px;font-size:12px;font-weight:600;color:var(--c-muted)}
.dg-rt-c.mute .v{color:#A8A8A8}
.dg-rt-c .spark{display:block;width:100%;height:34px;margin-top:7px}
.dg-rt-c .spark path{fill:none;stroke:var(--c-brand);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.dg-rt-c.mute .spark path{stroke:#D0D0D0}
.dg-rt-c .mm{display:flex;justify-content:space-between;gap:8px;margin-top:5px;font-size:10.5px;color:var(--c-muted);font-variant-numeric:tabular-nums}
.dg-rt-acts{display:flex;flex-wrap:wrap;gap:9px;padding:11px 14px;border-top:1px solid var(--c-line)}
.dg-rt-empty{padding:15px 14px;font-size:12.5px;line-height:1.6;color:var(--c-text)}

/* calculateurs UDS */
.dg-uds{margin:0 0 16px;border:1px solid var(--c-line);border-radius:10px;background:#fff;overflow:hidden}
.dg-uds-bar{padding:9px 14px;border-bottom:1px solid var(--c-line);background:#F7F7F7;font-size:11.5px;color:var(--c-muted)}
.dg-uds-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--c-line)}
.dg-uds-list:empty{display:none}
.dg-ecum{background:#fff;padding:12px 13px;min-width:0}
.dg-ecum .nm{font-size:12.5px;font-weight:600;color:var(--c-ink);line-height:1.4}
.dg-ecum .ad{margin-top:2px;font-size:10.5px;color:var(--c-muted);font-variant-numeric:tabular-nums}
.dg-ecum .acts{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.dg-ecum button{font-family:inherit;font-size:11.5px;font-weight:600;padding:6px 10px;border:1px solid #CFCFCF;border-radius:6px;background:#fff;color:var(--c-ink)}
.dg-ecum button:hover{border-color:var(--c-btn)}
.dg-ecum button:disabled{opacity:.5;cursor:not-allowed}
.dg-ecum .out{margin-top:10px;font-size:11.5px;line-height:1.6;color:var(--c-text)}
.dg-ecum .out .row{display:flex;gap:8px;padding:3px 0;border-top:1px solid #F1F1F1}
.dg-ecum .out .row:first-child{border-top:0}
.dg-ecum .out .row .k{flex:none;width:44%;color:var(--c-muted)}
.dg-ecum .out .row .v{min-width:0;color:var(--c-ink);font-weight:600;word-break:break-word}
.dg-ecum .out .dtc{padding:5px 0;border-top:1px solid #F1F1F1}
.dg-ecum .out .dtc:first-child{border-top:0}
.dg-ecum .out .dtc code{font-family:inherit;font-weight:700;color:#A23A35}
.dg-ecum .out .dtc .st{display:block;margin-top:1px;font-size:10.5px;color:var(--c-muted)}
.dg-ecum .out .none{color:#2F7A4E;font-weight:600}
.dg-ecum .err{margin-top:9px;font-size:11.5px;line-height:1.55;color:#7A4F00}

/* codes défaut */
.dg-codes{display:flex;flex-direction:column;gap:10px}
.dg-dtc{display:flex;gap:14px;align-items:flex-start;padding:14px 15px;border:1px solid var(--c-line);border-left:3px solid #C9C9C9;border-radius:10px;background:#fff}
.dg-dtc.crit{border-left-color:#B33B36}
.dg-dtc.maj{border-left-color:var(--c-brand)}
.dg-dtc.min{border-left-color:#2F8A57}
.dg-dtc-code{flex:none;min-width:64px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;font-weight:700;color:var(--c-ink)}
.dg-dtc-main{min-width:0;flex:1}
.dg-dtc-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dg-dtc-title{font-size:14px;font-weight:600;color:var(--c-ink)}
.dg-dtc-sys{margin-top:4px;font-size:12px;color:var(--c-muted)}
.dg-dtc-sys b{color:var(--c-ink);font-weight:600}
.dg-dtc-acts{margin:8px 0 6px 16px;padding:0;font-size:12px;color:var(--c-text);line-height:1.7}
.dg-dtc-part{display:inline-flex;align-items:center;gap:7px;margin-top:8px;height:32px;padding:0 12px;border:1px solid #CFCFCF;border-radius:var(--r-btn);font-size:12px;font-weight:600;color:var(--c-ink);background:#fff}
.dg-dtc-part:hover{border-color:var(--c-btn)}
.dg-dtc-part svg{width:14px;height:14px}

/* pièces liées à la panne */
.dg-parts{margin:16px 0;border:1px solid var(--c-line);border-radius:10px;background:#fff;overflow:hidden}
.dg-pg{border-bottom:1px solid var(--c-line)}
.dg-pg:last-child{border-bottom:0}
.dg-pg-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;background:#F7F7F7}
.dg-pg-h .fam{font-size:12.5px;font-weight:600;color:var(--c-ink)}
.dg-pg-h .cds{font-size:11px;color:var(--c-muted);font-variant-numeric:tabular-nums}
.dg-pg-h .cds code{font-family:inherit;font-weight:600;color:var(--c-ink)}
.dg-pg-h .sp{flex:1}
.dg-pg-h a{font-size:11.5px;color:var(--c-ink);text-decoration:underline;font-weight:600;white-space:nowrap}
.dg-pl{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:var(--c-line)}
.dg-pl:empty{display:none}
.dg-p{display:flex;flex-direction:column;gap:6px;background:#fff;padding:12px 13px;min-width:0}
.dg-p .br{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c-ink)}
.dg-p .nm{font-size:12.5px;line-height:1.45;color:var(--c-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dg-p .rf{font-size:11px;color:var(--c-muted)}
.dg-p .bt{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.dg-p .pr{font-size:15px;font-weight:700;color:var(--c-ink);font-variant-numeric:tabular-nums}
.dg-p .pr.sale::after{content:'promo';margin-left:6px;font-size:9.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:#B33B36;padding:2px 5px;border-radius:3px;vertical-align:2px}
.dg-p .st{font-size:10.5px;color:var(--c-ok);font-weight:600}
.dg-p .st.no{color:var(--c-muted)}
.dg-p a.go{margin-top:2px;font-size:11.5px;font-weight:600;color:var(--c-ink);text-decoration:underline}
.dg-pg-note{padding:11px 14px;font-size:11.5px;line-height:1.6;color:var(--c-text)}
.dg-pg-note.warn{border-left:3px solid var(--c-brand);background:#FCF4E2;color:#7A4F00}
.dg-parts-foot{padding:11px 14px;border-top:1px solid var(--c-line);background:#F7F7F7;font-size:11px;line-height:1.6;color:var(--c-muted)}
.dg-parts-foot li{margin-left:15px}

/* instantané, blocs repliés */
.dg-freeze{margin-top:12px;padding:12px 14px;border:1px solid var(--c-line);border-radius:10px;background:#fff}
.dg-freeze .ttl{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);margin-bottom:4px}
.dg-freeze .story{font-size:13px;line-height:1.6;color:var(--c-ink)}
.dg-freeze .story b{font-weight:600}
.dg-blocks details{margin-top:10px;border:1px solid var(--c-line);border-radius:10px;background:#fff;padding:10px 13px}
.dg-blocks summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--c-ink)}
.dg-blocks summary::-webkit-details-marker{display:none}
.dg-blocks summary .hint{font-weight:500;color:#8A5A00}
.dg-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;font-size:12px}
.dg-grid span{color:var(--c-text);min-width:0}
.dg-grid b{text-align:right;white-space:nowrap;font-weight:600;color:var(--c-ink)}
.dg-grid .na{text-align:right;white-space:nowrap;color:#A8A8A8;font-style:normal}
.dg-mon{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:3px 0}
.dg-mon .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}

/* historique et comparaison */
.dg-hist{margin:16px 0;border:1px solid var(--c-line);border-radius:10px;background:#fff;overflow:hidden}
.dg-cmp{padding:12px 14px;border-bottom:1px solid var(--c-line)}
.dg-cmp .lead{font-size:12px;color:var(--c-text);line-height:1.6;margin:0 0 10px}
.dg-cmp .lead b{color:var(--c-ink);font-weight:600}
.dg-cmp-l{display:grid;gap:1px;background:var(--c-line);border:1px solid var(--c-line);border-radius:8px;overflow:hidden}
.dg-cmp-i{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;padding:8px 11px}
.dg-cmp-i code{font-family:inherit;font-size:12px;font-weight:700;color:var(--c-ink);letter-spacing:.02em}
.dg-cmp-i .ds{flex:1;min-width:120px;font-size:11.5px;color:var(--c-text)}
.dg-cmp-i .tag{flex:none;height:auto;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border:1px solid;border-radius:4px;background:#fff;color:var(--c-ink)}
.dg-cmp-i .tag.gone{color:#2F7A4E;border-color:#C9E3D3;background:#EAF4EE}
.dg-cmp-i .tag.back{color:#A23A35;border-color:#EFC9C6;background:#FBECEB}
.dg-cmp-i .tag.still{color:#7A4F00;border-color:#F1DDA9;background:#FCF4E2}
.dg-cmp-i .tag.new{color:var(--c-ink);border-color:#D4D4D4;background:#F2F2F2}
.dg-hist-l{padding:4px 14px 12px}
.dg-hist-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid #F1F1F1;font-size:11.5px;color:var(--c-text)}
.dg-hist-r:last-child{border-bottom:0}
.dg-hist-r .dt{flex:none;width:120px;color:var(--c-ink);font-weight:600;font-variant-numeric:tabular-nums}
.dg-hist-r .nb{flex:1}
.dg-hist-r .cds{color:var(--c-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.dg-report-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.dg-report-acts .btn svg{width:15px;height:15px}

/* colonne de droite */
.dg-caprow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 0;border-top:1px solid #F1F1F1;font-size:12.5px;color:var(--c-ink)}
.dg-caprow:first-child{border-top:none}
.dg-caprow svg{width:16px;height:16px}
.dg-caprow svg.ok{color:#2F8A57}
.dg-caprow svg.no{color:#8A5A00}
.dg-caprow b{font-weight:600}
.dg-caprow small{color:var(--c-muted)}
.ia-tip{display:flex;gap:12px;align-items:flex-start}
.ia-tip .ai2{width:40px;height:40px;border-radius:10px;background:var(--c-brand-soft);display:grid;place-items:center;flex:none}
.ia-tip .ai2 .ico{width:20px;height:20px;color:var(--c-ink)}
.ia-tip b{display:block;font-size:14px;color:var(--c-ink)}
.ia-tip p{margin:3px 0 10px;font-size:12.5px;color:var(--c-muted);line-height:1.45}
.dg-ro p{margin:0;font-size:12.5px;line-height:1.5}

@media (max-width:1280px){.dg-live{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .dg-methods{grid-template-columns:minmax(0,1fr)}
  .dg-scan-in{flex-direction:column;align-items:stretch}
  .dg-radar{align-self:center}
  .dg-scan-cta{min-width:0}
  .dg-dtc{flex-direction:column;gap:6px}
  .dg-cloud-tok{flex-direction:column}
}

/* --- impression / PDF pour le mécano --- */
@media print{
  body{background:#fff}
  .top,.head,.nav,.foot,.crumbs,.gnav-wrap,.gside,.dg-scan,.dg-trace,.dg-report-acts,
  #dgManualCard,#dgCloudCard,#dgUds,#dgParts,#dgRt,.dg-link{display:none!important}
  .gcols{display:block}
  .dg-report{border:0;padding:0}
  .dg-dtc,.dg-cmp-i,.dg-hist-r{break-inside:avoid}
  a[href]::after{content:''}
}
