/* Generated from oneui_sitewide_styles.html (the <style> block, unwrapped).
   This external file replaces the per-page {% include %} so browsers cache
   it once instead of re-parsing ~71KB of inline CSS on every navigation.
   If you edit these styles, edit THIS file and bump the ?v= param on the
   <link rel="stylesheet" ... oneui_sitewide.css> tags in the templates. */
    :root {
        --oneui-bg: #050510;
        --oneui-surface: rgba(10, 14, 32, 0.76);
        --oneui-surface-strong: rgba(13, 18, 42, 0.84);
        --oneui-surface-soft: rgba(7, 10, 24, 0.54);
        --oneui-border: rgba(174, 197, 255, 0.18);
        --oneui-border-bright: rgba(34, 211, 238, 0.38);
        --oneui-text: #e5f7ff;
        --oneui-muted: rgba(203, 213, 225, 0.72);
        --oneui-cyan: #22d3ee;
        --oneui-purple: #bc13fe;
        --oneui-pink: #ff2bd6;
        --oneui-yellow: #fcee0a;
        --oneui-radius-sm: 10px;
        --oneui-radius-md: 12px;
        --oneui-radius-lg: 16px;
        --oneui-shadow: 0 20px 48px rgba(0, 0, 0, 0.28);
        --oneui-shadow-soft: 0 14px 32px rgba(0, 0, 0, 0.2);
        --oneui-inset: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    html {
        scrollbar-gutter: stable;
    }

    body {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }

    body:not(.theme-light)::selection {
        background: rgba(34, 211, 238, 0.28);
        color: #f8fdff;
    }

    :where(nav, .site-nav-shell, .details-page-nav, .topbar) {
        position: relative;
        background:
            linear-gradient(180deg, rgba(12, 17, 43, 0.78), rgba(5, 8, 22, 0.62)) !important;
        border-color: rgba(174, 197, 255, 0.18) !important;
        box-shadow:
            0 14px 36px rgba(0, 0, 0, 0.3),
            0 0 0 1px rgba(255, 255, 255, 0.035),
            var(--oneui-inset) !important;
        backdrop-filter: blur(24px) saturate(150%);
        -webkit-backdrop-filter: blur(24px) saturate(150%);
    }

    :where(nav, .site-nav-shell, .details-page-nav, .topbar)::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 1px;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.58), rgba(255, 43, 214, 0.48), transparent);
        opacity: 0.7;
    }

    :where(.glass-panel, .bg-neon-card, .analytics-card, .analytics-widget, .analytics-stat-card, .campaign-ioc-panel, .campaign-ioc-card, .modal-quiet-summary, .modal-section-disclosure, .challenge-card, .setup-card, .card, .panel, .side, .viewport) {
        border-radius: var(--oneui-radius-md) !important;
        border-color: rgba(174, 197, 255, 0.14) !important;
        background:
            radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.075), transparent 26%),
            radial-gradient(circle at 92% 8%, rgba(34, 211, 238, 0.08), transparent 30%),
            linear-gradient(180deg, rgba(15, 22, 52, 0.72), rgba(5, 8, 23, 0.56)) !important;
        box-shadow:
            var(--oneui-shadow-soft),
            0 0 22px rgba(34, 211, 238, 0.075),
            inset 0 0 0 1px rgba(255, 255, 255, 0.055),
            var(--oneui-inset) !important;
        backdrop-filter: blur(22px) saturate(145%);
        -webkit-backdrop-filter: blur(22px) saturate(145%);
        background-clip: padding-box;
    }

    :where(.glass-panel, .bg-neon-card, .analytics-card, .analytics-widget, .analytics-stat-card, .campaign-ioc-panel, .campaign-ioc-card, .challenge-card, .setup-card, .card, .panel):hover {
        border-color: rgba(34, 211, 238, 0.22) !important;
        box-shadow:
            var(--oneui-shadow),
            0 0 26px rgba(34, 211, 238, 0.11),
            inset 0 0 0 1px rgba(255, 255, 255, 0.085),
            var(--oneui-inset) !important;
    }

    :where(dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal), .analytics-modal, .campaign-ioc-modal) {
        border-radius: var(--oneui-radius-lg) !important;
        border-color: rgba(174, 197, 255, 0.16) !important;
        background:
            radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.09), transparent 28%),
            radial-gradient(circle at 10% 0%, rgba(34, 211, 238, 0.14), transparent 34%),
            radial-gradient(circle at 90% 8%, rgba(255, 43, 214, 0.12), transparent 32%),
            linear-gradient(180deg, rgba(12, 17, 39, 0.9), rgba(5, 8, 20, 0.82)) !important;
        box-shadow:
            0 30px 84px rgba(0, 0, 0, 0.5),
            0 0 42px rgba(34, 211, 238, 0.08),
            0 0 48px rgba(188, 19, 254, 0.1),
            inset 0 0 0 1px rgba(255, 255, 255, 0.08),
            var(--oneui-inset) !important;
        backdrop-filter: blur(26px) saturate(150%);
        -webkit-backdrop-filter: blur(26px) saturate(150%);
    }

    :where(button, .btn, .action-btn, .tab-btn, .logout-button-shell, .dropdown-item, input[type="button"], input[type="submit"], a[class*="border"], summary) {
        border-radius: var(--oneui-radius-sm) !important;
        transition:
            transform 160ms ease,
            box-shadow 180ms ease,
            border-color 180ms ease,
            background-color 180ms ease,
            color 180ms ease;
    }

    :where(button, .btn, .action-btn, .tab-btn, .logout-button-shell, input[type="button"], input[type="submit"], a[class*="border"]):hover {
        transform: translateY(-1px);
    }

    :where(button, .btn, .action-btn, .tab-btn, .logout-button-shell, input[type="button"], input[type="submit"], a, summary, input, select, textarea):focus-visible {
        outline: 2px solid rgba(34, 211, 238, 0.7) !important;
        outline-offset: 2px;
        box-shadow:
            0 0 0 4px rgba(34, 211, 238, 0.12),
            0 0 22px rgba(188, 19, 254, 0.1) !important;
    }

    :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .f-input, .input, .field-input) {
        border-radius: var(--oneui-radius-sm) !important;
        border-color: rgba(148, 163, 184, 0.2) !important;
        background: rgba(5, 8, 20, 0.54) !important;
        color: var(--oneui-text) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 10px 24px rgba(0, 0, 0, 0.14) !important;
    }

    :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .f-input, .input, .field-input):focus {
        border-color: rgba(34, 211, 238, 0.56) !important;
        box-shadow:
            0 0 0 3px rgba(34, 211, 238, 0.1),
            0 0 22px rgba(188, 19, 254, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    }

    :where(.badge, [class*="badge-"], .modal-count-pill) {
        border-radius: 999px !important;
        border-color: rgba(148, 163, 184, 0.18) !important;
        background-color: rgba(8, 13, 31, 0.58) !important;
    }

    :where(.status-filter-chip, .view-choice) {
        border-radius: 999px !important;
    }

    :where(.status-filter-chip > i, .status-filter-chip .status-filter-label, .status-filter-chip .status-filter-count, .view-choice > i) {
        box-shadow: none !important;
    }

    :where(.status-filter-chip > i:not(.status-filter-check), .view-choice > i) {
        background: transparent !important;
        border: 0 !important;
        outline: 0 !important;
    }

    :where(.video-card, .avatar-option) {
        border-radius: var(--oneui-radius-md) !important;
        background:
            radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.075), transparent 30%),
            linear-gradient(180deg, rgba(9, 13, 31, 0.62), rgba(4, 7, 18, 0.48)) !important;
        border-color: rgba(148, 163, 184, 0.2) !important;
        box-shadow:
            0 12px 26px rgba(0, 0, 0, 0.14),
            var(--oneui-inset) !important;
    }

    :where(.video-card.selected, .avatar-option.selected) {
        border-color: rgba(34, 211, 238, 0.62) !important;
        box-shadow:
            0 0 0 1px rgba(34, 211, 238, 0.16),
            0 0 22px rgba(34, 211, 238, 0.13),
            var(--oneui-inset) !important;
    }

    :where(.video-thumb-placeholder) {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    :where(.video-thumb-placeholder > i) {
        width: 3.15rem;
        height: 3.15rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        border: 1px solid rgba(34, 211, 238, 0.2);
        background:
            radial-gradient(circle at 50% 38%, rgba(34, 211, 238, 0.13), rgba(188, 19, 254, 0.08) 58%, transparent 72%);
        box-shadow: 0 0 22px rgba(34, 211, 238, 0.1);
    }

    :where(.video-thumb-none > i) {
        color: rgba(148, 163, 184, 0.72);
        border-color: rgba(148, 163, 184, 0.2);
        background: rgba(8, 13, 31, 0.46);
    }

    :where(.video-thumb-random > i) {
        color: rgba(34, 211, 238, 0.9);
        border-color: rgba(34, 211, 238, 0.28);
    }

    :where(.font-cyber, .analytics-eyebrow, .f-label, .status-filter-title) {
        letter-spacing: 0.1em;
    }

    :where(.analytics-eyebrow, .f-label, .status-filter-title, .modal-section-hint, .analytics-subtext) {
        color: var(--oneui-muted) !important;
    }

    :where(table) {
        border-collapse: separate;
        border-spacing: 0;
    }

    :where(th, td, tr) {
        border-color: rgba(148, 163, 184, 0.12) !important;
    }

    @media (max-width: 720px) {
        :root {
            --oneui-radius-md: 11px;
            --oneui-radius-lg: 14px;
        }

        :where(.glass-panel, .bg-neon-card, .analytics-card, .analytics-widget, .challenge-card, .setup-card, .card, .panel) {
            box-shadow:
                0 12px 28px rgba(0, 0, 0, 0.2),
                var(--oneui-inset) !important;
        }
    }

    body.theme-light {
        --oneui-surface: rgba(255, 255, 255, 0.92);
        --oneui-surface-strong: rgba(255, 255, 255, 0.98);
        --oneui-border: rgba(100, 116, 139, 0.25);
        --oneui-text: #0f172a;
        --oneui-muted: #64748b;
        color-scheme: light;
    }

    body.theme-light :where(nav, .site-nav-shell, .details-page-nav, .topbar) {
        background: rgba(255, 255, 255, 0.9) !important;
        border-color: rgba(8, 145, 178, 0.2) !important;
        box-shadow: 0 12px 30px rgba(28, 45, 73, 0.12) !important;
    }

    body.theme-light :where(.glass-panel, .bg-neon-card, .analytics-card, .analytics-widget, .analytics-stat-card, .campaign-ioc-panel, .campaign-ioc-card, .modal-quiet-summary, .modal-section-disclosure, .challenge-card, .setup-card, .card, .panel, .side, .viewport) {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 247, 255, 0.94)) !important;
        border-color: rgba(100, 116, 139, 0.24) !important;
        box-shadow:
            0 16px 34px rgba(28, 45, 73, 0.11),
            inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    }

    body.theme-light :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .f-input, .input, .field-input) {
        background: rgba(255, 255, 255, 0.86) !important;
        border-color: rgba(100, 116, 139, 0.3) !important;
        color: #0f172a !important;
    }

    body.theme-light :where(.video-card, .avatar-option) {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(242, 247, 255, 0.82)) !important;
        border-color: rgba(100, 116, 139, 0.24) !important;
    }

    body.theme-light :where(.video-thumb-placeholder > i) {
        background: rgba(224, 242, 254, 0.74);
        border-color: rgba(8, 145, 178, 0.22);
        box-shadow: none;
    }

    /* Shape cleanup: category filters are independent icon toggles, not a slider. */
    #status-filter-controls .status-filter-chip {
        position: relative !important;
        isolation: isolate !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-color: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
    }

    #status-filter-controls .status-filter-chip::before {
        content: none !important;
        display: none !important;
    }

    #status-filter-controls .status-filter-chip:hover,
    #status-filter-controls .status-filter-chip:focus-visible,
    #status-filter-controls .status-filter-chip.active {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-color: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    #status-filter-controls .status-filter-chip > i:not(.status-filter-check),
    #status-filter-controls .status-filter-chip .status-filter-label {
        position: relative;
        z-index: 1;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    #status-filter-controls .status-filter-count {
        z-index: 2;
        border-radius: 999px !important;
        background: rgba(34, 211, 238, 0.16) !important;
        border-color: rgba(34, 211, 238, 0.24) !important;
        box-shadow: none !important;
    }

    #status-filter-controls .status-filter-chip.active > i:not(.status-filter-check) {
        filter: drop-shadow(0 0 9px currentColor) drop-shadow(0 0 16px rgba(34, 211, 238, 0.32)) !important;
    }

    #status-filter-controls .status-filter-chip.active .status-filter-label {
        color: #e5f9ff !important;
        text-shadow: 0 0 10px rgba(34, 211, 238, 0.3) !important;
    }

    .video-card,
    .avatar-option {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .video-card:hover,
    .video-card.selected,
    .avatar-option:hover,
    .avatar-option.selected {
        background:
            radial-gradient(ellipse at center, rgba(34, 211, 238, 0.12), rgba(188, 19, 254, 0.07) 62%, transparent 76%) !important;
        border-color: rgba(34, 211, 238, 0.26) !important;
        box-shadow:
            0 0 0 1px rgba(34, 211, 238, 0.09),
            0 0 22px rgba(34, 211, 238, 0.12) !important;
    }

    .video-card .video-thumb-placeholder,
    .video-card .video-thumb-none,
    .video-card .video-thumb-random {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 999px !important;
    }

    .video-card .video-thumb-placeholder > i {
        width: 3.25rem !important;
        height: 3.25rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        border: 1px solid rgba(34, 211, 238, 0.22) !important;
        background:
            radial-gradient(circle at 50% 38%, rgba(34, 211, 238, 0.16), rgba(188, 19, 254, 0.08) 58%, rgba(8, 13, 31, 0.3) 100%) !important;
        box-shadow: 0 0 20px rgba(34, 211, 238, 0.12) !important;
    }

    .video-card .video-thumb-none > i {
        color: rgba(148, 163, 184, 0.74) !important;
        border-color: rgba(148, 163, 184, 0.22) !important;
        background: rgba(8, 13, 31, 0.48) !important;
    }

    .video-card .video-thumb-random > i {
        color: rgba(34, 211, 238, 0.92) !important;
    }

    .avatar-option .profile-avatar-chip {
        border-radius: 999px !important;
        border: 1px solid rgba(34, 211, 238, 0.2) !important;
        box-shadow: 0 0 18px rgba(34, 211, 238, 0.12) !important;
    }

    body.theme-light #status-filter-controls .status-filter-chip:hover,
    body.theme-light #status-filter-controls .status-filter-chip:focus-visible,
    body.theme-light #status-filter-controls .status-filter-chip.active,
    body.theme-light .video-card:hover,
    body.theme-light .video-card.selected,
    body.theme-light .avatar-option:hover,
    body.theme-light .avatar-option.selected {
        background:
            radial-gradient(ellipse at center, rgba(224, 242, 254, 0.92), rgba(245, 243, 255, 0.58) 64%, transparent 78%) !important;
        border-color: rgba(8, 145, 178, 0.28) !important;
    }

    body.theme-light #status-filter-controls .status-filter-chip:hover,
    body.theme-light #status-filter-controls .status-filter-chip:focus-visible,
    body.theme-light #status-filter-controls .status-filter-chip.active {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-color: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    /* Subtle index transparency: glassier surfaces without sacrificing scan/readability. */
    #index-main-content .tools-controls-fixed > .bg-neon-card {
        background:
            linear-gradient(180deg, rgba(14, 18, 42, 0.86), rgba(7, 10, 25, 0.78)) !important;
        border-color: rgba(34, 211, 238, 0.16) !important;
        box-shadow:
            0 16px 38px rgba(0, 0, 0, 0.24),
            0 0 24px rgba(188, 19, 254, 0.075),
            var(--oneui-inset) !important;
    }

    #index-main-content section > .grid.mb-8 > .glass-panel {
        background:
            linear-gradient(180deg, rgba(13, 18, 42, 0.84), rgba(6, 9, 23, 0.76)) !important;
        border-color: rgba(148, 163, 184, 0.14) !important;
        box-shadow:
            0 14px 32px rgba(0, 0, 0, 0.2),
            var(--oneui-inset) !important;
    }

    #emails-list .email-row {
        background:
            linear-gradient(180deg, rgba(13, 17, 38, 0.9), rgba(7, 10, 25, 0.84)) !important;
        border-color: rgba(148, 163, 184, 0.16) !important;
        box-shadow:
            0 14px 32px rgba(0, 0, 0, 0.18),
            var(--oneui-inset) !important;
    }

    #emails-list .email-row:hover,
    #emails-list .email-row:focus-visible,
    #emails-list .email-row.keyboard-selected,
    #emails-list .email-row.email-row-active-case {
        background:
            linear-gradient(180deg, rgba(16, 21, 46, 0.94), rgba(9, 13, 31, 0.89)) !important;
    }

    #index-main-content .email-search-shell::after {
        background:
            linear-gradient(180deg, rgba(12, 17, 39, 0.88), rgba(5, 8, 20, 0.8)) !important;
    }

    body.theme-light #index-main-content .tools-controls-fixed > .bg-neon-card,
    body.theme-light #index-main-content section > .grid.mb-8 > .glass-panel,
    body.theme-light #emails-list .email-row {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(242, 247, 255, 0.82)) !important;
        box-shadow:
            0 14px 30px rgba(28, 45, 73, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    }

    /* Category filters: old selected-chip look, with the motion slider fully disabled. */
    #index-main-content #status-filter-controls {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 0.42rem !important;
        flex: 1 1 26rem !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        padding: 0.12rem 0 !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    #index-main-content #status-filter-controls.motion-filter-rail {
        isolation: auto !important;
    }

    #index-main-content #status-filter-controls > .motion-filter-highlight {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #index-main-content #status-filter-controls::-webkit-scrollbar {
        display: none !important;
    }

    #index-main-content .status-filter-title {
        flex: 0 0 auto !important;
        align-self: center !important;
        margin-right: 0.1rem !important;
    }

    #index-main-content .status-filter-chip {
        flex: 0 0 auto !important;
        min-width: 4.85rem !important;
        min-height: 2.85rem !important;
        padding: 0.56rem 0.54rem 0.48rem !important;
        border: 1px solid rgba(148, 163, 184, 0.12) !important;
        border-radius: 999px !important;
        background: rgba(8, 13, 31, 0.54) !important;
        background-image: none !important;
        color: rgba(209, 213, 219, 0.86) !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    #index-main-content .category-filter-row {
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    #index-main-content #status-filter-controls .status-filter-chip:hover,
    #index-main-content #status-filter-controls .status-filter-chip:focus-visible {
        background: rgba(12, 17, 39, 0.78) !important;
        background-image: none !important;
        border-color: rgba(34, 211, 238, 0.34) !important;
        color: #e5f9ff !important;
        box-shadow: 0 0 18px rgba(34, 211, 238, 0.08) !important;
        outline: 0 !important;
        border-radius: 999px !important;
    }

    #index-main-content #status-filter-controls .status-filter-chip.active {
        background:
            linear-gradient(135deg, rgba(34, 211, 238, 0.15), rgba(188, 19, 254, 0.12)) !important;
        border: 1px solid rgba(34, 211, 238, 0.52) !important;
        border-radius: 999px !important;
        color: #d4f8ff !important;
        box-shadow:
            0 0 0 1px rgba(34, 211, 238, 0.1),
            0 0 20px rgba(34, 211, 238, 0.12) !important;
    }

    #index-main-content #status-filter-controls .status-filter-chip > i:not(.status-filter-check),
    #index-main-content #status-filter-controls .status-filter-chip .status-filter-label {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    #index-main-content #status-filter-controls .status-filter-chip.active > i:not(.status-filter-check),
    #index-main-content #status-filter-controls .status-filter-chip.active .status-filter-label {
        filter: none !important;
    }

    #index-main-content #status-filter-controls .status-filter-chip.active .status-filter-label {
        color: #e5f9ff !important;
        text-shadow: none !important;
    }

    #index-main-content #status-filter-controls .status-filter-chip.active .status-filter-count {
        background: rgba(34, 211, 238, 0.16) !important;
        border-color: rgba(34, 211, 238, 0.28) !important;
        color: #e0fbff !important;
    }

    /* Unified Blade Runner neon system: shared chrome across the app pages. */
    :root {
        --blade-bg: #03040c;
        --blade-surface: rgba(7, 10, 26, 0.78);
        --blade-surface-strong: rgba(10, 14, 34, 0.92);
        --blade-surface-soft: rgba(8, 12, 30, 0.62);
        --blade-border: rgba(82, 229, 255, 0.2);
        --blade-border-hot: rgba(255, 43, 214, 0.22);
        --blade-text: #effbff;
        --blade-muted: rgba(205, 220, 230, 0.72);
        --blade-cyan: #22d3ee;
        --blade-pink: #ff2bd6;
        --blade-purple: #a855f7;
        --blade-yellow: #fcee0a;
        --blade-radius: 10px;
        --blade-radius-tight: 8px;
        --blade-glow: 0 0 26px rgba(34, 211, 238, 0.1), 0 0 38px rgba(255, 43, 214, 0.06);
        --blade-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
        --blade-inset: inset 0 1px 0 rgba(255, 255, 255, 0.055);
    }

    body:not(.theme-light) {
        color: var(--blade-text);
        background-color: var(--blade-bg);
    }

    :where(.font-cyber, .analytics-eyebrow, .analytics-subtext, .f-label, .status-filter-title, .modal-section-hint, .status-filter-label, .modal-count-pill) {
        letter-spacing: 0 !important;
    }

    body:not(.theme-light) :where(nav, .site-nav-shell, .details-page-nav, .topbar) {
        background:
            linear-gradient(90deg, rgba(34, 211, 238, 0.08), transparent 24%, transparent 72%, rgba(255, 43, 214, 0.08)),
            linear-gradient(180deg, rgba(8, 12, 32, 0.96), rgba(4, 7, 20, 0.88)) !important;
        border-color: rgba(82, 229, 255, 0.18) !important;
        box-shadow:
            0 16px 42px rgba(0, 0, 0, 0.34),
            0 0 26px rgba(34, 211, 238, 0.07),
            var(--blade-inset) !important;
    }

    body:not(.theme-light) :where(.glass-panel, .bg-neon-card, .analytics-card, .analytics-widget, .analytics-stat-card, .campaign-ioc-panel, .campaign-ioc-card, .challenge-card, .setup-card, .profile-dropdown, .view-menu-panel, .modal-quiet-summary, .modal-section-disclosure, .card, .panel, .side, .viewport) {
        color: var(--blade-text);
        background:
            linear-gradient(90deg, rgba(34, 211, 238, 0.045), transparent 28%, transparent 74%, rgba(255, 43, 214, 0.04)),
            linear-gradient(180deg, var(--blade-surface-strong), var(--blade-surface)) !important;
        border: 1px solid transparent !important;
        border-radius: var(--blade-radius) !important;
        box-shadow:
            var(--blade-shadow),
            var(--blade-glow),
            inset 0 0 0 1px rgba(82, 229, 255, 0.09),
            var(--blade-inset) !important;
        backdrop-filter: blur(16px) saturate(132%);
        -webkit-backdrop-filter: blur(16px) saturate(132%);
        background-clip: padding-box;
    }

    body:not(.theme-light) :where(.glass-panel, .bg-neon-card, .analytics-card, .analytics-widget, .campaign-ioc-card, .challenge-card, .setup-card, .profile-dropdown, .view-menu-panel):hover {
        border-color: transparent !important;
        box-shadow:
            0 20px 48px rgba(0, 0, 0, 0.32),
            0 0 24px rgba(34, 211, 238, 0.13),
            0 0 42px rgba(255, 43, 214, 0.08),
            inset 0 0 0 1px rgba(82, 229, 255, 0.16),
            var(--blade-inset) !important;
    }

    body:not(.theme-light) :where(.analytics-widget-header, .analytics-modal-header, .view-menu-section, .profile-dropdown .dropdown-header, .modal-section-disclosure > summary) {
        background:
            linear-gradient(90deg, rgba(34, 211, 238, 0.055), transparent 55%, rgba(255, 43, 214, 0.05)),
            linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01)) !important;
        border-color: transparent !important;
        box-shadow:
            inset 0 0 0 1px rgba(82, 229, 255, 0.07),
            inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    }

    body:not(.theme-light) .analytics-stat-card > .analytics-widget-header,
    body.theme-light .analytics-stat-card > .analytics-widget-header {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    body:not(.theme-light) :where(dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal), .analytics-modal, .campaign-ioc-modal, .modal-overlay > .glass-panel) {
        color: var(--blade-text) !important;
        font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
        background:
            linear-gradient(90deg, rgba(34, 211, 238, 0.07), transparent 26%, transparent 72%, rgba(255, 43, 214, 0.07)),
            linear-gradient(180deg, rgba(12, 16, 38, 0.98), rgba(5, 8, 21, 0.97)) !important;
        border: 1px solid rgba(82, 229, 255, 0.26) !important;
        border-radius: 16px !important;
        box-shadow:
            0 30px 82px rgba(0, 0, 0, 0.5),
            0 0 34px rgba(34, 211, 238, 0.12),
            0 0 58px rgba(255, 43, 214, 0.08),
            var(--blade-inset) !important;
    }

    body:not(.theme-light) dialog::backdrop,
    body:not(.theme-light) .modal-overlay.open {
        background: rgba(1, 3, 10, 0.7) !important;
        backdrop-filter: blur(18px) saturate(126%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(126%) !important;
    }

    body:not(.theme-light) :where(dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) h3, .analytics-modal-header h3, #resetPasswordModal h3) {
        color: #f7fdff !important;
        font-family: "Orbitron", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        text-shadow:
            0 0 10px rgba(34, 211, 238, 0.32),
            0 0 18px rgba(255, 43, 214, 0.12) !important;
    }

    body:not(.theme-light) :where(dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) h3 i, .analytics-modal-header h3 > i, #resetPasswordModal h3 i) {
        color: var(--blade-cyan) !important;
        background: rgba(34, 211, 238, 0.12) !important;
        border: 1px solid rgba(82, 229, 255, 0.22) !important;
        box-shadow: 0 0 20px rgba(34, 211, 238, 0.14) !important;
    }

    body:not(.theme-light) :where(.analytics-eyebrow, .analytics-subtext, .modal-section-hint, .f-label, .text-gray-400, .text-gray-500, .text-gray-600) {
        color: var(--blade-muted) !important;
    }

    body:not(.theme-light) :where(.btn, .action-btn, .tab-btn, .logout-button-shell, .dropdown-item, .view-choice, a[class*="border"]) {
        border-radius: var(--blade-radius-tight) !important;
    }

    body:not(.theme-light) :where(.btn, .action-btn, .tab-btn, .logout-button-shell, .view-choice, a[class*="border"]) {
        border-color: rgba(82, 229, 255, 0.24) !important;
        background-color: rgba(8, 12, 30, 0.46) !important;
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16), var(--blade-inset) !important;
    }

    body:not(.theme-light) :where(.btn, .action-btn, .tab-btn, .logout-button-shell, .view-choice, a[class*="border"]):hover,
    body:not(.theme-light) :where(.btn.active, .tab-btn.active, .view-choice.active, .view-choice[aria-checked="true"]) {
        border-color: rgba(82, 229, 255, 0.5) !important;
        background:
            linear-gradient(135deg, rgba(34, 211, 238, 0.14), rgba(255, 43, 214, 0.09)) !important;
        box-shadow:
            0 0 20px rgba(34, 211, 238, 0.13),
            0 0 34px rgba(255, 43, 214, 0.07),
            var(--blade-inset) !important;
    }

    body:not(.theme-light) :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .f-input, .input, .field-input) {
        background: rgba(2, 6, 18, 0.66) !important;
        border-color: rgba(82, 229, 255, 0.22) !important;
        border-radius: var(--blade-radius-tight) !important;
        color: var(--blade-text) !important;
    }

    body:not(.theme-light) :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .f-input, .input, .field-input):focus {
        border-color: rgba(34, 211, 238, 0.62) !important;
        box-shadow:
            0 0 0 3px rgba(34, 211, 238, 0.12),
            0 0 24px rgba(255, 43, 214, 0.08),
            var(--blade-inset) !important;
    }

    body:not(.theme-light) :where(.badge, [class*="badge-"], .modal-count-pill, .status-pill) {
        border-radius: 999px !important;
        border-color: rgba(82, 229, 255, 0.2) !important;
        background-color: rgba(7, 11, 26, 0.6) !important;
    }

    #index-main-content .tools-controls-fixed > .bg-neon-card,
    #index-main-content section > .grid.mb-8 > .glass-panel,
    #emails-list .email-row {
        border-radius: var(--blade-radius) !important;
    }

    body:not(.theme-light) #index-main-content .tools-controls-fixed > .bg-neon-card,
    body:not(.theme-light) #index-main-content section > .grid.mb-8 > .glass-panel {
        background:
            linear-gradient(90deg, rgba(34, 211, 238, 0.05), transparent 30%, rgba(255, 43, 214, 0.045)),
            linear-gradient(180deg, rgba(12, 16, 38, 0.82), rgba(5, 8, 21, 0.72)) !important;
        border-color: rgba(82, 229, 255, 0.17) !important;
    }

    body:not(.theme-light) #emails-list .email-row {
        background:
            linear-gradient(90deg, rgba(34, 211, 238, 0.035), transparent 34%, rgba(255, 43, 214, 0.03)),
            linear-gradient(180deg, rgba(10, 14, 34, 0.84), rgba(5, 8, 21, 0.76)) !important;
        border-color: rgba(82, 229, 255, 0.14) !important;
    }

    body:not(.theme-light) #emails-list .email-row:hover,
    body:not(.theme-light) #emails-list .email-row:focus-visible,
    body:not(.theme-light) #emails-list .email-row.keyboard-selected,
    body:not(.theme-light) #emails-list .email-row.email-row-active-case {
        background:
            linear-gradient(90deg, rgba(34, 211, 238, 0.08), transparent 30%, rgba(255, 43, 214, 0.065)),
            linear-gradient(180deg, rgba(14, 19, 44, 0.94), rgba(7, 11, 28, 0.88)) !important;
        border-color: rgba(82, 229, 255, 0.28) !important;
    }

    #index-main-content #status-filter-controls,
    #index-main-content #status-filter-controls.motion-filter-rail {
        position: relative !important;
        isolation: auto !important;
    }

    #index-main-content #status-filter-controls::before,
    #index-main-content #status-filter-controls::after,
    #index-main-content #status-filter-controls > .motion-filter-highlight,
    .motion-filter-highlight {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    body.theme-light {
        --blade-text: #0f172a;
        --blade-muted: rgba(51, 65, 85, 0.76);
        --blade-border: rgba(8, 145, 178, 0.18);
        --blade-border-hot: rgba(147, 51, 234, 0.14);
    }

    body.theme-light :where(.glass-panel, .bg-neon-card, .analytics-card, .analytics-widget, .analytics-stat-card, .campaign-ioc-panel, .campaign-ioc-card, .challenge-card, .setup-card, .profile-dropdown, .view-menu-panel, .modal-quiet-summary, .modal-section-disclosure, .card, .panel, .side, .viewport) {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 247, 255, 0.84)) !important;
        border-color: transparent !important;
        border-radius: var(--blade-radius) !important;
        box-shadow:
            0 16px 34px rgba(15, 23, 42, 0.1),
            inset 0 0 0 1px rgba(8, 145, 178, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
        background-clip: padding-box;
    }

    body.theme-light :where(dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal), .analytics-modal, .campaign-ioc-modal, .modal-overlay > .glass-panel) {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 255, 0.96)) !important;
        border-color: transparent !important;
        border-radius: 16px !important;
        color: #0f172a !important;
        box-shadow:
            0 26px 72px rgba(15, 23, 42, 0.13),
            0 0 32px rgba(8, 145, 178, 0.08),
            inset 0 0 0 1px rgba(8, 145, 178, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    }

    body.theme-light :where(.analytics-eyebrow, .analytics-subtext, .modal-section-hint, .f-label, .text-gray-400, .text-gray-500, .text-gray-600) {
        color: rgba(51, 65, 85, 0.76) !important;
    }

    /* Modal flat pass: less round, no gradient fills inside modal surfaces. */
    body:not(.theme-light) :where(dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal), .analytics-modal, .campaign-ioc-modal, .modal-overlay > .glass-panel) {
        background: rgba(13, 18, 36, 0.98) !important;
        border-color: transparent !important;
        border-radius: 12px !important;
        box-shadow:
            0 28px 76px rgba(0, 0, 0, 0.5),
            0 0 34px rgba(34, 211, 238, 0.07),
            0 0 42px rgba(188, 19, 254, 0.08),
            inset 0 0 0 1px rgba(82, 229, 255, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    }

    body:not(.theme-light) :where(.analytics-modal-shell, .campaign-ioc-shell, #domainIntelModal > div:first-child) {
        background: transparent !important;
        border-radius: inherit !important;
    }

    body:not(.theme-light) :where(
        .analytics-modal-header,
        .campaign-ioc-header,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) > div:first-child,
        #domainIntelModal > div:first-child > div:first-child,
        #userMgmtModal > div:first-child,
        #skipSendersModal > div:first-child,
        #hiddenCasesModal > div:first-child,
        #serverDashboardModal > div:first-child,
        #customizationModal > div:first-child
    ) {
        background: rgba(18, 24, 46, 0.92) !important;
        border-bottom-color: rgba(82, 229, 255, 0.08) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    }

    body:not(.theme-light) :where(
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .glass-panel,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-card,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-stat-card,
        .analytics-modal .glass-panel,
        .analytics-modal .analytics-card,
        .analytics-modal .analytics-stat-card,
        .campaign-ioc-modal .glass-panel,
        .campaign-ioc-stat,
        .campaign-ioc-panel,
        .campaign-ioc-card,
        .campaign-ioc-status,
        .campaign-ioc-case-link,
        .modal-quiet-summary,
        .modal-section-disclosure
    ) {
        background: rgba(18, 24, 48, 0.84) !important;
        border-color: transparent !important;
        border-radius: 8px !important;
        box-shadow:
            0 14px 32px rgba(0, 0, 0, 0.22),
            0 0 18px rgba(34, 211, 238, 0.045),
            inset 0 0 0 1px rgba(82, 229, 255, 0.075),
            inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    }

    body:not(.theme-light) :where(
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) button,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) a[class*="border"],
        .analytics-modal button,
        .analytics-modal a[class*="border"],
        .campaign-ioc-modal button,
        .campaign-ioc-modal a[class*="border"],
        .analytics-widget-btn,
        .modal-section-disclosure > summary,
        .modal-count-pill,
        .campaign-ioc-chip,
        .campaign-ioc-status-pill
    ) {
        background: rgba(20, 27, 52, 0.82) !important;
        border-color: rgba(82, 229, 255, 0.14) !important;
        border-radius: 6px !important;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.025),
            inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    }

    body:not(.theme-light) :where(
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) button:hover,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) a[class*="border"]:hover,
        .analytics-modal button:hover,
        .analytics-modal a[class*="border"]:hover,
        .campaign-ioc-modal button:hover,
        .campaign-ioc-modal a[class*="border"]:hover,
        .analytics-widget-btn:hover,
        .modal-section-disclosure > summary:hover
    ) {
        background: rgba(26, 35, 66, 0.92) !important;
        border-color: rgba(82, 229, 255, 0.28) !important;
        box-shadow:
            0 0 18px rgba(34, 211, 238, 0.08),
            inset 0 0 0 1px rgba(82, 229, 255, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    }

    body.theme-light :where(dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal), .analytics-modal, .campaign-ioc-modal, .modal-overlay > .glass-panel) {
        background: rgba(248, 250, 252, 0.98) !important;
        border-radius: 12px !important;
    }

    body.theme-light :where(
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .glass-panel,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-card,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-stat-card,
        .analytics-modal .glass-panel,
        .analytics-modal .analytics-card,
        .analytics-modal .analytics-stat-card,
        .campaign-ioc-modal .glass-panel,
        .campaign-ioc-stat,
        .campaign-ioc-panel,
        .campaign-ioc-card,
        .campaign-ioc-status,
        .campaign-ioc-case-link,
        .modal-quiet-summary,
        .modal-section-disclosure
    ) {
        background: rgba(255, 255, 255, 0.84) !important;
        border-radius: 8px !important;
        box-shadow:
            0 12px 28px rgba(15, 23, 42, 0.08),
            inset 0 0 0 1px rgba(8, 145, 178, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    }

    body.theme-light :where(
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) button,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) a[class*="border"],
        .analytics-modal button,
        .analytics-modal a[class*="border"],
        .campaign-ioc-modal button,
        .campaign-ioc-modal a[class*="border"],
        .analytics-widget-btn,
        .modal-section-disclosure > summary,
        .modal-count-pill,
        .campaign-ioc-chip,
        .campaign-ioc-status-pill
    ) {
        background: rgba(255, 255, 255, 0.82) !important;
        border-color: rgba(8, 145, 178, 0.14) !important;
        border-radius: 6px !important;
        box-shadow:
            inset 0 0 0 1px rgba(8, 145, 178, 0.04),
            inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    }

    /* View/date popovers use separate panels; keep them visually aligned with flat modals. */
    body:not(.theme-light) :where(.view-menu-panel, .date-range-panel) {
        background: rgba(18, 24, 48, 0.96) !important;
        background-image: none !important;
        border-color: transparent !important;
        border-radius: 8px !important;
        box-shadow:
            0 20px 48px rgba(0, 0, 0, 0.38),
            0 0 24px rgba(34, 211, 238, 0.06),
            inset 0 0 0 1px rgba(82, 229, 255, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    }

    body:not(.theme-light) :where(.view-menu-section) {
        background: transparent !important;
        background-image: none !important;
        border-color: rgba(82, 229, 255, 0.08) !important;
        box-shadow: none !important;
    }

    body:not(.theme-light) :where(.view-choice, .date-range-field input, .date-range-clear-btn) {
        background: rgba(20, 27, 52, 0.82) !important;
        background-image: none !important;
        border-color: rgba(82, 229, 255, 0.14) !important;
        border-radius: 6px !important;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.025),
            inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    }

    body:not(.theme-light) :where(.view-choice:hover, .view-choice.active, .date-range-clear-btn:hover, #open-date-range-filter-btn.date-filter-active) {
        background: rgba(26, 35, 66, 0.92) !important;
        background-image: none !important;
        border-color: rgba(82, 229, 255, 0.28) !important;
        box-shadow:
            0 0 18px rgba(34, 211, 238, 0.08),
            inset 0 0 0 1px rgba(82, 229, 255, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    }

    body.theme-light :where(.view-menu-panel, .date-range-panel) {
        background: rgba(255, 255, 255, 0.94) !important;
        background-image: none !important;
        border-color: transparent !important;
        border-radius: 8px !important;
        box-shadow:
            0 18px 38px rgba(28, 45, 73, 0.12),
            inset 0 0 0 1px rgba(8, 145, 178, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    }

    body.theme-light :where(.view-menu-section) {
        background: transparent !important;
        background-image: none !important;
        border-color: rgba(8, 145, 178, 0.1) !important;
        box-shadow: none !important;
    }

    body.theme-light :where(.view-choice, .date-range-field input, .date-range-clear-btn) {
        background: rgba(255, 255, 255, 0.82) !important;
        background-image: none !important;
        border-color: rgba(8, 145, 178, 0.14) !important;
        border-radius: 6px !important;
        box-shadow:
            inset 0 0 0 1px rgba(8, 145, 178, 0.04),
            inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    }

    body.theme-light :where(.view-choice:hover, .view-choice.active, .date-range-clear-btn:hover, #open-date-range-filter-btn.date-filter-active) {
        background: rgba(241, 247, 255, 0.94) !important;
        background-image: none !important;
        border-color: rgba(8, 145, 178, 0.24) !important;
    }

    .modal-tab-layout {
        display: grid;
        grid-template-columns: minmax(10.5rem, 14rem) minmax(0, 1fr);
        gap: 1rem;
        align-items: start;
        min-width: 0;
    }

    .modal-tab-list {
        position: sticky;
        top: 0;
        display: grid;
        gap: 0.45rem;
        min-width: 0;
        padding: 0.35rem;
        border-radius: 8px;
        background: rgba(18, 24, 48, 0.58);
        box-shadow:
            inset 0 0 0 1px rgba(82, 229, 255, 0.07),
            inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }

    .modal-tab-button {
        width: 100%;
        min-height: 2.85rem;
        justify-content: flex-start !important;
        text-align: left;
        padding: 0.7rem 0.8rem !important;
        color: rgba(203, 213, 225, 0.82) !important;
        font-weight: 750 !important;
        line-height: 1.18;
        white-space: normal;
    }

    .modal-tab-button.active {
        color: #f8fafc !important;
        border-color: rgba(82, 229, 255, 0.3) !important;
        background: rgba(28, 38, 72, 0.94) !important;
        box-shadow:
            0 0 18px rgba(34, 211, 238, 0.08),
            inset 0 0 0 1px rgba(82, 229, 255, 0.12),
            inset 3px 0 0 rgba(82, 229, 255, 0.62) !important;
    }

    .modal-tab-panels {
        min-width: 0;
    }

    .modal-tab-panel {
        display: block;
        width: 100%;
    }

    .modal-tab-panel:not(.active) {
        display: none !important;
    }

    .modal-tab-panel > summary {
        display: none !important;
    }

    .modal-tab-panel > .modal-section-body {
        border-top: 0 !important;
        background: transparent !important;
        padding: 1rem !important;
    }

    body.theme-light .modal-tab-list {
        background: rgba(241, 247, 255, 0.78);
        box-shadow:
            inset 0 0 0 1px rgba(8, 145, 178, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    body.theme-light .modal-tab-button {
        color: rgba(51, 65, 85, 0.84) !important;
    }

    body.theme-light .modal-tab-button.active {
        color: #0f172a !important;
        border-color: rgba(8, 145, 178, 0.28) !important;
        background: rgba(255, 255, 255, 0.94) !important;
        box-shadow:
            0 12px 24px rgba(28, 45, 73, 0.08),
            inset 0 0 0 1px rgba(8, 145, 178, 0.1),
            inset 3px 0 0 rgba(8, 145, 178, 0.62) !important;
    }

    @media (max-width: 760px) {
        .modal-tab-layout {
            grid-template-columns: 1fr;
        }

        .modal-tab-list {
            position: static;
            display: flex;
            overflow-x: auto;
            scrollbar-width: none;
        }

        .modal-tab-list::-webkit-scrollbar {
            display: none;
        }

        .modal-tab-button {
            flex: 0 0 auto;
            width: auto;
            min-width: 8.5rem;
        }
    }

    /* Tools sidebar helper text should close as soon as hover ends, even after a click leaves focus behind. */
    .tools-controls-fixed .group > p {
        max-height: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        transition: max-height 160ms ease, opacity 160ms ease !important;
    }

    .tools-controls-fixed .group:hover > p {
        max-height: 4rem !important;
        opacity: 1 !important;
    }

    /* Fullscreen modals should let their inner shell fill the dialog, avoiding the bottom black strip. */
    body dialog.modal-fullscreen-active,
    body #linkInvestigationModal.link-investigation-fullscreen {
        display: flex !important;
        flex-direction: column !important;
        height: calc(100vh - 1.5rem) !important;
        height: calc(100dvh - 1.5rem) !important;
        max-height: calc(100vh - 1.5rem) !important;
        max-height: calc(100dvh - 1.5rem) !important;
        overflow: hidden !important;
    }

    body dialog.modal-fullscreen-active > :where(.analytics-modal-shell, .campaign-ioc-shell),
    body #linkInvestigationModal.link-investigation-fullscreen > .analytics-modal-shell,
    body #domainIntelModal.modal-fullscreen-active > div:first-child {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        height: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body dialog.modal-fullscreen-active > :where(.analytics-modal-shell, .campaign-ioc-shell) > :where(.analytics-modal-body, .campaign-ioc-body),
    body #linkInvestigationModal.link-investigation-fullscreen #linkInvestigationModalBody {
        flex: 1 1 auto !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow-y: auto !important;
    }

    body #domainIntelModal.modal-fullscreen-active > div:first-child {
        overflow-y: auto !important;
    }

    body dialog.modal-fullscreen-active > div:nth-child(2) {
        flex: 1 1 auto !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow-y: auto !important;
    }

    /* Subtle extra glass pass: more translucency and reflection without layout changes. */
    body:not(.theme-light) :where(#emails-list .email-row, .email-row, .case-action-stack > *, .modal-tab-button, .status-filter-chip, .view-choice, .tools-controls-fixed, .virustotal-popover) {
        border-color: rgba(174, 197, 255, 0.16) !important;
        background:
            radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.08), transparent 30%),
            linear-gradient(180deg, rgba(14, 21, 52, 0.62), rgba(5, 9, 26, 0.48)) !important;
        box-shadow:
            0 14px 32px rgba(0, 0, 0, 0.22),
            0 0 18px rgba(34, 211, 238, 0.055),
            inset 0 1px 0 rgba(255, 255, 255, 0.1),
            inset 0 0 0 1px rgba(255, 255, 255, 0.045) !important;
        backdrop-filter: blur(20px) saturate(142%);
        -webkit-backdrop-filter: blur(20px) saturate(142%);
    }

    body:not(.theme-light) :where(#emails-list .email-row:hover, .email-row:hover, .modal-tab-button.active, .status-filter-chip.active, .view-choice.active) {
        border-color: rgba(34, 211, 238, 0.32) !important;
        box-shadow:
            0 18px 42px rgba(0, 0, 0, 0.28),
            0 0 24px rgba(34, 211, 238, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.13),
            inset 0 0 0 1px rgba(255, 255, 255, 0.07) !important;
    }

    body:not(.theme-light) :where(.analytics-modal-header, .ai-center-header, .campaign-ioc-header, .modal-tab-list) {
        background:
            radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.08), transparent 34%),
            linear-gradient(180deg, rgba(18, 25, 58, 0.68), rgba(8, 12, 31, 0.48)) !important;
        backdrop-filter: blur(22px) saturate(145%);
        -webkit-backdrop-filter: blur(22px) saturate(145%);
    }

    body:not(.theme-light) :where(button, .btn, .action-btn, .logout-button-shell, input[type="button"], input[type="submit"], a[class*="border"]) {
        background-color: rgba(8, 13, 31, 0.42) !important;
        backdrop-filter: blur(14px) saturate(135%);
        -webkit-backdrop-filter: blur(14px) saturate(135%);
    }

    /* Back-glow glass layer: makes panels feel lit from behind without moving layout. */
    body:not(.theme-light) :where(.glass-panel, .bg-neon-card, .analytics-card, .analytics-widget, .analytics-stat-card, .campaign-ioc-panel, .campaign-ioc-card, .modal-quiet-summary, .modal-section-disclosure, .challenge-card, .setup-card, .card, .panel, .side, .viewport, #emails-list .email-row, .email-row, .org-card, .user-row, .orgadmin-user-row) {
        border-color: rgba(205, 224, 255, 0.18) !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.018) 24%, transparent 46%),
            radial-gradient(circle at 14% -8%, rgba(255, 255, 255, 0.12), transparent 26%),
            radial-gradient(circle at 78% -10%, rgba(34, 211, 238, 0.105), transparent 30%),
            radial-gradient(circle at 105% 105%, rgba(188, 19, 254, 0.12), transparent 34%),
            linear-gradient(180deg, rgba(12, 18, 44, 0.58), rgba(4, 7, 22, 0.42)) !important;
        box-shadow:
            0 20px 46px rgba(0, 0, 0, 0.3),
            -18px -16px 48px rgba(34, 211, 238, 0.09),
            18px 16px 54px rgba(188, 19, 254, 0.085),
            0 0 0 1px rgba(255, 255, 255, 0.045),
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            inset 0 -1px 0 rgba(255, 255, 255, 0.035),
            inset 0 0 34px rgba(255, 255, 255, 0.025) !important;
        backdrop-filter: blur(26px) saturate(158%);
        -webkit-backdrop-filter: blur(26px) saturate(158%);
    }

    body:not(.theme-light) :where(.analytics-modal, dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal), .campaign-ioc-modal) {
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.115), rgba(255, 255, 255, 0.018) 23%, transparent 42%),
            radial-gradient(circle at 8% -6%, rgba(255, 255, 255, 0.11), transparent 26%),
            radial-gradient(circle at 16% 0%, rgba(34, 211, 238, 0.16), transparent 34%),
            radial-gradient(circle at 92% 0%, rgba(255, 43, 214, 0.14), transparent 34%),
            radial-gradient(circle at 100% 100%, rgba(34, 211, 238, 0.09), transparent 30%),
            linear-gradient(180deg, rgba(12, 17, 39, 0.82), rgba(5, 8, 20, 0.76)) !important;
        box-shadow:
            0 34px 98px rgba(0, 0, 0, 0.58),
            -24px -22px 68px rgba(34, 211, 238, 0.12),
            24px 22px 72px rgba(188, 19, 254, 0.11),
            0 0 0 1px rgba(205, 224, 255, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            inset 0 -1px 0 rgba(255, 255, 255, 0.04),
            inset 0 0 46px rgba(255, 255, 255, 0.028) !important;
        backdrop-filter: blur(30px) saturate(165%);
        -webkit-backdrop-filter: blur(30px) saturate(165%);
    }

    body:not(.theme-light) :where(nav, .site-nav-shell, .details-page-nav, .topbar) {
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.012) 30%, transparent 52%),
            linear-gradient(180deg, rgba(12, 17, 43, 0.66), rgba(5, 8, 22, 0.52)) !important;
        box-shadow:
            0 16px 48px rgba(0, 0, 0, 0.36),
            0 0 36px rgba(34, 211, 238, 0.085),
            0 0 42px rgba(188, 19, 254, 0.055),
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            inset 0 0 0 1px rgba(255, 255, 255, 0.055) !important;
    }

    body:not(.theme-light) :where(.glass-panel, .bg-neon-card, .analytics-card, .analytics-widget, .analytics-stat-card, #emails-list .email-row, .email-row, .org-card, .user-row, .orgadmin-user-row):hover {
        border-color: rgba(108, 235, 255, 0.34) !important;
        box-shadow:
            0 24px 58px rgba(0, 0, 0, 0.34),
            -20px -18px 58px rgba(34, 211, 238, 0.13),
            20px 18px 62px rgba(188, 19, 254, 0.115),
            0 0 0 1px rgba(108, 235, 255, 0.14),
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            inset 0 0 42px rgba(255, 255, 255, 0.035) !important;
    }

    body:not(.theme-light) :where(.analytics-modal-header, .ai-center-header, .campaign-ioc-header, .modal-section-header, .modal-section-summary, summary.modal-section-summary, .modal-tab-list) {
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.02) 28%, transparent 52%),
            linear-gradient(180deg, rgba(18, 25, 58, 0.56), rgba(8, 12, 31, 0.38)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            inset 0 -1px 0 rgba(34, 211, 238, 0.11) !important;
    }

    body:not(.theme-light) :where(button, .btn, .action-btn, .logout-button-shell, input[type="button"], input[type="submit"], a[class*="border"], .status-filter-chip, .view-choice, .modal-tab-button) {
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.012) 38%, transparent),
            rgba(8, 13, 31, 0.34) !important;
        box-shadow:
            0 12px 30px rgba(0, 0, 0, 0.24),
            0 0 20px rgba(34, 211, 238, 0.055),
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
        backdrop-filter: blur(18px) saturate(150%);
        -webkit-backdrop-filter: blur(18px) saturate(150%);
    }

    /* Readability weight pass: stronger UI chrome without heavy paragraph text. */
    :where(
        h1, h2, h3, h4, h5, h6,
        .font-cyber,
        nav a,
        nav button,
        summary,
        button,
        .btn,
        .action-btn,
        .tab-btn,
        .logout-button-shell,
        .status-filter-chip,
        .status-filter-title,
        .status-filter-label,
        .view-choice,
        .modal-tab-button,
        .modal-section-summary,
        .modal-section-title,
        .modal-count-pill,
        .analytics-eyebrow,
        .analytics-widget-header,
        .analytics-modal-header,
        .campaign-ioc-header,
        .campaign-ioc-chip,
        .campaign-ioc-status-pill,
        .badge,
        [class*="badge-"],
        .status-pill,
        .ai-verdict-pill,
        .recipient-reach-badge,
        .safe-verdict-glow
    ) {
        font-weight: 800 !important;
    }

    :where(
        #emails-list .email-sender,
        #emails-list .email-subject,
        #emails-list .email-status-title,
        #emails-list .email-row-action button,
        .case-identity-card .case-identity-summary,
        .case-identity-card [data-case-verdict-text],
        .case-action-stack > *,
        .feedback-verdict-card,
        [data-feedback-verdict-text],
        .vt-tab-title
    ) {
        font-weight: 700 !important;
    }

    :where(
        .f-label,
        label,
        th,
        .analytics-subtext strong,
        .modal-section-hint strong,
        .email-meta-line strong
    ) {
        font-weight: 650 !important;
    }

    /* Micro tracking and clean modal widget headings. */
    :where(
        .font-cyber,
        .analytics-eyebrow,
        .f-label,
        .status-filter-title,
        .status-filter-label,
        .modal-section-title,
        .modal-section-hint,
        .modal-count-pill,
        button,
        .btn,
        .action-btn,
        .tab-btn,
        .logout-button-shell,
        .status-filter-chip,
        .view-choice,
        .modal-tab-button,
        .campaign-ioc-chip,
        .campaign-ioc-status-pill,
        .badge,
        [class*="badge-"],
        .status-pill
    ) {
        letter-spacing: 0.025em !important;
    }

    :where(.analytics-widget-header, .analytics-widget-header > :first-child) {
        background: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    :where(.analytics-widget-header .analytics-eyebrow, .analytics-widget-header .analytics-subtext) {
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    /* Remove small text backplates across modal headers/accordion summaries. */
    :where(
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-widget-header,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-widget-header > :first-child,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-modal-header > :first-child,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-header,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-header > :first-child,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-summary,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) summary.modal-section-summary,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-disclosure > summary,
        .analytics-modal .analytics-widget-header,
        .analytics-modal .analytics-widget-header > :first-child,
        .analytics-modal .analytics-modal-header > :first-child,
        .analytics-modal .modal-section-header,
        .analytics-modal .modal-section-header > :first-child,
        .analytics-modal .modal-section-summary,
        .analytics-modal summary.modal-section-summary,
        .analytics-modal .modal-section-disclosure > summary,
        .campaign-ioc-modal .analytics-widget-header,
        .campaign-ioc-modal .analytics-widget-header > :first-child,
        .campaign-ioc-modal .campaign-ioc-header > :first-child,
        .campaign-ioc-modal .modal-section-header,
        .campaign-ioc-modal .modal-section-header > :first-child,
        .campaign-ioc-modal .modal-section-summary,
        .campaign-ioc-modal summary.modal-section-summary,
        .campaign-ioc-modal .modal-section-disclosure > summary,
        .modal-overlay > .glass-panel .analytics-widget-header,
        .modal-overlay > .glass-panel .analytics-widget-header > :first-child,
        .modal-overlay > .glass-panel .modal-section-header,
        .modal-overlay > .glass-panel .modal-section-header > :first-child,
        .modal-overlay > .glass-panel .modal-section-summary,
        .modal-overlay > .glass-panel summary.modal-section-summary,
        .modal-overlay > .glass-panel .modal-section-disclosure > summary
    ) {
        background: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    :where(
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-eyebrow,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-subtext,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-title,
        dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-hint,
        .analytics-modal .analytics-eyebrow,
        .analytics-modal .analytics-subtext,
        .analytics-modal .modal-section-title,
        .analytics-modal .modal-section-hint,
        .campaign-ioc-modal .analytics-eyebrow,
        .campaign-ioc-modal .analytics-subtext,
        .campaign-ioc-modal .modal-section-title,
        .campaign-ioc-modal .modal-section-hint,
        .modal-overlay > .glass-panel .analytics-eyebrow,
        .modal-overlay > .glass-panel .analytics-subtext,
        .modal-overlay > .glass-panel .modal-section-title,
        .modal-overlay > .glass-panel .modal-section-hint
    ) {
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    /* Keep modal controls squared. Avoid pill/oval cards and badges inside modal surfaces. */
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) button,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) a[class*="border"],
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) input,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) select,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) textarea,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-card,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-stat-card,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .glass-panel,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-quiet-summary,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-disclosure,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-disclosure > summary,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-count-pill,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-pill,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .campaign-ioc-status-pill,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .campaign-ioc-chip,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .badge,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) [class*="badge-"],
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .status-pill,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .ai-verdict-pill,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .ai-trust-pill,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .recipient-reach-badge,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .link-investigation-case-select,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .simulation-template-card,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .simulation-control-card,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .simulation-status,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) section[class*="border"],
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) div[class*="border"][class*="bg-black"],
    body .analytics-modal .analytics-card,
    body .analytics-modal .analytics-stat-card,
    body .analytics-modal .glass-panel,
    body .campaign-ioc-modal .campaign-ioc-stat,
    body .campaign-ioc-modal .campaign-ioc-panel,
    body .campaign-ioc-modal .campaign-ioc-card,
    body .campaign-ioc-modal .campaign-ioc-status,
    body .campaign-ioc-modal .campaign-ioc-case-link {
        border-radius: 4px !important;
    }

    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .rounded-full,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) [class*="rounded-full"],
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) h3 i,
    body .analytics-modal-header h3 > i,
    body .campaign-ioc-header h3 > i {
        border-radius: 4px !important;
    }

    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .h-2.rounded-full,
    body dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .h-3.rounded-full,
    body dialog:not(#graphModal):not(#imageModal):not(#excelModal):not(#pdfModal) [class*="h-2"][class*="rounded-full"],
    body dialog:not(#graphModal):not(#imageModal):not(#excelModal):not(#pdfModal) [class*="h-3"][class*="rounded-full"] {
        border-radius: 2px !important;
    }

    body :where(dialog, .analytics-modal, .campaign-ioc-modal, .simulation-modal) :where(
        .rounded-full,
        .rounded-3xl,
        .rounded-2xl,
        .rounded-xl,
        .rounded-lg,
        [class*="rounded-full"],
        [class*="rounded-3xl"],
        [class*="rounded-2xl"],
        [class*="rounded-xl"],
        [class*="rounded-lg"],
        .analytics-card,
        .analytics-stat-card,
        .glass-panel,
        .modal-quiet-summary,
        .modal-section-disclosure,
        .modal-section-disclosure > summary,
        .link-investigation-case-select,
        .simulation-template-card,
        .simulation-control-card,
        button,
        input,
        select,
        textarea
    ) {
        border-radius: 4px !important;
    }

    body :where(dialog, .analytics-modal, .campaign-ioc-modal, .simulation-modal) :where(
        .h-1,
        .h-2,
        .h-3,
        [class*="h-1"],
        [class*="h-2"],
        [class*="h-3"]
    ):where(.rounded-full, [class*="rounded-full"]) {
        border-radius: 2px !important;
    }

    body :where(dialog, .analytics-modal, .campaign-ioc-modal, .simulation-modal) :where(
        .analytics-card,
        .analytics-stat-card,
        .glass-panel,
        .link-investigation-case-select,
        .simulation-template-card,
        .simulation-control-card,
        button
    )::before,
    body :where(dialog, .analytics-modal, .campaign-ioc-modal, .simulation-modal) :where(
        .analytics-card,
        .analytics-stat-card,
        .glass-panel,
        .link-investigation-case-select,
        .simulation-template-card,
        .simulation-control-card,
        button
    )::after {
        border-radius: inherit !important;
    }

    /* No header/backplate rectangles inside modals. Keep the glass card, remove the label plate. */
    body:not(.theme-light) dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-widget-header,
    body:not(.theme-light) dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .analytics-widget-header > *,
    body:not(.theme-light) dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-header,
    body:not(.theme-light) dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-header > *,
    body:not(.theme-light) dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) .modal-section-summary,
    body:not(.theme-light) dialog:not(#graphModal):not(#imageModal):not(#pdfModal):not(#excelModal) summary.modal-section-summary,
    body:not(.theme-light) .analytics-modal .analytics-widget-header,
    body:not(.theme-light) .analytics-modal .analytics-widget-header > *,
    body:not(.theme-light) .analytics-modal .modal-section-header,
    body:not(.theme-light) .analytics-modal .modal-section-header > *,
    body:not(.theme-light) .analytics-modal .modal-section-summary,
    body:not(.theme-light) .analytics-modal summary.modal-section-summary,
    body:not(.theme-light) .campaign-ioc-modal .analytics-widget-header,
    body:not(.theme-light) .campaign-ioc-modal .analytics-widget-header > *,
    body:not(.theme-light) .campaign-ioc-modal .modal-section-header,
    body:not(.theme-light) .campaign-ioc-modal .modal-section-header > *,
    body:not(.theme-light) .campaign-ioc-modal .modal-section-summary,
    body:not(.theme-light) .campaign-ioc-modal summary.modal-section-summary {
        background: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }