/* ═══════════════════════════════════════════════════════
   WAKER — LIGHT THEME  (GitBook Light)
   Clean white surfaces · subtle shadows · blue accent
   Activate:  document.documentElement.setAttribute('data-theme','light')
   ═══════════════════════════════════════════════════════ */

/* ── Variables ── */
[data-theme="light"] {
    --waker-green:                    #2D7CF6;
    --waker-red:                      #D32F2F;
    --waker-dark-green:               #EFF4FE;
    --waker-black:                    #FFFFFF;
    --waker-white:                    #1F1F1F;
    --black-transparent:              rgba(255, 255, 255, 0.95);
    --black-transparent-button:       rgba(45, 124, 246, 0.08);
    --black-transparent-button-hover: rgba(45, 124, 246, 0.15);
    --glass-border:                   rgba(0, 0, 0, 0.08);
    --glass-glow:                     rgba(45, 124, 246, 0.06);
}

/* ── Body ── */
[data-theme="light"] .custom-background {
    background: #F7F7F7;
    background-attachment: fixed;
    color: #1F1F1F;
}

/* ── Base text ── */
[data-theme="light"] body                            { color: #1F1F1F; }
[data-theme="light"] h1, [data-theme="light"] h2,
[data-theme="light"] h3, [data-theme="light"] h4,
[data-theme="light"] h5, [data-theme="light"] h6    { color: #111111; }
[data-theme="light"] p                               { color: #333333; }
[data-theme="light"] small                           { color: rgba(31, 31, 31, 0.52); }
[data-theme="light"] a                               { color: #1F1F1F; }
[data-theme="light"] a:hover                         { color: #2D7CF6; }
[data-theme="light"] .lead                           { color: #1F1F1F; }
[data-theme="light"] .text-bright                    { color: #111111; }

/* ── Navbar ── */
[data-theme="light"] .custom-navbar-styling-hover {
    background: #FFFFFF;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .custom-navbar-styling-hover:hover {
    background: #FFFFFF;
}

/* ── Sidebar ── */
[data-theme="light"] #waker-sidebar {
    background: #FAFAFA;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: none;
}
[data-theme="light"] #waker-sidebar .offcanvas-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

[data-theme="light"] .sb-brand-name    { color: #2D7CF6; }
[data-theme="light"] .sb-avatar        { background: rgba(45, 124, 246, 0.1); border-color: rgba(45, 124, 246, 0.3); color: #2D7CF6; }
[data-theme="light"] .sb-user-name     { color: #1F1F1F; }
[data-theme="light"] .sb-user-role     { color: rgba(31, 31, 31, 0.42); }
[data-theme="light"] .sb-section-label { color: rgba(31, 31, 31, 0.38); }
[data-theme="light"] .sb-divider       { background: rgba(0, 0, 0, 0.07); height: 1px; }
[data-theme="light"] .sb-status-row    { color: rgba(31, 31, 31, 0.52); }
[data-theme="light"] .sb-status-ok     { background: #2D7CF6; box-shadow: 0 0 6px rgba(45, 124, 246, 0.45); }

[data-theme="light"] .sb-item          { color: rgba(31, 31, 31, 0.72); }
[data-theme="light"] .sb-item i        { color: rgba(31, 31, 31, 0.35); }
[data-theme="light"] .sb-item:hover,
[data-theme="light"] .sb-item:focus-visible { background: rgba(45, 124, 246, 0.09); color: #2D7CF6; }
[data-theme="light"] .sb-item:hover i  { color: #2D7CF6; }
[data-theme="light"] .sb-item.is-active { background: rgba(45, 124, 246, 0.09); color: #2D7CF6; border-left-color: #2D7CF6; }
[data-theme="light"] .sb-item.is-active i { color: #2D7CF6; }

[data-theme="light"] .sb-badge         { background: rgba(45, 124, 246, 0.08); border-color: rgba(45, 124, 246, 0.2); color: #2D7CF6; }
[data-theme="light"] .sb-badge-red     { background: rgba(211, 47, 47, 0.07); border-color: rgba(211, 47, 47, 0.22); color: #D32F2F; }
[data-theme="light"] .sb-foot          { background: #F5F5F5; border-top: 1px solid rgba(0, 0, 0, 0.07); }

/* ── Page footer ── */
[data-theme="light"] .sb-footer-bar {
    background: #FFFFFF;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04);
    color: rgba(31, 31, 31, 0.6);
}

/* ── Toggle open button ── */
[data-theme="light"] .sb-open-btn {
    background: #FFFFFF;
    border-color: rgba(0, 0, 0, 0.12);
    color: rgba(31, 31, 31, 0.55);
    backdrop-filter: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .sb-open-btn:hover {
    background: #FFFFFF;
    border-color: rgba(45, 124, 246, 0.4);
    color: #2D7CF6;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

/* ── Surfaces (flat GitBook-style cards) ── */
[data-theme="light"] .glass-card,
[data-theme="light"] .glass-card-lg,
[data-theme="light"] .glass-card-sm,
[data-theme="light"] .glass-card-neutral {
    background: #FFFFFF;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    color: #1F1F1F;
}
[data-theme="light"] .glass-card h5,
[data-theme="light"] .glass-card-lg h5,
[data-theme="light"] .glass-card-sm h5,
[data-theme="light"] .glass-card-neutral h5  { color: #111111; }
[data-theme="light"] .glass-card small,
[data-theme="light"] .glass-card-lg small,
[data-theme="light"] .glass-card-sm small,
[data-theme="light"] .glass-card-neutral small { color: rgba(31, 31, 31, 0.52); }

[data-theme="light"] .glass-panel {
    background: #F7F7F8;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: none;
    color: #1F1F1F;
}

[data-theme="light"] .icon-badge {
    background: #F0F0F0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: none;
}

[data-theme="light"] .info-box {
    background: #F7F8FA;
    border: 1px solid rgba(0, 0, 0, 0.07);
    color: #1F1F1F;
}

[data-theme="light"] .status-indicator {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .glass-divider {
    background: rgba(0, 0, 0, 0.08);
}

/* ── Buttons ── */
[data-theme="light"] .btn-waker {
    background: rgba(45, 124, 246, 0.08);
    border: 1px solid rgba(45, 124, 246, 0.3);
    color: #2060C8;
    box-shadow: none;
}
[data-theme="light"] .btn-waker:hover {
    background: rgba(45, 124, 246, 0.15);
    box-shadow: none;
    color: #1550A8;
}
[data-theme="light"] .btn-export {
    background: #F0F0F0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #444444;
}
[data-theme="light"] .btn-export:hover {
    background: #E8E8E8;
    color: #1F1F1F;
}

/* ── Waker colour utilities ── */
[data-theme="light"] .waker-green   { color: #2D7CF6; }
[data-theme="light"] .waker-red     { color: #D32F2F; }
[data-theme="light"] .waker-yellow  { color: #B45309; }
[data-theme="light"] .waker-gray    { color: rgba(31, 31, 31, 0.45); }
[data-theme="light"] .waker-white   { color: #1F1F1F; }

/* ── Badges & labels ── */
[data-theme="light"] .stat-badge {
    color: #444444;
    border-color: rgba(0, 0, 0, 0.12);
    background: #F0F0F0;
}
[data-theme="light"] .glass-badge {
    background: rgba(45, 124, 246, 0.07);
    border-color: rgba(45, 124, 246, 0.22);
    color: #2060C8;
}

/* ── List items ── */
[data-theme="light"] .list-item {
    background: #FAFAFA;
    border-left: 3px solid rgba(45, 124, 246, 0.4);
    color: #1F1F1F;
}
[data-theme="light"] .list-item.severity-critical { background: rgba(211,47,47,0.05);  border-left-color: #D32F2F; }
[data-theme="light"] .list-item.severity-high     { background: rgba(180,83,9,0.05);   border-left-color: #B45309; }
[data-theme="light"] .list-item.severity-medium   { background: rgba(45,124,246,0.04); border-left-color: rgba(45,124,246,0.45); }

/* ── Inputs ── */
[data-theme="light"] .glass-input {
    background: #FFFFFF;
    border: 1.5px solid rgba(0, 0, 0, 0.12);
    color: #1F1F1F;
    box-shadow: none;
}
[data-theme="light"] .glass-input:focus {
    border-color: rgba(45, 124, 246, 0.5);
    background: #FFFFFF;
    box-shadow: 0 0 0 3px rgba(45, 124, 246, 0.08);
}
[data-theme="light"] .glass-input::placeholder { color: rgba(31, 31, 31, 0.32); }

[data-theme="light"] .search-input {
    background: #FFFFFF;
    border: 1.5px solid rgba(0, 0, 0, 0.1);
    color: #1F1F1F;
}
[data-theme="light"] .search-input input { color: #1F1F1F; }
[data-theme="light"] .search-input input::placeholder { color: rgba(31, 31, 31, 0.32); }
[data-theme="light"] .search-input:focus-within {
    border-color: rgba(45, 124, 246, 0.45);
    box-shadow: 0 0 0 3px rgba(45, 124, 246, 0.07);
}

/* ── Tables ── */
[data-theme="light"] .table > thead > tr > th {
    background-color: #F0F0F0;
    color: #2060C8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .table > tbody > tr > td {
    background-color: #FAFAFA;
    color: #1F1F1F;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* ── Modals ── */
[data-theme="light"] .modal-content {
    --bs-modal-bg:                   #FFFFFF;
    --bs-modal-border-color:         rgba(0, 0, 0, 0.12);
    --bs-modal-header-border-color:  rgba(0, 0, 0, 0.08);
    --bs-modal-footer-border-color:  rgba(0, 0, 0, 0.08);
    --bs-modal-color:                #1F1F1F;
}
[data-theme="light"] .modal-header,
[data-theme="light"] .modal-body,
[data-theme="light"] .modal-footer {
    background: #FFFFFF;
    color: #1F1F1F;
}
[data-theme="light"] .custom-waker-styled-modal {
    background: #FFFFFF;
    color: #1F1F1F;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .modal label { color: #333333; }
[data-theme="light"] .form-control,
[data-theme="light"] .form-select {
    background-color: #FFFFFF;
    border-color: rgba(0, 0, 0, 0.12);
    color: #1F1F1F;
}
[data-theme="light"] .form-control:focus,
[data-theme="light"] .form-select:focus {
    background-color: #FFFFFF;
    border-color: rgba(45, 124, 246, 0.45);
    color: #1F1F1F;
    box-shadow: 0 0 0 0.2rem rgba(45, 124, 246, 0.08);
}
[data-theme="light"] .form-control::placeholder { color: rgba(31, 31, 31, 0.35); }

/* ── Theme switcher pill ── */
[data-theme="light"] .theme-switcher {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.09);
    backdrop-filter: none;
}
[data-theme="light"] .theme-btn               { color: rgba(31, 31, 31, 0.42); }
[data-theme="light"] .theme-btn:hover         { background: rgba(0, 0, 0, 0.05); color: #1F1F1F; }
[data-theme="light"] .theme-btn.active        { background: rgba(45, 124, 246, 0.1); color: #2060C8; box-shadow: none; }

/* ── Sidebar dropdown ── */
[data-theme="light"] .sb-chevron                { color: rgba(31,31,31,0.3); }
[data-theme="light"] .sb-dropdown-toggle[aria-expanded="true"] .sb-chevron { color: #2D7CF6; }
[data-theme="light"] .sb-item-child             { color: rgba(31,31,31,0.55); }
[data-theme="light"] .sb-item-child i           { color: rgba(31,31,31,0.3); }
[data-theme="light"] .sb-item-child:hover,
[data-theme="light"] .sb-item-child:focus-visible { background: rgba(45,124,246,0.07); color: #2D7CF6; }
[data-theme="light"] .sb-item-child:hover i     { color: #2D7CF6; }
[data-theme="light"] .sb-item-child.is-active   { background: rgba(45,124,246,0.08); color: #2D7CF6; }
[data-theme="light"] .sb-item-child.is-active i { color: #2D7CF6; }

/* ── Glass table ── */
[data-theme="light"] .glass-table-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
[data-theme="light"] .glass-table thead tr th {
    background: #F0F2F5;
    color: #2060C8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 13px 16px;
}
[data-theme="light"] .glass-table tbody tr td {
    background: #FFFFFF;
    color: #1F1F1F;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 11px 16px;
}
[data-theme="light"] .glass-table tbody tr:hover td {
    background: #F5F7FF;
    color: #111111;
}
[data-theme="light"] .glass-table tbody tr:last-child td { border-bottom: none; }
[data-theme="light"] .glass-table .form-check-input:checked {
    background-color: #2D7CF6;
    border-color: #2D7CF6;
}

/* ── Scan group accordion ── */
[data-theme="light"] .scan-group-toggle         { color: #1F1F1F; border-color: rgba(0,0,0,0.2); }
[data-theme="light"] .scan-group-toggle:hover   { background: rgba(45,124,246,0.08); border-color: rgba(45,124,246,0.3); color: #2060C8; }
[data-theme="light"] .scan-sub-row td           { background: #F3F4F6 !important; }
[data-theme="light"] .scan-sub-row td:first-child { border-left-color: rgba(45,124,246,0.35) !important; }
[data-theme="light"] .glass-table tbody tr.scan-sub-row:hover td { background: #ECEEF2 !important; }

/* ── Scan status badge colours ── */
[data-theme="light"] .scan-badge-running   { background: rgba(45,124,246,0.1);  color: #2060C8; }
[data-theme="light"] .scan-badge-completed { background: rgba(22,163,74,0.1);   color: #15803d; }
[data-theme="light"] .scan-badge-stopped   { background: rgba(211,47,47,0.1);   color: #B91C1C; }
[data-theme="light"] .scan-badge-scheduled { background: rgba(180,83,9,0.1);    color: #B45309; }
[data-theme="light"] .scan-badge-queued    { background: rgba(100,100,100,0.08); color: rgba(80,80,80,0.75); }
[data-theme="light"] .scan-badge-context   { background: rgba(124,58,237,0.1);   color: #6d28d9; }
[data-theme="light"] .scan-pulse           { background: #2060C8; }

/* ── Danger icon button ── */
[data-theme="light"] .btn-icon-danger {
    background: transparent;
    border: 1px solid transparent;
    color: rgba(31,31,31,0.32);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 1rem;
    line-height: 1;
    transition: all 0.2s ease;
}
[data-theme="light"] .btn-icon-danger:hover {
    background: rgba(211,47,47,0.07);
    border-color: rgba(211,47,47,0.22);
    color: #D32F2F;
}
[data-theme="light"] .btn-icon {
    background: transparent;
    border: 1px solid transparent;
    color: rgba(31,31,31,0.32);
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 1rem;
    line-height: 1;
    transition: all 0.2s ease;
}
[data-theme="light"] .btn-icon:hover {
    background: rgba(45,124,246,0.07);
    border-color: rgba(45,124,246,0.22);
    color: #2060C8;
}

/* ── custom-waker-styled-button for light theme ── */
[data-theme="light"] .custom-waker-styled-button {
    background: rgba(45,124,246,0.08);
    border: 1px solid rgba(45,124,246,0.3);
    color: #2060C8;
}
[data-theme="light"] .custom-waker-styled-button:hover {
    background: rgba(45,124,246,0.15);
    border-color: rgba(45,124,246,0.5);
    color: #1550A8;
}

/* ── Toast ── */
[data-theme="light"] .waker-toast {
    background: #FFFFFF;
    border: 1px solid rgba(0,0,0,0.09);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1), 0 1px 4px rgba(0,0,0,0.06);
    color: #1F1F1F;
}
[data-theme="light"] .waker-toast-close { color: rgba(31,31,31,0.38); }
[data-theme="light"] .waker-toast-body  { color: rgba(31,31,31,0.65); }
[data-theme="light"] .waker-toast-progress { background: rgba(0,0,0,0.05); }

[data-theme="light"] .waker-toast.toast-success .waker-toast-icon        { color: #16a34a; }
[data-theme="light"] .waker-toast.toast-success .waker-toast-progress-bar { background: #16a34a; }
[data-theme="light"] .waker-toast.toast-warning .waker-toast-icon        { color: #B45309; }
[data-theme="light"] .waker-toast.toast-warning .waker-toast-progress-bar { background: #B45309; }
[data-theme="light"] .waker-toast.toast-danger .waker-toast-icon         { color: #D32F2F; }
[data-theme="light"] .waker-toast.toast-danger .waker-toast-progress-bar  { background: #D32F2F; }
[data-theme="light"] .waker-toast.toast-info .waker-toast-icon           { color: #2060C8; }
[data-theme="light"] .waker-toast.toast-info .waker-toast-progress-bar    { background: #2060C8; }

/* ─── OSINT modal helpers ─── */
[data-theme="light"] .osint-section-label   { color: rgba(31, 31, 31, 0.55); }
[data-theme="light"] .osint-domain-tag      { color: rgba(31, 31, 31, 0.6); }

[data-theme="light"] .threat-lvl {
    border-color: rgba(0, 0, 0, 0.1);
    background:   rgba(0, 0, 0, 0.025);
    color:        rgba(31, 31, 31, 0.6);
}
[data-theme="light"] .threat-meter:not(.threat-meter--readonly) .threat-lvl:hover {
    background: rgba(0, 0, 0, 0.05);
    color:      #1F1F1F;
}
/* Dreigingsniveau per level: 5 paars, 4 rood, 3 oranje, 2 geel, 1 lichtblauw */
[data-theme="light"] .threat-lvl[data-level="5"].is-active {
    background:   rgba(126, 34, 206, 0.1);
    border-color: rgba(126, 34, 206, 0.45);
    color:        #7E22CE;
}
[data-theme="light"] .threat-lvl[data-level="4"].is-active {
    background:   rgba(211, 47, 47, 0.1);
    border-color: rgba(211, 47, 47, 0.5);
    color:        #B91C1C;
}
[data-theme="light"] .threat-lvl[data-level="3"].is-active {
    background:   rgba(180, 83, 9, 0.1);
    border-color: rgba(180, 83, 9, 0.45);
    color:        #B45309;
}
[data-theme="light"] .threat-lvl[data-level="2"].is-active {
    background:   rgba(161, 98, 7, 0.1);
    border-color: rgba(161, 98, 7, 0.45);
    color:        #A16207;
}
[data-theme="light"] .threat-lvl[data-level="1"].is-active {
    background:   rgba(2, 132, 199, 0.1);
    border-color: rgba(2, 132, 199, 0.45);
    color:        #0284C7;
}

[data-theme="light"] .osint-screenshot-frame {
    border-color: rgba(0, 0, 0, 0.18);
    background:   rgba(0, 0, 0, 0.02);
}
[data-theme="light"] .osint-screenshot-ph { color: rgba(31, 31, 31, 0.4); }

[data-theme="light"] .osint-textblock {
    background:   #FAFAFA;
    border-color: rgba(0, 0, 0, 0.08);
    color:        #1F1F1F;
}