/* AnonAir DeepScan – analysis.css
   Visuelle Extras für Risiko, Boxen, Badges, etc. */

/* Grundlayout-Feinschliff (ergänzt nur, überschreibt kaum) */
body {
  background: #f3f4f6;
}

/* Report-Box schöner machen */
.report-box {
  border-radius: 14px;
  background: #ffffff;
  border-left: 4px solid #1976d2;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Abschnittstitel mit kleiner Linie */
.section-title {
  position: relative;
  padding-bottom: 4px;
}
.section-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 40px;
  height: 2px;
  border-radius: 999px;
  background: #1976d2;
}

/* Ergebniszeilen leicht absetzen */
.result-line {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 14px;
}
.result-line::before {
  content: "•";
  color: #9e9e9e;
  margin-top: 1px;
}

/* Risiko-Badges */
.risk-low,
.risk-med,
.risk-high {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 13px;
}

.risk-low {
  color: #1b5e20;
  background: #e8f5e9;
  border: 1px solid #a5d6a7;
}

.risk-med {
  color: #ff6f00;
  background: #fff8e1;
  border: 1px solid #ffe082;
}

.risk-high {
  color: #b71c1c;
  background: #ffebee;
  border: 1px solid #ef9a9a;
}

/* Kopfzeile des Reports */
#report h3 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 17px;
}

/* Input-Bereich etwas „Scanner“-Look */
#inputField {
  border: 1px solid #c5cae9;
  box-shadow: inset 0 0 0 1px rgba(25,118,210,0.03);
}
#inputField:focus {
  outline: none;
  border-color: #1976d2;
  box-shadow: 0 0 0 1px rgba(25,118,210,0.25);
}

/* Button-Highlight */
button {
  box-shadow: 0 2px 4px rgba(25,118,210,0.18);
}
button:hover {
  box-shadow: 0 3px 7px rgba(25,118,210,0.28);
}

/* Kleine Info unter dem Input (falls du mal was einfügst) */
.info-note {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}

/* Mobile Optimierung */
@media (max-width: 480px) {
  .report-box {
    padding: 14px 12px;
  }
  .section-title {
    font-size: 14px;
  }
  #report h3 {
    font-size: 16px;
  }
}