/* Microfinance Management — সদস্য ড্যাশবোর্ড (ফ্রন্টএন্ড) */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap');

.mfm-member-dashboard {
	font-family: 'Noto Sans Bengali', 'SolaimanLipi', Arial, sans-serif;
	max-width: 960px;
	margin: 0 auto;
	color: #1d2327;
}
.mfm-member-header {
	display: flex; gap: 18px; align-items: center;
	background: linear-gradient(135deg, #2271b1, #135e96);
	color: #fff; padding: 24px; border-radius: 14px; margin-bottom: 22px;
}
.mfm-member-photo {
	width: 84px; height: 84px; border-radius: 50%;
	background: rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center;
	overflow: hidden; flex-shrink: 0;
}
.mfm-member-photo img { width: 100%; height: 100%; object-fit: cover; }
.mfm-member-photo .dashicons { font-size: 44px; width: 44px; height: 44px; color: #fff; }
.mfm-member-info h2 { margin: 0 0 6px; color: #fff; }
.mfm-member-info p { margin: 2px 0; font-size: 14px; opacity: .95; }

.mfm-member-cards {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 14px; margin-bottom: 20px;
}
.mfm-mc {
	background: #fff; border: 1px solid #e2e4e7; border-radius: 12px;
	padding: 16px; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.mfm-mc span { display: block; font-size: 13px; color: #646970; margin-bottom: 6px; }
.mfm-mc strong { font-size: 20px; color: #135e96; }

.mfm-member-dashboard h3 { margin: 22px 0 12px; font-size: 18px; }

.mfm-public-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 10px; overflow: hidden; }
.mfm-public-table th, .mfm-public-table td {
	padding: 11px 14px; text-align: right; border-bottom: 1px solid #f0f0f1; font-size: 14px;
}
.mfm-public-table th { background: #f6f7f7; font-weight: 600; }
.mfm-empty { text-align: center; color: #888; padding: 20px; }

.mfm-public-login, .mfm-public-notice {
	max-width: 560px; margin: 40px auto; padding: 24px;
	background: #f0f6fc; border: 1px solid #c5d9ed; border-radius: 12px;
	text-align: center; font-family: 'Noto Sans Bengali', Arial, sans-serif;
}

@media (max-width: 600px) {
	.mfm-member-header { flex-direction: column; text-align: center; }
	.mfm-public-table { display: block; overflow-x: auto; }
}