/* V3 details: shared 24px icon grid / 1.75px stroke / 4px spacing scale. */
#investor-view .ex3-icon,#vx-tabbar .ex3-icon {display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:-3px;stroke-width:1.75;pointer-events:none;}
#investor-view {--ex3-radius:12px;--ex3-inset:20px;}
#investor-view .topbar {box-shadow:0 1px 0 rgba(255,255,255,.025);}
#investor-view .topbar-right>.btn-sm {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:8px;}
#investor-view .ex2-nav button {display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;}
#investor-view .ex2-nav button .ex3-icon {width:16px;height:16px;}
#investor-view .ex2-nav button[aria-current="page"] {background:linear-gradient(0deg,rgba(212,175,94,.07),transparent);}
#investor-view .main {grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px!important;padding-top:16px!important;}
#investor-view #vx-summary {border-radius:var(--ex3-radius)!important;padding:20px 24px!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0 32px;}
#investor-view #vx-summary .ex-identity {padding-bottom:16px;margin-bottom:20px!important;}
#investor-view #vx-who-av {width:40px!important;height:40px!important;box-shadow:0 0 0 4px rgba(212,175,94,.055);}
#investor-view #vx-who-name {font-weight:600;}
#investor-view #vx-who-id {font-size:11px!important;color:var(--muted)!important;}
#investor-view #vx-who-tier::before {content:'';display:inline-block;width:13px;height:13px;margin-right:6px;background:currentColor;mask:url('../assets/ui/diamond.svg') center/contain no-repeat;-webkit-mask:url('../assets/ui/diamond.svg') center/contain no-repeat;vertical-align:-2px;}
#investor-view #vx-nav {font-weight:600!important;letter-spacing:-1.5px!important;margin:8px 0 4px!important;}
#investor-view #vx-eye {min-width:32px;min-height:32px;align-items:center;justify-content:center;border-radius:6px;}
#investor-view #vx-eye:hover {background:rgba(180,194,222,.07)!important;}
#investor-view #vx-summary .ex-balances {background:transparent!important;border:0!important;border-top:1px solid var(--border)!important;border-radius:0!important;margin-top:16px!important;}
#investor-view #vx-summary .ex-balances>div {padding:14px 0!important;}
#investor-view #vx-summary .ex-balances>div:nth-child(3) {padding-left:20px!important;}
#investor-view #vx-summary .ex-assets {padding-left:32px;}
#investor-view #vx-summary .vx-row {padding:16px 0!important;gap:12px!important;}
#investor-view #vx-summary .vx-row>span:first-child {width:36px!important;height:36px!important;border-radius:10px!important;}
#investor-view #vx-summary .vx-row>span:first-child .ex3-icon {width:19px;height:19px;}
#investor-view #vx-summary .vx-row:nth-of-type(2)>span:first-child {color:var(--gold);}
#investor-view #vx-summary .vx-row:nth-of-type(3)>span:first-child {color:var(--purple);}
#investor-view #vx-summary .vx-row:nth-of-type(4)>span:first-child {color:var(--red);}
#investor-view #vx-summary .vx-row>span:last-child .ex3-icon {width:14px;height:14px;color:var(--muted);}
#investor-view .ex-actions button {border-radius:10px!important;min-height:76px;gap:5px!important;}
#investor-view .ex-actions button>span:first-child {background:transparent!important;border:0!important;height:30px!important;width:30px!important;}
#investor-view .ex-actions .ex3-icon {width:22px;height:22px;}
#investor-view .ex-actions button:nth-child(1) {color:var(--blue);}
#investor-view .ex-actions button:nth-child(2) {color:var(--gold);}
#investor-view .ex-actions button:nth-child(3) {color:var(--muted2);}
#investor-view .ex-actions button:nth-child(4) {color:var(--purple);}
#investor-view .ex-actions button:hover {border-color:currentColor!important;background:rgba(180,194,222,.06)!important;}
#investor-view .ex-actions button:active {transform:translateY(1px);}
#investor-view .ex2-status-values>div>span {display:flex;align-items:center;gap:6px;}
#investor-view .ex2-status-values .ex3-icon {width:14px;height:14px;}
#investor-view .ex2-fund-status {padding-top:10px;margin-top:0;}
#investor-view .ex2-fund-status>.ex2-note {margin-top:8px;}
#investor-view .ex2-text-button {display:inline-flex;align-items:center;gap:6px;font-weight:500;}
#investor-view .section-title {display:flex;align-items:center;gap:8px;font-family:Inter,'PingFang SC',sans-serif;font-size:14px;letter-spacing:.2px;line-height:1.5;}
#investor-view .section-title .ex3-icon {color:var(--muted);width:17px;height:17px;}
#investor-view .stat-icon {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:rgba(180,194,222,.05);color:var(--muted2);}
#investor-view .ex-calendar .ex-caption {display:flex;align-items:center;gap:7px;}
#investor-view .ex-calendar .ex-caption .ex3-icon {width:15px;height:15px;}
#investor-view .ex2-chart-toolbar button {display:inline-flex;align-items:center;gap:5px;min-height:36px;}
#investor-view .ex2-chart-toolbar button .ex3-icon {width:14px;height:14px;}
#investor-view .ex2-chart-readout {padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg2);}
#investor-view #ex2-chart-detail label {margin-bottom:4px;}
#investor-view .ex2-position-detail {border-radius:8px;margin-bottom:8px;border:1px solid var(--border);padding:2px 14px 14px;}
#investor-view .ex2-position>summary {min-height:78px;}
#investor-view .ex2-tags .ex2-tag {display:inline-flex;align-items:center;gap:2px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 20%,transparent);padding:2px 5px;}
#investor-view .ex2-tags .ex2-tag .ex3-icon {height:12px;width:12px;}
#investor-view .ex2-tags small {display:inline-flex;align-items:center;gap:2px;}
#investor-view .ex2-tags small .ex3-icon {width:12px;height:12px;}
#investor-view .ex2-position[open] .ex2-tags .ex3-disclosure {transform:rotate(180deg);}
#investor-view .ex2-source {display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
#investor-view .ex2-source .ex3-icon {width:14px;height:14px;}
#investor-view .ex2-withdrawal {padding:20px;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;background:linear-gradient(120deg,rgba(20,29,46,.55),transparent);}
#investor-view .ex2-wd-heading>.ex2-tag {display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:5px 8px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);}
#investor-view .ex2-wd-heading>.ex2-tag .ex3-icon {width:14px;height:14px;}
#investor-view .ex2-steps {gap:0;margin:20px 0 18px;}
#investor-view .ex2-steps li {position:relative;border:0;padding:0;align-items:center;text-align:center;gap:8px;}
#investor-view .ex2-steps li::before {content:'';position:absolute;top:15px;left:0;right:0;height:1px;background:var(--border2);}
#investor-view .ex2-steps li:first-child::before {left:50%;}
#investor-view .ex2-steps li:last-child::before {right:50%;}
#investor-view .ex2-steps li>span {position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--border2);background:#101623;}
#investor-view .ex2-steps li>span .ex3-icon {width:15px;height:15px;}
#investor-view .ex2-steps li.done::before {background:var(--blue);}
#investor-view .ex2-steps li.done>span {background:#15273e;color:var(--blue);border-color:rgba(74,158,255,.45);}
#investor-view .ex2-steps li.current>span {background:#2e291d;color:var(--gold);border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,94,.07);}
#investor-view .ex2-steps.ex3-complete li {color:var(--green);}
#investor-view .ex2-steps.ex3-complete li::before {background:var(--green);}
#investor-view .ex2-steps.ex3-complete li>span {color:var(--green);background:#142a28;border-color:rgba(47,207,156,.45);box-shadow:none;}
#investor-view .ex2-destination summary {display:flex;align-items:center;gap:6px;list-style:none;}
#investor-view .ex2-destination summary::-webkit-details-marker {display:none;}
#investor-view .ex2-destination summary>.ex3-disclosure {margin-left:auto;}
#investor-view .ex2-destination[open] summary>.ex3-disclosure {transform:rotate(180deg);}
#investor-view .ex2-legacy>summary>.ex3-icon {margin-right:6px;}
#investor-view .ex3-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:160px;padding:28px 16px!important;color:var(--muted)!important;line-height:1.7;font-size:12px;}
#investor-view .ex3-empty>.ex3-icon {width:30px;height:30px;color:var(--muted);padding:12px;box-sizing:content-box;background:rgba(180,194,222,.035);border:1px solid var(--border);border-radius:14px;}
#investor-view .ex2-error {display:flex;align-items:center;gap:10px;line-height:1.7;}
#investor-view .ex2-error .ex3-icon {width:22px;height:22px;}
#investor-view button:disabled {opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;}
@media(min-width:901px){#vx-tabbar{display:none!important;}#investor-view .main{padding-bottom:32px!important;}}
@media(max-width:900px){
 #investor-view #vx-summary{padding:16px!important;}
 #investor-view .ex2-position>summary{min-height:76px;}
 #investor-view .ex2-withdrawal{padding:16px;}
 #vx-tabbar{width:min(360px,calc(100% - 24px));justify-content:space-between;padding:6px!important;border-radius:20px!important;}
 #vx-tabbar button{flex:1;gap:5px!important;border-radius:14px!important;}
 #vx-tabbar button .ex3-icon{width:20px;height:20px;}
 #vx-tabbar button:focus-visible{outline:2px solid #d4af5e;outline-offset:0;}
}
@media(max-width:700px){
 #investor-view #vx-summary .ex-assets{padding-left:0;}
 #investor-view #vx-summary .vx-row{gap:8px!important;padding:14px 0!important;}
 #investor-view #vx-summary .vx-row>span:first-child{width:30px!important;height:30px!important;border-radius:8px!important;}
 #investor-view .ex-actions button{min-height:70px;}
 #investor-view .ex2-wd-heading>b{font-size:22px;}
 #investor-view .topbar-right>.btn-sm{font-size:0;padding:8px!important;min-width:36px;}
 #investor-view .topbar-right>.btn-sm .ex3-icon{width:17px;height:17px;}
 #investor-view .ex2-position-detail{padding:2px 10px 12px;}
 #investor-view .ex2-position-detail dd{font-size:12px;}
 #investor-view #vx-summary .ex-balances>div:nth-child(3){padding-left:14px!important;}
}
@media(prefers-reduced-motion:reduce){#investor-view button:active{transform:none!important;}}
#investor-view .ex3-legacy-marker{display:none!important;}
#investor-view .ex3-inline-icon{width:16px;height:16px;margin-right:3px;}
#investor-view #theme-label{font-size:0;display:inline-flex;align-items:center;}
#investor-view #theme-label::before{content:'';width:14px;height:14px;background:var(--muted2);mask:url('../assets/ui/moon.svg') center/contain no-repeat;-webkit-mask:url('../assets/ui/moon.svg') center/contain no-repeat;}
body.light-mode #investor-view #theme-label::before{mask-image:url('../assets/ui/sun.svg');-webkit-mask-image:url('../assets/ui/sun.svg');}