/* Offres et promotions (écran Offres) + case d'accord sur le formulaire public d'inscription */
.ins-email{background:var(--copper-soft);border-radius:var(--r-carte);padding:10px 12px}
.ins-email input{background:var(--panel)}
.ins-offres{align-items:flex-start;font-size:var(--t-texte);line-height:1.45;border:1.5px dashed var(--line);border-radius:var(--r-carte);padding:var(--esp-3)}
.ins-offres input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--copper)}

.of-filtres{display:flex;flex-wrap:wrap;gap:var(--esp-3) var(--esp-4);align-items:flex-end}
.of-filtres .field{min-width:150px}
.of-texte{min-height:130px;font-size:var(--t-texte);line-height:1.5}
.of-apercu{background:#dcf8c6;color:#111;border-radius:10px 10px 2px 10px;padding:10px 12px;white-space:pre-wrap;font-size:var(--t-texte);box-shadow:0 1px 1px #0000001f;max-width:100%}
.of-apercu-fond{background:#efe7dd;border-radius:var(--r-carte);padding:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.of-file .li{gap:var(--esp-3)}
.of-file .li.fait{opacity:.55}
.of-file .li.suivant{background:var(--copper-soft);border-radius:var(--r-btn);padding-inline:var(--esp-2)}
.of-file .t{min-width:0}
.of-file .t span{display:block}
.of-progres{height:8px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-btn);overflow:hidden}
.of-progres i{display:block;height:100%;background:var(--ok);transition:width .3s ease}
.of-tag{display:inline-block;font-size:var(--t-etiq);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 5px;margin:2px 4px 0 0;white-space:nowrap}
/* « ? » d'aide au survol (même rond que l'aide des titres de page), utilisé par Offres, Messages et Paramètres › Messages */
.aide-q{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:var(--g-fort);cursor:help;vertical-align:middle;margin-left:4px;flex:none;letter-spacing:0;text-transform:none}
.aide-q:hover,.aide-q:focus{border-color:var(--copper);color:var(--copper);outline:none}
/* Filtres de l'offre sur une seule ligne, au-dessus des deux cartes */
.of-filtres{flex-wrap:nowrap;align-items:center;gap:var(--esp-2);margin:0 0 var(--esp-3)}
.of-filtres select.inp{width:auto;flex:none}
.of-filtres .check{white-space:nowrap;font-size:var(--t-petit);margin-left:var(--esp-2)}
.of-filtres .check input{accent-color:var(--copper)}
.of-texte{height:150px}
@media (max-width:900px){.of-filtres{flex-wrap:wrap}}
/* Cartes du haut : 4 sur ordinateur, 2 × 2 sur téléphone */
.kpis.of-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:600px){
  .kpis.of-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .of-filtres>select.inp,.of-filtres>.seg{flex:1 1 100%;width:100%;max-width:none}
}
/* Téléphone : les motos du client (étiquettes) passent à la ligne au lieu d'élargir la page */
@media (max-width:760px){.of-tag{white-space:normal;max-width:100%;overflow-wrap:anywhere}}
/* Écrans moyens (téléphone couché, tablette) : les filtres passent à la ligne */
@media (max-width:1100px){.of-filtres{flex-wrap:wrap}}
@media (min-width:761px) and (max-width:1100px){.of-cibles th:nth-child(n+4),.of-cibles td:nth-child(n+4){display:none}}
@media (max-width:1100px){.btn[data-act="ofPreparer"]{white-space:normal;height:auto;min-height:40px;line-height:1.25;text-align:center}}