/* Wait-list provisional appointments: visually reserved, not yet confirmed. */

/* Pending rows inherit the ordinary appointment layout at every breakpoint.
   Only the state colors differ: no inset card,narrower columns or resized actions. */
body .home-appointment.is-pending .home-time b,body .home-appointment.is-pending .person-name{color:#596372}
body .home-appointment.is-pending .home-time span,body .home-appointment.is-pending .home-appointment-meta,body .home-appointment.is-pending .home-note-preview{color:#8a93a1}
body .home-appointment.is-pending .home-avatar{
  background:#e1e5ea!important;
  color:#6d7786!important;
}
body .home-appointment.is-pending .home-status.pending{
  background:#eeebf5;
  border-color:#d9d3e5;
  color:#675f7d;
  gap:5px;
  cursor:pointer;
}
body .home-appointment.is-pending .home-status.pending::before{content:none}
body .home-appointment.is-pending .home-status.pending svg{flex-shrink:0}
body .home-appointment.is-pending .home-status.pending:focus-visible{
  outline:2px solid #81749e;
  outline-offset:3px;
}

/* Full calendar: same visual language for the provisional block. */
.calendar-block.is-pending{
  border-color:#d9dde5;
  border-left-color:#9aa3b2;
  background:#f1f3f6;
  color:#4f5969;
  filter:saturate(.25);
}
.calendar-block.is-pending:hover,.calendar-block.is-pending:focus-visible{
  border-color:#cfd4dd;
  border-left-color:#8e98a8;
  background:#eceff3;
  filter:saturate(.25);
}
.calendar-block.is-pending .calendar-block-time{
  color:#707b8d;
}
.calendar-block.is-pending small{
  color:#7f8998;
}
.calendar-pending-label{
  display:inline-flex;
  align-items:center;
  gap:3px;
  margin-top:3px;
  padding:2px 6px;
  border:1px solid #d4d9e1;
  border-radius:999px;
  background:#fff;
  color:#6f7989;
  font-size:9px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

.replacement-actions-three{
  grid-template-columns:.9fr .9fr 1.35fr;
}
.pending-replacement-modal{
  display:grid;
  gap:14px;
}
.pending-replacement-modal .appointment-actions-summary{
  margin-bottom:0;
}
.pending-replacement-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 15px;
  border:1px solid #dfe3e9;
  border-radius:14px;
  background:#f6f7f9;
  color:#707a8b;
}
.pending-replacement-note>svg{
  flex:0 0 20px;
  width:20px;
  height:20px;
  margin-top:1px;
  color:#7c8696;
}
.pending-replacement-note>div{
  display:grid;
  gap:4px;
}
.pending-replacement-note strong{
  color:#3f4858;
  font-size:14px;
  font-weight:650;
}
.pending-replacement-note span{
  color:#737d8d;
  font-size:13px;
  line-height:1.5;
}
.pending-replacement-actions{
  display:grid;
  gap:9px;
}
.pending-replacement-actions .appointment-action{
  justify-content:center;
  text-align:center;
}

@media(max-width:640px){
  .replacement-actions-three{grid-template-columns:1fr}
}

.calendar-block.is-pending .calendar-pending-label{margin-top:1px}
/* Keep the badge inside even a 30-minute calendar block. */
.calendar-block.is-pending{padding:3px 6px;gap:1px}
.calendar-block.is-pending .calendar-block-time{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;font-size:10px;line-height:12px;white-space:nowrap}
.calendar-block.is-pending .calendar-pending-label{flex-shrink:0;margin:0;padding:0 3px;line-height:11px}
.calendar-block.is-pending strong{font-size:12px;line-height:14px}