/* ================= MILITARY SCROLL (PEGASUS) ================= */
/* Mismo estilo que /system/secure_modules/pegasus/index.php */
:root {
    scrollbar-color: #8B1A1A #050505;
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

*::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #080808 0%, #120000 100%);
    border-left: 1px solid rgba(139, 26, 26, 0.35);
}

*::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #5e1212 0%, #8B1A1A 60%, #4a0f0f 100%);
    border: 1px solid #a73939;
    border-radius: 2px;
}

*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #7a1717 0%, #a52222 60%, #5e1212 100%);
}

*::-webkit-scrollbar-button:single-button {
    display: block;
    height: 13px;
    background-color: #090909;
    border-top: 1px solid rgba(139, 26, 26, 0.35);
    border-bottom: 1px solid rgba(139, 26, 26, 0.35);
}

*::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image:
        linear-gradient(135deg, transparent 45%, #8B1A1A 45%, #8B1A1A 55%, transparent 55%),
        linear-gradient(225deg, transparent 45%, #8B1A1A 45%, #8B1A1A 55%, transparent 55%);
    background-position: calc(50% - 3px) 7px, calc(50% + 3px) 7px;
    background-size: 6px 6px;
    background-repeat: no-repeat;
}

*::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image:
        linear-gradient(315deg, transparent 45%, #8B1A1A 45%, #8B1A1A 55%, transparent 55%),
        linear-gradient(45deg, transparent 45%, #8B1A1A 45%, #8B1A1A 55%, transparent 55%);
    background-position: calc(50% - 3px) 5px, calc(50% + 3px) 5px;
    background-size: 6px 6px;
    background-repeat: no-repeat;
}