/* DNS Tool Specific Styles */

.dns-result-container {
  font-family: 'Courier New', monospace;
}

.dns-result-type {
  font-weight: bold;
  margin-bottom: 1rem;
  color: #0d6efd;
}

.dns-records {
  margin-left: 1rem;
}

.dns-record {
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background-color: #f8f9fa;
  border-radius: 0.25rem;
  border-left: 3px solid #0d6efd;
}

.dns-record i {
  margin-right: 0.5rem;
  color: #6c757d;
}

/* 逆引き結果のスタイル */
.reverse-lookup {
  margin-left: 1rem;
  color: #28a745;
  font-weight: 500;
  font-style: italic;
}

.reverse-lookup-failed {
  margin-left: 1rem;
  color: #6c757d;
  font-style: italic;
  font-size: 0.875rem;
}

/* TXTレコードパターンフラグのスタイル */
.txt-pattern-flag {
  padding: 0.25rem 0.5rem;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 0.25rem;
  border-left: 3px solid currentColor;
  font-size: 0.875rem;
}

.txt-pattern-flag i {
  margin-right: 0.5rem;
}

.txt-content {
  margin-top: 0.5rem;
  padding-left: 0.5rem;
}

.txt-content i {
  margin-right: 0.5rem;
  color: #6c757d;
}

/* パターンが検出されたTXTレコードの背景を少し強調 */
.dns-record:has(.txt-pattern-flag) {
  background-color: #f8f9fa;
  border-left: 3px solid #0d6efd;
  padding: 0.75rem;
}

.dns-no-record {
  padding: 1rem;
  background-color: #e3f2fd;
  border-radius: 0.25rem;
  color: #1976d2;
}

.dns-error {
  padding: 1rem;
  background-color: #ffebee;
  border-radius: 0.25rem;
  color: #c62828;
}

.dns-no-record i, 
.dns-error i {
  margin-right: 0.5rem;
}

.btn-group {
  gap: 0.25rem;
}

@media (max-width: 576px) {
  .btn-group label {
    flex: 1 1 30%;
    font-size: 0.875rem;
  }
}