/* Datei: /css/ipleak.css */

/* Ergänzende Styles, ohne bestehende Komponenten zu überschreiben */

.leakGrid { display: grid; gap: 22px; }

/* Leak-Seite: eher vertikal und luftig wie ip-analyse.php */
.leakCards { padding-bottom: 24px; }

.leakStack{
  display: grid;
  gap: 16px;
}

.leakExplain{
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
}

/* Summary Abstand */
.leakExplain > .muted{ margin-top: 10px; }

.leakFixHead{ margin-top: 18px; font-weight: 800; }

.leakStatus {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  margin-bottom: 14px; /* Leerzeile nach „Einordnung“ */
}

.leakBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .2px;
  border: 1px solid rgba(255,255,255,.16);
}

.leakBadge--ok {
  background: rgba(46, 204, 113, .56);
  border-color: rgba(46, 204, 113, .88);
}
.leakBadge--warn {
  background: rgba(241, 196, 15, .26);
  border-color: rgba(241, 196, 15, .55);
}
.leakBadge--leak {
  background: rgba(231, 76, 60, .54);
  border-color: rgba(231, 76, 60, .88);
}

.leakKV .kv__row { grid-template-columns: 160px 1fr; }

.leakFixList { margin: 0; padding-left: 18px; }
.leakFixList li[hidden] { display: none; }

.leakFixList li{ line-height: 1.45; margin: 6px 0; }

.leakTable {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.leakTable th,
.leakTable td {
  padding: 10px 8px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  vertical-align: top;
}

.leakRow[hidden] { display: none; }

.leakNote {
  font-size: 13px;
  opacity: .82;
  line-height: 1.35;
}

.leakNote--bottom{
  margin: 18px 0; /* +1 Zeile Abstand oben/unten */
  text-align: center; /* mittig */
}

.leakGap{ height: 12px; }

/* Dezentere Netz-Animation als bei den großen Hero-Sektionen */
.heroNet--soft{
  opacity: .32;
  filter: saturate(.85) contrast(.95);
}

@media (max-width: 720px){
  .leakKV .kv__row { grid-template-columns: 130px 1fr; }
}