/* ==========================================================================
   ZCP Shared Components
   Used by both admin and frontend contexts.
   ========================================================================== */

/* ── Debug (only visible when WP_DEBUG is true) ─────────────────────────── */

.zcp-debug {
	background: #1e1e1e;
	color: #d4d4d4;
	font-family: monospace;
	font-size: 12px;
	padding: 16px;
	border-radius: 8px;
	margin: 20px 0;
	overflow-x: auto;
	white-space: pre;
}

/* ── Status badges (shared) ─────────────────────────────────────────────── */

.zcp-badge {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
}

.zcp-badge--green  { background: #dcfce7; color: #166534; }
.zcp-badge--amber  { background: #fef3c7; color: #92400e; }
.zcp-badge--red    { background: #fee2e2; color: #991b1b; }
.zcp-badge--grey   { background: #f3f4f6; color: #4b5563; }