/* check/index.html */
.device-info {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
  max-width: 22rem;
  margin-inline: auto;
  padding: 1rem 1.25rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(252, 250, 242, 0.25);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  text-align: left;
}

.device-info__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  font-size: 0.875rem;
}

.device-info__row > :first-child {
  color: var(--text-muted);
  font-size: 0.8125rem;
}

.device-info__row > :last-child {
  color: var(--kachi);
  text-align: right;
}

#error-message {
  font-size: 0.8125rem;
  color: #c0392b;
}

#reset-btn {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-size: 0.8125rem;
  color: var(--text-muted);
  cursor: pointer;
  text-decoration: underline;
}

[class*="emerald"] { color: var(--tokiwa); }
[class*="sky-600"] { color: var(--konjyo); }
[class*="rose"] { color: #c0392b; }
[class*="amber"] { color: #d97706; }