/* ══════════════════════════════════════════════════════════════
   Merydar — Atelier & dépôts : espace cliente
   ══════════════════════════════════════════════════════════════ */

.mrd-espace{
  --vert:#2A4A3D;
  --vert-clair:#3F6B57;
  --dore:#C9AB6F;
  --dore-clair:#E3D2AC;
  --parchemin:#EDDFC8;
  --sable:#F0C299;
  --encre:#2A3B33;
  --bordure:#D8CDB4;
  --serif:'Cormorant Garamond',Georgia,serif;
  --titre:'Cinzel Decorative','Cinzel',serif;

  font-family:var(--serif) !important;
  font-size:18px !important;
  line-height:1.7 !important;
  color:var(--encre) !important;
}
.mrd-espace *{box-sizing:border-box !important}
.mrd-espace p{margin:0 0 14px !important}
.mrd-espace a{color:var(--vert) !important;text-decoration:underline !important;text-underline-offset:3px !important;text-decoration-color:var(--dore) !important}
.mrd-espace a:hover{color:var(--dore) !important}
.mrd-espace strong{color:var(--vert) !important}

.mrd-h2{
  font-family:var(--titre) !important;font-size:26px !important;color:var(--vert) !important;
  margin:0 0 10px !important;font-weight:400 !important;letter-spacing:.02em !important;
}
.mrd-h3{
  font-family:var(--titre) !important;font-size:14px !important;letter-spacing:.16em !important;
  text-transform:uppercase !important;color:var(--vert-clair) !important;
  margin:34px 0 14px !important;font-weight:700 !important;
}
.mrd-chapo{color:var(--vert-clair) !important;font-size:17px !important}
.mrd-petit{font-size:15px !important;color:var(--vert-clair) !important}
.mrd-retour{font-size:15px !important;margin-bottom:14px !important}
.mrd-req{color:var(--dore) !important}

/* --- Boutons --- */
.mrd-btn{
  display:inline-block !important;font-family:var(--titre) !important;font-size:12px !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;text-decoration:none !important;
  padding:12px 24px !important;border-radius:8px !important;border:1px solid var(--vert) !important;
  color:var(--vert) !important;background:transparent !important;cursor:pointer !important;
  transition:background .2s,color .2s !important;line-height:1.3 !important;
}
.mrd-btn:hover{background:var(--vert) !important;color:#FBF6F1 !important}
.mrd-btn-plein{background:var(--vert) !important;color:#FBF6F1 !important}
.mrd-btn-plein:hover{background:var(--vert-clair) !important;color:#FBF6F1 !important}
.mrd-btn-clair{border-color:var(--bordure) !important;color:var(--vert-clair) !important}
.mrd-submit{margin-top:22px !important}

/* --- Messages d'état --- */
.mrd-notice{
  border-radius:10px !important;padding:14px 18px !important;margin:0 0 22px !important;
  border:1px solid var(--bordure) !important;border-left:3px solid var(--dore) !important;
  background:rgba(255,255,255,.7) !important;font-size:16px !important;
}
.mrd-notice p:last-child{margin-bottom:0 !important}
.mrd-notice-ok{border-left-color:var(--vert-clair) !important}
.mrd-notice-erreur{border-left-color:#A6412F !important;background:rgba(166,65,47,.06) !important}
.mrd-notice-attention{border-left-color:var(--sable) !important}

/* --- Liste des dossiers --- */
.mrd-entete{margin-bottom:26px !important}
.mrd-liste{list-style:none !important;margin:0 !important;padding:0 !important}
.mrd-carte{margin:0 0 12px !important;padding:0 !important;list-style:none !important}
.mrd-carte::before{display:none !important}
.mrd-carte > a{
  display:grid !important;grid-template-columns:150px 1fr auto !important;
  grid-template-areas:"ref piece etat" "ref maj etat" !important;
  gap:2px 18px !important;align-items:center !important;
  padding:16px 20px !important;border:1px solid var(--bordure) !important;border-radius:12px !important;
  background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(237,223,200,.45)) !important;
  text-decoration:none !important;transition:border-color .2s,box-shadow .2s !important;
}
.mrd-carte > a:hover{border-color:var(--dore) !important;box-shadow:0 10px 26px -22px rgba(42,74,61,.8) !important}
.mrd-ref{grid-area:ref;font-family:var(--titre) !important;font-size:13px !important;letter-spacing:.1em !important;color:var(--vert) !important}
.mrd-piece{grid-area:piece;color:var(--encre) !important}
.mrd-maj{grid-area:maj;font-size:14px !important;color:var(--vert-clair) !important}
.mrd-etat{grid-area:etat}

.mrd-etat{
  display:inline-block !important;font-family:var(--titre) !important;font-size:10.5px !important;
  letter-spacing:.11em !important;text-transform:uppercase !important;
  padding:6px 12px !important;border-radius:20px !important;border:1px solid var(--bordure) !important;
  background:#fff !important;color:var(--vert-clair) !important;white-space:nowrap !important;
}
.mrd-ton-ok{border-color:var(--vert-clair) !important;color:var(--vert) !important;background:rgba(63,107,87,.09) !important}
.mrd-ton-action{border-color:var(--dore) !important;color:#8A6C2F !important;background:rgba(201,171,111,.16) !important}
.mrd-ton-stop{border-color:#C08B7E !important;color:#8E3A28 !important;background:rgba(166,65,47,.08) !important}
.mrd-ton-clos{opacity:.7 !important}

.mrd-vide{
  border:1px dashed var(--bordure) !important;border-radius:12px !important;
  padding:26px !important;text-align:center !important;background:rgba(255,255,255,.5) !important;
}

/* --- Formulaires --- */
.mrd-form{margin-top:10px !important}
.mrd-bloc{
  border:1px solid var(--bordure) !important;border-radius:12px !important;
  padding:22px 24px !important;margin:0 0 20px !important;
  background:rgba(255,255,255,.62) !important;
}
.mrd-bloc legend{
  font-family:var(--titre) !important;font-size:12px !important;letter-spacing:.16em !important;
  text-transform:uppercase !important;color:var(--vert) !important;font-weight:700 !important;
  padding:0 10px !important;
}
.mrd-bloc-attestation{background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(240,194,153,.22)) !important}

.mrd-champ{display:block !important;margin:0 0 16px !important}
.mrd-champ label,.mrd-champ > label{
  display:block !important;font-family:var(--titre) !important;font-size:11px !important;
  letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--vert) !important;
  margin-bottom:6px !important;font-weight:700 !important;
}
.mrd-champ input[type=text],
.mrd-champ input[type=tel],
.mrd-champ input[type=date],
.mrd-champ input[type=email],
.mrd-champ select,
.mrd-champ textarea{
  width:100% !important;font-family:var(--serif) !important;font-size:17px !important;
  color:var(--encre) !important;background:#fff !important;
  border:1px solid var(--bordure) !important;border-radius:8px !important;
  padding:11px 13px !important;line-height:1.5 !important;
}
.mrd-champ textarea{resize:vertical !important}
.mrd-champ input:focus,.mrd-champ select:focus,.mrd-champ textarea:focus{
  outline:none !important;border-color:var(--dore) !important;box-shadow:0 0 0 3px rgba(201,171,111,.18) !important;
}
.mrd-champ input[type=file]{
  width:100% !important;font-family:var(--serif) !important;font-size:15px !important;
  padding:10px !important;border:1px dashed var(--bordure) !important;border-radius:8px !important;
  background:rgba(255,255,255,.6) !important;
}
.mrd-aide{display:block !important;font-size:14.5px !important;color:var(--vert-clair) !important;margin-top:5px !important;line-height:1.55 !important}
.mrd-aide-large{margin:0 0 14px !important}

.mrd-duo{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 18px !important}
.mrd-trio{display:grid !important;grid-template-columns:1fr 1.4fr 1fr !important;gap:0 18px !important}

.mrd-radio{
  display:flex !important;align-items:flex-start !important;gap:9px !important;
  font-family:var(--serif) !important;font-size:17px !important;text-transform:none !important;
  letter-spacing:normal !important;color:var(--encre) !important;font-weight:400 !important;
  margin:0 0 7px !important;cursor:pointer !important;
}
.mrd-radio input{margin-top:6px !important;flex:none !important}

.mrd-case{
  display:flex !important;align-items:flex-start !important;gap:11px !important;
  margin:0 0 14px !important;font-size:16.5px !important;line-height:1.6 !important;cursor:pointer !important;
}
.mrd-case input{margin-top:6px !important;flex:none !important;width:17px !important;height:17px !important}

/* --- Fiche dossier --- */
.mrd-dossier-tete{
  border:1px solid var(--bordure) !important;border-left:3px solid var(--dore) !important;
  border-radius:12px !important;padding:20px 24px !important;margin:0 0 22px !important;
  background:linear-gradient(165deg,rgba(255,255,255,.85),rgba(237,223,200,.4)) !important;
}
.mrd-ref-grande{
  font-family:var(--titre) !important;font-size:15px !important;letter-spacing:.16em !important;
  color:var(--vert) !important;margin-right:12px !important;
}
.mrd-piece-titre{font-size:20px !important;margin:10px 0 4px !important}

/* --- Frise --- */
.mrd-frise{
  display:grid !important;grid-template-columns:repeat(5,1fr) !important;
  list-style:none !important;margin:0 0 26px !important;padding:0 !important;gap:6px !important;
}
.mrd-etape{position:relative !important;text-align:center !important;padding-top:22px !important;list-style:none !important}
.mrd-etape::before{display:none !important}
.mrd-etape::after{
  content:"" !important;position:absolute !important;top:5px !important;left:50% !important;
  transform:translateX(-50%) !important;width:11px !important;height:11px !important;border-radius:50% !important;
  background:#fff !important;border:2px solid var(--bordure) !important;z-index:2 !important;
}
.mrd-etape span{
  font-family:var(--titre) !important;font-size:10px !important;letter-spacing:.1em !important;
  text-transform:uppercase !important;color:var(--vert-clair) !important;
}
.mrd-etape:not(:last-child)::before{
  display:block !important;content:"" !important;position:absolute !important;top:10px !important;
  left:50% !important;width:100% !important;height:1px !important;background:var(--bordure) !important;z-index:1 !important;
}
.mrd-etape-fait::after{background:var(--vert-clair) !important;border-color:var(--vert-clair) !important}
.mrd-etape-courant::after{background:var(--dore) !important;border-color:var(--dore) !important;box-shadow:0 0 0 4px rgba(201,171,111,.25) !important}
.mrd-etape-courant span{color:var(--vert) !important;font-weight:700 !important}
.mrd-etape-avenir span{opacity:.5 !important}

/* --- Devis --- */
.mrd-devis{
  border:1px solid var(--dore) !important;border-radius:12px !important;padding:22px 26px !important;
  margin:0 0 24px !important;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(201,171,111,.13)) !important;
}
.mrd-devis h3{
  font-family:var(--titre) !important;font-size:13px !important;letter-spacing:.16em !important;
  text-transform:uppercase !important;color:var(--vert) !important;margin:0 0 8px !important;
}
.mrd-devis-montant{font-family:var(--titre) !important;font-size:32px !important;color:var(--vert) !important;margin:0 0 10px !important}
.mrd-devis-actions{display:flex !important;gap:12px !important;flex-wrap:wrap !important;margin-top:16px !important}

/* --- Récapitulatif --- */
.mrd-recap{
  border:1px solid var(--bordure) !important;border-radius:10px !important;
  background:rgba(255,255,255,.55) !important;padding:0 !important;margin:0 0 8px !important;
}
.mrd-recap summary{
  cursor:pointer !important;padding:13px 20px !important;
  font-family:var(--titre) !important;font-size:11px !important;letter-spacing:.14em !important;
  text-transform:uppercase !important;color:var(--vert) !important;
}
.mrd-recap dl{margin:0 !important;padding:4px 20px 18px !important}
.mrd-recap dt{
  font-family:var(--titre) !important;font-size:10px !important;letter-spacing:.13em !important;
  text-transform:uppercase !important;color:var(--vert-clair) !important;margin-top:12px !important;
}
.mrd-recap dd{margin:2px 0 0 !important;font-size:16.5px !important}

/* --- Le fil --- */
.mrd-fil{list-style:none !important;margin:0 !important;padding:0 !important}
.mrd-fil-item{
  list-style:none !important;position:relative !important;
  border:1px solid var(--bordure) !important;border-radius:12px !important;
  padding:15px 19px !important;margin:0 0 12px !important;background:rgba(255,255,255,.68) !important;
}
.mrd-fil-item::before{display:none !important}
.mrd-cote-atelier{border-left:3px solid var(--vert-clair) !important}
.mrd-cote-cliente{border-left:3px solid var(--dore) !important;background:rgba(240,194,153,.16) !important}
.mrd-fil-tete{display:flex !important;justify-content:space-between !important;align-items:baseline !important;gap:10px !important;flex-wrap:wrap !important}
.mrd-fil-qui{
  font-family:var(--titre) !important;font-size:10px !important;letter-spacing:.15em !important;
  text-transform:uppercase !important;color:var(--vert) !important;
}
.mrd-fil-tete time{font-size:13.5px !important;color:var(--vert-clair) !important}
.mrd-fil-titre{font-weight:700 !important;color:var(--vert) !important;margin:6px 0 2px !important}
.mrd-fil-texte{font-size:17px !important}
.mrd-fil-texte p{margin:4px 0 !important}

/* --- Galeries --- */
.mrd-galerie{display:flex !important;flex-wrap:wrap !important;gap:9px !important;margin-top:10px !important}
.mrd-vignette{
  display:block !important;width:104px !important;height:104px !important;border-radius:9px !important;
  overflow:hidden !important;border:1px solid var(--bordure) !important;background:#fff !important;
  text-decoration:none !important;transition:border-color .2s,transform .2s !important;
}
.mrd-vignette:hover{border-color:var(--dore) !important;transform:translateY(-2px) !important}
.mrd-vignette img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.mrd-vignette-doc{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;padding:8px !important}
.mrd-doc-ico{
  font-family:var(--titre) !important;font-size:11px !important;letter-spacing:.1em !important;
  color:#fff !important;background:var(--vert) !important;border-radius:5px !important;padding:4px 9px !important;
}
.mrd-doc-nom{font-size:11px !important;color:var(--vert-clair) !important;text-align:center !important;line-height:1.25 !important;word-break:break-all !important}

.mrd-repondre{margin-top:24px !important;border-top:1px solid var(--bordure) !important;padding-top:20px !important}

/* --- Mobile --- */
@media(max-width:700px){
  .mrd-espace{font-size:17px !important}
  .mrd-duo,.mrd-trio{grid-template-columns:1fr !important}
  .mrd-carte > a{grid-template-columns:1fr !important;grid-template-areas:"ref" "piece" "etat" "maj" !important;gap:6px !important}
  .mrd-etat{justify-self:start !important}
  .mrd-frise{grid-template-columns:1fr 1fr 1fr 1fr 1fr !important;gap:2px !important}
  .mrd-etape span{font-size:8.5px !important;letter-spacing:.05em !important}
  .mrd-devis-actions .mrd-btn{width:100% !important;text-align:center !important}
  .mrd-vignette{width:88px !important;height:88px !important}
}

/* --- Ajouts version 1.1 --- */
.mrd-devis-tete{display:flex !important;justify-content:space-between !important;align-items:baseline !important;flex-wrap:wrap !important;gap:8px !important;margin-bottom:12px !important}
.mrd-devis-tete h3{margin:0 !important}
.mrd-devis-parties{margin:0 0 14px !important;font-size:15px !important}
.mrd-devis-parties dt{
  font-family:var(--titre) !important;font-size:9.5px !important;letter-spacing:.14em !important;
  text-transform:uppercase !important;color:var(--vert-clair) !important;margin-top:9px !important;
}
.mrd-devis-parties dd{margin:1px 0 0 !important;line-height:1.5 !important}
.mrd-devis-lignes{width:100% !important;border-collapse:collapse !important;margin:8px 0 6px !important;font-size:17px !important}
.mrd-devis-lignes td{padding:9px 0 !important;border-bottom:1px solid var(--bordure) !important;vertical-align:top !important;background:transparent !important}
.mrd-devis-lignes .mrd-montant{text-align:right !important;white-space:nowrap !important;width:120px !important}
.mrd-devis-total td{border-bottom:none !important;padding-top:12px !important}
.mrd-devis-total .mrd-montant{font-family:var(--titre) !important;font-size:24px !important;color:var(--vert) !important}
.mrd-devis-infos{margin:12px 0 !important;padding:0 !important;list-style:none !important}
.mrd-devis-infos li{position:relative !important;padding-left:16px !important;margin:0 0 6px !important;font-size:16px !important;list-style:none !important}
.mrd-devis-infos li::before{content:"" !important;position:absolute !important;left:0 !important;top:.62em !important;width:6px !important;height:6px !important;border-radius:50% !important;background:var(--dore) !important}
.mrd-devis-consentements{
  background:rgba(255,255,255,.7) !important;border:1px solid var(--bordure) !important;
  border-left:3px solid var(--vert-clair) !important;border-radius:10px !important;
  padding:16px 20px !important;margin:16px 0 !important;
}
.mrd-devis-pied{margin-top:14px !important;padding-top:12px !important;border-top:1px solid var(--bordure) !important;font-size:13.5px !important}
.mrd-devis-paiement{border-color:var(--vert-clair) !important;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(63,107,87,.1)) !important}
.mrd-clos-note{
  border:1px solid var(--bordure) !important;border-left:3px solid var(--vert-clair) !important;
  border-radius:10px !important;padding:18px 22px !important;margin-top:22px !important;
  background:rgba(255,255,255,.6) !important;
}
.mrd-vignette-vide{
  display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
  width:104px !important;height:104px !important;border-radius:9px !important;gap:5px !important;
  border:1px dashed var(--bordure) !important;background:rgba(255,255,255,.4) !important;opacity:.75 !important;
}

.mrd-devis-repondu{
  background:rgba(63,107,87,.09) !important;border-left:3px solid var(--vert-clair) !important;
  border-radius:8px !important;padding:12px 16px !important;margin:16px 0 0 !important;font-size:16px !important;
}

/* --- Créations sur mesure --- */
.mrd-pot-de-miel{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important}
.mrd-frise-6{grid-template-columns:repeat(6,1fr) !important}
.mrd-retractation{
  border:1px solid var(--bordure) !important;border-radius:10px !important;
  padding:14px 18px !important;margin:14px 0 !important;font-size:16px !important;
  background:rgba(255,255,255,.65) !important;border-left:3px solid var(--dore) !important;
}
.mrd-retractation-variante{border-left-color:var(--vert-clair) !important}
.mrd-retractation b.et{
  display:block !important;font-family:var(--titre) !important;font-size:10px !important;
  letter-spacing:.2em !important;text-transform:uppercase !important;
  color:var(--vert-clair) !important;margin-bottom:6px !important;
}
.mrd-maquette .mrd-galerie{margin:14px 0 !important}
.mrd-maquette .mrd-vignette{width:150px !important;height:150px !important}
@media(max-width:700px){
  .mrd-frise-6{grid-template-columns:repeat(3,1fr) !important;row-gap:14px !important}
  .mrd-frise-6 .mrd-etape:not(:last-child)::before{display:none !important}
}

.mrd-bloc-adresse{margin-top:16px !important;background:rgba(255,255,255,.7) !important}

/* --- Prise de photo directe, sous un champ fichier --- */
.mrd-photo-directe{display:block !important;margin-top:8px !important}
.mrd-photo-directe label{display:inline !important;font:inherit !important;font-size:15px !important;
  text-transform:none !important;letter-spacing:normal !important;color:var(--vert-clair) !important;
  font-weight:400 !important;margin:0 8px 0 0 !important}