/**
 * Estilos de la medición de sala con micrófono.
 * Hereda tokens y componentes (theme-agnostic) de iat-core.css.
 */

.iat-measure__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.25rem; }
@media (max-width: 560px) { .iat-measure__grid { grid-template-columns: 1fr; } }

.iat-measure__dims { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }

.iat-measure__status { font-weight: 700; color: var(--iat-accent); text-align: center; }

.iat-measure__h { margin: 1.5rem 0 .4rem; font-size: 1.05rem; }

.iat-measure__wrap {
	background: var(--iat-surface);
	border: 1px solid var(--iat-line);
	border-radius: var(--iat-radius-sm);
	padding: .5rem;
}
.iat-measure__canvas { display: block; width: 100%; height: 260px; }
.iat-measure__canvas--wf { height: 240px; }

/* Barras de RT60 por bandas */
.iat-measure__rtbars {
	display: flex;
	align-items: flex-end;
	gap: .8rem;
	padding: .75rem 1rem .5rem;
	background: var(--iat-surface);
	border: 1px solid var(--iat-line);
	border-radius: var(--iat-radius-sm);
}
.iat-measure__rtcol { display: flex; flex-direction: column; align-items: center; gap: .25rem; flex: 1; }
.iat-measure__rtval { font-size: .78rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.iat-measure__rtbar {
	display: block;
	width: 100%;
	max-width: 44px;
	border-radius: 6px 6px 0 0;
	background: linear-gradient(180deg, var(--iat-accent-2), var(--iat-accent));
}
.iat-measure__rtfc { font-size: .75rem; color: var(--iat-muted); }

/* Bloque de filtros EQ (texto copiable) */
.iat-measure__eq {
	background: var(--iat-surface);
	border: 1px solid var(--iat-line);
	border-radius: var(--iat-radius-sm);
	padding: .75rem 1rem;
	font-size: .85rem;
	overflow-x: auto;
	white-space: pre;
}