body::before, #home::before { background: none !important; opacity: 0 !important; pointer-events: none !important; } :root { --electric: #21c8ff; --electric-strong: #0aa3e3; --site-dark-1: #0b1220; --site-dark-2: #0a0e16; --bubble-text-dark: #001018; } :root { --scrollbar-thumb: var(--primary, #21c8ff); --scrollbar-thumb-hover: var(--primary-dark, #0aa3e3); --scrollbar-track: rgba(0,0,0,0.12); } body::-webkit-scrollbar { height: 10px; width: 10px; } body::-webkit-scrollbar-track { background: var(--scrollbar-track); } body::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 10px; border: 2px solid transparent; background-clip: content-box; } body::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); } * { scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); scrollbar-width: thin; } .navbar { position: sticky; top: 0; z-index: 100; } .nav-links { display: flex; gap: 1rem; } html, body { background: radial-gradient(1200px 800px at 10% -10%, rgba(33,200,255,.03), transparent 55%), radial-gradient(900px 700px at 95% 10%, rgba(55,240,177,.025), transparent 45%), linear-gradient(180deg, var(--site-dark-1), var(--site-dark-2)) !important; } .hero h1, h1[data-key="main_title"] { background: linear-gradient(90deg, var(--primary, #14d7ff), var(--primary-dark, #009fdd)); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 2px 12px rgba(0,0,0,0.35); } body, #navbar, main, section, .container, .content, #home, .modules-grid, .footer, footer { position: relative; z-index: 1; } #navbar { position: relative; z-index: 3000 !important; } #navbar .navbar { position: sticky; top: 0; z-index: 3001 !important; } #navbar .dropdown-content { z-index: 3002 !important; } #navbar .dropdown.open .dropdown-content { display: block !important; } #eve-widget { position: fixed; bottom: 78px; right: 18px; width: 320px; max-width: calc(100vw - 32px); background: #0b1423 !important; background: color-mix(in srgb, #0b1423 94%, transparent) !important; color: var(--text-primary) !important; border: 1px solid var(--card-border, rgba(255,255,255,0.08)) !important; border-radius: 12px !important; box-shadow: 0 10px 40px rgba(0,0,0,0.6) !important; z-index: 10050 !important; overflow: hidden; display: flex; flex-direction: column; font-size: 0.95rem; } #eve-widget.hidden { display: none !important; } #eve-toggle { position: fixed; right: 20px; bottom: 20px; background: linear-gradient(90deg, var(--primary), var(--primary-dark)); color: var(--bubble-text-dark); border: none; border-radius: 999px; width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; z-index: 10060; box-shadow: 0 8px 24px rgba(0,0,0,0.5); cursor: pointer; } #eve-widget .eve-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; background: rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.03); } #eve-widget .eve-title { font-weight: 700; color: var(--primary); } #eve-widget .eve-title { color: #e6f1ff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.6); letter-spacing: .2px; } #eve-widget .eve-close { color: #ffd4d4 !important; opacity: .9; } #eve-widget .eve-close:hover { color: #fff !important; } #eve-widget .eve-close { cursor: pointer; color: var(--text-primary); } #eve-widget .eve-messages { padding: 10px 12px; max-height: min(56vh, 420px); overflow-y: auto; background: transparent; } #eve-widget .message { margin-bottom: 10px; } #eve-widget .message .bubble { background: rgba(255,255,255,0.08); padding: 8px 10px; border-radius: 10px; color: var(--text-primary); } #eve-widget .message.user .bubble { background: linear-gradient(90deg, var(--primary), var(--primary-dark)); color: #001018; align-self: flex-end; } #eve-widget .eve-input { display: flex; gap: 8px; padding: 10px; border-top: 1px solid rgba(255,255,255,0.06); background: rgba(0,0,0,0.12); } #eve-widget .eve-input input { flex: 1; padding: 8px 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.04); background: rgba(255,255,255,0.02); color: var(--text-primary); } #eve-widget .eve-input button { padding: 8px 10px; border-radius: 8px; border: none; background: var(--primary); color: #001018; font-weight: 700; } @media (max-width: 640px) { #eve-widget { left: 8px; right: 8px; bottom: 70px; width: auto; max-width: none; max-height: 70vh; border-radius: 14px !important; } #eve-widget .eve-messages { max-height: calc(70vh - 120px); } #eve-toggle { right: 16px; bottom: 16px; } } @media (max-width: 420px) { #eve-widget { left: 6px; right: 6px; bottom: 64px; max-height: 68vh; } #eve-widget .eve-messages { max-height: calc(68vh - 118px); } } :root { --site-bg-gradient: radial-gradient(1200px 800px at 10% -10%, rgba(33,200,255,.04), transparent 55%), radial-gradient(900px 700px at 95% 10%, rgba(55,240,177,.03), transparent 45%), linear-gradient(180deg, var(--site-dark-1), var(--site-dark-2)); } html, body { background: var(--site-bg-gradient) !important; } .core-container, .module-card, .report-container, .charts-container .modal-content, .yaml-editor-container, .threshold-settings, .comparison-section, .drop-zone, .faq-item, .contact-card, .boutique-container, .profile-card, .reset-card { color: var(--text-primary, #e9f8ff) !important; } .threshold-settings, .report-container, .comparison-section, .module-card { background-color: rgba(8,14,26,0.82) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-color: rgba(255,255,255,0.12) !important; } .report-container, .report-main, .report-sidebar, .perf-section, .kpi-card, .export-menu, .theme-table, .summary-table, .table-wrapper, .chart-container { color: var(--text-primary, #e9f8ff) !important; } .chart-container { background: rgba(12,18,30,0.95) !important; border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.45) !important; } .chart-container canvas { filter: none !important; } .report-sidebar { background: rgba(12,18,30,0.92) !important; border: 1px solid rgba(255,255,255,0.10) !important; } .report-topbar, #global-report.fullscreen { background: rgba(12,18,30,0.94) !important; } .theme-table th, .summary-table th { background: rgba(12,18,30,0.98) !important; color: #ffffff !important; } .theme-table td, .summary-table td { color: #eef7ff !important; border-color: rgba(255,255,255,0.14) !important; } .theme-table tbody tr:nth-child(odd) td, .summary-table tbody tr:nth-child(odd) td { background: rgba(255,255,255,0.03) !important; } .theme-table tbody tr:nth-child(even) td, .summary-table tbody tr:nth-child(even) td { background: rgba(255,255,255,0.06) !important; } .theme-table thead th, .summary-table thead th { background: rgba(12,18,30,0.98) !important; color: #ffffff !important; } .table-search::placeholder, input[type="search"]::placeholder, input[type="text"]::placeholder { color: rgba(233,248,255,0.65) !important; } .theme-table a, .summary-table a { color: #7fd3ff !important; } .theme-table a:hover, .summary-table a:hover { color: #bfe6ff !important; } table, table th, table td { color: #21c8ff !important; } .report-container table th, .report-container table td, .report-main table th, .report-main table td, .core-container table th, .core-container table td, .comparison-section table th, .comparison-section table td, .security-table th, .security-table td { color: #21c8ff !important; } .report-container table, .report-container th, .report-container td, .report-main table, .report-main th, .report-main td, .theme-table, .theme-table th, .theme-table td, .summary-table, .summary-table th, .summary-table td { opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; -webkit-font-smoothing: antialiased; } body:not(.dark-mode) .report-section .theme-table th, body:not(.dark-mode) .report-section .theme-table td, body:not(.dark-mode) .report-section .summary-table th, body:not(.dark-mode) .report-section .summary-table td { color: #21c8ff !important; } .report-container, .report-main, .report-sidebar, .report-section, .report-section p, .report-section li, .report-section span, .report-section a { color: var(--text-primary, #e9f8ff) !important; } .kpi-card p { color: var(--primary, #14d7ff) !important; } .theme-table th a, .theme-table td a, .theme-table th span, .theme-table td span, .summary-table th a, .summary-table td a, .summary-table th span, .summary-table td span { color: #21c8ff !important; } .table-search, .compare-inputs input, .report-actions input, .report-actions select, select.dropdown-select { background: #101b2b !important; color: var(--text-primary, #e9f8ff) !important; border: 1px solid rgba(255,255,255,0.20) !important; } .badge { background: var(--primary, #14d7ff) !important; color: #001018 !important; } .badge-zero { background: rgba(255,255,255,0.18) !important; color: #cfe7ff !important; } .core-btn { color: #001018; } .core-btn.red, .core-btn.blue, .core-btn.green, .core-btn.purple, .core-btn.yellow { color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.25); } .modules-grid .module-card, .modules-grid .module-card * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .modules-grid .module-card { background: var(--card-bg) !important; border: 1px solid var(--card-border) !important; box-shadow: 0 6px 18px var(--shadow-color) !important; } @media (max-width: 768px) { #navbar .navbar { height: auto !important; align-items: flex-start !important; padding-top: 10px !important; padding-bottom: 10px !important; } #navbar .nav-links { display: none !important; flex-direction: column !important; width: 100% !important; position: static !important; left: 0 !important; z-index: 99 !important; background: rgba(3,10,22,0.92) !important; border-bottom: 1px solid rgba(255,255,255,0.6) !important; padding: 1em 0 !important; } #navbar .nav-links.show { display: flex !important; position: static !important; width: 100% !important; background: rgba(3,10,22,0.98) !important; } body.nav-open { overflow: visible !important; } #navbar .burger { display: inline-flex !important; } #navbar .nav-links a { color: var(--text-primary) !important; padding: 12px 24px !important; } } @media (max-width: 420px) { #navbar .lang-switch, #navbar .logo-beta, #navbar .dark-mode-switch { display: none !important; } #navbar .navbar { padding: 8px 3vw !important; } #navbar .nav-links { display: none !important; } #navbar .nav-links.show { display: flex !important; flex-direction: column !important; position: static !important; width: 100% !important; background: rgba(3,10,22,0.98) !important; padding: 0.6rem 0 !important; animation: cdp-slide-down 240ms ease forwards !important; border-top: 1px solid rgba(255,255,255,0.06) !important; } #navbar .nav-links.show a { padding: 14px 20px !important; font-size: 1rem !important; } } .boutique-container { isolation: isolate; } .boutique-container, .boutique-container * { color: var(--text-primary, #e9f8ff) !important; opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; text-shadow: none !important; -webkit-text-fill-color: unset !important; } .boutique-container { position: relative; z-index: 1; background-color: rgba(12,18,30,0.92) !important; border: 1px solid var(--card-border) !important; box-shadow: 0 6px 20px var(--shadow-color) !important; } .boutique-container .sub-description, .boutique-container .ia-description { background-color: rgba(12,18,30,0.92) !important; border: 1px solid var(--card-border) !important; box-shadow: 0 1px 6px var(--shadow-color) !important; } .boutique-container h2, .boutique-container .contact-link, .boutique-container .prix-total, .boutique-container .sub-prix { color: var(--primary, #14d7ff) !important; } section:not(#scan-global) p, section:not(#scan-global) li, section:not(#scan-global) small, section:not(#scan-global) label, section:not(#scan-global) .label, section:not(#scan-global) span, section:not(#scan-global) a { color: var(--text-primary, #e9f8ff) !important; opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; text-shadow: none !important; line-height: 1.6; } section:not(#scan-global) a { color: var(--primary, #14d7ff) !important; } section:not(#scan-global) a:hover { color: var(--primary-dark, #009fdd) !important; } section:not(#scan-global) input::placeholder, section:not(#scan-global) textarea::placeholder { color: rgba(233,248,255,0.7) !important; opacity: 1 !important; } section:not(#scan-global) input[type="text"], section:not(#scan-global) input[type="email"], section:not(#scan-global) input[type="password"], section:not(#scan-global) input[type="number"], section:not(#scan-global) select, section:not(#scan-global) textarea { color: var(--text-primary, #e9f8ff) !important; opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; } .boutique-container .sub-description, .boutique-container .ia-description, .boutique-container .prix-ligne, .boutique-container .prix-total, .contact-container .contact-info, .demo-card .demo-card-desc, .charts-container .charts-header p, .profile-container .msg-err, .profile-container .msg-success { color: var(--text-primary, #e9f8ff) !important; opacity: 1 !important; } #home .hero h1 { -webkit-text-fill-color: transparent; color: transparent; }