/* =========================================================
   Real Estate Sales Toolkit - Dashboard Specific Styles
   ========================================================= */

.rest-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.rest-stat-card {
	background: var(--rest-surface);
	border: 1px solid var(--rest-border);
	border-radius: var(--rest-radius);
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 14px;
	box-shadow: var(--rest-shadow);
	transition: var(--rest-transition);
	opacity: 0;
	transform: translateY(12px);
	animation: rest-card-in 0.4s ease forwards;
}

.rest-stat-card:nth-child(1) { animation-delay: 0.02s; }
.rest-stat-card:nth-child(2) { animation-delay: 0.08s; }
.rest-stat-card:nth-child(3) { animation-delay: 0.14s; }
.rest-stat-card:nth-child(4) { animation-delay: 0.2s; }

@keyframes rest-card-in {
	to { opacity: 1; transform: translateY(0); }
}

.rest-stat-card:hover { transform: translateY(-4px); box-shadow: var(--rest-shadow-hover); }

.rest-stat-icon {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.rest-stat-icon .dashicons { font-size: 24px; width: 24px; height: 24px; }

.rest-icon-blue { background: #e0ecff; color: var(--rest-primary); }
.rest-icon-green { background: #dcfce7; color: var(--rest-green); }
.rest-icon-orange { background: #fef3c7; color: var(--rest-orange); }
.rest-icon-purple { background: #ede9fe; color: var(--rest-purple); }

.rest-stat-info { display: flex; flex-direction: column; }

.rest-stat-value {
	font-size: 26px;
	font-weight: 800;
	color: var(--rest-text);
	line-height: 1.1;
}

.rest-stat-label {
	font-size: 12.5px;
	color: var(--rest-text-muted);
	font-weight: 500;
	margin-top: 2px;
}

/* ---------- Quick actions ---------- */
.rest-quick-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.rest-quick-btns .rest-btn { flex: 1 1 180px; justify-content: center; }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
	.rest-stats-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
	.rest-stats-grid { grid-template-columns: 1fr; }
	.rest-quick-btns .rest-btn { flex: 1 1 100%; }
}