/* Member dashboard refinements */

.member-menu a.btn-outline {
	justify-content: center;
}

.profile-stats span {
	font-size: 10px;
	line-height: 1.25;
}

.history-book img,
.history-book img.is-placeholder {
	width: 43px;
	height: 56px;
	object-fit: cover;
	border-radius: 5px;
}

/* Right column: always single-column stack of cards */
.member-layout .member-side {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-column: auto !important;
	align-content: start;
	gap: 15px;
}

.member-side .member-side-card {
	height: auto;
	min-height: 0;
	align-self: start;
}

.member-side .member-side-card.pad {
	padding: 14px 16px;
}

.member-side .row-title {
	margin-bottom: 10px;
}

.member-side .row-title h3 {
	font-family: "Fraunces", serif;
	font-size: 17px;
	font-weight: 700;
}

/* Hoạt động gần đây */
.member-side .activity {
	display: grid;
	gap: 14px;
}

.member-side .activity-row {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.member-side .activity-icon {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 9px;
	background: var(--g800);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	line-height: 1;
}

.member-side .activity-copy {
	flex: 1 1 auto;
	min-width: 0;
}

.member-side .activity-copy strong {
	display: block;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.4;
	color: var(--ink);
}

.member-side .activity-copy p {
	display: block;
	margin: 0;
}

.member-side .activity-time {
	margin-top: 4px;
	font-size: 11px;
	line-height: 1.35;
	color: var(--muted);
}

.member-side .member-rec-list {
	display: grid;
	gap: 10px;
}

.member-side .rec-row {
	display: grid;
	grid-template-columns: 43px minmax(0, 1fr) auto;
	gap: 9px;
	align-items: center;
}

.member-side .rec-row .mini-cover {
	display: block;
	width: 43px;
	height: 56px;
	border-radius: 5px;
	overflow: hidden;
	background: var(--mk-cover-placeholder-bg, #e0ffe7);
}

.member-side .rec-row .mini-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.member-side .rec-row .mini-cover img.is-placeholder {
	object-fit: contain;
}

.member-side .rec-row strong {
	display: block;
	font-size: 12px;
	line-height: 1.35;
}

.member-side .rec-row .author {
	font-size: 11px;
	color: var(--muted);
	margin-top: 2px;
}

.member-side .rec-row .btn-sm {
	white-space: nowrap;
	padding: 6px 10px;
	font-size: 11px;
}

.member-side .reading-stats {
	gap: 8px;
}

.member-side .reading-stat {
	padding: 10px 8px;
}

.member-side .reading-stat strong {
	font-size: 17px;
}

.member-side .reading-stat span {
	font-size: 10px;
	line-height: 1.25;
}

@media (max-width: 1260px) {
	.member-layout .member-side {
		grid-column: auto !important;
		grid-template-columns: 1fr !important;
	}
}