.asha{
	--asha-navy:#01193A;
	--asha-gold:#C9A227;
	--asha-text:#2C2C2C;
	--asha-muted:#6B7280;
	--asha-line:#E6E9EE;
	color:var(--asha-text);
	font-family:inherit;
}

.asha *{box-sizing:border-box}

/* سرتیتر */
.asha-head{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:16px;
	margin-bottom:20px;
	padding-bottom:14px;
	border-bottom:1px solid var(--asha-line);
}
.asha-head.is-noline{
	border-bottom:0;
	padding-bottom:0;
}
.asha-head h2{
	margin:0;
	font-size:24px;
	font-weight:700;
	color:var(--asha-navy);
	letter-spacing:-.2px;
}
.asha-all{
	font-size:13.5px;
	font-weight:500;
	color:var(--asha-gold);
	text-decoration:none;
	white-space:nowrap;
}
.asha-all:hover{text-decoration:underline}

/* شبکه */
.asha-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}

/* کارت */
.asha-card{
	display:flex;
	flex-direction:column;
	padding:18px;
	border-radius:14px;
	background:var(--asha-navy);
	border:1px solid rgba(255,255,255,.07);
	transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.asha-card:hover{
	background:#0A2450;
	border-color:rgba(201,162,39,.55);
	box-shadow:0 10px 26px rgba(1,25,58,.22);
	transform:translateY(-3px);
}

.asha-top{
	display:flex;
	align-items:center;
	gap:12px;
}

.asha-ava{
	position:relative;
	width:56px;
	height:56px;
	border-radius:50%;
	overflow:hidden;
	flex:none;
	background:rgba(201,162,39,.16);
	border:1px solid rgba(201,162,39,.35);
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--asha-gold);
	font-size:20px;
	font-weight:700;
}
.asha-ava img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.asha-id{min-width:0}

.asha-name{
	display:block;
	font-size:15.5px;
	font-weight:700;
	line-height:1.5;
	color:#fff;
}
.asha-role{
	display:block;
	margin-top:2px;
	font-size:12.5px;
	color:var(--asha-gold);
}

/* محله‌ها */
.asha-areas{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-top:14px;
}
.asha-chip{
	font-size:11.5px;
	line-height:1;
	padding:6px 9px;
	border-radius:7px;
	background:rgba(255,255,255,.08);
	color:#C6D4E6;
	white-space:nowrap;
}

/* آمار */
.asha-stats{
	display:flex;
	gap:16px;
	margin-top:14px;
	padding-top:12px;
	border-top:1px solid rgba(255,255,255,.12);
}
.asha-stat{display:flex;flex-direction:column;gap:2px}
.asha-num{
	font-size:15px;
	font-weight:700;
	color:#fff;
}
.asha-lbl{
	font-size:11px;
	color:#8FA5C4;
}

/* دکمه‌ها */
.asha-acts{
	display:flex;
	gap:8px;
	margin-top:14px;
}
.asha-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	flex:1;
	height:38px;
	border-radius:9px;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	border:1px solid transparent;
	transition:filter .18s ease, background-color .18s ease;
}
.asha-btn svg{
	width:16px;
	height:16px;
	fill:none;
	stroke-width:1.8;
}
.asha-btn--call{
	background:var(--asha-gold);
	color:#3A2F06;
}
.asha-btn--call svg{stroke:#3A2F06}
.asha-btn--call:hover{filter:brightness(1.07)}

.asha-btn--list{
	background:transparent;
	border-color:rgba(255,255,255,.22);
	color:#E7EDF6;
}
.asha-btn--list svg{stroke:#E7EDF6}
.asha-btn--list:hover{background:rgba(255,255,255,.09)}

/* تبلت */
@media (max-width:1024px){
	.asha-card{padding:16px}
}

/* موبایل */
@media (max-width:767px){
	.asha-head{
		margin-bottom:14px;
		padding-bottom:10px;
	}
	.asha-head h2{font-size:18px}
	.asha-all{font-size:12px}

	.asha-card{
		padding:12px;
		border-radius:12px;
	}
	.asha-card:hover{transform:none;box-shadow:none}

	.asha-top{gap:10px}
	.asha-ava{width:46px;height:46px;font-size:17px}
	.asha-name{font-size:14px}
	.asha-role{font-size:11.5px}

	.asha-areas{margin-top:10px;gap:5px}
	.asha-chip{font-size:11px;padding:5px 8px}

	.asha-stats{
		margin-top:10px;
		padding-top:10px;
		gap:14px;
	}
	.asha-num{font-size:14px}

	.asha-acts{margin-top:10px;gap:6px}
	.asha-btn{height:36px;font-size:12.5px}
}

@media (prefers-reduced-motion:reduce){
	.asha-card{transition:none}
	.asha-card:hover{transform:none}
}