/* ========================================
   TechFlow — Editorial Redesign (Variant E "Scientific Paper")
   Paper-White + Ink-Blue + Mono-Display
   SITEWIDE DEFAULT 19.04.2026
   Fokus: maximaler Kontrast fuer Readability auf hellem BG
   ======================================== */

:root {
    --color-bg-primary: #FDFCF9;            /* Paper-White */
    --color-bg-secondary: #F5F3ED;
    --color-bg-tertiary: #EAE6DB;
    --color-bg-card: #FFFFFF;
    --color-bg-overlay: rgba(253, 252, 249, 0.95);

    /* HIGH-CONTRAST Text */
    --color-text-primary: #0A0B0F;          /* Pitch-Ink (nahe Schwarz) */
    --color-text-secondary: #2E3039;        /* Dark-Slate fuer Body */
    --color-text-muted: #5C6070;            /* Mid-Slate (dunkler als vorher!) */
    --color-text-subtle: #7A8090;           /* Nur fuer Captions/Meta */

    --color-accent-primary: #1B3A5B;        /* Ink-Blue */
    --color-accent-hover: #2D5F8F;
    --color-accent-soft: rgba(27, 58, 91, 0.08);
    /* Gradient muss einen echten Wert haben damit background-clip:text greift
       — sonst sind alle Gradient-Text-Elemente UNSICHTBAR auf hellem BG */
    --color-accent-gradient: linear-gradient(135deg, #1B3A5B 0%, #2D5F8F 100%);

    --color-border: rgba(10, 11, 15, 0.12);
    --color-border-subtle: rgba(10, 11, 15, 0.07);
    --color-border-strong: rgba(10, 11, 15, 0.2);
    --color-glass: rgba(255, 255, 255, 0.8);
    --color-glass-border: rgba(10, 11, 15, 0.1);

    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
    --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

    --color-success: #0F5E46;                 /* Tiefer Forest Green */
    --color-danger: #991B1B;                  /* Dark Crimson */
    --color-warning: #92500A;                 /* Dark Amber */
    --color-info: #1B3A5B;

    --shadow-sm: 0 1px 2px rgba(10, 11, 15, 0.05);
    --shadow-md: 0 2px 8px rgba(10, 11, 15, 0.08);
    --shadow-lg: 0 6px 20px rgba(10, 11, 15, 0.1);
    --shadow-xl: 0 16px 40px rgba(10, 11, 15, 0.12);
    --shadow-glow: none;
}

/* ===== Base ===== */
html, body {
    background: var(--color-bg-primary) !important;
    color: var(--color-text-primary) !important;
}

/* ===== SAFETY-NET: Gradient-Text-Elemente muessen sichtbar sein =====
   Alle h1/h2/h3 sowie typische Gradient-Text-Klassen bekommen
   -webkit-text-fill-color RESET damit sie auf hellem BG sichtbar sind.
   Betrifft: login.html (.login-logo), 404.html (h1), offline.html (h1),
   blog.html (h1), index.html (.gradient-text), etc. */
h1, h2, h3,
.login-logo, .gradient-text, .hero-title-line.gradient-text,
[class*="logo"], .brand, .brand-title {
    -webkit-text-fill-color: initial !important;
    background-clip: initial !important;
    -webkit-background-clip: initial !important;
    background: none !important;
    color: var(--color-text-primary) !important;
}
/* Accent-Text-Elemente explizit setzen (Hero-Title-Accent, Login-Logo) */
.hero-title-line.gradient-text,
.login-logo,
[class*="logo"]:not(.nav-logo) {
    color: var(--color-accent-primary) !important;
}

/* Universelle Overrides: alles was nicht explizit gefaerbt ist kriegt Dark-Text */
p, span, div, li, td, th, label, input, textarea, select, button {
    color: inherit;
}

/* ===== Typography ===== */
.hero-title, h1, h2, h3, h4, h5 {
    font-family: var(--font-display);
    color: var(--color-text-primary) !important;
    letter-spacing: -0.025em;
    line-height: 1.1;
}
.hero-title { font-weight: 700; }
h2, h3 { font-weight: 600; }
h4, h5 { font-weight: 500; }

.hero-title-line.gradient-text {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--color-accent-primary) !important;
}

.section-subtitle, .hero-subtitle {
    font-family: var(--font-family);
    color: var(--color-text-secondary) !important;
    letter-spacing: -0.005em;
}

.section-label {
    color: var(--color-accent-primary) !important;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-family: var(--font-mono);
    font-size: 0.7rem;
    font-weight: 500;
}

/* Numbers immer in Mono */
.proof-number, .track-stat-value, .dd-stat-value, .compound-result-value,
.hero-equity-value, .hero-equity-change, .hero-stat-value, .dash-stat-value,
.dash-metric-value, .price-amount {
    font-family: var(--font-mono) !important;
    font-variant-numeric: tabular-nums;
}

/* ===== Aggressive Dark-Text Overrides fuer alle hellgrauen Inlines ===== */
/* Haeufige Tailwind/slate-gray Hardcodings die auf weissem BG unlesbar sind */
[style*="color:#94a3b8"], [style*="color: #94a3b8"],
[style*="color:#71717a"], [style*="color: #71717a"],
[style*="color:#A1A1AA"], [style*="color: #A1A1AA"],
[style*="color:#a1a1aa"], [style*="color: #a1a1aa"],
[style*="color:#8b857c"], [style*="color: #8b857c"],
[style*="color:#e4e4e7"], [style*="color: #e4e4e7"],
[style*="color:#d4d4d8"], [style*="color: #d4d4d8"],
[style*="color:#f4f4f5"], [style*="color: #f4f4f5"],
[style*="color:#ffffff"], [style*="color: #ffffff"],
[style*="color:#fff"], [style*="color: #fff"],
[style*="color:white"], [style*="color: white"] {
    color: var(--color-text-secondary) !important;
}

[style*="color:#F5F5F7"], [style*="color: #F5F5F7"],
[style*="color:#F5F5F5"], [style*="color: #F5F5F5"],
[style*="color:#D4D4D8"], [style*="color: #D4D4D8"] {
    color: var(--color-text-primary) !important;
}

/* Text-muted Helpers */
.text-muted, .text-secondary {
    color: var(--color-text-muted) !important;
}

/* ===== Form Inputs — IMMER dark text auf hellem BG ===== */
input, textarea, select,
input[type="text"], input[type="number"], input[type="email"],
input[type="password"], input[type="search"], input[type="tel"] {
    background: var(--color-bg-card) !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border) !important;
    font-family: var(--font-family);
}
input:focus, textarea:focus, select:focus {
    border-color: var(--color-accent-primary) !important;
    outline: none;
}
input::placeholder, textarea::placeholder {
    color: var(--color-text-subtle) !important;
}

/* Buttons */
button, .btn {
    font-family: var(--font-family);
}

/* ===== Navigation ===== */
.navbar {
    background: var(--color-bg-overlay) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--color-border-subtle) !important;
}
.nav-links a, .nav-logo, .logo-text {
    color: var(--color-text-primary) !important;
    font-weight: 500;
}
.nav-links a:hover { color: var(--color-accent-primary) !important; }

/* ===== Hero ===== */
.hero { background: var(--color-bg-primary) !important; }
.hero-gradient, .hero-particles, .hero-spotlight, .hero-background, [data-glow], .card-glow {
    display: none !important;
}

.hero-badge {
    background: var(--color-accent-soft) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-accent-primary) !important;
}
.hero-badge-dot { background: var(--color-success) !important; }

.hero-stats-mini .hero-stat-value { color: var(--color-text-primary) !important; }
.hero-stats-mini .hero-stat-desc { color: var(--color-text-muted) !important; }

/* Hero Equity Widget */
.hero-equity-widget {
    background: var(--color-bg-card) !important;
    backdrop-filter: blur(12px);
    border: 1px solid var(--color-border) !important;
    box-shadow: var(--shadow-md) !important;
}
.hero-equity-label { color: var(--color-text-muted) !important; }
.hero-equity-status { color: var(--color-success) !important; }
.hero-equity-value { color: var(--color-text-primary) !important; }
.hero-equity-change { color: var(--color-success) !important; }

/* 3D-Robot Ink-Blue-Tint */
.hero-spline spline-viewer {
    filter: sepia(0.3) hue-rotate(180deg) saturate(1.3) brightness(1.1) contrast(0.95);
}

/* ===== Buttons ===== */
.btn-primary, button.btn-primary {
    background: var(--color-accent-primary) !important;
    color: #FFFFFF !important;
    border: 1px solid var(--color-accent-primary) !important;
    font-weight: 500;
}
.btn-primary:hover {
    background: var(--color-accent-hover) !important;
    border-color: var(--color-accent-hover) !important;
}
.btn-secondary, button.btn-secondary {
    background: transparent !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border-strong) !important;
}
.btn-secondary:hover {
    background: var(--color-bg-tertiary) !important;
}

/* ===== Social Proof ===== */
.social-proof {
    background: var(--color-bg-secondary) !important;
    border-top: 1px solid var(--color-border-subtle) !important;
    border-bottom: 1px solid var(--color-border-subtle) !important;
}
.proof-number { color: var(--color-text-primary) !important; }
.proof-label { color: var(--color-text-muted) !important; }
.proof-divider { background: var(--color-border) !important; }

/* ===== DD Transparency ===== */
.dd-transparency { background: var(--color-bg-secondary) !important; padding: 96px 0; }
.dd-stat-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
    box-shadow: var(--shadow-sm) !important;
}
.dd-stat-label { color: var(--color-text-muted) !important; }
.dd-stat-value { color: var(--color-text-primary) !important; }
.dd-stat-value.loss { color: var(--color-danger) !important; }
.dd-stat-value.ok { color: var(--color-success) !important; }
.dd-stat-sub { color: var(--color-text-muted) !important; }
.dd-chart-wrap {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}

/* ===== Track Record ===== */
.portfolio { background: var(--color-bg-primary) !important; }
.track-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
    box-shadow: var(--shadow-md) !important;
}
.track-backtest { border-left: 3px solid var(--color-accent-primary) !important; }
.track-live { border-left: 3px solid var(--color-success) !important; }
.track-card-title h3 { color: var(--color-text-primary) !important; font-family: var(--font-display); }
.track-card-badge { background: rgba(27, 58, 91, 0.1) !important; color: var(--color-accent-primary) !important; }
.track-live-badge { background: rgba(15, 94, 70, 0.1) !important; color: var(--color-success) !important; }
.track-card-period { color: var(--color-text-muted) !important; font-family: var(--font-mono); }
.track-stat-label { color: var(--color-text-muted) !important; }
.track-stat-value { color: var(--color-text-primary) !important; }
.track-stat-value.track-win { color: var(--color-success) !important; }
.track-stat-value.track-loss { color: var(--color-danger) !important; }
.track-card-note {
    color: var(--color-text-secondary) !important;
    border-top: 1px solid var(--color-border-subtle) !important;
}
.track-disclaimer {
    background: rgba(146, 80, 10, 0.08) !important;
    border: 1px solid rgba(146, 80, 10, 0.2) !important;
    color: var(--color-text-secondary) !important;
}
.track-disclaimer strong { color: var(--color-text-primary) !important; }

/* ===== Compounding Calculator ===== */
.compound-calc {
    background: var(--color-accent-soft) !important;
    border: 1px solid rgba(27, 58, 91, 0.15) !important;
}
.compound-header h3 { color: var(--color-text-primary) !important; }
.compound-sub { color: var(--color-text-secondary) !important; }
.compound-input-group label { color: var(--color-text-muted) !important; }
.compound-input-wrap {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border) !important;
}
.compound-input-wrap:focus-within { border-color: var(--color-accent-primary) !important; }
.compound-prefix, .compound-suffix { color: var(--color-text-muted) !important; }
.compound-input-wrap input { color: var(--color-text-primary) !important; background: transparent !important; }
.compound-result-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.compound-result-label { color: var(--color-text-muted) !important; }
.compound-result-value { color: var(--color-text-primary) !important; }
.compound-result-value.track-win { color: var(--color-success) !important; }
.compound-disclaimer { color: var(--color-text-muted) !important; }

/* ===== Features / Service Cards ===== */
.services, .services-grid { background: var(--color-bg-primary) !important; }
.service-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
    box-shadow: var(--shadow-sm) !important;
}
.service-card:hover { box-shadow: var(--shadow-md) !important; transform: translateY(-2px); transition: all 0.2s; }
.service-icon { color: var(--color-accent-primary) !important; }
.service-card h3 { color: var(--color-text-primary) !important; }
.service-card p { color: var(--color-text-secondary) !important; }

/* ===== FAQ ===== */
.faq-section { background: var(--color-bg-secondary) !important; }
.faq-item {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
    box-shadow: var(--shadow-sm) !important;
}
.faq-question { color: var(--color-text-primary) !important; font-weight: 500; }
.faq-answer { color: var(--color-text-secondary) !important; }

/* ===== Pricing ===== */
.pricing-section { background: var(--color-bg-primary) !important; }
.pricing-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
    box-shadow: var(--shadow-md) !important;
}
.pricing-card.featured {
    border: 2px solid var(--color-accent-primary) !important;
    box-shadow: var(--shadow-lg) !important;
}
.pricing-name { color: var(--color-text-primary) !important; }
.price-amount { color: var(--color-text-primary) !important; }
.price-currency { color: var(--color-text-muted) !important; }
.feature-list li { color: var(--color-text-secondary) !important; }

/* ===== Footer ===== */
.footer {
    background: var(--color-bg-tertiary) !important;
    border-top: 1px solid var(--color-border) !important;
}
.footer h4 { color: var(--color-text-primary) !important; }
.footer a { color: var(--color-text-secondary) !important; }
.footer a:hover { color: var(--color-accent-primary) !important; }
.footer-tagline { color: var(--color-text-muted) !important; }

/* ===== DASHBOARD-spezifische Overrides (trading.html) ===== */
.dash-container, .dash-main-chart, .dash-stats-bar { background: var(--color-bg-primary) !important; }
.dash-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
    box-shadow: var(--shadow-sm) !important;
    color: var(--color-text-primary) !important;
}
.dash-card-title { color: var(--color-text-primary) !important; }
.dash-stat-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.dash-stat-label { color: var(--color-text-muted) !important; }
.dash-stat-value { color: var(--color-text-primary) !important; }
.dash-stat-sub { color: var(--color-text-muted) !important; }
.dash-metric-label { color: var(--color-text-muted) !important; }
.dash-metric-value { color: var(--color-text-primary) !important; }
.dash-signal-text { color: var(--color-text-primary) !important; }
.dash-confidence-pct { color: var(--color-text-primary) !important; }
.dash-indicator-label { color: var(--color-text-secondary) !important; }
.dash-indicator-value { color: var(--color-text-primary) !important; }
.dash-indicator-track { background: var(--color-bg-tertiary) !important; }
.dash-tab {
    color: var(--color-text-secondary) !important;
    border-bottom-color: transparent !important;
}
.dash-tab.active {
    color: var(--color-accent-primary) !important;
    border-bottom-color: var(--color-accent-primary) !important;
}
.dash-chat-msg.ai {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}
.dash-chat-msg.user {
    background: var(--color-accent-primary) !important;
    color: #FFFFFF !important;
}
.dash-chat-input {
    background: var(--color-bg-card) !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border) !important;
}
.dash-bt-select, .dash-bt-input {
    background: var(--color-bg-card) !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border) !important;
}
.dash-prob-value { color: var(--color-text-primary) !important; }
.text-success { color: var(--color-success) !important; }
.text-danger { color: var(--color-danger) !important; }
.text-info { color: var(--color-accent-primary) !important; }
.font-mono { font-family: var(--font-mono) !important; }
.premium-tag {
    background: var(--color-accent-soft) !important;
    color: var(--color-accent-primary) !important;
    border: 1px solid rgba(27, 58, 91, 0.2) !important;
}
.dash-explanation {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-secondary) !important;
}
.dash-conf-badge {
    background: var(--color-accent-soft) !important;
    color: var(--color-accent-primary) !important;
}

/* Modal */
#profile-modal > div, #upgrade-modal > div {
    background: var(--color-bg-card) !important;
    color: var(--color-text-primary) !important;
}
.close-modal { color: var(--color-text-muted) !important; }

/* Risk-Analyse-Seite spezifisch (die haben eigene Inline-Styles) */
.ra-section {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
    color: var(--color-text-primary) !important;
}
.ra-stat-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.ra-stat-label { color: var(--color-text-muted) !important; }
.ra-stat-value { color: var(--color-text-primary) !important; }
.ra-stat-value.loss { color: var(--color-danger) !important; }
.ra-stat-value.ok { color: var(--color-success) !important; }
.ra-section-title { color: var(--color-text-primary) !important; }
.ra-section-sub { color: var(--color-text-muted) !important; }
.ra-table th { color: var(--color-text-secondary) !important; border-bottom-color: var(--color-border) !important; }
.ra-table td { color: var(--color-text-primary) !important; border-bottom-color: var(--color-border-subtle) !important; }
.td-depth { color: var(--color-danger) !important; }
.badge-ongoing { background: rgba(146, 80, 10, 0.12) !important; color: var(--color-warning) !important; }
.badge-recovered { background: rgba(15, 94, 70, 0.12) !important; color: var(--color-success) !important; }

/* Trade-Log spezifisch */
.trades-page { color: var(--color-text-primary) !important; }
.trades-stats {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.trades-stat-label { color: var(--color-text-muted) !important; }
.trades-stat-value { color: var(--color-text-primary) !important; }
.trades-stat-value.win { color: var(--color-success) !important; }
.trades-stat-value.loss { color: var(--color-danger) !important; }
.trades-filter {
    background: var(--color-bg-card) !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border) !important;
}
.trades-filter option {
    background: var(--color-bg-card) !important;
    color: var(--color-text-primary) !important;
}
.trades-table-wrap {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.trades-table thead {
    background: var(--color-bg-secondary) !important;
    border-bottom: 1px solid var(--color-border-subtle) !important;
}
.trades-table th { color: var(--color-text-secondary) !important; }
.trades-table td { color: var(--color-text-primary) !important; border-bottom-color: var(--color-border-subtle) !important; }
.trades-table tr:hover td { background: var(--color-accent-soft) !important; }
.td-pnl.win { color: var(--color-success) !important; }
.td-pnl.loss { color: var(--color-danger) !important; }
.badge { border: 1px solid var(--color-border) !important; }
.badge-signal { background: rgba(27, 58, 91, 0.1) !important; color: var(--color-accent-primary) !important; }
.badge-stop-loss { background: rgba(153, 27, 27, 0.1) !important; color: var(--color-danger) !important; }
.badge-take-profit { background: rgba(15, 94, 70, 0.1) !important; color: var(--color-success) !important; }
.badge-time-stop { background: rgba(146, 80, 10, 0.1) !important; color: var(--color-warning) !important; }
.trade-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.trade-card-label { color: var(--color-text-muted) !important; }
.trade-card-value { color: var(--color-text-primary) !important; }
.trade-card-value.win { color: var(--color-success) !important; }
.trade-card-value.loss { color: var(--color-danger) !important; }
.trades-disclaimer {
    background: var(--color-accent-soft) !important;
    border: 1px solid rgba(27, 58, 91, 0.2) !important;
    border-left: 3px solid var(--color-accent-primary) !important;
    color: var(--color-text-secondary) !important;
}
.trades-disclaimer strong { color: var(--color-text-primary) !important; }
.trades-empty { color: var(--color-text-muted) !important; }

/* Onboarding-Flow spezifisch */
.ob-page { color: var(--color-text-primary) !important; }
.ob-progress-step { background: var(--color-border) !important; }
.ob-progress-step.done, .ob-progress-step.current { background: var(--color-accent-primary) !important; }
.ob-step-label { color: var(--color-text-muted) !important; }
.ob-skip-link { color: var(--color-text-muted) !important; }
.ob-skip-link:hover { color: var(--color-text-primary) !important; }
.ob-step h1 { color: var(--color-text-primary) !important; }
.ob-step p.lead { color: var(--color-text-secondary) !important; }
.ob-question-label { color: var(--color-text-primary) !important; }
.ob-radio-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.ob-radio-card.selected {
    background: var(--color-accent-soft) !important;
    border-color: var(--color-accent-primary) !important;
}
.ob-radio-card-title { color: var(--color-text-primary) !important; }
.ob-radio-card-desc { color: var(--color-text-muted) !important; }
.ob-checkbox-row {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.ob-checkbox-title { color: var(--color-text-primary) !important; }
.ob-checkbox-sub { color: var(--color-text-muted) !important; }
.ob-telegram-box {
    background: var(--color-accent-soft) !important;
    border: 1px solid rgba(27, 58, 91, 0.2) !important;
}
.ob-telegram-token {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-accent-primary) !important;
}
.ob-telegram-steps {
    background: var(--color-bg-secondary) !important;
    color: var(--color-text-secondary) !important;
}
.ob-telegram-steps code {
    background: var(--color-accent-soft) !important;
    color: var(--color-accent-primary) !important;
}
.ob-telegram-status.ok { color: var(--color-success) !important; }
.ob-tour-slide {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.ob-tour-title { color: var(--color-text-primary) !important; }
.ob-tour-desc { color: var(--color-text-secondary) !important; }
.ob-tour-dot { background: var(--color-border) !important; }
.ob-tour-dot.active { background: var(--color-accent-primary) !important; }
.ob-insight-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.ob-insight-label { color: var(--color-text-muted) !important; }
.ob-insight-value { color: var(--color-text-primary) !important; }
.ob-disclaimer {
    background: var(--color-accent-soft) !important;
    border: 1px solid rgba(27, 58, 91, 0.2) !important;
    color: var(--color-text-secondary) !important;
}
.ob-btn-primary {
    background: var(--color-accent-primary) !important;
    color: #FFFFFF !important;
    border-color: var(--color-accent-primary) !important;
}
.ob-btn-primary:hover { background: var(--color-accent-hover) !important; }
.ob-btn-secondary {
    background: transparent !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border-strong) !important;
}
.ob-btn-secondary:hover { background: var(--color-bg-tertiary) !important; }
.ob-loading { color: var(--color-text-muted) !important; }

/* Admin-Dashboard spezifisch */
.admin-page, .admin-container { color: var(--color-text-primary) !important; }
.admin-section, .admin-card {
    background: var(--color-bg-card) !important;
    border: 1px solid var(--color-border-subtle) !important;
    color: var(--color-text-primary) !important;
}
.admin-sidebar {
    background: var(--color-bg-secondary) !important;
    border-right: 1px solid var(--color-border-subtle) !important;
}
.admin-nav-item {
    color: var(--color-text-secondary) !important;
}
.admin-nav-item:hover, .admin-nav-item.active {
    background: var(--color-accent-soft) !important;
    color: var(--color-accent-primary) !important;
}
table { color: var(--color-text-primary) !important; }
table th {
    background: var(--color-bg-secondary) !important;
    color: var(--color-text-secondary) !important;
    border-bottom: 1px solid var(--color-border) !important;
}
table td { border-bottom: 1px solid var(--color-border-subtle) !important; }

/* Login-Seite */
.login-wrap, .login-card {
    background: var(--color-bg-card) !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border-subtle) !important;
}
.login-title { color: var(--color-text-primary) !important; }
.login-subtitle { color: var(--color-text-secondary) !important; }

/* Final catch-all: dark BG-refs die wir nicht wollen */
[style*="background:#0a0a0f"], [style*="background: #0a0a0f"],
[style*="background:#09090B"], [style*="background: #09090B"],
[style*="background:#111118"], [style*="background: #111118"],
[style*="background:#111113"], [style*="background: #111113"],
[style*="background:#1a1a24"], [style*="background: #1a1a24"],
[style*="background:#18181B"], [style*="background: #18181B"] {
    background: var(--color-bg-card) !important;
}

/* ===== Inline-NAVs (Fixed-Top-Navs in trades.html, risk-analysis.html etc.)
   die rgba(9,9,11,...) als dark-BG nutzen ===== */
nav[style*="rgba(9,9,11"],
nav[style*="rgba(9, 9, 11"],
nav[style*="rgba(9,9,15"],
nav[style*="rgba(9, 9, 15"] {
    background: var(--color-bg-overlay) !important;
    border-bottom: 1px solid var(--color-border) !important;
}
nav[style*="rgba(9"] a {
    color: var(--color-text-primary) !important;
}
nav[style*="rgba(9"] a[style*="color:#F5F5F7"],
nav[style*="rgba(9"] a[style*="color: #F5F5F7"],
nav[style*="rgba(9"] a[style*="color:#A1A1AA"],
nav[style*="rgba(9"] a[style*="color: #A1A1AA"] {
    color: var(--color-text-primary) !important;
}
/* Login-Button in Inline-Nav: accent statt hellblau-violett */
nav[style*="rgba(9"] a[style*="background:#5E6AD2"],
nav[style*="rgba(9"] a[style*="background: #5E6AD2"] {
    background: var(--color-accent-primary) !important;
    color: #FFFFFF !important;
}