/**
 * Bestage Bazar — Dashboard Stylesheet
 *
 * @package BBZ\Assets
 */

.bbz-dashboard-shell {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 24px;
	max-width: 1200px;
	margin: 0 auto;
}

.bbz-dashboard-sidebar {
	background: var(--bbz-bg-card, #FFFFFF);
	border: 1px solid var(--bbz-border, #E5E7EB);
	border-radius: var(--bbz-radius-lg, 16px);
	padding: 20px;
	height: fit-content;
	position: sticky;
	top: 20px;
}

.bbz-dashboard-user {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--bbz-border, #E5E7EB);
}
.bbz-dashboard-user img { border-radius: 50%; }
.bbz-dashboard-username { font-weight: 700; }

.bbz-dashboard-nav { display: flex; flex-direction: column; gap: 4px; }
.bbz-dashboard-nav-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: var(--bbz-radius-sm, 6px);
	color: var(--bbz-text, #fff);
	text-decoration: none;
	font-size: 14px;
	transition: var(--bbz-transition, all 0.25s ease);
	position: relative;
}
.bbz-dashboard-nav-item:hover { background: rgba(255, 255, 255, 0.05); }
.bbz-dashboard-nav-item.is-active {
	background: var(--bbz-primary, #8B0000);
	color: #fff;
}
.bbz-nav-icon { font-size: 16px; width: 20px; text-align: center; }
.bbz-nav-badge {
	margin-left: auto;
	background: var(--bbz-accent, #8B0000);
	color: #111;
	font-size: 11px;
	font-weight: 700;
	padding: 1px 7px;
	border-radius: 999px;
}
.bbz-nav-logout { margin-top: 12px; border-top: 1px solid var(--bbz-border, #E5E7EB); padding-top: 14px; }

.bbz-dashboard-content { min-width: 0; }

.bbz-overview-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 16px;
	margin: 20px 0;
}
.bbz-overview-card {
	background: var(--bbz-bg-card, #FFFFFF);
	border: 1px solid var(--bbz-border, #E5E7EB);
	border-radius: var(--bbz-radius-lg, 16px);
	padding: 20px;
	text-align: center;
}
.bbz-overview-number { display: block; font-size: 28px; font-weight: 700; color: var(--bbz-accent, #8B0000); }
.bbz-overview-label { font-size: 12px; color: var(--bbz-text-muted, #b3b3b3); }
.bbz-overview-actions { display: flex; gap: 12px; margin-top: 20px; }

.bbz-dashboard-header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }

.bbz-my-ads-table { width: 100%; border-collapse: collapse; }
.bbz-my-ads-table th,
.bbz-my-ads-table td {
	padding: 12px;
	border-bottom: 1px solid var(--bbz-border, #E5E7EB);
	text-align: left;
	font-size: 14px;
}
.bbz-my-ads-title-cell { display: flex; align-items: center; gap: 10px; }
.bbz-my-ads-thumb { width: 48px; height: 48px; object-fit: cover; border-radius: var(--bbz-radius-sm, 6px); }
.bbz-my-ads-actions { display: flex; gap: 8px; }

.bbz-status-badge { padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.bbz-status-publish { background: rgba(46, 204, 113, 0.15); color: #2ecc71; }
.bbz-status-pending { background: rgba(255, 204, 0, 0.15); color: #FFCC00; }
.bbz-status-draft { background: rgba(139, 0, 0, 0.15); color: #ff6b6b; }
.bbz-status-sold { background: rgba(255, 255, 255, 0.1); color: #b3b3b3; }

/* ---------------------------------------------------------
 * Store page additions
 * ------------------------------------------------------- */
.bbz-store-cover { width: 100%; max-height: 280px; overflow: hidden; border-radius: var(--bbz-radius-lg, 16px); margin-bottom: -60px; }
.bbz-store-cover img { width: 100%; height: 100%; object-fit: cover; }
.bbz-store-logo { border-radius: 50%; border: 4px solid var(--bbz-bg, #111); position: relative; z-index: 1; }
.bbz-store-category { color: var(--bbz-accent, #8B0000); font-size: 13px; font-weight: 600; margin: 4px 0; }
.bbz-store-social-links { display: flex; gap: 10px; margin-top: 10px; }
.bbz-store-social-links a { font-size: 13px; color: var(--bbz-accent, #8B0000); }
.bbz-store-gallery-strip { display: flex; gap: 10px; overflow-x: auto; margin: 20px 0; }
.bbz-store-gallery-strip img { width: 140px; height: 100px; object-fit: cover; border-radius: var(--bbz-radius-sm, 6px); flex: 0 0 auto; }
.bbz-store-intro { color: var(--bbz-text-muted, #b3b3b3); font-size: 13px; margin-bottom: 16px; }
.bbz-store-status-row { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; font-size: 13px; color: var(--bbz-text-muted, #b3b3b3); }

.bbz-messages-layout { display: grid; grid-template-columns: 280px 1fr; gap: 16px; height: 60vh; }
.bbz-thread-list { overflow-y: auto; border-right: 1px solid var(--bbz-border, #E5E7EB); }
.bbz-thread-item {
	display: flex;
	flex-direction: column;
	gap: 2px;
	width: 100%;
	text-align: left;
	background: none;
	border: none;
	border-bottom: 1px solid var(--bbz-border, #E5E7EB);
	color: var(--bbz-text, #fff);
	padding: 12px;
	cursor: pointer;
}
.bbz-thread-item:hover { background: rgba(255, 255, 255, 0.04); }
.bbz-thread-listing { font-weight: 600; font-size: 13px; }
.bbz-thread-other-user { font-size: 12px; color: var(--bbz-text-muted, #b3b3b3); }
.bbz-thread-time { font-size: 11px; color: var(--bbz-text-muted, #b3b3b3); }
.bbz-thread-view { padding: 12px; overflow-y: auto; }

.bbz-notification-list { list-style: none; margin: 0; padding: 0; }
.bbz-notification-item {
	display: flex;
	gap: 12px;
	padding: 14px;
	border-bottom: 1px solid var(--bbz-border, #E5E7EB);
}
.bbz-notification-item.is-unread { background: rgba(255, 204, 0, 0.04); }
.bbz-notification-icon { font-size: 20px; }
.bbz-notification-time { font-size: 11px; color: var(--bbz-text-muted, #b3b3b3); }

.bbz-profile-avatar-section { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-bottom: 20px; }
.bbz-profile-divider { border: none; border-top: 1px solid var(--bbz-border, #E5E7EB); margin: 30px 0; }

.bbz-danger-zone {
	border: 1px solid var(--bbz-primary, #8B0000);
	border-radius: var(--bbz-radius-lg, 16px);
	padding: 20px;
}

.bbz-modal {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}
.bbz-modal-content {
	background: var(--bbz-bg-card, #FFFFFF);
	border: 1px solid var(--bbz-border, #E5E7EB);
	border-radius: var(--bbz-radius-lg, 16px);
	padding: 24px;
	max-width: 400px;
	width: 90%;
}
.bbz-modal-content input {
	width: 100%;
	margin: 12px 0;
	padding: 10px;
	background: var(--bbz-bg, #111);
	border: 1px solid var(--bbz-border, #E5E7EB);
	color: #fff;
	border-radius: var(--bbz-radius-sm, 6px);
}
.bbz-modal-actions { display: flex; gap: 10px; }
.bbz-report-reasons { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; max-height: 220px; overflow-y: auto; }
.bbz-report-reason-option { display: flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; }

.bbz-saved-search-list { list-style: none; margin: 0; padding: 0; }
.bbz-saved-search-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px;
	border-bottom: 1px solid var(--bbz-border, #E5E7EB);
}
.bbz-saved-search-name { color: var(--bbz-accent, #8B0000); font-weight: 600; text-decoration: none; }
.bbz-saved-search-alerts { display: block; font-size: 12px; color: var(--bbz-text-muted, #b3b3b3); }

@media (max-width: 900px) {
	.bbz-dashboard-shell { grid-template-columns: 1fr; }
	.bbz-dashboard-sidebar { position: static; }
	.bbz-messages-layout { grid-template-columns: 1fr; height: auto; }
}