/* ========================================================================================
 * live-room.css - kit skin for the Anchor Events /live/ room (Anchor Tools 3.46.0+,
 * anchor-events-manager/assets/room.css). The plugin's room reads every colour and its
 * width off --anchor-room-* properties; this file points them at kit tokens, so Theme
 * Colors changes flow through. Faculty chips come from inc/live-room.php.
 * ======================================================================================== */
.anchor-event-room{
	--anchor-room-max:var(--cd-container);
	--anchor-room-gutter:var(--cd-gutter);
	--anchor-room-ink:var(--cd-ink);
	--anchor-room-ink-strong:var(--cd-ink-strong);
	--anchor-room-muted:var(--cd-ink-muted);
	--anchor-room-line:var(--cd-line);
	--anchor-room-tint:var(--cd-ground-tint);
	--anchor-room-surface:var(--cd-white);
	--anchor-room-band:var(--cd-ground-deep);
	--anchor-room-band-ink:var(--cd-white);
	--anchor-room-band-muted:var(--cd-ink-invert-muted);
	--anchor-room-stage:var(--cd-ground-deeper);
	--anchor-room-stage-muted:var(--cd-ink-invert-muted);
	--anchor-room-accent:var(--cd-ink-accent);
	--anchor-room-brand:var(--cd-ink-brand);
	--anchor-room-r:var(--cd-r-md);
	--anchor-room-r-lg:var(--cd-r-lg);
	--anchor-room-shadow:var(--cd-shadow-2);
	font-family:var(--cd-font);
}
.anchor-room .anchor-room-head .anchor-room-title{font-weight:800}
.anchor-room-card .tmj-login-form{max-width:none}
.anchor-room-help a{color:var(--cd-ink-brand);font-weight:700}

.tmj-room-faculty{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.tmj-room-faculty__label{margin-right:4px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cd-ink-muted)}
.tmj-room-face{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:var(--cd-r-pill);background:var(--cd-ground-tint);color:var(--cd-ink-strong);font-size:.8125rem;font-weight:600;text-decoration:none}
.tmj-room-face:hover{color:var(--cd-ink-brand)}
.tmj-room-face img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.tmj-room-face span{padding-left:4px}
.tmj-room-face img + span{padding-left:0}