/* DSA CRM v11.6 — filets DSA, bon de réservation complet et nouveau mandat plein écran. */
:root{--v116-bordeaux:#8b1a2f;--v116-bordeaux-soft:#f8eef1;--v116-bordeaux-line:#e7cfd5}

/* Les deux axes utilisent le même filet fin : 2 px horizontal et 2 px vertical. */
.topbar{border-top:2px solid var(--v116-bordeaux)!important}
.sb{position:relative!important;border-right:0!important;box-shadow:inset -2px 0 0 var(--v116-bordeaux)!important}
.sb:after{content:"";position:absolute;z-index:25;top:0;right:0;bottom:0;width:2px;background:var(--v116-bordeaux);pointer-events:none}
.v113-document-studio,.contract-studio.v113-contract-page{border-left:2px solid var(--v116-bordeaux)!important;box-sizing:border-box!important}
.v113-document-head,.v113-contract-page .contract-studio-head{border-top-width:2px!important}

/* Bon de réservation : trois blocs lisibles et complets sur ordinateur. */
.v113-document-body .v9-res-form.v116-res-form{grid-template-columns:minmax(330px,.78fr) minmax(310px,.68fr) minmax(660px,1.55fr);gap:16px;align-items:stretch}
.v116-res-form .v9-res-card{min-width:0}
.v116-finance-card{border-top:2px solid var(--v116-bordeaux)!important}
.v116-span-2{grid-column:1/-1}
.v116-vehicle-name{display:grid;gap:4px;margin-bottom:16px;padding:14px;border:1px solid var(--v116-bordeaux-line);border-left:2px solid var(--v116-bordeaux);border-radius:0 11px 11px 0;background:linear-gradient(100deg,var(--v116-bordeaux-soft),#fff)}
.v116-vehicle-name span{font-size:8px;font-weight:800;letter-spacing:.09em;color:var(--v116-bordeaux)}
.v116-vehicle-name strong{font-size:17px;letter-spacing:-.02em}
.v116-plate{text-transform:uppercase;letter-spacing:.12em;font-weight:750}
.v116-readonly .inp{background:#f1f1f1!important;color:#5e5b5c!important;cursor:not-allowed}
.v116-field-help{display:block;margin-top:4px;color:var(--ink3);font-size:8px;line-height:1.35}
.v116-res-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.v116-res-checks label{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid var(--bord);border-radius:11px;background:var(--bg2);cursor:pointer}
.v116-res-checks input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--v116-bordeaux);flex:0 0 auto}
.v116-res-checks span{display:grid;gap:2px}.v116-res-checks strong{font-size:10px}.v116-res-checks small{font-size:8px;color:var(--ink3);line-height:1.35}
.v116-finance-card .v9-res-totals{margin-top:14px}.v116-finance-card .v9-res-totals>div:first-child{border-left:2px solid var(--v116-bordeaux)}

/* Nouveau mandat : même logique qu'une page documentaire, jamais un tiroir latéral. */
#ov.v116-mandate-create{display:block!important;z-index:1250!important;background:#f3f2f3!important;backdrop-filter:none!important;overflow:hidden}
#ov.v116-mandate-create .panel.v116-mandate-page{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;border-left:2px solid var(--v116-bordeaux);border-radius:0!important;background:#f3f2f3!important;box-shadow:none!important;animation:none!important}
#ov.v116-mandate-create .ph{min-height:78px;box-sizing:border-box;padding:10px max(24px,calc((100vw - 1440px)/2 + 24px));border-top:2px solid var(--v116-bordeaux);border-bottom:1px solid #dedbdd;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:0 4px 18px rgba(26,20,22,.055)}
#ov.v116-mandate-create .ph-t{display:grid;gap:2px;font-family:Inter,Arial,sans-serif}
#ov.v116-mandate-create .ph-t span{color:var(--v116-bordeaux);font-size:8px;font-weight:800;letter-spacing:.12em}
#ov.v116-mandate-create .ph-t strong{color:var(--ink);font-size:19px;letter-spacing:-.025em}
#ov.v116-mandate-create .ph-t small{color:var(--ink3);font-size:10px;font-weight:500}
#ov.v116-mandate-create .ph-x{width:38px;height:38px;border:1px solid #d7d2d4;background:#fff;font-size:21px}
#ov.v116-mandate-create #ph-del{display:none!important}
#ov.v116-mandate-create #pb{padding:24px max(24px,calc((100vw - 1440px)/2 + 24px)) 36px;background:#f3f2f3;overscroll-behavior:contain;scrollbar-gutter:stable}
#ov.v116-mandate-create #pb>div{max-width:1440px;box-sizing:border-box;margin:0 auto;padding:24px 28px 30px!important;border:1px solid #e1dddf;border-left:2px solid var(--v116-bordeaux);border-radius:18px;background:#fff;box-shadow:0 10px 34px rgba(31,24,27,.055)}
#ov.v116-mandate-create .mandat-form-intro{position:sticky;top:-24px;z-index:3;margin:-4px -8px 26px;padding:12px 14px;border-color:var(--v116-bordeaux-line);background:rgba(250,245,247,.96);backdrop-filter:blur(16px)}
#ov.v116-mandate-create .mandat-form-step span{background:var(--v116-bordeaux)}
#ov.v116-mandate-create .mandat-form-banner{border-left-width:2px}
#ov.v116-mandate-create #pb>div>div[style*="border-top:1px"]{position:sticky;z-index:4;bottom:-30px;margin:20px -28px -30px!important;padding:14px 28px 18px!important;border-top:1px solid #dedbdd!important;background:rgba(255,255,255,.97);backdrop-filter:blur(18px)}

@media(max-width:1450px){.v113-document-body .v9-res-form.v116-res-form{grid-template-columns:repeat(2,minmax(0,1fr))}.v116-finance-card{grid-column:1/-1}}
@media(max-width:900px){.v113-document-body .v9-res-form.v116-res-form{grid-template-columns:1fr}.v116-finance-card{grid-column:auto}.v116-res-checks{grid-template-columns:1fr}}
@media(max-width:680px){.sb:after{display:none}#ov.v116-mandate-create .ph{padding:8px 12px;min-height:70px}#ov.v116-mandate-create .ph-t small{display:none}#ov.v116-mandate-create #pb{padding:12px 10px 24px}#ov.v116-mandate-create #pb>div{padding:16px 14px 24px!important;border-radius:14px}#ov.v116-mandate-create .mandat-form-intro{top:-16px;margin:-2px -4px 20px}#ov.v116-mandate-create #pb>div>div[style*="border-top:1px"]{bottom:-24px;margin:18px -14px -24px!important;padding:12px 14px max(14px,env(safe-area-inset-bottom))!important}}