/**
 * Estilos del «Doctor Audio» (diagnóstico guiado de altavoces).
 * Hereda tokens y componentes (theme-agnostic) de iat-core.css.
 */

/* Opciones grandes del wizard (equipo / síntoma): botón con título + pista */
.iat-doctor__opt {
	display: block;
	width: 100%;
	text-align: left;
	padding: 1rem 1.2rem;
}
.iat-doctor__opttitle { display: block; font-size: 1.02rem; }
.iat-doctor__opthint {
	display: block;
	font-weight: 400;
	font-size: .85rem;
	color: var(--iat-muted);
	margin-top: .2rem;
}

/* Zona de señal de cada prueba */
.iat-doctor__signal { margin: 1rem 0 1.25rem; }
.iat-doctor__play { min-width: 12rem; }

/* Rejillas A/B (fase) y de niveles (distorsión) */
.iat-doctor__abgrid { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.iat-doctor__abgrid--3 { grid-template-columns: repeat(3, 1fr); }
.iat-doctor__ab { width: 100%; }

/* Botón A/B o de nivel activo: acento de marca (blindado frente al theme) */
.iat .iat-doctor__ab.is-active,
.iat .iat-doctor__ab.is-active:hover,
.iat .iat-doctor__ab.is-active:focus {
	background-color: var(--iat-accent) !important;
	color: #fff !important;
	border-color: var(--iat-accent) !important;
}

/* Fila del botón «Empezar de nuevo» al pie de cada paso */
.iat-doctor__restartrow { margin-top: 1.5rem; }
.iat-doctor__restartrow .iat-btn { font-size: .85rem; padding: .55em 1.1em; }

/* Resultado */
.iat-doctor__mainlbl {
	margin: 0 0 .1rem;
	font-size: .8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--iat-muted);
}
.iat-doctor__verdict { font-size: 2.1rem; margin-top: 0; }
.iat-doctor__action {
	background: var(--iat-surface);
	border: 1px solid var(--iat-line);
	border-radius: var(--iat-radius-sm);
	padding: 1rem 1.2rem;
	margin: 1rem 0;
}
.iat-doctor__actionbody { margin: .35rem 0 0; }
.iat-doctor__alsotitle { margin: 1.25rem 0 .25rem; font-size: 1.05rem; }
.iat-doctor__also {
	border-left: 3px solid var(--iat-line);
	padding: .4rem .9rem;
	margin: .75rem 0;
}
.iat-doctor__alsobody { margin: .25rem 0 0; font-size: .92rem; color: var(--iat-muted); }
