/* ============================================================
   Tooltip (Hover über angegriffene Länder)
   ============================================================ */

.tooltip {
    position: fixed;
    z-index: 50;
    max-width: 18rem;
    padding: 0.5rem 0.75rem;
    background: var(--tooltip-bg);
    border: 1px solid var(--border-light);
    border-radius: 4px;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--text);
    pointer-events: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.tooltip[hidden] { display: none; }

.tooltip strong { color: var(--text-strong); }

.tooltip-sources span {
    display: inline-block;
    margin-right: 0.4rem;
    margin-top: 0.25rem;
    padding: 0.05em 0.4em;
    border-radius: 3px;
    font-size: 0.7rem;
}

.tooltip-sources .src-fail2ban {
    background: rgba(255, 34, 34, 0.18);
    color: var(--accent-fail2ban);
}

.tooltip-sources .src-endlessh {
    background: rgba(255, 153, 0, 0.18);
    color: var(--accent-endlessh);
}