/* DSA CRM v11.95 — alignements, typographie calme et fluidité ciblée. */

/* ── Mandats de vente : une hiérarchie unique et des espaces constants. ── */
#v-mesmandats.v1186-catalog{padding:16px!important}
#v-mesmandats .v1186-shell{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
#v-mesmandats .v1186-shell.commercial .v1186-hero{margin-bottom:12px}
#v-mesmandats .v1186-shell.commercial .v1194-agencybar{margin:0 0 12px}
#v-mesmandats .v1186-hero{min-height:88px;box-sizing:border-box;padding:18px 20px;border-radius:22px;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);box-shadow:0 12px 34px rgba(38,45,60,.07),inset 0 1px 0 #fff}
#v-mesmandats .v1186-hero>div:first-child>span{margin-bottom:4px;font-size:8.5px;font-weight:680;letter-spacing:.14em}
#v-mesmandats .v1186-hero h2{font-size:23px;font-weight:700;letter-spacing:-.035em}
#v-mesmandats .v1186-hero p{margin-top:6px;font-size:10.5px}

#v-mesmandats .v1194-agencybar{grid-template-columns:minmax(220px,1fr) minmax(220px,300px) auto;gap:12px;padding:11px 13px;border-radius:18px;box-shadow:0 9px 25px rgba(39,47,63,.055),inset 0 1px 0 #fff;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}
#v-mesmandats .v1194-agency-title{gap:10px}
#v-mesmandats .v1194-site-dot{width:10px;height:10px;box-shadow:0 0 0 5px rgba(22,133,75,.09)}
#v-mesmandats .v1194-agencybar.secondary .v1194-site-dot{box-shadow:0 0 0 5px rgba(185,120,0,.09)}
#v-mesmandats .v1194-agency-title small{font-size:8.5px;font-weight:650;letter-spacing:.11em}
#v-mesmandats .v1194-agency-title strong{font-size:15px;font-weight:680}
#v-mesmandats .v1194-agency-title em{font-size:9.5px}
#v-mesmandats .v1194-site-select{gap:3px}
#v-mesmandats .v1194-site-select span{font-size:9px;font-weight:520}
#v-mesmandats .v1194-site-select select{height:40px;font-size:11.5px;font-weight:520}
#v-mesmandats .v1194-scope{min-height:40px;box-sizing:border-box;padding:3px;border-radius:12px}
#v-mesmandats .v1194-scope button{padding:8px 11px;border-radius:9px;font-size:10.5px;font-weight:540}

#v-mesmandats .v1186-controls{grid-template-columns:minmax(260px,1fr) auto;gap:8px;padding:10px;border-radius:18px;box-shadow:0 8px 24px rgba(38,45,60,.05),inset 0 1px 0 #fff;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}
#v-mesmandats .v1186-search,#v-mesmandats .v1186-selects select{height:40px;min-height:40px;box-sizing:border-box;border-radius:12px}
#v-mesmandats .v1186-search{padding:0 12px}
#v-mesmandats .v1186-search input{font-size:10.5px;font-weight:430}
#v-mesmandats .v1186-selects{gap:7px}
#v-mesmandats .v1186-selects select{padding-left:11px;font-size:10.5px;font-weight:500}
#v-mesmandats .v1186-chips{gap:6px;padding-top:1px}
#v-mesmandats .v1186-chip{min-height:30px;padding:0 10px;font-size:9px;font-weight:540}
#v-mesmandats .v1186-chip.on{font-weight:620;box-shadow:0 3px 10px rgba(38,45,60,.05)}
#v-mesmandats .v1186-list-head{padding:13px 3px 7px}
#v-mesmandats .v1186-list-head strong{font-size:12px;font-weight:680}

/* Le verre reste sur les surfaces maîtresses. Chaque ligne est volontairement
   plus simple : cela évite de recalculer des dizaines de flous au défilement. */
#v-mesmandats .v1186-list{gap:8px}
#v-mesmandats .v1186-row{padding:12px 14px;border-color:rgba(40,48,61,.075);background:rgba(255,255,255,.82);box-shadow:0 5px 16px rgba(39,47,61,.04);backdrop-filter:none;-webkit-backdrop-filter:none;transition:border-color .12s ease,background-color .12s ease;content-visibility:auto;contain-intrinsic-size:auto 70px}
#v-mesmandats .v1186-row:hover,#v-mesmandats .v1186-row:focus{transform:none;border-color:rgba(43,104,173,.2);background:rgba(255,255,255,.96);box-shadow:0 6px 18px rgba(39,47,61,.055)}
#v-mesmandats .v1186-row-actions button{font-weight:570}

/* ── To Do : axes stables et confirmation alignée au vendeur. ── */
#v-todo .v1173-todo-board{gap:12px;padding:14px;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}
#v-todo .v1173-card{padding:16px!important;box-shadow:0 8px 24px rgba(15,23,42,.055),inset 0 1px 0 #fff!important}
#v-todo .v107-section-head{top:-16px;min-height:52px;margin:0;padding:8px 0 11px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#v-todo .v107-section-head>div{gap:9px}
#v-todo .v107-section-head h3{font-size:16px;font-weight:680}
#v-todo .v107-section-head>small{max-width:255px;font-size:9.5px!important;font-weight:430}
#v-todo .v1173-appointments .v107-action-row.appointment{grid-template-columns:70px minmax(0,1fr) minmax(190px,220px)!important;gap:12px!important;min-height:68px!important;padding:10px 0!important}
#v-todo .v1173-appointments .v107-action-time{padding-right:10px!important}
#v-todo .v1173-appointments .v112-confirm-actions{grid-template-columns:repeat(2,minmax(164px,1fr))!important;gap:8px!important;width:100%!important;max-width:360px!important;justify-self:end}
#v-todo .v1173-appointments .v112-confirm-actions:has(.v113-confirm-question:only-child){grid-template-columns:minmax(190px,220px)!important;max-width:220px!important}
#v-todo .v1173-appointments .v113-confirm-question{box-sizing:border-box;width:100%!important;min-height:42px!important;padding:6px 7px 6px 10px!important;border-radius:11px!important;box-shadow:none!important}
#v-todo .v1173-appointments .v113-confirm-question>span b{font-size:9.5px!important;font-weight:650!important;letter-spacing:.045em!important}
#v-todo .v1173-appointments .v113-confirm-question button{min-width:38px!important;height:28px!important;font-weight:570!important}

/* Pas d'animations décoratives lorsque la machine ou le navigateur le demande. */
@media(prefers-reduced-motion:reduce){
  #v-mesmandats *,#v-todo *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

@media(max-width:900px){
  #v-mesmandats .v1194-agencybar{grid-template-columns:1fr 1fr}
  #v-mesmandats .v1194-scope{grid-column:1/-1}
  #v-todo .v1173-appointments .v107-action-row.appointment{grid-template-columns:68px minmax(0,1fr)!important}
  #v-todo .v1173-appointments .v112-confirm-actions{grid-column:1/-1;max-width:none!important;justify-self:stretch}
}
@media(max-width:620px){
  #v-mesmandats.v1186-catalog{padding:10px!important}
  #v-mesmandats .v1194-agencybar{grid-template-columns:1fr}
  #v-mesmandats .v1194-scope{grid-column:auto}
  #v-mesmandats .v1186-hero{min-height:0;padding:16px}
  #v-todo .v1173-appointments .v107-action-row.appointment{grid-template-columns:1fr!important}
  #v-todo .v1173-appointments .v112-confirm-actions,#v-todo .v1173-appointments .v112-confirm-actions:has(.v113-confirm-question:only-child){grid-template-columns:1fr!important;max-width:none!important}
}