/* ===========================================================================
   Asmi Wellness — client dashboard (/app)
   Loaded after bootstrap 5.3 and shared/theme.css, which carries the tokens,
   shell and components shared with the admin panel. Only the signed-out auth
   pages are specific to this area.
   =========================================================================== */

.auth-page {
	min-height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	background: var(--asmi-bg);
}

.auth-page__aside {
	display: none;
	background: linear-gradient(160deg, var(--asmi-plum-700), var(--asmi-plum-900));
	color: #fff;
	padding: 2.5rem;
	flex-direction: column;
	justify-content: space-between;
}

.auth-page__form { display: grid; place-items: center; padding: 2rem 1.25rem; }
.auth-card { width: 100%; max-width: 400px; }

/* The auth forms are the one place a roomier control is wanted. */
.auth-card .form-control-lg { font-size: .95rem; padding: .55rem .8rem; }
.auth-card .btn-lg { --bs-btn-padding-y: .55rem; --bs-btn-font-size: .95rem; }

@media (min-width: 992px) {
	.auth-page { grid-template-columns: 1fr 1fr; }
	.auth-page__aside { display: flex; }
}