.new-checkin {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4252b;
  border-radius: 11px;
  background: #e4252b;
  color: #fff;
  padding: 0 16px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 5px 14px #0003;
}

.new-checkin:hover,
.new-checkin:focus-visible {
  background: #bf171d;
  border-color: #bf171d;
}

@media (max-width: 640px) {
  .topbar { align-items: flex-start; }
  .actions { display: grid; grid-template-columns: auto auto; }
  .new-checkin { grid-column: 1 / -1; }
  .actions button:last-child { display: none; }
}