/* DSA CRM v11.93 — viewport et défilement du planning fiabilisés. */

/* La grille doit toujours être plus petite que ses 24 heures. Une hauteur
   explicite évite le cas où le flex prend les 1 296 px du contenu puis se fait
   couper par la page, ce qui rendait la molette inopérante. */
#app .content.v1187-calendar-content{
  display:flex!important;
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#app .content.v1187-calendar-content #v-calendar.view.on{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
}
#v-calendar .v9-calendar-shell.v1169-calendar{
  flex:1 1 auto!important;
  min-height:0!important;
}
#v-calendar .v9-gcal-scroll{
  flex:0 0 var(--v1193-planning-height,clamp(320px,calc(100dvh - 252px),648px))!important;
  height:var(--v1193-planning-height,clamp(320px,calc(100dvh - 252px),648px))!important;
  min-height:0!important;
  max-height:var(--v1193-planning-height,clamp(320px,calc(100dvh - 252px),648px))!important;
  overflow-x:auto!important;
  overflow-y:scroll!important;
  overscroll-behavior-x:contain!important;
  overscroll-behavior-y:contain!important;
  scroll-behavior:auto!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:auto!important;
}
#v-calendar .v9-gcal-scroll::-webkit-scrollbar{width:12px;height:10px}
#v-calendar .v9-gcal-scroll::-webkit-scrollbar-thumb{min-height:42px;border:3px solid transparent;border-radius:999px;background:rgba(76,84,98,.48);background-clip:padding-box}
#v-calendar .v9-gcal-scroll::-webkit-scrollbar-thumb:hover{background:rgba(76,84,98,.68);background-clip:padding-box}

@media(max-height:620px){
  #v-calendar .v9-gcal-scroll{
    flex-basis:var(--v1193-planning-height,300px)!important;
    height:var(--v1193-planning-height,300px)!important;
    max-height:var(--v1193-planning-height,300px)!important;
  }
}