/* PTC — Carte « Éditer une demande de devis », posée dans les outils.
   Cf. point 12 de sitepartagé/strategie/repartition-gabarit-fiches-2026-08.md. */

.dv{
  background:#fbf8f5;
  border:1px solid #e8e0d6;
  border-left:4px solid var(--coral,#e8541a);
  border-radius:16px;
  padding:20px 22px;
  margin:22px 0 0;
}
.dv-oeil{
  font-family:'Syne',sans-serif;font-size:.62rem;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;
  color:var(--coral-dark,#c4400f);margin:0 0 8px;
}
.dv-t{
  font-family:'Fraunces',Georgia,serif;font-size:1.18rem;font-weight:700;
  color:var(--navy,#1a2d4a);margin:0 0 8px;line-height:1.3;
}
.dv-s{font-size:.88rem;line-height:1.6;color:var(--muted,#647080);margin:0 0 16px}
.dv-h{
  font-family:'Syne',sans-serif;font-size:.66rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--navy,#1a2d4a);margin:0 0 8px;
}
.dv-l{margin:0 0 14px;padding-left:20px;font-size:.87rem;line-height:1.7;color:var(--muted,#647080)}
.dv-l li{margin-bottom:5px}
.dv-n{
  font-size:.85rem;line-height:1.6;color:var(--muted,#647080);
  background:#fff;border:1px solid var(--line,#e5e0d7);border-radius:12px;
  padding:12px 14px;margin:0 0 16px;
}
.dv-n b{color:var(--navy,#1a2d4a)}
.dv .ptc-freemium{margin:0}

@media(max-width:560px){
  .dv{padding:16px 17px;border-radius:14px}
  .dv-t{font-size:1.05rem}
}

/* ======================================================================
   LES DEUX GESTES GRATUITS, ajoutés le 29/08/2026 : préparer sa demande,
   comparer les réponses. Repliés par défaut — le principe d'allègement
   veut qu'une page reste légère et livre l'information au fil de l'eau,
   pas qu'elle déroule tout d'emblée.
   ====================================================================== */
.dv-x{
  margin:14px 0 0;
  border-top:1px solid #e8e0d6;
  padding-top:12px;
}
.dv-x > summary{
  cursor:pointer;
  font-family:'Syne',sans-serif;
  font-size:.9rem;font-weight:700;
  color:var(--navy,#1a2d4a);
  padding:4px 0;
}
.dv-x > summary:hover{ color:var(--coral-dark,#c4400f); }

.dv-f{ display:block;margin:12px 0 0; }
.dv-fl{
  display:block;font-size:.86rem;font-weight:700;
  color:var(--navy,#1a2d4a);margin:0 0 4px;
}
/* L'aide dit POURQUOI le champ existe : c'est ce qui fait la différence
   entre une trame et un formulaire. Elle se lit, donc elle reste lisible. */
.dv-fa{
  display:block;font-size:.8rem;line-height:1.45;
  color:#6b6459;margin:4px 0 0;
}
.dv-f input,.dv-f textarea{
  width:100%;box-sizing:border-box;
  border:1px solid #ddd5c9;border-radius:9px;
  padding:9px 11px;font:inherit;font-size:.92rem;
  background:#fff;color:var(--navy,#1a2d4a);
}
.dv-f input:focus,.dv-f textarea:focus{
  outline:2px solid var(--coral,#e8541a);outline-offset:1px;border-color:transparent;
}

.dv-b{
  margin:12px 6px 0 0;
  border:0;border-radius:10px;
  background:var(--coral,#e8541a);color:#fff;
  padding:10px 16px;font:inherit;font-size:.88rem;font-weight:700;
  cursor:pointer;
}
.dv-b:hover{ background:var(--coral-dark,#c4400f); }
.dv-b--ghost{
  background:transparent;color:#8a4a2c;
  border:1px solid #e0cfc2;font-weight:600;padding:7px 12px;
}
.dv-b--ghost:hover{ background:#fde8dd; }

/* La comparaison déborde forcément à partir de trois entreprises : elle
   défile DANS SON CADRE, jamais la page entière. */
.dv-tw{ overflow-x:auto;margin:12px 0 0;-webkit-overflow-scrolling:touch; }
.dv-tab{ border-collapse:collapse;width:100%;min-width:520px;font-size:.86rem; }
.dv-tab th,.dv-tab td{
  border:1px solid #e8e0d6;padding:7px 9px;text-align:left;vertical-align:top;
}
.dv-tab thead th{
  background:#f7f1ea;color:var(--navy,#1a2d4a);
  font-family:'Syne',sans-serif;font-weight:700;font-size:.82rem;
}
.dv-tab tbody th{
  background:#fbf8f5;color:#5b5348;font-weight:600;white-space:nowrap;
}
.dv-tab td input{
  width:100%;box-sizing:border-box;border:1px solid #e4dbd0;border-radius:7px;
  padding:6px 8px;font:inherit;font-size:.85rem;background:#fff;
}
.dv-tab td input:focus{ outline:2px solid var(--coral,#e8541a);outline-offset:1px; }

/* À l'impression, la trame et la comparaison doivent SORTIR, même repliées :
   « imprimer son écran » est un geste gratuit du socle, et un <details>
   fermé ne s'imprime pas. */

/* LES DEUX COLONNES QUE PTC NE REMPLIT PAS. Elles sont vides à dessein : le
   prix vient de l'entreprise, jamais de nous — la méthodologie du 20/08
   interdit un prix par lot ou par ouvrage. Le fond hachuré dit « à remplir »
   sans qu'aucun mot ne soit nécessaire, et la hauteur minimale garantit
   qu'on puisse y écrire à la main sur le tirage papier. */
.dv-arem{
  background:repeating-linear-gradient(45deg,
    transparent,transparent 5px,#f4efe7 5px,#f4efe7 10px);
  min-width:88px;height:34px;
}
/* La désignation porte parfois une note : elle a besoin de place, et elle
   ne doit pas se couper en colonne étroite. */
.dv-tab tbody th{ min-width:220px; }
@media print{
  .dv-x[open],.dv-x{ display:block; }
  .dv-x > summary{ list-style:none;font-size:1rem; }
  .dv-x > *{ display:revert; }
  details.dv-x:not([open]) > *:not(summary){ display:block; }
  .dv-b{ display:none; }
  .dv-tw{ overflow:visible; }
  /* LARGEUR FIXE AU TIRAGE, et c est structurel : avec table-layout fixed et
     width 100 pour cent, le tableau NE PEUT PLUS deborder, quelle que soit la
     longueur des libelles. Le reglage au pixel pres tenait a 8 px le 01/09 —
     un poste au libelle plus long l aurait recasse en silence. */
  .dv-tab{ min-width:0;width:100%;table-layout:fixed; }
  .dv-tab th:nth-child(2){ width:62px; }
  .dv-tab th:nth-child(3){ width:50px; }
  .dv-tab th:nth-child(4),.dv-tab th:nth-child(5){ width:56px; }
  .dv-tab th,.dv-tab td{ word-break:break-word;overflow-wrap:anywhere; }
  /* Sur le tirage, les cases a remplir doivent se voir et s ecrire : on
     remplace le hachurage par un simple cadre, plus lisible a l encre. */
  .dv-arem{ background:none;border:1px solid #b9b2a6;min-width:46px; }
  /* les inputs de quantite n ont pas besoin de la largeur d ecran */
  .dv-tab td:nth-child(3){ width:56px; }
  /* LE CADRE DOIT TENIR SUR UNE A4, sinon la colonne Total se coupe et le
     document part amputé chez l'entreprise. Mesuré le 31/08 : 863 px de
     tableau pour 794 px de page. Les largeurs confortables à l'écran se
     relâchent donc au tirage. */
  .dv-tab tbody th{ min-width:0; }
  .dv-tab{ font-size:.70rem; }
  .dv-tab th,.dv-tab td{ padding:4px 5px; }
  .dv-tab td input{ width:100%;min-width:0;padding:4px 5px; }
}