/* Carnet d’entretien en ligne : bloc de la fiche moto, fenêtre du client, réglages, QR des factures, page publique (carnet.html) */

/* --- fiche moto --- */
.carnet-bloc{display:flex;flex-direction:column;gap:10px}
.carnet-bloc .panel-h{margin-bottom:0;align-items:center}
.carnet-boutons{display:flex;flex-wrap:wrap;gap:6px}
.carnet-boutons .btn[disabled]{opacity:.45;pointer-events:none}

/* --- Paramètres --- */
.carnet-choix{display:flex;flex-direction:column;gap:var(--esp-3)}
.carnet-choix .check{align-items:flex-start}
.carnet-choix .check input{margin-top:3px;flex:none}
.carnet-choix .check span{display:flex;flex-direction:column;gap:1px}

/* --- QR en bas de la facture A4 --- */
.carnet-qr-facture{display:flex;flex-direction:column;align-items:center;gap:3px;flex:none;width:130px;text-align:center}
.carnet-qr-facture svg{width:20mm;height:20mm;flex:none}
.carnet-qr-facture div{display:flex;flex-direction:column;font-size:9px;line-height:1.25;color:#4a5358}
.carnet-qr-facture b{font-size:9.5px;color:#1c2428}


/* --- page publique du carnet --- */
.crn-moto{display:flex;flex-direction:column;gap:6px}
.crn-moto h1{font-size:var(--t-titre);line-height:1.2}
.crn-moto .meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:var(--t-texte);color:var(--muted)}
.crn-moto .meta b{color:var(--ink)}
.crn-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.crn-chiffre{background:var(--panel2);border-radius:var(--r-carte);padding:var(--esp-3);display:flex;flex-direction:column;gap:2px;min-width:0}
.crn-chiffre .xs{letter-spacing:.12em}.crn-chiffre .xs:first-child{font-weight:var(--g-fort)}
.crn-chiffre .xs:last-child{letter-spacing:normal;text-transform:none} /* phrase sous le chiffre (« pas encore relevé ») : écriture normale */
.crn-chiffre b{font-size:var(--t-carte)}
.crn-chiffre.alerte{background:var(--bad-soft)}
.crn-chiffre.alerte b{color:var(--bad)}
.crn-chiffre.proche{background:var(--copper-soft)}
.crn-h2{font-size:var(--t-carte);margin:0}
.crn-liste{display:flex;flex-direction:column;gap:10px}
.crn-item{border:1px solid var(--line);border-radius:var(--r-carte);padding:var(--esp-3);display:flex;flex-direction:column;gap:6px}
.crn-item-t{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.crn-item-t b{font-size:var(--t-texte)}
.crn-item p{margin:0;font-size:var(--t-texte);white-space:pre-wrap}
.crn-lignes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:var(--t-texte)}
.crn-lignes li{display:flex;justify-content:space-between;gap:10px}
.crn-lignes li span:first-child{min-width:0}
.crn-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:6px;font-size:var(--t-texte)}
.crn-vide{color:var(--muted);font-size:var(--t-texte);margin:0}
.crn-wa{display:flex;align-items:center;justify-content:center;gap:var(--esp-2);background:#25d366;color:#fff;border-radius:var(--r-carte);padding:14px;font-weight:var(--g-fort);font-size:var(--t-carte);text-decoration:none;box-shadow:var(--shadow)}
.crn-wa svg{width:22px;height:22px}
.crn-contact{display:flex;flex-direction:column;gap:var(--esp-1);font-size:var(--t-texte);text-align:center;color:var(--muted)}
.crn-contact a{color:var(--ink);font-weight:var(--g-fort)}

/* liens encore valables (fiche moto, fenêtre du client) */
.carnet-liens{display:flex;flex-direction:column;gap:6px}
.carnet-lien{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:var(--r-carte);padding:8px 10px}
.carnet-lien span{display:flex;flex-direction:column;min-width:0;font-size:var(--t-texte)}
.carnet-dans-client{margin-bottom:-4px}
.carnet-duree{display:flex;align-items:center;justify-content:space-between;gap:var(--esp-3);flex-wrap:wrap}
.carnet-duree span{display:flex;flex-direction:column;gap:1px}
.carnet-duree select{width:auto;min-width:120px}

/* page publique : lien refusé (expiré / coupé), date de fin */
.crn-expire{text-align:center;font-size:var(--t-petit);color:var(--muted);margin:0}
.crn-refus{display:flex;flex-direction:column;gap:var(--esp-3)}
.crn-refus p{margin:0}

/* bouton « Envoyer le carnet par WhatsApp » de la barre de la fiche moto : bien visible */
.btn.carnet-bouton-haut{background:#25d366;border-color:#25d366;color:#fff}
.btn.carnet-bouton-haut:hover{background:#1ebe5a;border-color:#1ebe5a;color:#fff}