/* Pool status card and the staff panel. Colours fall back to the HCRA theme's. */
.hcra-pool-card {
	--hcra-ink: var(--wp--preset--color--contrast, #15252C);
	--hcra-muted: var(--wp--preset--color--muted, #4E5D63);
	--hcra-line: var(--wp--preset--color--line, #DCE5E8);
	--hcra-surface: var(--wp--preset--color--surface, #FFFFFF);
	--hcra-dot: var(--hcra-muted);
	box-sizing: border-box;
	padding: 1.25rem 1.5rem;
	border: 1px solid var(--hcra-line);
	border-radius: 20px;
	background: var(--hcra-surface);
	color: var(--hcra-ink);
}
.hcra-pool-card.is-open { --hcra-dot: #1C7C4A; }
.hcra-pool-card.is-alert { --hcra-dot: #B4532A; }
.hcra-pool-card.is-closed { --hcra-dot: #6B777B; }

.hcra-pool-eyebrow {
	margin: 0 0 0.35rem;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hcra-muted);
}
.hcra-pool-state {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0;
	font-family: var(--wp--preset--font-family--display, Georgia, serif);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.2;
}
.hcra-pool-dot {
	flex: 0 0 auto;
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background: var(--hcra-dot);
}
.hcra-pool-card.is-alert .hcra-pool-dot { animation: hcra-pulse 2s ease-in-out infinite; }
@keyframes hcra-pulse { 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) {
	.hcra-pool-card.is-alert .hcra-pool-dot { animation: none; }
}
.hcra-pool-detail { margin: 0.4rem 0 0; color: var(--hcra-muted); font-size: 0.9375rem; }
.hcra-pool-meta { margin: 0.6rem 0 0; font-size: 0.875rem; }

/* Staff panel */
.hcra-guard { max-width: 32rem; margin-inline: auto; }
.hcra-guard .hcra-pool-card { margin-bottom: 1.5rem; }
.hcra-guard-field { display: flex; flex-direction: column; gap: 0.35rem; margin: 0 0 1rem; }
.hcra-guard-field label { font-weight: 600; }
.hcra-guard-field input,
.hcra-guard-field select {
	min-height: 3rem;
	padding: 0 0.75rem;
	border: 1.5px solid var(--wp--preset--color--line, #B9C6CB);
	border-radius: 12px;
	background: #fff;
	font: inherit;
	font-size: 1rem;
}
.hcra-guard-legend { margin: 0 0 0.5rem; font-weight: 600; }
.hcra-guard-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.hcra-btn {
	min-height: 3.5rem;
	padding: 0 1rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--primary, #0B5566);
	color: #fff;
	font: inherit;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
}
.hcra-btn:hover { filter: brightness(1.08); }
.hcra-btn:disabled { opacity: 0.55; cursor: progress; }
.hcra-btn-open { width: 100%; margin-top: 0.75rem; background: #1C7C4A; }
.hcra-guard-message { margin: 1rem 0 0; font-weight: 600; min-height: 1.5rem; }
.hcra-guard-message.is-error { color: #96331A; }
.hcra-guard-note { margin: 0.75rem 0 0; font-size: 0.875rem; color: var(--wp--preset--color--muted, #4E5D63); }

/* Next board meeting */
.hcra-meeting-card {
	box-sizing: border-box;
	padding: 2rem 2.25rem;
	border-radius: 24px;
	background: var(--wp--preset--color--primary, #0B5566);
	color: #fff;
}
.hcra-meeting-eyebrow {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent, #7FD6E3);
}
.hcra-meeting-date {
	margin: 0;
	font-family: var(--wp--preset--font-family--display, Georgia, serif);
	font-size: clamp( 1.75rem, 4vw, 2.5rem );
	font-weight: 600;
	line-height: 1.1;
}
.hcra-meeting-detail { margin: 0.5rem 0 0; font-size: 1.0625rem; color: var(--wp--preset--color--on-dark, #D5E3E5); }
.hcra-meeting-badge {
	display: inline-block;
	margin: 0.75rem 0 0;
	padding: 0.25rem 0.75rem;
	border-radius: 999px;
	background: var(--wp--preset--color--accent, #7FD6E3);
	color: var(--wp--preset--color--contrast, #15252C);
	font-size: 0.8125rem;
	font-weight: 700;
}
.hcra-meeting-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 1.25rem 0 0; }
.hcra-meeting-btn {
	display: inline-flex;
	align-items: center;
	min-height: 3rem;
	padding: 0 1.4rem;
	border: 1.5px solid #fff;
	border-radius: 999px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}
.hcra-meeting-btn.is-primary {
	border-color: var(--wp--preset--color--accent, #7FD6E3);
	background: var(--wp--preset--color--accent, #7FD6E3);
	color: var(--wp--preset--color--contrast, #15252C);
}
.hcra-meeting-btn:hover { filter: brightness(1.08); }
.hcra-meeting-then {
	margin: 1.25rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	font-size: 0.9375rem;
	color: var(--wp--preset--color--on-dark, #D5E3E5);
}