/* Emotional Regulation Check layout */
.emoreg-check {
	color: var(--fuse-mode-text-primary);
}

.emoreg-check .emoreg-step {
	display: none;
}

.emoreg-check .emoreg-step.is-active {
	display: block;
}

.emoreg-check .emoreg-steps.is-hidden {
	display: none;
}

.emoreg-check .emoreg-field {
	display: block;
	margin: 1rem 0;
}

.emoreg-check .emoreg-label {
	display: block;
	margin-bottom: 0.5rem;
	color: var(--fuse-mode-text-primary);
}

.emoreg-check .emoreg-input {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid var(--fuse-mode-border, var(--fuse-border-color));
	border-radius: 6px;
	background: var(--fuse-mode-bg-primary);
	color: var(--fuse-mode-text-primary);
}

.emoreg-check .emoreg-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	margin-top: 1rem;
}

@media (max-width: 768px) {
	.emoreg-check .emoreg-actions .btn {
		width: 100%;
	}
}