/* MinhaHub Automotivo — correções pontuais da Agenda V2.
   1) horário vazio sempre ocupa o card completo;
   2) ações nunca quebram nem sobrepõem o texto;
   3) colaboradores ficam em uma única faixa horizontal rolável. */

#content.mh-agenda-v2 .agenda-slot-row.empty-slot{
  grid-template-columns:78px minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
}
#content.mh-agenda-v2 .agenda-slot-row.empty-slot .mh-empty-slot-body{
  display:flex!important;
  grid-column:2!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
  box-sizing:border-box!important;
}
#content.mh-agenda-v2 .agenda-slot-row.empty-slot .slot-head{
  grid-column:1!important;
}
#content.mh-agenda-v2 .agenda-slot-row.empty-slot .slot-time-actions .empty-slot-action{
  display:none!important;
}

/* Estrutura fixa: texto flexível à esquerda, status e ações colados à direita. */
#content.mh-agenda-v2 .booking{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content max-content!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  column-gap:6px!important;
  overflow:hidden!important;
}
#content.mh-agenda-v2 .booking-main{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
#content.mh-agenda-v2 .booking-name-button,
#content.mh-agenda-v2 .booking-meta{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#content.mh-agenda-v2 .booking-status{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  flex:0 0 auto!important;
  margin:0!important;
}
#content.mh-agenda-v2 .booking-status:empty{
  display:none!important;
}
#content.mh-agenda-v2 .booking .actions{
  grid-column:3!important;
  grid-row:1!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
}
#content.mh-agenda-v2 .booking .actions .mini{
  flex:0 0 auto!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
}

/* Quando não há status (agendamento em aberto), as ações ocupam o extremo direito. */
#content.mh-agenda-v2 .booking:not(:has(.booking-status.green)):not(:has(.booking-status.red)) .actions{
  grid-column:2 / 4!important;
  justify-self:end!important;
}

/* Colaboradores: uma única linha horizontal, sem crescer para baixo. */
#content.mh-agenda-v2 .day-workers.compact-workers{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
#content.mh-agenda-v2 .day-workers.compact-workers #manageWorkers{
  flex:0 0 auto!important;
}
#content.mh-agenda-v2 .day-workers.compact-workers .worker-tags{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
}
#content.mh-agenda-v2 .day-workers.compact-workers .worker-tag,
#content.mh-agenda-v2 .day-workers.compact-workers .metric-label{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

@media(max-width:700px){
  #content.mh-agenda-v2 .agenda-slot-row.empty-slot{
    grid-template-columns:66px minmax(0,1fr)!important;
  }
  #content.mh-agenda-v2 .booking{
    grid-template-columns:minmax(0,1fr) max-content max-content!important;
    column-gap:4px!important;
  }
  #content.mh-agenda-v2 .booking .actions{
    display:flex!important;
    gap:4px!important;
  }
}

@media(max-width:390px){
  #content.mh-agenda-v2 .agenda-slot-row.empty-slot{
    grid-template-columns:60px minmax(0,1fr)!important;
  }
}