/* DSA CRM v11.14 — collaboration inter-agences et fiche mandat priorisée */
.sb{
  overflow:hidden!important;
  min-height:0;
}
.sb-top{
  position:relative;
  z-index:3;
  flex:0 0 auto!important;
  background:var(--bg);
}
.sb-logo,
.sb-logo img{
  flex:0 0 auto;
  max-height:none!important;
  object-fit:contain;
}
.nav{
  flex:1 1 auto!important;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.sb-bot{
  position:relative;
  z-index:3;
  background:var(--bg);
}

.mandat-primary-card{
  position:relative;
  overflow:hidden;
  padding:20px!important;
  border:1px solid color-mix(in srgb,var(--acc) 28%,var(--bord))!important;
  box-shadow:0 10px 30px rgba(22,22,24,.055)!important;
}
.mandat-primary-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--acc);
}
.mandat-vehicle-card:before{background:#235b9d}
.mandat-primary-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--bord);
}
.mandat-primary-head>div{min-width:0}
.mandat-primary-kicker{
  display:block;
  margin-bottom:4px;
  color:var(--acc);
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.mandat-vehicle-card .mandat-primary-kicker{color:#235b9d}
.mandat-primary-head strong{
  display:block;
  font-size:20px;
  line-height:1.2;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.mandat-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:14px;
}
.mandat-contact-action{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  padding:11px 12px;
  color:var(--ink);
  text-decoration:none;
  background:var(--bg2);
  border:1px solid var(--bord);
  border-radius:10px;
  transition:border-color .15s,transform .15s,background .15s;
}
a.mandat-contact-action:hover{
  border-color:var(--acc);
  background:var(--accl);
  transform:translateY(-1px);
}
.mandat-contact-action span,
.mandat-primary-address span,
.mandat-vehicle-facts span{
  color:var(--ink3);
  font-size:9px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mandat-contact-action strong{
  overflow:hidden;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mandat-contact-action.empty{opacity:.66}
.mandat-primary-address{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:11px;
  padding:0 2px;
}
.mandat-primary-address strong{font-size:12px;line-height:1.45}
.mandat-vehicle-identity{
  display:flex;
  align-items:center;
  gap:8px;
  margin:14px 0;
}
.mandat-vehicle-identity>span{
  padding:6px 9px;
  color:var(--ink2);
  background:var(--bg2);
  border:1px solid var(--bord);
  border-radius:8px;
  font-size:11px;
  font-weight:650;
}
.mandat-vehicle-identity .mandat-plate{
  color:#174e8c;
  border-color:rgba(35,91,157,.25);
  background:rgba(35,91,157,.07);
  font-weight:800;
  letter-spacing:.05em;
}
.mandat-vehicle-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.mandat-vehicle-facts>div{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  padding:10px;
  background:var(--bg2);
  border-radius:9px;
}
.mandat-vehicle-facts strong{font-size:12px;overflow-wrap:anywhere}

@media(max-width:700px){
  .mandat-contact-grid{grid-template-columns:1fr}
  .mandat-vehicle-facts{grid-template-columns:1fr 1fr}
  .mandat-primary-card{padding:16px!important}
}