/* AI Image Detector — verdict meter + evidence panel. */

.detectra-verdict {
  margin: 14px 0;
  border-radius: var(--radius);
  padding: 18px 20px;
  border: 1px solid var(--border);
}

.detectra-verdict.verdict-ai {
  border-color: #f59e0b;
  background: rgba(245, 158, 11, 0.08);
}

.detectra-verdict.verdict-real {
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.08);
}

.detectra-pct {
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.1;
}

.verdict-ai .detectra-pct { color: #b45309; }
.verdict-real .detectra-pct { color: #15803d; }

@media (prefers-color-scheme: dark) {
  .verdict-ai .detectra-pct { color: #fbbf24; }
  .verdict-real .detectra-pct { color: #4ade80; }
}

.detectra-label {
  font-weight: 700;
  font-size: 1.1rem;
  margin: 2px 0 10px;
}

.detectra-meter {
  height: 10px;
  border-radius: 999px;
  background: var(--border);
  overflow: hidden;
  margin-bottom: 10px;
}

.detectra-meter-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #22c55e, #f59e0b, #ef4444);
  transition: width 0.4s ease;
}

.detectra-note { color: var(--muted); font-size: 0.9rem; margin: 0; }

.detectra-evidence {
  margin: 14px 0;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg);
  padding: 14px 18px;
}

.detectra-evidence h3 { margin: 0 0 8px; font-size: 1rem; }
.detectra-evidence p { color: var(--muted); font-size: 0.88rem; margin: 6px 0; }

.detectra-signals { list-style: none; margin: 6px 0; padding: 0; }
.detectra-signals li {
  padding: 6px 10px;
  border-radius: 8px;
  margin-bottom: 6px;
  font-size: 0.88rem;
}
.detectra-signals li span { color: var(--muted); }

.signal-ai { background: rgba(245, 158, 11, 0.12); }
.signal-real { background: rgba(34, 197, 94, 0.12); }
.signal-info { background: var(--panel); border: 1px solid var(--border); }

.detectra-tech {
  font-family: var(--mono);
  font-size: 0.78rem;
  color: var(--muted);
  margin-top: 10px;
}