/* TrackR · styles du module devis (nettoyage, étape 4b) : ses règles, sorties de la base par _local/outils/etape4-ecran/ranger-par-module.js
   sans rien réécrire, dans leur ordre d'origine. Chargé après la base, dans l'ordre fixe des balises d'index.html, avant Givre. */
/* 2.22.2 · « on doit avoir le récap » : HTVA et TVAC à la commande, puis le mensuel, sur la carte d'un devis. … */
.v2-cat-list{grid-template-columns:minmax(0,1fr);gap:8px}
.v2-catrow{display:flex;align-items:center;gap:12px;padding:10px 12px}
.v2-catrow-main{flex:1;min-width:0;display:grid;gap:3px;padding:2px 0;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.v2-catrow-price{display:grid;justify-items:end;gap:2px;flex:0 0 auto;font-variant-numeric:tabular-nums}
.v2-catrow-acts{display:flex;gap:4px}
/* 2.22.1 · Essai « nom du projet » envoyé à Billit (case du bloc Billit d'un devis). */
.v2-qlinks{display:grid;gap:6px}
.v2-qsec-n{color:var(--subtle);font-weight:800}
.v2-qsec-title{flex:1;min-width:0;font-size:15px;font-weight:800}
.v2-qsec-acts{display:flex;gap:2px}
.v2-qtag{display:inline-flex;align-items:center;gap:4px;height:22px;margin-right:auto;padding:0 8px;border-radius:999px;background:var(--surface3);color:var(--muted);font-size:11px;font-weight:700}
/* 2.22.8 · l'aperçu en direct sur tablette en paysage et ordinateur (dès 861 px, comme l'en-tête collant) ; i … */
@media (max-width:860px){
 .v2-qsec-title{min-height:44px;font-size:16px}
 .v2-catrow{flex-wrap:wrap}.v2-catrow-main{flex-basis:100%}
}
@media (max-width:420px){.v2-qsec-title{flex-basis:calc(100% - 70px)}}
/* 2.17 : mois prochain (prévu) = 13e colonne hachurée (à facturer, HTVA) et deux chiffres sous le graphique, … */
.v2-qsend-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap}
.v2-qsend-tag.is-sent{color:var(--green)}.v2-qsend-tag.is-pending{color:var(--orange)}.v2-qsend-tag.is-error{color:var(--red)}
.v2-qsend{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border-radius:12px;font-size:12.5px}
.v2-qsend.is-sent{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}
.v2-qsend.is-pending{color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,transparent)}
.v2-qsend.is-error{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}
.v2-qsend-to{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line2);border-radius:14px;background:var(--surface2)}
.v2-qsend-to>div{display:flex;flex-direction:column;gap:2px;min-width:0}
/* 2.16.1 : « Envoyer » dans la liste des devis (tableau : sous le titre, qui passe à la ligne pour que le tab … */
.v2-qsend-btn{white-space:nowrap}
.v2-qsend-cell{display:block;margin-top:6px}
.v2-qsend-m{display:none}
@media (max-width:1100px){.v2-qsend-m{display:block;margin-top:6px}}
/* 2.22.8 · petit écran (861-1100 px, tablette en paysage) : aperçu un peu plus étroit pour laisser l'éditeur … */.v2-qsec-title{flex:1 1 150px}

/* 2.23.4 · Devis : « pas cette espèce de fond », « l'onglet Billit visible directement sur l'écran », « je ne … */
@media (min-width:861px){
 .v2-q-grid.is-live .v2-qt-extra>.v2-qwarn,.v2-q-grid.is-live .v2-qt-extra:has(>.v2-qwarn:only-child){display:none}
}
@container (min-width:430px){
 .v2-q-totals [data-q-totals]>.v2-qt-month{grid-column:2}
 .v2-q-totals [data-q-totals]>.v2-qt-once:first-child+.v2-qt-month{padding-top:0;border-top:0}
}
/* 2.25 · « Deux devis distincts setup et mensuels » : devis liés, mise en place et mensuel */
.v2-qchip.is-pair{--qc:var(--accent);gap:4px}
.v2-qcard-top .v2-qchip.is-pair{margin-right:4px}
.v2-qtable .v2-qchip.is-pair{margin-right:6px}
.v2-qpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 0;overflow:visible}
.v2-qpair button>:first-child{grid-row:1/span 2;align-self:center}
.v2-qpair button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.v2-qpair button b{justify-self:start;height:auto;min-width:0;padding:0;border-radius:0;background:none;color:var(--muted);font-size:12px;font-weight:700}
.v2-qpair button.is-on{cursor:default}
.v2-qpair-box{display:grid;gap:8px;justify-items:start}
.v2-qpair-box>p .i-sm{vertical-align:-3px;color:var(--orange)}
/* 2.26 · Factures : même allure que les devis (liste, éditeur, colonne de droite) ; type de facture, bloc « F … */
.v2-qsend-to[hidden]{display:none}
/* 2.30.37 · Récompense du parrainage : une ligne sous la personne présentée (orange tant qu'elle est à choisi … */
.v2-qtag.is-refer{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--line))}