.checkin-rowlist{flex-direction:column;display:flex}.checkin-row{border-block-end:1px solid var(--app-border);align-items:center;gap:.8125rem;padding-block:.75rem;padding-inline:.875rem;display:flex}.checkin-row:last-child{border-block-end:none}.checkin-rowtext{flex:auto;min-width:0}.checkin-rowname{letter-spacing:-.01em;color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;overflow:hidden}.checkin-rowmeta{color:var(--app-text-muted);margin-block-start:.125rem;font-size:.75rem}.checkin-rowmeta-arrived{color:var(--status-yes-ink);font-weight:600}.checkin-mark{border:2px solid var(--status-yes);background:var(--app-card);block-size:46px;inline-size:46px;color:var(--status-yes);cursor:pointer;transition:background-color var(--app-duration) ease, transform var(--app-duration) ease;border-radius:13px;flex:none;place-items:center;display:grid}.checkin-mark:hover{background:var(--status-yes-soft)}.checkin-mark:active{transform:scale(.94)}.checkin-mark:disabled{cursor:wait;opacity:.55}.checkin-undo{background:var(--status-yes);block-size:34px;inline-size:34px;color:var(--app-primary-fg);cursor:pointer;transition:transform var(--app-duration) ease;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.checkin-undo:active{transform:scale(.92)}.checkin-undo:disabled{cursor:wait;opacity:.55}.checkin-tile{align-items:center;gap:1rem;padding-block:.875rem;padding-inline:1rem;display:flex}.checkin-tile-num{line-height:1}.checkin-tile-label{color:var(--app-text-muted);font-size:.78rem;font-weight:600;line-height:1.25}.checkin-glance{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.checkin-rosters{flex-direction:column;gap:1.25rem;display:flex}@media (width>=1024px){.checkin-top{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:1.25rem;display:grid}.checkin-top .checkin-glance{grid-template-rows:1fr 1fr;grid-template-columns:1fr;gap:1rem}.checkin-top .checkin-tile{block-size:100%;padding-block:1.25rem;padding-inline:1.375rem}.checkin-rosters{flex-direction:row;align-items:flex-start;gap:1.25rem}.checkin-rosters>*{flex:1 1 0;min-width:0}.checkin-mark{block-size:48px;inline-size:48px}}