.finance-cards{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
gap:14px;
margin-bottom:8px;
}

/* Finance main column: top grid (Card 1+2) → control → riwayat */
.finance-tab-root .finance-main-layout{
display:flex;
flex-direction:column;
min-width:0;
width:100%;
box-sizing:border-box;
overflow-x:hidden;
overflow-x:clip;
gap:clamp(14px,2.4vw,28px);
}

.finance-tab-root .finance-main-layout > .fin-layer1{
margin-bottom:0;
}

.finance-tab-root .finance-main-layout > .finance-control-row{
border-top:1px solid rgba(51,65,85,0.36);
box-shadow:inset 0 1px 0 rgba(248,250,252,0.035);
}

/* Riwayat: pemisah halus tanpa mengganti box-shadow panel (.fin-layer3) */
.finance-tab-root .finance-main-layout > .finance-history-row{
position:relative;
}

.finance-tab-root .finance-main-layout > .finance-history-row::before{
content:"";
position:absolute;
left:clamp(8px,2vw,20px);
right:clamp(8px,2vw,20px);
top:0;
height:1px;
background:linear-gradient(90deg, transparent, rgba(100,116,139,0.22), transparent);
pointer-events:none;
}

/* Top cards: 2 columns only when the row fits two comfortable tracks (~35rem each + gap); otherwise 1 column (no fixed viewport breakpoint). */
.finance-tab-root .finance-cards--top{
gap:clamp(14px,2vw,22px);
align-items:stretch;
}

.finance-tab-root .finance-top-grid .finance-cards--top{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(min(100%, 35rem), 1fr));
}

.finance-tab-root .finance-top-grid .finance-cards--top > .fin-card{
min-width:0;
}

@media (max-width:640px){
.finance-tab-root .finance-cards--top{
gap:14px;
}
}

.finance-tab-root .finance-cards--top .fin-card--hero{
display:flex;
flex-direction:column;
min-height:0;
}

.finance-tab-root .finance-control-row{
min-width:0;
}

/* —— Layout hardening: grid/flex children + chart/table containment —— */
.finance-tab-root .finance-top-grid{
min-width:0;
width:100%;
max-width:100%;
box-sizing:border-box;
}

.finance-tab-root .finance-top-grid .finance-cards--top{
min-width:0;
width:100%;
max-width:100%;
box-sizing:border-box;
}

.finance-tab-root .finance-control-row .finance-cards{
min-width:0;
width:100%;
max-width:100%;
box-sizing:border-box;
}

.finance-tab-root .finance-control-row .fin-card--control{
width:100%;
max-width:100%;
min-width:0;
box-sizing:border-box;
}

.finance-tab-root .finance-history-row{
min-width:0;
width:100%;
max-width:100%;
box-sizing:border-box;
}

.finance-tab-root .fin-control-row{
min-width:0;
}

.finance-tab-root .fin-intra-split.fin-intra-split--balanced{
min-width:0;
}

.finance-tab-root .fin-intra-chart-shell .fin-intra-chart.fin-intra-chart--main{
overflow:hidden;
width:100%;
max-width:100%;
min-width:0;
box-sizing:border-box;
}

.finance-tab-root .fin-intra-chart-shell .fin-intra-chart.fin-intra-chart--main .fin-intra-chart-svg{
max-width:100%;
height:auto;
display:block;
}

.finance-tab-root .fin-intraday-movers{
min-width:0;
max-width:100%;
}

.finance-tab-root .fin-history-table-scroll.table-scroll,
.finance-tab-root .fin-control-detail-scroll.table-scroll{
min-width:0;
max-width:100%;
box-sizing:border-box;
scrollbar-width:thin;
scrollbar-color:rgba(100,116,139,0.45) rgba(15,23,42,0.4);
}

.finance-tab-root .fin-history-table-scroll.table-scroll::-webkit-scrollbar,
.finance-tab-root .fin-control-detail-scroll.table-scroll::-webkit-scrollbar{
height:8px;
width:8px;
}

.finance-tab-root .fin-history-table-scroll.table-scroll::-webkit-scrollbar-track,
.finance-tab-root .fin-control-detail-scroll.table-scroll::-webkit-scrollbar-track{
background:rgba(15,23,42,0.35);
border-radius:8px;
}

.finance-tab-root .fin-history-table-scroll.table-scroll::-webkit-scrollbar-thumb,
.finance-tab-root .fin-control-detail-scroll.table-scroll::-webkit-scrollbar-thumb{
background:rgba(71,85,105,0.65);
border-radius:8px;
border:2px solid transparent;
background-clip:padding-box;
}

.finance-tab-root .fin-history-table-scroll.table-scroll::-webkit-scrollbar-thumb:hover,
.finance-tab-root .fin-control-detail-scroll.table-scroll::-webkit-scrollbar-thumb:hover{
background:rgba(100,116,139,0.75);
}

.finance-tab-root .fin-history-table-scroll .data-table,
.finance-tab-root .fin-control-detail-scroll .data-table{
width:max-content;
min-width:100%;
}

.finance-tab-root .fin-card1-intra__header-right{
min-width:0;
}

.finance-tab-root .fin-card2__header-aside{
min-width:0;
}

@media (max-width:520px){
.finance-tab-root .fin-card1-intra__updated{
white-space:normal;
}
}

/* Mode B — viewport sempit: chart tidak terlalu tinggi */
@media (max-width:1023px){
.finance-tab-root .fin-intra-chart--main{
min-height:clamp(156px,16vh,188px);
}
.finance-tab-root .fin-card2-chart-panel--embed{
min-height:clamp(10.5rem,22vh,12.5rem);
}
}

/* Mode C — mobile: jarak rapat, chart landai, kontrol wrap */
@media (max-width:640px){
.finance-tab-root .fin-intra-chart--main{
min-height:clamp(128px,14vh,156px);
}
.finance-tab-root .fin-card2-chart-panel--embed{
min-height:clamp(9.5rem,20vh,11rem);
}
.finance-tab-root .fin-card1-intra{
padding:14px 14px 12px;
}
.finance-tab-root .fin-card2-shell{
padding:12px 14px;
}
.finance-tab-root .finance-top-grid .finance-cards--top{
gap:12px;
}
.finance-tab-root .fin-layer3.fin-unified-history{
padding:14px 14px 14px;
}
.finance-tab-root .fin-intra-chart-shell{
padding:10px 10px 12px;
}
.finance-tab-root .fin-intra-chart-head{
flex-direction:column;
align-items:stretch;
gap:8px;
}
.finance-tab-root .fin-chart-mode-toolbar{
width:100%;
justify-content:flex-start;
flex-wrap:wrap;
gap:6px 10px;
}
}

.fin-card{
background:#1e293b;
border:1px solid #334155;
border-radius:10px;
padding:14px 16px;
min-height:0;
}

/* —— Card 1 · intraday portfolio —— */
.finance-tab-root .fin-card1-intra{
position:relative;
overflow:hidden;
padding:18px 20px 16px;
border-color:rgba(71,85,105,0.72);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.09),
0 10px 32px rgba(0,0,0,0.14);
}

.finance-tab-root .fin-card1-intra__decor{
position:absolute;
inset:0;
pointer-events:none;
z-index:0;
opacity:0.5;
}

.finance-tab-root .fin-card1-intra__decor-svg{
width:100%;
height:100%;
display:block;
}

.finance-tab-root .fin-card1-intra__header,
.finance-tab-root .fin-card1-intra__metrics,
.finance-tab-root .fin-card1-session-insight,
.finance-tab-root .fin-intra-today-exp--card1,
.finance-tab-root .fin-intra-split--balanced,
.finance-tab-root .fin-card1-intra__footer{
position:relative;
z-index:1;
}

.finance-tab-root .fin-sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
clip-path:inset(50%);
white-space:nowrap;
border:0;
}

.finance-tab-root .fin-card1-intra__header{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
gap:clamp(8px,1.2vw,12px) clamp(12px,1.8vw,20px);
margin-bottom:16px;
padding-bottom:12px;
border-bottom:1px solid rgba(51,65,85,0.38);
}

.finance-tab-root .fin-card1-intra__title-row,
.finance-tab-root .fin-card2__title-row{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}

.finance-tab-root .fin-card-title-icon{
flex-shrink:0;
display:inline-flex;
align-items:center;
justify-content:center;
width:1.125rem;
height:1.125rem;
color:rgba(56,189,248,0.52);
}

.finance-tab-root .fin-card-title-icon--period{
color:rgba(129,140,248,0.55);
}

.finance-tab-root .fin-card-title-icon__svg{
width:18px;
height:18px;
display:block;
}

.finance-tab-root .fin-card1-intra__title{
margin:0;
font-size:17px;
font-weight:600;
letter-spacing:-0.01em;
color:#f1f5f9;
}

.finance-tab-root .fin-card1-intra__header-right{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-end;
gap:8px 12px;
text-align:right;
}

.finance-tab-root .fin-card1-intra__updated{
font-size:12px;
font-weight:500;
color:#94a3b8;
opacity:0.88;
white-space:nowrap;
}

.finance-tab-root .fin-card1-session-badge{
display:inline-flex;
align-items:center;
padding:3px 9px;
border-radius:999px;
font-size:10px;
font-weight:600;
letter-spacing:0.04em;
text-transform:uppercase;
border:1px solid transparent;
}

.finance-tab-root .fin-card1-session-badge--positive{
color:#6ee7b7;
background:rgba(16,185,129,0.12);
border-color:rgba(52,211,153,0.35);
}

.finance-tab-root .fin-card1-session-badge--negative{
color:#fca5a5;
background:rgba(248,113,113,0.1);
border-color:rgba(248,113,113,0.35);
}

.finance-tab-root .fin-card1-session-badge--flat{
color:#cbd5e1;
background:rgba(148,163,184,0.1);
border-color:rgba(148,163,184,0.28);
}

.finance-tab-root .fin-card1-intra__metrics{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:12px 14px;
margin-bottom:6px;
}

@media (max-width:720px){
.finance-tab-root .fin-card1-intra__metrics{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.finance-tab-root .fin-card1-intra__footer{
grid-template-columns:1fr;
column-gap:0;
row-gap:0;
}
.finance-tab-root .fin-card1-footer__cell{
padding:10px 0;
border-left:none;
}
.finance-tab-root .fin-card1-footer__cell:first-child{
padding-top:0;
}
.finance-tab-root .fin-card1-footer__cell + .fin-card1-footer__cell{
border-top:1px solid rgba(51,65,85,0.32);
}
.finance-tab-root .fin-card1-footer__cell:last-child{
padding-bottom:0;
}
}

@media (max-width:520px){
.finance-tab-root .fin-card1-intra__metrics{
grid-template-columns:minmax(0, 1fr);
}
.finance-tab-root .fin-card1-metric--current .fin-card1-metric__value{
font-size:1.36rem;
}
.finance-tab-root .fin-intra-today-exp--card1 .fin-today-exp-toggle--card1{
width:100%;
justify-content:center;
}
}

.finance-tab-root .fin-card1-metric{
padding:11px 13px;
border-radius:11px;
background:rgba(15,23,42,0.42);
border:1px solid rgba(51,65,85,0.52);
min-width:0;
transition:border-color 0.15s ease, box-shadow 0.15s ease;
}

.finance-tab-root .fin-card1-metric--start{
background:rgba(15,23,42,0.38);
border-color:rgba(51,65,85,0.48);
}

.finance-tab-root .fin-card1-metric--start .fin-card1-metric__label{
opacity:0.88;
}

.finance-tab-root .fin-card1-metric--start .fin-card1-metric__value{
font-size:1.08rem;
font-weight:600;
color:#cbd5e1;
letter-spacing:-0.015em;
opacity:0.94;
}

.finance-tab-root .fin-card1-metric--current{
background:linear-gradient(165deg, rgba(30,41,59,0.78) 0%, rgba(15,23,42,0.55) 100%);
border-color:rgba(148,163,184,0.28);
box-shadow:
inset 0 1px 0 rgba(248,250,252,0.08),
0 0 0 1px rgba(15,23,42,0.4),
0 1px 0 rgba(0,0,0,0.14);
}

.finance-tab-root .fin-card1-metric--current .fin-card1-metric__label{
color:#7d8fa8;
font-weight:600;
opacity:0.92;
}

.finance-tab-root .fin-card1-metric--current .fin-card1-metric__value{
font-size:1.58rem;
font-weight:750;
color:#ffffff;
letter-spacing:-0.03em;
line-height:1.12;
}

.finance-tab-root .fin-card1-metric--delta,
.finance-tab-root .fin-card1-metric--pct{
border-color:rgba(51,65,85,0.58);
}

.finance-tab-root .fin-card1-metric--delta .fin-card1-metric__label,
.finance-tab-root .fin-card1-metric--pct .fin-card1-metric__label{
opacity:0.9;
}

.finance-tab-root .fin-card1-metric__value--signed{
font-variant-numeric:tabular-nums;
font-weight:750;
letter-spacing:-0.02em;
}

.finance-tab-root .fin-card1-metric__label{
display:block;
font-size:9.5px;
font-weight:600;
letter-spacing:0.07em;
text-transform:uppercase;
color:#56667c;
margin-bottom:5px;
}

.finance-tab-root .fin-card1-metric__value{
font-size:1.22rem;
font-weight:700;
color:#f1f5f9;
line-height:1.2;
letter-spacing:-0.02em;
font-variant-numeric:tabular-nums;
}

.finance-tab-root .fin-card1-metric__value.delta-pos{
color:#5eead4;
}

.finance-tab-root .fin-card1-metric__value.delta-neg{
color:#fb923c;
}

.finance-tab-root .fin-card1-metric__idr{
font-size:11px;
font-weight:500;
color:#94a3b8;
margin-top:3px;
}

.finance-tab-root .fin-card1-session-insight{
margin:12px 0 0;
padding:0;
font-size:11px;
line-height:1.45;
font-weight:500;
letter-spacing:0.01em;
color:#6d7f96;
opacity:0.92;
max-width:42rem;
}

.finance-tab-root .fin-intra-today-exp--card1{
margin-top:10px;
padding-top:12px;
border-top:1px solid rgba(100,116,139,0.18);
}

.finance-tab-root .fin-today-exp-card1__bar{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 14px;
min-width:0;
}

.finance-tab-root .fin-today-exp-card1__title{
font-size:9.5px;
font-weight:600;
letter-spacing:0.08em;
text-transform:uppercase;
color:#6b7c94;
flex:0 0 auto;
min-width:min(100%, 11rem);
}

.finance-tab-root .fin-today-exp-summary--card1{
flex:1 1 12rem;
margin:0;
min-width:0;
font-size:12px;
line-height:1.35;
color:#cbd5e1;
}

.finance-tab-root .fin-today-exp-summary--card1 .fin-today-exp-summary__across{
font-weight:500;
color:#64748b;
margin:0 0.15em;
}

.finance-tab-root .fin-today-exp-summary--card1 .fin-today-exp-summary__empty{
color:#64748b;
}

.finance-tab-root .fin-intra-today-exp--card1 .fin-today-exp-toggle--card1{
flex:0 0 auto;
margin:0;
padding:5px 12px;
font-size:11px;
font-weight:600;
}

.finance-tab-root .fin-today-exp-detail-empty{
margin:8px 0 0;
font-size:11.5px;
line-height:1.4;
}

.finance-tab-root .fin-today-exp-label{
display:block;
margin-bottom:4px;
}

.finance-tab-root .fin-intra-chart-head{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:8px 12px;
margin-bottom:8px;
}

.finance-tab-root .fin-intra-chart-head__label{
font-size:10px;
font-weight:600;
letter-spacing:0.05em;
text-transform:uppercase;
color:#8b9cb8;
}

.finance-tab-root .fin-intra-chart-shell{
border-radius:12px;
border:1px solid rgba(51,65,85,0.48);
background:linear-gradient(180deg, rgba(15,23,42,0.58) 0%, rgba(15,23,42,0.36) 100%);
padding:12px 14px 14px;
box-shadow:inset 0 1px 0 rgba(248,250,252,0.04);
min-height:0;
overflow:hidden;
max-width:100%;
box-sizing:border-box;
}

.finance-tab-root .fin-intra-chart--main{
margin-top:0;
min-height:clamp(156px,18vh,212px);
display:flex;
align-items:center;
justify-content:center;
}

.finance-tab-root .fin-intra-chart-svg{
color:#94a3b8;
display:block;
margin:0 auto;
transition:opacity 0.28s ease;
}

.finance-tab-root .fin-intra-chart-area{
opacity:1;
}

.finance-tab-root .fin-intra-chart-dot--last--pos{
filter:drop-shadow(0 0 2px rgba(45,212,191,0.45));
}

.finance-tab-root .fin-intra-chart-dot--last--neg{
filter:drop-shadow(0 0 2px rgba(251,146,60,0.45));
}

.finance-tab-root .fin-intra-wallet-series__last{
filter:drop-shadow(0 0 1px rgba(148,163,184,0.4));
}

.finance-tab-root .fin-intra-chart-line.fin-intra-line--pos{
color:#34d399;
}

.finance-tab-root .fin-intra-chart-line.fin-intra-line--neg{
color:#f87171;
}

.finance-tab-root .fin-intra-chart-y-label{
fill:#7c8ca5;
}

.finance-tab-root .fin-intra-chart-dot{
opacity:0.92;
}

.finance-tab-root .fin-intra-chart-empty{
margin:0;
padding:1.35rem 1rem;
text-align:center;
font-size:12px;
line-height:1.5;
color:#8b9cb8;
max-width:22rem;
margin-left:auto;
margin-right:auto;
}

.finance-tab-root .fin-intra-chart-legend{
margin:6px 0 0;
font-size:10px;
line-height:1.4;
}

.finance-tab-root .fin-card1-intra .fin-intra-chart-legend{
margin-top:10px;
line-height:1.45;
max-width:100%;
}

.finance-tab-root .fin-intra-split--balanced{
grid-template-columns:minmax(0, 1.24fr) minmax(268px, 1fr);
gap:20px 26px;
margin-top:18px;
align-items:stretch;
}

.finance-tab-root .fin-intra-split--balanced .fin-intra-split__wallets{
border-left:1px solid rgba(100,116,139,0.2);
padding-left:22px;
margin-top:0;
padding-top:0;
border-top:none;
}

.finance-tab-root .fin-intra-split--balanced .fin-intra-movers-wrap{
margin-top:0;
padding-top:0;
border-top:none;
}

.finance-tab-root .fin-card1-intra .fin-intra-chart-head{
margin-bottom:10px;
}

.finance-tab-root .fin-intra-movers-wrap--card1{
padding:2px 0 0;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intra-movers-heading{
font-size:11px;
letter-spacing:0.07em;
color:#94a3b8;
margin-bottom:4px;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intra-movers-sublabel{
font-size:10.5px;
line-height:1.45;
color:#64748b;
margin-bottom:10px;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intraday-movers{
max-height:min(268px, 40vh);
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intra-movers-empty{
margin:0;
padding:1.25rem 0.5rem;
text-align:center;
font-size:12px;
line-height:1.45;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intraday-movers__table--card1{
font-size:11.5px;
width:100%;
border-collapse:separate;
border-spacing:0;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intraday-movers__table--card1 th,
.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intraday-movers__table--card1 td{
padding:10px 12px;
vertical-align:middle;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intraday-movers__table--card1 thead th{
font-size:9px;
font-weight:600;
letter-spacing:0.08em;
text-transform:uppercase;
color:#6b7c94;
border-bottom:1px solid rgba(51,65,85,0.45);
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intraday-movers__table--card1 tbody tr:nth-child(even){
background:rgba(15,23,42,0.14);
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intraday-movers__table--card1 tbody tr:hover{
background:rgba(30,41,59,0.34);
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intra-movers__th-rank,
.finance-tab-root .fin-intra-movers-wrap--card1 .fin-mover-rank{
width:2.35rem;
text-align:center;
font-weight:500;
color:#5c6b82;
font-variant-numeric:tabular-nums;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-mover-rank{
font-size:10px;
font-weight:500;
color:#5c6b82;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-mover-wallet{
max-width:none;
font-weight:600;
font-size:12px;
color:#f1f5f9;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intra-movers__num{
font-variant-numeric:tabular-nums;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intraday-movers__table--card1 .fin-intra-movers__num:nth-child(3){
color:#94a3b8;
font-weight:500;
font-size:11px;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intraday-movers__table .fin-num--pos{
color:#5eead4;
font-weight:600;
}

.finance-tab-root .fin-intra-movers-wrap--card1 .fin-intraday-movers__table .fin-num--neg{
color:#fb923c;
font-weight:600;
}

.finance-tab-root .fin-mover-wallet{
max-width:11rem;
word-break:break-word;
}

@media (max-width:900px){
.finance-tab-root .fin-intra-split--balanced{
grid-template-columns:1fr;
gap:18px;
}
.finance-tab-root .fin-intra-split--balanced .fin-intra-split__wallets{
border-left:none;
padding-left:0;
border-top:1px solid rgba(100,116,139,0.2);
padding-top:18px;
margin-top:2px;
}
}

.finance-tab-root .fin-card1-intra__footer{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
align-items:start;
column-gap:1rem;
row-gap:10px;
margin-top:18px;
padding-top:14px;
border-top:1px solid rgba(51,65,85,0.45);
font-size:11px;
color:#7d8fa8;
}

.finance-tab-root .fin-card1-footer__cell{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:0.35rem 0.5rem;
min-width:0;
padding-left:1rem;
border-left:1px solid rgba(100,116,139,0.22);
}

.finance-tab-root .fin-card1-footer__cell:first-child{
padding-left:0;
border-left:none;
}

.finance-tab-root .fin-card1-footer__k{
color:#64748b;
font-weight:500;
letter-spacing:0.02em;
flex-shrink:0;
opacity:0.92;
}

.finance-tab-root .fin-card1-footer__v{
color:#e2e8f0;
font-weight:600;
font-variant-numeric:tabular-nums;
min-width:0;
}

.finance-tab-root .fin-card1-chart-hint{
margin-top:10px;
font-size:10px;
line-height:1.5;
color:#64748b;
max-width:36rem;
}

.finance-tab-root .fin-card--secondary{
border-color:rgba(100,116,139,0.45);
background:linear-gradient(180deg, rgba(30,41,59,0.98) 0%, rgba(15,23,42,0.55) 100%);
box-shadow:inset 0 1px 0 rgba(148,163,184,0.06);
}

.finance-tab-root .fin-card--secondary .fin-card-value{
font-size:1.25rem;
}

.finance-tab-root .fin-card--support{
padding:12px 14px;
border-color:rgba(51,65,85,0.92);
background:rgba(15,23,42,0.35);
}

.finance-tab-root .fin-card--support .fin-card-value{
font-size:1.125rem;
font-weight:600;
color:#cbd5e1;
}

.finance-tab-root .fin-card-note--lede{
margin-top:2px;
margin-bottom:10px;
line-height:1.45;
max-width:42em;
}

.finance-tab-root .fin-card-note--control{
color:#64748b;
}

.fin-card-label{
font-size:11px;
text-transform:uppercase;
letter-spacing:0.04em;
color:#94a3b8;
margin-bottom:6px;
}

.fin-card-value{
font-size:22px;
font-weight:700;
color:#e2e8f0;
}

.fin-card-note{
font-size:12px;
color:#64748b;
margin-top:6px;
}

.delta-pos{
color:#34d399;
}

.delta-neg{
color:#f87171;
}

.fin-card-value.delta-pos,
.fin-card-note.delta-pos{
color:#34d399;
}

.fin-card-value.delta-neg,
.fin-card-note.delta-neg{
color:#f87171;
}

.finance-tab-root .fin-intra-primary{
display:flex;
flex-direction:column;
gap:0;
min-height:0;
}

.finance-tab-root .fin-intra-chart{
margin-top:0.5rem;
max-width:100%;
overflow:auto;
flex-shrink:0;
}

.finance-tab-root .fin-intra-movers-wrap{
margin-top:14px;
padding-top:12px;
border-top:1px solid rgba(148,163,184,0.18);
flex:1;
min-height:0;
display:flex;
flex-direction:column;
}

.finance-tab-root .fin-intra-movers-heading{
margin:0 0 2px;
font-size:10px;
font-weight:600;
letter-spacing:0.06em;
text-transform:uppercase;
color:rgba(148,163,184,0.85);
}

.finance-tab-root .fin-intra-movers-sublabel{
margin:0 0 6px;
font-size:11px;
line-height:1.35;
color:#64748b;
}

.finance-tab-root .fin-intra-movers-wrap .fin-card-note{
margin-top:0;
}

.fin-intraday-movers{
margin-top:0;
max-height:min(200px, 32vh);
overflow:auto;
flex:1;
min-height:0;
}

.fin-intraday-movers__table{
font-size:11px;
}

.finance-tab-root .fin-intraday-movers__table .fin-intra-movers__th-num{
text-align:right;
white-space:nowrap;
}

.finance-tab-root .fin-intraday-movers__table td.fin-intra-movers__num{
text-align:right;
white-space:nowrap;
}

.finance-tab-root .fin-daily-close-metrics{
display:flex;
flex-direction:column;
gap:0;
}

.finance-tab-root .fin-daily-close-metrics .fin-card-note{
margin-top:8px;
}

.finance-tab-root .fin-daily-close-metrics .fin-card-note:first-child{
margin-top:0;
}

.finance-tab-root .fin-daily-close-source{
margin-top:10px;
font-size:11px;
line-height:1.4;
color:#64748b;
}

.finance-tab-root .fin-intra-today-exp{
margin-top:12px;
padding-top:10px;
border-top:1px solid rgba(148,163,184,0.15);
}

.finance-tab-root .fin-today-exp-summary{
margin-top:4px;
font-size:12px;
color:#cbd5e1;
}

.finance-tab-root .fin-today-exp-toggle{
margin-top:8px;
}

.finance-tab-root .fin-today-exp-detail{
margin-top:8px;
}

.finance-tab-root .fin-today-exp-table{
font-size:12px;
}

.finance-tab-root .fin-intra-split{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-top:12px;
align-items:start;
}

.finance-tab-root .fin-intra-split__chart,
.finance-tab-root .fin-intra-split__wallets{
min-width:0;
max-width:100%;
}

.finance-tab-root .fin-chart-mode-toolbar{
display:flex;
flex-wrap:wrap;
gap:10px 14px;
margin-bottom:6px;
font-size:12px;
color:#94a3b8;
min-width:0;
max-width:100%;
}

.finance-tab-root .fin-chart-mode-toolbar--card1{
display:inline-flex;
flex-wrap:wrap;
align-items:center;
gap:2px;
margin:0;
padding:3px;
border-radius:9px;
background:rgba(15,23,42,0.72);
border:1px solid rgba(51,65,85,0.55);
box-shadow:inset 0 1px 0 rgba(248,250,252,0.03);
}

.finance-tab-root .fin-chart-mode-toolbar--card1 .fin-chart-mode-option{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
gap:0;
margin:0;
padding:6px 14px;
border-radius:7px;
border:1px solid transparent;
font-size:11px;
font-weight:500;
letter-spacing:0.01em;
color:#8b9cb8;
cursor:pointer;
user-select:none;
transition:
background 0.15s ease,
color 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease;
}

.finance-tab-root .fin-chart-mode-toolbar--card1 .fin-chart-mode-option__text{
pointer-events:none;
}

.finance-tab-root .fin-chart-mode-toolbar--card1 .fin-chart-mode-option input{
position:absolute;
opacity:0;
width:1px;
height:1px;
margin:0;
padding:0;
overflow:hidden;
clip:rect(0, 0, 0, 0);
clip-path:inset(50%);
border:0;
white-space:nowrap;
}

.finance-tab-root .fin-chart-mode-toolbar--card1 .fin-chart-mode-option:has(input:checked){
background:rgba(30,41,59,0.95);
border-color:rgba(100,116,139,0.42);
color:#f1f5f9;
font-weight:600;
box-shadow:
inset 0 1px 0 rgba(248,250,252,0.06),
0 1px 2px rgba(0,0,0,0.12);
}

.finance-tab-root .fin-chart-mode-toolbar--card1 .fin-chart-mode-option:focus-within{
outline:2px solid rgba(94,234,212,0.32);
outline-offset:2px;
}

.finance-tab-root .fin-chart-mode-toolbar--card1 .fin-chart-mode-option--disabled{
opacity:0.45;
cursor:not-allowed;
}

.finance-tab-root .fin-chart-mode-toolbar--card1 .fin-chart-mode-option--disabled:has(input:checked){
background:rgba(15,23,42,0.5);
border-color:transparent;
color:#64748b;
font-weight:500;
box-shadow:none;
}

.finance-tab-root .fin-chart-mode-option{
display:inline-flex;
align-items:center;
gap:5px;
cursor:pointer;
}

.finance-tab-root .fin-chart-mode-option--disabled{
opacity:0.48;
cursor:not-allowed;
}

.finance-tab-root .fin-intra-chart-hint{
margin:0.35rem 0 0;
font-size:11px;
min-height:1.2em;
}

.finance-tab-root .fin-intra-split__wallets .fin-intra-movers-wrap{
margin-top:0;
padding-top:0;
border-top:none;
}

.finance-tab-root .fin-card2-snapshot-fb{
flex:1 1 12rem;
min-width:0;
font-size:11px;
line-height:1.35;
}


.finance-tab-root .fin-fx-idr-line{
font-size:11px;
line-height:1.25;
margin-top:2px;
font-weight:500;
}

.finance-tab-root .fin-fx-idr-line.delta-pos{
color:rgba(52,211,153,0.95);
}

.finance-tab-root .fin-fx-idr-line.delta-neg{
color:rgba(248,113,113,0.95);
}

@media (max-width:720px){
.finance-tab-root .fin-intra-split{
grid-template-columns:1fr;
}
}

.finance-tab-root .fin-layer3.fin-unified-history{
border-color:rgba(71,85,105,0.72);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.07),
0 8px 28px rgba(0,0,0,0.12);
padding:18px 20px 18px;
}

.finance-tab-root .fin-history-root-title{
margin:0 0 0.35rem;
font-size:16px;
font-weight:650;
letter-spacing:-0.02em;
color:#f1f5f9;
}

.finance-tab-root .fin-history-hint{
margin:0 0 0.85rem;
font-size:12px;
line-height:1.45;
max-width:42rem;
opacity:0.9;
}

.finance-tab-root .fin-history-global-bar{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:0.5rem 0.85rem;
margin:0 0 0.65rem;
}

.finance-tab-root .fin-history-date-summary{
font-size:12px;
}

.finance-tab-root .fin-history-date-panel{
margin:0 0 0.85rem;
padding:0.65rem 0.75rem;
border-radius:10px;
border:1px solid rgba(51,65,85,0.55);
background:linear-gradient(180deg, rgba(15,23,42,0.58) 0%, rgba(15,23,42,0.4) 100%);
box-shadow:inset 0 1px 0 rgba(248,250,252,0.04);
}

.finance-tab-root .fin-history-date-panel-inner{
display:flex;
flex-wrap:wrap;
align-items:flex-end;
gap:0.55rem 0.85rem;
}

.finance-tab-root .fin-history-accordion{
display:flex;
flex-direction:column;
gap:10px;
}

.finance-tab-root .fin-history-acc-item{
border:1px solid rgba(51,65,85,0.52);
border-radius:10px;
background:linear-gradient(180deg, rgba(15,23,42,0.45) 0%, rgba(15,23,42,0.28) 100%);
box-shadow:inset 0 1px 0 rgba(248,250,252,0.04);
overflow:hidden;
}

.finance-tab-root .fin-history-acc-head{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:0.55rem 0.85rem;
padding:0.6rem 0.75rem;
border-bottom:1px solid rgba(51,65,85,0.38);
background:rgba(15,23,42,0.22);
}

.finance-tab-root .fin-history-acc-title{
margin:0;
font-size:13px;
font-weight:650;
letter-spacing:0.01em;
color:rgba(241,245,249,0.98);
}

.finance-tab-root .fin-history-acc-toggle{
flex-shrink:0;
font-weight:600;
padding:0.35rem 0.75rem;
border-radius:8px;
}

.finance-tab-root .fin-history-acc-body{
padding:0.55rem 0.6rem 0.65rem;
}

.finance-tab-root .fin-history-acc-body[hidden]{
display:none !important;
}

/*
 * ~10 table body rows visible (thead scrolls with content — no sticky thead).
 * Row ~2.4–2.6rem + header ~2.5rem → ~27rem cap.
 */
.finance-tab-root .fin-history-table-scroll.table-scroll{
max-height:27rem;
overflow-y:auto;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}

/* Card 3 — kontrol & status (accordion rows) */
.finance-tab-root .fin-card--control{
grid-column:1 / -1;
padding:18px 20px 16px;
border-color:rgba(71,85,105,0.72);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.07),
0 8px 28px rgba(0,0,0,0.12);
}

.finance-tab-root .fin-card--control .fin-card-label{
font-size:10px;
font-weight:650;
letter-spacing:0.1em;
text-transform:uppercase;
color:#8b9cb8;
margin-bottom:12px;
}

.finance-tab-root .fin-control-rows{
display:flex;
flex-direction:column;
gap:clamp(8px,1.2vw,12px);
}

.finance-tab-root .fin-control-row{
border:1px solid rgba(51,65,85,0.55);
border-radius:10px;
background:linear-gradient(180deg, rgba(15,23,42,0.52) 0%, rgba(15,23,42,0.34) 100%);
box-shadow:inset 0 1px 0 rgba(248,250,252,0.04);
overflow:hidden;
}

.finance-tab-root .fin-control-row-main{
display:grid;
grid-template-columns:auto auto minmax(0, 1fr) auto;
gap:0.5rem 0.75rem;
align-items:center;
padding:0.55rem 0.65rem;
min-width:0;
}

@media (max-width:900px){
.finance-tab-root .fin-control-row-main{
grid-template-columns:auto 1fr;
grid-auto-flow:dense;
}
.finance-tab-root .fin-control-title{
grid-column:1 / -1;
}
.finance-tab-root .fin-control-summary{
grid-column:1 / -1;
}
}

@media (max-width:640px){
.finance-tab-root .fin-control-row-main{
grid-template-columns:1fr;
grid-auto-flow:row;
justify-items:start;
}
.finance-tab-root .fin-control-title,
.finance-tab-root .fin-control-summary{
grid-column:auto;
}
}

.finance-tab-root .fin-control-title{
font-size:13px;
font-weight:600;
color:rgba(226,232,240,0.95);
white-space:nowrap;
}

.finance-tab-root .fin-control-summary{
font-size:12px;
line-height:1.35;
min-width:0;
word-break:break-word;
}

.finance-tab-root .fin-control-add,
.finance-tab-root .fin-control-toggle{
padding:0.32rem 0.65rem;
font-size:12px;
font-weight:600;
white-space:nowrap;
border-radius:8px;
max-width:100%;
box-sizing:border-box;
}

.finance-tab-root .fin-control-detail{
padding:0.6rem 0.65rem 0.65rem;
border-top:1px solid rgba(51,65,85,0.45);
background:rgba(15,23,42,0.28);
}

.finance-tab-root .fin-control-detail[hidden]{
display:none !important;
}

.finance-tab-root .fin-control-detail-note{
margin:0 0 0.45rem;
font-size:11px;
line-height:1.45;
}

.finance-tab-root .fin-control-detail-scroll.table-scroll{
max-height:22rem;
overflow:auto;
-webkit-overflow-scrolling:touch;
}

/* —— Card 2 · period overview (layout + charts) —— */
.finance-tab-root .fin-card2-shell{
position:relative;
z-index:0;
padding:18px 20px 18px;
border-color:rgba(71,85,105,0.72);
box-shadow:
inset 0 1px 0 rgba(148,163,184,0.07),
0 8px 28px rgba(0,0,0,0.12);
}

.finance-tab-root .fin-card2__header--hero{
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:space-between;
gap:clamp(8px,1.2vw,12px) clamp(12px,1.8vw,18px);
margin:0 0 12px;
padding:6px 10px 8px;
border-radius:12px;
border:1px solid rgba(51,65,85,0.48);
background:linear-gradient(165deg, rgba(30,41,59,0.42) 0%, rgba(15,23,42,0.2) 100%);
box-shadow:
inset 0 1px 0 rgba(248,250,252,0.06),
0 1px 0 rgba(0,0,0,0.08);
min-height:0;
}

.finance-tab-root .fin-card2__header-primary{
display:flex;
flex-direction:row;
align-items:center;
flex:1 1 auto;
min-width:0;
}

.finance-tab-root .fin-card2__title-cluster{
flex:1 1 auto;
min-width:0;
max-width:min(36rem, 100%);
}

.finance-tab-root .fin-card2__title-row{
align-items:center;
}

.finance-tab-root .fin-card2__heading-text{
min-width:0;
flex:1 1 auto;
display:flex;
flex-direction:column;
gap:1px;
}

.finance-tab-root .fin-card2__header-aside{
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:flex-end;
gap:8px 12px;
text-align:right;
flex:0 0 auto;
margin-left:auto;
}

.finance-tab-root .fin-card2__title{
margin:0;
font-size:17px;
font-weight:600;
letter-spacing:-0.01em;
color:#f1f5f9;
line-height:1.2;
}

.finance-tab-root .fin-card2__subtitle{
margin:0;
font-size:11px;
line-height:1.3;
max-width:40rem;
opacity:0.88;
}

.finance-tab-root .fin-card2-control-bar{
display:block;
margin:0 0 10px;
padding:12px 14px;
border-radius:12px;
border:1px solid rgba(51,65,85,0.48);
background:linear-gradient(180deg, rgba(15,23,42,0.52) 0%, rgba(15,23,42,0.34) 100%);
box-shadow:
inset 0 1px 0 rgba(248,250,252,0.05),
0 1px 0 rgba(0,0,0,0.08);
}

.finance-tab-root .fin-card2-filter-anchor{
position:relative;
z-index:12;
flex-shrink:0;
}

.finance-tab-root .fin-card2-filter-trigger{
display:inline-flex;
align-items:center;
gap:7px;
font-size:12px;
font-weight:600;
padding:0 14px 0 11px;
min-height:2.35rem;
white-space:nowrap;
}

.finance-tab-root .fin-card2-filter-trigger__icon{
display:inline-flex;
opacity:0.88;
color:rgba(56,189,248,0.75);
}

.finance-tab-root .fin-card2-filter-trigger__svg{
width:16px;
height:16px;
display:block;
}

.finance-tab-root .fin-card2-filter-popover[hidden]{
display:none !important;
}

.finance-tab-root .fin-card2-filter-popover{
position:absolute;
right:0;
top:calc(100% + 8px);
min-width:min(380px, calc(100vw - 40px));
max-width:min(440px, calc(100vw - 24px));
border-radius:12px;
border:1px solid rgba(51,65,85,0.58);
background:linear-gradient(175deg, rgba(24,32,48,0.98) 0%, rgba(15,23,42,0.97) 100%);
box-shadow:
0 20px 48px rgba(0,0,0,0.38),
inset 0 1px 0 rgba(248,250,252,0.07);
z-index:20;
overflow:hidden;
}

.finance-tab-root .fin-card2-filter-popover__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 14px 11px;
border-bottom:1px solid rgba(51,65,85,0.45);
background:rgba(15,23,42,0.35);
}

.finance-tab-root .fin-card2-filter-popover__title{
font-size:11px;
font-weight:650;
letter-spacing:0.09em;
text-transform:uppercase;
color:#94a3b8;
}

.finance-tab-root .fin-card2-filter-popover__x{
border:none;
background:transparent;
color:#94a3b8;
font-size:1.35rem;
line-height:1;
padding:6px 10px;
margin:-4px -6px -4px 0;
border-radius:8px;
cursor:pointer;
min-width:2.25rem;
min-height:2.25rem;
display:inline-flex;
align-items:center;
justify-content:center;
}

.finance-tab-root .fin-card2-filter-popover__x:hover{
color:#e2e8f0;
background:rgba(51,65,85,0.35);
}

.finance-tab-root .fin-card2-filter-popover__body{
padding:14px 14px 16px;
max-height:min(62vh, 420px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}

.finance-tab-root .fin-card2-filter-popover__footer{
padding:12px 14px 14px;
border-top:1px solid rgba(51,65,85,0.4);
display:flex;
justify-content:flex-end;
align-items:center;
gap:10px;
background:rgba(15,23,42,0.28);
}

.finance-tab-root .fin-card2-filter-apply-btn{
min-width:6.5rem;
font-weight:600;
}

.finance-tab-root .fin-card2-control-bar--popover{
margin:0;
padding:0;
border-radius:10px;
border:none;
background:transparent;
box-shadow:none;
}

.finance-tab-root .fin-card2-control-bar--popover .fin-card2-bar-filters{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
align-items:end;
gap:12px 14px;
overflow-x:visible;
padding-bottom:0;
}

.finance-tab-root .fin-card2-control-bar--popover .fin-card2-bar-group{
min-width:0;
gap:5px;
}

.finance-tab-root .fin-card2-control-bar--popover .fin-card2-bar-group--action{
grid-column:1 / -1;
min-width:0;
}

.finance-tab-root .fin-card2-control-bar--popover .fin-card2-bar-label{
font-size:9px;
letter-spacing:0.06em;
}

.finance-tab-root .fin-card2-control-bar--popover .fin-card2-bar-select{
min-height:2.1rem;
height:2.1rem;
font-size:12px;
}

.finance-tab-root .fin-card2-control-bar--popover .fin-card2-refresh-btn{
min-height:2.1rem;
height:2.1rem;
font-size:11px;
padding:0 12px;
}

.finance-tab-root .fin-card2-control-bar--popover .fin-card2-bar-action-row{
min-height:2.1rem;
flex-wrap:wrap;
align-items:center;
gap:8px 10px;
width:100%;
}

@media (max-width:640px){
.finance-tab-root .fin-card2-filter-popover{
position:fixed;
left:0;
right:0;
bottom:0;
top:auto;
min-width:0;
max-width:none;
max-height:min(78vh, 560px);
border-radius:14px 14px 0 0;
border-bottom:none;
}
}

@media (max-width:900px){
.finance-tab-root .fin-card2__header--hero{
flex-wrap:wrap;
align-items:flex-start;
}
}

@media (max-width:640px){
.finance-tab-root .fin-card2__header-aside{
flex-basis:100%;
width:100%;
margin-left:0;
justify-content:flex-start;
text-align:left;
min-width:0;
flex-wrap:wrap;
}
}

.finance-tab-root .fin-card2__footer{
margin-top:20px;
}

.finance-tab-root fieldset.fin-card2-control-bar{
min-inline-size:0;
}

.finance-tab-root .fin-card2-bar-filters{
display:flex;
flex-wrap:nowrap;
align-items:flex-end;
gap:12px 14px;
width:100%;
min-width:0;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
padding-bottom:2px;
}

@media (max-width:960px){
.finance-tab-root .fin-card2-bar-filters{
flex-wrap:wrap;
row-gap:12px;
overflow-x:visible;
}
}

.finance-tab-root .fin-card2-bar-group{
display:flex;
flex-direction:column;
gap:5px;
min-width:7.25rem;
flex:0 0 auto;
}

.finance-tab-root .fin-card2-bar-group--action{
min-width:auto;
flex:0 0 auto;
align-self:stretch;
}

.finance-tab-root .fin-card2-bar-label{
font-size:9.5px;
font-weight:600;
letter-spacing:0.07em;
text-transform:uppercase;
color:#6b7c94;
min-height:1.15em;
line-height:1.15;
}

.finance-tab-root .fin-card2-bar-label--action{
opacity:0;
min-height:1.15em;
pointer-events:none;
}

.finance-tab-root .fin-card2-bar-action-row{
display:flex;
flex-wrap:nowrap;
align-items:center;
gap:10px 12px;
min-height:2.35rem;
}

.finance-tab-root .fin-card2-bar-select{
min-height:2.35rem;
height:2.35rem;
box-sizing:border-box;
font-size:13px;
line-height:1.2;
}

.finance-tab-root .fin-card2-refresh-btn{
font-size:12px;
font-weight:600;
padding:0 16px;
min-height:2.35rem;
height:2.35rem;
box-sizing:border-box;
white-space:nowrap;
display:inline-flex;
align-items:center;
justify-content:center;
}

.finance-tab-root .fin-card2-period-context{
margin:0 0 10px;
padding:0;
font-size:11px;
line-height:1.45;
font-weight:500;
letter-spacing:0.02em;
color:#8b9cb8;
opacity:0.9;
}

.finance-tab-root .fin-card2-metrics-row{
margin-bottom:2px;
}

.finance-tab-root .fin-card2-shell .fin-card2-metrics-row > .fin-card1-metric--start{
background:rgba(15,23,42,0.34);
border-color:rgba(51,65,85,0.44);
}

.finance-tab-root .fin-card2-shell .fin-card1-metric--start .fin-card1-metric__label{
color:#6f7f95;
}

.finance-tab-root .fin-card2-shell .fin-card1-metric--start .fin-card1-metric__value{
font-size:1.06rem;
font-weight:600;
color:#cbd5e1;
letter-spacing:-0.012em;
}

.finance-tab-root .fin-card2-shell .fin-card2-metric--end.fin-card1-metric--current{
background:linear-gradient(165deg, rgba(30,41,59,0.82) 0%, rgba(15,23,42,0.58) 100%);
border-color:rgba(148,163,184,0.32);
box-shadow:
inset 0 1px 0 rgba(248,250,252,0.09),
0 0 0 1px rgba(15,23,42,0.35),
0 2px 8px rgba(0,0,0,0.12);
}

.finance-tab-root .fin-card2-shell .fin-card2-metric--end.fin-card1-metric--current .fin-card1-metric__value{
font-size:1.62rem;
font-weight:750;
color:#ffffff;
letter-spacing:-0.03em;
}

.finance-tab-root .fin-card2-shell .fin-card1-metric--delta .fin-card1-metric__value--signed,
.finance-tab-root .fin-card2-shell .fin-card1-metric--pct .fin-card1-metric__value--signed{
font-weight:750;
font-variant-numeric:tabular-nums;
}

.finance-tab-root .fin-card2-shell .fin-card1-metric--delta .fin-card1-metric__label,
.finance-tab-root .fin-card2-shell .fin-card1-metric--pct .fin-card1-metric__label{
opacity:0.9;
}

.finance-tab-root .fin-card2-shell .fin-card1-metric__value.delta-pos{
color:#5eead4;
}

.finance-tab-root .fin-card2-shell .fin-card1-metric__value.delta-neg{
color:#fb923c;
}

.finance-tab-root .fin-card2-shell .fin-fx-idr-line.delta-pos{
color:rgba(94,234,212,0.92);
}

.finance-tab-root .fin-card2-shell .fin-fx-idr-line.delta-neg{
color:rgba(251,146,60,0.92);
}

.finance-tab-root .fin-card2-insight{
margin-top:12px;
margin-bottom:0;
font-size:11.5px;
line-height:1.5;
font-weight:500;
letter-spacing:0.015em;
color:#7d8fa8;
opacity:0.92;
max-width:44rem;
}

.finance-tab-root .fin-card2-empty-banner{
margin:8px 0 0;
padding:8px 10px;
border-radius:8px;
border:1px solid rgba(51,65,85,0.55);
background:rgba(15,23,42,0.4);
font-size:12px;
color:#94a3b8;
}

.finance-tab-root .fin-card2-overview-section{
margin-top:0;
padding-top:0;
border-top:none;
}

.finance-tab-root .fin-card2-analytics-split{
margin-top:18px;
min-width:0;
}

.finance-tab-root .fin-card2-root .fin-intra-chart-head{
margin-bottom:10px;
}

.finance-tab-root .fin-card2-wallet-rank-panel.fin-intraday-movers{
min-height:0;
flex:1;
min-width:0;
display:flex;
flex-direction:column;
justify-content:flex-start;
}

@media (min-width:1024px){
.finance-tab-root .fin-card2-wallet-rank-panel.fin-intraday-movers{
overflow-x:hidden;
}
.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 .fin-intraday-movers{
overflow-x:hidden;
}
}

.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 tr.fin-intra-move-row--lead td{
background:rgba(45,212,191,0.07);
}

.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 tr.fin-intra-move-row--lead td:first-child{
border-left:3px solid rgba(45,212,191,0.45);
}

.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 tr.fin-intra-move-row--lead .fin-mover-wallet{
font-weight:750;
letter-spacing:-0.02em;
color:#f8fafc;
}

.finance-tab-root .fin-card2-chart-column{
display:flex;
flex-direction:column;
min-height:0;
height:100%;
}

.finance-tab-root .fin-card2-chart-head{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:8px 12px;
margin-bottom:10px;
}

.finance-tab-root .fin-card2-chart-head__title{
margin:0;
font-size:10px;
font-weight:600;
letter-spacing:0.08em;
text-transform:uppercase;
color:#8b9cb8;
}

.finance-tab-root .fin-card2-chart-head__label{
font-size:10px;
font-weight:600;
letter-spacing:0.08em;
text-transform:uppercase;
color:#8b9cb8;
}

.finance-tab-root .fin-card2-chart-shell{
flex:1;
min-height:0;
border-radius:12px;
border:1px solid rgba(51,65,85,0.48);
background:linear-gradient(180deg, rgba(15,23,42,0.58) 0%, rgba(15,23,42,0.36) 100%);
padding:12px 14px 14px;
box-shadow:inset 0 1px 0 rgba(248,250,252,0.04);
}

.finance-tab-root .fin-card2-chart-panel--embed{
margin:0;
padding:0;
border:none;
border-radius:0;
background:transparent;
box-shadow:none;
min-height:clamp(11rem,22vh,15rem);
display:flex;
flex-direction:column;
justify-content:flex-start;
width:100%;
max-width:100%;
min-width:0;
overflow:hidden;
box-sizing:border-box;
}

.finance-tab-root .fin-card2-chart-panel--embed .fin-card2-line-chart,
.finance-tab-root .fin-card2-chart-panel--embed .fin-card2-wperf-chart{
max-width:100%;
min-width:0;
}

.finance-tab-root .fin-card2-chart-panel--embed svg{
max-width:100%;
height:auto;
}

.finance-tab-root .fin-card2-chart-empty--tight{
margin-top:6px;
}

.finance-tab-root .fin-card2-line-chart{
display:flex;
flex-direction:column;
gap:8px;
width:100%;
min-width:0;
}

.finance-tab-root .fin-card2-line-chart__svg{
display:block;
width:100%;
max-width:100%;
margin:0 auto;
color:#5eead4;
transition:opacity 0.28s ease;
}

.finance-tab-root .fin-card2-line-chart__dot{
opacity:0.95;
}

.finance-tab-root .fin-card2-line-chart__dot--last--pos{
filter:drop-shadow(0 0 2px rgba(45,212,191,0.5));
}

.finance-tab-root .fin-card2-line-chart__dot--last--neg{
filter:drop-shadow(0 0 2px rgba(251,146,60,0.5));
}

.finance-tab-root .fin-card2-line-chart__stroke--pos{
color:#5eead4;
}

.finance-tab-root .fin-card2-line-chart__stroke--neg{
color:#fb923c;
}

.finance-tab-root .fin-card2-line-chart__ylabel{
fill:#64748b;
}

.finance-tab-root .fin-card2-line-chart__axis-labels{
display:flex;
justify-content:space-between;
gap:10px;
flex-wrap:wrap;
font-size:10px;
color:#94a3b8;
}

.finance-tab-root .fin-card2-line-chart__axis-val{
color:#cbd5e1;
}

.finance-tab-root .fin-card2-line-chart__caption{
margin:0;
font-size:10px;
line-height:1.4;
}

.finance-tab-root .fin-card2-ebar-label{
fill:#94a3b8;
}

.finance-tab-root .fin-card2-ebar-label--top{
fill:#e2e8f0;
font-weight:600;
}

.finance-tab-root .fin-card2-ebar-val{
fill:#cbd5e1;
}

.finance-tab-root .fin-card2-ebar-val--top{
fill:#f8fafc;
font-weight:600;
}

.finance-tab-root .fin-card2-ebar-fill{
fill:rgba(251,146,60,0.55);
}

.finance-tab-root .fin-card2-ebar-fill--top{
fill:rgba(251,146,60,0.78);
stroke:rgba(248,250,252,0.2);
stroke-width:0.85;
}

.finance-tab-root .fin-card2-ebar-more{
margin:8px 0 0;
font-size:10px;
}

.finance-tab-root .fin-card2-wperf-chart{
width:100%;
min-width:0;
}

.finance-tab-root .fin-card2-wperf-hint{
margin:0 0 8px;
font-size:10px;
line-height:1.45;
}

.finance-tab-root .fin-card2-wperf-honesty{
margin:0 0 8px;
font-size:10px;
line-height:1.4;
max-width:42rem;
opacity:0.88;
}

.finance-tab-root .fin-card2-wperf-chart--empty .fin-card2-wperf-honesty,
.finance-tab-root .fin-card2-wperf-chart--error .fin-card2-wperf-honesty{
margin-top:6px;
}

.finance-tab-root .fin-card2-wperf-svg{
display:block;
width:100%;
max-width:100%;
margin:0 auto;
}

.finance-tab-root .fin-card2-wperf-ylabel{
fill:#64748b;
}

.finance-tab-root .fin-card2-wperf-axis{
display:flex;
justify-content:space-between;
gap:10px;
flex-wrap:wrap;
margin-top:4px;
font-size:10px;
}

.finance-tab-root .fin-card2-wperf-axis__lbl{
color:#64748b;
}

.finance-tab-root .fin-card2-wperf-legend{
display:flex;
flex-wrap:wrap;
gap:8px 14px;
margin-top:10px;
font-size:10px;
line-height:1.35;
color:#94a3b8;
}

.finance-tab-root .fin-card2-wperf-legend__item{
display:inline-flex;
align-items:center;
gap:6px;
max-width:100%;
}

.finance-tab-root .fin-card2-wperf-legend__swatch{
width:9px;
height:9px;
border-radius:2px;
flex-shrink:0;
}

.finance-tab-root .fin-card2-wperf-cap{
margin:8px 0 0;
font-size:10px;
}

.finance-tab-root .fin-card2-exp-detail-list{
list-style:none;
margin:0;
padding:0;
max-height:14rem;
overflow:auto;
-webkit-overflow-scrolling:touch;
}

.finance-tab-root .fin-card2-exp-detail-item{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:6px 12px;
padding:6px 0;
border-bottom:1px solid rgba(51,65,85,0.32);
font-size:11px;
line-height:1.35;
}

.finance-tab-root .fin-card2-exp-detail-item:last-child{
border-bottom:none;
}

.finance-tab-root .fin-card2-exp-detail-item__date{
flex:0 0 auto;
min-width:5.5rem;
font-weight:600;
color:#94a3b8;
font-variant-numeric:tabular-nums;
}

.finance-tab-root .fin-card2-exp-detail-item__mid{
flex:1 1 12rem;
min-width:0;
color:#e2e8f0;
word-break:break-word;
}

.finance-tab-root .fin-card2-exp-detail-item__amt{
flex:0 0 auto;
margin-left:auto;
font-weight:600;
color:#fdba74;
}

.finance-tab-root .fin-card2-exp-detail-empty{
margin:0;
}

.finance-tab-root .fin-card2-chart-panel{
margin-top:10px;
padding:12px 12px 10px;
border-radius:10px;
border:1px solid rgba(51,65,85,0.5);
background:rgba(15,23,42,0.35);
color:#cbd5e1;
}

.finance-tab-root .fin-card2-chart-panel[hidden]{
display:none !important;
}

.finance-tab-root .fin-card2-chart-caption{
margin:0 0 8px;
font-size:11px;
line-height:1.45;
}

.finance-tab-root .fin-card2-chart-empty{
margin:0;
font-size:12px;
}

.finance-tab-root .fin-card2-overview-chart-svg{
display:block;
margin:0 auto;
}

.finance-tab-root .fin-card2-progress-chart{
display:flex;
flex-direction:column;
justify-content:center;
gap:10px;
padding:6px 0 4px;
}

.finance-tab-root .fin-card2-progress-delta{
display:flex;
flex-wrap:wrap;
align-items:baseline;
justify-content:center;
gap:8px 16px;
text-align:center;
}

.finance-tab-root .fin-card2-progress-delta-usd{
font-size:1.52rem;
font-weight:750;
letter-spacing:-0.03em;
line-height:1.15;
font-variant-numeric:tabular-nums;
}

.finance-tab-root .fin-card2-progress-delta--pos .fin-card2-progress-delta-usd{
color:#5eead4;
}

.finance-tab-root .fin-card2-progress-delta--neg .fin-card2-progress-delta-usd{
color:#fb923c;
}

.finance-tab-root .fin-card2-progress-delta--neutral .fin-card2-progress-delta-usd{
color:#cbd5e1;
}

.finance-tab-root .fin-card2-progress-delta-pct{
font-size:1.05rem;
font-weight:600;
letter-spacing:-0.02em;
font-variant-numeric:tabular-nums;
color:#cbd5e1;
}

.finance-tab-root .fin-card2-progress-delta--pos .fin-card2-progress-delta-pct{
color:#7dd3c0;
}

.finance-tab-root .fin-card2-progress-delta--neg .fin-card2-progress-delta-pct{
color:#fdba74;
}

.finance-tab-root .fin-card2-progress-caption{
margin:0;
text-align:center;
font-size:10px;
line-height:1.4;
}

.finance-tab-root .fin-card2-progress-track-wrap{
margin-top:2px;
}

.finance-tab-root .fin-card2-progress-label-row,
.finance-tab-root .fin-card2-progress-values-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:8px;
}

.finance-tab-root .fin-card2-progress-end-label{
font-size:9px;
font-weight:600;
letter-spacing:0.08em;
text-transform:uppercase;
color:#6b7c94;
}

.finance-tab-root .fin-card2-progress-value{
font-size:11px;
font-weight:500;
color:#cbd5e1;
}

.finance-tab-root .fin-card2-progress-track{
position:relative;
height:14px;
margin:10px 0 6px;
}

.finance-tab-root .fin-card2-progress-track-bg{
position:absolute;
left:0;
right:0;
top:50%;
height:10px;
transform:translateY(-50%);
border-radius:999px;
background:rgba(30,41,59,0.65);
border:1px solid rgba(51,65,85,0.55);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
}

.finance-tab-root .fin-card2-progress-range{
position:absolute;
top:50%;
height:8px;
transform:translateY(-50%);
border-radius:999px;
min-width:6px;
box-shadow:0 1px 4px rgba(0,0,0,0.18);
}

.finance-tab-root .fin-card2-progress-range--up{
background:linear-gradient(90deg, rgba(45,212,191,0.35), rgba(94,234,212,0.95));
}

.finance-tab-root .fin-card2-progress-range--down{
background:linear-gradient(90deg, rgba(251,146,60,0.4), rgba(251,146,60,0.92));
}

.finance-tab-root .fin-card2-progress-cap{
position:absolute;
top:50%;
width:11px;
height:11px;
border-radius:50%;
transform:translate(-50%, -50%);
border:2px solid rgba(15,23,42,0.96);
box-shadow:0 0 0 1px rgba(100,116,139,0.35);
z-index:2;
}

.finance-tab-root .fin-card2-progress-cap--start{
background:#94a3b8;
}

.finance-tab-root .fin-card2-progress-cap--end-up{
background:#5eead4;
box-shadow:0 0 0 1px rgba(45,212,191,0.45), 0 2px 6px rgba(0,0,0,0.25);
}

.finance-tab-root .fin-card2-progress-cap--end-down{
background:#fb923c;
box-shadow:0 0 0 1px rgba(251,146,60,0.45), 0 2px 6px rgba(0,0,0,0.25);
}

.finance-tab-root .fin-card2-chart-label{
fill:#8b9cb8;
}

.finance-tab-root .fin-card2-chart-axis{
fill:#e2e8f0;
font-weight:500;
}

.finance-tab-root .fin-card2-wbar-label{
fill:#94a3b8;
}

.finance-tab-root .fin-card2-wbar-label--top{
fill:#e2e8f0;
font-weight:600;
}

.finance-tab-root .fin-card2-wbar-val{
fill:#e2e8f0;
}

.finance-tab-root .fin-card2-wbar-val--top{
fill:#f8fafc;
font-weight:600;
}

.finance-tab-root .fin-card2-wbar-pct{
fill:#64748b;
font-weight:500;
}

.finance-tab-root .fin-card2-wbar-pct--top{
fill:#94a3b8;
font-weight:600;
}

.finance-tab-root .fin-card2-wbar--pos{
fill:rgba(94,234,212,0.88);
}

.finance-tab-root .fin-card2-wbar--neg{
fill:rgba(251,146,60,0.88);
}

.finance-tab-root .fin-card2-wbar--top{
stroke:rgba(248,250,252,0.28);
stroke-width:1.15;
filter:drop-shadow(0 2px 5px rgba(0,0,0,0.22));
}

.finance-tab-root .fin-card2-wbar-row--top{
outline:none;
}

.finance-tab-root .fin-card2-exp-strip{
margin:12px 0 4px;
padding:12px 14px;
border-radius:11px;
border:1px solid rgba(51,65,85,0.48);
background:linear-gradient(180deg, rgba(15,23,42,0.52) 0%, rgba(15,23,42,0.34) 100%);
box-shadow:inset 0 1px 0 rgba(248,250,252,0.04);
}

.finance-tab-root .fin-card2-exp-inline{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 14px;
}

.finance-tab-root .fin-card2-exp-inline__title{
font-size:9.5px;
font-weight:600;
letter-spacing:0.08em;
text-transform:uppercase;
color:#6b7c94;
flex:0 0 auto;
min-width:min(100%, 12rem);
}

.finance-tab-root .fin-card2-exp-inline__mid{
flex:1 1 14rem;
min-width:0;
font-size:12px;
line-height:1.35;
color:#cbd5e1;
}

.finance-tab-root .fin-card2-exp-inline__mid--stack{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:3px;
justify-content:center;
}

.finance-tab-root .fin-card2-exp-stack{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:2px;
min-width:0;
width:100%;
}

.finance-tab-root .fin-card2-exp-stack .fin-today-exp-summary__line{
line-height:1.4;
}

.finance-tab-root .fin-card2-exp-stack .fin-today-exp-summary__amount{
font-size:1.14rem;
font-weight:750;
letter-spacing:-0.02em;
color:#f1f5f9;
}

.finance-tab-root .fin-card2-exp-stack .fin-today-exp-summary__across{
font-weight:500;
color:#64748b;
}

.finance-tab-root .fin-card2-exp-stack .fin-today-exp-summary__count{
font-weight:700;
color:#94a3b8;
}

.finance-tab-root .fin-card2-exp-idr-sub{
font-size:11px;
line-height:1.25;
margin:0;
padding:0;
font-weight:500;
}

.finance-tab-root .fin-card2-exp-inline__amount{
font-weight:700;
font-size:13px;
color:#e2e8f0;
letter-spacing:-0.02em;
}

.finance-tab-root .fin-card2-exp-inline__across{
font-weight:500;
color:#64748b;
margin-left:0.2em;
}

.finance-tab-root .fin-card2-exp-inline__btn{
flex:0 0 auto;
margin:0;
padding:5px 12px;
font-size:11px;
font-weight:600;
}

.finance-tab-root .fin-card2-exp-detail{
margin-top:10px;
padding-top:10px;
border-top:1px solid rgba(51,65,85,0.38);
}

.finance-tab-root .fin-card2-exp-detail-body{
margin:0;
font-size:11px;
line-height:1.45;
max-width:40rem;
}

@media (max-width:900px){
.finance-tab-root .fin-card2-analytics-split.fin-intra-split--balanced{
grid-template-columns:1fr;
gap:18px;
}
.finance-tab-root .fin-card2-analytics-split.fin-intra-split--balanced .fin-intra-split__wallets{
border-left:none;
padding-left:0;
border-top:1px solid rgba(100,116,139,0.22);
padding-top:18px;
margin-top:2px;
}
.finance-tab-root .fin-card2-root .fin-intra-chart-head{
flex-direction:column;
align-items:flex-start;
}
}

@media (max-width:520px){
.finance-tab-root .fin-card2-exp-inline__btn{
width:100%;
justify-content:center;
}
}

/* —— Finance cards · premium terminal polish (Card 1 + Card 2) —— */
@keyframes fin-metric-alive-pulse-pos{
0%,100%{box-shadow:0 0 0 0 rgba(45,212,191,0), inset 0 1px 0 rgba(248,250,252,0.06);}
50%{box-shadow:0 0 14px 0 rgba(45,212,191,0.14), inset 0 1px 0 rgba(248,250,252,0.08);}
}

@keyframes fin-metric-alive-pulse-neg{
0%,100%{box-shadow:0 0 0 0 rgba(251,146,60,0), inset 0 1px 0 rgba(248,250,252,0.05);}
50%{box-shadow:0 0 14px 0 rgba(251,146,60,0.12), inset 0 1px 0 rgba(248,250,252,0.06);}
}

.finance-tab-root .fin-card1-intra[data-fin-session-tone="positive"]{
background-color:#1e293b;
background-image:linear-gradient(118deg, rgba(13,148,136,0.12) 0%, rgba(30,41,59,0) 55%);
}

.finance-tab-root .fin-card1-intra[data-fin-session-tone="negative"]{
background-color:#1e293b;
background-image:linear-gradient(118deg, rgba(127,29,29,0.11) 0%, rgba(30,41,59,0) 55%);
}

.finance-tab-root .fin-card1-intra[data-fin-session-tone="flat"],
.finance-tab-root .fin-card1-intra[data-fin-session-tone="unknown"]{
background-color:#1e293b;
background-image:linear-gradient(118deg, rgba(51,65,85,0.07) 0%, rgba(30,41,59,0) 50%);
}

.finance-tab-root .fin-card2-root[data-fin-period-tone="positive"]{
background-color:#1e293b;
background-image:linear-gradient(125deg, rgba(13,148,136,0.09) 0%, rgba(30,41,59,0) 50%);
}

.finance-tab-root .fin-card2-root[data-fin-period-tone="negative"]{
background-color:#1e293b;
background-image:linear-gradient(125deg, rgba(127,29,29,0.1) 0%, rgba(30,41,59,0) 50%);
}

.finance-tab-root .fin-card2-root[data-fin-period-tone="flat"],
.finance-tab-root .fin-card2-root[data-fin-period-tone="neutral"]{
background-color:#1e293b;
background-image:linear-gradient(125deg, rgba(51,65,85,0.06) 0%, rgba(30,41,59,0) 48%);
}

.finance-tab-root .fin-card1-metric:has(.fin-metric--alive-pos){
animation:fin-metric-alive-pulse-pos 4.2s ease-in-out infinite;
}

.finance-tab-root .fin-card1-metric:has(.fin-metric--alive-neg){
animation:fin-metric-alive-pulse-neg 4.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce){
.finance-tab-root .fin-card1-metric:has(.fin-metric--alive-pos),
.finance-tab-root .fin-card1-metric:has(.fin-metric--alive-neg){
animation:none;
}
.finance-tab-root .fin-intra-chart-svg,
.finance-tab-root .fin-card2-line-chart__svg,
.finance-tab-root .fin-card2-wperf-svg{
transition:none;
}
}

.finance-tab-root .fin-card1-session-insight{
margin-top:14px;
margin-bottom:2px;
font-size:11.5px;
line-height:1.5;
color:#7d8fa8;
}

.finance-tab-root .fin-intra-split--balanced{
margin-top:20px;
}

.finance-tab-root .fin-intra-move-row--lead .fin-mover-wallet{
font-weight:750;
color:#f8fafc;
letter-spacing:-0.02em;
}

.finance-tab-root .fin-intra-move-row--top .fin-mover-wallet{
font-weight:680;
color:#e8eef7;
}

.finance-tab-root .fin-intra-move-row--lead td{
background:rgba(45,212,191,0.06);
}

.finance-tab-root .fin-intra-move-row--lead td:first-child{
border-left:3px solid rgba(45,212,191,0.42);
}

.finance-tab-root .fin-intra-move-row--top td{
background:rgba(15,23,42,0.15);
}

.finance-tab-root .fin-intra-move-row--top td:first-child{
border-left:2px solid rgba(148,163,184,0.32);
}

.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 tr.fin-intra-move-row--top td{
background:rgba(15,23,42,0.16);
}

.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 tr.fin-intra-move-row--top td:first-child{
border-left:2px solid rgba(148,163,184,0.34);
}

.finance-tab-root .fin-card2-move-table-wrap{
width:100%;
min-width:0;
max-width:100%;
}

@media (max-width:720px){
.finance-tab-root .fin-card2-move-table .fin-card2-move-col--compact-hide{
display:none !important;
}
.finance-tab-root .fin-card2-move-table-wrap{
overflow-x:visible;
}
.finance-tab-root .fin-card2-move-table{
width:100%;
table-layout:auto;
}
.finance-tab-root .fin-card2-move-table .fin-mover-wallet{
max-width:42vw;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
}

@media (max-width:420px){
.finance-tab-root .fin-card2-control-bar--popover .fin-card2-bar-filters{
grid-template-columns:minmax(0, 1fr);
}
}

/* Card 2 Wallet Movement: match Card 1 movers table density (same as .fin-intraday-movers__table--card1) */
.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 .fin-card2-move-table{
border-collapse:separate;
border-spacing:0;
font-size:11.5px;
width:100%;
}

.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 .fin-card2-move-table th,
.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 .fin-card2-move-table td{
padding:10px 12px;
vertical-align:middle;
}

.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 .fin-card2-move-table thead th{
font-size:9px;
font-weight:600;
letter-spacing:0.08em;
text-transform:uppercase;
color:#6b7c94;
border-bottom:1px solid rgba(51,65,85,0.45);
}

.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 .fin-card2-move-table tbody tr:nth-child(even){
background:rgba(15,23,42,0.14);
}

.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 .fin-card2-move-table tbody tr:hover{
background:rgba(30,41,59,0.34);
}

@media (min-width:1024px){
.finance-tab-root .fin-card2-move-table-wrap{
overflow-x:hidden;
}
.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 .fin-card2-move-table{
table-layout:fixed;
width:100%;
}
.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 .fin-card2-move-table th,
.finance-tab-root .fin-card2-root .fin-intra-movers-wrap--card1 .fin-card2-move-table td{
padding:9px 11px;
}
.finance-tab-root .fin-card2-move-table th:nth-child(1),
.finance-tab-root .fin-card2-move-table td:nth-child(1){
width:1.85rem;
padding-left:5px;
padding-right:3px;
}
.finance-tab-root .fin-card2-move-table th:nth-child(3),
.finance-tab-root .fin-card2-move-table td:nth-child(3){
width:3.35rem;
padding-left:4px;
padding-right:4px;
}
.finance-tab-root .fin-card2-move-table th:nth-child(4),
.finance-tab-root .fin-card2-move-table td:nth-child(4),
.finance-tab-root .fin-card2-move-table th:nth-child(5),
.finance-tab-root .fin-card2-move-table td:nth-child(5),
.finance-tab-root .fin-card2-move-table th:nth-child(6),
.finance-tab-root .fin-card2-move-table td:nth-child(6){
width:5.4rem;
max-width:5.4rem;
box-sizing:border-box;
}
.finance-tab-root .fin-card2-move-table th:nth-child(2),
.finance-tab-root .fin-card2-move-table td:nth-child(2){
width:auto;
min-width:0;
}
.finance-tab-root .fin-card2-move-table .fin-mover-wallet{
max-width:none;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.finance-tab-root .fin-card2-move-table .fin-card2-mom__track{
max-width:2.85rem;
}
}

.finance-tab-root .fin-card2-move-table .fin-intra-movers__th-mom{
width:4.5rem;
text-align:center;
font-size:8.5px;
}

.finance-tab-root .fin-card2-mom-cell{
vertical-align:middle;
}

.finance-tab-root .fin-card2-mom{
display:flex;
align-items:center;
justify-content:center;
min-height:1.35rem;
}

.finance-tab-root .fin-card2-mom__track{
width:100%;
max-width:3.25rem;
height:5px;
border-radius:999px;
background:rgba(30,41,59,0.85);
border:1px solid rgba(51,65,85,0.55);
overflow:hidden;
}

.finance-tab-root .fin-card2-mom__fill{
height:100%;
border-radius:999px;
min-width:2px;
transition:width 0.35s ease;
}

.finance-tab-root .fin-card2-mom__fill--pos{
background:linear-gradient(90deg, rgba(45,212,191,0.25), rgba(45,212,191,0.85));
}

.finance-tab-root .fin-card2-mom__fill--neg{
background:linear-gradient(90deg, rgba(251,146,60,0.25), rgba(251,146,60,0.88));
}

.finance-tab-root .fin-card2-move-table .fin-intra-movers__num:nth-child(4){
color:#94a3b8;
font-weight:500;
font-size:11px;
}

.finance-tab-root .fin-card2-wperf-legend__pct{
margin-left:4px;
font-size:9.5px;
color:#7c8ca5;
}

.finance-tab-root .fin-card2-wperf-enddot{
filter:drop-shadow(0 0 1px rgba(148,163,184,0.5));
}

.finance-tab-root .fin-card2-wperf-hit{
cursor:crosshair;
}

/* Lazy sections: history / expenses / intraday wallet retry */
.finance-tab-root .fin-lazy-retry-btn{
margin-top:10px;
}

.finance-tab-root .fin-lazy-err-detail{
font-size:12px;
margin-top:6px;
max-width:42em;
word-break:break-word;
}

.finance-tab-root .fin-intra-chart-lazy{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:8px;
}

.finance-tab-root .fin-intra-chart-empty--error{
color:#fca5a5;
}

.finance-tab-root .fin-history-pag-footer{
margin-top:10px;
padding:4px 0 2px;
min-height:28px;
}

.finance-tab-root .fin-pag-load-more{
margin-top:2px;
}

.finance-tab-root .fin-pag-end,
.finance-tab-root .fin-pag-muted{
font-size:12px;
margin:4px 0 0;
}

.finance-tab-root .fin-pag-more-err{
color:#fca5a5;
font-size:12px;
margin:0 0 6px;
max-width:42em;
}

.finance-tab-root .fin-pag-loading{
font-size:12px;
margin:4px 0 0;
}

/* —— Finance tab · premium polish (depth, hover, numerals, movers scroll) —— */
.finance-tab-root .fin-card:not(.fin-card--hero){
border:1px solid rgba(62,76,96,0.48);
box-shadow:
inset 0 1px 0 rgba(248,250,252,0.055),
0 4px 14px rgba(2,6,23,0.22);
transition:
transform 0.22s ease,
box-shadow 0.22s ease,
border-color 0.22s ease;
}

@media (prefers-reduced-motion: no-preference){
.finance-tab-root .fin-card:not(.fin-card--hero):hover{
transform:translateY(-1px);
border-color:rgba(90,104,128,0.58);
box-shadow:
inset 0 1px 0 rgba(248,250,252,0.07),
0 6px 18px rgba(2,6,23,0.3);
}
}

@media (prefers-reduced-motion: reduce){
.finance-tab-root .fin-card:not(.fin-card--hero){
transition:border-color 0.2s ease, box-shadow 0.2s ease;
}
}

.finance-tab-root .fin-num--pos,
.finance-tab-root .fin-num--neg{
font-variant-numeric:tabular-nums;
}

.finance-tab-root .fin-intra-movers{
scrollbar-width:thin;
scrollbar-color:rgba(100,116,139,0.45) rgba(15,23,42,0.4);
}

.finance-tab-root .fin-intra-movers::-webkit-scrollbar{
height:8px;
width:8px;
}

.finance-tab-root .fin-intra-movers::-webkit-scrollbar-track{
background:rgba(15,23,42,0.35);
border-radius:8px;
}

.finance-tab-root .fin-intra-movers::-webkit-scrollbar-thumb{
background:rgba(71,85,105,0.65);
border-radius:8px;
border:2px solid transparent;
background-clip:padding-box;
}

.finance-tab-root .fin-intra-movers::-webkit-scrollbar-thumb:hover{
background:rgba(100,116,139,0.75);
}

/* —— Finance tab · UX: scanability, tables, interactions —— */
.finance-tab-root .fin-history-table-scroll .data-table tbody tr:nth-child(even),
.finance-tab-root .fin-control-detail-scroll .data-table tbody tr:nth-child(even){
background:rgba(15,23,42,0.1);
}

.finance-tab-root .fin-history-table-scroll .data-table tbody tr:hover,
.finance-tab-root .fin-control-detail-scroll .data-table tbody tr:hover{
background:rgba(30,41,59,0.32);
}

.finance-tab-root .fin-history-table-scroll .data-table td.mono:not(.wallet-addr),
.finance-tab-root .fin-control-detail-scroll .data-table td.mono:not(.wallet-addr){
text-align:right;
font-variant-numeric:tabular-nums;
}

.finance-tab-root .fin-history-table-scroll .data-table th,
.finance-tab-root .fin-control-detail-scroll .data-table th{
vertical-align:bottom;
}

.finance-tab-root .fin-control-add,
.finance-tab-root .fin-control-toggle,
.finance-tab-root .fin-history-acc-toggle,
.finance-tab-root .fin-card2-filter-trigger{
cursor:pointer;
transition:
background-color 0.18s ease,
border-color 0.18s ease,
color 0.18s ease,
box-shadow 0.18s ease;
}

@media (max-width:640px){
.finance-tab-root .fin-control-add,
.finance-tab-root .fin-control-toggle{
min-height:2.35rem;
padding-top:0.4rem;
padding-bottom:0.4rem;
}
.finance-tab-root .fin-history-acc-toggle{
min-height:2.25rem;
}
}

/* —— Finance tab · rendering: isolate layout without clipping popovers —— */
.finance-tab-root .fin-card1-intra,
.finance-tab-root .fin-card2-shell,
.finance-tab-root .fin-card--control,
.finance-tab-root .finance-history-row.fin-layer3{
contain:layout;
}
