/* ==============================================
   CFR Dashboard — Analytics
   Extracted verbatim from cfr-analytics.html
   ============================================== */

:root {
  --navy-950:#0C0F16;--navy-900:#11151D;--navy-800:#151A23;--navy-700:#1E2632;
  --teal-400:#0076FF;--teal-500:#10B981;--teal-600:#059669;
  --indigo-400:#5B8CFF;--indigo-500:#0076FF;
  --slate-50:#F8FAFC;--slate-100:#F1F5F9;--slate-200:#E2E8F0;--slate-300:#CBD5E1;
  --slate-400:#94A3B8;--slate-500:#64748B;--slate-600:#475569;--slate-700:#334155;
  --red-400:#F87171;--red-500:#EF4444;
  --green-400:#4ADE80;--green-500:#22C55E;
  --amber-400:#FBBF24;--amber-500:#F59E0B;
  --pink-400:#F472B6;--rose-400:#FB7185;
  --cyan-400:#22D3EE;
  --white:#FFFFFF;
  /* Strategy colors */
  --color-index:#0076FF;
  --color-btc:#F59E0B;
  --color-multi:#5B8CFF;
  --color-quant:#22D3EE;
  --color-long:#F472B6;
  --color-market-neutral:#4ADE80;
  --color-venture:#FB7185;
  --color-arbitrage:#FBBF24;
}

/* Body scoped to analytics page */
body.cfr-analytics-page {
  font-family:'DM Sans',sans-serif !important;
  background:var(--navy-950) !important;
  color:var(--white) !important;
  -webkit-font-smoothing:antialiased !important;
  overflow:hidden !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
}
body.cfr-analytics-page *,
body.cfr-analytics-page *::before,
body.cfr-analytics-page *::after {
  margin:0;padding:0;box-sizing:border-box;
}

/* ═══════════════════════════════════════
   APP LAYOUT (same as dashboard)
   ═══════════════════════════════════════ */
.db-app{display:flex;flex-direction:column;height:100vh;}
.db-topbar{height:56px;background:var(--navy-900);border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;padding:0 24px;gap:16px;flex-shrink:0;z-index:100;}
.db-topbar-logo{display:flex;align-items:center;gap:8px;margin-right:24px;}
.db-topbar-logo svg{width:28px;height:28px;}
.db-topbar-logo-text{font-size:13px;font-weight:700;color:var(--slate-300);}
.db-topbar-logo-text span{color:var(--teal-400);}
.db-topbar-nav{display:flex;align-items:center;gap:4px;}
.db-topbar-nav a{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--slate-400);transition:all 0.15s;text-decoration:none !important;}
.db-topbar-nav a:hover{color:var(--white);background:rgba(255,255,255,0.04);}
.db-topbar-nav a.active{color:var(--white);background:rgba(255,255,255,0.08);}
.db-topbar-nav a.nav-home{display:flex;align-items:center;gap:5px;font-weight:600;border:1px solid rgba(255,255,255,0.06);padding:6px 16px;}
.db-topbar-nav a.nav-home:hover{border-color:rgba(255,255,255,0.12);}
.db-topbar-nav a.nav-home.active{background:rgba(0,118,255,0.08);border-color:rgba(0,118,255,0.2);color:var(--teal-400);}
.db-topbar-nav a.nav-home:not(.active){color:var(--slate-300);}
.db-topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.db-topbar-btn{padding:7px 16px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,0.1);background:transparent;color:var(--slate-300);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.15s;font-family:'DM Sans',sans-serif;}
.db-topbar-btn:hover{border-color:rgba(255,255,255,0.2);color:var(--white);}
.db-topbar-btn-download{background:rgba(0,118,255,0.08);border-color:rgba(0,118,255,0.2);color:var(--teal-400);}
.db-topbar-btn-download:hover{background:rgba(0,118,255,0.12);border-color:rgba(0,118,255,0.3);color:var(--teal-400);}
.db-topbar-user{width:32px;height:32px;border-radius:50%;background:var(--indigo-500);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;}

/* ═══════════════════════════════════════
   ANALYTICS MAIN SCROLL AREA
   ═══════════════════════════════════════ */
.an-main{flex:1;overflow-y:auto;padding:24px 32px 48px;}
.an-section{margin-bottom:32px;}
.an-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--slate-500);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.an-card{background:var(--navy-900);border:1px solid rgba(255,255,255,0.06);border-radius:12px;overflow:hidden;}

/* ═══════════════════════════════════════
   SECTION 1: INDEX PERFORMANCE CHART
   ═══════════════════════════════════════ */
.an-chart-header{padding:20px 24px 0;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.an-chart-title{font-size:18px;font-weight:700;color:var(--white);}
.an-chart-subtitle{font-size:13px;color:var(--slate-500);margin-top:2px;}

/* Strategy checkboxes */
.an-legend{display:flex;flex-wrap:wrap;gap:6px;padding:14px 24px 0;}
.an-legend-item{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:5px;border:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:all 0.15s;user-select:none;}
.an-legend-item:hover{border-color:rgba(255,255,255,0.12);}
.an-legend-item.active{border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.03);}
.an-legend-item.inactive{opacity:0.35;}
.an-legend-dot{width:10px;height:3px;border-radius:2px;}
.an-legend-label{font-size:11px;font-weight:500;color:var(--slate-300);}

/* Chart area */
.an-chart-area{padding:16px 24px 8px;height:320px;position:relative;}

/* Quick period buttons */
.an-period-btns{display:flex;gap:4px;padding:0 24px 16px;}
.an-period-btn{padding:4px 12px;border-radius:4px;border:1px solid rgba(255,255,255,0.08);background:transparent;color:var(--slate-400);font-size:11px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.15s;}
.an-period-btn:hover{border-color:rgba(255,255,255,0.15);color:var(--slate-200);}
.an-period-btn.active{background:rgba(0,118,255,0.1);border-color:var(--teal-400);color:var(--teal-400);}

/* ═══════════════════════════════════════
   SECTION 2: STRATEGY RETURNS TABLE
   ═══════════════════════════════════════ */
.an-returns-table{width:100%;border-collapse:collapse;}
.an-returns-table th{padding:10px 14px;text-align:left;font-size:10px;font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:0.04em;border-bottom:1px solid rgba(255,255,255,0.06);background:var(--navy-800);}
.an-returns-table th:not(:first-child){text-align:center;}
.an-returns-table td{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,0.03);font-size:13px;}
.an-returns-table td:not(:first-child){text-align:center;font-family:'DM Mono',monospace;font-size:12px;}
.an-returns-table tr:hover td{background:rgba(255,255,255,0.02);}
.an-strat-cell{display:flex;align-items:center;gap:8px;}
.an-strat-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0;}
.an-strat-name{font-weight:600;color:var(--white);}
.an-strat-count{font-size:10px;color:var(--slate-500);margin-left:4px;}
.an-row-highlight td{background:rgba(0,118,255,0.04);}
.an-positive{color:var(--green-400) !important;}
.an-negative{color:var(--red-400) !important;}

/* ═══════════════════════════════════════
   SECTION 3: STRATEGY METRICS COMPARISON
   ═══════════════════════════════════════ */
.an-metrics-table{width:100%;border-collapse:collapse;}
.an-metrics-table th{padding:10px 14px;text-align:center;font-size:10px;font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:0.04em;border-bottom:1px solid rgba(255,255,255,0.06);background:var(--navy-800);}
.an-metrics-table th:first-child{text-align:left;}
.an-metrics-table td{padding:9px 14px;text-align:center;font-family:'DM Mono',monospace;font-size:12px;border-bottom:1px solid rgba(255,255,255,0.03);color:var(--slate-300);}
.an-metrics-table td:first-child{text-align:left;font-family:'DM Sans',sans-serif;font-weight:500;color:var(--slate-400);font-size:12px;}
.an-metrics-table tr:hover td{background:rgba(255,255,255,0.02);}
.an-best{color:var(--teal-400);}

/* ═══════════════════════════════════════
   SECTION 4: SCATTER PLOT
   ═══════════════════════════════════════ */
.an-scatter-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.an-scatter-card{background:var(--navy-900);border:1px solid rgba(255,255,255,0.06);border-radius:12px;overflow:hidden;}
.an-scatter-header{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.04);}
.an-scatter-title{font-size:13px;font-weight:700;color:var(--white);}
.an-scatter-sub{font-size:11px;color:var(--slate-500);margin-top:2px;}
.an-scatter-area{padding:12px;height:280px;position:relative;}

/* ═══════════════════════════════════════
   SECTION 5: INDUSTRY AUM & CAPITAL FLOWS
   ═══════════════════════════════════════ */
.an-industry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;}
.an-stat-card{background:var(--navy-900);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:18px 20px;}
.an-stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--slate-500);margin-bottom:6px;}
.an-stat-value{font-size:28px;font-weight:700;font-family:'DM Mono',monospace;color:var(--white);}
.an-stat-change{font-size:11px;margin-top:4px;display:flex;align-items:center;gap:4px;}
.an-stat-change-up{color:var(--green-400);}
.an-stat-change-down{color:var(--red-400);}

.an-aum-chart{background:var(--navy-900);border:1px solid rgba(255,255,255,0.06);border-radius:12px;overflow:hidden;}
.an-aum-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.04);}
.an-aum-title{font-size:14px;font-weight:700;color:var(--white);}
.an-aum-tabs{display:flex;gap:4px;}
.an-aum-tab{padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;color:var(--slate-500);cursor:pointer;transition:all 0.15s;border:none;background:none;font-family:'DM Sans',sans-serif;}
.an-aum-tab.active{background:rgba(0,118,255,0.1);color:var(--teal-400);}
.an-aum-tab:hover{color:var(--slate-300);}
.an-aum-body{padding:16px 20px;height:220px;position:relative;}

/* Status bar */
.db-statusbar{height:32px;background:var(--navy-800);border-top:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;padding:0 24px;gap:20px;font-size:11px;color:var(--slate-500);flex-shrink:0;}
.db-statusbar-dot{width:6px;height:6px;border-radius:50%;background:var(--green-500);}
.db-statusbar-item{display:flex;align-items:center;gap:6px;}

/* Scrollbar */
body.cfr-analytics-page ::-webkit-scrollbar{width:8px;}
body.cfr-analytics-page ::-webkit-scrollbar-track{background:transparent;}
body.cfr-analytics-page ::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:4px;}
body.cfr-analytics-page ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.15);}

/* Hide Kadence & CFR site-wide elements on analytics page */
body.cfr-analytics-page .site-header,
body.cfr-analytics-page .site-footer,
body.cfr-analytics-page .wp-site-blocks > header,
body.cfr-analytics-page .kadence-header,
body.cfr-analytics-page .kadence-footer,
body.cfr-analytics-page .cfr-header,
body.cfr-analytics-page .cfr-footer {
  display: none !important;
}

/* Override Kadence wrapper styles */
body.cfr-analytics-page {
  margin-top: 0 !important;
}
body.cfr-analytics-page #wrapper,
body.cfr-analytics-page .site,
body.cfr-analytics-page .wp-site-blocks {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
body.cfr-analytics-page #inner-wrap,
body.cfr-analytics-page .wrap,
body.cfr-analytics-page main {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
body.cfr-analytics-page .content-area {
  margin: 0 !important;
  padding: 0 !important;
}
body.cfr-analytics-page .entry-content-wrap {
  padding: 0 !important;
  margin: 0 !important;
}

/* ═══════════════════════════════════════
   KADENCE OVERRIDE FIXES
   ═══════════════════════════════════════ */

/* Fix white background bleeding through on section titles */
body.cfr-analytics-page .an-section-title {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
}

/* Ensure all an-section elements have no background */
body.cfr-analytics-page .an-section {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Ensure content-bg doesn't leak into analytics */
body.cfr-analytics-page .content-bg,
body.cfr-analytics-page .entry-content-wrap,
body.cfr-analytics-page .entry.single-entry,
body.cfr-analytics-page .site {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ═══════════════════════════════════════
   MOBILE RESPONSIVE
   ═══════════════════════════════════════ */
@media (max-width: 768px) {
    .db-topbar { height: auto; flex-wrap: wrap; padding: 12px 16px; gap: 8px; }
    .db-topbar-logo { flex: 0 0 auto; }
    .db-topbar-right { margin-left: auto; gap: 8px; }
    .db-topbar-btn { padding: 7px 10px; font-size: 0; }
    .db-topbar-btn svg { font-size: initial; }
    .db-topbar-user { width: 28px; height: 28px; font-size: 11px; }
    .db-topbar-nav {
        order: 3; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
        scrollbar-width: none; -ms-overflow-style: none; gap: 4px; padding-bottom: 4px;
    }
    .db-topbar-nav::-webkit-scrollbar { display: none; }
    .db-topbar-nav a { white-space: nowrap; flex-shrink: 0; font-size: 12px; padding: 5px 12px; }

    .an-main { padding: 16px 16px 32px; }
    .an-chart-area { height: 220px; padding: 12px 16px 8px; }
    .an-scatter-grid { grid-template-columns: 1fr; }
    .an-industry-grid { grid-template-columns: 1fr 1fr; }
    .an-stat-value { font-size: 22px; }
    .db-statusbar { padding: 0 16px; font-size: 10px; }
}