/* whi.net /hash-generator/ — additions on top of shared/styles/base.css + site.css
   (.tabs/.tab, .field/.field-row/.field-group, .btn--sm, .faq-item, .dropzone,
   .result-rows/.result-row live in site.css/base.css) */

.hash-textarea {
  min-height: 130px;
  resize: vertical;
  font-family: var(--font-mono);
  font-size: 0.92rem;
  line-height: 1.5;
}

.hash-options {
  align-items: flex-end;
  margin: var(--space-4) 0;
}

.hash-check {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 0.9rem;
  padding-bottom: var(--space-3);
}

.hash-compare-group {
  flex: 1;
  min-width: 220px;
  margin-bottom: 0;
}

.hash-status {
  margin: var(--space-4) 0;
  font-size: 0.9rem;
}

.hash-status:empty {
  margin: 0;
}

.hash-status-ok {
  color: var(--color-success);
}

.hash-status-error {
  color: var(--color-danger);
}

.result-row__value {
  word-break: break-all;
}

.result-row.is-match .result-row__value {
  color: var(--color-success);
  font-weight: 600;
}

.result-row.is-mismatch .result-row__value {
  color: var(--color-danger);
}