﻿
body.light {
    --active-color: #d03440;
    --bg: #f5f6fa;
    --bg-alt: #ffffff;
    --text: #1a1a1a;
    --text-light: #bfc1c9;
    --shadow: 0 8px 32px #0001, 0 1.5px 8px #9993;
    --text-title: #1a1a1a;
    --text-title-small: #1a1a1a;
}

/*LOADER*/
    body.light .loader-text {
        color: #4A0E12;
        font-weight: 600;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 3px rgba(153, 26, 30, 0.08);
    }

body.light .loader {
    border-top: 8px solid #751920 !important;
    border-bottom: 8px solid #751920 !important;
    box-shadow: 0 0 25px #751920 !important;
}

@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 12px #5c151b !important;
    }

    50% {
        box-shadow: 0 0 30px #5c151b !important;
    }
}

/* PAGE TITLE */
body.light .dfend-section-title {
    color: #241314 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 3px rgba(153, 26, 30, 0.08);
}

body.light .dfend-section-subtitle {
    color: #241314 !important;
}

body.light .dfend-section-header::after {
    background: linear-gradient(to right, transparent, #831f28, transparent);
}


/* BODY */
body.light .welcome, body.light .nav-item.active {
    color: #e2e2e2;
}
body.light .main {
    background: radial-gradient(1400px 900px at 25% -10%, #e6e5e6 0%, #dcdbdd 45%, #d3d2d5 75%, #c9c8cc 100%), linear-gradient(180deg, #e0dfe1 0%, #cdccd0 100%), radial-gradient(circle at 50% 130%, rgba(153,26,30,.06) 0%, transparent 80%) !important;
}

body.light ::selection {
    background: #991A1E26;
    color: #fff;
}

    /* SIDEBAR & NAVBAR */
    body.light .sidebar {
        background: linear-gradient(140deg, #2b171d 60%, #571e25 100%) !important;
        border-right: none !important;
        box-shadow: 20px 0 46px 16px #991A1E12, 0 0 36px #b0121e0a !important;
    }

        /* SCROLLBAR */
        body.light .sidebar::-webkit-scrollbar-thumb {
            background: linear-gradient(135deg, #8a2e37 0%, #3b1419 85%);
            border-radius: 6px;
            box-shadow: inset 0 1px 1px rgba(255,255,255,0.05), 0 1px 3px rgba(0,0,0,0.4);
            border: 1px solid rgba(255,255,255,0.06);
        }

    body.light .main::-webkit-scrollbar-thumb {
        background: linear-gradient(135deg, #991A1E 0%, #6c1f26 85%);
        border-radius: 6px;
        box-shadow: inset 0 1px 1px rgba(255,255,255,0.28), inset 0 -1px 1px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.35);
        border: 1px solid rgba(255,255,255,0.12);
    }

    /* ICON MENU */
    body.light .sidebar .nav-item .icon {
        background: #281418 !important; 
        box-shadow: inset 0 1px 1px rgba(255,255,255,0.05), 0 1px 3px rgba(0,0,0,0.4);
        transition: background 0.25s ease, box-shadow 0.25s ease;
    }

    /* NAV ITEM HOVER */
    body.light .sidebar .nav-item:hover {
        background: #542027; 
        color: #fff;
        box-shadow: 0 2px 12px #991A1E25, inset 0 0 0 1px rgba(255,255,255,0.05);
        transition: background 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
    }

    /* SUBNAV HOVER */
    body.light .subnav-item:hover {
        background-color: #5a2028 !important; 
        color: #fff;
        box-shadow: inset 2px 0 0 #991A1E, 0 0 4px #991A1E25;
    }

    /* ICON HOVER */
    body.light .sidebar .nav-item:hover .icon {
        background: #e2e3e6 !important;
        box-shadow: 0 0 6px #991A1E3f, inset 0 0 0 1px rgba(255,255,255,0.2);
    }

    /* TOPBAR */
    body.light .topbar,
    body.light .navbar {
        color: #fff !important;
        background: linear-gradient(180deg, rgba(255,255,255,0.045) 0%, transparent 18%), linear-gradient(90deg, #3e1419 0%, #5b1a21 50%, #3e1419 100%) !important;
        backdrop-filter: blur(4.5px) saturate(1.12);
        box-shadow: 0 5px 14px rgba(0,0,0,0.16), 0 2px 8px rgba(190,30,45,0.08), inset 0 -1px 0 rgba(255,255,255,0.04), 0 0 18px #991A1E14 !important;
    }

    /* SUBNAV ACTIVE */
    body.light .subnav-item.active {
        background: #542027; 
        color: #ffffff;
        box-shadow: inset 3px 0 0 #991A1E, 0 0 6px rgba(153, 26, 30, 0.35), 0 0 12px rgba(153, 26, 30, 0.15);
        border-radius: 12px;
    }

    /* KPI CARD */
body.light .kpi-card {
    background: linear-gradient(145deg, #e8e6e7 0%, #d9d7d8 100%) !important;
    border: 2px solid #a19a9c !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.55), inset 0 -1px 1px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    border-bottom: 4px solid transparent !important;
}

        body.light .kpi-card:hover {
            transform: translateY(-2px);
            filter: brightness(1.02);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14), 0 6px 20px rgba(153, 26, 30, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.6);
        }

    /* ICON */
    body.light .kpi-icon {
        background: radial-gradient(circle at 40% 35%, #b7b5b6 0%, #9a9799 100%);
        box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4), inset 0 -1px 2px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.12), 0 0 8px rgba(153, 26, 30, 0.10);
    }

        body.light .kpi-icon .material-icons-round {
            color: #241314;
            text-shadow: 0 1px 2px rgba(255, 255, 255, 0.15);
            opacity: 0.96;
            transition: color 0.25s ease, opacity 0.25s ease;
        }

        body.light .kpi-icon:hover .material-icons-round {
            color: #0d0d0e;
            opacity: 1;
        }

    body.light .bg-red {
        background: linear-gradient(145deg, #b84a53 25%, #8e1e26 100%) !important;
        color: #fff !important;
        box-shadow: 0 2px 14px rgba(153, 26, 30, 0.35);
    }

    body.light .bg-acqua {
        background: linear-gradient(145deg, #4eb79d 25%, #237d67 100%) !important;
        color: #f2fffb !important;
        box-shadow: 0 2px 14px rgba(0, 159, 128, 0.28);
    }

body.light .bg-magenta {
    background: linear-gradient( 145deg, #a56478 25%, 
    #7c3f52 100%
    ) !important;
    color: #fff !important;
    box-shadow: 0 2px 14px rgba(124, 63, 82, 0.24);
}

    body.light .bg-yellow {
        background: linear-gradient(145deg, #e1b03f 25%, #a97800 100%) !important;
        color: #fff7e2 !important;
        box-shadow: 0 2px 14px rgba(194, 143, 0, 0.25);
    }

    body.light .bg-gray {
        background: linear-gradient(145deg, #9d9ea1 25%, #7a7b7e 100%) !important;
        color: #fff !important;
        box-shadow: 0 2px 14px rgba(70, 72, 75, 0.22);
    }

    body.light .kpi-main {
        color: #202123;
        text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6);
    }

    body.light .kpi-red {
        color: #8e1e26;
    }

    body.light .kpi-acqua {
        color: #237d67;
    }

body.light .kpi-magenta {
    color: #7c3f52;
}

    body.light .kpi-yellow {
        color: #a97800;
    }

    body.light .kpi-gray {
        color: #47494d;
    }

  
    body.light .kpi-label {
        color: #38393b;
    }

body.light .kpi-info {
    color: #222326 !important;
    opacity: 0.75;
    transition: color 0.2s, opacity 0.2s;
}

        body.light .kpi-info:hover {
            color: #991A1E !important;
            opacity: 1;
        }

    
    body.light .kpi-delta {
        background: #d1d0d2;
        color: #323335;
        transition: background 0.2s ease, color 0.2s;
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
    }


        body.light .kpi-delta.kpi-positive {
            background: #65b59d;
            color: #052f25;
        }

        body.light .kpi-delta.kpi-negative {
            background: #d59a9f; 
            color: #5a151c; 
        }

        body.light .kpi-delta.neutral {
            background: #b9babc;
            color: #222326;
        }

body.light .border-accent-red {
    border-bottom: 4px solid #8e1e26 !important;
}

body.light .border-accent-acqua {
    border-bottom: 4px solid #237d67 !important;
}

body.light .border-accent-magenta {
    border-bottom: 4px solid #7c3f52 !important;
}

body.light .border-accent-yellow {
    border-bottom: 4px solid #a97800 !important;
}

body.light .border-accent-gray {
    border-bottom: 4px solid #5b5c5f !important;
}

/* AI RISK */
body.light .ai-risk-card .kpi-logo {
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55), inset 0 -1px 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.22);
}

body.light .ai-low .kpi-logo {
    background: linear-gradient(145deg, #4aa895 25%, #1f6f5e 100%) !important;
    color: #f2fffb !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.45), inset 0 -1px 2px rgba(0, 0, 0, 0.18), 0 3px 8px rgba(31, 111, 94, 0.24);
}

body.light .ai-low .kpi-main {
    color: #1f6f5e !important;
}

body.light .ai-low {
    border-bottom-color: #1f6f5e !important;
}

body.light .ai-medium .kpi-logo {
    background: linear-gradient(145deg, #d3a437 25%, #8f6b00 100%) !important;
    color: #fff7e2 !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.40), inset 0 -1px 2px rgba(0, 0, 0, 0.20), 0 3px 8px rgba(143, 107, 0, 0.22);
}

body.light .ai-medium .kpi-main {
    color: #8f6b00 !important;
}

body.light .ai-medium {
    border-bottom-color: #8f6b00 !important;
}


body.light .ai-high .kpi-logo {
    background: linear-gradient(145deg, #a9444c 25%, #7f1a21 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.30), inset 0 -1px 2px rgba(0, 0, 0, 0.28), 0 3px 8px rgba(127, 26, 33, 0.30);
}

body.light .ai-high .kpi-main {
    color: #7f1a21 !important;
}

body.light .ai-high {
    border-bottom-color: #7f1a21 !important;
}


body.light .ai-critical .kpi-logo {
    background: linear-gradient(145deg, #a25ba0 25%, #77296e 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.35), inset 0 -1px 2px rgba(0, 0, 0, 0.25), 0 3px 8px rgba(138, 46, 112, 0.30);
}

body.light .ai-critical .kpi-main {
    color: #77296e !important;
}

body.light .ai-critical {
    border-bottom-color: #77296e !important;
} 

body.light .ai-risk-card .logo-light {
    display: none;
}

body.light .ai-risk-card .logo-dark {
    display: inline-block;
}

/* CARD */
body.light .card-dark,
body.light .card {
    background: linear-gradient(145deg, #e4e2e3 0%, #d3d1d2 100%);
    border: 2px solid #a19a9c;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.09), 0 2px 8px rgba(153, 26, 30, 0.08);
    color: #241314 !important;
    font-weight: 650 !important;
}

        body.light .card-dark:hover {
            transform: translateY(-2px);
            filter: brightness(1.02);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14), 0 6px 18px rgba(153, 26, 30, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.6);
            border-color: #948d8f; 
        }

   /*CHART TITLE*/
body.light .chart-title {
    color: #241314 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 3px rgba(153, 26, 30, 0.08);
}

body.light .chart-container {
    color: #1e1e1e !important;
    font-weight: 500;
}

body.light .legend-item {
    color: #241314;
    font-weight: 649;
}

    /* HEADER */
    body.light .card-header h3 {
        color: #4a1a20;
        font-weight: 600;
        letter-spacing: 0.3px;
    }

    /* VALUE */
    body.light .value {
        color: #a81925;
        text-shadow: 0 1px 6px #991A1E2c;
        font-weight: 700;
    }

        body.light .value.down {
            color: #e04343;
            text-shadow: 0 1px 8px #e0434333;
        }

    /* TAG */
    body.light .tag {
        background: linear-gradient(135deg, #c92b36, #991A1E 80%);
        color: #fff;
        border-radius: 6px;
        box-shadow: 0 1px 6px #991A1E26, 0 0 2px #991A1E20 inset;
        font-weight: 500;
        letter-spacing: 0.3px;
        line-height: 1.4;
        padding: 3px 10px;
    }

        body.light .tag.down {
            background: linear-gradient(135deg, #e85d5d, #b02e2e);
            color: #fff;
            box-shadow: 0 2px 6px #e85d5d1f;
        }

    /* FOOTER SMALL TEXT */
    body.light .card small {
        color: #a6a8b2;
        font-size: 12.6px;
        letter-spacing: 0.2px;
    }

    /*  MODALS, TOOLTIPS, DROPDOWNS */
    body.light .modal-content {
        background: #fbfbfc;
        border: 1.5px solid #eadfe4;
        box-shadow: 0 12px 32px #991A1E25, 0 8px 24px #00000015;
        color: #23262f;
        border-radius: 14px;
    }

    /* body.light .tooltip {
        background: #2a1319 !important;
        color: #fff !important;
        border-radius: 8px;
        box-shadow: 0 2px 12px #991A1E33;
        padding: 6px 10px;
        font-size: 13px;
    }*/

    /* DROPDOWN MENU 
    body.light .dropdown-menu {
        background: linear-gradient(145deg, #3a151a 0%, #5a2028 100%) !important;
        box-shadow: 0 8px 28px rgba(58, 21, 26, 0.45), 0 3px 14px rgba(153, 26, 30, 0.25), inset 0 1px 1px rgba(255,255,255,0.05);
        border: 1px solid rgba(153, 26, 30, 0.25);
        border-radius: 10px;
        backdrop-filter: blur(3px);
    } */

body.light .dropdown-item:hover {
    background-color: #6c1f26 !important;
    color: #fff !important;
    filter: brightness(1.06) !important;
}

    /* CHARTS & TABLES */
    body.light .chart-box {
        background: #fcfafb;
        border: 1.4px solid #eadfe4;
        border-radius: 14px;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(153, 26, 30, 0.1);
        padding: 20px;
        margin-top: 20px;
    }

    /* BUTTONS & INTERACTIVE ELEMENTS */
    body.light .btn-glow-red:hover {
        background: #3a171d; 
        box-shadow: 0 2px 12px rgba(153, 26, 30, 0.25), 0 0 6px rgba(90, 20, 25, 0.25);
        filter: brightness(1.05);
    }

    /* NOTIFICATION BADGE */
    body.light .notif .badge {
        background: #b1232c; 
        box-shadow: 0 0 8px rgba(177, 18, 30, 0.55), 0 0 4px rgba(255, 65, 65, 0.35);
    }

    /* NOTIFICATION DROPDOWN */
    body.light .notif-dropdown {
        background: linear-gradient(145deg, #321217 0%, #4a1a20 100%);
        box-shadow: 0 8px 28px rgba(90, 20, 25, 0.35), 0 3px 12px rgba(153, 26, 30, 0.25);
        border: 1px solid rgba(153, 26, 30, 0.2);
    }

    /* SEARCH EXPANDED */
    body.light .search-expanded {
        background: linear-gradient(145deg, #351419 0%, #501c23 100%);
        box-shadow: inset 0 1px 2px rgba(255,255,255,0.08), 0 2px 8px rgba(0,0,0,0.25);
    }

    /* SEARCH ICON */
    body.light .search-icon {
        background: #351419; 
        box-shadow: inset 0 1px 1px rgba(255,255,255,0.05), 0 2px 6px rgba(0,0,0,0.22);
        transition: all 0.25s ease-in-out;
    }

        body.light .search-icon:hover,
        body.light .notif:hover,
        body.light .theme-toggle:hover {
            box-shadow: 0 0 10px rgba(153, 26, 30, 0.35), 0 0 6px rgba(255, 255, 255, 0.1);
            transform: translateY(-1px);
        }

    body.light .notif:hover,
    body.light .notif:focus-visible {
        background: linear-gradient(145deg, #3b151b 0%, #561c24 100%);
        border: 1px solid #b1232c;
        box-shadow: 0 0 14px rgba(153, 26, 30, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.35);
        transform: scale(1.05);
    }

    body.light .ui-autocomplete {
        background: #3d141b !important;
        box-shadow: 0 6px 24px #991A1E1c, 0 4px 12px #991A1E0b;
    }

    body.light .ui-menu-item {
        background: #3d141b !important;
        box-shadow: 0 6px 24px #991A1E1c, 0 4px 12px #991A1E0b;
    }

        body.light .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
            background-color: #2a1319 !important;
            color: #fff !important;
            filter: brightness(1.03) !important;
        }

    body.light .kpi-label {
        color: #241314;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 3px rgba(153, 26, 30, 0.08);
        font-weight: 700
    }

/* TABULATOR */
    body.light .tabulator {
        background: linear-gradient(145deg, #e8e6e7 0%, #d9d7d8 100%);
        border: 1.5px solid #a19a9c;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(153, 26, 30, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.6);
    }

/* HEADER */
body.light .tabulator .tabulator-header .tabulator-col {
    background: linear-gradient(135deg, #6c1c25 0%, #831f28 100%);
    color: #fff !important;
    font-weight: 600;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}
body.light .tabulator .tabulator-header {
    background: linear-gradient(135deg, #6c1c25 0%, #831f28 100%);
}
body.light .tabulator-col .tabulator-col-title {
    color: #fff;
    font-weight: 600;
}

/* FILTER HEADER */
    body.light .tabulator-header-filter input {
        background: #e8e6e7;
        border: 1.3px solid rgba(153, 26, 30, 0.25);
        border-radius: 8px;
        color: #1a1a1a !important;
        padding: 6px 10px;
        font-size: 13px;
        font-weight: 500;
        box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), inset 0 -1px 2px rgba(0, 0, 0, 0.05);
        transition: all 0.25s ease;
    }

body.light .tabulator-header-filter input::placeholder {
    color: rgba(0, 0, 0, 0.65);
}

/* HOVER & FOCUS */
body.light .tabulator-header-filter input:hover {
    border-color: rgba(153, 26, 30, 0.45);
}

body.light .tabulator-header-filter input:focus {
    border-color: #991A1E;
    box-shadow:
        0 0 0 2px rgba(153, 26, 30, 0.15),
        0 0 8px rgba(153, 26, 30, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.95);
}

/* CELL */
    body.light .tabulator-cell {
        padding: 10px 12px;
        border: none;
        color: #1e1e1e !important;
        font-weight: 500;
        font-size: 13px;       
    }

/* ROW */

body.light .tabulator-row {
    background: #e8e6e7 !important;
    border-bottom: 1px solid #a19a9c !important;
}

/* Hover & Selected */
body.light .tabulator-row:hover {
    background-color: rgba(153, 26, 30, 0.07) !important;
    box-shadow: inset 0 0 6px rgba(153, 26, 30, 0.08);
}

body.light .tabulator .tabulator-cell:hover {
    background-color: rgba(153, 26, 30, 0.07) !important;
    border: none !important;
}

body.light .tabulator-row.tabulator-selected {
    background-color: rgba(153, 26, 30, 0.12) !important;
    box-shadow: inset 0 0 8px rgba(153, 26, 30, 0.25);
}

    body.light .tabulator-row.tabulator-group span,
    body.light .tabulator-row.tabulator-group {
        color: #241314 !important;
        font-weight: 640;
    }

        body.light .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
            border-top: 6px solid #241314;
        }

/* SCROLLBAR */
body.light .tabulator,
body.light .tabulator .tabulator-tableHolder {
    scrollbar-width: thin !important;
    scrollbar-color: #9e2b35 #e8e6e7;
}

body.light .tabulator .tabulator-tableHolder::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}
body.light .tabulator .tabulator-tableHolder::-webkit-scrollbar-thumb {
    background: #9e2b35;
    border-radius: 4px;
}
    body.light .tabulator .tabulator-tableHolder::-webkit-scrollbar-track {
        background: #e8e6e7;
    }

/* SORT ICONS */
body.light .tabulator-col .tabulator-col-sorter,
body.light .tabulator-row .tabulator-responsive-collapse-toggle {
    color: #fff;
    opacity: 0.9;
}

body.light .tabulator-col .material-icons-outlined {
    color: #F2E7E7;
}

/* DROPDOWN TABULATOR */
body.light .tabulator .tabulator-cell.tabulator-editing,
body.light .tabulator .tabulator-cell.tabulator-editing input[type="search"],
body.light .tabulator .tabulator-cell.tabulator-editing input[type="text"] {
    border: 0.5px solid #2E5F8A !important;
}

/* DROPDOWN HOST */
body.light .dfend-group-editor-wrapper {
    background: #e8e6e7;
    border: 2px solid #a19a9c;
}

body.light .dfend-group-section-title {
    color: #1e1e1e;
    font-weight: 650;
}

body.light .dfend-group-item {
    color: #3F434A;
}

    body.light .dfend-group-item:hover {
        background: rgba(42, 107, 219, 0.10);
        box-shadow: inset 0 -2px 6px rgba(42, 107, 219, 0.22), inset 0 0 0 1px rgba(42, 107, 219, 0.18);
        color: #2E5F8A;
    }

body.light .dfend-group-separator {
    background: #a19a9c;
}

body.light .dfend-group-input {
    border: 0.5px solid #2E5F8A !important;
    color: #2A2D33;
}

    body.light .dfend-group-input:focus {
        border-color: #2E7BFF;
        box-shadow: 0 0 6px rgba(46, 123, 255, 0.25);
    }

body.light .dfend-group-add-btn {
    background: #2E5F8A;
    color: #ffffff;
}

    body.light .dfend-group-add-btn:hover {
        background-color: #356FA3 !important;
        color: #fff !important;
    }

body.light .dfend-group-clear-btn {
    color: #2E5F8A;
}


body.light .dfend-group-empty {
    color: #737983;
}

/* TOOLTIP */
body.light [data-bs-toggle="tooltip"].fa-info-circle {
    color: #831f28;
}


/* FOOTER */
body.light .footer-left,
body.light .footer-right {
    color: #241314 !important;
    font-weight: 600 !important;
}

body.light .footer-right a:hover {
    transform: scale(1.15);
    text-shadow: 0 0 6px #831f28 !important;
}

body.light .brand-highlight {
    color: #241314 !important;
    text-shadow: 0 0 2px #831f28 !important;
}

/* NOTIF */
body.light .drop-notifications {
    background: #e8e6e7 !important;
}

body.light .drop-notifications-header {
    background: #e8e6e7;
    border-bottom: 1.5px solid #a19a9c;
}

    body.light .drop-notifications-header h6 {
        color: #241314;
    }

body.light .drop-notifications .notif-date {
    background: #e8e6e7;
    color: #241314;
    font-weight: 700;
}

body.light .dfend-notification .notif-card {
    background: #e8e6e7;
    border: 1px solid #a19a9c;
}

    body.light .dfend-notification .notif-card.unread {
        border-left: 4px solid #8c1f27;
        background: #e8e6e7;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14), 0 6px 18px rgba(153, 26, 30, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.6);
    }

    body.light .dfend-notification .notif-card.read {
        border-left: 4px solid #a19a9c;
    }

    body.light .dfend-notification .notif-card:hover {
        background: #e8e6e7;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14), 0 6px 18px rgba(153, 26, 30, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.6);
    }

body.light .dfend-notification .notif-title {
    color: #241314 !important;
    font-weight: 700;
}

body.light .dfend-notification .notif-card.read .notif-title, .dfend-notification .notif-card.read .notif-message {
    font-weight: 400;
}

body.light .dfend-notification .notif-message {
    color: #241314 !important;
}

body.light .drop-notifications .text-muted {
    color: #3d1519 !important;
}

body.light .dfend-notification .notif-icon.info {
    color: #8c1f27 !important;
}

body.light .drop-notifications {
    scrollbar-width: thin;
    scrollbar-color: #8c1f27 #dedcdd;
}

body.light .drop-company {
    background: #e8e6e7 !important;
    border: 1px solid #a19a9c !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14), 0 6px 18px rgba(153, 26, 30, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.6);
}

body.light .drop-company-header {
    background: #e8e6e7 !important;
    border-bottom: 1.5px solid #a19a9c;
}

    body.light .drop-company-header h6 {
        color: #241314;
        font-weight: 700;
    }

body.light .company-card {
    background: #e8e6e7 !important;
    border: 1px solid #a19a9c;
    border-left: 4px solid #a19a9c; 
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 14px;
    transition: background var(--transition-fast), border var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4);
}

body.light .company-icon {
    color: #8c1f27 !important; 
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.08));
}

body.light .company-title {
    color: #241314;
    font-weight: 700;
}

body.light .company-card:hover {
    background: #e8e6e7 !important;
    border-left: 4px solid #8c1f27 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14), 0 6px 18px rgba(153, 26, 30, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.6);
    transform: translateX(3px);
}

body.light .company-card.active {
    border-left: 4px solid #8c1f27 !important;
    background: #e8e6e7 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14), 0 6px 18px rgba(153, 26, 30, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.6);
    transform: translateX(3px);
}

/* ICONS TABULATOR */
body.light .text-primary {
    color: #2C5C86 !important;
}

body.light .text-info {
    color: #3A8CA9 !important;
}

body.light .text-danger {
    color: #8C2A34 !important;
}

body.light .text-success {
    color: #2F7D63 !important;
}

body.light .text-warning {
    color: #C79A2B !important;
}

body.light .text-light {
    color: #1e1e1e !important;
}

/* SWEET ALERT */
body.light .swal2-popup.swal-dark {
    background: linear-gradient(135deg, #f2f1f2 75%, #e3e1e2 140%) !important;
    color: #1C1E20 !important;
    border: 2px solid #831f28 !important;
    box-shadow: 0 4px 24px rgba(155,43,50,0.25) !important;
}

    body.light .swal2-icon.swal2-info,
    body.light .swal2-popup.swal-dark .swal2-icon.swal2-warning {
        background: radial-gradient(circle at center, #9B2B3228 80%) !important;
        border: 2px solid #9B2B32 !important;
        color: #9B2B32 !important;
        text-shadow: 0 0 8px #9B2B3233 !important;
        box-shadow: 0 0 0 3px #991a1e10, 0 4px 28px 0 #991A1E33, inset 0 2px 2px #2a1b1e44;
    }

body.light .swal2-title {
    color: #1C1E20 !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.6), 0 1px 4px rgba(155,43,50,0.15) !important;
}

body.light .swal2-html-container {
    color: #3E4144 !important;
}

/* VIOLATION */
body.light .violation-entry {
    background: linear-gradient(145deg, #f9f8f9 60%, #e8e6e7 140%) !important;
    color: #1C1E20 !important;
    border: 1.5px solid #2E5F8A !important;
    box-shadow: 0 4px 24px rgba(46,95,138,0.22) !important;
}

body.light .violation-header,
body.light .violation-service,
body.light .violation-row {
    color: #1C1E20 !important;
}

body.light .remediation-status {
    color: #337E65 !important;
    text-shadow: 0 0 3px #337E6533 !important;
}

    body.light .remediation-status button.btn {
        background-color: #337E65 !important;
        box-shadow: 0 0 5px #337E6544, inset 0 0 1px #ffffff66 !important;
    }

        body.light .remediation-status button.btn:hover {
            background-color: #389C7A !important;
            color: #fff !important;
        }

/* WARNING */
body.light .swal2-icon.swal2-warning {
    background: radial-gradient(circle at center, #9B2B3228 80%) !important;
    border: 2px solid #9B2B32 !important;
    color: #9B2B32 !important;
    text-shadow: 0 0 8px #9B2B3233 !important;
    box-shadow: 0 0 0 3px #991a1e10, 0 4px 28px 0 #991A1E33, inset 0 2px 2px #2a1b1e44;
}

/* SUCCESSO */
body.light .swal2-popup.swal-success-remediated {
    background: linear-gradient(135deg, #f1f4f2 80%, #e0e8e4 140%) !important;
    color: #1c3129 !important;
    border-radius: 20px !important;
    border: 2px solid #337E65 !important;
    box-shadow: 0 4px 24px rgba(51,126,101,0.25) !important;
}

    body.light .swal2-popup.swal-success-remediated .swal2-icon.swal2-success {
        background: radial-gradient(circle at center, #2C6B5433 80%) !important;
        border: 2.5px solid #1B5247 !important;
        color: #337E65 !important;
        text-shadow: 0 0 8px #2C6B5433 !important;
        box-shadow: 0 0 0 3px #2C6B5414, 0 4px 28px #2C6B5414, inset 0 2px 2px rgba(0,0,0,0.08) !important;
    }

body.light div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
    background-color: #337E65 !important;
}

/* ERRORE */
body.light .swal2-popup.swal-error {
    background: linear-gradient(135deg, #f3f1f2 80%, #e5e3e4 140%) !important;
    color: #1C1E20 !important;
    border-radius: 20px !important;
    border: 2px solid #831f28 !important;
    box-shadow: 0 4px 24px rgba(155,43,50,0.25) !important;
}

    body.light .swal2-popup.swal-error .swal2-icon.swal2-error {
        background: radial-gradient(circle at center, #9B2B320a 80%) !important;
        border: 2px solid #9B2B32 !important;
        color: #9B2B32 !important;
        text-shadow: 0 0 6px #9B2B3233 !important;
        box-shadow: 0 0 0 3px #9B2B320f, 0 4px 20px rgba(155,43,50,0.25), inset 0 2px 2px rgba(0,0,0,0.05) !important;
    }

/* INFO */
body.light .swal2-popup.swal-info {
    background: linear-gradient(145deg, #f9f8f9 60%, #e8e6e7 140%) !important;
    color: #152433 !important;
    border: 2px solid #2E5F8A !important;
    box-shadow: 0 4px 24px rgba(46,95,138,0.22) !important;
}

    body.light .swal2-popup.swal-info .swal2-icon.swal2-info,
    body.light .swal2-popup.swal-info .swal2-icon.swal2-question {
        background: radial-gradient(circle at center, #2E5F8A22 80%) !important;
        border: 2px solid #2E5F8A !important;
        color: #2E5F8A !important;
        text-shadow: 0 0 8px #2E5F8A55 !important;
        box-shadow: 0 0 0 3px #2E5F8A0f, 0 4px 20px rgba(46,95,138,0.25), inset 0 2px 2px rgba(0,0,0,0.05) !important;
    }

/* BUTTONS GLOW */
body.light .btn-glow-cyan {
    background-color: #2E5F8A !important;
    color: #ffffff !important;
    box-shadow: 0 4px 18px rgba(46,95,138,0.25) !important;
    border: none !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 10px 22px !important;
    transition: all 0.25s ease !important;
}

    body.light .btn-glow-cyan:hover {
        background-color: #356FA3 !important;
        box-shadow: 0 6px 22px rgba(46,95,138,0.35) !important;
        color: #fff !important;
    }

body.light .btn-glow-yellow {
    background-color: #C8962C !important;
    color: #fff7e2 !important;
    box-shadow: 0 4px 18px rgba(200,150,44,0.25) !important;
}

    body.light .btn-glow-yellow:hover {
        background-color: #E0B33A !important;
        box-shadow: 0 6px 22px rgba(200,150,44,0.35) !important;
    }

/* BUTTONS RED */
body.light .btn-glow-red {
    background-color: #831f28;
    color: #fff3f3;
}

    body.light .btn-glow-red:hover {
        background-color: #9e2b35;
        box-shadow: none;
    }

body.light .btn:disabled {
    background: var(--btn-disabled-bg) !important;
    color: var(--btn-disabled-color) !important;
}

body.light .btn-glow-success {
    background-color: #337E65 !important;
    color: #f6fffa !important;
    box-shadow: 0 4px 18px rgba(51,126,101,0.25) !important;
}

    body.light .btn-glow-success:hover {
        background-color: #389C7A !important;
        box-shadow: 0 6px 22px rgba(51,126,101,0.35) !important;
    }

body.light .swal2-actions .btn {
    box-shadow: 0 0 6px #5A5E6322 !important;
}

/* BUTTONS */
body.light .btn-outline-secondary {
    border: 1.5px solid #5A5E63 !important;
    color: #5A5E63 !important;
    background-color: transparent !important;
}

    body.light .btn-outline-secondary:hover {
        color: #fff !important;
        background-color: #5A5E63 !important;
        border-color: #5A5E63 !important;
        box-shadow: 0 4px 20px rgba(90,94,99,0.25) !important;
    }

body.light .swal2-html-container {
    scrollbar-color: #2E5F8A transparent;
}

/* SCROLLBAR SWEET ALERT ROSSA */
body.light .swal-scroll-red .swal2-html-container {
    scrollbar-color: #A43F45 transparent;
}

    body.light .swal-scroll-red .swal2-html-container::-webkit-scrollbar-thumb {
        background: #A43F45;
    }

body.light .dfend-edit-form .form-control {
    background: #e8e6e7;
    border: 1.5px solid #a19a9c;
    color: #595B61;
}

    body.light .dfend-edit-form .form-control:focus {
        border: 1.5px solid #a19a9c;
        box-shadow: none;
    }

body.light .form-control {
    border: 1.5px solid #a19a9c;
    background: #e8e6e7;
}

body.light .form-select {
    background-color: #e8e6e7;
    border: 1.5px solid #a19a9c;
}

body.light .CodeMirror {
    border: 1.8px solid #a19a9c;
}

body.light .control-label {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 3px rgba(153, 26, 30, 0.08);
    color: #241314;
}

body.light .badge-success {
    color: #296853;
    border: 1px solid #296853;
    box-shadow: 0 0 4px #337E6540;
}

body.light .badge-warning {
    color: #9E7421;
    border: 1px solid #9E7421;
    box-shadow: 0 0 3px #C8962C40;
}

body.light .badge-danger {
    color: #6F1E23;
    border: 1px solid #6F1E23;
    box-shadow: 0 0 4px #8A252B40;
}

body.light .badge-pending {
    color: #234A6B;
    border: 1px solid #234A6B;
    box-shadow: 0 0 4px #2E5F8A40;
}

body.light .badge-neutral {
    color: #3E4247;
    border: 1px solid #3E4247;
    box-shadow: 0 0 3px #4C505540;
}

body.light .dfend-filter-label-group {
    font-weight: 650;
}

body.light .dfend-time-filter {
    background: linear-gradient(145deg, #e8e6e7 0%, #d9d7d8 100%);
    border: 1.9px solid #969092;
    color: #241314;
    font-weight: 650;
}

    body.light .dfend-time-filter:hover {
        background: linear-gradient(145deg, rgba(162, 50, 58, 0.12), rgba(162, 50, 58, 0.06));
        border: 1px solid rgba(162, 50, 58, 0.55);
        box-shadow: 0 0 4px rgba(162, 50, 58, 0.20), inset 0 0 2px rgba(162, 50, 58, 0.08);
        color: #742127; 
    }


    body.light .dfend-time-filter.active {
        background: linear-gradient(145deg, rgba(162, 50, 58, 0.20), rgba(162, 50, 58, 0.10));
        border: 1px solid rgba(162, 50, 58, 0.65);
        box-shadow: inset 0 0 6px rgba(162, 50, 58, 0.18), 0 0 8px rgba(162, 50, 58, 0.25);
        color: #6E1F25; 
    }

body.light .swal2-close-custom {
    color: #fff3f3;
    background: #9B2B32;
    box-shadow: none;
}

body.light .swal-close-custom:hover {
    background: #3a171d;
    box-shadow: 0 2px 12px rgba(153, 26, 30, 0.25), 0 0 6px rgba(90, 20, 25, 0.25);
    filter: brightness(1.05);
}

/* INPUT */
body.light .form-label {
    font-weight: 640;
    color: #37181A;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 3px rgba(153, 26, 30, 0.08);
}

body.light .dfend-input {
    background: #e8e6e7;
    border: 1px solid #37181A !important;
}

    body.light .dfend-input:focus {
        border: 1px solid #A2323A; 
        box-shadow: 0 0 6px rgba(162, 50, 58, 0.25);
        background: #f2f1f1; 
        color: #2B2B2B; 
        font-weight: 500; 
    }

    body.light .dfend-input:active {
        border: 1px solid #7D1F25; 
        box-shadow: 0 0 4px rgba(125, 31, 37, 0.3);
        background: #e4e2e3; 
    }

body.light .dfend-input::placeholder {
    color: #454545;
}

body.light .dfend-input:focus::placeholder {
    color: #991a1e;
    opacity: 0.65;
}

body.light input.form-control.dfend-input {
    color: #454545 !important;
}

body.light .dfend-readonly {
    background: #ECEBEE;
    color: #454545;
    border: 1px solid #37181A;
}

body.light .alert-danger {
    background: #F2E7E7; 
    border: 1px solid #A2323A; 
    color: #5E1A1D; 
    box-shadow: 0 2px 12px rgba(162, 50, 58, 0.08); 
}

body.light .alert-success {
    background: #E6F4F0;
    border: 1px solid #198754;
    color: #155C47;
    box-shadow: 0 2px 12px rgba(25, 135, 84, 0.08);
}

body.light .cyber-textarea {
    background: #E3E3E3;
    border: 1.2px solid #969092;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(255, 255, 255, 0.25);
    color: #6E7681;
    font-weight: 500;
}

    body.light .cyber-textarea:focus {
        border: 1px solid #8B2A31; 
        box-shadow: 0 0 6px rgba(162, 50, 58, 0.18), inset 0 0 4px rgba(0, 0, 0, 0.04);
        background: #e4e2e3; 
        color: #2B2B2B;
    }


/* SELECTOR */
body.light ::selection {
    color: #241314;
}

body.light .metric-neutral {
    color: #52575C; 
}

body.light .metric-label {
    color: #6A6C72; 
}

body.light .form-check-input:checked {
    background-color: #9e2b35;
    border-color: #9e2b35;
}

/* NEW CAMPAIGN */
body.light .dfend-form-section {
    background: linear-gradient(145deg, #e4e2e3 0%, #d3d1d2 100%);
    border: 2px solid #a19a9c;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.09), 0 2px 8px rgba(153, 26, 30, 0.08);
    color: #241314 !important;
    font-weight: 650 !important;
}

    body.light .dfend-form-section label {
        color: #241314 !important;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 3px rgba(153, 26, 30, 0.08);
        font-weight: 640;
    }

    body.light .dfend-form-section .form-control {
        border: 1.5px solid #a19a9c;
        background-color: #e8e6e7;
        color: #595B61;
        font-weight: 640;
    }

        .dfend-form-section .form-control::placeholder {
            color: #8e8e8e;
            opacity: 0.7;
        }

body.light .dfend-form-section i,
body.light .dfend-note {
    display: block;
    font-size: 0.85rem;
    margin-top: 1rem;
    color: #595B61;
    opacity: 0.8;
    text-align: center;
}

body.light .dfend-note{
    font-weight: 640 !important;
}

body.light .tabulator-tooltip {
    background: #e8e6e7 !important;
    border: 1px solid #1e1e1e !important;
    color: #1e1e1e !important;
}

/* AWARENESS */

body.light .thumb-play-btn {
    border: 2px solid #a19a9c;
}

    body.light .thumb-play-btn .awareness-icon {
        color: #241314;
    }

body.light .thumb-play-btn:hover {
    border-color: #8A252B;
}

body.light .video-title {
    color: #151515;
    text-shadow: 0 1px 3px rgba(0,0,0,0.08);
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.04));
}

body.light .video-desc {
    color: #3b3b3b;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

body.light .video-footer {
    border-top: 2px solid #a19a9c;
    backdrop-filter: blur(6px);
    font-weight: 600;
}

body.light .video-meta {
    color: #4d4d4d;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

    body.light .video-meta .awareness-icon {
        color: #b12635; 
        opacity: 0.9;
    }

body.light .video-duration {
    color: #333;
    text-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

body.light .awareness-status {
    background: #f4f4f4;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    text-shadow: 0 1px 2px rgba(255,255,255,0.3);
}

body.light .status-completed {
    background: #296853;
    color: #eafaf4;
    border: 1px solid rgba(24, 198, 131, 0.55);
    box-shadow: 0 3px 8px rgba(41,104,83,0.35);
}

    body.light .status-completed .awareness-icon {
        color: #eafaf4;
        text-shadow: none !important;
    }

body.light .status-inprogress {
    background: #006874;
    color: #e9feff;
    border: 1px solid rgba(0, 173, 181, 0.55);
    box-shadow: 0 3px 8px rgba(0,104,116,0.35);
}

    body.light .status-inprogress .awareness-icon {
        color: #e9feff;
        text-shadow: none !important;
    }

body.light .status-notstarted {
    background: #2d2d2d;
    color: #e2e2e2;
    border: 1px solid rgba(180, 180, 180, 0.45);
    box-shadow: 0 3px 8px rgba(0,0,0,0.4);
}

    body.light .status-notstarted .awareness-icon {
        color: #e2e2e2;
        text-shadow: none !important;
    }

body.light .status-gotoquiz {
    background: #8a4b16; 
    color: #fcefe6;
    border: 1px solid rgba(255,140,42,0.55); 
    box-shadow: 0 3px 8px rgba(138,75,22,0.35);
}

    body.light .status-gotoquiz .awareness-icon {
        color: #fcefe6;
        text-shadow: none !important;
    }

    body.light .status-gotoquiz:hover {
        transform: translateY(-1px);
        background: #723e12;
        border-color: rgba(255,165,85,0.78);
        box-shadow: 0 5px 12px rgba(138,75,22,0.45);
    }

/* PHISHING DETAIL */
body.light .dfend-tabs {
    border-bottom: 3px solid #9B9496 !important;
}

    body.light .dfend-tabs .nav-link {
        background: linear-gradient(145deg, #dcd9da 0%, #cfcccd 100%);
        color: #241314;
        border: 1px solid #b8b3b5;
        border-bottom: 2px solid transparent;
        transition: all 0.25s ease-in-out;
    }

        body.light .dfend-tabs .nav-link:hover {
            background: linear-gradient(145deg, #e8e6e7 0%, #d9d7d8 100%);
            border: 1.9px solid #831f28;
            border-bottom: transparent;
            color: #241314;
        }

        body.light .dfend-tabs .nav-link:hover .material-icons-outlined {
            color: #B8323B;
        }

    body.light .dfend-tabs .nav-link.active {
        color: #241314;
        background: linear-gradient(145deg, #e8e6e7 0%, #d9d7d8 100%);
        border: 1.9px solid #831f28;
        border-bottom: 2px solid #831f28;
        box-shadow: 0 0 6px rgba(153, 26, 30, 0.2), 0 0 8px rgba(0, 0, 0, 0.06);
    }

        body.light .dfend-tabs .nav-link.active .material-icons-outlined {
            color: #831f28;
        }

        body.light .dfend-tabs .nav-link.active::after {
            background: linear-gradient(145deg, #e8e6e7 0%, #d9d7d8 100%);
        }


body.light .campaign-code {
    color: #831f28;
    text-shadow: none;
}

body.light .range-container input[type=range] {
    background: #a19a9c;
}

body.light .range-container input[type=range]::-webkit-slider-thumb {
    background: #831f28;
    box-shadow: none;
}

/* MAP */
body.light .jvm-container {
    background: transparent !important;
}

/* Continenti e bordi */
body.light .jvm-region {
    fill: #625054 !important;
    stroke: #8a7578 !important;
    stroke-width: 1.2px !important;
}

/* Pulsanti zoom + / − */
body.light .jvm-zoom-btn {
    background: #831f28 !important;
    transition: all 0.25s ease-in-out;
}

/* Legenda */
body.light .map-legend-cyber {
    color: #241314 !important;
    font-weight: 550;
}

    body.light .map-legend-cyber div div {
        box-shadow: 0 0 6px rgba(153, 26, 30, 0.25) !important;
    }

/* Marker */
body.light .jvm-marker {
    stroke: #ffffff !important;
    stroke-width: 1.5px !important;
}

body.light .cyber-tooltip {
    background: #f9f6f7ee !important; 
}

/* Lista utenti */
body.light .cyber-tooltip-list li {
    border-bottom: 1px solid rgba(0,0,0,0.15) !important;
}

    /* Email */
    body.light .cyber-tooltip-list li span:first-child {
        color: #241314 !important;
        font-weight: 550;
    }

    /* Numero accessi */
    body.light .cyber-tooltip-list li span:last-child {
        color: #241314 !important;
    }

    body.light .btn-glow-red:hover {
        background: #a92024; 
        box-shadow: none;
    }

/* SIEM STATUS BAR */
body.light .siem-status-bar {
    background: linear-gradient(145deg, #e4e2e3 0%, #d3d1d2 100%);
    border: 2px solid #a19a9c;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15), inset 0 0 16px rgba(255, 120, 120, 0.06);
}

body.light .siem-status-title {
    color: #241314;
    text-shadow: none;
}

body.light .siem-divider {
    background: linear-gradient(to bottom, transparent, #241314, transparent);
}

body.light .siem-dot {
    background: #ccc;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.35), 0 0 6px rgba(0,0,0,0.15);
}

body.light .siem-ok {
    background: linear-gradient(145deg, #3a8d63, #2c744f);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.45), 0 0 8px rgba(44, 116, 79, 0.25);
}

body.light .siem-bad {
    background: linear-gradient(145deg, #c84646, #a73232);
    box-shadow: inset 0 0 7px rgba(0,0,0,0.45), 0 0 10px rgba(167, 50, 50, 0.25);
}

body.light .siem-warn {
    background: linear-gradient(145deg, #d6b24a, #b08c28);
    box-shadow: inset 0 0 7px rgba(0,0,0,0.40), 0 0 10px rgba(176, 140, 40, 0.25);
}


body.light .siem-label {
    color: #241314;
}

body.light .dfend-btn-raw {
    background: #831f28;
    border: 1px solid rgba(168, 54, 54, 0.35);
    color: #fff3f3;
    box-shadow: none;
}

    body.light .dfend-btn-raw:hover {
        background: #9e2b35; 
        color: #fff3f3;
        box-shadow: none;
    }

body.light .dfend-btn-raw-green {
    background: #2a5f48;
    border: 1px solid rgba(45, 106, 79, 0.35);
    color: #fff3f3;
    box-shadow: none;
}

    body.light .dfend-btn-raw-green:hover {
        background: #34745a;
        color: #fff3f3;
        box-shadow: none;
    }

body.light .dfend-btn-raw-cyan {
    background: #285f66;
    border: 1px solid rgba(43, 111, 120, 0.35);
    color: #fff3f3;
    box-shadow: none;
}

    body.light .dfend-btn-raw-cyan:hover {
        background: #2f737c;
        color: #fff3f3;
        box-shadow: none;
    }

body.light .dfend-btn-raw-orange {
    background: #a84f1a;
    border: 1px solid rgba(194, 90, 26, 0.35);
    color: #fff3f3;
    box-shadow: none;
}

    body.light .dfend-btn-raw-orange:hover {
        background: #bf5f24;
        color: #fff3f3;
        box-shadow: none;
    }

body.light .json-tree-wrapper {
    color: #1e1e1e !important; 
}

body.light .json-node {
    border-left: 1px solid rgba(0,0,0,0.20);
}

body.light .json-toggle {
    color: #1e1e1e !important;
    opacity: 0.8;
}

body.light .json-value-string {
    color: #234A6B;
}

body.light .json-value-number {
    color: #8A6F2B;
}

body.light .json-value-bool-true {
    color: #1E7A55;
}

body.light .json-value-bool-false {
    color: #B54A4A;
}

body.light .json-value-null {
    color: #777;
}

body.light .json-value-block {
    padding-left: 26px;
    margin-top: 2px;
    white-space: normal;
    word-break: break-word;
}

/* GRID SEARCH */
body.light .dfend-grid-search {
    background: #e8e6e7;
    border: 1px solid #37181A;
    border-bottom: 2px solid #831f28;
}

    body.light .dfend-grid-search:focus-within {
        border: 1px solid #A2323A;
        box-shadow: 0 0 6px rgba(162, 50, 58, 0.25);
        background: #f2f1f1;
        color: #2B2B2B;
    }

body.light .dfend-grid-search-icon {
    color: var(--text-title) !important;
    font-weight: 550;
}

body.light .dfend-grid-search-input {
    color: var(--text-title);
}

    body.light .dfend-grid-search-input::placeholder {
        font-weight: 550;
    }

/*SWEET ALERT FINDINGS*/
body.light .violation-toggle {
    color: #1C1E20;
}

body.light .violation-arrow {
    color: #6b7279;
}

body.light .form-check-input {
    border-color: #7f868d;
}

/* CERCA VULNERABILITY SWEET ALERT */
body.light .dfend-search-swal {
    background: linear-gradient(145deg, #f9f8f9 60%, #e8e6e7 140%);
    border: 1.5px solid #2E5F8A;
    box-shadow: 0 4px 24px rgba(46,95,138,0.22), 0 0 0 1px rgba(46,95,138,0.05);
}

body.light .dfend-search-modal {
    color: #1C1E20;
}

body.light .dfend-search-hero-title {
    color: #1C1E20;
    text-shadow: none;
}

body.light .dfend-search-hero-subtitle {
    color: #3b3b3b;
    font-weight: 500;
}

body.light .dfend-search-panel {
    background: linear-gradient(145deg, #f9f8f9 60%, #e8e6e7 140%);
    border: 1.5px solid #2E5F8A;
    box-shadow: 0 4px 24px rgba(46,95,138,0.22), 0 0 0 1px rgba(46,95,138,0.05);
}

body.light .dfend-search-label {
    color: #1C1E20;
}

body.light .dfend-radio-card {
    border: 1px solid rgba(46,95,138,0.18);
    background: linear-gradient(145deg, #fcfbfc 60%, #ece9ea 140%);
    color: #1C1E20;
}

    body.light .dfend-radio-card .material-icons-outlined {
        color: #2E5F8A;
    }

    body.light .dfend-radio-card:hover {
        border-color: rgba(46,95,138,0.34);
        box-shadow: 0 4px 16px rgba(46,95,138,0.12);
    }

    body.light .dfend-radio-card.active {
        border-color: #2E5F8A;
        background: linear-gradient(145deg, #f4f6f8 60%, #e5e9ee 140%);
        box-shadow: 0 0 0 1px rgba(46,95,138,0.05), 0 4px 14px rgba(46,95,138,0.12);
    }

body.light .dfend-search-inline-group .form-control:focus {
    border: 1.5px solid #a19a9c !important;
}

body.light .dfend-results-wrapper {
    border-top: 1px solid rgba(46,95,138,0.14);
}

body.light .dfend-results-title {
    color: #1C1E20;
}

    body.light .dfend-results-title .material-icons-outlined {
        color: #2E5F8A;
    }

body.light .dfend-results-counter {
    color: #2E5F8A;
    background: rgba(46,95,138,0.08);
    border: 1px solid rgba(46,95,138,0.16);
}

body.light .dfend-result-item {
    border: 1px solid rgba(46,95,138,0.16);
    background: linear-gradient(145deg, #fcfbfc 60%, #ece9ea 140%);
}

    body.light .dfend-result-item:hover {
        border-color: rgba(46,95,138,0.30);
        box-shadow: 0 4px 16px rgba(46,95,138,0.10), 0 0 0 1px rgba(46,95,138,0.03);
    }

    body.light .dfend-result-item.selected {
        border-color: #2E5F8A;
        background: linear-gradient(145deg, #f3f6f9 60%, #e4e9ef 140%);
        box-shadow: 0 0 0 1px rgba(46,95,138,0.05), 0 4px 16px rgba(46,95,138,0.14);
    }

body.light .dfend-result-icon {
    background: rgba(46,95,138,0.08);
    border: 1px solid rgba(46,95,138,0.16);
}

    body.light .dfend-result-icon .material-icons-outlined {
        color: #2E5F8A;
    }

body.light .dfend-result-check .material-icons-outlined {
    color: #7b8790;
}

body.light .dfend-result-item.selected .dfend-result-check .material-icons-outlined {
    color: #2E5F8A;
}

body.light .dfend-result-title {
    color: #1C1E20;
}

body.light .dfend-result-subtitle {
    color: #1C1E20;
}

body.light .dfend-empty-results {
    border: 1px dashed rgba(46,95,138,0.22);
    background: linear-gradient(145deg, #fbfafb 60%, #ece9ea 140%);
}

    body.light .dfend-empty-results .material-icons-outlined {
        color: #72818d;
    }

body.light .dfend-empty-results-title {
    color: #1C1E20;
}

body.light .dfend-empty-results-text {
    color: #62707a;
}

body.light .form-search-vuln {
    background: #fff;
}
