/* 12Padel 4J0J86H — Booking Lifecycle Layout + Availability Hardening
   Scoped to canonical p3i5be booking drawer only. No JS-driven layout mutation. */
body:not(.ops-admin) #p3i5bePortal.open .p3i5be-drawer.p4j0j84f-drawer{
  overflow:hidden!important;
}
body:not(.ops-admin) #p3i5bePortal.open .p3i5be-drawer.p4j0j84f-drawer .p3i5be-body{
  padding:16px!important;
  gap:14px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  scroll-padding-top:16px!important;
}
body:not(.ops-admin) #p3i5bePortal.open .p4j0j84f-drawer-hero.p4j0j86c-drawer-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"info action" "rail rail"!important;
  align-items:start!important;
  gap:12px!important;
  overflow:visible!important;
  min-height:max-content!important;
  box-sizing:border-box!important;
  margin:0!important;
}
body:not(.ops-admin) #p3i5bePortal.open .p4j0j84f-drawer-hero.p4j0j86c-drawer-hero > div:first-child{
  grid-area:info!important;
  min-width:0!important;
}
body:not(.ops-admin) #p3i5bePortal.open .p4j0j84f-drawer-hero.p4j0j86c-drawer-hero > .p4j0j86c-refresh-status{
  grid-area:action!important;
  align-self:start!important;
  justify-self:end!important;
  white-space:nowrap!important;
  max-width:100%!important;
  overflow:visible!important;
}
body:not(.ops-admin) #p3i5bePortal.open .p4j0j84f-drawer-hero.p4j0j86c-drawer-hero > .p4j0j84f-stage-rail{
  grid-area:rail!important;
  width:100%!important;
  min-width:0!important;
  margin-top:0!important;
  overflow:visible!important;
}
body:not(.ops-admin) #p3i5bePortal.open .p4j0j84f-stage-rail span,
body:not(.ops-admin) #p3i5bePortal.open .p3i5be-chip,
body:not(.ops-admin) #p3i5bePortal.open .p3i5be-action{
  box-sizing:border-box!important;
  min-height:32px!important;
  line-height:1.15!important;
  overflow:visible!important;
  clip-path:none!important;
}
@media(max-width:520px){
  body:not(.ops-admin) #p3i5bePortal.open .p3i5be-drawer.p4j0j84f-drawer .p3i5be-body{
    padding:14px!important;
    gap:12px!important;
    max-height:calc(100dvh - 108px)!important;
  }
  body:not(.ops-admin) #p3i5bePortal.open .p4j0j84f-drawer-hero.p4j0j86c-drawer-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"info" "action" "rail"!important;
  }
  body:not(.ops-admin) #p3i5bePortal.open .p4j0j84f-drawer-hero.p4j0j86c-drawer-hero > .p4j0j86c-refresh-status{
    justify-self:stretch!important;
    width:100%!important;
  }
}