/* Studio CRM 10.37.51 — acabamento premium do painel lateral da Agenda */
.agenda-v31-details.drawer-open{
  --agenda-side-actions-w:108px;
}

/* Card principal: conteúdo limpo + coluna de ações à direita. */
.agenda-v31-details.drawer-open .premium-appointment-card{
  position:relative!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  margin:0 0 10px!important;
  border-radius:13px!important;
  overflow:visible!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card .appointment-content{
  padding:11px calc(var(--agenda-side-actions-w) + 18px) 11px 10px!important;
  min-height:142px!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card .appointment-heading{
  min-width:0!important;
  margin-bottom:7px!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card .appointment-heading h3{
  font-size:11px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card .appointment-information{
  grid-template-columns:1fr!important;
  gap:5px!important;
  padding-top:7px!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card .agenda-event-summary-footer{
  gap:3px 8px!important;
  margin-top:6px!important;
  padding-top:6px!important;
}

/* Ações reais do React, sempre visíveis e organizadas verticalmente. */
.agenda-v31-details.drawer-open .agenda-detail-actions-compact.agenda-native-actions-bar,
.agenda-v31-details.drawer-open .agenda-detail-actions-compact[data-detail-polish="1"]{
  display:flex!important;
  position:absolute!important;
  top:var(--agenda-actions-top,106px)!important;
  right:21px!important;
  z-index:80!important;
  width:var(--agenda-side-actions-w)!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.agenda-v31-details.drawer-open .agenda-detail-actions-compact.agenda-native-actions-bar > button,
.agenda-v31-details.drawer-open .agenda-detail-actions-compact.agenda-native-actions-bar > a{
  width:100%!important;
  min-height:30px!important;
  height:auto!important;
  padding:6px 8px!important;
  justify-content:flex-start!important;
  border-radius:8px!important;
  font-size:7.4px!important;
  line-height:1.15!important;
  font-weight:750!important;
  white-space:normal!important;
  text-align:left!important;
}
.agenda-v31-details.drawer-open .agenda-detail-actions-compact .agenda-action-delete{
  margin-top:2px!important;
}
.agenda-v31-details.drawer-open .agenda-detail-actions-compact .agenda-action-complete.is-incompatible{
  display:none!important;
}

/* Estado cancelado: deixa visualmente claro e remove ação incompatível. */
.agenda-v31-details.drawer-open .premium-appointment-card.is-cancelled .appointment-content{
  background:linear-gradient(180deg,#f8fbff 0%,#f6f8fb 100%)!important;
}
.agenda-v31-details.drawer-open .premium-appointment-card.is-cancelled .appointment-heading h3{
  color:#475467!important;
}

/* WhatsApp mais compacto, sem dominar o painel. */
.agenda-v31-details.drawer-open .agenda-whatsapp-automation-card{
  padding:10px!important;
  border-radius:12px!important;
}
.agenda-v31-details.drawer-open .agenda-whatsapp-automation-head{
  padding-bottom:6px!important;
}
.agenda-v31-details.drawer-open .agenda-whatsapp-automation-head small{
  display:block!important;
  max-width:240px!important;
  line-height:1.25!important;
}
.agenda-v31-details.drawer-open .agenda-auto-classification-actions{
  grid-template-columns:1fr 1fr 1fr!important;
  gap:4px!important;
}
.agenda-v31-details.drawer-open .agenda-auto-classification-actions button{
  min-height:27px!important;
  padding:5px 4px!important;
  font-size:7px!important;
}
.agenda-v31-details.drawer-open .agenda-whatsapp-automation-grid{
  margin-top:7px!important;
}
.agenda-v31-details.drawer-open .agenda-whatsapp-automation-grid span{
  min-height:30px!important;
  padding:5px 7px!important;
  grid-template-columns:78px minmax(0,1fr)!important;
}
.agenda-v31-details.drawer-open .agenda-premium-sticky-footer{
  margin-top:7px!important;
  gap:5px!important;
}
.agenda-v31-details.drawer-open .agenda-premium-sticky-footer button,
.agenda-v31-details.drawer-open .agenda-premium-sticky-footer a{
  min-height:31px!important;
}

/* Um pouco mais de respiro no cabeçalho e menos desperdício vertical. */
.agenda-v31-details.drawer-open .selected-date-header{
  padding-bottom:12px!important;
}
.agenda-v31-details.drawer-open .selected-date-content{
  padding-top:9px!important;
}

@media(max-width:1120px){
  .agenda-v31-details.drawer-open{--agenda-side-actions-w:100px}
  .agenda-v31-details.drawer-open .premium-appointment-card .appointment-content{
    padding-right:calc(var(--agenda-side-actions-w) + 14px)!important;
  }
  .agenda-v31-details.drawer-open .agenda-detail-actions-compact.agenda-native-actions-bar,
  .agenda-v31-details.drawer-open .agenda-detail-actions-compact[data-detail-polish="1"]{right:17px!important}
}