.skin-red .main-header .navbar {
    background: var(--danger-header-background) !important;
}

/* ── Consent-form page: subtle animated mesh-gradient backdrop ── */
@property --lb-y-0 { syntax: '<percentage>'; inherits: false; initial-value: 90%; }
@property --lb-c-0 { syntax: '<color>'; inherits: false; initial-value: hsla(237, 93%, 94%, 1); }
@property --lb-x-0 { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@property --lb-s-start-0 { syntax: '<percentage>'; inherits: false; initial-value: 3%; }
@property --lb-s-end-0 { syntax: '<percentage>'; inherits: false; initial-value: 79%; }
@property --lb-x-1 { syntax: '<percentage>'; inherits: false; initial-value: 98%; }
@property --lb-c-1 { syntax: '<color>'; inherits: false; initial-value: hsla(203, 0%, 100%, 1); }
@property --lb-y-1 { syntax: '<percentage>'; inherits: false; initial-value: 35%; }
@property --lb-s-start-1 { syntax: '<percentage>'; inherits: false; initial-value: 3%; }
@property --lb-s-end-1 { syntax: '<percentage>'; inherits: false; initial-value: 79%; }

@keyframes ani-ndpp-login-bg {
    0% {
        --lb-y-0: 90%; --lb-c-0: hsla(237, 93%, 94%, 1); --lb-x-0: 0%; --lb-s-start-0: 3%; --lb-s-end-0: 79%;
        --lb-x-1: 98%; --lb-c-1: hsla(203, 0%, 100%, 1); --lb-y-1: 35%; --lb-s-start-1: 3%; --lb-s-end-1: 79%;
    }
    100% {
        --lb-y-0: 16%; --lb-c-0: hsla(198, 0%, 100%, 1); --lb-x-0: 24%; --lb-s-start-0: 4%; --lb-s-end-0: 67%;
        --lb-x-1: 62%; --lb-c-1: hsla(33, 0%, 100%, 1); --lb-y-1: 100%; --lb-s-start-1: 4%; --lb-s-end-1: 67%;
    }
}

.skin-red .login-box {
    --lb-y-0: 90%; --lb-c-0: hsla(237, 93%, 94%, 1); --lb-x-0: 0%; --lb-s-start-0: 3%; --lb-s-end-0: 79%;
    --lb-x-1: 98%; --lb-c-1: hsla(203, 0%, 100%, 1); --lb-y-1: 35%; --lb-s-start-1: 3%; --lb-s-end-1: 79%;
    background-color: hsla(255, 0%, 100%, 1) !important;
    background-image:
        radial-gradient(circle at var(--lb-x-0) var(--lb-y-0), var(--lb-c-0) var(--lb-s-start-0), transparent var(--lb-s-end-0)),
        radial-gradient(circle at var(--lb-x-1) var(--lb-y-1), var(--lb-c-1) var(--lb-s-start-1), transparent var(--lb-s-end-1)) !important;
    background-blend-mode: normal, normal;
    animation: ani-ndpp-login-bg 10s linear infinite alternate;
}

@media (prefers-reduced-motion: reduce) {
    .skin-red .login-box { animation: none; }
}

.main-sidebar,
.skin-red .wrapper,
.skin-red .main-sidebar a,
.skin-red .main-sidebar ul,
.skin-red .main-sidebar > .sidebar > .user-panel {
    background-color: var(--danger-header-background) !important;
}