.checkins { margin-top: 20px; }
.section-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.section-heading h3, .section-heading p { margin-top: 0; }
.checkin-head, .checkin-row { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(190px, 1fr) minmax(190px, 1fr); align-items: center; gap: 16px; }
.checkin-head { padding: 8px 4px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.checkin-row { padding: 14px 4px; border-top: 1px solid var(--line); }
.checkin-row > span { display: flex; align-items: center; gap: 8px; color: var(--muted); }
.checkin-dot { display: inline-block; flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; }
.checkin-dot.online { background: var(--green); }
.checkin-dot.web { background: #e78b63; }
.checkin-dot.idle { background: #b8bdb9; }

@media (max-width: 720px) {
  .checkin-head { display: none; }
  .checkin-row { grid-template-columns: 1fr; gap: 8px; }
}