/* NOCZILLA high-tech glass theme */

html {
    min-height: 100%;
    background: #020814;
}

body.login-page {
    background:
        linear-gradient(rgba(1, 8, 20, 0.24), rgba(1, 8, 20, 0.42)),
        url("panel2.png") center center / cover fixed no-repeat !important;
}

body.dashboard-page {
    background:
        linear-gradient(rgba(1, 8, 20, 0.32), rgba(1, 8, 20, 0.50)),
        url("panel1.png") center center / cover fixed no-repeat !important;
}

/* Approximately 90% transparent blue glass */
.login,
.table-wrap,
header,
.pill,
input,
select,
button,
.button {
    background-color: rgba(4, 30, 66, 0.10) !important;
    border-color: rgba(64, 190, 255, 0.38) !important;
    backdrop-filter: blur(14px) saturate(145%);
    -webkit-backdrop-filter: blur(14px) saturate(145%);
    box-shadow:
        inset 0 0 22px rgba(25, 150, 255, 0.06),
        0 12px 45px rgba(0, 0, 0, 0.32);
}

.login {
    background-color: rgba(3, 24, 58, 0.20) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.95);
}

.dashboard-page header {
    background-color: rgba(3, 19, 43, 0.20) !important;
}

.dashboard-page .table-wrap {
    background-color: rgba(3, 22, 50, 0.16) !important;
}

.dashboard-page table {
    background: rgba(1, 10, 25, 0.08);
}

.dashboard-page th {
    background: rgba(5, 35, 72, 0.50) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.dashboard-page td {
    background: rgba(3, 20, 44, 0.15);
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.95);
}

.dashboard-page tr:hover td {
    background: rgba(12, 88, 150, 0.32) !important;
}

.domain,
.subdomain,
.desc,
.ip,
.site-link {
    text-shadow: 0 1px 7px rgba(0, 0, 0, 1);
}

#alarmToggle {
    min-width: 118px;
}

#alarmToggle.alarm-on {
    border-color: rgba(88, 214, 141, 0.8) !important;
    color: #9dffc1;
}

#alarmToggle.alarm-off {
    border-color: rgba(255, 116, 116, 0.8) !important;
    color: #ffaaaa;
}

body.alarm-active::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9998;
    pointer-events: none;
    border: 6px solid rgba(255, 40, 40, 0.85);
    box-shadow:
        inset 0 0 80px rgba(255, 0, 0, 0.38),
        0 0 80px rgba(255, 0, 0, 0.45);
    animation: noczillaAlarmFlash 0.55s infinite alternate;
}

@keyframes noczillaAlarmFlash {
    from { opacity: 0.24; }
    to   { opacity: 1; }
}

/* Make Scan All Sites unmistakably visible */
#checkAll {
    background: linear-gradient(
        135deg,
        rgba(0, 132, 255, 0.96),
        rgba(0, 220, 255, 0.92)
    ) !important;
    color: #00111f !important;
    border: 1px solid rgba(130, 235, 255, 1) !important;
    font-weight: 900 !important;
    letter-spacing: 0.03em;
    text-shadow: none !important;
    box-shadow:
        0 0 12px rgba(0, 190, 255, 0.75),
        0 0 28px rgba(0, 140, 255, 0.42) !important;
    min-width: 145px;
}

#checkAll:hover {
    filter: brightness(1.18);
    transform: translateY(-1px);
}

#checkAll:disabled {
    opacity: 1 !important;
    background: linear-gradient(
        135deg,
        rgba(0, 105, 210, 0.94),
        rgba(0, 180, 220, 0.94)
    ) !important;
    color: white !important;
    cursor: progress;
    box-shadow:
        0 0 14px rgba(0, 190, 255, 0.8),
        inset 0 0 20px rgba(255, 255, 255, 0.12) !important;
}

#testSiren {
    color: #ffe59a !important;
    border-color: rgba(255, 193, 60, 0.85) !important;
    background: rgba(105, 63, 0, 0.34) !important;
    box-shadow: 0 0 14px rgba(255, 165, 0, 0.24) !important;
    font-weight: 800;
}