:host {
	display: block;
}

mat-dialog-content {
	scrollbar-width: none;
}

mat-dialog-content > p {
	margin: 0 0 1.5rem;
	color: var(--ui-text-secondary);
}

.settings-controls {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

mat-form-field {
	width: 100%;
}

.planning-dates {
	min-width: 0;
	margin: 0 0 1rem;
	padding: 0;
	border: 0;

	legend {
		font-weight: 600;
	}

	p {
		margin: 0.5rem 0 1rem;
		color: var(--ui-text-secondary);
	}

	.validation-error {
		color: var(--ui-error-text);
		background: var(--ui-error-bg);
		padding: 0.75rem;
		border-radius: 0.5rem;
	}
}