.schedule-overlay{
  position:fixed;
  inset:0;
  background:rgba(41, 41, 41, 0.55); /* Aplicando a cor do var identidade com transparência */
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}
.schedule-modal{
  background:#fff;
  width:min(720px, 95%);
  border-radius:8px;
  box-shadow:0 10px 30px rgba(0,0,0,0.25);
  padding:20px 22px;
  max-height:90vh;
  overflow:auto;
}
.schedule-modal h2{margin:0 0 8px}
.schedule-modal .row{display:flex;gap:12px;margin-bottom:10px}
.schedule-modal .row .field{flex:1;display:flex;flex-direction:column}
.schedule-modal label{font-size:13px;color:#333;margin-bottom:6px}
.schedule-modal input[type="text"],
.schedule-modal input[type="email"],
.schedule-modal select{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}
.schedule-modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.schedule-modal .btn{padding:8px 14px;border-radius:4px;border:0;cursor:pointer}
.schedule-modal .btn.primary{background:#28cb8b;color:#fff;cursor:pointer}
.schedule-modal .btn.ghost{background:#f3f3f3}
.schedule-modal .close-btn{position:absolute;right:18px;top:14px;background:transparent;border:0;font-size:18px;cursor:pointer}
@media (max-width:480px){
  .schedule-modal .row{flex-direction:column}
}