/* "Thống kê tài chính" kiểu RRVN trong tab Chỉ số tài chính (stock-fin-charts.js, 10/10/2026). Chỉ dùng biến màu chung nên tự đúng ở giao diện tối. */
.fc-grid-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fc-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px 10px;min-width:0;display:flex;flex-direction:column}
.fc-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fc-head h4{margin:0;font:700 13px 'Space Grotesk';color:var(--ink)}
.fc-ic{border:1px solid var(--line);background:var(--paper);color:var(--muted);width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center}
.fc-ic:hover{color:var(--ink);border-color:var(--muted)}
.fc-plot{position:relative;min-height:230px;margin-top:6px}
.fc-plot svg{display:block;max-width:100%}
.fc-grid{stroke:var(--line);stroke-width:1;opacity:.7}
.fc-ax{fill:var(--muted);font:600 9px Manrope}
.fc-cur{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
.fc-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;margin-top:6px;max-height:78px;overflow:auto;scrollbar-width:thin}
.fc-leg{display:flex;align-items:center;gap:6px;border:0;background:none;padding:1px 0;font:600 10px Manrope;color:var(--ink);text-align:left;cursor:pointer;min-width:0}
.fc-leg i{width:7px;height:7px;border-radius:50%;flex:none}
.fc-leg.off{opacity:.38;text-decoration:line-through}
.fc-note{font-size:9px;color:var(--muted);margin-top:4px}
.fc-tip{position:fixed;left:0;top:0;z-index:1200;pointer-events:none;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 10px;box-shadow:0 8px 28px rgba(0,0,0,.35);font:600 11px Manrope;max-width:340px}
.fc-tip[hidden]{display:none}
.fc-tip-h{font:800 11px Manrope;margin-bottom:4px;color:var(--muted)}
.fc-tip div:not(.fc-tip-h){display:flex;align-items:center;gap:6px;margin-top:2px}
.fc-tip i{width:7px;height:7px;border-radius:50%;flex:none}
.fc-tip span{flex:1;min-width:0}.fc-tip b{font-variant-numeric:tabular-nums;white-space:nowrap}
.fc-modal{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:20px}
.fc-modal-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;width:min(1180px,100%);max-height:100%;overflow:auto}
.fc-modal-box .fc-legend{max-height:none;grid-template-columns:repeat(3,minmax(0,1fr))}
.fc-plot.big{min-height:320px}
@media (max-width:1280px){.fc-grid-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.fc-grid-wrap{grid-template-columns:minmax(0,1fr)}.fc-modal-box .fc-legend{grid-template-columns:repeat(1,minmax(0,1fr))}}
