.key-check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px;
  border-radius: 12px;
  background: #f4f5f0;
}
.key-check p { margin-top: 4px; font-size: .8rem; }
.key-match {
  width: max-content;
  margin-top: 4px;
  padding: 3px 7px;
  border-radius: 999px;
  background: #dcebdd;
  color: #2e673a;
  font-size: .72rem;
  font-weight: 750;
}
.identified-key {
  margin: 0 -10px;
  padding: 12px 10px;
  border-radius: 10px;
  background: #edf6e9;
  box-shadow: inset 3px 0 #63a64d;
}
.key-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.key-actions button { white-space: nowrap; }
@media (max-width: 440px) {
  .key-check { align-items: flex-start; flex-direction: column; }
  .key-row { align-items: flex-start; flex-direction: column; }
  .key-actions { width: 100%; justify-content: flex-start; }
}