.boarding-offer-entry { display: flex; justify-content: flex-end; margin: 8px 0; }
.boarding-offer-dialog { width: min(860px, calc(100vw - 24px)); max-height: calc(min(var(--app-visual-viewport-height, 100dvh), 100dvh) - 24px); top: calc(var(--app-visual-viewport-offset-top, 0px) + 12px); bottom: auto; margin: 0 auto; box-sizing: border-box; padding: 0; border: 1px solid #9ca7a6; border-radius: 8px; color: #202624; background: #fff; }
.boarding-offer-dialog::backdrop { background: #0006; }
.boarding-offer-dialog[open] { display: flex; flex-direction: column; }
.boarding-offer-dialog header, .boarding-offer-dialog footer { flex: none; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #f4f7f6; }
.boarding-offer-dialog h2 { font-size: 20px; margin: 0; letter-spacing: 0; }
.boarding-offer-dialog p { margin: 6px 0; overflow-wrap: anywhere; }
.boarding-offer-list { overflow: auto; overscroll-behavior: contain; padding: 0 16px; min-height: 0; }
.boarding-offer-list section { padding: 14px 0; border-bottom: 1px solid #cdd5d3; }
.boarding-offer-owner { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.boarding-offer-owner span { color: #4b5957; }
.boarding-offer-pet { display: grid; grid-template-columns: minmax(100px, 1fr) 150px 150px; align-items: center; gap: 12px; margin: 12px 0; }
.boarding-offer-pet label { display: flex; align-items: center; gap: 8px; font-size: 14px; min-width: 0; overflow-wrap: anywhere; }
.boarding-offer-pet label:not(:first-child) { flex-direction: column; align-items: flex-start; gap: 4px; }
.boarding-offer-dialog input[type="checkbox"] { width: 20px; height: 20px; flex: none; accent-color: #17655c; }
.boarding-offer-pet input[type="text"] { width: 75px; min-width: 0; padding: 8px; border: 1px solid #82938f; border-radius: 4px; font: inherit; }
.boarding-offer-pet small { grid-column: 1 / -1; }
.boarding-offer-dialog details { font-size: 14px; line-height: 1.5; }
.boarding-offer-dialog summary { cursor: pointer; font-weight: 600; }
.boarding-offer-dialog footer { border-top: 1px solid #cdd5d3; flex-wrap: wrap; }
.boarding-offer-dialog footer > div:last-child { display: flex; gap: 8px; margin-left: auto; }
.boarding-offer-dialog [role="alert"], .boarding-offer-status { color: #963019; }
.boarding-offer-dialog [role="status"], .boarding-offer-dialog [role="alert"] { font-size: 14px; }
.boarding-offer-dialog :focus-visible { outline: 3px solid #227caf; outline-offset: 2px; }
@media (max-width: 600px) {
  .boarding-offer-pet { grid-template-columns: 1fr 1fr; gap: 8px; }
  .boarding-offer-pet label:first-child { grid-column: 1 / -1; }
  .boarding-offer-pet label { flex-wrap: wrap; }
  .boarding-offer-dialog header, .boarding-offer-dialog footer { padding: 10px; }
  .boarding-offer-dialog h2 { font-size: 18px; }
  .boarding-offer-list { padding: 0 10px; }
}