/* Brand palette — matches the site logo. Standalone file (this page
   never loads public/css/wpab-public.css), so it keeps its own copy. */
:root {
	--wpab-gold: #c89a5b;
	--wpab-teal: #4c7c6c;
	--wpab-teal-dark: #2c473c;
}

.wpab-lobby {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	background: #0f172a;
	color: #f1f5f9;
	min-height: 70vh;
	padding: 32px;
	border-radius: 12px;
	max-width: 1100px;
	margin: 0 auto;
}

.wpab-lobby-header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	border-bottom: 2px solid #1e293b;
	padding-bottom: 16px;
	margin-bottom: 20px;
}
.wpab-lobby-header h1 {
	font-size: 32px;
	margin: 0;
	color: #fff;
}
.wpab-lobby-date { font-size: 18px; color: #94a3b8; }
.wpab-lobby-clock { font-size: 28px; font-weight: 700; color: var(--wpab-gold); font-variant-numeric: tabular-nums; }

.wpab-lobby-empty, .wpab-lobby-loading {
	text-align: center;
	font-size: 22px;
	color: #64748b;
	padding: 60px 0;
}

.wpab-lobby-row {
	display: grid;
	grid-template-columns: 110px 1fr 1fr 160px 150px;
	align-items: center;
	gap: 16px;
	padding: 18px 20px;
	border-radius: 10px;
	margin-bottom: 10px;
	background: #1e293b;
	font-size: 20px;
}

.wpab-lobby-time { font-weight: 700; font-variant-numeric: tabular-nums; color: #cbd5e1; }
.wpab-lobby-name { font-weight: 600; color: #fff; }
.wpab-lobby-service, .wpab-lobby-staff { color: #94a3b8; font-size: 16px; }

.wpab-lobby-badge {
	justify-self: end;
	padding: 6px 16px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	background: #334155;
	color: #cbd5e1;
}

.wpab-lobby-current {
	background: var(--wpab-teal-dark);
	box-shadow: 0 0 0 2px var(--wpab-gold);
	transform: scale(1.02);
}
.wpab-lobby-current .wpab-lobby-badge { background: var(--wpab-gold); color: #1b2430; }
.wpab-lobby-current .wpab-lobby-name,
.wpab-lobby-current .wpab-lobby-service,
.wpab-lobby-current .wpab-lobby-staff { color: #fff; }

.wpab-lobby-next .wpab-lobby-badge { background: var(--wpab-teal); color: #fff; }

@media (max-width: 700px) {
	.wpab-lobby-row { grid-template-columns: 80px 1fr; }
	.wpab-lobby-badge { grid-column: 1 / -1; justify-self: start; margin-top: 6px; }
}