/*
 * Dashboard visual system
 * Reference: dark navy canvas, layered slate panels and electric-blue actions.
 * Scoped to the shortcode so Elementor/theme styles cannot leak into it.
 */
.alfa-user-dashboard {
	--alfa-dashboard-canvas: #10192b;
	--alfa-dashboard-panel: #202e43;
	--alfa-dashboard-panel-soft: #2b3b52;
	--alfa-dashboard-panel-hover: #344861;
	--alfa-dashboard-ink: #edf3ff;
	--alfa-dashboard-muted: #9aabc2;
	--alfa-dashboard-muted-soft: #71839d;
	--alfa-dashboard-primary: #4675f5;
	--alfa-dashboard-primary-hover: #5b85f7;
	--alfa-dashboard-accent: #9b5cf5;
	--alfa-dashboard-border: rgba(177, 199, 235, .12);
	--alfa-dashboard-shadow: 0 22px 48px rgba(4, 11, 25, .3);
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(18px, 3vw, 36px);
	overflow: hidden;
	border: 1px solid rgba(186, 202, 241, .08);
	border-radius: 30px;
	background:
		radial-gradient(circle at 3% 0%, rgba(110, 78, 208, .24), transparent 29%),
		radial-gradient(circle at 100% 90%, rgba(39, 88, 198, .20), transparent 33%),
		var(--alfa-dashboard-canvas);
	color: var(--alfa-dashboard-ink);
	font-family: inherit;
	isolation: isolate;
}

/* Standalone /profile/ and /rewards/ pages follow the active site theme font. */
.alfa-user-dashboard-page,
.alfa-user-dashboard-page *,
.alfa-user-dashboard--standalone,
.alfa-user-dashboard--standalone * { font-family: inherit; }

.alfa-user-dashboard::before,
.alfa-user-dashboard::after {
	position: absolute;
	z-index: -1;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background: rgba(74, 104, 237, .12);
	filter: blur(2px);
	content: "";
	pointer-events: none;
}

.alfa-user-dashboard::before { top: -105px; right: -74px; }
.alfa-user-dashboard::after { bottom: -128px; left: -94px; background: rgba(142, 83, 239, .13); }

.alfa-user-dashboard *,
.alfa-user-dashboard *::before,
.alfa-user-dashboard *::after { box-sizing: border-box; }

.alfa-user-dashboard__tab-shell { display: grid; grid-template-columns: minmax(190px, 1fr) minmax(0, 3fr); gap: 18px; align-items: start; }
.alfa-user-dashboard__tabs { display: flex; flex-direction: column; gap: 8px; padding: 14px; position: sticky; top: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: rgba(26,39,59,.9); }
.alfa-user-dashboard__tabs-brand { display: grid; gap: 3px; padding: 8px 10px 14px; color: #ffe17c; font-size: 18px; }
.alfa-user-dashboard__tabs-brand span { font-size: 25px; }
.alfa-user-dashboard__tabs-brand small { color: var(--alfa-dashboard-muted); font-size: 11px; }
.alfa-user-dashboard__tab { display: flex; align-items: center; gap: 8px; width: 100%; padding: 12px 11px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: var(--alfa-dashboard-muted); font: inherit; font-size: 13px; font-weight: 800; text-align: right; text-decoration: none; cursor: pointer; transition: .2s ease; }
.alfa-user-dashboard__tab:hover { background: rgba(255,255,255,.08); color: #fff; }
.alfa-user-dashboard__tab.is-active { border-color: rgba(255,218,105,.5); background: linear-gradient(135deg, rgba(246,200,75,.25), rgba(117,82,199,.22)); color: #fff; }
.alfa-user-dashboard__tab--logout { margin-top: 8px; border-top: 1px solid rgba(255,255,255,.1); border-radius: 0 0 12px 12px; color: #ffb3b3; }
.alfa-user-dashboard__content { min-width: 0; }
.alfa-user-dashboard__tab-panel { display: none; animation: alfa-dashboard-fade .22s ease; }
.alfa-user-dashboard__tab-panel.is-active { display: block; }
.alfa-user-dashboard__layout--overview { margin-top: 19px; }
.alfa-user-dashboard__welcome-panel { min-height: 220px; text-align: center; display: grid; place-items: center; align-content: center; gap: 6px; }
.alfa-user-dashboard__welcome-panel p { max-width: 480px; color: var(--alfa-dashboard-muted); }
.alfa-user-dashboard__wallet-balance { display: grid; gap: 5px; margin-bottom: 18px; padding: 18px; border-radius: 16px; background: linear-gradient(135deg, #fff0b8, #ffe698); color: #4c3b00; }
.alfa-user-dashboard__wallet-balance span { font-size: 13px; font-weight: 800; }
.alfa-user-dashboard__wallet-balance strong { font-size: 30px; }
.alfa-user-dashboard__wallet-balance small { color: #6b5a1c; }
.alfa-user-dashboard__wallet-list { display: grid; gap: 0; margin: 12px 0 0; padding: 0; list-style: none; }
.alfa-user-dashboard__wallet-list li { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid rgba(84,185,121,.2); }
.alfa-user-dashboard__wallet-list strong, .alfa-user-dashboard__wallet-list small { display: block; }
.alfa-user-dashboard__wallet-list small { margin-top: 3px; color: var(--alfa-dashboard-muted); }
.alfa-user-dashboard__wallet-list time { color: var(--alfa-dashboard-muted-soft); font-size: 12px; white-space: nowrap; }
.alfa-user-dashboard__wallet-list .is-credit strong { color: #238a52; }
.alfa-user-dashboard__wallet-list .is-debit strong { color: #b04d54; }
@keyframes alfa-dashboard-fade { from { opacity: .2; transform: translateY(5px); } to { opacity: 1; transform: none; } }

/* مرور نهایی داشبورد: منوی روشن‌تر و خواناتر برای کودکان */
.alfa-user-dashboard__tabs {
	border-color: rgba(84,185,121,.34);
	background: linear-gradient(160deg, #effaf2, #e6f5ea);
	box-shadow: 0 18px 36px rgba(84, 110, 92, .16);
}
.alfa-user-dashboard__tabs-brand { color: #7552c7; }
.alfa-user-dashboard__tabs-brand small { color: #686875; }
.alfa-user-dashboard__tab {
	border-color: rgba(117,82,199,.22);
	background: rgba(255,255,255,.62);
	color: #34323b;
}
.alfa-user-dashboard__tab:hover {
	background: #fff;
	color: #5f3fb0;
}
.alfa-user-dashboard__tab.is-active {
	border-color: rgba(117,82,199,.45);
	background: linear-gradient(135deg, #7552c7, #8c68d6);
	color: #fff;
}
.alfa-user-dashboard__tab--logout {
	border-top-color: rgba(117,82,199,.22);
	background: transparent;
	color: #a74b58;
}
.alfa-user-dashboard__tab--logout:hover { background: rgba(255,255,255,.72); color: #8b3545; }
.alfa-user-dashboard__footer {
	margin-top: 24px;
	padding: 14px 10px 2px;
	border-top: 1px solid rgba(84,185,121,.22);
	color: var(--alfa-dashboard-muted);
	font-size: 11px;
	line-height: 1.9;
	text-align: center;
}
.alfa-user-dashboard__back-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 16px;
	padding: 9px 14px;
	border: 1px solid rgba(117,82,199,.35);
	border-radius: 12px;
	background: #fff;
	color: #5f3fb0;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}
.alfa-user-dashboard__back-link:hover { background: #7552c7; color: #fff; }

.alfa-user-dashboard__hero,
.alfa-user-dashboard__panel,
.alfa-user-dashboard__stat {
	border: 1px solid var(--alfa-dashboard-border);
	background: linear-gradient(135deg, rgba(48, 65, 88, .91), rgba(29, 43, 62, .96));
	box-shadow: var(--alfa-dashboard-shadow);
}

.alfa-user-dashboard__hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: clamp(22px, 3.7vw, 39px);
	border-radius: 22px;
	background:
		linear-gradient(90deg, transparent 0 56%, rgba(70, 117, 245, .13) 56% 100%),
		linear-gradient(135deg, #29394f, #1c2a3e);
}

.alfa-user-dashboard__identity { display: flex; align-items: center; gap: 19px; min-width: 0; }
.alfa-user-dashboard__avatar {
	display: block;
	flex: 0 0 92px;
	width: 92px;
	height: 92px;
	border: 4px solid var(--alfa-dashboard-accent);
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 5px rgba(151, 90, 241, .14), 0 13px 25px rgba(3, 9, 22, .32);
}

.alfa-user-dashboard__hero h2,
.alfa-user-dashboard__panel h3 {
	margin: 0;
	color: var(--alfa-dashboard-ink);
	line-height: 1.4;
}

.alfa-user-dashboard__hero h2 { font-size: clamp(24px, 3vw, 34px); }
.alfa-user-dashboard__intro,
.alfa-user-dashboard__panel p { margin: 7px 0 0; line-height: 1.9; }
.alfa-user-dashboard__intro,
.alfa-user-dashboard__muted { color: var(--alfa-dashboard-muted); }
.alfa-user-dashboard__eyebrow { margin: 0; color: #b5c5de; font-size: 13px; font-weight: 800; }
.alfa-user-dashboard__profile-link,
.alfa-user-dashboard__text-link {
	color: #c9d7ff;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}

.alfa-user-dashboard__profile-link {
	padding: 10px 14px;
	border: 1px solid rgba(255, 234, 149, .68);
	border-radius: 10px;
	background: #f6c84b;
	color: #242b39;
	box-shadow: 0 7px 17px rgba(72, 48, 3, .18);
}

.alfa-user-dashboard__profile-link:hover,
.alfa-user-dashboard__text-link:hover { border-color: rgba(255, 234, 149, .84); }

.alfa-user-dashboard__profile-link:hover { color: #171e2b; background: #ffda69; }

.alfa-user-dashboard__stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 13px;
	margin: 19px 0;
}

.alfa-user-dashboard__stat {
	position: relative;
	min-height: 124px;
	padding: 19px;
	overflow: hidden;
	border-radius: 16px;
	background: linear-gradient(145deg, #273950, #1f2e43);
	transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.alfa-user-dashboard__stat:hover {
	transform: translateY(-3px);
	border-color: rgba(124, 157, 243, .34);
	background: linear-gradient(145deg, #2d405b, #223349);
}

.alfa-user-dashboard__stat > span {
	display: inline-grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin-bottom: 9px;
	border: 1px solid rgba(129, 165, 255, .38);
	border-radius: 9px;
	background: rgba(70, 117, 245, .18);
	color: #a9c0ff;
	font-weight: 900;
}

.alfa-user-dashboard__stat:nth-child(2) > span { border-color: rgba(254, 208, 91, .34); background: rgba(208, 151, 0, .17); color: #ffd66f; }
.alfa-user-dashboard__stat:nth-child(3) > span { border-color: rgba(196, 134, 255, .38); background: rgba(154, 91, 240, .18); color: #d8b2ff; }
.alfa-user-dashboard__stat:nth-child(4) > span { border-color: rgba(84, 231, 182, .34); background: rgba(24, 160, 113, .17); color: #83efc9; }
.alfa-user-dashboard__stat strong,
.alfa-user-dashboard__stat small { display: block; }
.alfa-user-dashboard__stat strong { color: #fff; font-size: 28px; line-height: 1.15; }
.alfa-user-dashboard__stat small { margin-top: 5px; color: var(--alfa-dashboard-muted); font-size: 13px; }
.alfa-user-dashboard__guardian-context {
	color: #a9d8ff;
	font-size: 13px;
	font-weight: 700;
	margin: 8px 0 0;
}

.alfa-user-dashboard__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(280px, .9fr);
	gap: 19px;
	align-items: start;
}

.alfa-user-dashboard__main,
.alfa-user-dashboard__side { display: grid; gap: 19px; }

.alfa-user-dashboard__panel {
	padding: 25px;
	border-radius: 19px;
	background: linear-gradient(145deg, #26374d, #1d2c40);
}

.alfa-user-dashboard__next {
	display: grid;
	grid-template-columns: 128px minmax(0, 1fr);
	gap: 22px;
	align-items: center;
	min-height: 244px;
	overflow: hidden;
	border-color: rgba(121, 154, 255, .28);
	background:
		radial-gradient(circle at 89% 18%, rgba(103, 68, 230, .44), transparent 31%),
		linear-gradient(126deg, #273c67, #202e4a);
	color: #fff;
}

.alfa-user-dashboard__next h3 { color: #fff; font-size: clamp(21px, 2vw, 27px); }
.alfa-user-dashboard__next .alfa-user-dashboard__eyebrow,
.alfa-user-dashboard__next .alfa-user-dashboard__muted { color: #c2d1f0; }
.alfa-user-dashboard__next-art {
	display: grid;
	place-items: center;
	width: 128px;
	height: 128px;
	overflow: hidden;
	border: 1px solid rgba(203, 219, 255, .25);
	border-radius: 27px;
	background: rgba(7, 16, 37, .28);
	box-shadow: inset 0 1px rgba(255,255,255,.08);
}

.alfa-user-dashboard__next-art img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.27);
	transform-origin: center;
}
.alfa-user-dashboard__next-art span { font-size: 55px; }

.alfa-user-dashboard__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 43px;
	margin-top: 17px;
	padding: 8px 22px;
	border: 1px solid rgba(255, 234, 149, .68);
	border-radius: 22px;
	background: #f6c84b;
	box-shadow: 0 7px 17px rgba(72, 48, 3, .27);
	color: #242b39;
	font-size: 14px;
	font-weight: 900;
	text-decoration: none;
	transition: background .2s ease, transform .2s ease;
}

.alfa-user-dashboard__button:hover { transform: translateY(-2px); background: #ffda69; color: #171e2b; }
.alfa-user-dashboard__next--empty { display: block; background: linear-gradient(135deg, #28384c, #1c2b3f); color: var(--alfa-dashboard-ink); }
.alfa-user-dashboard__next--empty h3 { color: var(--alfa-dashboard-ink); }
.alfa-user-dashboard__welcome-popup { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; padding: 20px; background: rgba(36,30,69,.38); }
.alfa-user-dashboard__welcome-popup-card { position: relative; width: min(620px, 100%); padding: 28px; border: 3px solid #f2c94c; border-radius: 24px; background: #fffdf4; box-shadow: 0 18px 50px rgba(38,34,68,.22); text-align: center; }
.alfa-user-dashboard__welcome-popup-card > span { font-size: 40px; }
.alfa-user-dashboard__welcome-popup-card h2 { margin: 8px 0; color: #7350c5; }
.alfa-user-dashboard__welcome-popup-card p { line-height: 1.9; }
.alfa-user-dashboard__welcome-close { position: absolute; top: 9px; left: 12px; border: 0; background: transparent; color: #7350c5; font-size: 28px; cursor: pointer; }
.alfa-user-dashboard__demo h3 { margin-top: 4px; }
.alfa-user-dashboard__demo-list { display: grid; gap: 10px; }
.alfa-user-dashboard__demo-item { display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid rgba(84,185,121,.3); border-radius: 13px; background: rgba(255,255,255,.72); color: inherit; text-decoration: none; }
.alfa-user-dashboard__demo-item img { width: 54px; height: 54px; object-fit: cover; border-radius: 12px; }
.alfa-user-dashboard__demo-item > span { display: grid; gap: 4px; text-align: right; }
.alfa-user-dashboard__demo-item small { color: #7350c5; font-weight: 700; }
.alfa-user-dashboard--teacher { max-width: 1050px; margin: 30px auto; padding: 24px; border-radius: 26px; background: #fffaf4; }
.alfa-user-dashboard__teacher-list { display: grid; gap: 16px; }
.alfa-user-dashboard__teacher-list header { display: grid; gap: 8px; }
.alfa-user-dashboard__teacher-list header h2,
.alfa-user-dashboard__teacher-list header p { margin: 0; }
.alfa-user-dashboard__teacher-list header label { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; }
.alfa-user-dashboard__teacher-list select { border: 1px solid #cdbcf0; border-radius: 10px; padding: 8px 12px; background: #fff; font: inherit; }
.alfa-user-dashboard__teacher-list ul { list-style: none; margin: 0; padding: 0; }
.alfa-user-dashboard__teacher-list li { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 14px; padding: 14px 0; border-top: 1px solid #e5dff2; }
.alfa-user-dashboard__teacher-list li strong,
.alfa-user-dashboard__teacher-list li small { display: block; }
.alfa-user-dashboard__teacher-list li small { color: #6f6a78; margin-top: 4px; }
.alfa-user-dashboard__button--small { padding: 7px 12px !important; font-size: .9em; }
@media (max-width: 640px) { .alfa-user-dashboard__teacher-list li { grid-template-columns: 1fr; } }
.alfa-user-dashboard__teacher-report { display: grid; gap: 22px; }
.alfa-user-dashboard__teacher-report > header { display: flex; align-items: center; gap: 16px; padding: 22px; border-radius: 20px; background: linear-gradient(135deg, #7552c7, #6644b7); color: #fff; }
.alfa-user-dashboard__teacher-report > header > span { font-size: 42px; }
.alfa-user-dashboard__teacher-report > header h2 { margin: 4px 0; color: #fff; }
.alfa-user-dashboard__teacher-report > header p { margin: 0; color: rgba(255,255,255,.85); }

.alfa-family-learning { display: grid; gap: 16px; }
.alfa-family-learning__chooser {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 22px;
	background: linear-gradient(135deg, #f7f0ff, #effaf2) !important;
}
.alfa-family-learning__chooser h3,
.alfa-family-learning__chooser p { margin: 4px 0 0; }
.alfa-family-learning__chooser label { display: grid; gap: 6px; min-width: 210px; color: var(--alfa-dashboard-ink); font-size: 12px; font-weight: 800; }
.alfa-family-learning__chooser select {
	width: 100%;
	padding: 11px 13px;
	border: 1px solid rgba(117,82,199,.34);
	border-radius: 11px;
	background: #fff;
	color: #34323b;
	font: inherit;
}
.alfa-family-learning__panels > [hidden] { display: none !important; }
.alfa-learning-report { display: grid; gap: 20px; }
.alfa-learning-report--empty { min-height: 210px; place-items: center; align-content: center; text-align: center; }
.alfa-learning-report--empty > span { font-size: 42px; }
.alfa-learning-report__header { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.alfa-learning-report__header h3,
.alfa-learning-report__header p { margin: 4px 0 0; }
.alfa-learning-report__header label { display: grid; gap: 6px; min-width: 190px; color: var(--alfa-dashboard-ink); font-size: 12px; font-weight: 800; }
.alfa-learning-report__header select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid rgba(117,82,199,.32);
	border-radius: 11px;
	background: #fff;
	color: #34323b;
	font: inherit;
}
.alfa-learning-report__privacy {
	margin: 0 !important;
	padding: 10px 13px;
	border-right: 4px solid #f2c94c;
	border-radius: 9px;
	background: rgba(255,245,194,.65);
	font-size: 12px;
}
.alfa-learning-report__status { padding: 24px; border-radius: 14px; background: rgba(255,255,255,.55); color: var(--alfa-dashboard-muted); text-align: center; }
.alfa-learning-report__body { display: grid; gap: 22px; }
.alfa-learning-report__summary { display: grid; grid-template-columns: 145px minmax(0, 1fr); gap: 18px; align-items: stretch; }
.alfa-learning-report__overall {
	display: grid;
	place-items: center;
	align-content: center;
	min-height: 145px;
	padding: 15px;
	border: 2px solid rgba(117,82,199,.22);
	border-radius: 50%;
	background: linear-gradient(145deg, #fff8cf, #f4eaff);
	text-align: center;
}
.alfa-learning-report__overall span,
.alfa-learning-report__overall small { color: #686875; font-size: 11px; font-weight: 700; }
.alfa-learning-report__overall strong { color: #7552c7; font-size: 38px; line-height: 1.2; }
.alfa-learning-report__summary > div:last-child { display: grid; gap: 13px; }
.alfa-learning-report__points { display: flex; align-items: center; gap: 10px; width: fit-content; padding: 9px 13px; border: 1px solid rgba(242,201,76,.55); border-radius: 13px; background: #fff7cf; }
.alfa-learning-report__points > span { font-size: 25px; }
.alfa-learning-report__points div { display: grid; }
.alfa-learning-report__points small { color: #756923; font-size: 10px; }
.alfa-learning-report__points strong { color: #69511a; font-size: 19px; }
.alfa-learning-report__skills { display: grid; gap: 12px; }
.alfa-learning-report__skill { display: grid; gap: 7px; }
.alfa-learning-report__skill > div { display: flex; justify-content: space-between; gap: 10px; color: #45424d; font-size: 13px; }
.alfa-learning-report__skill > div strong { color: #7552c7; }
.alfa-learning-report__bar { display: block; height: 10px; overflow: hidden; border-radius: 999px; background: rgba(117,82,199,.10); }
.alfa-learning-report__bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #60bd7c, #f2c94c, #7552c7); transition: width .45s ease; }
.alfa-learning-report__section { display: grid; gap: 12px; }
.alfa-learning-report__section h4 { margin: 0; color: var(--alfa-dashboard-ink); font-size: 16px; }
.alfa-learning-report__trend { display: grid; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); gap: 9px; }
.alfa-learning-report__trend-item { display: grid; gap: 2px; padding: 11px; border: 1px solid rgba(84,185,121,.25); border-radius: 12px; background: rgba(255,255,255,.58); text-align: center; }
.alfa-learning-report__trend-item time,
.alfa-learning-report__trend-item small { color: var(--alfa-dashboard-muted); font-size: 10px; }
.alfa-learning-report__trend-item strong { color: #337c4a; font-size: 21px; }
.alfa-learning-report__point-history { display: grid; gap: 8px; }
.alfa-learning-report__more { justify-self: start; margin-top: 10px; border: 1px solid rgba(117,82,199,.25); border-radius: 10px; padding: 8px 12px; background: #fff; color: #5f43a4; cursor: pointer; font: inherit; font-weight: 700; }
.alfa-learning-report__more:hover { background: #f6f1ff; }
.alfa-learning-report__point-event { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid rgba(242,201,76,.42); border-radius: 12px; background: rgba(255,249,217,.66); }
.alfa-learning-report__point-event > span { font-size: 22px; }
.alfa-learning-report__point-event strong,
.alfa-learning-report__point-event small { display: block; }
.alfa-learning-report__point-event strong { color: #4c3f68; font-size: 12px; }
.alfa-learning-report__point-event small { margin-top: 3px; color: #746f78; font-size: 10px; }
.alfa-learning-report__point-event > b { color: #337c4a; font-size: 17px; }
.alfa-learning-report__challenges { display: grid; gap: 9px; }
.alfa-learning-report__challenge {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	padding: 13px 15px;
	border: 1px solid rgba(84,185,121,.26);
	border-radius: 13px;
	background: rgba(255,255,255,.62);
	color: #34323b;
	font: inherit;
	text-align: right;
	cursor: pointer;
	transition: transform .18s ease, border-color .18s ease;
}
.alfa-learning-report__challenge:hover { transform: translateX(-3px); border-color: rgba(117,82,199,.4); }
.alfa-learning-report__challenge > span { display: grid; gap: 3px; }
.alfa-learning-report__challenge > span:last-child { text-align: left; }
.alfa-learning-report__challenge strong,
.alfa-learning-report__challenge b { color: #4c3f68; }
.alfa-learning-report__challenge small { color: #77717e; font-size: 11px; }
.alfa-learning-report__details { display: grid; gap: 10px; padding: 18px; border: 2px solid rgba(117,82,199,.18); border-radius: 16px; background: #fffdf8; }
.alfa-learning-report__details > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.alfa-learning-report__details h4 { margin: 2px 0 0; color: #4c3f68; }
.alfa-learning-report__details > header button { padding: 6px 12px; border: 0; border-radius: 14px; background: #eee7fb; color: #6543b5; font: inherit; cursor: pointer; }
.alfa-learning-report__answer { padding: 14px; border: 1px solid rgba(84,185,121,.24); border-radius: 12px; background: #f2fbf4; }
.alfa-learning-report__answer > header { display: flex; justify-content: space-between; gap: 10px; }
.alfa-learning-report__answer > header span { color: #7552c7; font-size: 12px; font-weight: 800; }
.alfa-learning-report__answer p { margin: 8px 0 0; font-size: 12px; }
.alfa-learning-report__answer-scores { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin-top: 10px; }
.alfa-learning-report__answer-scores span { padding: 7px; border-radius: 8px; background: rgba(255,255,255,.75); color: #686875; font-size: 10px; text-align: center; }
.alfa-learning-report__answer-scores b { display: block; margin-top: 2px; color: #337c4a; font-size: 15px; }
.alfa-learning-report__answer.is-unscored { background: #f8f6f2; color: #858391; }
.alfa-learning-report__empty { margin: 0 !important; padding: 14px; border-radius: 11px; background: rgba(255,255,255,.52); text-align: center; }
@media (max-width: 640px) {
	.alfa-family-learning__chooser { display: grid; }
	.alfa-learning-report__header { display: grid; }
	.alfa-learning-report__summary { grid-template-columns: 1fr; }
	.alfa-learning-report__overall { width: 145px; margin: 0 auto; }
	.alfa-learning-report__answer-scores { grid-template-columns: repeat(2, 1fr); }
}

.alfa-user-dashboard__panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.alfa-user-dashboard__rewards ul,
.alfa-user-dashboard__activity ul { margin: 17px 0 0; padding: 0; list-style: none; }

.alfa-user-dashboard__rewards li {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 11px 0;
	border-top: 1px solid rgba(183, 202, 234, .1);
}

.alfa-user-dashboard__rewards li:first-child { border-top: 0; padding-top: 0; }
.alfa-user-dashboard__reward-art {
	display: grid;
	place-items: center;
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	overflow: hidden;
	border: 1px solid rgba(174, 197, 237, .14);
	border-radius: 13px;
	background: #30435d;
	font-size: 23px;
}

.alfa-user-dashboard__reward-art img { width: 100%; height: 100%; object-fit: cover; }
.alfa-user-dashboard__rewards strong,
.alfa-user-dashboard__rewards small,
.alfa-user-dashboard__activity strong,
.alfa-user-dashboard__activity small { display: block; }
.alfa-user-dashboard__rewards strong,
.alfa-user-dashboard__activity strong { color: #f0f5ff; font-size: 14px; }
.alfa-user-dashboard__rewards small,
.alfa-user-dashboard__activity small { margin-top: 3px; color: var(--alfa-dashboard-muted); font-size: 12px; }
.alfa-user-dashboard__activity li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 56px;
	padding: 8px 0;
}

.alfa-user-dashboard__timeline-dot {
	flex: 0 0 10px;
	width: 10px;
	height: 10px;
	border: 2px solid #1e2e44;
	border-radius: 50%;
	background: #7194ff;
	box-shadow: 0 0 0 2px rgba(123, 155, 255, .34);
}

.alfa-user-dashboard__score {
	margin-right: auto;
	padding: 5px 8px;
	border: 1px solid rgba(101, 236, 186, .22);
	border-radius: 8px;
	background: rgba(20, 143, 103, .2);
	color: #90f2cc;
	font-size: 12px;
	font-weight: 900;
}

.alfa-user-dashboard__empty-row { display: block !important; padding: 12px 0 !important; color: var(--alfa-dashboard-muted); font-size: 13px; line-height: 1.9; }

.alfa-user-dashboard__adventure-list {
	display: grid;
	gap: 10px;
	margin-top: 16px;
}

.alfa-user-dashboard__adventure-link {
	align-items: center;
	background: rgba(255,255,255,.035);
	border: 1px solid rgba(183, 202, 234, .12);
	border-radius: 13px;
	color: inherit;
	display: grid;
	gap: 11px;
	grid-template-columns: 50px minmax(0, 1fr) auto;
	padding: 9px;
	text-decoration: none;
	transition: background .2s ease, transform .2s ease;
}

.alfa-user-dashboard__adventure-link:hover {
	background: rgba(111, 148, 255, .12);
	transform: translateX(-2px);
}

.alfa-user-dashboard__adventure-art {
	display: grid;
	height: 50px;
	overflow: hidden;
	place-items: center;
	border-radius: 10px;
	background: #30435d;
	font-size: 25px;
	width: 50px;
}

.alfa-user-dashboard__adventure-art img { height: 100%; object-fit: cover; width: 100%; }
.alfa-user-dashboard__adventure-link strong,
.alfa-user-dashboard__adventure-status { display: block; }
.alfa-user-dashboard__adventure-link strong { color: #f0f5ff; font-size: 14px; }
.alfa-user-dashboard__adventure-status { color: #a7b7ce; font-size: 12px; margin-top: 4px; }
.alfa-user-dashboard__adventure-status--active { color: #85efbd; }
.alfa-user-dashboard__adventure-arrow { color: #a9c0ff; font-size: 21px; }

.alfa-user-dashboard--guest {
	padding: 38px;
	border-radius: 24px;
	border: 1px solid var(--alfa-dashboard-border);
	background:
		radial-gradient(circle at 80% 20%, rgba(118, 73, 238, .24), transparent 31%),
		linear-gradient(135deg, #263750, #1a293c);
	box-shadow: var(--alfa-dashboard-shadow);
	text-align: center;
}

.alfa-user-dashboard--guest h2 { margin: 0; color: #fff; }
.alfa-user-dashboard--guest p { margin: 11px auto 0; max-width: 500px; color: var(--alfa-dashboard-muted); line-height: 1.9; }

@media (max-width: 780px) {
	.alfa-user-dashboard__tab-shell { grid-template-columns: 1fr; }
	.alfa-user-dashboard__tabs { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
	.alfa-user-dashboard__tabs-brand { grid-column: 1 / -1; }
	.alfa-user-dashboard__tab--logout { margin-top: 0; border-top: 0; }
	.alfa-user-dashboard__hero { align-items: flex-start; padding: 24px; }
	.alfa-user-dashboard__stats { grid-template-columns: repeat(2, 1fr); }
	.alfa-user-dashboard__layout { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
	.alfa-user-dashboard { padding: 12px; border-radius: 20px; }
	.alfa-user-dashboard__hero { display: block; }
	.alfa-user-dashboard__profile-link { display: inline-block; margin-top: 19px; }
	.alfa-user-dashboard__identity { align-items: flex-start; }
	.alfa-user-dashboard__avatar { flex-basis: 68px; width: 68px; height: 68px; }
	.alfa-user-dashboard__stats { gap: 9px; }
	.alfa-user-dashboard__stat { min-height: 108px; padding: 15px; }
	.alfa-user-dashboard__next { grid-template-columns: 1fr; gap: 15px; }
	.alfa-user-dashboard__next-art { width: 88px; height: 88px; border-radius: 20px; }
	.alfa-user-dashboard__panel { padding: 20px; }
}

/* کمپ آلفا: پوسته‌ی روشن و هم‌خوان با صفحه‌ی ورود */
.alfa-user-dashboard {
	--alfa-dashboard-canvas: #fffaf2;
	--alfa-dashboard-panel: #effaf2;
	--alfa-dashboard-panel-soft: #e4f6e9;
	--alfa-dashboard-panel-hover: #d7f0df;
	--alfa-dashboard-ink: #34323b;
	--alfa-dashboard-muted: #686875;
	--alfa-dashboard-muted-soft: #858391;
	--alfa-dashboard-primary: #7552c7;
	--alfa-dashboard-primary-hover: #6543b5;
	--alfa-dashboard-accent: #7552c7;
	--alfa-dashboard-border: rgba(84,185,121,.27);
	--alfa-dashboard-shadow: 0 12px 28px rgba(84, 91, 70, .10);
	background: linear-gradient(135deg, #fffdf7 0%, #f7f0ff 100%);
	border-color: rgba(117,82,199,.16);
	color: var(--alfa-dashboard-ink);
}
.alfa-user-dashboard::before,
.alfa-user-dashboard::after { background: rgba(117,82,199,.06); }
.alfa-user-dashboard__hero {
	background: linear-gradient(135deg, #7654c8 0%, #6141ad 100%);
	border-color: rgba(117,82,199,.42);
	box-shadow: 0 14px 30px rgba(91, 60, 161, .20);
}
.alfa-user-dashboard__hero h2,
.alfa-user-dashboard__hero .alfa-user-dashboard__intro,
.alfa-user-dashboard__hero .alfa-user-dashboard__eyebrow { color: #fff; }
.alfa-user-dashboard__hero h2 { font-size: clamp(21px, 2.5vw, 29px); }
.alfa-user-dashboard__hero .alfa-user-dashboard__intro { color: rgba(255,255,255,.82); }
.alfa-user-dashboard__avatar {
	border-radius: 50% !important;
	object-fit: cover !important;
	overflow: hidden;
	border-color: #f7c948;
}
.alfa-user-dashboard__stat,
.alfa-user-dashboard__panel {
	background: linear-gradient(145deg, #f1fbf3, #e7f7eb);
	border-color: rgba(84,185,121,.28);
	box-shadow: var(--alfa-dashboard-shadow);
	color: var(--alfa-dashboard-ink);
}
.alfa-user-dashboard__stat strong,
.alfa-user-dashboard__panel h3,
.alfa-user-dashboard__rewards strong,
.alfa-user-dashboard__activity strong,
.alfa-user-dashboard__adventure-link strong { color: var(--alfa-dashboard-ink); }
.alfa-user-dashboard__stat small,
.alfa-user-dashboard__rewards small,
.alfa-user-dashboard__activity small,
.alfa-user-dashboard__adventure-status,
.alfa-user-dashboard__panel p { color: var(--alfa-dashboard-muted); }
.alfa-user-dashboard__stat strong { font-size: 23px; }
.alfa-user-dashboard__panel h3 { font-size: clamp(18px, 2vw, 23px); }
.alfa-story-profile-form { display: grid; gap: 14px; max-width: 680px; margin-top: 18px; }
.alfa-story-profile-form label { display: grid; gap: 6px; color: var(--alfa-dashboard-ink); font-weight: 700; font-size: 14px; }
.alfa-story-profile-form input[type="text"],
.alfa-story-profile-form textarea { width: 100%; box-sizing: border-box; border: 1px solid rgba(84,185,121,.35); border-radius: 12px; padding: 10px 12px; background: #fffef9; color: var(--alfa-dashboard-ink); font: inherit; }
.alfa-story-profile-form textarea { resize: vertical; line-height: 1.8; }
.alfa-story-profile-form__consent { display: flex !important; grid-template-columns: auto 1fr; align-items: center; gap: 8px !important; font-weight: 600 !important; }
.alfa-story-profile-form__consent input { accent-color: var(--alfa-dashboard-primary); }
.alfa-story-profile-form__status { min-height: 1.5em; margin: 0 !important; color: var(--alfa-dashboard-muted); }
.alfa-account-profile-form__meta { margin: -6px 0 0 !important; color: var(--alfa-dashboard-muted-soft) !important; font-size: 12px; }
.alfa-profile-section-divider { width: 100%; margin: 24px 0 20px; border: 0; border-top: 1px solid rgba(84,185,121,.25); }
.alfa-user-dashboard__fun-fact { background: linear-gradient(135deg, #fffdf0, #f1fbf3); border-color: rgba(242, 201, 76, .48); }
.alfa-user-dashboard__fun-fact h3 { margin: 4px 0 8px; color: var(--alfa-dashboard-primary); }
.alfa-user-dashboard__fun-fact p { line-height: 1.9; }
.alfa-user-dashboard__fun-fact small { color: var(--alfa-dashboard-muted-soft); }
.alfa-internal-message { margin-top: 12px; padding: 14px; border: 1px solid rgba(84,185,121,.24); border-radius: 14px; background: rgba(255,255,255,.65); }
.alfa-internal-message.is-unread { border-color: rgba(117,82,199,.4); background: #fffdf2; }
.alfa-internal-message > div { display: flex; justify-content: space-between; gap: 12px; }
.alfa-internal-message strong { color: var(--alfa-dashboard-ink); }
.alfa-internal-message small { color: var(--alfa-dashboard-muted-soft); }
.alfa-internal-message p { margin: 8px 0 !important; line-height: 1.8; }
.alfa-internal-message button { border: 0; border-radius: 9px; padding: 7px 12px; background: var(--alfa-dashboard-primary); color: #fff; cursor: pointer; font: inherit; }
.alfa-message-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.alfa-message-filters button { border: 1px solid rgba(117,82,199,.24); border-radius: 999px; padding: 8px 13px; background: rgba(255,255,255,.7); color: var(--alfa-dashboard-ink); cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; }
.alfa-message-filters button.is-active { background: var(--alfa-dashboard-primary); color: #fff; }
.alfa-message-filters b { margin-inline-start: 4px; font-size: 11px; }
.alfa-internal-message__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.alfa-internal-message__open { background: #eee7fb !important; color: #5f43a4 !important; }
.alfa-postcards { display: grid; gap: 18px; }
.alfa-postcards > header h2 { margin: 3px 0 7px; color: var(--alfa-dashboard-ink); }
.alfa-postcards__grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 16px; }
.alfa-postcard-preview { overflow: hidden; border: 1px solid color-mix(in srgb,var(--postcard-theme) 25%,#fff); border-radius: 18px; background: rgba(255,255,255,.72); box-shadow: 0 12px 30px rgba(44,35,84,.09); }
.alfa-postcard-preview > img, .alfa-postcard-preview__placeholder { display: block; width: 100%; aspect-ratio: 148/82; object-fit: cover; background: linear-gradient(135deg,var(--postcard-theme),#bba8ef); }
.alfa-postcard-preview__placeholder { display: grid; place-items: center; font-size: 58px; }
.alfa-postcard-preview > div:last-child { padding: 16px; }
.alfa-postcard-preview h3 { margin: 4px 0 8px; color: var(--postcard-theme); font-size: 20px; }
.alfa-postcard-preview form { display: grid; gap: 10px; margin-top: 12px; }
.alfa-postcard-preview form label:not(.alfa-postcard-consent) { display: grid; gap: 6px; font-weight: 700; }
.alfa-postcard-preview input[type="text"], .alfa-postcard-preview input[name="full_name"] { width: 100%; box-sizing: border-box; border: 1px solid rgba(84,185,121,.35); border-radius: 10px; padding: 9px 11px; background: #fff; font: inherit; }
.alfa-postcard-consent { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; line-height: 1.8; }
.alfa-postcard-locked { padding: 28px; border: 2px dashed rgba(117,82,199,.3); border-radius: 18px; background: rgba(255,255,255,.55); text-align: center; }
.alfa-postcard-locked > span { display: block; margin-bottom: 8px; font-size: 45px; filter: grayscale(.35); }
.alfa-message-badge { display: inline-grid; place-items: center; min-width: 21px; height: 21px; padding: 0 5px; border-radius: 999px; background: #f2c94c; color: #40351a; font-size: 11px; font-weight: 800; vertical-align: middle; }
.alfa-message-badge[hidden] { display: none !important; }
.alfa-teacher-message-form { display: grid; grid-column: 1 / -1; gap: 7px; margin-top: 8px; }
.alfa-teacher-message-form textarea { width: 100%; box-sizing: border-box; border: 1px solid #cdbcf0; border-radius: 10px; padding: 8px; font: inherit; }
.alfa-teacher-message-form small { color: var(--alfa-dashboard-muted); }
.alfa-user-dashboard__next {
	background: linear-gradient(135deg, #f1fbf3 0%, #e2f5e8 100%);
	border-color: rgba(117,82,199,.30);
	color: var(--alfa-dashboard-ink);
}
.alfa-user-dashboard__next h3,
.alfa-user-dashboard__next .alfa-user-dashboard__eyebrow,
.alfa-user-dashboard__next .alfa-user-dashboard__muted { color: var(--alfa-dashboard-ink); }
.alfa-user-dashboard__next h3 { font-size: clamp(19px, 2vw, 24px); }
.alfa-user-dashboard__next--empty { background: linear-gradient(135deg, #f1fbf3, #e2f5e8); color: var(--alfa-dashboard-ink); }
.alfa-user-dashboard__next--empty h3 { color: var(--alfa-dashboard-ink); }
.alfa-user-dashboard__rewards li,
.alfa-user-dashboard__adventure-link { border-color: rgba(84,185,121,.22); }
.alfa-user-dashboard__adventure-link { background: rgba(255,255,255,.52); }

/* منوی گروه‌بندی‌شده و کودک‌پسند داشبورد */
.alfa-user-dashboard__tabs {
	gap: 12px;
	padding: 16px;
	border: 0;
	border-radius: 18px;
	background: linear-gradient(160deg, #effaf2, #e4f6e9);
	box-shadow: 0 14px 30px rgba(84, 110, 92, .14);
}
.alfa-user-dashboard__tabs-brand {
	padding: 4px 8px 8px;
	color: #7552c7;
}
.alfa-user-dashboard__tabs-brand small { color: #686875; }
.alfa-user-dashboard__tab {
	min-height: 36px;
	padding: 8px 10px;
	border: 0;
	border-radius: 10px;
	background: rgba(255,255,255,.58);
	color: #34323b;
	font-size: 12px;
	font-weight: 700;
}
.alfa-user-dashboard__tab:hover {
	border: 0;
	background: #fff;
	color: #5f3fb0;
}
.alfa-user-dashboard__tab.is-active {
	border: 0;
	background: #7552c7;
	color: #fff;
	box-shadow: 0 6px 14px rgba(117,82,199,.22);
}
.alfa-user-dashboard__tab--overview {
	background: #7552c7;
	color: #fff;
	font-weight: 800;
}
.alfa-user-dashboard__nav-group {
	display: grid;
	gap: 4px;
}
.alfa-user-dashboard__nav-heading {
	margin: 0;
	padding: 8px 11px;
	border: 0;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.45;
}
.alfa-user-dashboard__nav-items {
	display: grid;
	gap: 2px;
	padding-inline-start: 7px;
}
.alfa-user-dashboard__nav-items .alfa-user-dashboard__tab {
	min-height: 32px;
	padding-block: 6px;
	background: rgba(255,255,255,.42);
	font-size: 11px;
	font-weight: 700;
}
.alfa-user-dashboard__nav-items .alfa-user-dashboard__tab:hover { background: #fff; }
.alfa-user-dashboard__nav-group--achievements .alfa-user-dashboard__nav-heading {
	background: #f2c94c;
	color: #3f3512;
}
.alfa-user-dashboard__nav-group--achievements .alfa-user-dashboard__nav-items .is-active {
	background: #d6a900;
	color: #2d250c;
}
.alfa-user-dashboard__nav-group--journey .alfa-user-dashboard__nav-heading {
	background: #54b979;
	color: #fff;
}
.alfa-user-dashboard__nav-group--journey .alfa-user-dashboard__nav-items .is-active {
	background: #31965b;
	color: #fff;
}
.alfa-user-dashboard__nav-group--messages .alfa-user-dashboard__nav-heading {
	background: #f28c28;
	color: #fff;
}
.alfa-user-dashboard__nav-group--messages .alfa-user-dashboard__nav-items .is-active {
	background: #d96e0b;
	color: #fff;
}
.alfa-user-dashboard__nav-group--account .alfa-user-dashboard__nav-heading {
	background: #4675f5;
	color: #fff;
}
.alfa-user-dashboard__nav-group--account .alfa-user-dashboard__nav-items .is-active {
	background: #315bd0;
	color: #fff;
}
.alfa-user-dashboard__tab--logout {
	margin-top: 2px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: #a74b58;
}
.alfa-user-dashboard__tab--logout:hover {
	border: 0;
	background: rgba(255,255,255,.72);
	color: #8b3545;
}

@media (max-width: 780px) {
	.alfa-user-dashboard__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.alfa-user-dashboard__tabs-brand,
	.alfa-user-dashboard__tab--overview,
	.alfa-user-dashboard__nav-group,
	.alfa-user-dashboard__tab--logout { grid-column: 1 / -1; }
	.alfa-user-dashboard__nav-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
	.alfa-user-dashboard__tabs { display: grid; grid-template-columns: 1fr; }
	.alfa-user-dashboard__nav-items { grid-template-columns: 1fr; }
}

/* Explicit paired colors prevent theme hover styles from hiding tab labels. */
.alfa-user-dashboard .alfa-user-dashboard__tabs .alfa-user-dashboard__tab:not(.is-active):hover,
.alfa-user-dashboard .alfa-user-dashboard__tabs .alfa-user-dashboard__tab:not(.is-active):focus-visible {
	background: #fff !important;
	color: #5f3fb0 !important;
}
.alfa-user-dashboard .alfa-user-dashboard__tabs .alfa-user-dashboard__tab:focus-visible {
	outline: 2px solid #5f3fb0;
	outline-offset: 2px;
}