/* Harvest status widget - shared between the live admin UI
   (processingManager.html, rendered via iloatManager.js's
   renderHarvestStatus()) and harvestStatusPreview.html (a static page
   showing all states side by side, for trying different looks without
   running a real harvest). Every visual choice is a CSS variable here -
   change a value in :root and both places update together. */

:root {
	--harvest-radius: 8px;
	--harvest-padding: 12px 16px;
	--harvest-gap: 10px;
	--harvest-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--harvest-badge-font-size: 0.75rem;
	--harvest-badge-padding: 3px 10px;
	--harvest-badge-radius: 999px;

	--harvest-idle-bg: #eef1f5;
	--harvest-idle-fg: #4a5568;
	--harvest-idle-border: #d7dde5;

	--harvest-running-bg: #fff8e1;
	--harvest-running-fg: #8a6d00;
	--harvest-running-border: #f0dd8a;

	--harvest-complete-bg: #e6f6ea;
	--harvest-complete-fg: #1e7a34;
	--harvest-complete-border: #a9dfb8;

	--harvest-failed-bg: #fdecea;
	--harvest-failed-fg: #a12a20;
	--harvest-failed-border: #f1b6ae;
}

.harvest-status {
	display: flex;
	align-items: flex-start;
	gap: var(--harvest-gap);
	font-family: var(--harvest-font);
	border-radius: var(--harvest-radius);
	padding: var(--harvest-padding);
	border: 1px solid;
	max-width: 480px;
}

.harvest-status__badge {
	font-size: var(--harvest-badge-font-size);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: var(--harvest-badge-padding);
	border-radius: var(--harvest-badge-radius);
	white-space: nowrap;
}

.harvest-status__body { flex: 1; }
.harvest-status__activity { font-weight: 600; margin-bottom: 4px; }
.harvest-status__stats { display: flex; gap: 14px; flex-wrap: wrap; font-size: 0.9rem; margin-bottom: 4px; }
.harvest-status__meta { font-size: 0.8rem; opacity: 0.75; }
.harvest-status__error { margin-top: 6px; font-size: 0.85rem; font-family: ui-monospace, monospace; }

.harvest-status--idle {
	background: var(--harvest-idle-bg); border-color: var(--harvest-idle-border); color: var(--harvest-idle-fg);
}
.harvest-status--idle .harvest-status__badge { background: var(--harvest-idle-fg); color: white; }

.harvest-status--running {
	background: var(--harvest-running-bg); border-color: var(--harvest-running-border); color: var(--harvest-running-fg);
}
.harvest-status--running .harvest-status__badge { background: var(--harvest-running-fg); color: white; }

.harvest-status--complete {
	background: var(--harvest-complete-bg); border-color: var(--harvest-complete-border); color: var(--harvest-complete-fg);
}
.harvest-status--complete .harvest-status__badge { background: var(--harvest-complete-fg); color: white; }

.harvest-status--failed {
	background: var(--harvest-failed-bg); border-color: var(--harvest-failed-border); color: var(--harvest-failed-fg);
}
.harvest-status--failed .harvest-status__badge { background: var(--harvest-failed-fg); color: white; }