/* ==========================================================================
   Workforce Origin Map — visual system
   Direction: an offshore instrument panel, not a SaaS dashboard.
   Arial throughout, a petrol-teal + brass-amber palette, moderate (not
   full-pill) corner rounding, and motion that reads as gauges settling
   rather than decoration.
   ========================================================================== */

.wfom-app {
	/* Light mode tokens */
	--wfom-ink: #0f2b30;
	--wfom-body: #33474a;
	--wfom-surface: #ffffff;
	--wfom-sunken: #eef4f4;
	--wfom-border: #d7e3e3;
	--wfom-teal: #0e6b72;
	--wfom-teal-ink: #ffffff;
	--wfom-amber: #b9840f;
	--wfom-amber-soft: #fbf1dc;
	--wfom-growth: #0e6b72;
	--wfom-decline: #b3402c;
	--wfom-decline-soft: #fbebe7;
	--wfom-radius: 9px;
	--wfom-radius-lg: 14px;
	--wfom-shadow: 0 1px 2px rgba(15,43,48,.06), 0 8px 24px rgba(15,43,48,.08);
	--wfom-font-display: Arial, Helvetica, sans-serif;
	--wfom-font-body: Arial, Helvetica, sans-serif;
	--wfom-font-mono: Arial, Helvetica, sans-serif;

	box-sizing: border-box;
	position: relative;
	isolation: isolate;
	background: var(--wfom-surface);
	color: var(--wfom-body);
	border: 1px solid var(--wfom-border);
	border-radius: var(--wfom-radius-lg);
	font-family: var(--wfom-font-body);
	line-height: 1.5;
	overflow: hidden;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
.wfom-app * {
	box-sizing: border-box;
}
.wfom-app.wfom-dark {
	--wfom-ink: #eaf3f3;
	--wfom-body: #b9cbcc;
	--wfom-surface: #0c2226;
	--wfom-sunken: #10292d;
	--wfom-border: #1f3d41;
	--wfom-teal: #33a2a8;
	--wfom-teal-ink: #06181a;
	--wfom-amber: #e6b94d;
	--wfom-amber-soft: rgba(230,185,77,.12);
	--wfom-growth: #33a2a8;
	--wfom-decline: #e0725a;
	--wfom-decline-soft: rgba(224,114,90,.14);
	--wfom-shadow: 0 1px 2px rgba(0,0,0,.3), 0 12px 28px rgba(0,0,0,.35);
}

@media (prefers-reduced-motion: reduce) {
	.wfom-app,
	.wfom-app * {
		animation-duration: 0.001ms !important;
		transition-duration: 0.001ms !important;
	}
}

.wfom-app :focus-visible {
	outline: 2px solid var(--wfom-teal);
	outline-offset: 2px;
}

/* Don't rely on the theme providing this — some don't. */
.wfom-app .screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
	border: 0;
	padding: 0;
	margin: -1px;
}

/* Belt-and-braces: guard Leaflet's tile sizing against a theme-wide
   `img { max-width: 100%; height: auto; }` reset, whatever loads it. */
.wfom-app .leaflet-container img,
.wfom-app .leaflet-tile,
.wfom-app .leaflet-marker-icon,
.wfom-app .leaflet-marker-shadow {
	max-width: none !important;
	max-height: none !important;
}

/* -- Slim top progress line, sweeps while data is (re)loading -------- */
.wfom-loadbar {
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 2px;
	background: var(--wfom-border);
	overflow: hidden;
	z-index: 500;
	opacity: 0;
	transition: opacity .2s ease;
}
.wfom-loadbar.is-active {
	opacity: 1;
}
.wfom-loadbar::after {
	content: '';
	position: absolute;
	top: 0; left: -30%;
	width: 30%; height: 100%;
	background: var(--wfom-amber);
	border-radius: 2px;
}
.wfom-loadbar.is-active::after {
	animation: wfom-sweep 1.1s ease-in-out infinite;
}
@keyframes wfom-sweep {
	0%   { left: -30%; }
	55%  { left: 100%; }
	100% { left: 100%; }
}

/* -- Toolbar ----------------------------------------------------------- */
.wfom-toolbar {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	background: var(--wfom-sunken);
	border-bottom: 1px solid var(--wfom-border);
}
.wfom-view-toggle {
	display: inline-flex;
	background: var(--wfom-surface);
	border: 1px solid var(--wfom-border);
	border-radius: var(--wfom-radius);
	padding: 3px;
	gap: 2px;
}
.wfom-view-toggle button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: transparent;
	border: none;
	border-radius: 6px;
	padding: 6px 12px;
	font: 600 12.5px/1 var(--wfom-font-display);
	letter-spacing: .01em;
	color: var(--wfom-body);
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}
.wfom-view-toggle button:hover {
	background: var(--wfom-sunken);
}
.wfom-view-toggle button.is-active {
	background: var(--wfom-teal);
	color: var(--wfom-teal-ink);
}
.wfom-view-toggle svg {
	width: 14px;
	height: 14px;
	flex: none;
}

.wfom-toolbar-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.wfom-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--wfom-surface);
	border: 1px solid var(--wfom-border);
	color: var(--wfom-body);
	border-radius: var(--wfom-radius);
	padding: 6px 11px;
	font: 600 12px/1 var(--wfom-font-display);
	letter-spacing: .01em;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, transform .15s ease, color .15s ease;
}
.wfom-btn svg {
	width: 14px;
	height: 14px;
	flex: none;
}
.wfom-btn:hover {
	border-color: var(--wfom-teal);
	color: var(--wfom-teal);
	transform: translateY(-1px);
}
.wfom-btn:active {
	transform: translateY(0);
}
.wfom-btn[aria-pressed="true"] {
	background: var(--wfom-teal);
	border-color: var(--wfom-teal);
	color: var(--wfom-teal-ink);
}

/* -- Compare bar: appears only in Compare-years view -------------------- */
.wfom-comparebar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	background: var(--wfom-amber-soft);
	border-bottom: 1px solid var(--wfom-border);
}
.wfom-comparebar-label {
	font: 700 11px/1 var(--wfom-font-display);
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--wfom-body);
}
.wfom-compare-select {
	padding: 7px 10px;
	border: 1px solid var(--wfom-border);
	border-radius: var(--wfom-radius);
	background: var(--wfom-surface);
	color: var(--wfom-ink);
	font: 600 13px/1 var(--wfom-font-mono);
	cursor: pointer;
}
.wfom-comparebar-arrow {
	display: inline-flex;
	color: var(--wfom-body);
}
.wfom-comparebar-arrow svg {
	width: 14px;
	height: 14px;
	transform: rotate(-90deg);
}
.wfom-comparebar-hint {
	font-size: 12px;
	color: var(--wfom-body);
	margin-left: 4px;
}
.wfom-compare-geo-toggle {
	display: inline-flex;
	background: var(--wfom-surface);
	border: 1px solid var(--wfom-border);
	border-radius: var(--wfom-radius);
	padding: 3px;
	gap: 2px;
}
.wfom-compare-geo-toggle button {
	background: transparent;
	border: none;
	border-radius: 6px;
	padding: 5px 10px;
	font: 600 12px/1 var(--wfom-font-display);
	color: var(--wfom-body);
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}
.wfom-compare-geo-toggle button:hover {
	background: var(--wfom-sunken);
}
.wfom-compare-geo-toggle button[aria-pressed="true"] {
	background: var(--wfom-teal);
	color: var(--wfom-teal-ink);
}
.wfom-dropdown-panel-note {
	margin: 2px 4px 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--wfom-border);
	font-size: 11.5px;
	color: var(--wfom-body);
	max-width: 220px;
}

/* -- Inline filter bar (replaces the old left sidebar) ----------------- */
.wfom-filterbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	background: var(--wfom-surface);
	border-bottom: 1px solid var(--wfom-border);
	position: relative;
	z-index: 300;
}
.wfom-search-wrap {
	position: relative;
	flex: 1 1 180px;
	min-width: 160px;
	max-width: 240px;
}
.wfom-search-wrap svg {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	color: var(--wfom-body);
	opacity: .6;
	pointer-events: none;
}
.wfom-search-wrap input {
	width: 100%;
	padding: 7px 10px 7px 30px;
	border: 1px solid var(--wfom-border);
	border-radius: var(--wfom-radius);
	background: var(--wfom-sunken);
	color: var(--wfom-ink);
	font: 13px/1.2 var(--wfom-font-body);
	transition: border-color .15s ease, background-color .15s ease;
}
.wfom-search-wrap input:focus {
	background: var(--wfom-surface);
	border-color: var(--wfom-teal);
	outline: none;
}

.wfom-filter-dropdowns {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.wfom-dropdown {
	position: relative;
}
.wfom-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--wfom-sunken);
	border: 1px solid var(--wfom-border);
	color: var(--wfom-ink);
	border-radius: var(--wfom-radius);
	padding: 7px 10px;
	font: 600 12.5px/1 var(--wfom-font-display);
	cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease;
}
.wfom-chip:hover {
	border-color: var(--wfom-teal);
}
.wfom-chip[aria-expanded="true"] {
	border-color: var(--wfom-teal);
	background: var(--wfom-surface);
}
.wfom-chip svg {
	width: 12px;
	height: 12px;
	opacity: .6;
	transition: transform .15s ease;
}
.wfom-chip[aria-expanded="true"] svg {
	transform: rotate(180deg);
}
.wfom-chip-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	background: var(--wfom-amber);
	color: #241a03;
	border-radius: 999px;
	font: 700 10.5px/1 var(--wfom-font-mono);
}

.wfom-dropdown-panel {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	min-width: 220px;
	max-width: 280px;
	background: var(--wfom-surface);
	border: 1px solid var(--wfom-border);
	border-radius: var(--wfom-radius);
	box-shadow: var(--wfom-shadow);
	padding: 8px;
	z-index: 350;
	transform-origin: top left;
	opacity: 0;
	transform: scale(.96) translateY(-4px);
	pointer-events: none;
	transition: opacity .12s ease-out, transform .12s ease-out;
}
.wfom-dropdown-panel.is-open {
	opacity: 1;
	transform: scale(1) translateY(0);
	pointer-events: auto;
}
.wfom-dropdown-panel .wfom-checkbox-list {
	max-height: 220px !important;
	overflow-y: auto !important;
	border: none;
	padding: 0;
	background: transparent;
}
.wfom-dropdown-panel-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 2px 6px 8px;
	margin-bottom: 6px;
	border-bottom: 1px solid var(--wfom-border);
}
.wfom-dropdown-panel-actions button {
	background: transparent;
	border: none;
	padding: 0;
	color: var(--wfom-teal);
	font: 600 11.5px/1 var(--wfom-font-display);
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.wfom-dropdown-panel-actions button:hover {
	color: var(--wfom-amber);
}

.wfom-reset-link {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: transparent;
	border: none;
	color: var(--wfom-teal);
	font: 600 12.5px/1 var(--wfom-font-display);
	cursor: pointer;
	padding: 7px 4px;
	opacity: 0;
	transform: translateX(4px);
	transition: opacity .15s ease, transform .15s ease;
}
.wfom-reset-link.is-visible {
	opacity: 1;
	transform: translateX(0);
}
.wfom-reset-link svg {
	width: 12px;
	height: 12px;
}

.wfom-checkbox {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 4px 6px;
	border-radius: 6px;
	font-size: 12.5px;
	cursor: pointer;
	transition: background-color .12s ease;
}
.wfom-checkbox:hover {
	background: var(--wfom-sunken);
}
.wfom-checkbox input {
	accent-color: var(--wfom-teal);
}

/* -- Body: map + stats (no more left sidebar) -------------------------- */
.wfom-body {
	display: grid !important;
	grid-template-columns: 1fr 280px;
	gap: 0;
}
.wfom-app[data-show-stats="0"] .wfom-body {
	grid-template-columns: 1fr;
}

.wfom-map-col {
	position: relative;
	isolation: isolate;
	z-index: 0;
	display: flex;
	flex-direction: column;
}
.wfom-map-canvas {
	width: 100% !important;
	flex: 1 1 auto;
	min-height: 300px;
	opacity: 0;
	transition: opacity .5s ease;
}
.wfom-map-canvas.is-ready {
	opacity: 1;
}
.leaflet-container {
	background: var(--wfom-surface);
	font-family: var(--wfom-font-body);
}
.wfom-app.wfom-dark .leaflet-control-attribution,
.wfom-app.wfom-dark .leaflet-bar a {
	background: var(--wfom-sunken);
	color: var(--wfom-body);
}
/* Let the choropleth ease between colours instead of snapping. */
.leaflet-interactive {
	transition: fill .3s ease, fill-opacity .3s ease, stroke .3s ease;
}

.wfom-legend {
	position: absolute;
	bottom: 16px;
	right: 16px;
	background: var(--wfom-surface);
	border: 1px solid var(--wfom-border);
	border-radius: var(--wfom-radius);
	padding: 10px 12px;
	font: 12px/1.4 var(--wfom-font-body);
	z-index: 400;
	box-shadow: var(--wfom-shadow);
}
.wfom-legend strong {
	font: 600 11px/1 var(--wfom-font-display);
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--wfom-ink);
}
.wfom-legend-row {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 5px;
	font-family: var(--wfom-font-mono);
	font-size: 11.5px;
}
.wfom-legend-swatch {
	width: 11px;
	height: 11px;
	border-radius: 3px;
	display: inline-block;
	border: 1px solid rgba(0,0,0,.12);
}

.wfom-tooltip {
	font: 12px/1.4 var(--wfom-font-body);
}
.wfom-tooltip strong {
	font-family: var(--wfom-font-display);
}

/* -- Area detail panel: a left-docked drawer, not a popup that covers
   the map. Lives inside .wfom-map-col, which is already the isolated
   stacking context that also contains Leaflet, so it sits above the map
   without needing to fight Leaflet's own internal z-indexes. ---------- */
.wfom-detail-panel {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: min(320px, 88%);
	background: var(--wfom-surface);
	border-right: 1px solid var(--wfom-border);
	box-shadow: var(--wfom-shadow);
	z-index: 450;
	overflow-y: auto;
	padding: 20px;
	transform: translateX(-100%);
	transition: transform .28s cubic-bezier(.16,1,.3,1);
}
.wfom-detail-panel.is-open {
	transform: translateX(0);
}
.wfom-detail-close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--wfom-sunken);
	border: 1px solid var(--wfom-border);
	border-radius: 999px;
	color: var(--wfom-body);
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.wfom-detail-close:hover {
	color: var(--wfom-teal);
	border-color: var(--wfom-teal);
}
.wfom-detail-close svg {
	width: 13px;
	height: 13px;
}
.wfom-detail-title {
	margin: 0 0 2px;
	padding-right: 30px;
	font: 700 18px/1.3 var(--wfom-font-display);
	color: var(--wfom-ink);
}
.wfom-detail-total {
	display: block;
	margin-bottom: 6px;
	font: 600 13px/1 var(--wfom-font-mono);
	color: var(--wfom-teal);
}
.wfom-detail-suppressed {
	margin-top: 10px;
	font-size: 12.5px;
	color: var(--wfom-body);
}
.wfom-detail-section {
	margin-top: 18px;
}
.wfom-detail-section h4 {
	margin: 0 0 10px;
	font: 700 10.5px/1 var(--wfom-font-display);
	text-transform: uppercase;
	letter-spacing: .07em;
	color: var(--wfom-body);
	display: flex;
	align-items: center;
	gap: 6px;
}
.wfom-detail-section h4::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--wfom-border);
}
.wfom-detail-bar-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 6px 0;
	font-size: 12.5px;
}
.wfom-detail-bar-label {
	flex: 0 0 108px;
	width: 108px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--wfom-ink);
}
.wfom-detail-bar-track {
	flex: 1 1 auto;
	min-width: 0;
	height: 8px;
	background: var(--wfom-sunken);
	border-radius: 4px;
	overflow: hidden;
}
.wfom-detail-bar-fill {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--wfom-teal), var(--wfom-amber));
	border-radius: 4px;
	width: 0;
	transition: width .5s cubic-bezier(.16,1,.3,1);
}
.wfom-detail-bar-count {
	flex: 0 0 32px;
	text-align: right;
	font-family: var(--wfom-font-mono);
	font-size: 11.5px;
	color: var(--wfom-ink);
}

@media (max-width: 560px) {
	.wfom-detail-panel {
		width: 100%;
	}
}

/* -- Right sidebar: instrument-panel stats ----------------------------- */
.wfom-stats {
	padding: 16px;
	background: var(--wfom-sunken);
	border-left: 1px solid var(--wfom-border);
	max-height: 900px;
	overflow-y: auto;
	font-size: 13px;
	position: sticky;
	top: 0;
}
.wfom-stats-header {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 12px;
}
.wfom-stats-header svg {
	width: 15px;
	height: 15px;
	color: var(--wfom-teal);
}
.wfom-stats-header h3 {
	margin: 0;
	font: 700 13px/1 var(--wfom-font-display);
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--wfom-ink);
}

.wfom-readout {
	background: var(--wfom-surface);
	border: 1px solid var(--wfom-border);
	border-radius: var(--wfom-radius);
	padding: 12px 14px;
	margin-bottom: 10px;
	box-shadow: var(--wfom-shadow);
}
.wfom-readout-value {
	font: 700 26px/1.1 var(--wfom-font-mono);
	color: var(--wfom-ink);
	font-variant-numeric: tabular-nums;
	position: relative;
	display: inline-block;
}
.wfom-readout-value::after {
	content: '';
	position: absolute;
	left: 0; bottom: -4px;
	height: 2px;
	width: 100%;
	background: var(--wfom-amber);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .6s cubic-bezier(.16,1,.3,1);
}
.wfom-readout.is-drawn .wfom-readout-value::after {
	transform: scaleX(1);
}
.wfom-readout-label {
	display: block;
	margin-top: 8px;
	font: 600 10.5px/1.3 var(--wfom-font-display);
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--wfom-body);
}

.wfom-stats-section {
	margin-top: 18px;
}
.wfom-stats-section h4 {
	margin: 0 0 8px;
	font: 700 10.5px/1 var(--wfom-font-display);
	text-transform: uppercase;
	letter-spacing: .07em;
	color: var(--wfom-body);
	display: flex;
	align-items: center;
	gap: 6px;
}
.wfom-stats-section h4::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--wfom-border);
}
.wfom-top-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.wfom-top-row {
	display: grid;
	grid-template-columns: 16px 1fr auto;
	align-items: center;
	gap: 8px;
	padding: 5px 0;
}
.wfom-top-rank {
	font: 600 10px/1 var(--wfom-font-mono);
	color: var(--wfom-body);
	opacity: .7;
}
.wfom-top-main {
	min-width: 0;
}
.wfom-top-label {
	font-size: 12px;
	color: var(--wfom-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.wfom-top-track {
	height: 5px;
	background: var(--wfom-border);
	border-radius: 3px;
	margin-top: 4px;
	overflow: hidden;
}
.wfom-top-fill {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--wfom-teal), var(--wfom-amber));
	border-radius: 3px;
	width: 0;
	transition: width .6s cubic-bezier(.16,1,.3,1);
}
.wfom-top-count {
	font: 600 11.5px/1 var(--wfom-font-mono);
	color: var(--wfom-ink);
	white-space: nowrap;
}
.wfom-top-fill.is-decline {
	background: linear-gradient(90deg, var(--wfom-decline), #e0a08f);
}

/* -- Change/delta indicators, reused in stats, detail panel, and table -- */
.wfom-delta {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font: 700 11.5px/1 var(--wfom-font-mono);
	padding: 2px 6px;
	border-radius: 999px;
	white-space: nowrap;
}
.wfom-delta svg {
	width: 10px;
	height: 10px;
}
.wfom-delta.is-up {
	background: var(--wfom-amber-soft);
	color: var(--wfom-growth);
}
.wfom-delta.is-down {
	background: var(--wfom-decline-soft);
	color: var(--wfom-decline);
}
.wfom-delta.is-flat {
	background: var(--wfom-sunken);
	color: var(--wfom-body);
}

.wfom-compare-readout {
	display: flex;
	align-items: baseline;
	gap: 8px;
	flex-wrap: wrap;
}
.wfom-compare-readout .wfom-readout-value {
	font-size: 20px;
}
.wfom-compare-arrow-inline {
	color: var(--wfom-body);
	opacity: .6;
	font-size: 14px;
}

.wfom-data-table td.wfom-cell-delta {
	font-family: var(--wfom-font-mono);
}

.wfom-empty-note {
	font-size: 12px;
	color: var(--wfom-body);
	background: var(--wfom-surface);
	border: 1px dashed var(--wfom-border);
	border-radius: var(--wfom-radius);
	padding: 12px;
	text-align: center;
}

/* -- Accessible data table --------------------------------------------- */
.wfom-data-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}
.wfom-data-table th,
.wfom-data-table td {
	border: 1px solid var(--wfom-border);
	padding: 6px 8px;
	text-align: left;
}
.wfom-data-table th {
	font-family: var(--wfom-font-display);
}
.wfom-data-table td:last-child {
	font-family: var(--wfom-font-mono);
}
.wfom-table-view {
	max-height: 640px;
	overflow: auto;
	padding: 10px;
}

.wfom-status {
	position: absolute;
	left: -9999px;
}
.wfom-status:not(:empty) {
	position: static;
	padding: 5px 16px;
	font-size: 11.5px;
	font-family: var(--wfom-font-mono);
	color: var(--wfom-body);
	border-top: 1px solid var(--wfom-border);
}

@media (max-width: 900px) {
	.wfom-body {
		grid-template-columns: 1fr !important;
	}
	.wfom-stats {
		border-left: none;
		border-top: 1px solid var(--wfom-border);
		max-height: none;
		position: static;
	}
	.wfom-filterbar {
		flex-direction: column;
		align-items: stretch;
	}
	.wfom-search-wrap {
		max-width: none;
	}
	.wfom-reset-link {
		margin-left: 0;
	}
}