.offcanvas.offcanvas-custom {
    width: 800px;
}


.horarios-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); /* ajuste o 92px se quiser botões mais largos/estreitos */
    gap: 8px;               /* espaço entre itens */
    width: 100%;
  }
  /* “botões” dos horários */
  .horario-item {
    text-align: center;
    padding: 10px 8px;
    border-radius: 8px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    /* cor padrão (verde) quando não estiver selecionado;
       será sobrescrita pelas classes bg-success/bg-primary do Wappler */
    background: #198754;    /* equivalente ao .bg-success */
    color: #fff;
    font-weight: 500;
  }
  /* acessibilidade: feedback no foco/hover */
  .horario-item:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); }
  .horario-item:focus { outline: 2px solid rgba(13,110,253,.5); outline-offset: 2px; }

  .fc-event, .external-event {
    
    cursor: pointer;
   
}