/**
 * Estilos del test de fiesta.
 * Hereda tokens y componentes (theme-agnostic) de iat-core.css.
 * Las «opciones grandes» replican las reglas del doctor (su CSS solo carga en
 * aquella herramienta; precedente v0.14.6 con .iat-room__metric).
 */

.iat-party .iat-doctor__opt {
	display: block;
	width: 100%;
	text-align: left;
	padding: 1rem 1.2rem;
}
.iat-party .iat-doctor__opttitle { display: block; font-size: 1.02rem; }
.iat-party .iat-doctor__opthint {
	display: block;
	font-weight: 400;
	font-size: .85rem;
	color: var(--iat-muted);
	margin-top: .2rem;
}
.iat-party .iat-doctor__mainlbl {
	margin: 0 0 .1rem;
	font-size: .8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--iat-muted);
}

.iat-party__phase { font-weight: 700; color: var(--iat-accent); min-height: 1.4em; margin: .25rem 0; }

/* Medidor de margen limpio */
.iat-party__meter {
	background: var(--iat-surface);
	border: 1px solid var(--iat-line);
	border-radius: var(--iat-radius-sm);
	padding: 1rem 1.2rem 2.4rem;
	margin: 1rem 0;
	position: relative;
}
.iat-party__lbl { display: block; font-size: .8rem; font-weight: 700; color: var(--iat-muted); text-transform: uppercase; letter-spacing: .04em; }
.iat-party__snr {
	font-size: 2.6rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
	color: var(--iat-accent);
}
.iat-party__bar {
	height: 12px;
	border-radius: 999px;
	background: var(--iat-surface-2);
	overflow: hidden;
	margin: .5rem 0 .25rem;
}
.iat-party__fill {
	display: block;
	height: 100%;
	width: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--iat-accent), var(--iat-accent-2));
	transition: width .12s linear;
}
.iat-party__marks { position: relative; height: 1.2rem; }
.iat-party__mark {
	position: absolute;
	transform: translateX(-50%);
	font-size: .68rem;
	color: var(--iat-muted);
	white-space: nowrap;
}
.iat-party__scene { font-weight: 800; font-size: 1.15rem; margin-top: .5rem; }
.iat-party__dist { font-weight: 700; font-size: .95rem; }