/* One correction action per role; distinct from receipt and owner edit colors. */
#app .btn.booking-request-action, #modalBody .btn.booking-request-action {
  color: #fff !important;
  background: linear-gradient(#337f9d, #235b78) !important;
  border-color: #235b78 !important;
  text-decoration: none !important;
  text-shadow: none;
}
.booking-request-action:hover { filter: brightness(1.08); }
.booking-request-action:focus-visible { outline: 2px solid #337f9d; outline-offset: 3px; }
.booking-request-action .owner-contact-badge { display: none; }
#app .btn.booking-delete-action, #modalBody .btn.booking-delete-action {
  color: #fff !important;
  background: linear-gradient(#b84747, #943434) !important;
  border-color: #943434 !important;
  text-shadow: none;
}
.booking-delete-action:disabled { opacity: .55; cursor: not-allowed; }
#bookingRows .btn, #bookingRows .owner-contact-badge,
.booking-editor-actions .btn, .booking-editor-actions .owner-contact-badge {
  text-decoration: none !important;
}
#bookings .tablewrap:has(#bookingRows) table { table-layout: auto; min-width: 1040px; }
#bookings .tablewrap:has(#bookingRows) th:nth-child(1) { width: 4rem; }
#bookings .tablewrap:has(#bookingRows) th:nth-child(3),
#bookings .tablewrap:has(#bookingRows) th:nth-child(4) { width: 6.5rem; }
#bookings .tablewrap:has(#bookingRows) th:nth-child(5),
#bookings .tablewrap:has(#bookingRows) th:nth-child(6) { width: 6rem; }
#bookings .tablewrap:has(#bookingRows) th:nth-child(7) { width: 4.25rem; }
#bookings .tablewrap:has(#bookingRows) th:nth-child(8) { width: 348px; }
#bookings .tablewrap:has(#bookingRows) :is(th,td) { padding-inline: 8px; }
#bookingRows td:nth-child(1), #bookingRows td:nth-child(2), #bookingRows td:nth-child(6) { white-space: normal; overflow-wrap: anywhere; }
.booking-editor-actions {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 8px 16px;
  background: #fffdf8;
  border-bottom: 1px solid var(--line,#d8c99a);
  justify-content: flex-end;
}
#app #bookings #bookingRows .booking-row-actions,
#modalBody .booking-editor-actions { justify-content: flex-end; gap: 4px; }
#app #bookings #bookingRows td:last-child .btn,
#modalBody .booking-editor-actions .btn {
  box-sizing: border-box;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  flex: 0 0 80px !important;
  padding: 3px 4px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  box-shadow: 0 3px 0 #0003, 0 4px 8px #0001 !important;
}
#app #bookings #bookingRows td:last-child .btn:has(.owner-contact-badge),
#modalBody .booking-editor-actions .btn:has(.owner-contact-badge) { padding-block: 1px !important; }
#app #bookings #bookingRows .owner-contact-badge,
#modalBody .booking-editor-actions .owner-contact-badge { margin-top: 1px; font-size: 9px; line-height: 1; }
.booking-owner-request-summary { padding: 10px 14px; border: 1px solid var(--line,#d8c99a); border-radius: 10px; background: #fffaf0; }
.booking-owner-request-summary p { margin: 4px 0; }
.booking-owner-request-form textarea { min-height: 90px; resize: vertical; }