/*
 * MA-ZAL Group — account pages (home, orders, invoices, notifications, points) and the sign-in page.
 * The frame (side menu) is in shell.css; rows, chips, tabs and steps in components.css. Reads tokens.css only.
 */
.mzs-account-stats { margin-block-end: var(--s-6); }
.mzs-account-title { margin-block: var(--s-5) var(--s-4); font-size: var(--fs-h3); }
.mzs-account-help { margin-top: var(--s-5); }

.mzs-orders { display: grid; gap: var(--s-4); }
.mzs-order { display: grid; gap: var(--s-4); }

/* member card */
.mzs-member {
	display: grid;
	grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
	gap: var(--s-5);
	align-items: center;
}

.mzs-member__card {
	display: grid;
	gap: var(--s-2);
	aspect-ratio: 1.6;
	box-sizing: border-box;
	padding: var(--s-5);
	border-radius: var(--r-lg);
	background: radial-gradient(28rem 16rem at 80% 0%, var(--c-night-2), var(--c-night));
	color: var(--c-on-night);
	box-shadow: var(--shadow-1);
}

.mzs-member__card img { width: 3rem; height: 3rem; }
.mzs-member__level { color: var(--c-gold-night); font-size: var(--fs-tiny); font-weight: var(--fw-semi); letter-spacing: 0.06em; }
.mzs-member__name { align-self: end; font-size: var(--fs-h3); }
.mzs-member__no { color: var(--c-on-night-2); font-family: var(--f-mono); font-size: var(--fs-small); }

/* sign in */
.mzs-auth { display: grid; place-items: center; padding-block: var(--s-5); }

.mzs-auth__box {
	display: grid;
	gap: var(--s-5);
	width: 100%;
	max-width: 26rem;
}

.mzs-auth__logo { width: 4.5rem; height: auto; justify-self: center; }

@media (max-width: 47.99rem) {
	.mzs-member { grid-template-columns: 1fr; }
}