.recordingReservationPanel{margin:0 24px 20px;border:1px solid #dce6df;border-radius:12px;background:#fafcf9;overflow:hidden}
.recordingReservationPanel{align-self:start;min-height:0}
.recordingTaskDialog .recordingFormSection[hidden]{display:none!important}
.recordingReservationPanel>header{height:auto;min-height:0;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;gap:12px;flex-wrap:wrap;background:#f2f7f0}
.recordingReservationPanel h3{margin:0;font-size:16px}.recordingReservationPanel p{margin:6px 0;color:#68796d;font-size:12px;line-height:1.6}
.reservationList{padding:0 18px}.reservationCard{padding:16px 0;border-top:1px solid #e2e9e2;min-width:0}.reservationCard:first-child{border:0}
.reservationCardHead{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}.reservationCard h4{font-size:14px;margin:0;overflow-wrap:anywhere}.reservationCard small{color:#748175}
.reservationState{padding:5px 9px;background:#e7eee8;color:#466449;border-radius:99px;font-size:12px;white-space:nowrap}.reservationState.needs_confirmation,.reservationState.expired{background:#fff0d6;color:#916016}.reservationState.completed{background:#dff3e5;color:#176c36}
.reservationMeta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#708073;margin:8px 0}.reservationActions,.reservationReceipts{display:flex;gap:8px;flex-wrap:wrap}.reservationActions button,.reservationReceipts button{min-height:36px;font-size:12px}.reservationReceipts{margin-top:10px}
.reservationNotice{font-size:12px;color:#637368;margin:8px 0;line-height:1.7}.reservationError{padding:10px 14px;color:#912018;background:#fff1f0;white-space:pre-wrap;overflow-wrap:anywhere}.reservationError[hidden]{display:none!important}
.reservationFields{border-color:#d0e1d2;background:#f4f9f3}.reservationViewChoices{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.reservationViewChoices label{display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid #d8e4d9;background:white;padding:9px 12px;border-radius:8px;min-height:44px;cursor:pointer}.reservationViewChoices input{width:16px;height:16px;flex:none;margin:0}.reservationFields .reservationHint{grid-column:1/-1;font-size:12px;line-height:1.7;color:#627765;margin:0}.reservationFields[hidden]{display:none!important}
.reservationConfirm{width:min(700px,calc(100vw - 24px));max-height:88vh;overflow:auto;border:0;border-radius:14px;padding:24px}.reservationConfirm::backdrop{background:#15231bcc}.reservationConfirm h3{margin:0 0 12px}.reservationConfirm p{font-size:13px;line-height:1.7;color:#607268}.reservationConfirm form{display:grid;gap:14px}.reservationConfirm select{width:100%;min-width:0;height:44px;border:1px solid #d7e3d8;border-radius:8px;background:white;padding:8px}.reservationConfirm label{display:flex;gap:10px;align-items:center;min-height:44px;overflow-wrap:anywhere}.reservationConfirm label input{width:18px;height:18px;flex:none}.reservationConfirm footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.reservationConfirm button{min-height:44px}
@media(max-width:600px){.recordingReservationPanel{margin:0 16px 16px}.reservationCardHead{flex-direction:column}.reservationViewChoices label{flex:1 0 100%}.reservationConfirm{padding:18px}}