/* V8.99: regras EXCLUSIVAS da Agenda e do Orçamento.
   Todos os componentes comuns (campos, botões, tabela e modais de cadastro)
   vivem em g88-vendas-v95.css, com seletor compartilhado. */
/* As duas outras telas não têm etapa de pagamento. */
body.g88-v99-shared .g88-v95-steps{display:none!important}
/* No agendamento, data e hora são obrigatórios; os comandos de salvar
   pertencem ao modal Agenda, não à etapa Vendas. */
body.g88-v99-shared .agenda-new-overlay.open #moduleArea .main-action{display:none!important}
body.g88-v99-shared .agenda-new-overlay.open #moduleArea .g88-row-top{
 grid-template-columns:115px 100px minmax(0,1fr) 120px minmax(0,1fr) 128px!important;
 gap:8px!important;
}
body.g88-v99-shared #agendaModuleHost{margin-left:0!important;margin-right:0!important;overflow:visible!important}
body.g88-v99-shared #agendaModuleHost #moduleArea .demo-wrap{padding:0!important;margin:0!important;max-width:none!important}
body.g88-v99-shared #agendaModuleHost #moduleArea{max-width:none!important}
body.g88-v99-shared #agendaModuleHost #moduleArea .g88-launch{padding:11px 15px 9px!important}
body.g88-v99-shared #agendaModuleHost #moduleArea .g88-row-top{margin-bottom:9px!important}
body.g88-v99-shared #agendaModuleHost #moduleArea .g88-service-head,
body.g88-v99-shared #agendaModuleHost #moduleArea .g88-service-line{grid-template-columns:minmax(0,1fr) 120px 36px 140px 175px!important;gap:8px!important}
body.g88-v99-shared #agendaModuleHost #moduleArea .g88-services{padding:9px!important}
body.g88-v99-shared #agendaModuleHost #moduleArea .g88-launch h2{font-size:17px!important;margin:0 0 8px!important}
body.g88-v99-shared #agendaModuleHost #moduleArea .g88-v95-service-table{margin-top:8px!important}
body.g88-v99-shared #agendaModuleHost .g88-v95-sale-info{display:none!important}
body.g88-v99-shared .agenda-new-body{overflow-y:auto!important}
/* Modal de cadastro sempre visível acima do modal da Agenda. */
body.g88-v99-shared .g88-modal{z-index:125000!important}
body.g88-v99-shared .g88-tooltip{z-index:126000!important}
@media(max-width:1050px){
 body.g88-v99-shared .agenda-new-overlay.open #moduleArea .g88-row-top{grid-template-columns:110px 90px minmax(0,1fr) 120px minmax(0,1fr) 120px!important}
}
@media(max-width:760px){
 body.g88-v99-shared .agenda-new-overlay.open #moduleArea .g88-row-top{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.g88-v99-shared .agenda-new-overlay.open #moduleArea .g88-service-line{grid-template-columns:minmax(0,1fr) 95px 36px!important}
 body.g88-v99-shared .agenda-new-overlay.open #moduleArea .g88-service-line .g88-inline-action{grid-row:2!important}
 body.g88-v99-shared #agendaModuleHost #moduleArea .g88-service-head{grid-template-columns:minmax(0,1fr) 95px 36px!important}
 body.g88-v99-shared #moduleArea .g88-v95-service-table td:nth-child(2){width:100px!important}
}

/* Não deixa o modal da Agenda expandir horizontalmente a página. */
body.g88-v99-shared:has(.agenda-new-overlay.open){overflow-x:hidden!important}
body.g88-v99-shared .agenda-new-modal{max-width:calc(100vw - 20px)!important}
body.g88-v99-shared .agenda-new-overlay.open #moduleArea .g88-v95-service-table{width:100%!important;max-width:100%!important}

/* A agenda conserva o total e o botão Agendar quando há muitos serviços:
   só a lista recebe rolagem (mesmo princípio do resumo de pagamentos). */
body.g88-v99-shared .agenda-new-overlay.open .g88-v99-table-scroll{
 max-height:151px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;
 scrollbar-color:#b6c9df transparent;
}
body.g88-v99-shared .agenda-new-overlay.open .g88-v99-table-scroll th{
 position:sticky;top:0;z-index:1;background:#f3f7fc;
}


/* GARAGEM88 - Agenda desktop: cliente primeiro e data/hora compactas à direita.
   Os elementos originais são mantidos: o formulário e seus eventos continuam compartilhados
   com Vendas/Orçamentos. Aplicável apenas quando o modal de agendamento está aberto. */
@media (min-width: 761px){
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 156px 190px 124px!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;
  row-gap:10px!important;
  align-items:end!important;
  margin-bottom:11px!important;
 }
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top > .g88-field:has(> #client){
  grid-column:1!important;grid-row:1!important;min-width:0!important;
 }
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top > #newClientBtn{
  grid-column:2!important;grid-row:1!important;
 }
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top > .g88-field:has(> input[type="date"]){
  grid-column:3!important;grid-row:1!important;min-width:0!important;
 }
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top > #agendaModuleTimeField{
  grid-column:4!important;grid-row:1!important;
  min-width:0!important;max-width:none!important;
 }
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top > .g88-field:has(> #vehicle){
  grid-column:1!important;grid-row:2!important;min-width:0!important;
 }
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top > #newVehicleBtn{
  grid-column:2!important;grid-row:2!important;
 }
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top > .g88-btn{
  min-width:0!important;width:100%!important;max-width:100%!important;
  margin-top:0!important;justify-content:center!important;
 }
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top .g88-field > input:is([type="date"],[type="time"]){
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
  width:100%!important;height:40px!important;
  font-family:Inter,'Segoe UI',Arial,sans-serif!important;
 }
 /* Rótulos auxiliares usados pelo iOS não devem repetir a data/hora no desktop. */
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top .g88m-agenda-picker-value{
  display:none!important;
 }
}
@media (min-width:761px) and (max-width:1040px){
 #agendaNewOverlay.open #agendaModuleHost #moduleArea .g88-row-top{
  grid-template-columns:minmax(0,1fr) 135px 164px 108px!important;
  gap:9px!important;
 }
}