/* CA Smart Staycation — Admin New Guest Booking static desktop parity */
@media (min-width:1100px){
  .standalone-booking-card .admin-booking-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px 22px!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:start!important;
  }
  .standalone-booking-card .admin-booking-field.top-choice{
    grid-column:span 1!important;
    order:0!important;
    min-width:0!important;
  }

  #adminUnitInfoPanel{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    min-width:0!important;
  }
  #adminUnitInfoPanel[hidden]{display:none!important}
  .admin-unit-info-card{
    display:grid!important;
    grid-template-columns:minmax(0,1.78fr) minmax(285px,1fr)!important;
    gap:14px!important;
    align-items:start!important;
    width:100%!important;
    padding:14px!important;
    border:1px solid #ded7c5!important;
    border-radius:14px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  .admin-unit-media,.admin-unit-meta{min-width:0!important;box-sizing:border-box!important}
  .admin-unit-meta{display:flex!important;flex-direction:column!important;gap:12px!important}
  .admin-unit-info-placeholder{
    min-height:260px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#6b746f!important;
    font:600 13px/1.35 Arial,sans-serif!important;
    text-align:center!important;
    border:1px solid #e2ddd5!important;
    border-radius:10px!important;
    background:#f7f5f0!important;
    padding:18px!important;
    box-sizing:border-box!important;
  }
  .admin-unit-primary-photo{
    display:block!important;
    width:100%!important;
    max-height:390px!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
    border:1px solid #ded7c5!important;
    border-radius:10px!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
    background:#f5f3ef!important;
  }
  .admin-unit-photo-thumbs{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    margin-top:10px!important;
    padding-bottom:3px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  .admin-unit-photo-thumbs img{
    width:68px!important;
    height:50px!important;
    flex:0 0 auto!important;
    object-fit:cover!important;
    border:1px solid #ded7c5!important;
    border-radius:6px!important;
    cursor:pointer!important;
    background:#f5f3ef!important;
  }
  .admin-unit-description,
  .admin-unit-amenities{
    margin:0!important;
    padding:16px!important;
    border:1px solid #e2ddd5!important;
    border-radius:9px!important;
    background:#fffdf9!important;
    box-sizing:border-box!important;
  }
  .admin-unit-description h3,
  .admin-unit-amenities h3{
    margin:0 0 7px!important;
    color:#063b32!important;
    font:700 18px/1.2 Georgia,"Times New Roman",serif!important;
  }
  .admin-unit-description p{
    margin:0!important;
    color:#59655f!important;
    font:400 13px/1.55 Arial,sans-serif!important;
    white-space:pre-line!important;
    overflow-wrap:anywhere!important;
  }
  .admin-unit-amenity-list{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
  .admin-unit-amenity{
    padding:6px 9px!important;
    border:1px solid #ddd6c7!important;
    border-radius:6px!important;
    background:#f8f4e9!important;
    color:#44524d!important;
    font:600 12px/1.2 Arial,sans-serif!important;
  }

  .standalone-booking-card .ab-calendar-section{
    grid-column:1 / span 2!important;
    grid-row:3!important;
    order:0!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:18px!important;
  }
  .standalone-booking-card .ab-calendar-card{
    width:100%!important;
    max-width:560px!important;
    margin:0!important;
    padding:16px!important;
    box-sizing:border-box!important;
  }
  .standalone-booking-card .ab-calendar-header{margin-bottom:6px!important}
  .standalone-booking-card .ab-calendar-header h3{font-size:16px!important}
  .standalone-booking-card .ab-calendar-weekdays,
  .standalone-booking-card .ab-calendar-grid{gap:6px!important}
  .standalone-booking-card .ab-calendar-weekdays{margin:8px 0 6px!important}
  .standalone-booking-card .ab-calendar-weekdays span{font-size:10px!important}
  .standalone-booking-card .ab-calendar-grid{
    min-height:342px!important;
    grid-auto-rows:52px!important;
  }
  .standalone-booking-card .ab-calendar-day,
  .standalone-booking-card .ab-calendar-day.checkin,
  .standalone-booking-card .ab-calendar-day.checkout,
  .standalone-booking-card .ab-calendar-day.selected,
  .standalone-booking-card .ab-calendar-day.selected-range{
    min-height:52px!important;
    height:52px!important;
    aspect-ratio:auto!important;
    padding:6px 6px 5px!important;
    border-radius:8px!important;
    gap:2px!important;
    font-size:11px!important;
  }
  .standalone-booking-card .ab-calendar-rate,
  .standalone-booking-card .ab-checkout-label{
    top:60%!important;
    font-size:9px!important;
  }

  #adminDesktopCalendarSide{
    grid-column:3!important;
    grid-row:3!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    min-width:0!important;
    align-self:start!important;
    padding-top:42px!important;
  }
  #adminDesktopCalendarSide #abStaySummary{
    width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  #adminDesktopCalendarSide .ab-selected-dates{
    width:100%!important;
    margin:0!important;
    gap:8px!important;
  }
  #adminDesktopCalendarSide .ab-selected-dates>div:not(.ab-reset-wrap){padding:9px 10px!important}
  #adminDesktopCalendarSide .admin-booking-field{
    width:100%!important;
    margin:0!important;
    min-width:0!important;
  }
  #adminDesktopCalendarSide .admin-booking-field input,
  #adminDesktopCalendarSide .admin-booking-field select{
    width:100%!important;
    box-sizing:border-box!important;
  }
}

.admin-unit-lightbox{
  position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.86);
  display:flex;align-items:center;justify-content:center;padding:24px;
}
.admin-unit-lightbox img{max-width:94vw;max-height:88vh;object-fit:contain;border-radius:8px}
.admin-unit-lightbox button{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer}
.admin-unit-lightbox .admin-unit-close{right:22px;top:12px;font-size:42px}
.admin-unit-lightbox .admin-unit-prev,.admin-unit-lightbox .admin-unit-next{top:50%;transform:translateY(-50%);font-size:52px;padding:12px 18px}
.admin-unit-lightbox .admin-unit-prev{left:12px}.admin-unit-lightbox .admin-unit-next{right:12px}

@media (max-width:1099px){
  #adminUnitInfoPanel:not([hidden]){
    display:block!important;
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
  }
  .admin-unit-info-card{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    padding:12px!important;
    border:1px solid #ded7c5!important;
    border-radius:12px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  .admin-unit-meta{display:flex!important;flex-direction:column!important;gap:12px!important}
  .admin-unit-primary-photo{display:block!important;width:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:8px!important}
  .admin-unit-photo-thumbs{display:flex!important;gap:8px!important;overflow-x:auto!important;margin-top:8px!important}
  .admin-unit-photo-thumbs img{width:64px!important;height:48px!important;object-fit:cover!important;border-radius:6px!important;flex:0 0 auto!important}
  .admin-unit-description,.admin-unit-amenities{margin:0!important;padding:14px!important;border:1px solid #e2ddd5!important;border-radius:8px!important;background:#fffdf9!important}
  #adminDesktopCalendarSide{
    grid-column:1 / -1!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
  }
  #adminDesktopCalendarSide #abStaySummary{margin:0!important;width:100%!important}
  #adminDesktopCalendarSide .ab-selected-dates{margin:0!important;width:100%!important}
  #adminDesktopCalendarSide .admin-booking-field{width:100%!important;margin:0!important}
  #adminDesktopCalendarSide .admin-booking-field input,
  #adminDesktopCalendarSide .admin-booking-field select{width:100%!important;box-sizing:border-box!important}
}