/*
 * Copyright (c) 2026 Ernesto Reinaldo Barreiro (reiern70@gmail.com).
 * All rights reserved.
 */

/* the settings of the theme on top, the preview of the components below */
.theme-editor-settings {
	margin-bottom: 1.5em;
	padding: 1em;
	border: 1px solid var(--antilia-theme-border);
	border-radius: 0.4em;
	background: var(--antilia-theme-surface);
	color: var(--antilia-theme-text);
}

/* the theme the pickers start from */
.theme-editor-start {
	margin-bottom: 1em;
}

.theme-editor-start label {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	font-weight: 600;
}

/* the tabs are as wide as the page and keep what they show inside */
.theme-editor-preview {
	width: 100%;
	min-width: 0;
	padding: 1em 0;
	border-radius: 0.4em;
	background: var(--antilia-theme-surface-alt);
	color: var(--antilia-theme-text);
}

.theme-preview-progress h3 {
	margin: 1em 0 0.4em;
	font-size: 0.95em;
}

.theme-preview-progress h3:first-child {
	margin-top: 0.4em;
}

.theme-preview-panels {
	display: flex;
	flex-direction: column;
	gap: 1em;
	padding-top: 0.6em;
}

.theme-editor-preview .user-filter input {
	width: 12em;
}

.theme-preview-nested {
	display: flex;
	flex-direction: column;
	gap: 0.6em;
}

.theme-preview-nested > p {
	margin: 0;
}