/* Check-in reminders on the People list (WT_MemberBuild, September 30, 2026; site/js/together/checkins.js). The row's line (the
   next check-in, or that it is time), its "Checked in" button, the panel of people who are due above the list, and the rhythm
   dialog. Tokens are together.css's own, so light and dark follow the page. */
.tg-checkin { display: block; margin: 4px 0 0; font-size: 13px; line-height: 1.4; color: var(--text-secondary); overflow-wrap: anywhere; }
.tg-checkin.is-due { color: var(--text); font-weight: 600; }
.tg-checkin__done { display: inline-flex; width: auto; justify-self: start; align-self: flex-start; margin: 6px 0 0; padding: 0 14px; font-size: 13px; }
.tg-checkin__done[hidden] { display: none; }
.tg-checkins {
  margin: 0 0 24px; padding: 18px 20px 16px; border: 1px solid var(--tg-me); border-radius: 18px;
  background: linear-gradient(160deg, var(--bg-2), var(--bg-1) 70%);
}
.tg-checkins__title { margin: 0 0 10px; font: 700 18px/1.3 var(--font-heading); letter-spacing: -.01em; color: var(--text); }
.tg-checkins__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.tg-checkins__item {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 0; border-top: 1px solid var(--tg-line);
}
.tg-checkins__item:first-child { border-top: 0; padding-top: 0; }
.tg-checkins__name { flex: 1 1 140px; min-width: 0; font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.tg-checkins__open { font-size: 14px; color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.tg-checkins__item .tg-act { padding: 0 16px; font-size: 14px; }
.tg-checkins__more, .tg-checkins__status { margin: 10px 0 0; font-size: 14px; color: var(--text-secondary); }
.tg-checkins__status:empty { display: none; }
.tg-checkin-dialog__why { margin: 0 0 12px; font-size: 14px; line-height: 1.5; color: var(--text-secondary); }
.tg-checkin-dialog__msg { margin: 10px 0 0; font-size: 14px; color: var(--text); }
.tg-checkin-dialog__msg:empty { display: none; }
@media (max-width: 767px) {
  .tg-checkins { padding: 16px 16px 14px; border-radius: 16px; }
  .tg-checkins__item .tg-act { flex: 1 1 100%; min-height: 44px; }
  .tg-checkin__done { min-height: 44px; }
}
.tg-checkin-dialog__intro { margin: 0 0 8px; font-size: 14px; line-height: 1.5; color: var(--text); }
.tg-checkin-dialog__link { color: var(--text); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }