/* V55: Match Add Patient and appointment View Details with New Appointment */
:root{
  --crm-action-orange:#ff5c35;
  --crm-action-orange-hover:#e94f2b;
}

#add-patient-btn,
#page-allappointments .all-appt-booking-details-btn{
  appearance:none!important;
  height:40px!important;
  min-height:40px!important;
  width:auto!important;
  min-width:0!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid var(--crm-action-orange)!important;
  border-radius:11px!important;
  background:var(--crm-action-orange)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  box-shadow:0 7px 16px rgba(255,92,53,.20)!important;
  cursor:pointer!important;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}

#add-patient-btn:hover,
#page-allappointments .all-appt-booking-details-btn:hover{
  background:var(--crm-action-orange-hover)!important;
  border-color:var(--crm-action-orange-hover)!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(255,92,53,.25)!important;
  transform:translateY(-1px)!important;
}

#add-patient-btn:focus-visible,
#page-allappointments .all-appt-booking-details-btn:focus-visible{
  outline:3px solid rgba(255,92,53,.22)!important;
  outline-offset:2px!important;
}

/* Preserve compact list alignment while using the same action design. */
#page-allappointments td.actions-cell{
  text-align:left!important;
  vertical-align:middle!important;
}

@media(max-width:760px){
  #add-patient-btn,
  #page-allappointments .all-appt-booking-details-btn{
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    font-size:11.5px!important;
  }
}