#portfolio-dialog,#portfolio-editor,.pf-confirm{box-sizing:border-box;height:fit-content;min-height:0;max-height:calc(100dvh - 32px);padding:24px;border:1px solid #293443;border-radius:14px;background:#10161e;color:#d9e2ee;box-shadow:0 25px 80px #0009;color-scheme:dark;overflow:auto;font:13px/1.5 Inter,Segoe UI,sans-serif}
#portfolio-dialog{width:960px;max-width:calc(100vw - 32px)}#portfolio-editor{width:440px;max-width:calc(100vw - 32px)}.pf-confirm{width:330px;max-width:calc(100vw - 32px)}
#portfolio-dialog::backdrop,#portfolio-editor::backdrop,.pf-confirm::backdrop{background:#03070b99;backdrop-filter:blur(3px)}
:is(#portfolio-dialog,#portfolio-editor) header{display:flex;align-items:center;justify-content:space-between;position:static;background:none;padding:0;margin:0 0 20px;border:0;gap:12px}
:is(#portfolio-dialog,#portfolio-editor,.pf-confirm) h2{font-size:19px;font-weight:550;margin:0;letter-spacing:-.4px}.pf-eyebrow{font-size:9px;letter-spacing:.12em;color:#768da7}
:is(#portfolio-dialog,#portfolio-editor,.pf-confirm) button{font:inherit;font-size:12px;border:1px solid #2c3949;border-radius:6px;color:#c7d4e5;background:transparent;padding:6px 10px;cursor:pointer;min-height:32px}
:is(#portfolio-dialog,#portfolio-editor) .pf-close{border:0;font-size:24px;line-height:24px;width:30px;height:30px;min-height:30px;padding:0;color:#90a2b8}
:is(#portfolio-dialog,#portfolio-editor,.pf-confirm) button:hover{background:#ffffff08}:is(#portfolio-dialog,#portfolio-editor,.pf-confirm) button:focus-visible{outline:2px solid #8faccf;outline-offset:2px}
.pf-tools{display:flex;gap:8px;margin-bottom:10px}.pf-note{font-size:11px;line-height:1.6;color:#899aaf;margin:10px 0}.pf-currency{padding:14px 16px;border:1px solid #253141;border-radius:10px;margin:16px 0;background:#141c26}.pf-currency h3{font-size:11px;letter-spacing:.06em;color:#91a7c0;margin:0 0 10px}.pf-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pf-metrics span{display:block;font-size:11px;color:#8e9eb3}.pf-metrics strong{display:block;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;margin-top:4px}.pf-up{color:#42cda7!important}.pf-down{color:#ef7888!important}
#portfolio-dialog .pf-table-wrap{overflow:auto}#portfolio-dialog table{width:100%;min-width:680px;border-collapse:collapse;table-layout:auto}#portfolio-dialog th,#portfolio-dialog td{padding:12px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid #ffffff09;font-size:12px;height:auto}#portfolio-dialog th{font-size:10px;color:#889bb3;font-weight:500;background:none;position:static}#portfolio-dialog th:first-child,#portfolio-dialog td:first-child{text-align:left;width:auto;min-width:0}#portfolio-dialog small{display:block;font-size:10px;color:#8597ae;margin-top:3px}#portfolio-dialog td strong{font-weight:500}.pf-empty{text-align:center;padding:42px 12px;color:#8497b0}.pf-empty h3{color:#d1deec;font-size:16px;font-weight:500}.pf-empty p{font-size:12px}
#pf-history{margin-top:24px;border-top:1px solid #263141;padding-top:14px}#pf-history summary{cursor:pointer;font-size:12px;color:#a6b9d0}.pf-transaction{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1fr) auto auto;gap:10px;align-items:center;border-bottom:1px solid #ffffff0b;padding:12px 0;font-size:12px}.pf-transaction strong{font-weight:500}
#portfolio-editor label{display:block;font-size:11px;color:#9dadc1;margin:0}#portfolio-editor input,#portfolio-editor select{box-sizing:border-box;width:100%;height:38px;min-width:0;margin:6px 0 0;padding:8px 10px;border:1px solid #304054;border-radius:6px;background:#0b1119;color:#e2eaf3;font-family:inherit;font-size:13px;line-height:1.3}#portfolio-editor input:focus,#portfolio-editor select:focus{outline:1px solid #88a7c9;border-color:#88a7c9}.pf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}#pf-results{max-height:190px;overflow:auto}#pf-results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #ffffff09;padding:9px 6px;font-size:11px}
:is(#portfolio-editor,.pf-confirm) footer{display:flex;flex-direction:row;justify-content:flex-end;gap:8px;padding:0;margin:20px 0 0;border:0;background:none}#portfolio-editor .pf-primary{background:#b0c6df;color:#132134;border-color:#b0c6df}#pf-error{font-size:12px;color:#f2919f;margin:12px 0 0}#pf-error:empty{display:none}
@media(max-width:700px){#portfolio-dialog{padding:18px 14px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px)}#portfolio-editor{padding:18px}.pf-metrics{grid-template-columns:1fr;gap:12px}.pf-metrics>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pf-metrics strong{font-size:15px}.pf-currency{padding:12px}.pf-transaction{grid-template-columns:1fr 1fr}.pf-transaction button{justify-self:start}#portfolio-editor input,#portfolio-editor select{font-size:16px;height:42px}.pf-form-grid{grid-template-columns:1fr 1fr}.pf-form-grid label:nth-child(2){grid-column:1/-1;grid-row:2}#portfolio-dialog table{min-width:610px}#portfolio-open{display:inline-flex!important}}
#portfolio-dialog .pf-mobile-quantity{display:none}
@media(max-width:700px){#portfolio-dialog table{min-width:0}#portfolio-dialog th,#portfolio-dialog td{padding:10px 4px;font-size:11px;white-space:normal;overflow-wrap:anywhere}#portfolio-dialog th{font-size:9px}#portfolio-dialog .pf-mobile-hide{display:none}#portfolio-dialog .pf-mobile-quantity{display:block}#portfolio-dialog td:first-child{max-width:100px}#portfolio-dialog small{font-size:9px}}
#portfolio-open,.manager-toolbar #portfolio-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:28px;margin-left:auto;padding:4px 10px;border:1px solid #394b6266;border-radius:7px;background:linear-gradient(150deg,#1c293877,#111a2444);color:#b9cce3;font:500 11px/18px Inter,Segoe UI,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
#portfolio-open svg{width:14px;height:14px;flex:none;color:#8faccc}
#portfolio-open:hover{background:#1c2938;border-color:#627e9e99;color:#e3edf9}
#portfolio-open:focus-visible{outline:2px solid #91adce;outline-offset:3px}
.site-actions.standalone{justify-content:flex-start}
@media(min-width:701px){.manager-toolbar>#portfolio-open{order:90}.manager-toolbar:has(>#portfolio-open)>.global-search-wrap{margin-left:0}}
@media(max-width:700px){#portfolio-open{min-height:30px;padding:4px 9px;font-size:10px}.site-actions.standalone #portfolio-open svg{width:14px;height:14px}}
/* The portfolio is a peer of watchlists, not an overlay. */
#portfolio-dialog{position:static;width:100%;max-width:none;max-height:none;height:auto;margin:0 0 18px;padding:18px 14px;border:1px solid #263242;border-radius:12px;box-shadow:none;background:#0e141c;overflow:visible}
#portfolio-dialog[hidden]{display:none}
#portfolio-dialog>header{margin:0 0 12px;padding:0 0 14px;border-bottom:1px solid #ffffff0a;gap:12px}
#portfolio-dialog h2{font-size:18px;font-weight:500}
#portfolio-dialog .pf-tools{margin:0}
#portfolio-dialog #pf-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
#portfolio-dialog .pf-currency{margin:8px 0 14px}
#portfolio-dialog .pf-metrics strong{font-size:16px}
#portfolio-dialog .pf-note{margin:8px 0}
.region-watchlists>#portfolio-open{margin:0;order:0;min-height:32px;padding:5px 10px;gap:7px;border-radius:7px;font:500 11px/20px Inter,Segoe UI,sans-serif;background:#19273780;border-color:#364e6866;color:#b8cbe3}
.region-watchlists>#portfolio-open.active{background:#243b53;border-color:#6687a9aa;color:#edf5ff}
@media(max-width:700px){#portfolio-dialog{padding:12px 10px;max-width:none;max-height:none;border-radius:9px}#portfolio-dialog h2{font-size:16px}#portfolio-dialog .pf-tools{gap:5px}#portfolio-dialog .pf-tools button{padding:5px 7px;font-size:10px}#portfolio-dialog #pf-summary{grid-template-columns:1fr}.region-watchlists>#portfolio-open{min-height:28px;padding:3px 8px;font-size:10px;line-height:20px;gap:5px}.region-watchlists>#portfolio-open svg{width:13px;height:13px}}
#portfolio-dialog .pf-currency{padding:9px 12px;margin:4px 0 8px;border-radius:8px;display:flex;gap:18px;align-items:center}
#portfolio-dialog .pf-currency h3{margin:0;font-size:10px;min-width:36px}
#portfolio-dialog .pf-metrics{flex:1;gap:18px}
#portfolio-dialog .pf-metrics span{font-size:10px}
#portfolio-dialog .pf-metrics strong{font-size:14px;line-height:20px;margin-top:1px}
#portfolio-dialog>header{padding-bottom:10px;margin-bottom:8px}
#portfolio-dialog #pf-summary{grid-template-columns:1fr;gap:2px}
.pf-cash-heading{font-size:11px;color:#90a6c0;margin:18px 0 6px}.pf-cash-row{display:flex;align-items:center;gap:18px;padding:10px;border-bottom:1px solid #ffffff0a}.pf-cash-row>div{flex:1}.pf-cash-row strong{font-size:12px;font-weight:500}.pf-cash-amount{margin-top:14px!important}#pf-cash-custom{margin-top:12px}#pf-cash-custom[hidden]{display:none}
@media(max-width:700px){#portfolio-dialog>header{flex-wrap:wrap}#portfolio-dialog .pf-currency{display:block;padding:9px 10px}#portfolio-dialog .pf-currency h3{margin-bottom:5px}#portfolio-dialog .pf-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#portfolio-dialog .pf-metrics>div{display:block}#portfolio-dialog .pf-metrics span{font-size:9px;line-height:13px}#portfolio-dialog .pf-metrics strong{font-size:12px;overflow-wrap:anywhere;line-height:17px}#portfolio-dialog .pf-tools{flex-wrap:wrap}.pf-cash-row{gap:10px}}

#pf-storage:empty{display:none}
.pf-total-heading{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:4px 0 6px;font-size:10px;color:#91a5bd}
#pf-currency-switch{display:flex;gap:2px;padding:2px;border:1px solid #28394c;border-radius:7px;background:#0a1119}
#portfolio-dialog #pf-currency-switch button{min-height:24px;padding:2px 10px;border:0;background:none;font-size:11px;color:#8ea4be;line-height:20px}
#portfolio-dialog #pf-currency-switch button.active{color:#edf5ff;background:#263a51}
#portfolio-dialog .pf-total .pf-metrics strong{font-variant-numeric:tabular-nums;font-size:16px}
@media(max-width:700px){#portfolio-dialog .pf-total .pf-metrics strong{font-size:12px}#portfolio-dialog #pf-currency-switch button{min-height:30px;padding:4px 9px}.pf-total-heading{margin-top:10px}}
#portfolio-dialog .pf-cash-name{display:flex;align-items:center;gap:9px}
#portfolio-dialog .pf-cash-name button{min-height:22px;line-height:16px;padding:2px 6px;font-size:10px;color:#8ea7c5;border-color:#ffffff10;background:transparent}
#portfolio-dialog .pf-cash-name button:hover{color:#dcecff;border-color:#6683a966;background:#ffffff05}
#portfolio-dialog .pf-not-applicable{color:#62758d}
@media(max-width:700px){#portfolio-dialog .pf-cash-name{gap:5px;flex-wrap:wrap}#portfolio-dialog .pf-cash-name button{min-height:28px;padding:3px 6px;font-size:10px}}

#portfolio-dialog .pf-asset{display:flex;align-items:center;gap:9px}#portfolio-dialog .pf-asset-text{min-width:0}#portfolio-dialog .pf-asset-logo{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#1d2b3a;color:#abc0d7;font-size:9px;overflow:hidden}#portfolio-dialog .pf-asset-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#10161e}#portfolio-dialog #pf-sort-value{padding:0;min-height:24px;border:0;font:inherit;color:inherit;text-transform:uppercase;white-space:nowrap}#pf-sort-value span{margin-left:4px;color:#819bb7}@media(max-width:700px){#portfolio-dialog .pf-asset{gap:6px}#portfolio-dialog .pf-asset-logo{width:22px;height:22px;flex-basis:22px}}

#pf-position-menu{position:fixed;z-index:10050;min-width:146px;padding:5px;border:1px solid #304054;border-radius:9px;background:#141d28;box-shadow:0 12px 32px #0006}#pf-position-menu[hidden]{display:none}#pf-position-menu button{display:block;width:100%;padding:8px 11px;border:0;border-radius:5px;text-align:left;font:12px Inter,Segoe UI,sans-serif;background:none;color:#d6e2f0;cursor:pointer}#pf-position-menu button:hover,#pf-position-menu button:focus-visible{background:#25364a;outline:none}#pf-position-menu [data-action=delete]{color:#ed98a1}.pf-edit-transactions{display:grid;gap:6px;max-height:300px;overflow:auto}#portfolio-dialog tr[data-position-key]{-webkit-touch-callout:none}#portfolio-dialog tr[data-position-key]:focus-visible{outline:1px solid #718fae;outline-offset:-1px}

/* Keep the currency selector inside the summary without a separate toolbar. */
#portfolio-dialog .pf-total{display:flex;align-items:center;gap:16px}#portfolio-dialog .pf-total .pf-metrics{min-width:0}#portfolio-dialog .pf-total #pf-currency-switch{flex:none;margin-left:auto} @media(max-width:700px){#portfolio-dialog .pf-total{flex-wrap:wrap;gap:8px}#portfolio-dialog .pf-total .pf-metrics{flex:1 1 100%}#portfolio-dialog .pf-total #pf-currency-switch{margin-left:auto}}

#portfolio-dialog table:has(.pf-performance){min-width:1050px}#portfolio-dialog .pf-performance{font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:9px;padding-right:9px}@media(max-width:700px){#portfolio-dialog table:has(.pf-performance){min-width:650px}#portfolio-dialog table:has(.pf-performance) td:first-child{min-width:125px}#portfolio-dialog .pf-performance{font-size:10px;padding-left:8px;padding-right:8px}}

#portfolio-dialog .pf-column-sort{border:0;padding:0;min-height:24px;color:inherit;font:inherit;text-transform:uppercase;white-space:nowrap}#portfolio-dialog .pf-column-sort span{color:#819bb7;margin-left:3px}#portfolio-dialog .pf-last{white-space:nowrap;font-variant-numeric:tabular-nums}#portfolio-dialog table:has(.pf-performance){min-width:1150px}@media(max-width:700px){#portfolio-dialog table:has(.pf-performance){min-width:750px}}

#portfolio-dialog .pf-asset-text>small:not(.pf-mobile-quantity){max-width:190px;white-space:normal;line-height:1.35}#portfolio-dialog .pf-not-applicable{color:#748396}

.region-watchlists>.portfolio-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;min-height:32px;padding:5px 10px;border:1px solid #364e6866;border-radius:7px;background:#19273780;color:#b8cbe3;font:500 11px/20px Inter,Segoe UI,sans-serif;cursor:pointer}.region-watchlists>.portfolio-tab svg{width:14px;height:14px;flex:none}.region-watchlists>.portfolio-tab.active{background:#243b53;border-color:#6687a9aa;color:#edf5ff}
#portfolio-dialog>header{gap:16px;align-items:center}#portfolio-dialog>header>div:first-child{flex:0 1 auto;min-width:0}#portfolio-dialog>header h2{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#portfolio-dialog>header #pf-summary{flex:1;min-width:420px}#portfolio-dialog>header .pf-total{margin:0;gap:12px;padding:7px 10px}#portfolio-dialog>header .pf-metrics{gap:14px}#portfolio-dialog>header .pf-metrics span{font-size:9px}#portfolio-dialog>header .pf-metrics strong{font-size:14px}#portfolio-dialog>header .pf-tools{flex:none}
#personal-create-menu{position:fixed;z-index:10050;min-width:175px;padding:5px;border:1px solid #304054;border-radius:9px;background:#141d28;box-shadow:0 12px 32px #0006}#personal-create-menu[hidden]{display:none}#personal-create-menu button{display:block;width:100%;padding:9px 12px;border:0;border-radius:5px;text-align:left;background:none;color:#d6e2f0;font:12px Inter,Segoe UI,sans-serif;cursor:pointer}#personal-create-menu button:hover,#personal-create-menu button:focus-visible{background:#25364a;outline:none}
#portfolio-name-dialog{padding:18px;width:340px}#portfolio-name-dialog h2{font-size:16px;margin-bottom:14px}#portfolio-name-dialog label{display:block;font-size:11px;color:#91a5bd}#portfolio-name-dialog input{box-sizing:border-box;width:100%;margin-top:6px;padding:9px 10px;border:1px solid #304054;border-radius:6px;background:#0b1119;color:#e2eaf3;font:13px Inter,Segoe UI,sans-serif}#portfolio-name-dialog [role=alert]:empty{display:none}#portfolio-name-dialog [role=alert]{color:#ef7888;font-size:11px}
@media(max-width:1100px){#portfolio-dialog>header{flex-wrap:wrap}#portfolio-dialog>header .pf-tools{margin-left:auto}#portfolio-dialog>header #pf-summary{order:3;flex:1 1 100%;min-width:0}}@media(max-width:700px){.region-watchlists>.portfolio-tab{min-height:28px;padding:3px 8px;font-size:10px;line-height:20px}#portfolio-dialog>header{gap:8px}#portfolio-dialog>header h2{max-width:150px}#portfolio-dialog>header .pf-metrics strong{font-size:12px}}

.pf-add-cash-section{margin-top:16px;padding-top:13px;border-top:1px solid #ffffff12}.pf-add-cash-section>summary{cursor:pointer;color:#bdcfe3;font-size:12px;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between}.pf-add-cash-section>summary::-webkit-details-marker{display:none}.pf-add-cash-section>summary::after{content:"+";font-size:16px;color:#90a7c1}.pf-add-cash-section[open]>summary::after{content:"−"}.pf-add-cash-section>div{padding-top:14px}.pf-add-cash-section #pf-cash-error{font-size:12px;color:#f2919f}.pf-add-cash-section #pf-cash-error:empty{display:none}

#crypto-currency-switch{display:flex;align-items:center;gap:2px;margin-left:12px;padding:2px;border:1px solid #28394c;border-radius:7px;background:#0a1119}#crypto-currency-switch[hidden]{display:none}#crypto-currency-switch button{min-height:24px;padding:2px 10px;border:0;border-radius:5px;background:none;font:11px/20px Inter,Segoe UI,sans-serif;color:#8ea4be;cursor:pointer}#crypto-currency-switch button.active{color:#edf5ff;background:#263a51}#crypto-currency-switch button:focus-visible{outline:1px solid #91adce;outline-offset:2px}@media(max-width:700px){#crypto-currency-switch{margin-left:6px}#crypto-currency-switch button{min-height:30px;padding:4px 7px;font-size:10px}}
/* Quote updates never participate in sizing the summary or the table columns. */
#portfolio-dialog .pf-metrics{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
#portfolio-dialog .pf-metrics>div{min-width:0}
#portfolio-dialog .pf-metrics strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
#portfolio-dialog table{table-layout:fixed}
#portfolio-dialog th,#portfolio-dialog td{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
#portfolio-dialog th:nth-child(1){width:16%}
#portfolio-dialog th:nth-child(2){width:10%}
#portfolio-dialog th:nth-child(3){width:9%}
#portfolio-dialog th:nth-child(4){width:10%}
#portfolio-dialog th:nth-child(5),#portfolio-dialog th:nth-child(6){width:11%}
#portfolio-dialog th:nth-child(7){width:7%}
#portfolio-dialog th:nth-child(n+8){width:5.2%}
#portfolio-dialog .pf-asset-text{overflow:hidden}
#portfolio-dialog .pf-asset-text>strong,#portfolio-dialog .pf-asset-text>small:not(.pf-mobile-quantity){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){
 #portfolio-dialog th:nth-child(1){width:22%}
 #portfolio-dialog th:nth-child(2){width:14%}
 #portfolio-dialog th:nth-child(5),#portfolio-dialog th:nth-child(6){width:16%}
 #portfolio-dialog th:nth-child(n+8){width:6.4%}
}
#portfolio-dialog tr[data-pf-chart]{cursor:pointer}#portfolio-dialog tr[data-pf-chart]:hover{background:#ffffff03}
.pf-mobile-view{display:none}
#portfolio-dialog td:first-child{position:relative;padding-right:27px}
#portfolio-dialog .row-options{position:absolute;right:1px;top:50%;transform:translateY(-50%);width:25px;min-height:28px;padding:0;border:0;font-size:17px;color:#94a8bf;opacity:0}
#portfolio-dialog tr:hover .row-options,#portfolio-dialog tr:focus-within .row-options{opacity:1}
#portfolio-dialog .pf-mobile-quantity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px),(pointer:coarse) and (max-width:1000px) and (max-height:600px){
 #portfolio-dialog table,#portfolio-dialog table:has(.pf-performance){min-width:0;width:100%;table-layout:fixed}
 #portfolio-dialog [data-pf-mobile="false"]{display:none}
 #portfolio-dialog th,#portfolio-dialog th:nth-child(n){width:29%;min-width:0}
 #portfolio-dialog th[data-pf-column="asset"]{width:42%}
 #portfolio-dialog table:has(.pf-performance) td:first-child{min-width:0;max-width:none}
 #portfolio-dialog th,#portfolio-dialog td{padding:12px 4px;font-size:11px;white-space:nowrap}
 #portfolio-dialog td:first-child{padding-right:24px}
 #portfolio-dialog small{font-size:10px;line-height:1.4}
 #portfolio-dialog .row-options{opacity:1;width:22px;min-height:32px}
 #portfolio-dialog .pf-asset-logo{width:22px;height:22px;flex-basis:22px}
 #portfolio-dialog .pf-asset{gap:6px}
 #portfolio-dialog .pf-mobile-quantity{display:block;font-size:9px}
 #portfolio-dialog .pf-column-sort{min-height:32px;font-size:10px}
 .pf-mobile-view{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:4px 0;color:#94a8bf;font-size:11px}
 .pf-mobile-view[hidden]{display:none}
 .pf-mobile-view select{min-height:32px;padding:3px 7px;border:1px solid #2b394a;border-radius:6px;background:#111a24;color:#d6e3f3;font:inherit}
}