/* Collaboration Hub — uses CSS variables from wp_head */
.ch-page {
	padding: 1.5rem;
	box-sizing: border-box;
}

.ch-card-grid {
	display: grid;
	grid-template-columns: repeat(var(--ch-grid-cols, 2), minmax(0, 1fr));
	gap: var(--ch-card-gap, 24px);
}

@media (max-width: 782px) {
	.ch-card-grid {
		grid-template-columns: repeat(var(--ch-grid-cols-tablet, 2), minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.ch-card-grid {
		grid-template-columns: 1fr;
	}
}

.ch-card {
	background: var(--ch-card-bg, #fff);
	border: 1px solid var(--ch-card-border, #e5e7eb);
	border-radius: var(--ch-card-radius, 8px);
	box-shadow: var(--ch-card-shadow, none);
	padding: var(--ch-card-padding, 24px);
}

.ch-card__title {
	font-size: var(--ch-title-size, 18px);
	margin: 0 0 0.5rem;
	color: var(--ch-title-color, #111827);
}

.ch-card__title a {
	color: inherit;
	text-decoration: none;
}

.ch-card__excerpt,
.ch-card__leader {
	font-size: var(--ch-body-size, 14px);
	color: var(--ch-text-color, #6b7280);
}

.ch-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: var(--ch-badge-size, 12px);
	color: var(--ch-badge-text, #fff);
	background: var(--ch-open-color, #22c55e);
}

.ch-badge--active {
	background: var(--ch-active-color, #eab308);
}

.ch-badge--closed {
	background: var(--ch-closed-color, #3b82f6);
}

.ch-btn {
	display: inline-block;
	padding: 0.5rem 1rem;
	border-radius: 6px;
	text-decoration: none;
	background: var(--ch-btn-color, #3b82f6);
	color: var(--ch-btn-text, #fff) !important;
	border: 0;
	cursor: pointer;
	font-size: var(--ch-body-size, 14px);
}

.ch-btn--small {
	padding: 0.25rem 0.75rem;
	font-size: 0.875rem;
}

.ch-form .widefat {
	width: 100%;
	max-width: 520px;
}

.ch-msg.ch-success {
	color: #15803d;
}

.ch-msg.ch-error {
	color: #b91c1c;
}

.ch-notice {
	padding: 1rem;
	border-radius: var(--ch-card-radius, 8px);
	margin: 1rem 0;
	background: rgba(0, 0, 0, 0.04);
}

.ch-single__head {
	position: relative;
}

.ch-archive__title {
	margin-bottom: 0.5rem;
}

.ch-stage-section {
	margin-bottom: 2rem;
}

.ch-admin-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	background: #64748b;
}

.ch-admin-badge--open {
	background: #22c55e;
}

.ch-admin-badge--active {
	background: #eab308;
	color: #111;
}

.ch-admin-badge--closed {
	background: #3b82f6;
}