/* DASHBOARD STYLES */
.brand-bar { background-color: #0D0D14; color: #7A7A78; text-align: center; padding: 8px 20px; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; border-left: 3px solid #C8AA50; font-weight: 500; }
.header { background-color: #0D0D14; border-bottom: 1px solid rgba(200,170,80,0.15); padding: 20px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 99; box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.header-left h1 { font-family: 'Space Grotesk', sans-serif; font-size: 22px; font-weight: 700; margin-bottom: 5px; color: #C8AA50; letter-spacing: -0.02em; }
.header-left p { font-size: 12px; color: #7A7A78; }
.header-right { text-align: right; font-size: 11px; color: #7A7A78; }
.tab-nav { display: flex; background-color: #0D0D14; border-bottom: 2px solid rgba(200,170,80,0.15); padding: 0 20px; gap: 0; }
.tab-btn { background: none; border: none; color: #4A4A48; font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 600; padding: 14px 24px; cursor: pointer; text-transform: uppercase; letter-spacing: 0.8px; position: relative; transition: color 0.2s; border-bottom: 3px solid transparent; margin-bottom: -2px; }
.tab-btn:hover { color: #7A7A78; background: rgba(200,170,80,0.04); }
.tab-btn.active { color: #C8AA50; border-bottom-color: #C8AA50; }
.tab-content { display: none; }
.tab-content.active { display: block; }
.market-context { padding: 20px; background-color: #06060A; border-bottom: 1px solid rgba(200,170,80,0.08); }
.market-context-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.market-context-header h3 { font-family: 'Space Grotesk', sans-serif; font-size: 14px; font-weight: 700; color: #E8E7E3; }
.context-date { font-size: 11px; color: #7A7A78; }
.context-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.context-card { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.08); border-radius: 6px; padding: 12px; }
.context-card-source { font-weight: 600; color: #E8E7E3; font-size: 11px; margin-bottom: 4px; }
.context-card-date { color: #7A7A78; font-size: 10px; margin-bottom: 6px; }
.context-card-text { color: #7A7A78; font-size: 11px; line-height: 1.5; }
.dashboard-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 16px; padding: 20px; background-color: #06060A; }
.card { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.12); border-radius: 6px; padding: 16px; text-align: center; }
.card-value { font-family: 'JetBrains Mono', monospace; font-size: 28px; font-weight: 700; margin: 10px 0; color: #C8AA50; }
.card-label { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: #7A7A78; text-transform: uppercase; letter-spacing: 0.5px; }
.card.critical { background: var(--risk-critical-bg); border-color: var(--risk-critical-border); border-left: 3px solid var(--risk-critical); }
.card.critical .card-value { color: var(--risk-critical); }
.card.high { background: var(--risk-high-bg); border-color: var(--risk-high-border); border-left: 3px solid var(--risk-high); }
.card.high .card-value { color: var(--risk-high); }
.card.elevated { background: var(--risk-elevated-bg); border-color: var(--risk-elevated-border); border-left: 3px solid var(--risk-elevated); }
.card.elevated .card-value { color: var(--risk-elevated); }
.card.moderate { background: var(--risk-moderate-bg); border-color: var(--risk-moderate-border); border-left: 3px solid var(--risk-moderate); }
.card.moderate .card-value { color: var(--risk-moderate); }
.controls { padding: 16px 20px; background-color: #06060A; border-bottom: 1px solid rgba(200,170,80,0.12); display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.filter-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.filter-btn { background-color: #141420; border: 1px solid rgba(200,170,80,0.12); color: #7A7A78; padding: 6px 12px; border-radius: 4px; cursor: pointer; font-size: 11px; font-weight: 500; transition: all 0.2s; }
.filter-btn:hover { background-color: #0D0D14; border-color: #C8AA50; }
.filter-btn.active { background-color: #C8AA50; color: #06060A; border-color: #C8AA50; }
.search-container { flex: 1; min-width: 200px; }
.search-box { width: 100%; background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.15); color: #E8E7E3; padding: 8px 12px; border-radius: 4px; font-size: 13px; }
.search-box::placeholder { color: #7A7A78; }
.search-box:focus { outline: none; border-color: #C8AA50; box-shadow: 0 0 0 3px rgba(200,170,80,0.12); }
.toggle-expand { background-color: #141420; border: 1px solid rgba(200,170,80,0.12); color: #7A7A78; padding: 6px 12px; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: 500; transition: all 0.2s; }
.toggle-expand:hover { background-color: #0D0D14; border-color: #C8AA50; }
.keyboard-shortcuts-hint { font-size: 9px; color: #4A4A48; padding: 8px 20px; background-color: #06060A; border-bottom: 1px solid rgba(200,170,80,0.08); text-align: right; }
.keyboard-shortcuts-hint kbd { background-color: #141420; border: 1px solid rgba(200,170,80,0.12); padding: 2px 6px; border-radius: 2px; font-size: 8px; margin: 0 2px; font-weight: 500; }
.table-container { padding: 20px; background-color: #06060A; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; background-color: #0D0D14; border-radius: 6px; overflow: hidden; }
thead { position: sticky; top: 0; background-color: #06060A; z-index: 10; }
.column-group-header { font-family: 'JetBrains Mono', monospace; background-color: #06060A; border-bottom: 2px solid rgba(200,170,80,0.2); text-align: left; padding: 10px 8px; font-size: 9px; font-weight: 700; text-transform: uppercase; color: #C8AA50; letter-spacing: 0.5px; }
th { font-family: 'JetBrains Mono', monospace; background-color: #141420; border-bottom: 1px solid rgba(200,170,80,0.12); padding: 6px 8px; text-align: left; font-size: 9px; font-weight: 600; color: #C8AA50; cursor: pointer; user-select: none; white-space: nowrap; letter-spacing: 0.02em; }
th:hover { background-color: #1a1a28; }
th.sortable::after { content: " \2195"; opacity: 0.3; }
th.sort-asc::after { content: " \2191"; opacity: 1; color: #C8AA50; }
th.sort-desc::after { content: " \2193"; opacity: 1; color: #C8AA50; }
tbody tr { border-bottom: 1px solid rgba(200,170,80,0.08); transition: background-color 0.2s; border-left: 4px solid transparent; }
tbody tr:hover { background-color: #141420; }
td { padding: 6px 8px; font-size: 10px; letter-spacing: 0.02em; }
tbody tr.critical { border-left-color: var(--risk-critical); }
tbody tr.high { border-left-color: var(--risk-high); }
tbody tr.elevated { border-left-color: var(--risk-elevated); }
tbody tr.moderate { border-left-color: var(--risk-moderate); }

/* Sticky first 2 columns (rank + fund name) */
#fundsTable th:nth-child(1), #fundsTable td:nth-child(1) { position: sticky; left: 0; z-index: 2; background: inherit; }
#fundsTable th:nth-child(2), #fundsTable td:nth-child(2) { position: sticky; left: 36px; z-index: 2; background: inherit; }
#fundsTable tbody tr:hover td:nth-child(1), #fundsTable tbody tr:hover td:nth-child(2) { background: #141420; }
#fundsTable th:nth-child(1), #fundsTable th:nth-child(2) { background: #141420; z-index: 11; }

/* Tabular numbers for numeric data */
td[data-numeric], .num { font-variant-numeric: tabular-nums; font-family: 'JetBrains Mono', monospace; text-align: right; }
tbody tr.elevated { border-left-color: #eab308; }
tbody tr.moderate { border-left-color: #22c55e; }
.risk-badge { display: inline-block; padding: 3px 6px; border-radius: 3px; font-size: 9px; font-weight: 600; text-transform: uppercase; }
.risk-critical { background: rgba(239,68,68,0.15); color: #ef4444; border: 1px solid rgba(239,68,68,0.3); }
.risk-high { background: rgba(249,115,22,0.15); color: #f97316; border: 1px solid rgba(249,115,22,0.3); }
.risk-elevated { background: rgba(234,179,8,0.15); color: #eab308; border: 1px solid rgba(234,179,8,0.3); }
.risk-moderate { background: rgba(34,197,94,0.15); color: #22c55e; border: 1px solid rgba(34,197,94,0.3); }
.risk-low { color: #22c55e; }
.gate-none, .gate-n-a { color: #22c55e; }
.gate-partial { color: #f59e0b; }
.gate-full, .gate-closed { color: #ef4444; }
.tier-2 { color: #f59e0b; }
.tier-2 sup { font-size: 8px; vertical-align: super; margin-left: 1px; }
.tier-3 { color: #4A4A48; font-style: italic; }
.prov-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-left: 4px; vertical-align: middle; }
.prov-sec { background: var(--provenance-sec); }
.prov-est { background: var(--provenance-estimated); }
.prov-pending { background: var(--provenance-pending); }
.expand-toggle { cursor: pointer; font-size: 14px; color: #eab308; font-weight: 700; user-select: none; transition: transform 0.2s, color 0.2s; background: rgba(234,179,8,0.12); border: 1px solid rgba(234,179,8,0.3); border-radius: 4px; padding: 2px 6px; display: inline-block; }
.expand-toggle:hover { color: #facc15; background: rgba(234,179,8,0.25); }
.expand-toggle.open { transform: rotate(180deg); }
.detail-row { display: none; background-color: #0A0A10; border-bottom: 1px solid rgba(200,170,80,0.08); }
.detail-row.open { display: table-row; }
.detail-content { padding: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.detail-section h4 { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; color: #C8AA50; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; }
.detail-section p { font-size: 12px; color: #7A7A78; line-height: 1.6; margin-bottom: 8px; }
.news-headlines { margin-top: 12px; }
.news-headlines h4 { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; color: #C8AA50; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.headline-item { font-size: 11px; color: #7A7A78; padding: 4px 0; border-bottom: 1px solid rgba(200,170,80,0.06); }
.headline-item:last-child { border-bottom: none; }

/* Market News Ticker */
.market-news-ticker { background: linear-gradient(90deg, #0D0D14, #141420); border: 1px solid rgba(200,170,80,0.12); border-radius: 6px; margin: 12px 16px; padding: 0; overflow: hidden; }
.market-news-header { display: flex; align-items: center; padding: 10px 16px; border-bottom: 1px solid rgba(200,170,80,0.08); }
.market-news-badge { background: #dc2626; color: white; font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 3px; text-transform: uppercase; letter-spacing: 0.5px; margin-right: 10px; animation: pulse-badge 2s infinite; }
@keyframes pulse-badge { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
.market-news-title { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; color: #C8AA50; text-transform: uppercase; letter-spacing: 0.5px; }
.market-news-date { font-size: 11px; color: #4A4A48; margin-left: auto; }
.market-news-body { padding: 12px 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.market-news-item { display: flex; align-items: flex-start; gap: 8px; font-size: 11px; color: #7A7A78; line-height: 1.5; padding: 6px 10px; background: rgba(200,170,80,0.03); border-radius: 4px; border-left: 2px solid rgba(200,170,80,0.2); }
.market-news-item .mni-source { color: #C8AA50; font-weight: 600; white-space: nowrap; }
.market-news-item .mni-date { color: #555; font-size: 9px; font-weight: 600; white-space: nowrap; margin-right: 4px; text-transform: uppercase; letter-spacing: 0.3px; }
.market-news-item .mni-link { color: inherit; text-decoration: none; transition: color 0.15s; }
.market-news-item .mni-link:hover { color: #C8AA50; }
.market-news-item .mni-tag { display: inline-block; font-size: 9px; font-weight: 700; padding: 1px 5px; border-radius: 2px; margin-right: 4px; }
.mni-tag-critical { background: rgba(239,68,68,0.2); color: #ef4444; }
.mni-tag-elevated { background: rgba(245,158,11,0.2); color: #f59e0b; }
.mni-tag-market { background: rgba(200,170,80,0.15); color: #C8AA50; }
@media (max-width: 768px) { .market-news-body { grid-template-columns: 1fr; } }
.facility-detail { margin-top: 12px; }
.facility-detail h4 { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; color: #C8AA50; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.facility-item { font-size: 11px; color: #E8E7E3; padding: 3px 0; }
.facility-bank { color: #C8AA50; font-weight: 600; }
.facility-amount { color: #22c55e; font-weight: 500; }
.observations { padding: 20px; background-color: #06060A; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.observation-box { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.08); border-radius: 6px; padding: 16px; border-left: 4px solid #C8AA50; }
.observation-title { font-size: 13px; font-weight: 700; color: #E8E7E3; margin-bottom: 10px; }
.observation-text { font-size: 12px; color: #7A7A78; line-height: 1.6; }
.archetype-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; padding: 20px; background-color: #06060A; }
.archetype-card { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.08); border-radius: 6px; padding: 20px; }
.archetype-title { font-family: 'Space Grotesk', sans-serif; font-size: 15px; font-weight: 700; color: #C8AA50; margin-bottom: 12px; }
.archetype-subtitle { font-size: 12px; color: #7A7A78; margin-bottom: 14px; font-style: italic; }
.archetype-section { margin-bottom: 16px; }
.archetype-section-title { font-size: 12px; font-weight: 700; color: #E8E7E3; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.archetype-section-content { font-size: 11px; color: #7A7A78; line-height: 1.6; }
.archetype-section-content ul { margin-left: 16px; }
.archetype-section-content li { margin-bottom: 4px; }
.methodology-page { padding: 20px; background-color: #06060A; }
.methodology-intro { font-size: 13px; color: #7A7A78; line-height: 1.7; margin-bottom: 20px; max-width: 800px; }
.methodology-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-bottom: 30px; }
.method-card { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.08); border-radius: 6px; padding: 16px; }
.method-card h3 { font-size: 13px; font-weight: 700; color: #E8E7E3; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; }
.method-weight { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #C8AA50; font-weight: 600; background: rgba(200,170,80,0.12); padding: 2px 6px; border-radius: 3px; }
.method-card p { font-size: 11px; color: #7A7A78; margin-bottom: 10px; }
.method-card ul { margin-left: 16px; font-size: 11px; color: #7A7A78; line-height: 1.5; }
.method-card li { margin-bottom: 6px; }
.rating-scale-table { width: 100%; border-collapse: collapse; background-color: #0D0D14; border-radius: 6px; overflow: hidden; margin-bottom: 20px; }
.rating-scale-table th, .rating-scale-table td { padding: 12px; text-align: left; border-bottom: 1px solid rgba(200,170,80,0.08); font-size: 12px; }
.rating-scale-table th { background-color: #141420; font-weight: 700; color: #C8AA50; }
.rating-scale-table tr:last-child td { border-bottom: none; }
.methodology-disclaimer { font-size: 12px; color: #7A7A78; margin-top: 20px; max-width: 800px; }
.market-data-page { padding: 20px; background-color: #06060A; }
.market-data-page h2 { font-family: 'Space Grotesk', sans-serif; font-size: 18px; font-weight: 700; color: #E8E7E3; margin-bottom: 6px; }
.market-data-page .subtitle { font-size: 12px; color: #7A7A78; margin-bottom: 24px; }
.market-data-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(440px, 1fr)); gap: 20px; margin-bottom: 24px; }
.chart-panel { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.08); border-radius: 6px; padding: 20px; }
.chart-panel h3 { font-size: 13px; font-weight: 700; color: #E8E7E3; margin-bottom: 4px; }
.chart-panel .chart-subtitle { font-size: 10px; color: #7A7A78; margin-bottom: 16px; }
.chart-panel canvas { width: 100% !important; max-height: 240px; }
.chart-panel table { width: 100%; border-collapse: collapse; margin-top: 12px; }
.chart-panel table th { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: #C8AA50; text-align: left; padding: 6px 8px; border-bottom: 1px solid rgba(200,170,80,0.12); font-weight: 600; }
.chart-panel table td { font-size: 11px; color: #E8E7E3; padding: 6px 8px; border-bottom: 1px solid rgba(200,170,80,0.06); }
.chart-panel table td.positive { color: #22c55e; }
.chart-panel table td.negative { color: #ef4444; }
.chart-panel table td.neutral { color: #f59e0b; }
.stat-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid rgba(200,170,80,0.06); }
.stat-label { font-size: 11px; color: #7A7A78; }
.stat-value { font-size: 11px; font-weight: 600; color: #E8E7E3; }
.comparison-page { padding: 20px; background-color: #06060A; }
.comparison-page h2 { font-family: 'Space Grotesk', sans-serif; font-size: 18px; font-weight: 700; color: #E8E7E3; margin-bottom: 6px; }
.comparison-page .subtitle { font-size: 12px; color: #7A7A78; margin-bottom: 20px; }
.comparison-selector { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; align-items: center; }
.comparison-selector label { font-size: 11px; color: #7A7A78; font-weight: 600; margin-right: 8px; }
.fund-select { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.15); color: #E8E7E3; padding: 6px 10px; border-radius: 4px; font-size: 12px; font-family: 'Inter', sans-serif; min-width: 160px; }
.fund-select:focus { outline: none; border-color: #C8AA50; }
.comparison-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.comparison-table-wrap { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.08); border-radius: 6px; padding: 16px; overflow-x: auto; }
.comparison-table { width: 100%; border-collapse: collapse; }
.comparison-table th { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: #C8AA50; text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(200,170,80,0.12); font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; }
.comparison-table td { font-size: 11px; color: #E8E7E3; padding: 8px 10px; border-bottom: 1px solid rgba(200,170,80,0.06); }
.comparison-table tr.metric-row:hover { background-color: #141420; }
.comparison-table .metric-name { color: #7A7A78; font-weight: 500; white-space: nowrap; }
.comparison-table .best-value { color: #22c55e; font-weight: 600; }
.comparison-table .worst-value { color: #ef4444; font-weight: 600; }
.radar-panel { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.08); border-radius: 6px; padding: 16px; display: flex; flex-direction: column; align-items: center; }
.radar-panel h3 { font-size: 13px; font-weight: 700; color: #E8E7E3; margin-bottom: 12px; align-self: flex-start; }
.radar-panel canvas { max-width: 400px; max-height: 400px; }
.comparison-legend { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 12px; }
.legend-item { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #7A7A78; }
.legend-dot { width: 10px; height: 10px; border-radius: 50%; }
.feedback-section { padding: 20px; background-color: #06060A; border-top: 1px solid rgba(200,170,80,0.08); margin-top: 20px; }
.feedback-title { font-size: 14px; font-weight: 700; color: #E8E7E3; margin-bottom: 12px; }
.feedback-form { max-width: 600px; }
.form-group { margin-bottom: 12px; }
.form-group label { display: block; font-size: 11px; color: #7A7A78; margin-bottom: 4px; font-weight: 600; }
.form-group input, .form-group textarea { width: 100%; background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.15); color: #E8E7E3; padding: 8px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 12px; }
.form-group textarea { resize: vertical; min-height: 80px; }
.form-submit { background-color: #C8AA50; color: #06060A; border: none; padding: 8px 16px; border-radius: 4px; font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.form-submit:hover { background-color: #b09840; }
.disclaimers { padding: 20px; background-color: #06060A; border-top: 1px solid rgba(200,170,80,0.08); }
.disclaimer-title { font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; color: #C8AA50; margin-bottom: 10px; text-transform: uppercase; }
.disclaimer-text { font-size: 10px; color: #7A7A78; line-height: 1.6; margin-bottom: 12px; }
.footer { padding: 20px; background-color: #06060A; border-top: 1px solid rgba(200,170,80,0.08); text-align: center; font-size: 10px; color: #4A4A48; }
@media (max-width: 900px) { .comparison-layout { grid-template-columns: 1fr; } .market-data-grid { grid-template-columns: 1fr; } }
@media print { body { background-color: white; color: black; } .brand-bar, .tab-nav, .controls, .keyboard-shortcuts-hint { display: none; } table { page-break-inside: avoid; } }

/* PHASE 2: INTELLIGENCE LAYER STYLES */
.intelligence-brief { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.2); border-radius: 6px; padding: 20px; margin-bottom: 20px; }
.intelligence-brief h3 { font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; color: #C8AA50; margin-bottom: 14px; text-transform: uppercase; letter-spacing: 0.5px; }
.insights-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.insight-card { background-color: #06060A; border-left: 3px solid #C8AA50; padding: 12px; border-radius: 3px; }
.insight-card.warning { border-left-color: #eab308; }
.insight-card.critical { border-left-color: #ef4444; }
.insight-title { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700; color: #C8AA50; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.5px; }
.insight-text { font-size: 12px; color: #E8E7E3; line-height: 1.4; }
.confidence-badge { display: inline-block; padding: 2px 6px; border-radius: 2px; font-size: 9px; font-weight: 600; margin-left: 6px; }
.confidence-high { background: rgba(34,197,94,0.2); color: #22c55e; }
.confidence-medium { background: rgba(245,158,11,0.2); color: #f59e0b; }
.confidence-low { background: rgba(100,116,139,0.2); color: #7A7A78; }
.fund-detail-insights { background-color: #06060A; border-top: 1px solid rgba(200,170,80,0.08); padding: 12px; margin-top: 8px; }
.fund-detail-insight-row { display: flex; align-items: flex-start; margin-bottom: 8px; padding: 8px; background-color: #0D0D14; border-radius: 3px; }
.fund-detail-insight-row:last-child { margin-bottom: 0; }
.fund-detail-insight-icon { font-size: 14px; margin-right: 8px; min-width: 14px; }
.fund-detail-insight-content { flex: 1; }
.fund-detail-insight-label { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700; color: #C8AA50; text-transform: uppercase; letter-spacing: 0.5px; }
.fund-detail-insight-text { font-size: 11px; color: #7A7A78; margin-top: 2px; }
.comparison-insights { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.12); border-radius: 6px; padding: 20px; margin-top: 20px; }
.comparison-insights h3 { font-family: 'Space Grotesk', sans-serif; font-size: 13px; font-weight: 700; color: #C8AA50; margin-bottom: 12px; }
.what-matters { background-color: #06060A; padding: 12px; border-radius: 3px; margin-bottom: 12px; }
.what-matters-title { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700; color: #C8AA50; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
.what-matters-item { font-size: 12px; color: #E8E7E3; margin-bottom: 6px; padding-left: 16px; position: relative; }
.what-matters-item::before { content: "→"; position: absolute; left: 0; color: #C8AA50; }
.comparison-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 12px; }
.category-card { background-color: #06060A; padding: 12px; border-radius: 3px; border-left: 3px solid #C8AA50; }
.category-label { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700; color: #C8AA50; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.5px; }
.category-value { font-size: 12px; color: #E8E7E3; font-weight: 600; }
.bottom-line { background: linear-gradient(135deg, rgba(200,170,80,0.06), rgba(34,197,94,0.06)); border: 1px solid rgba(200,170,80,0.2); border-radius: 3px; padding: 12px; margin-top: 12px; }
.bottom-line-label { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700; color: #C8AA50; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }
.bottom-line-text { font-size: 12px; color: #E8E7E3; line-height: 1.5; }
.overlap-heatmap-container { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.12); border-radius: 6px; padding: 20px; margin-bottom: 20px; overflow-x: auto; }
.overlap-heatmap-title { font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; color: #C8AA50; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
.heatmap-table { border-collapse: collapse; font-size: 10px; }
.heatmap-cell { padding: 6px; text-align: center; border: 1px solid rgba(200,170,80,0.12); }
.heatmap-label { background-color: #06060A; font-weight: 600; color: #C8AA50; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.heatmap-number { font-weight: 600; }
.hidden-concentration { background-color: #0D0D14; border: 1px solid rgba(234,179,8,0.3); border-left: 3px solid #eab308; border-radius: 6px; padding: 12px; margin-bottom: 12px; }
.hidden-concentration-title { font-size: 11px; font-weight: 700; color: #eab308; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
.hidden-concentration-text { font-size: 11px; color: #E8E7E3; }
.portfolio-builder-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 20px; background-color: #06060A; }
.builder-section { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.12); border-radius: 6px; padding: 16px; }
.builder-section-title { font-family: 'Space Grotesk', sans-serif; font-size: 13px; font-weight: 700; color: #C8AA50; margin-bottom: 12px; }
.fund-selector { max-height: 400px; overflow-y: auto; border: 1px solid rgba(200,170,80,0.12); border-radius: 4px; padding: 8px; }
.fund-selector-item { padding: 8px; margin-bottom: 6px; background-color: #06060A; border-radius: 3px; cursor: pointer; border-left: 3px solid transparent; transition: all 0.2s; }
.fund-selector-item:hover { background-color: #141420; border-left-color: #C8AA50; }
.fund-selector-item input[type="checkbox"] { margin-right: 8px; cursor: pointer; }
.builder-results { background-color: #06060A; border: 1px solid rgba(200,170,80,0.12); border-radius: 4px; padding: 12px; margin-top: 12px; }
.builder-metric { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(200,170,80,0.06); font-size: 11px; }
.builder-metric:last-child { border-bottom: none; }
.builder-metric-label { color: #7A7A78; }
.builder-metric-value { color: #C8AA50; font-weight: 600; }
.builder-warning { background-color: rgba(234,179,8,0.1); border: 1px solid rgba(234,179,8,0.3); border-left: 3px solid #eab308; border-radius: 3px; padding: 8px; margin-top: 8px; font-size: 10px; color: #E8E7E3; }
.sidebar-section { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.12); border-radius: 6px; padding: 12px; margin-bottom: 12px; }
.sidebar-section-title { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700; color: #C8AA50; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.sidebar-item { padding: 6px; background-color: #06060A; border-radius: 3px; margin-bottom: 4px; font-size: 11px; color: #E8E7E3; display: flex; justify-content: space-between; align-items: center; }
.sidebar-item-text { flex: 1; }
.sidebar-item-action { color: #C8AA50; cursor: pointer; font-weight: 600; }
.watch-star { color: #eab308; cursor: pointer; font-size: 12px; }
.watch-star.active { color: #eab308; }
.watch-star.inactive { color: #4A4A48; opacity: 0.5; }
.decision-header { background: linear-gradient(135deg, rgba(200,170,80,0.04), rgba(34,197,94,0.04)); border-bottom: 2px solid rgba(200,170,80,0.12); padding: 16px 20px; margin-bottom: 16px; border-radius: 0; }
.decision-header h2 { font-family: 'Space Grotesk', sans-serif; font-size: 16px; font-weight: 700; color: #C8AA50; margin-bottom: 4px; }
.decision-header p { font-size: 12px; color: #7A7A78; }
.data-confidence { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 9px; font-weight: 600; margin-left: 6px; }
.data-fresh { color: #22c55e; }
.data-completeness { display: inline-block; width: 60px; height: 3px; background-color: #141420; border-radius: 2px; overflow: hidden; margin-left: 6px; }
.data-completeness-bar { height: 100%; background-color: #C8AA50; transition: width 0.3s; }

/* OVERLAP ENGINE */
.oe-container { padding: 24px; max-width: 1200px; margin: 0 auto; }
.oe-selector { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 24px; }
.oe-selector label { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #7A7A78; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; display: block; margin-bottom: 4px; }
.oe-selector select { background: #0D0D14; border: 1px solid rgba(200,170,80,0.2); color: #E8E7E3; padding: 10px 14px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 13px; min-width: 220px; cursor: pointer; }
.oe-selector select:focus { outline: none; border-color: #C8AA50; }
.oe-run-btn { background: #C8AA50; color: #06060A; border: none; padding: 10px 28px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.oe-run-btn:hover { background: #b09840; }
.oe-run-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.oe-empty { text-align: center; padding: 80px 40px; color: #4A4A48; }
.oe-empty h3 { font-size: 18px; color: #7A7A78; margin-bottom: 8px; }
.oe-empty p { font-size: 13px; }

/* Results header */
.oe-results-header { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: start; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid rgba(200,170,80,0.08); }
.oe-funds-selected { font-size: 12px; color: #7A7A78; margin-bottom: 8px; }
.oe-funds-selected span { color: #C8AA50; font-weight: 600; }
.oe-score-block { text-align: right; }
.oe-score-number { font-family: 'JetBrains Mono', monospace; font-size: 64px; font-weight: 700; line-height: 1; margin-bottom: 4px; }
.oe-score-label { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #7A7A78; text-transform: uppercase; letter-spacing: 0.8px; }
.oe-assessment { display: inline-block; padding: 4px 14px; border-radius: 3px; font-size: 13px; font-weight: 700; margin-top: 6px; }
.oe-assess-high { background: rgba(34,197,94,0.15); color: #22c55e; }
.oe-assess-moderate { background: rgba(234,179,8,0.15); color: #eab308; }
.oe-assess-low { background: rgba(239,68,68,0.15); color: #ef4444; }
.oe-confidence { font-size: 11px; color: #4A4A48; margin-top: 6px; }
.oe-confidence strong { color: #7A7A78; }
.oe-takeaway { font-size: 14px; color: #E8E7E3; line-height: 1.5; margin-top: 8px; max-width: 600px; }

/* Main visual area */
.oe-visual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 28px; }
@media (max-width: 800px) { .oe-visual-grid { grid-template-columns: 1fr; } }

.oe-panel { background: #0D0D14; border: 1px solid rgba(200,170,80,0.08); border-radius: 6px; padding: 20px; }
.oe-panel-title { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: #C8AA50; text-transform: uppercase; letter-spacing: 0.8px; font-weight: 700; margin-bottom: 16px; }

/* Pairwise matrix */
.oe-matrix { width: 100%; border-collapse: collapse; }
.oe-matrix th { font-size: 11px; color: #7A7A78; font-weight: 600; padding: 8px; text-align: center; }
.oe-matrix td { padding: 8px; text-align: center; font-size: 13px; font-weight: 600; }
.oe-matrix-cell { border-radius: 4px; padding: 10px 8px; display: block; }

/* Dimension bars */
.oe-dim-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.oe-dim-label { font-size: 11px; color: #7A7A78; width: 100px; flex-shrink: 0; text-align: right; }
.oe-dim-bar-track { flex: 1; height: 22px; background: #141420; border-radius: 3px; overflow: hidden; position: relative; }
.oe-dim-bar-fill { height: 100%; border-radius: 3px; transition: width 0.6s ease; }
.oe-dim-value { font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; width: 36px; text-align: right; flex-shrink: 0; }
.oe-dim-weight { font-size: 9px; color: #4A4A48; width: 28px; flex-shrink: 0; }

/* Insights */
.oe-insights { margin-bottom: 24px; }
.oe-insights-title { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: #C8AA50; text-transform: uppercase; letter-spacing: 0.8px; font-weight: 700; margin-bottom: 12px; }
.oe-insight { background: #0D0D14; border-left: 3px solid #C8AA50; padding: 12px 16px; margin-bottom: 8px; border-radius: 0 4px 4px 0; font-size: 13px; color: #E8E7E3; line-height: 1.5; }

/* Risk flags */
.oe-flags { margin-bottom: 24px; }
.oe-flag { display: inline-flex; align-items: center; gap: 6px; background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.2); color: #f87171; padding: 6px 12px; border-radius: 3px; font-size: 11px; font-weight: 600; margin: 0 8px 8px 0; }
.oe-flag-warn { background: rgba(234,179,8,0.08); border-color: rgba(234,179,8,0.2); color: #fbbf24; }
.oe-flag-info { background: rgba(200,170,80,0.08); border-color: rgba(200,170,80,0.2); color: #C8AA50; }

/* Methodology footer */
.oe-methodology { border-top: 1px solid rgba(200,170,80,0.08); padding-top: 16px; }
.oe-meth-toggle { background: none; border: none; color: #4A4A48; font-family: 'Inter', sans-serif; font-size: 11px; cursor: pointer; padding: 4px 0; }
.oe-meth-toggle:hover { color: #7A7A78; }
.oe-meth-body { display: none; margin-top: 12px; font-size: 11px; color: #4A4A48; line-height: 1.6; }
.oe-meth-body.open { display: block; }
.oe-disclaimer { font-size: 10px; color: #4A4A48; margin-top: 16px; padding: 10px; background: rgba(200,170,80,0.03); border-radius: 3px; }

/* What Changed This Month Styles */
.wcm-container { padding: 20px; max-width: 1400px; margin: 0 auto; }
.wcm-section { background-color: #0D0D14; border: 1px solid rgba(200,170,80,0.08); border-radius: 6px; margin-bottom: 24px; overflow: hidden; }
.wcm-section-header { background-color: #141420; padding: 16px 20px; border-bottom: 1px solid rgba(200,170,80,0.12); }
.wcm-section-header h3 { font-family: 'Space Grotesk', sans-serif; font-size: 14px; font-weight: 700; color: #C8AA50; margin: 0 0 4px 0; text-transform: uppercase; letter-spacing: 0.5px; }
.wcm-section-header p { font-size: 12px; color: #7A7A78; margin: 0; }
.wcm-section-content { padding: 16px 20px; }
.wcm-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.wcm-table th { font-family: 'JetBrains Mono', monospace; background-color: transparent; padding: 10px 0; text-align: left; font-weight: 600; color: #C8AA50; border-bottom: 1px solid rgba(200,170,80,0.12); text-transform: uppercase; font-size: 10px; letter-spacing: 0.5px; }
.wcm-table td { padding: 12px 0; border-bottom: 1px solid rgba(200,170,80,0.06); color: #E8E7E3; vertical-align: top; }
.wcm-table tr:last-child td { border-bottom: none; }
.wcm-table tr:hover { background-color: rgba(200,170,80,0.03); }
.wcm-headlines { display: flex; flex-direction: column; gap: 14px; }
.wcm-headline-item { padding: 12px; background-color: rgba(200,170,80,0.04); border-left: 3px solid #C8AA50; border-radius: 3px; }
.source-badge { display: inline-block; padding: 2px 6px; border-radius: 3px; font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; vertical-align: middle; margin-left: 4px; }

/* Inline style replacement classes */
.monitor-fund-full-name { font-size: var(--font-xs); color: var(--text-secondary); }
.monitor-type-cell { font-size: var(--font-xs); }
.monitor-accent-link { color: var(--gold); text-decoration: underline; }
.monitor-commentary-cell { font-size: var(--font-xs); max-width: 120px; white-space: normal; line-height: 1.3; }
.monitor-watch-cell { font-size: var(--font-xs); max-width: 160px; white-space: normal; line-height: 1.3; color: var(--text-secondary); }
.monitor-expand-cell { text-align: center; }
.analysis-source-badge { display: inline-block; padding: 2px 6px; border-radius: 3px; background: rgba(148,163,184,0.125); border: 1px solid rgba(148,163,184,0.25); font-size: 9px; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.5px; margin-left: 6px; }
.detail-section-title-spaced { margin-top: 14px; }
.headline-link { color: var(--gold); text-decoration: none; }
.stat-value-critical { color: var(--risk-critical); }
.stat-value-high { color: var(--risk-high); }
.stat-value-elevated { color: var(--risk-elevated); }
.stat-value-moderate { color: var(--risk-moderate); }
.comp-series-0 { color: var(--gold); }
.comp-series-1 { color: var(--risk-critical); }
.comp-series-2 { color: var(--risk-moderate); }
.comp-series-3 { color: var(--risk-high); }
.comp-series-4 { color: #a855f7; }
.legend-dot.comp-series-0 { background-color: var(--gold); }
.legend-dot.comp-series-1 { background-color: var(--risk-critical); }
.legend-dot.comp-series-2 { background-color: var(--risk-moderate); }
.legend-dot.comp-series-3 { background-color: var(--risk-high); }
.legend-dot.comp-series-4 { background-color: #a855f7; }

.fund-detail-insights-title { font-family: 'JetBrains Mono', monospace; font-size: var(--font-base); font-weight: 700; color: var(--gold); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.builder-fund-name { color: var(--text-primary); font-weight: 500; }
.builder-risk-badge { margin-left: auto; }
.builder-empty-state { color: var(--text-secondary); font-size: var(--font-sm); text-align: center; padding: 20px 0; }
.builder-insights-title { font-size: var(--font-base); font-weight: 700; color: var(--gold); margin-bottom: 12px; }
.overlap-heatmap-spacing { margin-top: 20px; }
.overlap-heatmap-scroll { overflow-x: auto; }
.heatmap-cell-blank { width: 120px; }
.heatmap-cell-vertical { writing-mode: vertical-rl; transform: rotate(180deg); max-width: 20px; font-size: 9px; }
.heatmap-cell-diagonal { background-color: #141420; }
.heatmap-cell-interactive { cursor: pointer; }
.hidden-concentration-wrap { margin-top: 20px; }
.hidden-concentration-heading { font-size: 13px; font-weight: 700; color: var(--risk-elevated); margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
.oe-scale-note { color: var(--text-muted); font-size: 10px; }
.oe-score-detail { font-size: 9px; color: var(--text-muted); max-width: 140px; text-align: center; margin-top: 2px; }
.oe-breakdown { background: rgba(15,23,42,0.6); border: 1px solid rgba(200,170,80,0.08); border-radius: 8px; padding: 12px 16px; margin-bottom: 16px; font-size: var(--font-sm); color: var(--text-primary); line-height: 1.6; }
.oe-breakdown-label { color: #e2e8f0; font-weight: 600; }
.oe-tone-low { color: var(--risk-moderate); }
.oe-tone-mid { color: var(--risk-elevated); }
.oe-tone-high { color: var(--risk-critical); }
.oe-estimate-note { color: var(--text-muted); font-style: italic; }
.oe-sensitivity-note { color: var(--text-muted); }
.oe-pair-summary { text-align: center; padding: 20px 0; }
.oe-pair-score { font-size: 48px; font-weight: 700; }
.oe-pair-funds { font-size: var(--font-base); color: var(--text-secondary); margin-top: 4px; }
.oe-pair-assessment { margin-top: 8px; display: inline-block; padding: 3px 10px; border-radius: 3px; font-size: var(--font-sm); font-weight: 700; }
.oe-matrix-row-label { text-align: right; font-size: var(--font-sm); color: var(--text-secondary); font-weight: 600; padding-right: 12px; }
.oe-matrix-diagonal { background: rgba(200,170,80,0.06); color: var(--text-muted); }
.oe-matrix-tone-low { background: rgba(34,197,94,0.1); color: var(--risk-moderate); }
.oe-matrix-tone-mid { background: rgba(234,179,8,0.1); color: var(--risk-elevated); }
.oe-matrix-tone-high { background: rgba(239,68,68,0.1); color: var(--risk-critical); }
.oe-hub-summary { margin-top: 10px; font-size: var(--font-sm); color: var(--text-secondary); line-height: 1.5; border-top: 1px solid rgba(200,170,80,0.06); padding-top: 8px; }
.oe-hub-summary-item + .oe-hub-summary-item { margin-top: 4px; }
.oe-strong-label { color: #e2e8f0; }
.oe-hub-fund { color: var(--risk-elevated); }
.oe-diversifier-fund { color: var(--risk-moderate); }
.oe-risk-pair { color: var(--risk-critical); }
.oe-low-pair { color: var(--risk-moderate); }
.oe-dim-estimated { color: var(--text-secondary); font-size: 9px; font-style: italic; margin-left: 4px; }
.oe-dim-actual { color: #4ade80; font-size: 9px; margin-left: 4px; }
.oe-dim-row-penalty { border-top: 1px solid rgba(239,68,68,0.3); margin-top: 6px; padding-top: 6px; }
.oe-dim-label-penalty, .oe-dim-value-penalty, .oe-dim-weight-penalty { color: var(--risk-critical); }
.oe-dim-label-penalty { font-weight: 700; }
.oe-insights-meta { color: var(--text-muted); font-size: var(--font-sm); font-weight: 400; }
.oe-insight-index { color: var(--gold); font-weight: 700; margin-right: 6px; }
.oe-insights-overflow { padding: 8px 16px; font-size: var(--font-sm); color: var(--text-secondary); border-top: 1px solid rgba(200,170,80,0.06); margin-top: 8px; }
.oe-caveat { background: rgba(234,179,8,0.05); border: 1px solid rgba(234,179,8,0.15); border-radius: 6px; padding: 10px 14px; margin-bottom: 16px; font-size: var(--font-xs); color: #a3a3a3; line-height: 1.5; }
.oe-caveat-label { color: #fbbf24; }
.oe-methodology-spacer { margin-top: 8px; }
.oe-error-state { padding: 24px; text-align: center; color: var(--risk-critical); font-size: var(--font-lg); font-weight: 600; }
.oe-error-subtext { color: var(--text-secondary); font-size: var(--font-base); font-weight: 400; margin-top: 8px; }

.fp-profile-shell { padding: 20px; }
.fp-section-card { background: rgba(200,170,80,0.03); border: 1px solid rgba(200,170,80,0.12); border-radius: 8px; padding: 16px; margin-bottom: 20px; }
.fp-section-card-positive { background: rgba(16,185,129,0.05); border-color: rgba(16,185,129,0.2); }
.fp-section-card-risk { background: rgba(239,68,68,0.05); border-color: rgba(239,68,68,0.2); }
.fp-section-card-positioning { background: rgba(139,92,246,0.05); border-color: rgba(139,92,246,0.2); }
.fp-section-block { margin-bottom: 20px; }
.fp-section-title { font-size: var(--font-base); font-weight: 700; color: var(--gold); text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 12px; }
.fp-section-title-positive { color: #10b981; }
.fp-section-title-risk { color: var(--risk-critical); }
.fp-section-title-compact { margin-bottom: 8px; }
.fp-section-title-warning { color: #f59e0b; margin-bottom: 4px; }
.fp-section-title-positioning { color: #c4b5fd; margin-bottom: 8px; }
.fp-metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }
.fp-metric-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(200,170,80,0.06); }
.fp-metric-label { font-size: var(--font-sm); color: var(--text-secondary); font-weight: 500; }
.fp-metric-value-wrap { text-align: right; }
.fp-metric-value { font-size: 13px; color: #e0e7ff; font-weight: 600; }
.fp-link-filed { color: #22c55e; text-decoration: none; font-size: 9px; }
.fp-link-estimated { color: var(--risk-elevated); text-decoration: none; font-size: 9px; }
.fp-link-headline { color: var(--gold); text-decoration: none; }
.source-badge-filed { background: rgba(16,185,129,0.125); border: 1px solid rgba(16,185,129,0.25); color: #10b981; }
.source-badge-estimated { background: rgba(245,158,11,0.125); border: 1px solid rgba(245,158,11,0.25); color: #f59e0b; }
.source-badge-derived { background: rgba(107,114,128,0.125); border: 1px solid rgba(107,114,128,0.25); color: #6b7280; }
.source-badge-disclosed { background: rgba(200,170,80,0.125); border: 1px solid rgba(200,170,80,0.25); color: var(--gold); }
.fp-stack { display: flex; flex-direction: column; gap: 8px; }
.fp-copy { font-size: var(--font-base); color: var(--text-primary); line-height: 1.5; }
.fp-empty-copy { font-size: var(--font-base); color: var(--text-muted); }
.fp-risk-signal { font-size: var(--font-base); color: var(--text-primary); line-height: 1.5; padding: 6px 8px; background: rgba(239,68,68,0.1); border-radius: 4px; border-left: 2px solid var(--risk-critical); }
.fp-positioning-copy { font-size: 13px; color: #e0e7ff; line-height: 1.6; }
.fp-table-wrap { overflow-x: auto; border: 1px solid rgba(200,170,80,0.12); border-radius: 6px; }
.fp-table { width: 100%; font-size: var(--font-sm); border-collapse: collapse; }
.fp-table-head-row { background: rgba(200,170,80,0.06); border-bottom: 1px solid rgba(200,170,80,0.12); }
.fp-table-head-cell { padding: 8px; color: var(--text-secondary); font-weight: 600; }
.fp-table-head-cell-right { text-align: right; }
.fp-table-row { border-bottom: 1px solid rgba(200,170,80,0.06); }
.fp-table-cell { padding: 8px; color: var(--text-primary); }
.fp-table-cell-right { text-align: right; }
.fp-table-cell-accent { color: var(--gold); font-weight: 600; }
.fp-allocation-row { margin-bottom: 8px; }
.fp-allocation-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.fp-allocation-label { font-size: var(--font-sm); color: var(--text-primary); }
.fp-allocation-value { font-size: var(--font-sm); color: var(--gold); font-weight: 600; }
.fp-allocation-track { height: 6px; background: rgba(200,170,80,0.06); border-radius: 3px; overflow: hidden; }
.fp-allocation-bar { height: 100%; background: linear-gradient(90deg, var(--gold), var(--gold-dim)); }
.fp-overlap-intro { font-size: var(--font-sm); color: var(--text-secondary); margin: 0 0 12px; }
.fp-overlap-group { margin-bottom: 16px; }
.fp-overlap-group-title { font-size: var(--font-sm); font-weight: 600; margin-bottom: 8px; }
.fp-overlap-group-title-high { color: var(--risk-critical); }
.fp-overlap-group-title-low { color: var(--risk-moderate); }
.fp-overlap-list { display: flex; flex-direction: column; gap: 6px; }
.fp-overlap-item { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 4px; }
.fp-overlap-item-high { background: rgba(239,68,68,0.05); }
.fp-overlap-item-low { background: rgba(34,197,94,0.05); }
.fp-overlap-score { min-width: 60px; font-size: var(--font-base); font-weight: 700; }
.fp-overlap-content { flex: 1; }
.fp-overlap-name-row { display: flex; align-items: center; gap: 4px; }
.fp-overlap-name { font-size: var(--font-sm); font-weight: 600; color: #e0e7ff; }
.fp-overlap-aum { font-size: var(--font-xs); color: var(--text-muted); }
.fp-overlap-bar-track { height: 4px; background: rgba(200,170,80,0.06); border-radius: 2px; margin-top: 4px; overflow: hidden; }
.fp-overlap-bar { height: 100%; }
.fp-overlap-bar.fp-tone-low { background: var(--risk-moderate); }
.fp-overlap-bar.fp-tone-mid { background: #f59e0b; }
.fp-overlap-bar.fp-tone-high { background: var(--risk-critical); }
.fp-overlap-driver { font-size: 9px; color: var(--text-muted); margin-top: 2px; }
.fp-sponsor-tag { background: rgba(239,68,68,0.125); color: var(--risk-critical); padding: 1px 5px; border-radius: 2px; font-size: 9px; font-weight: 600; margin-left: 6px; }
.fp-source-note { margin-top: 8px; font-size: var(--font-xs); color: var(--text-muted); }
.fp-headline-card { background: rgba(200,170,80,0.03); border-left: 2px solid var(--gold); padding: 8px 12px; border-radius: 4px; font-size: var(--font-sm); color: var(--text-primary); line-height: 1.5; }
.fp-facility-copy { font-size: var(--font-base); color: var(--text-primary); line-height: 1.6; white-space: pre-wrap; }
.fp-caveat { background: rgba(234,179,8,0.05); border: 1px solid rgba(234,179,8,0.15); border-radius: 6px; padding: 10px 14px; font-size: var(--font-xs); color: #a3a3a3; line-height: 1.5; margin-top: 20px; }
.fp-caveat-label { color: #fbbf24; }
.fp-tone-low { color: var(--risk-moderate); }
.fp-tone-mid { color: #f59e0b; }
.fp-tone-high { color: var(--risk-critical); }

.portfolio-shell { padding: 20px; color: var(--text-primary); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.portfolio-subtabs { display: flex; gap: 20px; border-bottom: 1px solid var(--border); margin-bottom: 20px; padding-bottom: 12px; }
.portfolio-subtab { background: none; border: none; color: var(--text-secondary); font-size: 14px; font-weight: 500; padding: 8px 0; cursor: pointer; border-bottom: 2px solid transparent; transition: color 0.2s, border-color 0.2s, font-weight 0.2s; }
.portfolio-subtab.is-active { color: var(--gold); font-weight: 600; border-bottom-color: var(--gold); }
.portfolio-content { min-height: 600px; }
.portfolio-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
.portfolio-grid-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; margin-bottom: 20px; }
.portfolio-insight-card { background: rgba(13,13,20,0.8); border: 1px solid var(--border); border-radius: 8px; padding: 16px; min-height: 100px; display: flex; flex-direction: column; justify-content: space-between; }
.portfolio-insight-label { font-size: var(--font-base); color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.portfolio-insight-value { font-size: 18px; font-weight: 600; color: var(--gold); margin-bottom: 4px; }
.portfolio-insight-detail { font-size: var(--font-sm); color: var(--text-secondary); }
.portfolio-panel { background: rgba(13,13,20,0.8); border: 1px solid var(--border); border-radius: 8px; padding: 16px; }
.portfolio-panel-spaced { margin-bottom: 20px; }
.portfolio-panel-title { margin: 0 0 12px; font-size: 14px; font-weight: 600; color: var(--text-primary); }
.portfolio-panel-title-loose { margin-bottom: 16px; }
.portfolio-panel-title-sm { margin: 0 0 12px; font-size: 13px; font-weight: 600; color: var(--text-primary); }
.portfolio-scroll-sm { overflow-y: auto; max-height: 250px; font-size: var(--font-sm); }
.portfolio-scroll-compact { font-size: 10px; }
.portfolio-scroll-md { overflow-y: auto; max-height: 300px; font-size: 10px; }
.portfolio-scroll-lg { overflow-y: auto; max-height: 400px; font-size: var(--font-sm); }
.portfolio-table { width: 100%; border-collapse: collapse; }
.portfolio-table-compact { border-collapse: collapse; font-size: 10px; }
.portfolio-table-head-row { border-bottom: 1px solid var(--border); color: var(--text-secondary); text-align: left; }
.portfolio-table-row { border-bottom: 1px solid rgba(200,170,80,0.06); }
.portfolio-table-row-interactive { cursor: pointer; }
.portfolio-head-cell-start { padding: 8px 8px 8px 0; font-weight: 600; }
.portfolio-head-cell { padding: 8px; font-weight: 600; }
.portfolio-head-cell-tight { padding: 6px 4px; font-weight: 600; }
.portfolio-head-cell-roomy { padding: 10px 8px; font-weight: 600; }
.portfolio-head-cell-right { text-align: right; }
.portfolio-cell-start { padding: 8px 8px 8px 0; }
.portfolio-cell { padding: 8px; }
.portfolio-cell-tight { padding: 6px 4px; }
.portfolio-cell-right { text-align: right; }
.portfolio-cell-accent { color: var(--gold); }
.portfolio-cell-primary { color: var(--text-primary); }
.portfolio-cell-muted { color: var(--text-secondary); }
.portfolio-cell-muted-xs { color: var(--text-secondary); font-size: 10px; }
.portfolio-cell-muted-xxs { color: var(--text-secondary); font-size: 9px; }
.portfolio-stress-indicator-positive { color: var(--risk-moderate); }
.portfolio-stress-indicator-negative { color: var(--risk-critical); }
.portfolio-heatmap-shell { margin-bottom: 20px; }
.portfolio-heatmap-wrap { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 20px; }
.portfolio-heatmap-table-wrap { flex: 1; overflow-x: auto; }
.portfolio-heatmap-corner { width: 60px; height: 36px; }
.portfolio-heatmap-header { width: 36px; height: 36px; padding: 4px; text-align: center; border: 1px solid var(--border); writing-mode: vertical-rl; text-orientation: mixed; color: var(--text-secondary); font-weight: 500; font-size: 9px; }
.portfolio-heatmap-row-label { padding: 4px 8px; border: 1px solid var(--border); color: var(--text-secondary); font-weight: 500; font-size: 9px; }
.portfolio-heatmap-cell { width: 36px; height: 36px; text-align: center; vertical-align: middle; border: 1px solid var(--border); cursor: pointer; font-weight: 500; padding: 0; color: var(--text-secondary); }
.portfolio-heatmap-cell-active { color: #fff; }
.portfolio-heat-alpha-0 { background-color: rgba(59,130,246,0.00); }
.portfolio-heat-alpha-1 { background-color: rgba(59,130,246,0.01); }
.portfolio-heat-alpha-2 { background-color: rgba(59,130,246,0.02); }
.portfolio-heat-alpha-3 { background-color: rgba(59,130,246,0.03); }
.portfolio-heat-alpha-4 { background-color: rgba(59,130,246,0.04); }
.portfolio-heat-alpha-5 { background-color: rgba(59,130,246,0.05); }
.portfolio-heat-alpha-6 { background-color: rgba(59,130,246,0.06); }
.portfolio-heat-alpha-7 { background-color: rgba(59,130,246,0.07); }
.portfolio-heat-alpha-8 { background-color: rgba(59,130,246,0.08); }
.portfolio-heat-alpha-9 { background-color: rgba(59,130,246,0.09); }
.portfolio-heat-alpha-10 { background-color: rgba(59,130,246,0.10); }
.portfolio-heat-alpha-11 { background-color: rgba(59,130,246,0.11); }
.portfolio-heat-alpha-12 { background-color: rgba(59,130,246,0.12); }
.portfolio-heat-alpha-13 { background-color: rgba(59,130,246,0.13); }
.portfolio-heat-alpha-14 { background-color: rgba(59,130,246,0.14); }
.portfolio-heat-alpha-15 { background-color: rgba(59,130,246,0.15); }
.portfolio-heat-alpha-16 { background-color: rgba(59,130,246,0.16); }
.portfolio-heat-alpha-17 { background-color: rgba(59,130,246,0.17); }
.portfolio-heat-alpha-18 { background-color: rgba(59,130,246,0.18); }
.portfolio-heat-alpha-19 { background-color: rgba(59,130,246,0.19); }
.portfolio-heat-alpha-20 { background-color: rgba(59,130,246,0.20); }
.portfolio-heat-alpha-21 { background-color: rgba(59,130,246,0.21); }
.portfolio-heat-alpha-22 { background-color: rgba(59,130,246,0.22); }
.portfolio-heat-alpha-23 { background-color: rgba(59,130,246,0.23); }
.portfolio-heat-alpha-24 { background-color: rgba(59,130,246,0.24); }
.portfolio-heat-alpha-25 { background-color: rgba(59,130,246,0.25); }
.portfolio-heat-alpha-26 { background-color: rgba(59,130,246,0.26); }
.portfolio-heat-alpha-27 { background-color: rgba(59,130,246,0.27); }
.portfolio-heat-alpha-28 { background-color: rgba(59,130,246,0.28); }
.portfolio-heat-alpha-29 { background-color: rgba(59,130,246,0.29); }
.portfolio-heat-alpha-30 { background-color: rgba(59,130,246,0.30); }
.portfolio-heat-alpha-31 { background-color: rgba(59,130,246,0.31); }
.portfolio-heat-alpha-32 { background-color: rgba(59,130,246,0.32); }
.portfolio-heat-alpha-33 { background-color: rgba(59,130,246,0.33); }
.portfolio-heat-alpha-34 { background-color: rgba(59,130,246,0.34); }
.portfolio-heat-alpha-35 { background-color: rgba(59,130,246,0.35); }
.portfolio-heat-alpha-36 { background-color: rgba(59,130,246,0.36); }
.portfolio-heat-alpha-37 { background-color: rgba(59,130,246,0.37); }
.portfolio-heat-alpha-38 { background-color: rgba(59,130,246,0.38); }
.portfolio-heat-alpha-39 { background-color: rgba(59,130,246,0.39); }
.portfolio-heat-alpha-40 { background-color: rgba(59,130,246,0.40); }
.portfolio-heat-alpha-41 { background-color: rgba(59,130,246,0.41); }
.portfolio-heat-alpha-42 { background-color: rgba(59,130,246,0.42); }
.portfolio-heat-alpha-43 { background-color: rgba(59,130,246,0.43); }
.portfolio-heat-alpha-44 { background-color: rgba(59,130,246,0.44); }
.portfolio-heat-alpha-45 { background-color: rgba(59,130,246,0.45); }
.portfolio-heat-alpha-46 { background-color: rgba(59,130,246,0.46); }
.portfolio-heat-alpha-47 { background-color: rgba(59,130,246,0.47); }
.portfolio-heat-alpha-48 { background-color: rgba(59,130,246,0.48); }
.portfolio-heat-alpha-49 { background-color: rgba(59,130,246,0.49); }
.portfolio-heat-alpha-50 { background-color: rgba(59,130,246,0.50); }
.portfolio-heat-alpha-51 { background-color: rgba(59,130,246,0.51); }
.portfolio-heat-alpha-52 { background-color: rgba(59,130,246,0.52); }
.portfolio-heat-alpha-53 { background-color: rgba(59,130,246,0.53); }
.portfolio-heat-alpha-54 { background-color: rgba(59,130,246,0.54); }
.portfolio-heat-alpha-55 { background-color: rgba(59,130,246,0.55); }
.portfolio-heat-alpha-56 { background-color: rgba(59,130,246,0.56); }
.portfolio-heat-alpha-57 { background-color: rgba(59,130,246,0.57); }
.portfolio-heat-alpha-58 { background-color: rgba(59,130,246,0.58); }
.portfolio-heat-alpha-59 { background-color: rgba(59,130,246,0.59); }
.portfolio-heat-alpha-60 { background-color: rgba(59,130,246,0.60); }
.portfolio-heat-alpha-61 { background-color: rgba(59,130,246,0.61); }
.portfolio-heat-alpha-62 { background-color: rgba(59,130,246,0.62); }
.portfolio-heat-alpha-63 { background-color: rgba(59,130,246,0.63); }
.portfolio-heat-alpha-64 { background-color: rgba(59,130,246,0.64); }
.portfolio-heat-alpha-65 { background-color: rgba(59,130,246,0.65); }
.portfolio-heat-alpha-66 { background-color: rgba(59,130,246,0.66); }
.portfolio-heat-alpha-67 { background-color: rgba(59,130,246,0.67); }
.portfolio-heat-alpha-68 { background-color: rgba(59,130,246,0.68); }
.portfolio-heat-alpha-69 { background-color: rgba(59,130,246,0.69); }
.portfolio-heat-alpha-70 { background-color: rgba(59,130,246,0.70); }
.portfolio-heat-alpha-71 { background-color: rgba(59,130,246,0.71); }
.portfolio-heat-alpha-72 { background-color: rgba(59,130,246,0.72); }
.portfolio-heat-alpha-73 { background-color: rgba(59,130,246,0.73); }
.portfolio-heat-alpha-74 { background-color: rgba(59,130,246,0.74); }
.portfolio-heat-alpha-75 { background-color: rgba(59,130,246,0.75); }
.portfolio-heat-alpha-76 { background-color: rgba(59,130,246,0.76); }
.portfolio-heat-alpha-77 { background-color: rgba(59,130,246,0.77); }
.portfolio-heat-alpha-78 { background-color: rgba(59,130,246,0.78); }
.portfolio-heat-alpha-79 { background-color: rgba(59,130,246,0.79); }
.portfolio-heat-alpha-80 { background-color: rgba(59,130,246,0.80); }
.portfolio-heatmap-legend { width: 140px; flex-shrink: 0; }
.portfolio-heatmap-legend-title { font-size: var(--font-base); color: var(--text-primary); margin-bottom: 12px; font-weight: 500; }
.portfolio-heatmap-legend-list { display: flex; flex-direction: column; gap: 8px; font-size: 10px; }
.portfolio-heatmap-legend-item { display: flex; align-items: center; gap: 8px; }
.portfolio-heatmap-legend-swatch { width: 24px; height: 24px; border: 1px solid var(--border); }
.portfolio-heatmap-legend-label { color: var(--text-secondary); }
.portfolio-detail { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--border); }
.portfolio-detail-card { background: rgba(13,13,20,0.8); border: 1px solid var(--border); border-radius: 6px; padding: 12px; font-size: var(--font-sm); max-height: 250px; overflow-y: auto; }
.portfolio-detail-card-offset { margin-top: 12px; }
.portfolio-detail-title { margin: 0 0 12px; color: var(--text-primary); font-size: var(--font-base); }
.portfolio-detail-item { padding: 6px 0; border-bottom: 1px solid rgba(200,170,80,0.06); color: var(--text-primary); }
.portfolio-detail-meta { color: var(--text-secondary); font-size: 10px; }
.portfolio-selector-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 16px; }
.portfolio-select { width: 100%; background: #06060A; border: 1px solid var(--border); color: var(--text-primary); padding: 8px; border-radius: 6px; font-size: var(--font-base); cursor: pointer; }
.portfolio-select-sm { font-size: var(--font-sm); }
.portfolio-action-btn { background: var(--gold); border: none; color: #fff; padding: 10px 24px; border-radius: 6px; font-size: var(--font-base); font-weight: 600; cursor: pointer; transition: background 0.2s; }
.portfolio-lookthrough-results { min-height: 200px; }
.portfolio-spacer-top { margin-top: 20px; }
.portfolio-filter-bar { background: rgba(13,13,20,0.8); border: 1px solid var(--border); border-radius: 8px; padding: 12px; margin-bottom: 16px; }
.portfolio-filter-row { display: flex; gap: 12px; flex-wrap: wrap; }
.portfolio-filter-select-wrap { flex: 0 1 200px; }
.portfolio-filter-input-wrap { flex: 1; min-width: 200px; }
.portfolio-search-input { width: 100%; background: #06060A; border: 1px solid var(--border); color: var(--text-primary); padding: 8px; border-radius: 6px; font-size: var(--font-sm); box-sizing: border-box; }
.portfolio-table-shell { background: rgba(13,13,20,0.8); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.portfolio-table-scroll { overflow-x: auto; font-size: var(--font-sm); }
.portfolio-table-scroll-compact { font-size: 10px; }
.portfolio-sticky-head { background: rgba(15,23,42,1); position: sticky; top: 0; }
.portfolio-footnote { margin-top: 12px; color: var(--text-secondary); font-size: var(--font-sm); }
.portfolio-watchlist-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.portfolio-filter-label { display: block; font-size: var(--font-sm); color: var(--text-secondary); margin-bottom: 4px; }
.portfolio-checkbox-row { display: flex; align-items: flex-end; gap: 8px; }
.portfolio-checkbox-label { display: flex; align-items: center; cursor: pointer; font-size: var(--font-sm); color: var(--text-primary); }
.portfolio-checkbox { margin-right: 4px; cursor: pointer; }
.portfolio-security-mix { color: var(--text-secondary); font-size: 9px; }
.portfolio-indicator-list { display: flex; gap: 4px; flex-wrap: wrap; }
.portfolio-indicator-pill { background: var(--risk-critical); color: #fff; padding: 2px 6px; border-radius: 3px; font-size: 9px; font-weight: 500; }
.portfolio-expand-btn { background: var(--gold); border: none; color: #fff; padding: 4px 8px; border-radius: 4px; font-size: 10px; cursor: pointer; }
.portfolio-watchlist-detail { margin-top: 20px; }
.portfolio-fund-pill-list { display: flex; flex-wrap: wrap; gap: 8px; }
.portfolio-fund-pill { background: rgba(59,130,246,0.2); border: 1px solid var(--border); color: var(--gold); padding: 4px 8px; border-radius: 4px; font-size: 10px; }

@media (max-width: 900px) {
  .portfolio-grid-two { grid-template-columns: 1fr; }
  .portfolio-heatmap-wrap { flex-direction: column; }
  .portfolio-heatmap-legend { width: 100%; }
}

/* P1-6: Mobile/tablet responsive */
@media (max-width: 1024px) {
  #fundsTable th:nth-child(n+12), #fundsTable td:nth-child(n+12) { display: none; }
  .market-data-grid { grid-template-columns: 1fr 1fr !important; }
  .context-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 768px) {
  #fundsTable th:nth-child(n+8), #fundsTable td:nth-child(n+8) { display: none; }
  .column-group-row { display: none; }
  .context-grid { grid-template-columns: 1fr !important; }
  .dashboard-cards { grid-template-columns: repeat(2, 1fr) !important; }
  #triage-layer { padding: 12px; }
  #triage-cards { grid-template-columns: 1fr 1fr !important; }
  .observations { grid-template-columns: 1fr !important; }
  .market-data-grid { grid-template-columns: 1fr !important; }
  .controls { flex-wrap: wrap; }
  .filter-buttons { flex-wrap: wrap; }
}