/* TipFolio 2.10 — Own data first: bankroll profitability and detail navigation. */
#bankrolls .section-heading{gap:16px;align-items:center;margin-bottom:22px}
#bankrolls .section-heading>div{display:grid;gap:6px;max-width:700px}
#bankrolls .section-heading .small{color:#887a7e;line-height:1.55}
.bankroll-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.bankroll-card.tf-bankroll-card{
 display:flex;flex-direction:column;position:relative;min-width:0;
 padding:0;border-radius:20px;border:1px solid #e7d7c8;border-top:3px solid #b58a4c;
 background:linear-gradient(158deg,#fff9f1,#fffdf9 70%);
 box-shadow:0 9px 25px rgba(66,27,42,.07);overflow:hidden;
 transition:box-shadow .18s,transform .18s,border-color .18s
}
.bankroll-card.tf-bankroll-card:hover{transform:translateY(-2px);border-color:#cfac98;box-shadow:0 16px 34px rgba(66,27,42,.12)}
.bankroll-card.tf-bankroll-card.selected{border-top-color:#80213e;box-shadow:0 12px 30px rgba(126,25,53,.12)}
.tf-bankroll-open{
 all:unset;box-sizing:border-box;display:flex;flex-direction:column;
 gap:15px;width:100%;flex:1;cursor:pointer;padding:20px 20px 14px;
 color:#30252e;min-width:0
}
.tf-bankroll-open:focus-visible{outline:3px solid #b2853c;outline-offset:-5px;border-radius:15px}
.tf-bankroll-title{display:flex;justify-content:space-between;gap:8px;align-items:start;min-height:44px}
.tf-bankroll-title>strong{color:#471c2d;line-height:1.35;font-size:15px;overflow-wrap:anywhere;font-weight:830}
.tf-bankroll-active{background:#f8e8d3;color:#7d2b45;border:1px solid #eed2b0;flex:0 0 auto;font-size:9px;font-weight:780;padding:6px 9px;border-radius:10px;white-space:nowrap}
.tf-bankroll-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tf-bank-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:7px;background:linear-gradient(150deg,#f5eee8,#f9f6f2);border:1px solid #e9dfd5;border-radius:13px;padding:14px 7px}
.tf-bank-metric>span{font-size:10px;color:#706368;font-weight:780;letter-spacing:.4px;text-transform:uppercase}
.tf-bank-metric strong{font-size:clamp(17px,1.8vw,24px);line-height:1.2;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap;color:#64223c}
.tf-bank-metric strong.positive{color:#267a4e!important}
.tf-bank-metric strong.negative{color:#a33350!important}
.tf-bank-metric strong.muted{color:#a39997!important}
.tf-bankroll-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tf-bankroll-figures>span{display:flex;min-width:0;flex-direction:column;gap:5px}
.tf-bankroll-figures small{font-size:10px;color:#82737a;font-weight:680}
.tf-bankroll-figures strong{font-size:clamp(12px,1.08vw,15px);font-weight:790;color:#3a2c33;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.tf-bankroll-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#7e7277;margin-top:auto}
.tf-bankroll-bottom>span:last-child{color:#86253d;font-weight:800}
.tf-bankroll-management{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 17px;border-top:1px solid #eee2d6;background:#fdf8f1}
.tf-bankroll-management .text-btn{display:inline-flex;gap:7px;align-items:center;font-size:11px;color:#805066;min-height:35px}
.tf-bankroll-management .icon{height:15px;width:15px}
.tf-bankroll-management .icon-btn{width:34px;height:34px}
.tf-bankroll-focus{
 background:linear-gradient(113deg,#fbf0e6,#fff9f2);
 border:1px solid #e9dacb;border-left:4px solid #8e2848;
 border-radius:17px;margin-bottom:17px;padding:16px 20px;
 display:flex;align-items:center;justify-content:space-between;gap:16px
}
.tf-bankroll-focus .eyebrow{color:#8d6170;font-size:10px}
.tf-bankroll-focus h2{font-size:clamp(17px,2.1vw,23px);font-weight:835;margin:5px 0 6px;color:#4b1c30;overflow-wrap:anywhere}
.tf-bankroll-focus .small{font-size:11px}
.tf-bankroll-focus-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tf-bankroll-focus-actions button{display:inline-flex;align-items:center;gap:7px;min-height:39px;font-size:11px;white-space:nowrap}
.tf-bankroll-focus-actions .icon{width:15px;height:15px}
#dashboard .tf-performance-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:20px}
#dashboard .tf-performance-grid .chart-card{min-width:0;background:linear-gradient(145deg,#fffaf4,#fff);border:1px solid #e9d8c8;padding:24px 26px}
#dashboard .tf-performance-grid #equity{width:100%;max-height:380px;display:block}
#dashboard .kpis{margin-bottom:20px}
#dashboard .tf-dashboard-results{
 display:grid;grid-template-columns:minmax(185px,240px) minmax(0,1fr);
 align-items:center;gap:15px 26px;margin:0 0 20px;padding:20px 24px;
 background:linear-gradient(140deg,#fff9f0,#fffdfa)
}
#dashboard .tf-dashboard-results .card-head{grid-column:1/-1;margin:0}
#dashboard .tf-dashboard-results #resultDonut{grid-column:1;grid-row:2;margin:auto}
#dashboard .tf-dashboard-results #results{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 17px}
#dashboard .tf-dashboard-results .result-list>div{min-width:0}
#dashboardCommunity{margin-top:24px;margin-bottom:18px;border:1px solid #e8dcd0;background:linear-gradient(150deg,#fbf6ef,#fffdfb)}
#dashboardCommunity .tf-community-preview-head h2{font-size:15px}
@media(max-width:1200px){
 .bankroll-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tf-bank-metric strong{font-size:21px}
}
@media(max-width:760px){
 .bankroll-cards{grid-template-columns:1fr;gap:12px}
 #bankrolls .section-heading{align-items:start;flex-wrap:wrap}
 .tf-bankroll-open{padding:17px 16px 13px;gap:11px}
 .tf-bankroll-title{min-height:0}
 .tf-bank-metric{padding:12px 6px}
 .tf-bank-metric strong{font-size:21px}
 .tf-bankroll-focus{padding:14px;align-items:flex-start;flex-direction:column;gap:12px}
 .tf-bankroll-focus-actions{width:100%}
 .tf-bankroll-focus-actions button{flex:1;justify-content:center;font-size:10px}
 #dashboard .tf-performance-grid .chart-card{padding:17px 14px}
 #dashboard .tf-performance-grid #equity{max-height:300px}
 #dashboard .tf-dashboard-results{grid-template-columns:1fr;padding:17px;gap:10px}
 #dashboard .tf-dashboard-results .card-head{grid-column:1;grid-row:1}
 #dashboard .tf-dashboard-results #resultDonut{grid-column:1;grid-row:2}
 #dashboard .tf-dashboard-results #results{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr}
 #dashboardCommunity{margin-top:18px}
}
@media(max-width:390px){
 #dashboard .tf-dashboard-results #results{grid-template-columns:1fr}
 .tf-bankroll-title{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.bankroll-card.tf-bankroll-card{transition:none}.bankroll-card.tf-bankroll-card:hover{transform:none}}