/* ======================================================================================== */
/* Proxy Alerts CSS                                                                         */
/* Projekt: JS Demo DB-Login & Auth-Flow                                                    */
/* Description: Sicherheits-Animationen für den Proxy-Lockdown.                             */
/* Autor: BRULSIM                                                                           */
/* Datum: 2026-06-18                                                                        */
/* ======================================================================================== */

@keyframes pulse-red {
    0% { background-color: #ffffff; }
    50% { background-color: #ffb3b3; }
    100% { background-color: #ffffff; }
}

/* Wird vom UI-Helper auf den Body geworfen */
body.lockdown-active {
    animation: pulse-red 0.5s infinite;
    pointer-events: none; /* Blockiert sofort alle weiteren Klicks des Angreifers! */
}

.badge.admin {
    background-color: #d32f2f;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: bold;
}

.badge.user {
    background-color: #388e3c;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: bold;
}