/* PilotBooker Messaging — listing composer and administrator preview. */

/*
 * The preview is a standalone sidebar card. The original Directorist/FormGent
 * card is hidden only after the replacement card is visibly mounted.
 */
html.pbm-live-mounted
body.pbm-listing-messaging-active
.ptm-custom-single-template
.pb-aside
> .pb-inquiry-card:not(.pbm-listing-live-card),
html.pbm-live-mounted
body.pbm-listing-messaging-active
.ptm-custom-single-template
.pb-aside
> .directorist-card-contact-owner:not(.pbm-listing-live-card),
html.pbm-live-mounted
body.pbm-listing-messaging-active
.ptm-custom-single-template
.pb-aside
> #respond.directorist-review-submit:not(.pbm-listing-live-card),
html.pbm-preview-mounted
body.pbm-listing-preview-active
.ptm-custom-single-template
.pb-aside
> .pb-inquiry-card:not(.pbm-listing-preview-card),
html.pbm-preview-mounted
body.pbm-listing-preview-active
.ptm-custom-single-template
.pb-aside
> .directorist-card-contact-owner:not(.pbm-listing-preview-card),
html.pbm-preview-mounted
body.pbm-listing-preview-active
.ptm-custom-single-template
.pb-aside
> #respond.directorist-review-submit:not(.pbm-listing-preview-card) {
	display: none !important;
}

.pbm-listing-preview-card {
	width: 100%;
	margin: 0 0 20px !important;
	overflow: hidden !important;
	background: #ffffff !important;
	border: 1px solid #dce4ea !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}

.pbm-listing-preview-card__body {
	padding: 20px !important;
}

.pbm-listing-preview-card .pb-inquiry-summary {
	margin-bottom: 0;
}

.pbm-listing-preview-mount {
	width: 100%;
	margin-top: 18px;
}

.pbm-listing-preview-hidden {
	display: none !important;
}

#respond.pb-inquiry-card {
	overflow: hidden;
}

.pbm-listing-preview-owner-body {
	padding: 20px !important;
}

.pbm-listing-preview-owner-body .pb-inquiry-summary {
	margin-bottom: 0;
}
.pbm-listing-composer,
.pbm-listing-composer * {
	box-sizing: border-box;
}

.pbm-listing-composer [hidden] {
	display: none !important;
}

.pbm-listing-composer {
	width: 100%;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #0b1e33;
}

.pbm-listing-composer__badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 11px;
	color: #23745c;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.pbm-listing-composer__badge span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	color: #ffffff;
	background: #3fa796;
	border-radius: 50%;
	font-size: 11px;
}

.pbm-listing-composer__title {
	margin: 0;
	color: #0b1e33;
	font-family: "Space Grotesk", Inter, sans-serif;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.28;
}

.pbm-listing-composer__intro {
	margin: 8px 0 17px;
	color: #5c6e80;
	font-size: 0.82rem;
	line-height: 1.55;
}

.pbm-listing-composer__form {
	position: relative;
}

.pbm-listing-composer__field {
	position: relative;
}

.pbm-listing-composer__label {
	display: block;
	margin: 0 0 7px;
	color: #0b1e33;
	font-size: 0.78rem;
	font-weight: 600;
	line-height: 1.4;
}

.pbm-listing-composer__textarea {
	display: block;
	width: 100%;
	min-height: 118px;
	margin: 0;
	padding: 12px 13px 29px;
	color: #0b1e33;
	background: #ffffff;
	border: 1px solid #dce4ea;
	border-radius: 7px;
	box-shadow: none;
	font: inherit;
	font-size: 0.84rem;
	line-height: 1.55;
	outline: none;
	resize: vertical;
}

.pbm-listing-composer__textarea::placeholder {
	color: #8a99a8;
}

.pbm-listing-composer__textarea:focus {
	border-color: #2d6fa3;
	box-shadow: 0 0 0 3px rgba(45, 111, 163, 0.12);
}

.pbm-listing-composer__counter {
	position: absolute;
	right: 10px;
	bottom: 9px;
	color: #8a99a8;
	font-size: 0.68rem;
	line-height: 1;
	pointer-events: none;
}

.pbm-listing-composer__button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100% !important;
	min-height: 43px;
	margin: 12px 0 0 !important;
	padding: 11px 14px !important;
	color: #0b1e33 !important;
	background: #f2a93b !important;
	border: 1px solid #f2a93b !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	font: inherit !important;
	font-size: 0.84rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.pbm-listing-composer__button:hover,
.pbm-listing-composer__button:focus-visible {
	color: #0b1e33 !important;
	background: #ffbf5c !important;
	border-color: #ffbf5c !important;
	outline: none;
}

.pbm-listing-composer__owner {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	padding: 14px;
	background: #f7f9fb;
	border: 1px solid #dce4ea;
	border-radius: 7px;
}

.pbm-listing-composer__owner-icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: #ffffff;
	background: #3fa796;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
}

.pbm-listing-composer__owner strong {
	display: block;
	margin: 1px 0 4px;
	font-size: 0.84rem;
}

.pbm-listing-composer__owner p {
	margin: 0;
	color: #5c6e80;
	font-size: 0.76rem;
	line-height: 1.5;
}

.pbm-listing-composer__status {
	display: none;
	margin: 11px 0 0;
	padding: 10px 11px;
	color: #0b1e33;
	background: #fff7e8;
	border: 1px solid #f5d79f;
	border-radius: 6px;
	font-size: 0.75rem;
	line-height: 1.45;
}

.pbm-listing-composer__status.pbm-listing-composer__status--show {
	display: block;
}

.pbm-listing-composer__privacy {
	margin: 11px 0 0 !important;
	color: #8a99a8 !important;
	font-size: 0.7rem !important;
	line-height: 1.5 !important;
	text-align: center;
}

.pbm-listing-preview-banner {
	margin: 0 0 12px;
	padding: 8px 10px;
	color: #694d12;
	background: #fff7e8;
	border: 1px solid #f5d79f;
	border-radius: 6px;
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}

@media (max-width: 600px) {
	.pbm-listing-composer__title {
		font-size: 1.08rem;
	}

	.pbm-listing-composer__textarea {
		min-height: 108px;
	}

}

.pbm-listing-composer__status-link {
	color: #0b5fa5;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.pbm-listing-composer__status-link:hover,
.pbm-listing-composer__status-link:focus-visible {
	color: #073f70;
}