.modal_dialog.rd-sales-appointment-modal {
	width: min(1180px, calc(100vw - 2 * var(--rd-spacing-x-big)));
	max-width: none;
}

.rd-sales-appointment-modal .modal_dialog_mid {
	max-height: min(760px, calc(100vh - 180px));
	overflow: auto;
}

pc-sales-appointment-detail {
	display: block;
}

.rd-sales-appointment-layout {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr);
	min-height: 420px;
}

.rd-sales-appointment-facts {
	min-width: 0;
	padding: 0 var(--rd-spacing-x-big) var(--rd-spacing-x-big);
}

.rd-sales-appointment-section {
	padding: var(--rd-spacing-sm) 0 var(--rd-spacing-x-big);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
}

.rd-sales-appointment-section h3,
.rd-sales-appointment-briefing h3 {
	margin: 0 0 var(--rd-spacing-sm);
	font-size: var(--rd-fontsize-6);
	letter-spacing: 0;
}

.rd-sales-appointment-section h4,
.rd-sales-appointment-briefing h4 {
	margin: var(--rd-spacing-sm) 0 var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-4);
	letter-spacing: 0;
}

.rd-sales-appointment-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--rd-spacing-sm) var(--rd-spacing-x-big);
	margin: 0;
}

.rd-sales-appointment-field {
	min-width: 0;
}

.rd-sales-appointment-field dt {
	color: var(--rd-gray-500);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-sales-appointment-field dd {
	margin: var(--rd-spacing-xx-sm) 0 0;
	overflow-wrap: anywhere;
}

.rd-sales-appointment-copy p,
.rd-sales-appointment-timeline p,
.rd-sales-appointment-briefing p {
	margin: 0;
	white-space: pre-line;
}

.rd-sales-appointment-protocol {
	margin-top: var(--rd-spacing-sm);
}

.rd-sales-appointment-protocol.rd-accordion details {
	border-bottom: 0;
}

.rd-sales-appointment-protocol.rd-accordion summary {
	padding: var(--rd-spacing-x-sm) 0;
	font-size: var(--rd-fontsize-4);
}

.rd-sales-appointment-protocol.rd-accordion .rd-details-content {
	padding-bottom: 0;
}

.rd-sales-appointment-contacts,
.rd-sales-appointment-targets,
.rd-sales-appointment-timeline,
.rd-sales-appointment-briefing ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rd-sales-appointment-contacts,
.rd-sales-appointment-targets {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--rd-spacing-x-sm);
}

.rd-sales-appointment-contacts li,
.rd-sales-appointment-targets li {
	min-width: 0;
	padding: var(--rd-spacing-x-sm);
	border-left: var(--rd-borderwidth-border-focus) solid var(--rd-secondary-active);
	background: var(--rd-list-default-dark);
}

.rd-sales-appointment-contacts span,
.rd-sales-appointment-targets span,
.rd-sales-appointment-contact-links a {
	display: block;
	margin-top: var(--rd-spacing-xx-sm);
	overflow-wrap: anywhere;
}

.rd-sales-appointment-contact-phone {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-xx-sm);
	margin-top: var(--rd-spacing-xx-sm);
}

.rd-sales-appointment-contact-phone a {
	min-width: 0;
	margin-top: 0;
}

.rd-sales-appointment-copy-phone {
	flex: 0 0 auto;
	margin: 0;
	padding: var(--rd-spacing-xx-sm);
}

.rd-sales-appointment-copy-phone.rd-icon-copy::before {
	margin-right: 0;
}

.rd-sales-appointment-timeline {
	display: grid;
	gap: var(--rd-spacing-sm);
}

.rd-sales-appointment-timeline-section {
	box-sizing: border-box;
	width: 100%;
	padding: var(--rd-spacing-x-big);
	border-top: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	border-bottom: 0;
}

.rd-sales-appointment-timeline li {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	gap: var(--rd-spacing-sm);
}

.rd-sales-appointment-timeline time,
.rd-sales-appointment-timeline div > span {
	color: var(--rd-gray-500);
	font-size: var(--rd-fontsize-3);
}

.rd-sales-appointment-timeline p {
	margin-top: var(--rd-spacing-xx-sm);
	overflow-wrap: anywhere;
}

.rd-sales-appointment-briefing {
	display: flex;
	flex-direction: column;
	gap: var(--rd-spacing-sm);
	min-width: 0;
	padding: var(--rd-spacing-x-big);
	border-left: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	background: var(--rd-blue-50);
}

.rd-sales-appointment-ai-note,
.rd-sales-appointment-empty {
	color: var(--rd-gray-500);
	font-size: var(--rd-fontsize-3);
}

.rd-sales-appointment-briefing-content {
	display: grid;
	gap: var(--rd-spacing-sm);
}

.rd-sales-appointment-briefing-content section {
	padding: var(--rd-spacing-sm);
	border: var(--rd-borderwidth-border-default) solid var(--rd-secondary-inactive);
	border-radius: var(--rd-borderradius-border-md);
	background: var(--rd-list-default-light);
}

.rd-sales-appointment-briefing-content section h4 {
	margin: 0 0 var(--rd-spacing-x-sm);
	color: var(--rd-font-dark);
}

.rd-sales-appointment-briefing-content ul {
	display: grid;
	gap: var(--rd-spacing-x-sm);
}

.rd-sales-appointment-briefing li {
	position: relative;
	padding-left: var(--rd-spacing-md);
	line-height: var(--rd-lineheights-1);
}

.rd-sales-appointment-briefing li::before {
	content: "";
	position: absolute;
	top: 0.65em;
	left: 0;
	width: var(--rd-spacing-xx-sm);
	height: var(--rd-spacing-xx-sm);
	border-radius: 50%;
	background: var(--rd-secondary-active);
}

.rd-sales-appointment-briefing button {
	align-self: flex-start;
}

.rd-sales-appointment-actions {
	position: sticky;
	top: 0;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: var(--rd-spacing-x-sm);
	padding: var(--rd-spacing-sm) var(--rd-spacing-x-big);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	background: var(--rd-list-default-light);
}

.rd-sales-appointment-loading,
.rd-sales-appointment-error {
	padding: var(--rd-spacing-x-big);
}

.rd-sales-appointment-error {
	background: var(--rd-error-inactive);
	color: var(--rd-red-900);
}

@media (max-width: 800px) {
	.modal_dialog.rd-sales-appointment-modal {
		width: calc(100vw - 2 * var(--rd-spacing-sm));
	}

	.rd-sales-appointment-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.rd-sales-appointment-briefing {
		border-top: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
		border-left: 0;
	}

	.rd-sales-appointment-fields,
	.rd-sales-appointment-contacts,
	.rd-sales-appointment-targets {
		grid-template-columns: minmax(0, 1fr);
	}

	.rd-sales-appointment-timeline li {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--rd-spacing-xx-sm);
	}
}