/* Bruit Voiture — les cinq outils. Panneau = fiche d'atelier (en-tête graphite, ligne perforée), résultats en voyants. */
.bv-outil{position:relative;background:#fff;color:#0F1317;border:1px solid #D9DDE1;border-radius:6px;margin:0 0 32px;font-family:"Red Hat Text",system-ui,sans-serif;box-shadow:0 1px 2px rgba(31,38,46,.08),0 12px 28px -16px rgba(31,38,46,.35);overflow:hidden}
.bv-outil::after{content:"";position:absolute;left:0;right:0;bottom:6px;border-top:2px dashed #D9DDE1}
.bv-o-h{display:flex;align-items:center;gap:.7rem;background:#1F262E;color:#F3F4F2;padding:.7rem 1.1rem}
.bv-o-h b{font-family:"Chakra Petch","Red Hat Text",sans-serif;font-size:1.15rem;color:#fff;display:flex;align-items:center;gap:.5rem}
.bv-o-num{font-family:"Chakra Petch",sans-serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#00B4D8;border:1px solid rgba(0,180,216,.5);padding:.15rem .5rem;border-radius:3px}
.bv-o-ico{width:30px;height:30px;flex:none}
.bv-o-b{padding:1.2rem 1.3rem 1.6rem}
.bv-o-intro{font-size:1rem;color:#3d444d;margin:0 0 1rem;line-height:1.55}.bv-o-intro b{color:#0093B1}
.bv-o-k{font-family:"Chakra Petch",sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#0093B1;margin:0 0 .45rem;font-weight:700;display:flex;align-items:center;gap:.4rem}
.bv-o-q{border:0;padding:0;margin:0 0 .9rem}.bv-o-q legend{padding:0;margin-bottom:.4rem}
.bv-o-choix{display:flex;flex-wrap:wrap;gap:.45rem}
.bv-o-choix label{position:relative;cursor:pointer}.bv-o-choix input{position:absolute;opacity:0;width:1px;height:1px}
.bv-o-choix span{display:inline-block;padding:.5rem .8rem;border:1.5px solid #1F262E;border-radius:4px;font-size:.9rem;font-weight:500;background:#F3F4F2;color:#1F262E;transition:background .12s,color .12s}
.bv-o-choix input:checked+span{background:#1F262E;color:#00B4D8;box-shadow:0 0 0 2px rgba(0,180,216,.35)}
.bv-o-choix input:focus-visible+span{outline:2px solid #F5B700;outline-offset:1px}
.bv-o-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem 1rem;align-items:end;margin:.6rem 0 .4rem}
.bv-o-form label{display:flex;flex-direction:column;gap:5px;font-size:.9rem;font-weight:500;color:#1F262E}
.bv-o-form input[type=text],.bv-o-form input[type=search],.bv-o-form select{width:100%;box-sizing:border-box;background:#F3F4F2;border:1.5px solid #1F262E;border-radius:4px;padding:.55rem .7rem;font:inherit;font-size:.95rem;color:#0F1317}
.bv-o-form input:focus,.bv-o-form select:focus,.bv-o-nl input:focus{outline:2px solid #F5B700;outline-offset:1px}
.bv-o-form select:disabled{opacity:.55}
.bv-o-pleine{grid-column:1/-1}
.bv-o-btn{display:inline-flex;align-items:center;gap:.4rem;background:#F3F4F2;color:#1F262E;border:1.5px solid #1F262E;border-radius:4px;padding:.65rem 1.1rem;font:inherit;font-family:"Chakra Petch",sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;text-decoration:none!important;transition:transform .12s,background .12s}
.bv-o-btn:hover{background:#1F262E;color:#F3F4F2;transform:translateY(-1px)}
.bv-o-btn--plein{background:#00B4D8;border-color:#00B4D8;color:#0F1317}.bv-o-btn--plein:hover{background:#0093B1;border-color:#0093B1;color:#fff}
.bv-o-btn .bv-svg{width:1.1em;height:1.1em}
.bv-o-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:1rem 0 0}
.bv-o-res{margin-top:1.4rem;padding-top:1.2rem;border-top:2px dashed #D9DDE1}
.bv-o-alerte{background:#FFF6D6;border-left:4px solid #F5B700;padding:.7rem .9rem;border-radius:0 4px 4px 0;margin:0}
.bv-o-fine{font-size:.8rem;color:#6B7280;margin:.7rem 0 0}
/* voyants */
.bv-voyant{display:inline-flex;align-items:center;gap:.4rem;font-family:"Chakra Petch",sans-serif;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#1F262E}
.bv-voyant i{width:12px;height:12px;border-radius:50%;background:#2ECC71;box-shadow:0 0 0 3px rgba(46,204,113,.2),0 0 10px rgba(46,204,113,.6)}
.bv-voyant--2 i{background:#F5B700;box-shadow:0 0 0 3px rgba(245,183,0,.2),0 0 10px rgba(245,183,0,.6)}
.bv-voyant--3 i{background:#F27D0C;box-shadow:0 0 0 3px rgba(242,125,12,.2),0 0 10px rgba(242,125,12,.6)}
.bv-voyant--4 i{background:#E63946;box-shadow:0 0 0 3px rgba(230,57,70,.2),0 0 10px rgba(230,57,70,.7)}
/* identificateur : cartes de résultat */
.bv-o-cartes{display:grid;gap:1rem}
.bv-o-carte{border:1px solid #D9DDE1;border-radius:6px;padding:0 0 1rem;background:#fff;overflow:hidden}
.bv-o-carte--1{border-color:#00B4D8;box-shadow:0 0 0 2px rgba(0,180,216,.25)}
.bv-o-carte-h{display:flex;align-items:center;gap:.7rem;background:#F3F4F2;padding:.6rem .9rem;flex-wrap:wrap}
.bv-o-carte-h b{font-family:"Chakra Petch",sans-serif;font-size:1.05rem;flex:1;min-width:140px}
.bv-o-rang{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1F262E;color:#00B4D8;font-family:"Chakra Petch",sans-serif;font-weight:700}
.bv-o-pct{display:inline-flex;align-items:center;gap:.5rem}
.bv-o-barre{display:block;width:110px;height:8px;background:#D9DDE1;border-radius:4px;overflow:hidden}.bv-o-barre i{display:block;height:100%;background:linear-gradient(90deg,#00B4D8,#0093B1)}
.bv-o-pct em{font-style:normal;font-family:"Chakra Petch",sans-serif;font-weight:700;color:#0093B1;min-width:46px;text-align:right}
.bv-o-sympt{margin:.7rem .9rem .4rem;color:#3d444d;font-size:.93rem}
.bv-o-carte-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:.6rem .9rem;padding:.8rem;background:#F3F4F2;border-radius:6px}
.bv-o-carte-grid b{display:flex;align-items:center;font-family:"Chakra Petch",sans-serif;font-size:.95rem}.bv-o-carte-grid small{display:block;color:#6B7280;font-size:.78rem;margin-top:.2rem}
.bv-o-prix{color:#0093B1;font-family:"Chakra Petch",sans-serif;font-size:1.15rem;display:block}
.bv-o-causes,.bv-o-test,.bv-o-liens,.bv-o-quoi,.bv-o-casse{margin:.5rem .9rem;font-size:.92rem}
.bv-o-liens{display:flex;gap:.5rem;flex-wrap:wrap}
.bv-ico{display:inline-block;flex:none}.bv-ico--m{width:28px;height:28px;margin-right:.35rem;vertical-align:-.45em}.bv-ico--l{width:44px;height:44px}
/* estimateur */
.bv-o-total{background:#1F262E;color:#F3F4F2;border-radius:6px;padding:1rem 1.1rem;margin:0 0 .9rem}.bv-o-total .bv-o-k{color:#00B4D8}.bv-o-total .bv-o-prix{color:#00B4D8;font-size:1.6rem}.bv-o-detail{display:block;font-size:.88rem;opacity:.9}
.bv-o-tablew{overflow-x:auto}.bv-o-table{width:100%;border-collapse:collapse;font-size:.92rem}.bv-o-table th{background:#1F262E;color:#F3F4F2;text-align:left;padding:.5rem .7rem}.bv-o-table td{padding:.5rem .7rem;border-bottom:1px solid #D9DDE1}.bv-o-table tr.est-choisi td{background:rgba(0,180,216,.12)}
/* puis-je rouler */
.bv-o-feu-bloc{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;border-radius:6px;background:#F3F4F2;border-left:6px solid #2ECC71;margin-bottom:.8rem}.bv-o-feu-bloc--orange{border-left-color:#F27D0C}.bv-o-feu-bloc--rouge{border-left-color:#E63946;background:#FDECEE}
.bv-o-feu-bloc b{font-family:"Chakra Petch",sans-serif;font-size:1.1rem}.bv-o-feu-bloc>span:last-child{font-size:.95rem;color:#3d444d}
.bv-o-raisons{list-style:none;padding:0;margin:0}.bv-o-raisons li{padding:.55rem 0;border-bottom:1px solid #D9DDE1;font-size:.93rem}.bv-o-raisons li .bv-voyant{margin-right:.4rem}.bv-o-raisons em{color:#6B7280}
/* lexique */
.bv-o-compte{font-size:.85rem;color:#6B7280;margin:.4rem 0 .8rem}
.bv-o-lexique{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.bv-o-piece{border:1px solid #D9DDE1;border-radius:6px;padding:.8rem .9rem 1rem;background:#fff}.bv-o-piece p{margin:.4rem 0;font-size:.9rem}.bv-o-piece .bv-o-fine{margin-top:.4rem}
.bv-o-piece-h{display:flex;align-items:center;gap:.6rem}.bv-o-piece-h>div{flex:1;min-width:0}.bv-o-piece-h b{font-family:"Chakra Petch",sans-serif;font-size:.98rem;display:block}.bv-o-piece-h .bv-o-k{margin:0}.bv-o-piece-h .bv-o-prix{font-size:.95rem;white-space:nowrap}
/* oscilloscope */
.bv-o-ecran{position:relative;background:#151A20;border-radius:6px;padding:.5rem;box-shadow:inset 0 0 0 2px #2b333c,0 0 0 1px #1F262E}
.bv-o-ecran canvas{display:block;width:100%;height:auto;border-radius:3px}.bv-o-ecran canvas+canvas{margin-top:.4rem}
.bv-o-ecran-etat{font-family:"Chakra Petch",sans-serif;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:#00B4D8;padding:.45rem .3rem 0}
.bv-o-chrono{font-family:"Chakra Petch",sans-serif;font-weight:700;color:#E63946;font-size:1.1rem}
.bv-o-oscillo-q{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:.8rem}
.bv-o-mesures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:.9rem}.bv-o-mesures>div{background:#F3F4F2;border-radius:6px;padding:.7rem .8rem}.bv-o-mesures b{display:block;font-family:"Chakra Petch",sans-serif;font-size:1.15rem}.bv-o-mesures small{color:#6B7280;font-size:.78rem}
.bv-o-verdict{font-size:.95rem;line-height:1.5}.bv-o-verdict .bv-voyant{margin-right:.4rem}
.bv-o-compat{list-style:none;padding:0;margin:.3rem 0 .8rem;display:flex;flex-wrap:wrap;gap:.4rem}.bv-o-compat li{background:#F3F4F2;border-radius:4px;padding:.35rem .6rem;font-size:.88rem;display:flex;gap:.5rem;align-items:center}
.bv-o-export{margin:.8rem 0 0}.bv-o-export img{width:100%;height:auto;border-radius:4px;border:1px solid #D9DDE1}.bv-o-export figcaption{font-size:.8rem;color:#6B7280;margin-top:.3rem}
/* check-liste (identificateur) */
.bv-o-check{margin-top:1.6rem;padding:1rem 1.1rem 1.2rem;background:#F3F4F2;border-radius:6px}
.bv-o-nl label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.4rem}.bv-o-nl-l{display:flex;gap:.5rem;flex-wrap:wrap}.bv-o-nl input{flex:1;min-width:200px;background:#fff;border:1.5px solid #1F262E;border-radius:4px;padding:.6rem .7rem;font:inherit}
.bv-o-ok{display:inline-block;background:#1F262E;color:#00B4D8;font-family:"Chakra Petch",sans-serif;font-weight:700;padding:.6rem .9rem;border-radius:4px}
/* mobile */
@media(max-width:640px){.bv-o-b{padding:1rem .9rem 1.3rem}.bv-o-carte-grid,.bv-o-mesures{grid-template-columns:1fr}.bv-o-choix span{padding:.45rem .65rem;font-size:.86rem}.bv-o-h b{font-size:1rem}.bv-o-barre{width:80px}}
/* impression : seuls le panneau et son résultat */
@media print{body *{visibility:hidden}.bv-outil,.bv-outil *{visibility:visible}.bv-outil{position:absolute;left:0;top:0;width:100%;box-shadow:none;border:0}.bv-o-actions,.bv-o-check,.bv-o-ecran{display:none!important}.bv-o-h{background:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
