/* ==========================================
   GLOBAL FAILURE: THE STOP SIGN (TOP)
   ========================================== */
.icon-unit.down {
    background-color: #ff0000; /* Pure Red */
    border: 2px solid #ffffff; /* White Trim */
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); /* Octagon */
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
}

.icon-unit.down::after {
    content: "!";
    color: #ffffff;
    font-weight: bold;
    font-family: 'Courier New', monospace;
    font-size: 18px;
}

/* ==========================================
   OFFICIAL ICON REPOSITORY
   ========================================== */
.icon-unit {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Official Multi-Color Apache Feather */
.icon-apache.up {
    background-image: url('data:image/svg+-xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%23d22128"/><stop offset="40%" style="stop-color:%23e97826"/><stop offset="70%" style="stop-color:%23f8ad34"/><stop offset="100%" style="stop-color:%236e298d"/></linearGradient></defs><path fill="url(%23g)" d="M30.1,2.3c-0.6-0.3-2.6-0.3-4.5,0.4c-3.1,1.2-5.7,3.5-7.4,6.5c-0.5,0.8-0.9,1.7-1.2,2.6c-0.1,0.4-0.3,0.8-0.5,1.2c-0.7-0.1-1.3,0.1-1.8,0.6c-0.4,0.3-0.6,0.8-0.6,1.3c0,0.5,0.2,1,0.6,1.3c0.4,0.3,0.9,0.4,1.4,0.3c0.4-0.1,0.7-0.3,1-0.5c0.3-0.2,0.5-0.5,0.7-0.8c0.1-0.2,0.2-0.4,0.3-0.7c1.8,0.1,3.7,0.1,5.5-0.1c0.5-0.1,0.9-0.3,1.2-0.7c0.3-0.3,0.4-0.7,0.4-1.1c0-0.6-0.3-1.1-0.6-1.5c-0.4-0.4-0.9-0.6-1.5-0.7c-1.1-0.2-2.3-0.2-3.4-0.1c0.5-0.9,1.2-1.8,2.1-2.5c0.4-0.3,0.8-0.5,1.3-0.7c1.5-0.5,3.2-0.5,4.7-0.2c0.4,0.1,0.7,0.3,0.9,0.6c0.2,0.3,0.3,0.6,0.3,1c0,0.6-0.3,1.1-0.7,1.5l0.6,0.6c0.6-0.6,1-1.4,1-2.3C31.1,3.9,30.7,3,30.1,2.3z"/></svg>');
}

/* ModSecurity Shield (Electric Blue) */
.icon-modsec.up {
    background-image: url('data:image/svg+-xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300BFFF"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>');
}

/* ModEvasive Shield (Terminal Green) */
.icon-evasive.up {
    background-image: url('data:image/svg+-xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300ff00"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>');
}