/* ============================================================
   Finance Advanced — F2/F3/F4 styles
   ============================================================ */
.fa-cf-bars { display:flex; gap:4px; align-items:flex-end; height:200px; padding:10px 0;
              border-bottom:2px solid var(--border-color,#e5e7eb); position:relative; }
.fa-cf-week { flex:1; display:flex; flex-direction:column; align-items:center; gap:1px;
              position:relative; min-width:0; }
.fa-cf-bar-in  { width:60%; background:linear-gradient(180deg,#16a34a,#15803d); border-radius:3px 3px 0 0; min-height:2px; transition:all .3s; }
.fa-cf-bar-out { width:60%; background:linear-gradient(180deg,#dc2626,#991b1b); border-radius:3px 3px 0 0; min-height:2px; transition:all .3s; }
.fa-cf-lbl { font-size:10px; color:var(--text-muted); margin-top:4px; }
.fa-cf-cum { font-size:10px; font-weight:700; position:absolute; bottom:-30px; }
.fa-cf-cum.pos { color:#15803d; }
.fa-cf-cum.neg { color:#dc2626; }
.fa-cf-legend { display:flex; gap:14px; flex-wrap:wrap; font-size:12px; padding:32px 4px 0; }
.fa-cf-alert  { margin-top:14px; padding:10px 14px; background:rgba(220,38,38,.08); color:#991b1b;
                border-radius:8px; font-size:13px; }

.fa-thr { display:grid; grid-template-columns:auto 1fr auto; gap:10px; padding:8px 10px;
          border-bottom:1px solid var(--border-color,#f1f5f9); font-size:12.5px; align-items:center; }
.fa-thr small { grid-column:1/-1; }

.fa-ai-content { font-size:13.5px; line-height:1.7; }
.fa-ai-content strong { color:#0891b2; }
.fa-ai-content ul { margin:8px 0; padding-left:22px; }
.fa-ai-content li { margin:4px 0; }

.fa-comment { padding:10px 12px; border-radius:10px; background:rgba(0,0,0,.025);
              margin-bottom:8px; font-size:13px; }
.fa-comment strong { color:var(--text-primary); }
.fa-comment small { font-size:11px; margin-left:6px; }
.fa-comment p { margin:6px 0 0; line-height:1.5; }
.fa-mention { background:rgba(8,145,178,.12); color:#0891b2; padding:1px 6px;
              border-radius:4px; font-weight:600; }

[data-theme="dark"] .fa-comment { background:rgba(255,255,255,.04); }
[data-theme="dark"] .fa-mention  { background:rgba(8,145,178,.2); color:#7dd3fc; }

@media (max-width:768px) {
    .fa-cf-bars { height:140px; }
    .fa-cf-lbl { font-size:9px; }
    .fa-cf-cum { display:none; }
}