/* VirusTema: rendgen efekat, prefiks .vt-. */
/* ===== DOM TAG ===== */
.dom-tag {
    position: absolute;
    z-index: 5;
    padding: 3px 8px;
    font: 700 10px/1.3 'JetBrains Mono', 'Courier New', monospace;
    letter-spacing: .3px;
    color: var(--gx-xray-tekst, #00ff9c);
    background: var(--gx-xray-bg, rgba(2, 14, 9, .94));
    border: 1px solid var(--gx-xray-ivica, rgba(0, 255, 156, .6));
    border-radius: 5px;
    text-shadow: 0 0 7px var(--gx-xray-senka, rgba(0, 255, 156, .55));
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transform: translateY(3px);

    transition:
        opacity .18s ease,
        transform .18s ease;
}

.dom-tag::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 7px;
    height: 7px;
    margin-left: -3.5px;
    background: var(--gx-xray-bg, rgba(2, 14, 9, .94));
    border-right: 1px solid var(--gx-xray-ivica, rgba(0, 255, 156, .6));
    border-bottom: 1px solid var(--gx-xray-ivica, rgba(0, 255, 156, .6));
    transform: rotate(45deg);
}

.dom-tag.ispod::before {
    bottom: auto;
    top: -4px;
    transform: rotate(225deg);
}

.dom-tag.ziv {
    opacity: 1;
    transform: translateY(0);
}

/* ===== INSPEKCIJA ===== */
.dom-inspekcija {
    outline: 1.5px dashed var(--gx-xray-okvir, rgba(0, 255, 156, .75));
    outline-offset: 3px;
    border-radius: 4px;
}