/* public/assets/css/mcd-public.css */

.mcd-members-list .mcd-member-row {
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#fff;
	border-radius:12px;
	padding:18px;
	margin:12px 0;
	box-shadow:0 6px 18px rgba(30,40,50,0.06);
	border:1px solid rgba(30,40,50,0.04);
}
.mcd-member-left { flex:0 0 84px; margin-right:18px; }
.mcd-avatar { border-radius:50%; width:72px; height:72px; object-fit:cover; display:block; }
.mcd-member-main { flex:1 1 auto; }
.mcd-member-name { font-weight:700; font-size:18px; color:#111; margin-bottom:6px; }
.mcd-member-sub { color:#6b7280; font-size:14px; }
.mcd-member-action { flex:0 0 auto; margin-left:18px; }
.mcd-btn {
	display:inline-block;
	background:#fff;
	color:#0b66d1;
	border:1px solid rgba(11,102,209,0.15);
	padding:8px 14px;
	border-radius:8px;
	text-decoration:none;
	font-weight:600;
	box-shadow:0 2px 6px rgba(11,102,209,0.06);
}
.mcd-btn:hover { transform:translateY(-1px); }
.mcd-members-tiles { max-width:1200px; margin:0 auto; display:grid; gap:18px; }
.mcd-members-tiles.cols-1 { grid-template-columns:1fr; }
.mcd-members-tiles.cols-2 { grid-template-columns: repeat(2, 1fr); }
.mcd-members-tiles.cols-3 { grid-template-columns: repeat(3, 1fr); }
.mcd-members-tiles.cols-4 { grid-template-columns: repeat(4, 1fr); }
.mcd-members-tiles.cols-5 { grid-template-columns: repeat(5, 1fr); }
.mcd-members-tiles.cols-6 { grid-template-columns: repeat(6, 1fr); }
.mcd-tiles.card-style .mcd-tile-card {
	background:#fff;
	border-radius:12px;
	padding:14px;
	box-shadow:0 6px 18px rgba(30,40,50,0.06);
	border:1px solid rgba(30,40,50,0.04);
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.mcd-tile-inner { display:flex; align-items:center; gap:12px; }
.mcd-tile-media .mcd-avatar-large { width:96px; height:96px; border-radius:50%; object-fit:cover; }
.mcd-tile-body { flex:1; }
.mcd-tile-name { font-weight:700; font-size:16px; margin-bottom:6px; color:#111; }
.mcd-tile-sub { color:#6b7280; font-size:13px; }
.mcd-tiles.banner-style .mcd-tile-banner {
	position:relative;
	background-size:cover;
	background-position:center;
	height:220px;
	border-radius:12px;
	overflow:hidden;
}
.mcd-tile-banner .mcd-tile-link { display:block; height:100%; color:inherit; text-decoration:none; }
.mcd-tile-overlay {
	position:absolute;
	left:0; right:0; bottom:0;
	background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.55) 100%);
	padding:16px;
	display:flex;
	align-items:flex-end;
}
.mcd-tile-overlay-inner { width:100%; color:#fff; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.mcd-tile-overlay .mcd-tile-name { font-size:18px; font-weight:800; color:#fff; margin:0; }
.mcd-tile-overlay .mcd-tile-sub { color:rgba(255,255,255,0.9); font-size:13px; }
.mcd-tile-overlay .mcd-btn {
	background:rgba(255,255,255,0.95);
	color:#0b66d1;
	padding:10px 16px;
	border-radius:8px;
	font-weight:700;
}
@media (max-width: 900px) {
	.mcd-members-tiles.cols-4, .mcd-members-tiles.cols-5, .mcd-members-tiles.cols-6 { grid-template-columns: repeat(3, 1fr); }
	.mcd-members-tiles.cols-3 { grid-template-columns: repeat(2, 1fr); }
	.mcd-members-list .mcd-member-row { flex-direction:row; }
}
@media (max-width: 600px) {
	.mcd-members-list .mcd-member-row { flex-direction:column; align-items:flex-start; }
	.mcd-member-action { margin-left:0; margin-top:12px; width:100%; }
	.mcd-members-tiles.cols-2, .mcd-members-tiles.cols-3 { grid-template-columns: 1fr; }
	.mcd-tile-banner { height:180px; }
}