/**
 * Ajustes visuales específicos del formulario Registro de Operador Logístico.
 *
 * Los componentes reutilizables (stepper, step-nav, checkbox-group, íconos
 * en input, textarea, layout de 2 columnas) viven en base.css porque son
 * genéricos para cualquier formulario multi-paso futuro. Este archivo es el
 * punto único para retoques exclusivos de ESTE formulario, si hicieran falta.
 */

.mydeal-form--logistics-operator {
	/* Punto único para sobreescribir la paleta de este formulario si difiere. */
}

/* Modal de confirmación: variante con ícono centrado (clipboard) sobre el
   cuerpo, separador delgado y aviso final con ícono de escudo — distinta del
   patrón "tarjeta con ícono a la izquierda" que usa external-store. */
.mydeal-form--logistics-operator .mydeal-form__success-subtitle {
	margin: 0 0 15px;
}
.mydeal-form--logistics-operator .mydeal-form__success-clipboard {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px; height: 52px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: #e6f0ff;
	overflow: hidden;
}
/* Cuando el ícono se reemplace por una imagen (<img> dentro del círculo). */
.mydeal-form--logistics-operator .mydeal-form__success-clipboard img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mydeal-form--logistics-operator .mydeal-form__success-body { margin: 0 0 22px; }
.mydeal-form--logistics-operator .mydeal-form__success-hr {
	height: 1px;
	background: var(--mdf-border);
	margin: 0 0 18px;
}
.mydeal-form--logistics-operator .mydeal-form__success-disclaimer--icon {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 0 22px;
}
.mydeal-form--logistics-operator .mydeal-form__success-disclaimer--icon span:last-child {
	text-align: left !important;
}
.mydeal-form--logistics-operator .mydeal-form__success-shield {
	flex-shrink: 0;
	display: flex;
	color: var(--mdf-muted);
}
.mydeal-form--logistics-operator .mydeal-form__success-shield svg {
	width: 22px;
	height: 22px;
}
.mydeal-form--logistics-operator .mydeal-form__success-finish--arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.mydeal-form--logistics-operator .mydeal-form__success-finish-arrow {
	display: flex;
}