/* 예약 상태 창과 비공개 결제 증빙 — SSOT 8·11절 */
.booking-status {
	display: grid;
	gap: var(--wa-space-s);
}
.booking-details.booking-status > :is(h2, p, dl, div, menu),
.booking-status .transaction-editor {
	margin: 0;
}
.booking-status .teacher-facts {
	row-gap: var(--wa-space-2xs);
	column-gap: var(--wa-space-s);
}
.booking-status .teacher-facts dd,
.booking-status .booking-transaction,
.payment-proof-preview span {
	min-inline-size: 0;
	overflow-wrap: anywhere;
}
.booking-status .booking-status-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--wa-space-s);
}
.booking-status menu [data-pay-dialog] {
	margin-inline-end: auto;
}
.booking-status-error {
	color: var(--wa-color-danger-on-quiet);
}
.booking-status-error[hidden] {
	display: none;
}
.booking-status-error .form-errors {
	margin: 0;
	padding: 0;
	list-style: none;
}
.payment-proof-preview {
	display: flex;
	align-items: center;
	gap: var(--wa-space-s);
	inline-size: fit-content;
	max-inline-size: 100%;
	margin-block: var(--wa-space-xs);
	padding: var(--wa-space-xs);
	border: 1px solid var(--wa-color-surface-border);
	border-radius: var(--wa-border-radius-m);
}
.payment-proof-preview img {
	display: block;
	inline-size: 5rem;
	block-size: 5rem;
	object-fit: contain;
	border-radius: var(--wa-border-radius-s);
	background: var(--wa-color-surface-lowered);
}
.payment-proof-preview > i {
	font-size: var(--wa-font-size-2xl);
	color: var(--wa-color-text-link);
}
.payment-proof-preview:focus-visible {
	outline: 2px solid var(--wa-color-focus);
	outline-offset: 2px;
}
button.payment-proof-preview {
	block-size: auto;
	background: var(--wa-color-surface-raised);
	color: var(--wa-color-text-link);
	font: inherit;
	text-align: start;
}
button.payment-proof-preview > i {
	font-size: var(--wa-font-size-m);
}
.payment-proof-dialog {
	--width: min(68rem, calc(100vw - 2rem));
}
.payment-proof-dialog:not(:defined) {
	display: none;
}
.payment-proof-dialog img {
	display: block;
	inline-size: 100%;
	max-block-size: calc(100dvh - 12rem);
	object-fit: contain;
}
