#investment-page #quick-list{display:block}
#investment-page .investment-treegrid{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg-primary)}
#investment-page .tree-head,#investment-page .tree-row{display:grid;grid-template-columns:minmax(250px,1.65fr) 90px 115px minmax(190px,1.2fr) 135px 72px;align-items:center}
#investment-page .tree-head{min-height:38px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
#investment-page .tree-head>span:not(:first-child){padding-left:10px}
#investment-page .tree-provider+.tree-provider{border-top:1px solid var(--border)}
#investment-page .tree-row{min-height:52px;padding:0 12px;color:var(--text-secondary);font-size:11px}
#investment-page .tree-parent{background:var(--bg-primary);transition:background-color 120ms ease}
#investment-page .tree-parent:hover,#investment-page .tree-parent.is-expanded{background:color-mix(in srgb,var(--bg-secondary) 65%,transparent)}
#investment-page .tree-child{min-height:44px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg-secondary) 34%,transparent)}
#investment-page .tree-child:hover{background:color-mix(in srgb,var(--bg-secondary) 62%,transparent)}
#investment-page .tree-child.is-selected{background:color-mix(in srgb,var(--accent-light) 42%,transparent)}
#investment-page .tree-cell{min-width:0;padding:7px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#investment-page .tree-name{display:flex;align-items:center;gap:8px;padding-left:0;overflow:visible}
#investment-page .tree-toggle{display:inline-flex;width:22px;height:28px;flex:0 0 22px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-muted);font-size:14px;cursor:pointer}
#investment-page .tree-toggle:hover{color:var(--accent)}
#investment-page .tree-identity{display:flex;min-width:0;align-items:center;gap:10px}
#investment-page .tree-identity>span:first-child{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:8px!important;padding:4px!important}
#investment-page .tree-identity>div{min-width:0}
#investment-page .tree-identity strong{display:block;overflow:hidden;color:var(--text-primary);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
#investment-page .tree-identity>div>span{display:block;margin-top:1px;color:var(--text-muted);font-size:9px;white-space:nowrap}
#investment-page .tree-child-name{min-width:0;padding-left:32px}
#investment-page .tree-child-name strong{display:block;overflow:hidden;color:var(--text-primary);font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
#investment-page .tree-rate strong{color:var(--text-primary);font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}
#investment-page .tree-parent .tree-rate strong{color:var(--positive)}
#investment-page .tree-cap{font-variant-numeric:tabular-nums}
#investment-page .tree-requirement{color:var(--text-primary);font-weight:550}
#investment-page .tree-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding-right:0;overflow:visible}
#investment-page .tree-add,#investment-page .tree-detail{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary)}
#investment-page .tree-add{width:30px;height:30px;border-color:color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:7px;color:var(--accent);font-size:17px;font-weight:650}
#investment-page .tree-add:hover,#investment-page .tree-add.is-selected{background:var(--accent);color:#fff}
#investment-page .tree-detail{width:30px;height:30px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:-1px}
#investment-page .tree-detail:hover{border-color:var(--border-hover);color:var(--text-primary)}
#investment-page .tree-children[hidden]{display:none!important}
#investment-page .tree-detail-panel{padding:10px 14px 10px 64px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg-secondary) 58%,transparent);color:var(--text-muted);font-size:10px;line-height:1.5}
#investment-page .tree-detail-panel>div{margin:0!important;padding:0!important;background:transparent!important}
#investment-page .tree-mobile-label,#investment-page .tree-mobile-meta{display:none}

@media(max-width:1100px) and (min-width:768px){
  #investment-page .tree-head,#investment-page .tree-row{grid-template-columns:minmax(220px,1.5fr) 82px 100px minmax(150px,1fr) 115px 64px}
  #investment-page .tree-cell{padding-inline:7px}
  #investment-page .tree-identity>span:first-child{width:34px!important;height:34px!important;flex-basis:34px!important}
}

@media(max-width:767px){
  #investment-page .investment-treegrid{border-radius:8px}
  #investment-page .tree-head{display:none}
  #investment-page .tree-row{grid-template-columns:minmax(0,1fr) auto auto;min-height:58px;padding:7px 9px;column-gap:8px;row-gap:2px}
  #investment-page .tree-parent{border-bottom:0}
  #investment-page .tree-child{min-height:52px;padding-left:28px}
  #investment-page .tree-cell{padding:0;overflow:visible}
  #investment-page .tree-name{grid-column:1;grid-row:1;min-width:0;gap:5px}
  #investment-page .tree-rate{grid-column:2;grid-row:1;text-align:right}
  #investment-page .tree-actions{grid-column:3;grid-row:1;align-self:center}
  #investment-page .tree-cap,#investment-page .tree-requirement,#investment-page .tree-term{display:none}
  #investment-page .tree-mobile-label{display:none}
  #investment-page .tree-mobile-meta{display:block;grid-column:1/3;grid-row:2;min-width:0;overflow:hidden;color:var(--text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap;padding-left:27px}
  #investment-page .tree-child .tree-mobile-meta{padding-left:0}
  #investment-page .tree-toggle{width:20px;height:28px;flex-basis:20px}
  #investment-page .tree-identity{gap:8px}
  #investment-page .tree-identity>span:first-child{width:36px!important;height:36px!important;flex-basis:36px!important}
  #investment-page .tree-identity strong{font-size:12px}
  #investment-page .tree-identity>div>span{font-size:8px}
  #investment-page .tree-child-name{padding-left:0}
  #investment-page .tree-child-name strong{font-size:10px}
  #investment-page .tree-rate strong{font-size:12px}
  #investment-page .tree-add{width:29px;height:29px}
  #investment-page .tree-detail{display:none}
  #investment-page .tree-detail-panel{padding:9px 12px 9px 36px}
}