/* Event mode on the Together page (WT_MemberBuild, September 30, 2026; site/js/together/event-mode.js). One panel: the name of
   the event and how long it runs, then, while it runs, one line saying where new people are filed, and two buttons. Tokens are
   together.css's own, so light and dark follow the page. */
.tg-event {
  margin: 0 0 24px; padding: 18px 20px 16px; border: 1px solid var(--tg-line-2); border-radius: 18px; background: var(--bg-1);
}
.tg-event.is-on { border-color: var(--tg-me); background: linear-gradient(160deg, var(--bg-2), var(--bg-1) 70%); }
.tg-event__title { margin: 0 0 6px; font: 700 18px/1.3 var(--font-heading); letter-spacing: -.01em; color: var(--text); }
.tg-event__intro, .tg-event__line { margin: 0 0 14px; font-size: 15px; line-height: 1.5; color: var(--text-secondary); max-width: 70ch; overflow-wrap: anywhere; }
.tg-event.is-on .tg-event__line { color: var(--text); font-size: 16px; }
.tg-event__form[hidden] { display: none; }
.tg-event__open { padding: 0 18px; font-size: 14px; }
.tg-event__form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.tg-event__field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 220px; min-width: 0; font-size: 13px; font-weight: 600; color: var(--text-secondary); }
.tg-event__field--len { flex: 0 1 170px; }
.tg-event__field .tg-input {
  width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid var(--tg-line-2); border-radius: 10px;
  background: var(--bg-0); color: var(--text); font: 400 15px var(--font-body);
}
.tg-event__field .tg-input[aria-invalid="true"] { border-color: var(--danger, #c0392b); }
.tg-event__form .tg-act { padding: 0 18px; font-size: 14px; }
.tg-event__acts { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.tg-event__acts--ended { margin: 0 0 18px; padding-bottom: 16px; border-bottom: 1px solid var(--tg-line); }
.tg-event__acts .tg-act { padding: 0 16px; font-size: 14px; white-space: normal; text-align: center; }
.tg-event__status { margin: 10px 0 0; font-size: 14px; color: var(--text-secondary); }
.tg-event__status:empty { display: none; }
.tg-event__status:focus, .tg-event__line:focus { outline: none; }
@media (max-width: 767px) {
  .tg-event { padding: 16px 16px 14px; border-radius: 16px; }
  .tg-event__field, .tg-event__field--len { flex: 1 1 100%; }
  .tg-event__form .tg-act, .tg-event__acts .tg-act, .tg-event__open { flex: 1 1 100%; width: 100%; }
}