/* NetQuery Basit Stil — saf CSS (Tailwind CDN ile uyumlu) */

.tab-btn {
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b; /* slate-500 */
  transition: background 150ms, color 150ms, transform 150ms;
}
.tab-btn:hover { color: #0f172a; background: #eef2f7; }
.tab-btn.active { background: #60a5fa; color: #fff; box-shadow: 0 6px 16px rgba(59,130,246,.18); }

.card {
  border-radius: 0.75rem;
  border: 1px solid #d1d5db; /* slate-300 */
  background: #f3f4f6; /* biraz koyu */
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 16px rgba(15,23,42,.08);
}
.card-header { padding: 0.75rem 1rem; border-bottom: 1px solid #d1d5db; color: #1f2937; font-weight: 600; }
.card-body { padding: 1rem; }

.label { margin-bottom: 0.25rem; display: block; font-size: 0.875rem; color: #64748b; }
.input {
  width: 100%; border-radius: 0.75rem; border: 1px solid #d1d5db;
  background: #f5f7fa; color: #1f2937; padding: 0.5rem 0.75rem;
}
.input.input-lg { padding: 0.75rem 1rem; font-size: 1.125rem; }
.input:focus { outline: none; box-shadow: 0 0 0 3px rgba(96,165,250,.2); border-color: #60a5fa; }

.btn-primary {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 0.75rem; background: linear-gradient(135deg, #60a5fa, #3b82f6);
  color: #fff; font-weight: 600; padding: 0.5rem 1rem; transition: transform 120ms, box-shadow 120ms, background 120ms;
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(96,165,250,.25); background: linear-gradient(135deg, #93c5fd, #60a5fa); }

/* İkincil buton: yumuşak gri arka plan, koyu metin */
.btn-secondary {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 0.5rem; background: #e9edf3; color: #334155;
  padding: 0.375rem 0.75rem; font-weight: 500; font-size: 0.875rem;
  border: 1px solid #d1d5db; transition: background 120ms, box-shadow 120ms, transform 120ms;
}
.btn-secondary:hover { background: #e4e9f0; box-shadow: 0 4px 10px rgba(15,23,42,.08); }

.loader { width: 24px; height: 24px; border-radius: 50%; border: 3px solid rgba(15,23,42,.08); border-top-color: #60a5fa; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.stat { border-radius: 0.5rem; border: 1px solid #d1d5db; background: #f3f4f6; padding: 1rem; }
.stat-label { color: #64748b; font-size: 0.875rem; }
.stat-value { color: #1f2937; font-weight: 600; font-size: 1.125rem; }

.table { width: 100%; font-size: 0.875rem; table-layout: fixed; border-collapse: separate; border-spacing: 0 4px; }
.table thead { background: #eef2f7; color: #475569; }
.table th, .table td { padding: 0.5rem 0.75rem; border-bottom: 1px solid #e5e7eb; vertical-align: top; }
.table th { text-align: left; font-weight: 600; }
/* Kolon genişlikleri: Ad/Değer/IP/TTL */
.table td:nth-child(1), .table th:nth-child(1) { width: 28%; }
.table td:nth-child(2), .table th:nth-child(2) { width: 42%; }
.table td:nth-child(3), .table th:nth-child(3) { width: 20%; }
.table td:nth-child(4), .table th:nth-child(4) { width: 10%; }
/* Ad sütunu tek satır, taşma kibar şekilde */
.table td:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Zebra şerit: satırlar daha okunaklı */
.table tbody tr:nth-child(odd) td { background-color: #f8fafc; }
.table tbody tr:nth-child(even) td { background-color: #fdfefe; }

/* Whois tablo stili: iki kolon etiket/değer */
.whois-table { width: 100%; font-size: 0.875rem; }
.whois-table td { padding: 0.5rem 0.75rem; border-bottom: 1px solid #e5e7eb; }
.whois-table td.label { color: #64748b; width: 30%; }
.whois-table td.value { color: #1f2937; }

.badge { display: inline-flex; align-items: center; border-radius: 0.375rem; background: #eef2f7; color: #475569; font-size: 0.75rem; padding: 0.125rem 0.5rem; }

/* Chip checkbox stil */
.chip { display: inline-flex; gap: 6px; align-items: center; padding: 6px 10px; border: 1px solid #d1d5db; border-radius: 999px; color: #475569; cursor: pointer; background: #f3f4f6; }
.chip input { accent-color: #60a5fa; }
.chip:hover { background: #e9edf3; }

/* Kayıt değerleri için 2 sütun chip liste */
.list-two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.list-chip {
  display: inline-flex; align-items: center; justify-content: flex-start;
  padding: 6px 8px; border: 1px solid #e5e7eb; border-radius: 0.375rem;
  background: #f7fafc; color: #334155; font-size: 0.75rem; line-height: 1.1;
}

/* Mini kopya butonu: satır içinde hafif görünüm */
.mini-copy {
  display: inline-flex; align-items: center; justify-content: center;
  margin-left: 6px; padding: 2px 6px; font-size: 0.75rem;
  border-radius: 0.375rem; border: 1px solid #e5e7eb; background: #f7fafc; color: #475569;
}
.mini-copy:hover { background: #eef2f7; }
/* Butonların hücre içinde hizası */
.mini-copy, .mini-expand { line-height: 1; vertical-align: middle; }

/* Hücre içi metni 2 satırda kırpma, aç/kapat destekli */
.cell-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.cell-clamp.expanded {
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
}

/* Devamı butonu */
.mini-expand {
  display: inline-flex; align-items: center; justify-content: center;
  margin-left: 6px; padding: 2px 6px; font-size: 0.75rem;
  border-radius: 0.375rem; border: 1px solid #e5e7eb; background: #f7fafc; color: #475569;
}
.mini-expand:hover { background: #eef2f7; }

/* Tip kartı görselleştirme */
.type-card { border: 1px solid #d1d5db; background: #f3f4f6; border-radius: 0.75rem; padding: 0.75rem; transition: transform 150ms, box-shadow 150ms; }
.type-card:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(15,23,42,.10); }
.type-card { height: 100%; display: flex; flex-direction: column; }
.type-title { display:flex; align-items:center; justify-content:space-between; margin-bottom: 0.5rem; }
.type-title h3 { font-weight: 600; color: #0f172a; }
.type-meta { color: #6b7280; font-size: 0.75rem; }
/* Kart içerik alanı: dikey taşmayı sınırlayıp kaydırma ekle */
.type-content { max-height: 260px; overflow: auto; border-top: 1px solid #e5e7eb; }
.type-content::-webkit-scrollbar { width: 8px; height: 8px; }
.type-content::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
.type-content::-webkit-scrollbar-track { background: #f1f5f9; }

/* Grid simetri: her satır eşit yükseklikte olsun */
#multiResults { align-items: stretch; grid-auto-rows: 1fr; }