/* Robots.txt Tester — tool-specific styles */

.score-badge {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius, 6px);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.score-good { background: #dcfce7; color: #166534; }
.score-warn { background: #fef9c3; color: #92400e; }
.score-bad  { background: #fee2e2; color: #991b1b; }

.checks-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
  margin-bottom: 1rem;
}
.checks-table th,
.checks-table td {
  padding: 0.5rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid var(--border, #e5e7eb);
}
.checks-table th {
  font-weight: 600;
  background: var(--surface-2, #f9fafb);
}

.status-ok    { color: #166534; font-weight: 600; }
.status-warn  { color: #92400e; font-weight: 600; }
.status-error { color: #991b1b; font-weight: 600; }
.status-info  { color: var(--text-2, #64748b); }

/* Robots.txt sections */
.robots-section {
  margin-top: 1rem;
  padding: 0.75rem;
  background: var(--surface-2, #f9fafb);
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 8px;
}
.robots-section-title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-2, #64748b);
  margin-bottom: 0.5rem;
}

/* User-agent rule blocks */
.robots-agent-block {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border, #e5e7eb);
}
.robots-agent-block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.robots-agent-name {
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.robots-rule {
  font-size: 0.82rem;
  padding: 0.1rem 0;
  display: flex;
  gap: 0.4rem;
  align-items: baseline;
}
.robots-directive {
  font-weight: 600;
  color: var(--text-2, #64748b);
  flex-shrink: 0;
}
.robots-disallow .robots-directive { color: #991b1b; }
.robots-allow    .robots-directive { color: #166534; }

/* Raw content */
.robots-raw-details {
  margin-top: 1rem;
}
.robots-raw-details summary {
  cursor: pointer;
  font-size: 0.85rem;
  color: var(--text-2, #64748b);
  padding: 0.4rem 0;
}
.robots-raw-pre {
  background: var(--surface-2, #f9fafb);
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 6px;
  padding: 0.75rem;
  font-size: 0.78rem;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-all;
  max-height: 400px;
  overflow-y: auto;
  margin-top: 0.5rem;
}