/* DSA CRM v11.13 — planning 24 h lisible et fiche avant rendez-vous élargie. */

/* Planning inspiré de Google Calendar : une vraie journée de 00 h à 24 h,
   avec une fenêtre initiale de neuf heures exactement (10 h → 19 h). */
#v-calendar .v9-gcal-scroll{
  height:576px!important;
  min-height:576px!important;
  max-height:576px!important;
  overflow-x:auto!important;
  overflow-y:scroll!important;
  overscroll-behavior:contain!important;
  scroll-behavior:auto!important;
  scrollbar-gutter:stable both-edges!important;
  scrollbar-color:#b9b5b7 #f2f1f1;
  scrollbar-width:thin;
}
.v9-gcal-hours,.v9-gcal-days{height:1536px!important;min-height:1536px!important}
.v9-gcal-hours{background:#fff!important;border-right:1px solid #ece9ea!important}
.v9-gcal-hours span{right:10px!important;font-size:9px!important;font-weight:600!important;color:#777378!important}
.v9-gcal-day{
  background:repeating-linear-gradient(to bottom,
    transparent 0,transparent 31px,rgba(28,28,30,.055) 31px,rgba(28,28,30,.055) 32px,
    transparent 32px,transparent 63px,rgba(28,28,30,.13) 63px,rgba(28,28,30,.13) 64px)!important;
}
.v9-gcal-day.today{
  background:linear-gradient(rgba(139,26,47,.035),rgba(139,26,47,.035)),
    repeating-linear-gradient(to bottom,
      transparent 0,transparent 31px,rgba(28,28,30,.055) 31px,rgba(28,28,30,.055) 32px,
      transparent 32px,transparent 63px,rgba(28,28,30,.13) 63px,rgba(28,28,30,.13) 64px)!important;
}
.v9-gcal-event{border-radius:7px!important;padding:7px 9px!important;box-shadow:0 2px 7px rgba(25,24,25,.12)!important}
.v9-gcal-event strong{font-size:10px!important;line-height:1.3!important}.v9-gcal-event span{font-size:8.5px!important}
.v9-gcal-event:focus-visible{outline:3px solid color-mix(in srgb,var(--agent-color) 34%,transparent)!important;outline-offset:1px}

/* Le compte-rendu avant rendez-vous devient une vraie fenêtre de travail. */
.v114-calendar-card{
  width:min(720px,calc(100vw - 40px))!important;
  max-height:min(820px,calc(100dvh - 48px))!important;
  border-radius:20px!important;
}
.v114-calendar-card-top{padding:25px 72px 23px 28px!important}
.v114-calendar-card-top:before{width:5px!important}
.v114-calendar-card-top span{font-size:11px!important;letter-spacing:.12em!important}
.v114-calendar-card-top h3{margin:7px 0 7px!important;font-size:25px!important;line-height:1.2!important}
.v114-calendar-card-top small{font-size:13px!important}
.v114-calendar-card-top>button{right:20px!important;top:20px!important;width:36px!important;height:36px!important;font-size:23px!important}
.v114-calendar-card-body{padding:23px 27px 19px!important}
.v114-calendar-grid{gap:12px!important}
.v114-calendar-fact{padding:15px 16px!important;border-radius:13px!important}
.v114-calendar-fact span{margin-bottom:6px!important;font-size:10px!important}
.v114-calendar-fact strong{font-size:15px!important;line-height:1.35!important}
.v114-confirmations{gap:10px!important;margin-top:14px!important}
.v114-confirmations>span{padding:10px 13px!important;border:1px solid #ebe7e8!important;border-radius:11px!important;font-size:12px!important}
.v114-confirmations b{font-size:11px!important}
.v114-calendar-note{margin-top:14px!important;padding:15px 16px!important;border-radius:12px!important}
.v114-calendar-note span{font-size:10px!important}.v114-calendar-note p{font-size:13px!important;line-height:1.55!important}
.v114-calendar-actions{gap:10px!important;padding:14px 27px 20px!important;border-top:1px solid #efeded!important}
.v114-calendar-actions button{padding:11px 16px!important;border-radius:11px!important;font-size:12px!important}

#btn-new-mandat:disabled{cursor:wait!important;opacity:.62!important;box-shadow:none!important}

@media(max-width:700px){
  #v-calendar .v9-gcal-scroll{height:576px!important;min-height:576px!important;max-height:576px!important}
  .v114-calendar-card{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}
  .v114-calendar-card-top{padding:20px 58px 18px 20px!important}
  .v114-calendar-card-top h3{font-size:21px!important}
  .v114-calendar-card-body{padding:17px 18px 14px!important}
  .v114-calendar-grid{grid-template-columns:1fr!important}
  .v114-calendar-actions{padding:12px 18px 16px!important}
}