.selected-col .selected-bar{background:linear-gradient(180deg,color-mix(in srgb,var(--type-color,#1769aa) 78%,white),var(--type-color,#1769aa))!important;box-shadow:0 -7px 18px color-mix(in srgb,var(--type-color,#1769aa) 28%,transparent)!important}.selected-col.active .selected-bar{outline:3px solid color-mix(in srgb,var(--type-color,#1769aa) 30%,transparent);outline-offset:2px}.asset-type-legend{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-7px 0 14px;padding:9px 12px;background:#f4f8fa;border:1px solid #dce8ed;border-radius:12px}.asset-type-legend span{display:inline-flex;align-items:center;gap:5px;color:#526b7c;font-size:.72rem}.asset-type-legend i{width:10px;height:10px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15)}:root.dark .asset-type-legend{background:#142a25;border-color:#304b43}:root.dark .asset-type-legend span{color:#c2d5ce}@media(max-width:600px){.asset-type-legend{gap:7px}.asset-type-legend span{font-size:.66rem}}

.portfolio-clickable{cursor:pointer;border-radius:10px 10px 0 0;transition:background .2s,transform .2s}.portfolio-clickable:hover,.portfolio-clickable:focus-visible{background:color-mix(in srgb,var(--type-color,#1769aa) 8%,transparent);outline:2px solid color-mix(in srgb,var(--type-color,#1769aa) 34%,transparent);outline-offset:2px}.portfolio-clickable.active{background:linear-gradient(180deg,color-mix(in srgb,var(--type-color,#1769aa) 12%,transparent),transparent)}.portfolio-clickable .graph-bar{background:linear-gradient(180deg,color-mix(in srgb,var(--type-color,#1769aa) 72%,white),var(--type-color,#1769aa))!important;box-shadow:0 -7px 18px color-mix(in srgb,var(--type-color,#1769aa) 28%,transparent)!important}.portfolio-clickable.active .graph-bar{outline:3px solid color-mix(in srgb,var(--type-color,#1769aa) 34%,transparent);outline-offset:2px;filter:saturate(1.18) brightness(1.04)}.portfolio-type-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 8px;padding:9px 12px;background:#f4f8fa;border:1px solid #dce8ed;border-radius:12px}.portfolio-type-legend span{display:inline-flex;align-items:center;gap:6px;color:#526b7c;font-size:.74rem}.portfolio-type-legend i{width:11px;height:11px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.14)}.portfolio-graph-details{margin:8px 0 4px;border:1px solid #cfe1e7;border-radius:15px;background:linear-gradient(105deg,#f7fcfb,#f4f8fc);padding:14px 16px;min-height:70px}.portfolio-detail-placeholder{color:#718593;text-align:center;padding:9px}.portfolio-detail-head{display:flex;justify-content:space-between;align-items:start;gap:14px}.portfolio-detail-head small,.portfolio-detail-head strong{display:block}.portfolio-detail-head small{color:#6f8290;font-size:.72rem}.portfolio-detail-head strong{color:#102f48;margin-top:4px}.portfolio-detail-head>span{background:color-mix(in srgb,var(--detail-type,#1769aa) 13%,white);color:var(--detail-type,#1769aa);border-right:4px solid var(--detail-type,#1769aa);padding:6px 10px;border-radius:12px;font-size:.74rem}.portfolio-detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.portfolio-detail-grid>div{border-right:3px solid var(--green2);background:#fff;border-radius:9px;padding:8px}.portfolio-detail-grid small{display:block;color:#718593;font-size:.66rem}.portfolio-detail-grid b{display:block;color:#153650;margin-top:3px;font-size:.82rem}.portfolio-graph-details p{margin:10px 0 0;color:#607483;font-size:.76rem;line-height:1.7}:root.dark .portfolio-type-legend{background:#142a25;border-color:#304b43}:root.dark .portfolio-type-legend span{color:#c2d5ce}:root.dark .portfolio-graph-details{background:linear-gradient(105deg,#142b26,#162a3a);border-color:#345149}:root.dark .portfolio-detail-head strong,:root.dark .portfolio-detail-grid b{color:#f0f7f4}:root.dark .portfolio-detail-head small,:root.dark .portfolio-detail-grid small,:root.dark .portfolio-graph-details p,:root.dark .portfolio-detail-placeholder{color:#abc0b8}:root.dark .portfolio-detail-grid>div{background:#10231e}:root.dark .portfolio-detail-head>span{background:color-mix(in srgb,var(--detail-type,#1769aa) 18%,#10231e)}@media(max-width:800px){.portfolio-detail-grid{grid-template-columns:repeat(2,1fr)}.portfolio-detail-head{flex-direction:column}}