/* ═══════════════════════════════════════════════════════════════
   V27 CHAINFORGE — Global Override Layer v27.3
   Loads AFTER Vite-compiled CSS to ensure V27 values take effect
   without requiring a Vite rebuild.

   This file overrides ALL remaining Obsidian Terminal values.
   Uses WILDCARD SELECTORS to catch every *-card, *-container,
   *-panel, *-box class across all 55+ modules automatically.
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════
   PART 1: ROOT VARIABLES
   ═══════════════════════════════════════ */
:root {
    /* V27 ChainForge Core Variables */
    --cf-void: #06080C;
    --cf-dark: #0A0E14;
    --cf-card: #0D1117;
    --cf-amber: #F59E0B;
    --cf-green: #22C55E;
    --cf-red: #EF4444;
    --cf-cyan: #06B6D4;
    --cf-purple: #A855F7;
    --cf-blue: #3B82F6;
    --cf-border: rgba(245,158,11,0.10);
    --cf-grid-color: rgba(245,158,11,0.04);
    --cf-grid-size: 40px;
    --cf-text: #FAFAFA;
    --cf-text-muted: #71717A;
    --cf-mono: 'DM Mono', 'JetBrains Mono', 'Fira Code', monospace;

    /* Override old color-* variables */
    --color-bg-base: #06080C;
    --color-bg-card: #0D1117;
    --color-bg-elevated: #0D1117;
    --color-bg-interactive: #0D1117;
    --color-bg-primary: #06080C;
    --color-bg-secondary: #0A0E14;
    --color-bg-tertiary: #0D1117;
    --color-bg-active: #0D1117;
    --color-luxury-black: #06080C;
    --color-luxury-darker: #0A0E14;
    --color-luxury-dark: #0D1117;

    /* Override borders to amber */
    --color-border-subtle: rgba(245, 158, 11, 0.05);
    --color-border-default: rgba(245, 158, 11, 0.10);
    --color-border-strong: rgba(245, 158, 11, 0.20);

    /* Override glass to V27 (no blur) */
    --color-glass: rgba(255, 255, 255, 0.03);
    --color-glass-light: rgba(245, 158, 11, 0.02);
    --color-glass-strong: rgba(245, 158, 11, 0.08);
    --color-glass-heavy: rgba(245, 158, 11, 0.12);

    /* Override text */
    --color-text-primary: #FAFAFA;
    --color-text-secondary: #A1A1AA;
    --color-text-muted: #71717A;

    /* Override shadows to amber-based */
    --shadow-card: 0 0 20px rgba(245, 158, 11, 0.05);
    --shadow-card-hover: 0 0 20px rgba(245, 158, 11, 0.08);

    /* Override v25 tokens */
    --v25-radius-sm: 2px;
    --v25-radius-md: 2px;
    --v25-radius-lg: 2px;
    --v25-radius-xl: 2px;
    --v25-radius-2xl: 2px;
    --v25-glass-blur: 0px;
    --v25-glass-blur-heavy: 0px;
    --v25-glass-blur-light: 0px;
    --v25-shadow-card: 0 0 20px rgba(245, 158, 11, 0.05);
    --v25-shadow-card-hover: 0 0 20px rgba(245, 158, 11, 0.08);
}


/* ═══════════════════════════════════════
   PART 2: WILDCARD BASE STYLING
   Only background/border/radius — NO corner markers
   Corner markers applied only to explicit class list in PART 6
   ═══════════════════════════════════════ */

/* Any *-card class gets V27 base look (no corner markers here) */
[class*="-card"]:not(.card-body):not(.card-header):not(.card-footer):not(.cf-card-body):not(.cf-card-header):not(.cf-card-footer):not(.credit-card):not(.bi-credit-card):not(.card-hover-lift-v2):not([class*="ring-"]):not([class*="shadow-"]) {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: border-color 0.3s, box-shadow 0.3s;
}

[class*="-card"]:not(.card-body):not(.card-header):not(.card-footer):not(.cf-card-body):not(.cf-card-header):not(.cf-card-footer):not(.credit-card):not(.bi-credit-card):not(.card-hover-lift-v2):not([class*="ring-"]):not([class*="shadow-"]):hover {
    border-color: rgba(245,158,11,0.25) !important;
    box-shadow: 0 0 20px rgba(245,158,11,0.05) !important;
}


/* ═══════════════════════════════════════
   PART 3: EXPLICIT CONTAINER/BOX/PANEL CLASSES
   Listed individually — NO wildcards to avoid stray dots
   ═══════════════════════════════════════ */

.trading-filter-bar,
.trading-table-container,
.trading-quick-trade-container,
.cf-filter-bar,
.intel-filter-bar,
.filter-panel,
.chart-container,
.chart-box,
.coaching-container,
.stats-container,
.feed-container,
.flows-table-container,
.alert-box,
.stat-box,
.tips-box,
.vix-info-box,
.referral-code-box,
.content-box,
.glass-panel,
.group-info-panel,
.blocked-users-panel,
.v26-table-wrapper,
.admin-v26-table-wrapper,
.v26-journal-container,
.v26-tabs-container,
.v26-trades-container,
.v26-watchlist-container,
.auth-container,
.error-container,
.progress-container,
.social-pulse-container,
.risk-globe-container,
.nebula-alerts-container,
.treemap-container,
.circular-gauge-container {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


/* ═══════════════════════════════════════
   PART 4: BASE .card CLASS OVERRIDE
   ═══════════════════════════════════════ */

.card {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    position: relative !important;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.card:hover {
    border-color: rgba(245,158,11,0.25) !important;
    box-shadow: 0 0 20px rgba(245,158,11,0.05) !important;
}

.card::before,
.card::after {
    content: '' !important;
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--cf-amber) !important;
    opacity: 0.5 !important;
    z-index: 1;
    pointer-events: none;
    border-radius: 0 !important;
}
.card::before { top: -1px !important; left: -1px !important; right: auto !important; bottom: auto !important; }
.card::after  { top: -1px !important; right: -1px !important; left: auto !important; bottom: auto !important; }


/* ═══════════════════════════════════════
   PART 5: CF-CARD COMPONENT
   ═══════════════════════════════════════ */

.cf-card {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    position: relative !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.cf-card:hover {
    border-color: rgba(245,158,11,0.25) !important;
    box-shadow: 0 0 20px rgba(245,158,11,0.05) !important;
}

.cf-card::before,
.cf-card::after {
    content: '' !important;
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--cf-amber) !important;
    opacity: 0.5 !important;
    z-index: 1;
    pointer-events: none;
}
.cf-card::before { top: -1px !important; left: -1px !important; }
.cf-card::after  { top: -1px !important; right: -1px !important; }


/* ═══════════════════════════════════════
   PART 6: ADDITIONAL SPECIFIC CLASSES
   Not caught by wildcards
   ═══════════════════════════════════════ */

/* Standalone card-like classes without hyphen */
.flashcard,
.sidebar,
.toolbar,
.dashboard-widget {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    position: relative !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* v25/v26 legacy aliases */
.v25-card,
.v25-card-holographic,
.v25-glass-card,
.v26-glass-card,
.v5-card {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    position: relative !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Filter bar classes */
.trading-filter-bar,
.intel-filter-bar,
.cf-filter-bar,
.admin-v26-filter,
.v26-filter,
.category-filter,
.date-filter,
.difficulty-filter,
.emotion-filter,
.period-filter,
.symbol-filter,
.intel-filter {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    position: relative !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Section classes that need V27 */
.settings-section,
.admin-v26-section,
.settings-v26-section,
.admin-v26-health-section,
.data-section,
.diff-section,
.balance-section,
.sidebar-section,
.cta-section {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    backdrop-filter: none !important;
}

/* Widget classes */
.data-widget,
.load-widget,
.add-widget {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    position: relative !important;
}

/* Item classes that look like cards */
.kpi-item,
.info-item,
.data-item,
.trading-watchlist-item,
.watchlist-item,
.data-timeline-item,
.rate-history-item,
.signal-item,
.trending-item,
.version-item,
.admin-v26-health-item,
.settings-v26-api-key-item,
.stagger-item,
.summary-item,
.quick-item,
.rank-item,
.panel-item,
.content-item {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    backdrop-filter: none !important;
}


/* ═══════════════════════════════════════
   PART 6A: CORNER MARKERS — EXPLICIT LIST ONLY
   Only top-level card elements get corner markers.
   This prevents stray dots on every wrapper div.
   ═══════════════════════════════════════ */

.journal-card,
.activity-card,
.alert-card,
.analytics-card,
.auth-card,
.badge-card,
.calendar-day-card,
.channel-card,
.commodity-card,
.country-card,
.disclosure-card,
.dominant-direction-card,
.ecb-rate-card,
.edu-course-card,
.edu-path-card,
.emotion-card,
.error-card,
.exchange-card,
.featured-card,
.glass-stat-card,
.gm-card,
.index-card,
.index-summary-card,
.indicator-card,
.insight-card,
.kap-stat-card,
.mod-stat-card,
.mover-card,
.n-stat-card,
.n-widget-card,
.nebula-card,
.pcr-stat-card,
.perf-grade-card,
.post-card,
.profile-share-card,
.provider-card,
.quest-card,
.quick-card,
.risk-zone-card,
.rotation-strength-card,
.sector-card,
.sentiment-card,
.settings-account-card,
.settings-api-key-card,
.settings-invoice-card,
.settings-plan-card,
.settings-session-card,
.sidebar-card,
.stat-card,
.status-card,
.step-card,
.strat-card,
.strongest-sector-card,
.surprise-card,
.thread-card,
.tool-card,
.trade-share-card,
.trading-form-card,
.trading-stat-card,
.user-profile-card,
.weakest-sector-card,
.widget-card,
.cf-analysis-card,
.cf-course-card,
.cf-info-card,
.cf-leader-card,
.cf-podium-card,
.cf-portfolio-card,
.cf-stat-card,
.admin-v26-stat-card,
.flashcard,
.dashboard-widget,
.trading-filter-bar,
.trading-table-container,
.cf-filter-bar,
.filter-panel,
.chart-box,
.stats-container,
.stat-box,
.alert-box,
.glass-panel {
    position: relative !important;
}

/* ::before = top-left corner marker */
.journal-card::before, .activity-card::before, .alert-card::before,
.analytics-card::before, .auth-card::before, .badge-card::before,
.calendar-day-card::before, .channel-card::before, .commodity-card::before,
.country-card::before, .disclosure-card::before, .dominant-direction-card::before,
.ecb-rate-card::before, .edu-course-card::before, .edu-path-card::before,
.emotion-card::before, .error-card::before, .exchange-card::before,
.featured-card::before, .glass-stat-card::before, .gm-card::before,
.index-card::before, .index-summary-card::before, .indicator-card::before,
.insight-card::before, .kap-stat-card::before, .mod-stat-card::before,
.mover-card::before, .n-stat-card::before, .n-widget-card::before,
.nebula-card::before, .pcr-stat-card::before, .perf-grade-card::before,
.post-card::before, .profile-share-card::before, .provider-card::before,
.quest-card::before, .quick-card::before, .risk-zone-card::before,
.rotation-strength-card::before, .sector-card::before, .sentiment-card::before,
.settings-account-card::before, .settings-api-key-card::before,
.settings-invoice-card::before, .settings-plan-card::before,
.settings-session-card::before, .sidebar-card::before, .stat-card::before,
.status-card::before, .step-card::before, .strat-card::before,
.strongest-sector-card::before, .surprise-card::before, .thread-card::before,
.tool-card::before, .trade-share-card::before, .trading-form-card::before,
.trading-stat-card::before, .user-profile-card::before,
.weakest-sector-card::before, .widget-card::before,
.cf-analysis-card::before, .cf-course-card::before, .cf-info-card::before,
.cf-leader-card::before, .cf-podium-card::before, .cf-portfolio-card::before,
.cf-stat-card::before, .admin-v26-stat-card::before,
.flashcard::before, .dashboard-widget::before,
.trading-filter-bar::before, .trading-table-container::before,
.cf-filter-bar::before, .filter-panel::before, .chart-box::before,
.stats-container::before, .stat-box::before, .alert-box::before,
.glass-panel::before,
/* ::after = top-right corner marker */
.journal-card::after, .activity-card::after, .alert-card::after,
.analytics-card::after, .auth-card::after, .badge-card::after,
.calendar-day-card::after, .channel-card::after, .commodity-card::after,
.country-card::after, .disclosure-card::after, .dominant-direction-card::after,
.ecb-rate-card::after, .edu-course-card::after, .edu-path-card::after,
.emotion-card::after, .error-card::after, .exchange-card::after,
.featured-card::after, .glass-stat-card::after, .gm-card::after,
.index-card::after, .index-summary-card::after, .indicator-card::after,
.insight-card::after, .kap-stat-card::after, .mod-stat-card::after,
.mover-card::after, .n-stat-card::after, .n-widget-card::after,
.nebula-card::after, .pcr-stat-card::after, .perf-grade-card::after,
.post-card::after, .profile-share-card::after, .provider-card::after,
.quest-card::after, .quick-card::after, .risk-zone-card::after,
.rotation-strength-card::after, .sector-card::after, .sentiment-card::after,
.settings-account-card::after, .settings-api-key-card::after,
.settings-invoice-card::after, .settings-plan-card::after,
.settings-session-card::after, .sidebar-card::after, .stat-card::after,
.status-card::after, .step-card::after, .strat-card::after,
.strongest-sector-card::after, .surprise-card::after, .thread-card::after,
.tool-card::after, .trade-share-card::after, .trading-form-card::after,
.trading-stat-card::after, .user-profile-card::after,
.weakest-sector-card::after, .widget-card::after,
.cf-analysis-card::after, .cf-course-card::after, .cf-info-card::after,
.cf-leader-card::after, .cf-podium-card::after, .cf-portfolio-card::after,
.cf-stat-card::after, .admin-v26-stat-card::after,
.flashcard::after, .dashboard-widget::after,
.trading-filter-bar::after, .trading-table-container::after,
.cf-filter-bar::after, .filter-panel::after, .chart-box::after,
.stats-container::after, .stat-box::after, .alert-box::after,
.glass-panel::after {
    content: '' !important;
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--cf-amber) !important;
    opacity: 0.5 !important;
    z-index: 1;
    pointer-events: none;
    border-radius: 0 !important;
}

/* Position: top-left */
.journal-card::before, .activity-card::before, .alert-card::before,
.analytics-card::before, .auth-card::before, .badge-card::before,
.calendar-day-card::before, .channel-card::before, .commodity-card::before,
.country-card::before, .disclosure-card::before, .dominant-direction-card::before,
.ecb-rate-card::before, .edu-course-card::before, .edu-path-card::before,
.emotion-card::before, .error-card::before, .exchange-card::before,
.featured-card::before, .glass-stat-card::before, .gm-card::before,
.index-card::before, .index-summary-card::before, .indicator-card::before,
.insight-card::before, .kap-stat-card::before, .mod-stat-card::before,
.mover-card::before, .n-stat-card::before, .n-widget-card::before,
.nebula-card::before, .pcr-stat-card::before, .perf-grade-card::before,
.post-card::before, .profile-share-card::before, .provider-card::before,
.quest-card::before, .quick-card::before, .risk-zone-card::before,
.rotation-strength-card::before, .sector-card::before, .sentiment-card::before,
.settings-account-card::before, .settings-api-key-card::before,
.settings-invoice-card::before, .settings-plan-card::before,
.settings-session-card::before, .sidebar-card::before, .stat-card::before,
.status-card::before, .step-card::before, .strat-card::before,
.strongest-sector-card::before, .surprise-card::before, .thread-card::before,
.tool-card::before, .trade-share-card::before, .trading-form-card::before,
.trading-stat-card::before, .user-profile-card::before,
.weakest-sector-card::before, .widget-card::before,
.cf-analysis-card::before, .cf-course-card::before, .cf-info-card::before,
.cf-leader-card::before, .cf-podium-card::before, .cf-portfolio-card::before,
.cf-stat-card::before, .admin-v26-stat-card::before,
.flashcard::before, .dashboard-widget::before,
.trading-filter-bar::before, .trading-table-container::before,
.cf-filter-bar::before, .filter-panel::before, .chart-box::before,
.stats-container::before, .stat-box::before, .alert-box::before,
.glass-panel::before {
    top: -1px !important;
    left: -1px !important;
    right: auto !important;
    bottom: auto !important;
}

/* Position: top-right */
.journal-card::after, .activity-card::after, .alert-card::after,
.analytics-card::after, .auth-card::after, .badge-card::after,
.calendar-day-card::after, .channel-card::after, .commodity-card::after,
.country-card::after, .disclosure-card::after, .dominant-direction-card::after,
.ecb-rate-card::after, .edu-course-card::after, .edu-path-card::after,
.emotion-card::after, .error-card::after, .exchange-card::after,
.featured-card::after, .glass-stat-card::after, .gm-card::after,
.index-card::after, .index-summary-card::after, .indicator-card::after,
.insight-card::after, .kap-stat-card::after, .mod-stat-card::after,
.mover-card::after, .n-stat-card::after, .n-widget-card::after,
.nebula-card::after, .pcr-stat-card::after, .perf-grade-card::after,
.post-card::after, .profile-share-card::after, .provider-card::after,
.quest-card::after, .quick-card::after, .risk-zone-card::after,
.rotation-strength-card::after, .sector-card::after, .sentiment-card::after,
.settings-account-card::after, .settings-api-key-card::after,
.settings-invoice-card::after, .settings-plan-card::after,
.settings-session-card::after, .sidebar-card::after, .stat-card::after,
.status-card::after, .step-card::after, .strat-card::after,
.strongest-sector-card::after, .surprise-card::after, .thread-card::after,
.tool-card::after, .trade-share-card::after, .trading-form-card::after,
.trading-stat-card::after, .user-profile-card::after,
.weakest-sector-card::after, .widget-card::after,
.cf-analysis-card::after, .cf-course-card::after, .cf-info-card::after,
.cf-leader-card::after, .cf-podium-card::after, .cf-portfolio-card::after,
.cf-stat-card::after, .admin-v26-stat-card::after,
.flashcard::after, .dashboard-widget::after,
.trading-filter-bar::after, .trading-table-container::after,
.cf-filter-bar::after, .filter-panel::after, .chart-box::after,
.stats-container::after, .stat-box::after, .alert-box::after,
.glass-panel::after {
    top: -1px !important;
    right: -1px !important;
    left: auto !important;
    bottom: auto !important;
}


/* ═══════════════════════════════════════
   PART 7: TAILWIND & RADIUS OVERRIDES
   ═══════════════════════════════════════ */

.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl {
    border-radius: 2px !important;
}
.rounded-md, .rounded-sm, .rounded {
    border-radius: 2px !important;
}


/* ═══════════════════════════════════════
   PART 8: UI COMPONENT OVERRIDES
   ═══════════════════════════════════════ */

/* Buttons */
.btn {
    font-family: var(--cf-mono) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    border-radius: 2px !important;
}

.btn--primary {
    background: var(--cf-amber) !important;
    color: #000 !important;
    border-color: var(--cf-amber) !important;
}
.btn--primary:hover {
    background: #D97706 !important;
    box-shadow: 0 0 16px rgba(245,158,11,0.3) !important;
}
.btn--ghost:hover {
    border-color: var(--cf-amber) !important;
    color: var(--cf-amber) !important;
}

/* Inputs */
.input {
    font-family: var(--cf-mono) !important;
    font-size: 12px !important;
    border-radius: 2px !important;
    border-color: var(--cf-border) !important;
    background: rgba(255,255,255,0.03) !important;
}
.input:focus {
    border-color: var(--cf-amber) !important;
    box-shadow: 0 0 0 1px rgba(245,158,11,0.2) !important;
}

/* Badge */
.badge {
    font-family: var(--cf-mono) !important;
    font-size: 10px !important;
    border-radius: 2px !important;
}

/* Table */
.table {
    font-family: var(--cf-mono) !important;
}
.table th {
    font-family: var(--cf-mono) !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
    color: var(--cf-text-muted) !important;
    border-bottom-color: var(--cf-border) !important;
}
.table td {
    color: var(--cf-text) !important;
    border-bottom-color: rgba(245,158,11,0.05) !important;
}
.table tbody tr:hover {
    background: rgba(245,158,11,0.03) !important;
}

/* Alert */
.alert {
    border-radius: 2px !important;
    font-family: var(--cf-mono) !important;
}

/* Dropdown */
.dropdown-menu {
    border-radius: 2px !important;
    background: var(--cf-card) !important;
    border-color: var(--cf-border) !important;
    backdrop-filter: none !important;
}

/* Modal */
.modal-content {
    border-radius: 2px !important;
    background: var(--cf-card) !important;
    border-color: var(--cf-border) !important;
}

/* Divider */
.divider {
    border: none !important;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--cf-amber) 50%, transparent 100%) !important;
    opacity: 0.15;
    position: relative;
}

/* Skeleton */
.skeleton {
    border-radius: 2px !important;
}


/* ═══════════════════════════════════════
   PART 9: CF-* COMPONENTS
   ═══════════════════════════════════════ */

.cf-label {
    font-family: var(--cf-mono);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cf-text-muted);
    display: block;
}
.cf-label::before {
    content: '■ ';
    color: var(--cf-amber);
    opacity: 0.6;
}

.cf-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--cf-amber) 50%, transparent 100%);
    opacity: 0.15;
    margin: 1.5rem 0;
    position: relative;
}
.cf-divider::after {
    content: '◆';
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%);
    font-size: 8px;
    color: var(--cf-amber);
    opacity: 0.4;
}

.cf-btn {
    font-family: var(--cf-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 2px;
    transition: all 0.2s;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    text-decoration: none;
}
.cf-btn--primary {
    background: var(--cf-amber);
    color: #000;
    border: 1px solid var(--cf-amber);
}
.cf-btn--primary:hover {
    background: #D97706;
    box-shadow: 0 0 16px rgba(245,158,11,0.3);
}
.cf-btn--ghost {
    background: transparent;
    color: var(--cf-text-muted);
    border: 1px solid var(--cf-border);
}
.cf-btn--ghost:hover {
    border-color: var(--cf-amber);
    color: var(--cf-amber);
}

.cf-table {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--cf-mono);
    font-size: 12px;
}
.cf-table thead th {
    padding: 0.75rem 1rem;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cf-text-muted);
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid var(--cf-border);
}
.cf-table tbody tr {
    border-bottom: 1px solid rgba(245,158,11,0.05);
    transition: background 0.2s, box-shadow 0.2s;
}
.cf-table tbody tr:hover {
    background: rgba(245,158,11,0.03);
}
.cf-table tbody td {
    padding: 0.75rem 1rem;
    color: var(--cf-text);
    white-space: nowrap;
}

.cf-pnl-profit {
    color: var(--cf-green) !important;
    text-shadow: 0 0 8px rgba(34,197,94,0.3);
    font-weight: 700;
}
.cf-pnl-loss {
    color: var(--cf-red) !important;
    text-shadow: 0 0 8px rgba(239,68,68,0.3);
    font-weight: 700;
}

.cf-footer {
    text-align: center;
    padding: 2rem 0 1rem;
    font-family: var(--cf-mono);
    font-size: 10px;
    color: var(--cf-text-muted);
    opacity: 0.4;
}

.cf-page {
    min-height: 100vh;
    padding: 24px;
    background:
        repeating-linear-gradient(0deg, rgba(245,158,11,0.04) 0 1px, transparent 1px 40px),
        repeating-linear-gradient(90deg, rgba(245,158,11,0.04) 0 1px, transparent 1px 40px),
        radial-gradient(circle at 40px 40px, rgba(245,158,11,0.03) 1px, transparent 1px);
    background-size: 40px 40px, 40px 40px, 40px 40px;
}

.cf-kpi__value {
    font-family: var(--cf-mono);
    font-size: 24px;
    font-weight: 800;
    color: var(--cf-text);
}


/* ═══════════════════════════════════════
   PART 10: KILL BACKDROP FILTERS
   ═══════════════════════════════════════ */

.backdrop-blur-xl,
.backdrop-blur-lg,
.backdrop-blur-md,
.backdrop-blur-sm,
.backdrop-blur,
.card.backdrop-blur-xl {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


/* ═══════════════════════════════════════
   PART 11: HOVER OVERRIDES
   ═══════════════════════════════════════ */

.card-hover-lift-v2:hover {
    border-color: rgba(245,158,11,0.25) !important;
    box-shadow: 0 0 20px rgba(245,158,11,0.05) !important;
    transform: none !important;
}

.n26-card-hover:hover,
.n26-hover-glow:hover {
    box-shadow: 0 0 20px rgba(245,158,11,0.05) !important;
    border-color: rgba(245,158,11,0.25) !important;
    transform: none !important;
}


/* ═══════════════════════════════════════
   PART 12: GLOBAL OVERRIDES
   ═══════════════════════════════════════ */

/* Fix remaining white-based borders */
[class*="border-border-"] {
    border-color: rgba(245,158,11,0.10) !important;
}

/* Override Tailwind bg utility classes using old white values */
[class*="bg-white\\/"] {
    background-color: rgba(245,158,11,0.03) !important;
}

/* Ensure bg-bg-card and bg-bg-base use V27 */
.bg-bg-card {
    background-color: var(--cf-card) !important;
}
.bg-bg-base {
    background-color: var(--cf-void) !important;
}

/* Force body background */
body {
    background-color: var(--cf-void) !important;
}

/* Blueprint grid on main content area */
main,
[role="main"],
.main-content {
    background-image:
        repeating-linear-gradient(0deg, rgba(245,158,11,0.04) 0 1px, transparent 1px 40px),
        repeating-linear-gradient(90deg, rgba(245,158,11,0.04) 0 1px, transparent 1px 40px) !important;
    background-size: 40px 40px !important;
}

/* Sidebar V27 styling */
aside, aside.fixed {
    background: var(--cf-dark) !important;
    border-right: 1px solid var(--cf-border) !important;
}

/* Header/Navbar V27 styling */
header, nav {
    border-bottom-color: var(--cf-border) !important;
}

/* Scrollbar V27 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: var(--cf-void);
}
::-webkit-scrollbar-thumb {
    background: rgba(245,158,11,0.15);
    border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(245,158,11,0.25);
}


/* ═══════════════════════════════════════
   PART 13: HEADER/BAR/SECTION STYLING
   Secondary elements — no corner markers
   ═══════════════════════════════════════ */

/* Headers inside cards */
[class*="-header"]:not(header):not(.card-header):not(.cf-card-header) {
    border-bottom-color: var(--cf-border) !important;
}

/* Bar elements (filter bars, signal bars, tab bars etc.) */
[class*="-bar"]:not(.progress-bar):not(.edu-progress-bar):not(.skeleton-bar):not([class*="bg-"]) {
    border-color: var(--cf-border) !important;
    border-radius: 2px !important;
}

/* All table wrapper/body classes */
[class*="table-body"],
[class*="table-wrapper"],
.v26-table-wrapper,
.admin-v26-table-wrapper {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
}

/* Sidebar variants */
.settings-sidebar,
.settings-v26-sidebar,
.nebula-sidebar,
.v25-sidebar {
    background: var(--cf-dark) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
}


/* ═══════════════════════════════════════
   PART 14: LEGACY VARIABLE BRIDGE
   Maps ALL old variable names → V27 values
   ═══════════════════════════════════════ */

:root {
    /* Old --color-profit-green / --color-loss-red */
    --color-profit-green: #22C55E;
    --color-loss-red: #EF4444;
    --color-warning: #F59E0B;
    --color-info: #3B82F6;

    /* Old --radius-* variables (all → 2px for V27) */
    --radius-sm: 2px;
    --radius-md: 2px;
    --radius-lg: 2px;
    --radius-xl: 2px;
    --radius-2xl: 2px;
    --radius-full: 2px;
    --radius-card: 2px;

    /* Old --color-text-* (some pages use short form) */
    --color-text-tertiary: #52525B;

    /* Old --v27-bg-base (used in meta theme-color) */
    --v27-bg-base: #06080C;
}


/* ═══════════════════════════════════════
   PART 15: TAILWIND UTILITY CLASS OVERRIDES
   V27 color values for custom utility classes
   that Tailwind can't compile
   ═══════════════════════════════════════ */

/* Text colors → V27 palette */
.text-text-primary { color: var(--cf-text, #FAFAFA) !important; }
.text-text-secondary { color: #A1A1AA !important; }
.text-text-tertiary { color: #52525B !important; }
.text-text-muted { color: var(--cf-text-muted, #71717A) !important; }
.text-profit-green { color: var(--cf-green, #22C55E) !important; }
.text-loss-red { color: var(--cf-red, #EF4444) !important; }
.text-brand-400 { color: var(--cf-amber, #F59E0B) !important; }
.text-brand-300 { color: #FBBF24 !important; }
.text-brand-500 { color: #D97706 !important; }

/* Background utilities → V27 */
.bg-glass-light { background: rgba(245,158,11,0.02) !important; }
.bg-glass { background: rgba(245,158,11,0.03) !important; }
.bg-glass-medium { background: rgba(245,158,11,0.05) !important; }
.bg-glass-strong { background: rgba(245,158,11,0.08) !important; }
.bg-bg-card { background: var(--cf-card, #0D1117) !important; }
.bg-bg-base { background: var(--cf-void, #06080C) !important; }
.bg-bg-elevated { background: var(--cf-card, #0D1117) !important; }

/* Hover backgrounds → V27 amber tint */
.hover\:bg-glass-light:hover { background: rgba(245,158,11,0.04) !important; }
.hover\:bg-white\/5:hover { background: rgba(245,158,11,0.04) !important; }
.hover\:bg-white\/\[0\.03\]:hover { background: rgba(245,158,11,0.03) !important; }

/* Border utilities → V27 amber */
.border-border-subtle { border-color: rgba(245,158,11,0.06) !important; }
.border-border-default { border-color: rgba(245,158,11,0.10) !important; }
.border-border-strong { border-color: rgba(245,158,11,0.20) !important; }
.border-brand-400 { border-color: var(--cf-amber, #F59E0B) !important; }
.border-brand-400\/30 { border-color: rgba(245,158,11,0.3) !important; }
.border-profit-green { border-color: var(--cf-green, #22C55E) !important; }
.border-loss-red { border-color: var(--cf-red, #EF4444) !important; }

/* Profit/Loss background utilities */
.bg-profit-green\/10 { background: rgba(34,197,94,0.1) !important; }
.bg-profit-green\/5 { background: rgba(34,197,94,0.05) !important; }
.bg-loss-red\/10 { background: rgba(239,68,68,0.1) !important; }
.bg-loss-red\/15 { background: rgba(239,68,68,0.15) !important; }
.bg-loss-red\/5 { background: rgba(239,68,68,0.05) !important; }

/* White bg overrides → amber tint */
.bg-white\/5 { background: rgba(245,158,11,0.03) !important; }
.bg-white\/3 { background: rgba(245,158,11,0.02) !important; }
.bg-white\/\[0\.02\] { background: rgba(245,158,11,0.02) !important; }
.bg-white\/\[0\.03\] { background: rgba(245,158,11,0.03) !important; }
.bg-white\/\[0\.05\] { background: rgba(245,158,11,0.04) !important; }


/* ═══════════════════════════════════════
   PART 16: ANIMATION CLASS BRIDGE
   Old stagger/entrance → V27 equivalents
   ═══════════════════════════════════════ */

/* page-enter → cf-stagger-in equivalent */
.page-enter {
    animation: cf-page-enter 0.5s ease-out forwards;
}
@keyframes cf-page-enter {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

/* stagger-item system → cf-stagger equivalent */
.stagger-item {
    opacity: 0;
    animation: cf-stagger-in 0.5s ease-out forwards;
}
.stagger-1 { animation-delay: 0.1s; }
.stagger-2 { animation-delay: 0.18s; }
.stagger-3 { animation-delay: 0.26s; }
.stagger-4 { animation-delay: 0.34s; }
.stagger-5 { animation-delay: 0.42s; }
.stagger-6 { animation-delay: 0.50s; }
.stagger-7 { animation-delay: 0.58s; }
.stagger-8 { animation-delay: 0.66s; }

@keyframes cf-stagger-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

/* n26-entrance → V27 stagger */
.n26-entrance {
    opacity: 0;
    animation: cf-stagger-in 0.5s ease-out forwards;
}

/* n26 hover effects → V27 amber glow */
.n26-card-hover:hover,
.n26-hover-glow:hover {
    border-color: rgba(245,158,11,0.25) !important;
    box-shadow: 0 0 20px rgba(245,158,11,0.05) !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .page-enter, .stagger-item, .n26-entrance, .cf-stagger, .cf-table-row {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}


/* ═══════════════════════════════════════
   PART 17: GLASS-CARD OVERRIDES
   All glass-* classes → V27 solid card
   ═══════════════════════════════════════ */

.glass-card,
.glass-medium,
.glass-light,
.glass-heavy,
.glass-panel,
.glass-stat-card,
[class*="glass-card"] {
    background: var(--cf-card) !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: 2px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* V27: no blur anywhere */
[style*="backdrop-filter"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


/* ═══════════════════════════════════════
   PART 18: FONT OVERRIDE
   All monospace areas → DM Mono
   ═══════════════════════════════════════ */

.font-mono {
    font-family: var(--cf-mono, 'DM Mono', 'JetBrains Mono', 'Fira Code', monospace) !important;
}

/* Table headers always mono uppercase */
th {
    font-family: var(--cf-mono, 'DM Mono', monospace);
    letter-spacing: 0.06em;
}


/* ═══════════════════════════════════════
   PART 19: FORM ELEMENTS V27
   ═══════════════════════════════════════ */

select, input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="search"], textarea {
    border-radius: 2px !important;
    border-color: var(--cf-border) !important;
}

select:focus, input:focus, textarea:focus {
    border-color: var(--cf-amber) !important;
    box-shadow: 0 0 0 1px rgba(245,158,11,0.2) !important;
    outline: none !important;
}

/* Pagination V27 */
.pagination .page-link,
nav[aria-label*="Pagination"] a,
nav[aria-label*="Pagination"] span {
    border-radius: 2px !important;
    font-family: var(--cf-mono) !important;
    font-size: 11px !important;
}


/* ═══════════════════════════════════════
   PART 20: V27 GLOBAL VERSION TAG
   ═══════════════════════════════════════ */

/* chainforge-v27-global.css v27.5 — Full Legacy Bridge */