/**
 * [recruitment_stats] front-end page. Layout/filter-bar/button styling
 * reuses the shared .rm-ff-wrap design system (frontend-folders.css);
 * this file only adds what's specific to the report itself. The
 * report's own visuals (.rm-tpl-* classes) come from RM_PDF_Template's
 * saved CSS, echoed inline -- self-contained on purpose, since it also
 * has to work standalone in a PDF and in an email.
 */

.rm-stats-wrap {
	width: 90%;
	max-width: none;
	margin: 0 auto;
}

.rm-stats-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1.5rem;
	background: var(--rm-card);
	border: 1px solid var(--rm-line);
	border-radius: 12px;
	padding: 1.1rem 1.5rem;
	font-size: 0.85rem;
	margin-bottom: 1.75rem;
}

.rm-stats-pdf-status {
	color: var(--rm-slate);
	font-size: 0.85rem;
	margin: -1rem 0 1rem;
}

.rm-stats-report {
	background: var(--rm-card);
	border: 1px solid var(--rm-line);
	border-radius: 12px;
	padding: 1.75rem;
}

@media (max-width: 640px) {
	.rm-stats-filters {
		flex-direction: column;
		align-items: stretch;
	}
}

@media print {
	/* The report is self-contained; everything else on the page
	   (filter bar, PDF status line, and whatever the active theme
	   wraps the shortcode in) shouldn't show up on paper / in the
	   saved PDF. */
	.rm-no-print {
		display: none !important;
	}

	.rm-stats-report {
		border: none;
		padding: 0;
	}

	.rm-stats-wrap {
		width: 100%;
	}

	/* Respect the same page-break rule the report template itself may
	   use (.rm-analytics-page-break, if present in the saved
	   template), matching the wp-admin Analytics screen's print/PDF
	   behavior. */
	.rm-analytics-page-break {
		break-before: page;
		page-break-before: always;
	}
}