/* =============================================================================
   BRUTALIST THEME OVERRIDE
   Loaded AFTER base.css to override the old navy/cyan/gradient look.
   JetBrains Mono + Space Grotesk. Black + terminal green. No rounded corners.
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
    /* Override old palette */
    --primary-color: #00FF41;
    --secondary-color: #00FF41;
    --background-color: #000000;
    --text-color: #ffffff;
    --border-color: #1f1f1f;
    --success-color: #00FF41;
    --warning-color: #FFBF00;
    --error-color: #FF3333;
    --info-color: #00FF41;
    --highlight-color: #00FF41;

    /* New brutalist tokens */
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-card: #0a0a0a;
    --bg-input: #0a0a0a;
    --border-subtle: #1f1f1f;
    --border-strong: #2a2a2a;
    --text-primary: #ffffff;
    --text-secondary: #b0b0b0;
    --text-muted: #8a8a8a;
    --accent: #00FF41;
    --accent-dim: rgba(0, 255, 65, 0.1);
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
    --font-sans: 'Space Grotesk', -apple-system, sans-serif;
}

/* =============================================================================
   GLOBAL OVERRIDES
   ============================================================================= */
body {
    font-family: var(--font-sans) !important;
    background-color: #000000 !important;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-mono);
    letter-spacing: -0.02em;
}

/* Kill all border-radius - brutalist = sharp edges */
*,
.btn,
.card,
.alert,
.badge,
.nav-item,
.sidebar,
input,
select,
textarea,
.modal-content,
.dropdown-menu {
    border-radius: 0 !important;
}

/* =============================================================================
   NAVBAR
   ============================================================================= */
.navbar {
    background: rgba(0, 0, 0, 0.95) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    backdrop-filter: blur(10px);
}

.logo {
    font-family: var(--font-mono) !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.navbar-end .lang-switcher .lang-btn {
    font-family: var(--font-mono);
}

/* User menu */
.user-avatar-modern,
.user-avatar-large {
    background: var(--accent) !important;
    color: #000 !important;
    border-radius: 0 !important;
}

.user-plan-badge,
.plan-badge-large {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--accent-dim) !important;
    color: var(--accent) !important;
    border: 1px solid var(--accent) !important;
    border-radius: 0 !important;
    font-size: 0.65rem;
}

.user-dropdown-menu {
    background: #0a0a0a !important;
    border: 1px solid var(--border-subtle) !important;
}

.user-dropdown-item:hover {
    background: var(--accent-dim) !important;
    color: var(--accent) !important;
}

.notification-dropdown {
    background: #0a0a0a !important;
    border: 1px solid var(--border-subtle) !important;
}

.notification-badge {
    background: var(--error-color) !important;
    border-radius: 0 !important;
}

/* =============================================================================
   SIDEBAR
   ============================================================================= */
.sidebar {
    background: #0a0a0a !important;
    border-right: 1px solid var(--border-subtle) !important;
    overflow: hidden;
    bottom: 42px !important; /* Above the fixed site-footer */
    z-index: 101;
}

.sidebar-nav {
    flex: 1 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem !important;
}

.sidebar-footer {
    flex-shrink: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

.sidebar-nav .nav-item {
    font-family: var(--font-sans);
    transition: all 0.15s ease;
    border-left: 2px solid transparent;
}

.sidebar-nav .nav-item:hover {
    background: var(--accent-dim) !important;
    color: var(--accent) !important;
    border-left-color: var(--accent);
}

.sidebar-nav .nav-item.active {
    background: var(--accent-dim) !important;
    color: var(--accent) !important;
    border-left-color: var(--accent) !important;
}

.sidebar-nav .nav-item.active .nav-icon-wrapper i {
    color: var(--accent) !important;
}

.nav-item-glow {
    display: none !important;
}

.nav-section-title {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.65rem;
    color: var(--text-muted);
}

.nav-section-line {
    background: var(--border-subtle) !important;
}

/* Sidebar badges */
.nav-badge {
    font-family: var(--font-mono) !important;
    font-size: 0.55rem !important;
    letter-spacing: 0.05em;
    border-radius: 0 !important;
}

.nav-badge-new,
.nav-badge-beta {
    background: var(--accent-dim) !important;
    color: var(--accent) !important;
    border: 1px solid var(--accent) !important;
}

.nav-badge-pro,
.nav-badge-team {
    background: rgba(255, 191, 0, 0.1) !important;
    color: #FFBF00 !important;
    border: 1px solid rgba(255, 191, 0, 0.3) !important;
}

.nav-badge-soon {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--text-muted) !important;
    border: 1px solid var(--border-subtle) !important;
}

/* Plan indicator in sidebar footer */
.plan-indicator {
    background: var(--accent-dim) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 0 !important;
}

.plan-icon i {
    color: var(--accent) !important;
}

.sidebar-footer {
    border-top: 1px solid var(--border-subtle) !important;
}

/* =============================================================================
   MAIN CONTENT
   ============================================================================= */
.main-content {
    background: #000000;
}

/* =============================================================================
   CARDS (used everywhere: dashboard, analysis, settings)
   ============================================================================= */
.card,
.stat-card,
.glass-card,
.analysis-card,
.info-card,
.settings-card,
.feature-card,
.pricing-card,
.balance-card,
.plan-card,
.project-card,
.integration-card,
.vuln-card,
.notification-card,
.session-card,
[class*="-card"]:not(.vulnerability-card) {
    background: #0a0a0a !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

[class*="-card"]:not(.vulnerability-card):hover {
    border-color: var(--accent) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Glass card overrides - kill the blur/gradient */
.glass-card,
.glass-card::before {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #0a0a0a !important;
}

/* =============================================================================
   BUTTONS
   ============================================================================= */
.btn,
button.btn,
a.btn {
    font-family: var(--font-mono) !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0 !important;
    transition: all 0.15s ease;
}

.btn-primary,
.btn-success {
    background: var(--accent) !important;
    color: #000 !important;
    border: none !important;
}

.btn-primary:hover,
.btn-success:hover {
    background: #fff !important;
    color: #000 !important;
}

.btn-secondary,
.btn-outline {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid #fff !important;
}

.btn-secondary:hover,
.btn-outline:hover {
    background: #fff !important;
    color: #000 !important;
}

.btn-danger {
    background: var(--error-color) !important;
    color: #fff !important;
}

/* =============================================================================
   FORMS & INPUTS
   ============================================================================= */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"],
input[type="search"],
textarea,
select,
.form-control,
.form-input {
    font-family: var(--font-mono) !important;
    background: #0a0a0a !important;
    color: #fff !important;
    border: 1px solid var(--border-strong) !important;
    border-radius: 0 !important;
    outline: none;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-input:focus {
    border-color: var(--accent) !important;
    box-shadow: none !important;
}

/* Placeholder text */
::placeholder {
    color: var(--text-muted) !important;
}

label {
    font-family: var(--font-mono);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
}

/* =============================================================================
   ALERTS & FLASH MESSAGES
   ============================================================================= */
.alert {
    background: #0a0a0a !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 0 !important;
    font-family: var(--font-sans);
}

.alert-success {
    border-left: 3px solid var(--accent) !important;
}

.alert-error,
.alert-danger {
    border-left: 3px solid var(--error-color) !important;
}

.alert-warning {
    border-left: 3px solid var(--warning-color) !important;
}

.alert-info {
    border-left: 3px solid var(--accent) !important;
}

/* =============================================================================
   TABLES
   ============================================================================= */
table {
    border-collapse: collapse;
}

table th {
    font-family: var(--font-mono);
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    border-bottom: 1px solid var(--border-subtle);
}

table td {
    border-bottom: 1px solid var(--border-subtle);
}

table tr:hover td {
    background: var(--accent-dim);
}

/* =============================================================================
   BADGES & TAGS
   ============================================================================= */
.badge,
.tag,
.status-badge,
.severity-badge,
[class*="badge"] {
    font-family: var(--font-mono) !important;
    font-size: 0.65rem !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0 !important;
}

/* Severity colors */
.badge-critical,
.severity-critical {
    background: var(--error-color) !important;
    color: #fff !important;
}

.badge-high,
.severity-high {
    background: rgba(255, 51, 51, 0.15) !important;
    color: var(--error-color) !important;
    border: 1px solid var(--error-color) !important;
}

.badge-medium,
.severity-medium {
    background: rgba(255, 191, 0, 0.15) !important;
    color: var(--warning-color) !important;
    border: 1px solid var(--warning-color) !important;
}

.badge-low,
.severity-low {
    background: rgba(0, 255, 65, 0.15) !important;
    color: var(--accent) !important;
    border: 1px solid var(--accent) !important;
}

/* =============================================================================
   TABS & NAVIGATION
   ============================================================================= */
.tab,
.tab-btn,
[class*="tab-"] {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0 !important;
}

/* =============================================================================
   PROGRESS BARS
   ============================================================================= */
.progress-bar,
progress,
[class*="progress"] {
    border-radius: 0 !important;
}

.progress-bar-fill,
progress::-webkit-progress-value {
    background: var(--accent) !important;
    border-radius: 0 !important;
}

/* =============================================================================
   MODALS
   ============================================================================= */
.modal-content,
.modal-dialog {
    background: #0a0a0a !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 0 !important;
}

.modal-overlay,
.modal-backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
}

/* =============================================================================
   SCROLL BARS - Brutalist thin green
   ============================================================================= */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: var(--border-strong);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent);
}

/* =============================================================================
   FOOTER
   ============================================================================= */
.site-footer {
    background: #000 !important;
    border-top: 1px solid var(--border-subtle) !important;
}

.site-footer a {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Cookie notice */
.cookie-notice {
    background: #0a0a0a !important;
    border-top: 1px solid var(--border-subtle) !important;
    border-radius: 0 !important;
}

.cookie-btn {
    background: var(--accent) !important;
    color: #000 !important;
    border-radius: 0 !important;
    font-family: var(--font-mono) !important;
    text-transform: uppercase;
}

/* =============================================================================
   AUTH PAGES (login, register, forgot-password)
   ============================================================================= */
.auth-container,
.auth-card,
.login-card,
.register-card {
    background: #0a0a0a !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Google OAuth button */
.google-btn,
.oauth-btn {
    background: #fff !important;
    color: #000 !important;
    border-radius: 0 !important;
    font-family: var(--font-mono) !important;
}

/* =============================================================================
   LEGAL PAGES (privacy, terms)
   ============================================================================= */
.legal-page,
.legal-content {
    font-family: var(--font-sans);
}

.legal-content h1,
.legal-content h2,
.legal-content h3 {
    font-family: var(--font-mono);
}

/* =============================================================================
   ANALYSIS STATUS / RESULTS
   ============================================================================= */
.status-running,
.status-processing {
    color: var(--accent) !important;
}

.status-completed,
.status-success {
    color: var(--accent) !important;
}

.status-failed,
.status-error {
    color: var(--error-color) !important;
}

/* Security score */
[class*="score"] {
    font-family: var(--font-mono);
}

/* =============================================================================
   EMPTY STATES
   ============================================================================= */
.empty-state,
.no-data,
[class*="empty"] {
    color: var(--text-muted);
}

.empty-state i,
.no-data i {
    color: var(--border-strong);
}

/* =============================================================================
   INTEGRATIONS PAGE
   ============================================================================= */
.integration-card .integration-icon {
    border-radius: 0 !important;
}

/* =============================================================================
   SELECTION & HIGHLIGHT
   ============================================================================= */
::selection {
    background: var(--accent);
    color: #000;
}

/* =============================================================================
   LINKS
   ============================================================================= */
a {
    color: var(--accent);
}

a:hover {
    color: #fff;
}

/* =============================================================================
   CODE BLOCKS
   ============================================================================= */
code,
pre,
.code-block {
    font-family: var(--font-mono) !important;
    background: #0a0a0a !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 0 !important;
}

/* =============================================================================
   NUCLEAR COLOR OVERRIDE
   Kill ALL hardcoded blue/purple values from old CSS files.
   These override specific selectors in base.css, layout.css, modern.css,
   animations.css, register.css, analysis.css, notifications.css,
   wizard.css, survey.css, upgrade_prompts.css, waitlist-modal.css,
   dashboard.css, quota_indicator.css, wizard_additions.css, analytics.css
   ============================================================================= */

/* --- Override old CSS variable declarations in other files --- */
:root {
    --primary-color: #00FF41 !important;
    --primary-dark: #00cc34 !important;
    --primary-light: #33ff66 !important;
    --accent-cyan: #00FF41 !important;
    --accent-purple: #00FF41 !important;
    --gradient-primary: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
    --gradient-secondary: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
    --gradient-success: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
    --gradient-tertiary: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
    --gradient-dark: linear-gradient(135deg, #000000, #0a0a0a) !important;
    --wizard-primary: #00FF41 !important;
}

/* --- base.css: sidebar active, nav, breadcrumbs, toggle --- */
.sidebar-nav .nav-item.active,
.sidebar-nav .nav-item:hover,
.nav-item.active {
    background: rgba(0, 255, 65, 0.1) !important;
    color: #00FF41 !important;
}

.sidebar-nav .nav-item.active i,
.sidebar-nav .nav-item:hover i {
    color: #00FF41 !important;
}

/* Toggle switch */
.toggle-switch input:checked + .toggle-slider,
.toggle-input:checked + .toggle-slider {
    background: #00FF41 !important;
}

/* Breadcrumb active */
.breadcrumb-item.active,
.breadcrumb-item a:hover {
    color: #00FF41 !important;
}

/* --- base.css: section headers, page titles with old gradients --- */
.section-title-modern,
.page-title,
.page-title-text,
.section-header h2,
.dashboard-title {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #fff !important;
    background-clip: unset !important;
    color: #fff !important;
}

/* --- base.css: stat cards, summary cards with old purple background --- */
.stat-card .stat-icon,
.summary-card .stat-icon,
.stat-icon-wrapper {
    background: rgba(0, 255, 65, 0.1) !important;
    color: #00FF41 !important;
}

.stat-card .stat-icon i,
.summary-card .stat-icon i,
.stat-icon-wrapper i {
    color: #00FF41 !important;
}

/* --- base.css: step indicators, wizard steps --- */
.step-number,
.step-indicator.active .step-number,
.wizard-step.active .step-number,
.step.active .step-number {
    background: #00FF41 !important;
    color: #000 !important;
}

.step-indicator.completed .step-number,
.wizard-step.completed .step-number,
.step.completed .step-number {
    background: #00FF41 !important;
    color: #000 !important;
}

/* Step connector lines */
.step-connector.active,
.step-line.active {
    background: #00FF41 !important;
}

/* --- base.css / layout.css: gradient text overrides --- */
.gradient-text,
.text-gradient,
[class*="gradient-text"] {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #00FF41 !important;
    background-clip: unset !important;
    color: #00FF41 !important;
}

/* --- base.css: feature icons, info icons, accent icons --- */
.feature-icon,
.info-icon,
.accent-icon,
[class*="feature-icon"] {
    background: rgba(0, 255, 65, 0.1) !important;
    color: #00FF41 !important;
}

.feature-icon i,
.info-icon i {
    color: #00FF41 !important;
}

/* --- analysis.css: scan type badges (gradient ones) --- */
.scan-type-badge,
.analysis-type-badge,
[class*="type-badge"] {
    background: rgba(0, 255, 65, 0.15) !important;
    color: #00FF41 !important;
    border: 1px solid rgba(0, 255, 65, 0.3) !important;
}

/* analysis.css: progress shimmer override */
.progress-bar-shimmer,
.progress-shimmer,
.shimmer-bar {
    background: linear-gradient(90deg, #00FF41 0%, #33ff66 50%, #00FF41 100%) !important;
}

/* analysis.css: alert modal info icon */
.alert-modal.info .alert-icon,
.alert-icon.info {
    color: #00FF41 !important;
}

/* analysis.css: file input focus, card hover glow */
.file-input:focus,
.upload-card:focus-within {
    border-color: #00FF41 !important;
    box-shadow: 0 0 0 2px rgba(0, 255, 65, 0.2) !important;
}

/* --- modern.css: card hover glow override --- */
.card:hover,
.glass-card:hover,
[class*="-card"]:hover {
    box-shadow: none !important;
}

/* modern.css: gradient icon backgrounds */
.icon-gradient,
[class*="icon-gradient"] {
    background: linear-gradient(135deg, #00FF41, #00cc34) !important;
}

/* --- register.css: form inputs, buttons, links --- */
.auth-form input:focus,
.register-form input:focus,
.login-form input:focus {
    border-color: #00FF41 !important;
    box-shadow: 0 0 0 2px rgba(0, 255, 65, 0.2) !important;
}

.auth-form .form-link,
.register-form .form-link,
.login-form .form-link,
.auth-link {
    color: #00FF41 !important;
}

.auth-form .btn-primary,
.register-form .btn-primary,
.login-form .btn-primary,
.auth-submit-btn {
    background: #00FF41 !important;
    color: #000 !important;
}

.auth-form .btn-primary:hover,
.register-form .btn-primary:hover,
.login-form .btn-primary:hover,
.auth-submit-btn:hover {
    background: #fff !important;
    color: #000 !important;
}

/* register.css: password strength indicator */
.password-strength-bar,
.strength-meter-fill {
    background: #00FF41 !important;
}

.password-strength-text,
.strength-label {
    color: #00FF41 !important;
}

/* register.css: checkbox styling */
.custom-checkbox:checked,
.form-check-input:checked {
    background-color: #00FF41 !important;
    border-color: #00FF41 !important;
}

/* --- notifications.css: info icons, notification types --- */
.notification-icon.info,
.notif-icon-info {
    color: #00FF41 !important;
}

.notification-icon.update,
.notif-icon-update {
    color: #00FF41 !important;
}

.notification-badge-header,
.mark-all-read {
    background: #00FF41 !important;
    color: #000 !important;
}

/* notifications.css: gradient header backgrounds */
.notification-header,
.notification-modal-header {
    background: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
    color: #000 !important;
}

/* --- wizard.css / wizard_additions.css: step buttons, active states --- */
.wizard-btn-primary,
.wizard-next-btn,
.wizard-submit-btn {
    background: #00FF41 !important;
    color: #000 !important;
    box-shadow: none !important;
}

.wizard-btn-primary:hover,
.wizard-next-btn:hover,
.wizard-submit-btn:hover {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
}

.wizard-step-indicator.active,
.wizard-progress-fill {
    background: #00FF41 !important;
}

/* wizard.css: gradient badge override */
.wizard-badge,
.scan-badge {
    background: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
    color: #000 !important;
}

/* --- survey.css: survey buttons, rating, gradients --- */
.survey-submit-btn,
.survey-btn-primary {
    background: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
    color: #000 !important;
}

.survey-option:hover,
.survey-option.selected {
    border-color: #00FF41 !important;
}

.survey-option.selected {
    background: rgba(0, 255, 65, 0.1) !important;
}

.survey-star.active,
.rating-star.active {
    color: #00FF41 !important;
}

.survey-header,
.survey-modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
}

/* --- upgrade_prompts.css: upgrade cards, CTA buttons --- */
.upgrade-card,
.upgrade-prompt,
[class*="upgrade-"] {
    background: #0a0a0a !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: none !important;
}

.upgrade-card:hover,
.upgrade-prompt:hover {
    border-color: #00FF41 !important;
    box-shadow: none !important;
}

.upgrade-btn,
.upgrade-cta-btn,
.upgrade-primary-btn {
    background: #00FF41 !important;
    color: #000 !important;
    box-shadow: none !important;
}

.upgrade-btn:hover,
.upgrade-cta-btn:hover,
.upgrade-primary-btn:hover {
    background: #fff !important;
    color: #000 !important;
}

.upgrade-icon,
.upgrade-badge {
    background: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
    color: #000 !important;
}

.upgrade-feature-icon {
    color: #00FF41 !important;
}

/* upgrade_prompts: progress bar gradient override */
.upgrade-progress-fill,
.usage-progress-fill {
    background: linear-gradient(90deg, #00FF41 0%, #00cc34 100%) !important;
}

/* --- waitlist-modal.css: waitlist buttons, icons, borders --- */
.waitlist-btn,
.waitlist-submit-btn {
    background: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
    color: #000 !important;
}

.waitlist-feature-icon,
.waitlist-feature-icon.shield,
.waitlist-feature-icon.cloud,
.waitlist-feature-icon.teams,
.waitlist-feature-icon.enterprise {
    background: linear-gradient(135deg, #00FF41, #00cc34) !important;
    color: #000 !important;
}

.waitlist-input:focus {
    border-color: #00FF41 !important;
}

.waitlist-check-icon {
    background: #00FF41 !important;
    color: #000 !important;
}

/* --- dashboard.css: stat card gradient background --- */
.dashboard-stat-card,
.stat-card-gradient {
    background: rgba(0, 255, 65, 0.05) !important;
}

/* --- quota_indicator.css: quota bar gradients --- */
.quota-bar-fill,
.quota-progress-fill,
.usage-bar-fill {
    background: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
}

.quota-header,
.quota-icon {
    color: #00FF41 !important;
}

/* --- animations.css: pulse, glow, shimmer keyframe color overrides --- */
.pulse-dot,
.status-dot.active,
.live-indicator {
    background: #00FF41 !important;
    box-shadow: 0 0 0 0 rgba(0, 255, 65, 0.4) !important;
    animation: brutalist-pulse 2s infinite !important;
}

@keyframes brutalist-pulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 255, 65, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(0, 255, 65, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 255, 65, 0); }
}

/* Hover glow overrides - kill all purple glows */
.card:hover,
.btn:hover,
[class*="-card"]:hover {
    box-shadow: none !important;
}

/* Tab active states */
.tab-btn.active,
.tab.active,
[class*="tab-"].active {
    color: #00FF41 !important;
    border-color: #00FF41 !important;
    background: rgba(0, 255, 65, 0.1) !important;
}

/* Settings page specific - section headers, active tabs */
.settings-section-title,
.settings-tab.active,
.settings-nav-item.active {
    color: #00FF41 !important;
    border-color: #00FF41 !important;
}

.settings-tab.active,
.settings-nav-item.active {
    background: rgba(0, 255, 65, 0.1) !important;
}

/* Page header / title area overrides */
.page-header,
.content-header {
    background: #000 !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

/* Catch-all: any remaining inline gradient backgrounds used as accents */
.accent-gradient,
.bg-gradient,
[style*="linear-gradient"][style*="667eea"],
[style*="linear-gradient"][style*="4f46e5"],
[style*="linear-gradient"][style*="764ba2"] {
    background: linear-gradient(135deg, #00FF41 0%, #00cc34 100%) !important;
}

/* =============================================================================
   SEVERITY BADGE COLORS — Visible on dark backgrounds
   20% opacity + solid left border = clear visual anchor
   ============================================================================= */
.severity-critical { background: rgba(239, 68, 68, 0.20) !important; color: #ff6b6b !important; border-left: 3px solid #ef4444 !important; }
.severity-high { background: rgba(249, 115, 22, 0.20) !important; color: #ff9f43 !important; border-left: 3px solid #f97316 !important; }
.severity-medium { background: rgba(234, 179, 8, 0.20) !important; color: #feca57 !important; border-left: 3px solid #eab308 !important; }
.severity-low { background: rgba(59, 130, 246, 0.20) !important; color: #74b9ff !important; border-left: 3px solid #3b82f6 !important; }
.severity-info { background: rgba(107, 114, 128, 0.20) !important; color: #a0a0a0 !important; border-left: 3px solid #6b7280 !important; }

/* Severity indicator badges — explicit colors to resist cascade overrides */
.severity-indicator.critical { background: #ef4444 !important; color: white !important; }
.severity-indicator.high { background: #f97316 !important; color: white !important; }
.severity-indicator.medium { background: #eab308 !important; color: #000 !important; }
.severity-indicator.low { background: #3b82f6 !important; color: white !important; }

/* =============================================================================
   Z-INDEX FIX — Modals above navbar, dropdowns below modals
   ============================================================================= */
.status-dropdown-menu { z-index: 200 !important; }
#rescanModal { z-index: 1050 !important; }