/* جدول مالی — کامپوننت مشترکِ صفحهٔ بازارها و «نبض بازارها» در خانه.
   هر تغییری این‌جا، هر دو صفحه را با هم عوض می‌کند. */
.ftgrid{display:grid;grid-template-columns:minmax(210px,1.6fr) 104px 108px 108px 92px 92px minmax(104px,1fr) minmax(128px,1.15fr);column-gap:8px;align-items:center}
.fthead{padding:11px 22px 9px;font-size:10px;font-weight:600;color:var(--mut,#5D6B7E);background:var(--tintN,#F0EEE2);border-bottom:1px solid var(--linSoft,rgba(22,58,105,.08))}
.fthead button{border:none;background:transparent;padding:0;font-size:10px;color:var(--mut,#5D6B7E);text-align:right;font-weight:700;white-space:nowrap}
.ftrow{padding:10px 22px;border-top:1px solid var(--linSoft,rgba(22,58,105,.08));cursor:pointer;transition:background .2s;background:var(--fbg,transparent)}
.ftrow:hover{background:var(--tintN,#F0EEE2)}
.ftcell{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.ftnum{font-size:12.5px;font-weight:600;color:var(--ink,#12233C)}
.ftmut{color:var(--mut,#5D6B7E);font-weight:400}
.ftdy{color:var(--dy);font-weight:600}
@keyframes ftIn{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
.ftanim .ftrow{animation:ftIn .5s cubic-bezier(.3,.9,.3,1) both;animation-delay:calc(var(--i)*.04s)}
.ftanim polyline.spk{stroke-dasharray:1;stroke-dashoffset:1;animation:ftDash .8s ease-out both;animation-delay:calc(var(--i)*.04s + .2s)}

/* «نبض بازارها» در صفحهٔ خانه — همان کامپوننت، فقط ستون‌های کمتر */
.ftgrid-lite{grid-template-columns:minmax(180px,1.5fr) 104px 104px 92px minmax(104px,1fr) minmax(120px,1.05fr)}
@media (max-width:900px){
  .ftgrid-lite{grid-template-columns:minmax(150px,1.4fr) minmax(96px,1fr) minmax(104px,1fr)}
  .ftgrid-lite > :nth-child(2),.ftgrid-lite > :nth-child(3),.ftgrid-lite > :nth-child(4){display:none}
}