/* ── Auth (Login / Register) ── */
.ac-auth {
	display: flex;
	justify-content: center;
	padding: var(--space-8) var(--space-4);

	&__card {
		width: 100%;
		max-width: 420px;
		display: flex;
		flex-direction: column;
		gap: var(--space-6);
	}

	&__header {
		text-align: center;
	}

	&__title {
		font-size: var(--text-xl);
		font-weight: var(--weight-semibold);
		color: var(--ac-text);
		margin: 0 0 var(--space-1);
	}

	&__subtitle {
		font-size: var(--text-base);
		color: var(--ac-text-muted);
		margin: 0;
	}

	&__label-row {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
	}

	&__remember {
		margin-bottom: var(--space-3);

		& label {
			display: inline-flex;
			align-items: center;
			gap: var(--space-2);
			font-size: var(--text-base);
			color: var(--ac-text);
			cursor: pointer;
		}

		& input[type='checkbox'] {
			width: 16px;
			height: 16px;
			accent-color: var(--ac-primary);
			cursor: pointer;
		}
	}

	&__forgot {
		font-size: var(--text-sm);
		color: var(--ac-primary);
		text-decoration: none;

		&:hover {
			text-decoration: underline;
		}
	}

	&__footer {
		text-align: center;
		font-size: var(--text-base);
		color: var(--ac-text-muted);
		margin: 0;

		& a {
			color: var(--ac-primary);
			text-decoration: none;
			font-weight: var(--weight-medium);

			&:hover {
				text-decoration: underline;
			}
		}
	}
}