/* Studio CRM 10.37.55 — painel lateral com fluxo natural.
   Ações passam a pertencer ao card e rolam junto com o compromisso.
   Mantém a largura atual do drawer e oculta a barra visual sem remover o scroll. */

.agenda-v31-details.drawer-open{
  --agenda-side-actions-w:104px;
  overflow:hidden!important;
}

/* O conteúdo continua rolável, mas sem a barra cinza ocupando espaço visual. */
.agenda-v31-details.drawer-open .selected-date-content{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.agenda-v31-details.drawer-open .selected-date-content::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* O próprio card passa a ter três áreas: hora | informações | ações. */
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"]{
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) var(--agenda-side-actions-w)!important;
  column-gap:0!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] .appointment-time{
  grid-column:1!important;
  grid-row:1!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] .appointment-content{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  padding:12px 8px 12px 10px!important;
}

/* Remove a reserva criada nas versões anteriores para a coluna absoluta. */
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] .appointment-content{
  padding-right:8px!important;
  padding-bottom:12px!important;
}

/* Ações nativas do React dentro do card, sem position:absolute e sem flutuar ao rolar. */
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] > .agenda-detail-actions-compact.agenda-native-actions-bar,
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] > .agenda-detail-actions-compact[data-detail-polish="1"]{
  grid-column:3!important;
  grid-row:1!important;
  position:static!important;
  top:auto!important;
  right:auto!important;
  width:auto!important;
  min-width:0!important;
  z-index:auto!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  margin:12px 8px 12px 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] > .agenda-detail-actions-compact > button,
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] > .agenda-detail-actions-compact > a{
  width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  height:auto!important;
  padding:7px 8px!important;
  font-size:9px!important;
  line-height:1.15!important;
  text-align:left!important;
  justify-content:flex-start!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Título mantém prioridade e não é esmagado pela antiga reserva lateral. */
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] .appointment-heading h3{
  font-size:14.8px!important;
  line-height:1.2!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:none!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] .appointment-information span{
  font-size:10px!important;
  line-height:1.35!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] .agenda-event-summary-footer{
  font-size:9.7px!important;
  line-height:1.4!important;
}

/* Em telas mais estreitas, reduz somente a coluna de ações, sem criar overflow horizontal. */
@media(max-width:1120px){
  .agenda-v31-details.drawer-open{--agenda-side-actions-w:100px}
  .agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"]{
    grid-template-columns:48px minmax(0,1fr) var(--agenda-side-actions-w)!important;
  }
  .agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] > .agenda-detail-actions-compact > button,
  .agenda-v31-details.drawer-open .premium-appointment-card[data-actions-inline="1"] > .agenda-detail-actions-compact > a{
    font-size:8.7px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
}