/* ================================================================
   ip-blacklist.css — Page-specific styles for ip-blacklist.php
   Načítáno na: ip-blacklist.php
   ================================================================ */


/* ===== RESULT CARD ===== */
/* Výsledková karta s IP adresou, statusem a gauge grafem.
   Barevné varianty clean/suspicious/malicious generuje JS. */

.result-card { border-radius: 12px; padding: 30px; margin-block: 30px; text-align: center; border: 2px solid var(--border-color); background: var(--bg-data-box); }
.result-ip { font-size: var(--size-28); font-weight: 700; margin-block-end: 5px; word-break: break-all; min-height: 4em; display: flex; align-items: center; justify-content: center; }
.result-status { font-size: var(--size-20); font-weight: 700; margin-block: 15px; }
.result-card.clean      { border-color: var(--color-green);  background: var(--bg-green);  }
.result-card.suspicious { border-color: var(--color-orange); background: var(--bg-orange); }
.result-card.malicious  { border-color: var(--color-red);    background: var(--bg-red);    }
.result-card.clean .result-status      { color: var(--color-green);  }
.result-card.suspicious .result-status { color: var(--color-orange); }
.result-card.malicious .result-status  { color: var(--color-red);    }

.score-clean      { color: var(--color-green);  }
.score-suspicious { color: var(--color-orange); }
.score-malicious  { color: var(--color-red);    }

.ip-type-badge { display: inline-block; font-size: var(--size-12); font-weight: 700; letter-spacing: 0.5px; background: var(--accent-on-solid); color: var(--white); border-radius: 5px; padding: 3px 10px; margin-block-end: 12px; }


/* ===== GRID LAYOUTS ===== */
/* Mřížky pro výsledky — generováno JS podle počtu IP adres (IPv4/IPv6). */

.results-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-block-start: 30px; }
.results-wrapper .result-card { margin: 0; }

@media (max-width: 650px) { .results-wrapper { grid-template-columns: 1fr; } }


/* ===== SCORE EXPLAIN TABLE ===== */
/* Tabulka vysvětlující skóre (Clean 0–25 / Suspicious 26–75 / Malicious 76–100).
   .score-explain-table je od refaktoru sdílená komponenta v components.css
   (TYP 5) — zde zůstává jen page-specific badge styl. */

.score-badge { display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: var(--size-11); font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; }
.badge-clean      { background: var(--status-safe-bg);   color: var(--status-safe-color);   }
.badge-suspicious { background: var(--status-warn-bg);   color: var(--status-warn-color);   }
.badge-malicious  { background: var(--status-danger-bg); color: var(--status-danger-color); }