/**
 * PSB-PORTAL-MEDIDAS-COMPOSER-004 — anula CSS legacy; una ×, icono visible, fila compacta.
 * Carga tras pulido-visual-001 (máxima prioridad en medidas).
 */

body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer {
	--psb-medidas-input-height: 44px;
	--psb-medidas-icon-width: 54px;
	--psb-medidas-field-w: 148px;
	--psb-medidas-prefix-w: 104px;
	--psb-medidas-extra-w: 116px;
	--psb-medidas-field-gap: 0.1rem;
	--psb-medidas-composer-gap: 0.38rem;
	--psb-medidas-x-width: 1.75rem;
	--psb-medidas-x-size: 1.65rem;
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: flex-end !important;
	gap: var(--psb-medidas-composer-gap) !important;
	width: 100%;
	min-width: 0;
}

body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__field {
	flex: 0 1 auto;
	display: flex !important;
	flex-direction: column !important;
	gap: var(--psb-medidas-field-gap) !important;
	min-width: 0;
	width: min(var(--psb-medidas-field-w), 100%);
}

body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__field--prefix {
	width: min(var(--psb-medidas-prefix-w), 100%);
}

body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__field--extra {
	width: min(var(--psb-medidas-extra-w), 100%);
}

body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__label,
body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-fp-medidas-field__label {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px;
	font-weight: 600;
	color: #44403c;
	line-height: 1.15;
}

body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__input,
body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-fp-medidas-field__input {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	min-height: var(--psb-medidas-input-height) !important;
	margin: 0 !important;
	box-sizing: border-box;
}

/* Icono visible y discreto */
body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__diagram {
	flex: 0 0 var(--psb-medidas-icon-width);
	width: var(--psb-medidas-icon-width);
	height: var(--psb-medidas-input-height);
	display: flex !important;
	align-items: center;
	justify-content: center;
	align-self: flex-end !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 1 !important;
}

body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-form2026-medidas-diagram__svg {
	width: 48px !important;
	height: auto;
}

body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-form2026-medidas-diagram__plane {
	fill: #eceae8 !important;
	stroke: #78716c !important;
	stroke-width: 1.35;
}

body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-form2026-medidas-diagram__tick {
	stroke: #57534e !important;
	stroke-width: 1.35;
}

/* Una sola × — anula cliente.css / homologacion / fine-tune / 002 */
body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__x {
	flex: 0 0 var(--psb-medidas-x-width) !important;
	width: var(--psb-medidas-x-width) !important;
	height: var(--psb-medidas-input-height) !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: flex-end !important;
	font-size: var(--psb-medidas-x-size) !important;
	font-weight: 650 !important;
	line-height: 1 !important;
	color: #44403c !important;
	user-select: none;
	text-align: center;
}

/* Sin layout legacy dentro del compositor */
body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__pair,
body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__labels-row,
body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__inputs-row,
body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__slot {
	display: none !important;
}

@media (max-width: 640px) {
	body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer {
		flex-wrap: wrap !important;
		row-gap: 0.45rem;
	}

	body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__field--largo,
	body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__field--ancho {
		flex: 1 1 0;
		max-width: none;
	}
}

@media (max-width: 520px) {
	body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer {
		--psb-medidas-x-size: 1.45rem;
		--psb-medidas-x-width: 1.55rem;
	}

	body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-form2026-medidas-diagram__svg {
		width: 40px !important;
	}
}