/* Предстоящие выплаты — fintech KPI + timeline (inspired by Tremor/shadcn patterns) */
.v2-active-orders-host{ display:flex; flex-direction:column; gap:14px; min-width:0; }
.v2-active-orders-list .v2-income-cal-list__head,
.v2-active-orders-list .v2-income-cal-row{
  grid-template-columns:minmax(96px,1.6fr) minmax(72px,.85fr) minmax(64px,.75fr) minmax(88px,1fr) minmax(80px,.85fr);
}
.v2-active-orders-side{ font-size:.78rem; font-weight:600; }
.v2-active-orders-side--buy{ color:var(--good,#34d399); }
.v2-active-orders-side--sell{ color:var(--bad,#ef5350); }
.v2-active-orders-status{ font-size:.75rem; color:var(--text-muted,#9aa0a6); }

.v2-income-cal-host{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.v2-income-cal-kpi{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
@media(max-width:900px){
  .v2-income-cal-kpi{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:480px){
  .v2-income-cal-kpi{ grid-template-columns:1fr; }
}
.v2-income-cal-kpi__tile{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px 12px;
  border-radius:var(--v2-capital-radius,10px);
  border:1px solid var(--line, rgba(255,255,255,.08));
  background:var(--panel-2, rgba(255,255,255,.03));
  min-width:0;
}
.v2-income-cal-kpi__tile--hero{
  border-color:color-mix(in srgb, var(--accent,#f59e0b) 35%, var(--line));
  background:color-mix(in srgb, var(--accent,#f59e0b) 8%, var(--panel));
}
.v2-income-cal-kpi__k{
  font-size:.72rem;
  letter-spacing:.02em;
  color:var(--text-muted,#9aa0a6);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v2-income-cal-kpi__v{
  font-size:1.05rem;
  font-weight:600;
  font-variant-numeric:tabular-nums;
  color:var(--text,#eef0f3);
  line-height:1.2;
}
.v2-income-cal-kpi__sub{
  font-size:.68rem;
  color:var(--text-muted,#9aa0a6);
}
.v2-income-cal-split{
  display:grid;
  grid-template-columns:minmax(280px,1.15fr) minmax(320px,1fr);
  gap:14px 16px;
  align-items:start;
}
@media(max-width:960px){
  .v2-income-cal-split{ grid-template-columns:1fr; }
}
.v2-income-cal-chart{
  min-width:0;
  border:1px solid var(--line, rgba(255,255,255,.08));
  border-radius:var(--v2-capital-radius,10px);
  padding:10px 12px 6px;
  background:var(--panel-2, rgba(255,255,255,.02));
}
.v2-income-cal-chart__title{
  font-size:.74rem;
  color:var(--text-muted,#9aa0a6);
  margin-bottom:6px;
}
.v2-income-cal-chart svg{
  display:block;
  width:100%;
  height:auto;
}
.v2-income-cal-list{
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
  border:1px solid var(--line, rgba(255,255,255,.08));
  border-radius:var(--v2-capital-radius,10px);
  overflow:hidden;
}
.v2-income-cal-list__head{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 88px 92px;
  gap:8px;
  padding:8px 12px;
  font-size:.68rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--text-muted,#9aa0a6);
  background:var(--panel-2, rgba(255,255,255,.03));
  border-bottom:1px solid var(--line, rgba(255,255,255,.08));
}
.v2-income-cal-row{
  display:grid;
  grid-template-columns:84px minmax(120px,1fr) minmax(96px,.9fr) minmax(100px,.95fr);
  gap:8px;
  align-items:center;
  padding:9px 12px;
  font-size:.78rem;
  border-bottom:1px solid var(--line, rgba(255,255,255,.06));
}
.v2-income-cal-row:last-child{ border-bottom:none; }
.v2-income-cal-row__date{
  font-variant-numeric:tabular-nums;
  color:var(--text-muted,#b0b6bf);
}
.v2-income-cal-row__inst{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text,#eef0f3);
}
.v2-income-cal-row__type{
  display:inline-flex;
  align-items:center;
  padding:2px 7px;
  border-radius:999px;
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.02em;
  white-space:nowrap;
}
.v2-income-cal-row__type--dividend{
  color:#34d399;
  background:rgba(52,211,153,.12);
}
.v2-income-cal-row__type--coupon{
  color:#60a5fa;
  background:rgba(96,165,250,.12);
}
.v2-income-cal-row__type--interest{
  color:#a78bfa;
  background:rgba(167,139,250,.12);
}
.v2-income-cal-row__type--other{
  color:var(--text-muted,#9aa0a6);
  background:rgba(255,255,255,.06);
}
.v2-income-cal-row__amt{
  text-align:right;
  font-variant-numeric:tabular-nums;
  font-weight:600;
  color:var(--good,#34d399);
}
.v2-income-cal-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  font-size:.72rem;
  color:var(--text-muted,#9aa0a6);
}
.v2-income-cal-meta__tag{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.v2-income-cal-empty{
  padding:18px 14px;
  text-align:center;
  color:var(--text-muted,#9aa0a6);
  font-size:.82rem;
  line-height:1.45;
}
.v2-income-cal-loading{
  padding:20px 14px;
  text-align:center;
  color:var(--text-muted,#9aa0a6);
  font-size:.82rem;
}
