/* DNS-Check, SSL-Check und Subdomain-Finder (werkzeuge/netzwerk.*, 30.10.2026). Rahmen, Felder und Knöpfe aus
   domainroot.css (.dr-werkzeug, .dr-feld, .dr-btn, .dr-tabelle); Farben nur über die Variablen des Hosts. */
.dr-netz-eingabe { display: flex; gap: .6rem; align-items: flex-end; flex-wrap: wrap; margin: 0 0 .6rem; }
.dr-netz-eingabe .dr-feld { flex: 1 1 260px; min-width: 0; }
.dr-netz-eingabe .dr-feld input { width: 100%; font-family: var(--dr-mono, monospace); }
.dr-netz-eingabe .dr-btn { flex: none; min-height: 48px; }
.dr-netz-eingabe .dr-feld input[aria-invalid="true"] { border-color: var(--dr-warn); }
.dr-main .prose .dr-netz-tipp, .dr-netz-tipp { margin: 0 0 .8rem; }
.dr-main .prose .dr-netz-fehler, .dr-netz-fehler { margin: .2rem 0 .9rem; padding: .7rem .9rem; border: 1px solid var(--dr-warn-linie); border-radius: 10px; background: var(--dr-warn-tint); color: var(--dr-warn); font-weight: 600; }
.dr-netz-ergebnis { overflow-wrap: anywhere; }
.dr-main .prose .dr-netz-titel, .dr-netz-titel { margin: 0 0 .8rem; padding: 0; font-size: 1.1rem; line-height: 1.4; }
.dr-netz-titel code, .dr-netz-ergebnis code { font-family: var(--dr-mono, monospace); font-size: .9em; background: transparent; padding: 0; }
.dr-main .prose .dr-netz-laden, .dr-netz-laden { margin: 0; color: var(--dr-tinte-2); }
.dr-netz-laden::before { content: ""; display: inline-block; width: .9em; height: .9em; margin-right: .5em; vertical-align: -.1em; border: 2px solid var(--dr-linie-2); border-top-color: var(--dr-marke); border-radius: 50%; animation: dr-netz-dreh .8s linear infinite; }
@keyframes dr-netz-dreh { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .dr-netz-laden::before { animation: none; } }

/* DNS-Check: eine Karte je Eintragstyp */
.dr-netz-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .7rem; margin: 0 0 .9rem; }
.dr-netz-karte { background: var(--dr-flaeche); border: 1px solid var(--dr-linie); border-radius: 12px; padding: .75rem .9rem; min-width: 0; }
.dr-netz-karte--leer { background: transparent; border-style: dashed; }
.dr-netz-karte--fehler { border-color: var(--dr-warn-linie); background: var(--dr-warn-tint); }
.dr-main .prose .dr-netz-typ, .dr-netz-typ { margin: 0 0 .4rem; padding: 0; font-family: var(--dr-mono, monospace); font-size: .95rem; font-weight: 700; color: var(--dr-marke); display: flex; align-items: center; gap: .45rem; }
.dr-netz-anzahl { font-size: .75rem; font-weight: 700; color: var(--dr-tinte-2); background: var(--dr-flaeche-2); border-radius: 99px; padding: .05rem .5rem; }
.dr-main .prose .dr-netz-karte p, .dr-netz-karte p { margin: 0; font-size: .92rem; }
.dr-netz-karte--leer p { color: var(--dr-tinte-3); }
.dr-netz-karte--fehler p { color: var(--dr-warn); }
.dr-main .prose .dr-netz-karte ul, .dr-netz-karte ul { list-style: none; margin: 0; padding: 0; }
.dr-main .prose .dr-netz-karte li, .dr-netz-karte li { margin: 0 0 .45rem; padding: 0; font-size: .9rem; line-height: 1.45; }
.dr-netz-karte li::before { content: none !important; }
.dr-netz-karte li:last-child { margin-bottom: 0; }
.dr-netz-karte li code { display: block; word-break: break-all; }
.dr-netz-ttl { display: block; font-size: .78rem; color: var(--dr-tinte-3); }

/* SSL-Check: Tabelle */
.dr-netz-tabelle td { font-size: .88rem; }
.dr-netz-issuer { min-width: 11rem; }
.dr-netz-datum { white-space: nowrap; }
.dr-netz-sans { min-width: 12rem; }
.dr-netz-status { white-space: nowrap; font-weight: 700; }
.dr-netz-status--aktiv { color: var(--dr-tipp); }
.dr-netz-status--alt { color: var(--dr-tinte-3); font-weight: 600; }

/* Subdomain-Finder: Liste */
.dr-main .prose .dr-netz-liste, .dr-netz-liste { list-style: none; margin: 0 0 .9rem; padding: 0; border: 1px solid var(--dr-linie); border-radius: 12px; background: var(--dr-flaeche); max-height: 34rem; overflow-y: auto; }
.dr-main .prose .dr-netz-liste li, .dr-netz-liste li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .3rem 1rem; margin: 0; padding: .55rem .9rem; border-bottom: 1px solid var(--dr-linie); font-size: .92rem; }
.dr-netz-liste li::before { content: none !important; }
.dr-netz-liste li:last-child { border-bottom: 0; }
.dr-netz-liste code { word-break: break-all; }
.dr-netz-links { display: inline-flex; gap: .9rem; flex: none; }
.dr-netz-links a { font-weight: 600; }

.dr-main .prose .dr-netz-weiter, .dr-netz-weiter { margin: .4rem 0 0; font-size: .92rem; }
.dr-netz-ergebnis a:focus-visible, .dr-netz-liste:focus-visible { outline: 3px solid var(--dr-akzent); outline-offset: 2px; }

@media (max-width: 560px) {
    .dr-netz-eingabe .dr-btn { width: 100%; }
}
@media print {
    .dr-netz-eingabe, .dr-netz-tipp, .dr-netz-weiter { display: none !important; }
    .dr-netz-liste { max-height: none; overflow: visible; }
}