/* Final Reservations touch-up: slightly stronger controls without bold typography. */
#reservationsView.premium-reservations .premium-reservation-ref{
  box-shadow:0 3px 8px rgba(25,55,85,.08)!important;
}
#reservationsView.premium-reservations .premium-reservation-ref span{
  font-weight:500!important;
  letter-spacing:.01em;
}
#reservationsView.premium-reservations .premium-reservation-ref:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 12px rgba(25,55,85,.11)!important;
}

#reservationsView.premium-reservations .ui-status-card{
  min-height:58px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.06)),var(--premium-status)!important;
  border-color:var(--premium-status-border)!important;
  box-shadow:0 4px 12px rgba(31,55,78,.08),inset 0 1px 0 rgba(255,255,255,.48)!important;
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease!important;
}
#reservationsView.premium-reservations .ui-status-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 16px rgba(31,55,78,.11),inset 0 1px 0 rgba(255,255,255,.55)!important;
}
#reservationsView.premium-reservations .ui-status-card strong{
  font-size:18px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:-.01em;
}
#reservationsView.premium-reservations .ui-status-card span{
  font-size:11.5px!important;
  line-height:1.15!important;
  font-weight:500!important;
  opacity:.96!important;
  letter-spacing:.01em!important;
}
#reservationsView.premium-reservations .ui-status-card[aria-pressed="true"]{
  box-shadow:0 0 0 2px #fff,0 0 0 4px var(--premium-status-border),0 7px 16px rgba(31,55,78,.12)!important;
}

html[data-theme="dark"] #reservationsView.premium-reservations .premium-reservation-ref{
  box-shadow:0 3px 9px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] #reservationsView.premium-reservations .ui-status-card{
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.015)),var(--premium-status)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] #reservationsView.premium-reservations .ui-status-card:hover{
  box-shadow:0 7px 17px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
html[data-theme="dark"] #reservationsView.premium-reservations .ui-status-card[aria-pressed="true"]{
  box-shadow:0 0 0 2px #0f1c2a,0 0 0 4px var(--premium-status-border),0 7px 17px rgba(0,0,0,.24)!important;
}

/* Final clickable Reservation reference: keep the neutral card truly white while
   WAK/HYT/IMP identity lives in the compact location pills underneath. */
#reservationsView.premium-reservations .premium-ref-cell .premium-reservation-ref.premium-reservation-ref-card[data-open-reservation]{
  background:#fff!important;
}

/* Selected status cards must never lift into the scroll-strip crop area, including hover. */
#reservationsView.premium-reservations .ui-status-card[aria-pressed="true"]:hover{
  transform:none!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.92),inset 0 0 0 4px color-mix(in srgb,var(--premium-status) 62%,#173552),0 7px 16px rgba(31,55,78,.15)!important;
}
html[data-theme="dark"] #reservationsView.premium-reservations .ui-status-card[aria-pressed="true"]:hover{
  transform:none!important;
  box-shadow:inset 0 0 0 2px #0f1c2a,inset 0 0 0 4px var(--premium-status-border),0 7px 17px rgba(0,0,0,.26)!important;
}