/*
 * Dashboard home page overrides (2026-08-17), for the new
 * workscout-core/account/dashboard.php override. Reuses the theme's
 * existing .dashboard-box/.fun-fact components wherever possible - these
 * rules only cover the genuinely new pieces (Recent Applications status
 * badges, the profile-strength card) that had no existing styling to
 * inherit.
 */

.job-meta {
	display: block;
	color: #909090;
	font-size: 13px;
	margin-top: 4px;
}

.no-results {
	color: #909090;
	padding: 10px 0;
}

.recent-application-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

/*
 * Status badge colors, copied from workscout/wp-job-manager-applications/
 * job-applications.php's own inline <style> block (~line 412) so a
 * candidate/employer's Recent Applications list on the Dashboard matches
 * the same status colors already used on the employer's full Applications
 * list - that block is scoped to its own template only, not global CSS.
 */
.status-badge {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	white-space: nowrap;
}

.status-badge.status-new,
.status-badge.status-pending {
	background: linear-gradient(135deg, #3498db, #2980b9);
}

.status-badge.status-reviewed {
	background: linear-gradient(135deg, #9b59b6, #8e44ad);
}

.status-badge.status-interviewed {
	background: linear-gradient(135deg, #f39c12, #e67e22);
}

.status-badge.status-hired,
.status-badge.status-offer {
	background: linear-gradient(135deg, #27ae60, #229954);
}

.status-badge.status-rejected {
	background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.status-badge.status-archived {
	background: linear-gradient(135deg, #95a5a6, #7f8c8d);
}

/* Profile-completion upsell card */
.profile-strength-card .profile-strength-bar {
	height: 8px;
	border-radius: 4px;
	background: #f0f0f0;
	overflow: hidden;
	margin: 14px 0 6px;
}

.profile-strength-card .profile-strength-bar-fill {
	height: 100%;
	background: var(--child-theme-secondary-color);
	border-radius: 4px;
	transition: width 0.3s ease;
}

.profile-strength-card .profile-strength-pct {
	display: block;
	font-size: 13px;
	color: #707070;
	margin-bottom: 16px;
}

.profile-strength-card .button.primary {
	display: inline-block;
	background: var(--child-theme-secondary-color);
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
}

.profile-strength-card .button.primary:hover {
	opacity: 0.9;
}