/*
 * v-loginreg — acceso, registro y recuperación de contraseña (LoginReg).
 * Columna angosta y centrada; etiquetas en versalitas chicas sobre campos a todo el
 * ancho. El core genera los campos de preferencias del registro con clases de
 * Bootstrap 3 (form-control, col-sm-*, control-label): se estilan igual y se ignora
 * la grilla.
 * Estas páginas existen solo con el login activo; la maqueta las captura con una
 * configuración temporal (conf_temporal en capture.json).
 * Sitio cerrado y sin sesión (az_solo_login): el logo, el menú y el pie no se dibujan;
 * el <header> queda vacío, se oculta, y el formulario se centra en la pantalla.
 */
@layer views {
	.c-header:not(:has(*)) { display: none; }
	body:not(:has(.c-header *)) main.loginreg {
		display: grid;
		align-content: center;
		min-block-size: 100svh;
		margin-inline: auto;
	}
	main.loginreg {
		inline-size: min(100% - 2 * var(--gutter), 34rem);
		padding-block: var(--space-xl) var(--space-2xl);
	}
	main.loginreg :is(h1, H1) { font-size: var(--step-4); margin-block-end: var(--space-l); }
	main.loginreg h1::after {
		content: "";
		display: inline-block;
		inline-size: 0.16em;
		aspect-ratio: 1;
		margin-inline-start: 0.12em;
		border-radius: 50%;
		background: var(--color-accent);
	}
	main.loginreg form { display: grid; gap: var(--space-s); }
	main.loginreg form > div:has(> div > h1) { display: contents; }
	main.loginreg .c-form__group { display: grid; gap: var(--space-3xs); }
	main.loginreg :is(.c-form__label, .control-label) {
		color: var(--color-muted);
		font-size: var(--step--2);
		font-weight: 600;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}
	main.loginreg [class*="col-sm-"] { inline-size: auto; max-inline-size: none; padding: 0; margin: 0; float: none; }
	main.loginreg :is(.c-form__control, .form-control, select) { inline-size: 100%; }
	main.loginreg select + input { margin-block-start: var(--space-3xs); }
	main.loginreg :is(.c-form__static, .c-form__help) { font-size: var(--step--1); color: var(--color-muted); }
	main.loginreg button[type="submit"] { justify-self: start; min-inline-size: 10rem; margin-block-start: var(--space-xs); }
	main.loginreg form a { font-size: var(--step--1); color: var(--color-strong); }
	main.loginreg form a + br + a { display: inline-block; margin-block-start: var(--space-3xs); }
	main.loginreg :is(.alert, .notificationMessage, .formErrors) { padding: var(--space-xs) var(--space-s); background: var(--color-band); font-size: var(--step--1); }
}