/* DSA CRM v12.15 — onglets de mandat uniformes pour tous les comptes. */
#v-mandat-detail.view.on .mandat-tabs,
#v-mandat-detail.view.on .mandat-tabs.v1215-mandate-tabs{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  grid-template-columns:none!important;
  grid-auto-flow:initial!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  height:auto!important;
  gap:5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
#v-mandat-detail.view.on .mandat-tabs::-webkit-scrollbar{display:none!important}
#v-mandat-detail.view.on .mandat-tabs>.mandat-tab{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  min-height:42px!important;
  height:auto!important;
  margin:0!important;
  padding:9px 15px!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:620!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  scroll-snap-align:start;
}

/* Protection de compatibilité si un ancien JS en cache réintroduit la classe
   qui entrait en collision avec la cellule du commercial. */
#v-mandat-detail.view.on.v1186-owner{display:block!important;align-items:initial!important}
#v-mandat-detail.view.on.v1186-owner>.mandat-tabs{display:flex!important}

@media(max-width:760px){
  #v-mandat-detail.view.on .mandat-tabs,
  #v-mandat-detail.view.on .mandat-tabs.v1215-mandate-tabs{
    min-height:51px!important;
    margin:10px 0 14px!important;
    padding:6px!important;
  }
  #v-mandat-detail.view.on .mandat-tabs>.mandat-tab{
    min-height:39px!important;
    padding:8px 12px!important;
    font-size:12px!important;
  }
}