/* TrackR · styles du module cockpit (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.30.9 · Fiche prospect, « Faites » : un long « Quoi ? » ou une note sans espace (une adresse web…) passe à … */
.v2-unpaid-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.v2-unpaid-row:last-child{border-bottom:0}
@media (max-width:760px){.v2-unpaid-row{grid-template-columns:minmax(0,1fr) auto auto}}
/* V2.10.4 : entre tablette et petit portable (menu affiché), 2 tuiles par ligne pour ne pas couper les montan … */
.v2-fixed-sugg .v2-unpaid-row{grid-template-columns:minmax(0,1fr) auto auto}
.v2-sugg-add{min-height:30px;padding:5px 11px;gap:6px;white-space:nowrap}
/* V2.10.8 : Cockpit (mensualités clients et coûts fixes), catégories en pastilles modifiables. */
.v2-cockpit{display:flex;flex-direction:column;gap:18px}
.v2-ck-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1180px){.v2-ck-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.v2-ck-tiles.is-one{grid-template-columns:minmax(0,1fr)}
.v2-ck-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
@media (min-width:1700px){.v2-ck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.v2-ck-grid>:only-child{grid-column:1/-1}
.v2-ck-tag{color:var(--accent);font-size:11px;font-weight:700}
.v2-ck .v2-fixed-sugg{margin-top:12px}
@media (max-width:760px){.v2-ck-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v2-ck-tiles.is-one{grid-template-columns:minmax(0,1fr)}}
/* 2.33.11 · Hébergement : une carte par VPS (comme les identifiants des projets, .v2-cred), le VPS et son deploy côte à côte, les projets
   hébergés en pastilles qui ouvrent le projet ; dans la fenêtre, un cadre par partie et la liste des projets à cocher. */
.v2-host .v2-host-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.v2-host-part{display:grid;gap:6px;align-content:start;min-width:0}
.v2-host-part>h4{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.v2-host-part.is-wide,.v2-host .v2-host-note,.v2-host .v2-cred-warn{grid-column:1/-1}
.v2-host-projects{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.v2-host-projects button{min-height:30px;padding:4px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;line-height:1.25;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.v2-host-projects button:hover,.v2-host-projects button:focus-visible{border-color:var(--accent);color:var(--accent)}
.v2-host-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;min-width:0;margin:0;padding:6px 14px 14px;border:1px solid var(--line);border-radius:14px}
.v2-host-set>legend{display:flex;align-items:center;gap:6px;padding:0 6px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.v2-host-set>.full{grid-column:1/-1}
.v2-host-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 14px;max-height:240px;overflow-y:auto;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.v2-host-pick>li{min-width:0}
.v2-host-pick .v2-check-line{align-items:flex-start;padding:6px 0;font-weight:500}
.v2-host-pick .v2-check-line input{flex:none;margin-top:2px}
.v2-host-pick .v2-check-line span{min-width:0;overflow-wrap:anywhere}
.v2-host-pick .v2-check-line small{display:block;color:var(--muted);font-weight:400}
.v2-host-pick-box .v2-ck-search{margin:2px 0 6px}
@media (max-width:640px){.v2-host .v2-host-body,.v2-host-set,.v2-host-pick{grid-template-columns:minmax(0,1fr)}}