/* DSA CRM v11.17 — bon de réservation vertical, lisible et strictement aligné. */
:root{--v117-bordeaux:#8b1a2f;--v117-bordeaux-soft:#f8eef1;--v117-line:#e7d3d8}

/* Le raccourci supérieur était redondant avec l'action du dossier de vente. */
.v9-sale-entry{display:none!important}

/* En-tête du bon de réservation : hiérarchie plus visible. */
.v113-document-head{min-height:88px!important;padding-block:13px!important}
.v113-document-head span{font-size:9px!important;line-height:1.3!important}
.v113-document-head strong{font-size:25px!important;line-height:1.15!important;font-weight:760!important;letter-spacing:-.035em!important}
.v113-document-head small{font-size:12px!important;line-height:1.4!important;margin-top:2px!important}

/* Trois sections verticales, sur le même principe que le nouveau mandat. */
.v113-document-body .v9-res-form.v116-res-form.v117-res-form{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;
  width:100%;max-width:1440px;margin:0 auto;align-items:start!important;
}
.v117-res-section{
  position:relative;display:block;min-width:0;padding:22px 24px 24px!important;
  border:1px solid #e2dddf!important;border-left:2px solid var(--v117-bordeaux)!important;
  border-top:1px solid #e2dddf!important;border-radius:16px!important;background:#fff!important;
  box-shadow:0 8px 25px rgba(31,24,27,.045)!important;
}
.v117-res-section .v9-res-card-title{
  display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 20px!important;
  min-height:54px;padding:10px 13px!important;border:1px solid var(--v117-line)!important;
  border-left:2px solid var(--v117-bordeaux)!important;border-radius:0 12px 12px 0!important;
  background:linear-gradient(90deg,var(--v117-bordeaux-soft),#fff 72%)!important;
}
.v117-res-section .v9-res-card-title>span{
  display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important;
  border-radius:50%!important;background:var(--v117-bordeaux)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;
}
.v117-res-section .v9-res-card-title strong{font-size:17px!important;line-height:1.25!important;letter-spacing:-.018em!important}
.v117-res-section .v9-res-card-title small{font-size:10px!important;line-height:1.4!important;margin-top:3px!important;color:var(--ink3)!important}

/* Grilles régulières : chaque libellé, champ et aide part de la même ligne. */
.v117-res-form .v9-res-fields{display:grid!important;gap:16px!important;align-items:start!important}
.v117-res-form .v9-res-fields.cols2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v117-res-form .v9-res-fields.cols3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.v117-res-form .v9-res-fields.cols4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.v117-res-form .v9-res-fields>.field{display:grid!important;grid-template-rows:38px auto auto;align-content:start;min-width:0!important;margin:0!important}
.v117-res-form .v9-res-fields>.field>.lbl{
  display:flex!important;align-items:flex-end!important;min-height:38px!important;margin:0 0 7px!important;
  color:#777276!important;font-size:11px!important;font-weight:760!important;line-height:1.25!important;letter-spacing:.055em!important;
}
.v117-res-form .inp,.v117-res-form select.inp{box-sizing:border-box!important;width:100%!important;min-height:48px!important;font-size:14px!important;line-height:1.35!important}
.v117-res-form .v9-money-input{min-height:48px!important}
.v117-res-form .v9-money-input .inp{min-height:46px!important}
.v117-res-form .v116-field-help{min-height:15px;margin-top:5px!important;font-size:9px!important;line-height:1.35!important}
.v117-res-form .v116-span-2{grid-column:span 2!important}

/* Le véhicule occupe une seule ligne parfaitement alignée. */
.v117-res-form .v116-vehicle-name{box-sizing:border-box;display:flex!important;align-items:center!important;min-height:48px!important;margin:0!important;padding:10px 13px!important;border-radius:9px!important}
.v117-res-form .v116-vehicle-name strong{font-size:15px!important;line-height:1.3!important}

.v117-res-form .v116-res-checks{margin-top:18px!important}
.v117-res-form .v9-res-totals{margin-top:18px!important}
.v113-document-body>.v9-res-actions{max-width:1440px;margin:18px auto 0!important;padding-top:16px;border-top:1px solid #ddd8da}

/* Listes de communes cohérentes avec les autres champs. */
select[id$="-sel"]{min-height:46px!important;margin-top:7px!important;font-size:14px!important;background:#fff!important}

@media(max-width:1100px){
  .v117-res-form .v9-res-fields.cols4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v117-res-form .v9-res-fields.cols3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .v113-document-head{min-height:76px!important}.v113-document-head strong{font-size:20px!important}.v113-document-head small{font-size:10px!important}
  .v117-res-section{padding:15px!important;border-radius:13px!important}
  .v117-res-form .v9-res-fields.cols2,.v117-res-form .v9-res-fields.cols3,.v117-res-form .v9-res-fields.cols4{grid-template-columns:1fr!important}
  .v117-res-form .v116-span-2{grid-column:auto!important}
  .v117-res-form .v9-res-fields>.field{grid-template-rows:auto auto auto}
  .v117-res-form .v9-res-fields>.field>.lbl{min-height:0!important;margin-bottom:7px!important}
}
