/* Approved Portfolio composition. Scoped so other Observatory surfaces keep their layout. */
body:has(.cm-portfolio-workspace),body:has(.cm-portfolio-workspace) #root,body:has(.cm-portfolio-workspace) #view{min-height:0!important}
.obs-app-shell:has(.cm-portfolio-workspace){grid-template-columns:225px 20px minmax(0,1fr);padding:0 16px 22px 0;min-height:0;align-items:start;background:radial-gradient(ellipse at 86% 0,rgba(0,91,157,.12),transparent 40%),#020d16;border-bottom:1px solid #16384c}
.obs-app-shell:has(.cm-portfolio-workspace)>.obs-dlm-sidebar{align-self:start;position:sticky;top:66px;max-height:calc(100dvh - 78px);min-height:0!important;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(130deg,#031624,#03101a);border:0;border-radius:0;padding:10px 8px}
.obs-app-shell:has(.cm-portfolio-workspace) .obs-dlm-sidebar-nav button{min-height:56px;font-size:14px}
.obs-app-shell:has(.cm-portfolio-workspace) .obs-dlm-focus-card{display:none}
.obs-app-shell:has(.cm-portfolio-workspace)>.obs-app-content{padding:0;min-width:0}
/* Market rotation is available from navigation and token details, not an extra banner above holdings. */
.obs-app-content:has(.cm-portfolio-workspace)>[data-mr-context]{display:none}
body:has(.cm-portfolio-workspace) .obs-app-topbar{height:62px;grid-template-columns:225px 20px minmax(0,1fr) 12px max-content}
body:has(.cm-portfolio-workspace) .obs-app-brand{height:62px}
.cm-portfolio-workspace{max-width:none!important;margin:0;padding:18px 0 0!important;font:14px/1.4 'Inter',sans-serif;color:#edf4fc}
.cm-portfolio-workspace *{box-sizing:border-box}
.cm-portfolio-workspace [hidden]{display:none!important}
.cm-portfolio-workspace button,.cm-portfolio-workspace input,.cm-portfolio-workspace select{font:inherit}
.cm-portfolio-workspace button{cursor:pointer}
.cm-portfolio-workspace button:disabled{cursor:default;opacity:.45}
.cm-portfolio-workspace :is(button,input,select,summary):focus-visible{outline:2px solid #34dfff;outline-offset:3px}
.cm-portfolio-workspace h1,.cm-portfolio-workspace h2,.cm-portfolio-workspace h3,.cm-portfolio-workspace p{margin:0}
.pw-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 10px 14px}
.pw-heading h1{font:700 42px/1.1 'Inter',sans-serif;letter-spacing:-1.5px}
.pw-heading p{margin-top:5px;color:#a6d8f6;font-size:20px}
.pw-heading>div:last-child{display:flex;gap:12px}
.pw-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid #276487;border-radius:6px;background:linear-gradient(145deg,#062139,#020d18);color:#d2eafa;white-space:nowrap}
.pw-button:hover{border-color:#19d9ff;background:#082a43}
.pw-button.pw-primary{border-color:#06caff;background:linear-gradient(140deg,#007bcb,#033b71);color:#fff;box-shadow:inset 0 0 15px #019fea24}
.pw-heading .pw-button{min-height:44px;font-size:15px}
.pw-summary{position:relative;display:grid;grid-template-columns:1.1fr .85fr 1.05fr .6fr 1.15fr 1.25fr;isolation:isolate;min-height:106px;align-items:center;border:1px solid #287391;border-radius:8px;background:linear-gradient(90deg,#021420ee,#00101ac9),url('./assets/decision-lab/lunar-horizon.webp') center 45%/cover;margin-bottom:13px;overflow:hidden}
.pw-summary:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:-23px;top:-12px;width:230px;height:230px;background:url('./assets/decision-lab/moon.webp') center/contain no-repeat;transform:rotate(-28deg);opacity:.9}
.pw-metric{display:flex;gap:17px;align-items:center;padding:0 17px;min-width:0}
.pw-summary>.pw-metric+.pw-metric,.pw-goal-button{border-left:1px solid #174057}
.pw-metric>i{display:grid;place-items:center;flex:0 0 51px;width:51px;height:51px;border:1px solid #006999;border-radius:50%;background:#03345440;color:#55d9ff}
.pw-metric svg{width:28px;height:28px}
.pw-metric>div{min-width:0}
.pw-metric strong{display:block;font-size:22px;font-weight:700;line-height:1.22;white-space:nowrap}
.pw-metric span{display:block;color:#accee6;margin-top:3px;font-size:14px}
.pw-metric small{color:#a6c3d9;font-size:12px}
.pw-summary>.pw-wallet strong{font-size:29px;letter-spacing:-.5px}
.pw-risk strong,.pw-risk span{color:#ffc038}
.pw-risk strong{font-size:17px;text-transform:uppercase}
.pw-risk>i{color:#ffc038;border-color:#aa7e27;background:#76520020}
.pw-goal-button{background:transparent;border-top:0;border-right:0;border-bottom:0;color:inherit;text-align:left;padding:0;min-height:72px;padding-right:85px}
.pw-goal-button .pw-metric{gap:13px}
.pw-goal>i{color:#00dfdb;border-color:#008487}
.pw-goal strong{font-size:22px;text-shadow:0 1px 4px #000}
.pw-goal-form{display:flex;align-items:end;gap:10px;padding:12px;border:1px solid #245c76;margin-bottom:12px}
.pw-goal-form label{display:flex;flex-direction:column;gap:5px}
.pw-content{display:grid;grid-template-columns:minmax(0,1.49fr) minmax(440px,1fr);gap:12px;align-items:start}
.pw-panel{border:1px solid #235674;border-radius:7px;background:linear-gradient(120deg,#031522f5,#041827e8 65%,#00101b);min-width:0}
.pw-holdings{padding:14px 12px 0}
.pw-table-heading{display:flex;align-items:center;gap:8px;margin:0 4px 12px;min-height:42px}
.pw-table-heading h2{font-size:25px;letter-spacing:-.5px;margin-right:auto;white-space:nowrap}
.pw-search{display:flex;align-items:center;gap:7px;border:1px solid #285975;border-radius:6px;padding:0 8px;width:178px;height:37px;background:#00101b}
.pw-search svg{width:19px;height:19px;flex:0 0 19px;color:#b7dcf2}
.pw-search input{min-width:0;width:100%;border:0!important;padding:0!important;background:transparent!important;height:32px;color:#d7eafa;font-size:12px!important}
.pw-filters{display:flex;gap:6px}
.pw-filters .pw-button{min-height:36px;padding:7px 9px;font-size:12px}
.pw-filters .active{border-color:#00d3ff;background:linear-gradient(#07547e,#00365a);color:white;box-shadow:inset 0 0 8px #00c4ff22}
.pw-table-scroll{overflow-x:auto;scrollbar-width:thin}
.pw-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;table-layout:auto;text-align:left}
.pw-table th{height:44px;background:#051c2b;color:#a4c5de;font-size:11px;font-weight:400;border-top:1px solid #163d54;border-bottom:1px solid #163d54;padding:0 7px}
.pw-table th button{border:0;background:none;color:inherit;padding:0}
.pw-table td{height:69px;padding:0 7px;border-top:1px solid transparent;border-bottom:1px solid #102e41;font-size:12px;font-weight:600}
.pw-table tr.selected td{border-top-color:#00cbec;border-bottom-color:#00cbec;background:#00334e66}
.pw-table tr.selected td:first-child{border-left:1px solid #00cbec;border-radius:7px 0 0 7px}
.pw-table tr.selected td:last-child{border-right:1px solid #00cbec;border-radius:0 7px 7px 0}
.pw-table .pw-qty{font-size:13px}
.pw-asset{display:flex;align-items:center;gap:9px;border:0;padding:0;color:#edf4fa;background:none;text-align:left;min-width:125px}
.pw-asset b{font-size:13px;font-weight:700}
.pw-asset small{display:block;color:#a4cce4;font-size:10px;font-weight:400;max-width:105px;overflow:hidden;text-overflow:ellipsis}
.pw-asset .obs-token-icon{width:43px;height:43px;flex:0 0 43px}
.cm-portfolio-workspace .obs-token-icon img{filter:none!important}
.pw-positive{color:#00f3b3}.pw-negative{color:#ff355e}
.pw-pnl{display:flex;flex-direction:column;gap:3px;line-height:1.25}
.pw-pnl-percent{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.pw-tp-buttons{display:flex;gap:4px}
.pw-tp-buttons button,.pw-pages button{min-width:35px;min-height:35px;padding:4px;border:1px solid #226083;border-radius:5px;background:linear-gradient(#062236,#020d16);color:#8cecff;font-size:10px}
.pw-tp-buttons button:hover,.pw-table .selected .pw-tp-buttons button{border-color:#00ceff;background:#00416c}
.pw-chevron{background:none;border:0;color:#b9e7fd;font-size:25px!important;min-width:22px;padding:0}
.pw-table-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:72px;font-size:12px;color:#b8d4e8}
.pw-pages{display:flex;align-items:center;gap:7px}
.pw-pages span{min-width:32px;text-align:center;color:#e5f4ff}
.pw-table-footer select,.pw-extra select{border:1px solid #205372;border-radius:5px;background:#031523;color:#beddf1;padding:6px}
.pw-button.pw-text{border:0;box-shadow:none;background:none;padding:4px 0;min-height:30px;color:#27dafa;font-size:11px}
.pw-extra{border-top:1px solid #14394e;font-size:11px;color:#9bbdd5}
.pw-extra summary{cursor:pointer;padding:8px 0}
.pw-extra>div{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}
.pw-extra .pw-button{font-size:11px}
.pw-tp{padding:16px 16px 8px}
.pw-token-head{position:relative;display:flex;align-items:center;gap:19px;margin-bottom:13px}
.pw-token-head>.obs-token-icon{width:64px;height:64px;flex:0 0 64px}
.pw-token-head h2{font-size:31px;line-height:1.25;font-weight:750;overflow-wrap:anywhere}
.pw-token-head p{font-size:17px;color:#a0c8e4}
.pw-close{position:absolute;top:-8px;right:-4px;border:0;background:none;color:#afd6ee;font-size:26px!important;min-width:35px;min-height:35px}
.pw-position-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:15px}
.pw-position-metrics .pw-metric{min-height:65px;padding:9px 12px;border:1px solid #17405a;border-radius:7px;background:linear-gradient(130deg,#06243b,#031623);gap:10px}
.pw-position-metrics .pw-metric>i{width:40px;height:40px;flex-basis:40px}
.pw-position-metrics svg{width:22px;height:22px}
.pw-position-metrics strong{font-size:19px;white-space:normal;overflow-wrap:anywhere}
.pw-position-metrics span{font-size:12px}
.pw-split-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px}
.pw-split-heading h3{font-size:17px;letter-spacing:-.4px}
.pw-split-heading small{font-size:10px;color:#a5cbe4;text-align:right}
.pw-tp fieldset{border:0;padding:0;margin:0;min-width:0}
.pw-tranche{display:grid;grid-template-columns:1.04fr 1.08fr 1fr;gap:10px;align-items:center;min-height:81px;padding:10px;border:1px solid #00cbd9;border-radius:9px;margin-bottom:7px;background:linear-gradient(120deg,#00293a77,#001322)}
.pw-tranche-2{border-color:#009de6;background:linear-gradient(120deg,#00385155,#001322)}
.pw-tranche-3{min-height:94px;border-color:#f1ad1b;background:linear-gradient(120deg,#72521922,#001322)}
.pw-tranche-title{display:flex;align-items:center;gap:11px}
.pw-tranche-title>i{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#00d7e9;color:#001321;font-size:19px;font-weight:700;font-style:normal;box-shadow:inset 0 0 10px #ffffff60}
.pw-tranche-2 .pw-tranche-title>i{background:#099fea}.pw-tranche-3 .pw-tranche-title>i{background:#ffba21}
.pw-tranche-title b{display:block;font-size:14px}
.pw-tranche-title small{display:block;font-size:10px;color:#a9d5ed;line-height:1.2;margin-top:4px}
.pw-tranche-3 .pw-tranche-title b,.pw-tranche-3 .pw-tranche-amount>span{color:#ffd050}
.pw-target{border-left:1px solid #18435b;padding-left:10px;color:#a2cce6;font-size:10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.cm-portfolio-workspace input:not([type="search"]){border:1px solid #205573;border-radius:5px;background:#011321;color:#dcf1ff;height:33px;padding:5px 9px;min-width:0;width:100%;font-size:13px}
.pw-tranche-amount{min-width:0;border-left:1px solid #153c54;padding-left:10px}
.pw-tranche-amount label{display:flex;align-items:center;gap:2px;color:#00e0ee;font-size:10px;white-space:nowrap}
.pw-tranche-amount label input{width:36px!important;padding:0 2px!important;height:24px!important;border-color:#23526b!important;font-size:12px!important;color:#00e0ee!important}
.pw-tranche-amount strong{display:block;font-size:18px;line-height:1.25;margin-top:4px;overflow-wrap:anywhere}
.pw-tranche-amount>span{display:block;font-size:10px}
.pw-tranche-amount small{display:block;color:#a3c7e2;font-size:10px;margin-top:6px}
.pw-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:#c9deed;font-size:13px;min-height:30px}
.pw-total b{color:#f3f8ff}
.pw-main-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:9px;margin-top:8px}
.pw-main-actions .pw-button{min-height:46px;padding:8px;font-size:13px}
.pw-main-actions .pw-primary{background:linear-gradient(120deg,#009cff,#0067e8);border-color:#1a9fff}
.pw-main-actions svg{width:20px;height:20px}
.pw-note{font-size:10px;color:#9cc5e0;margin-top:10px!important;line-height:1.5}
.pw-panel-links{display:flex;gap:18px;border-top:1px solid #16374c;margin-top:4px}
.pw-feedback:empty{display:none}.pw-feedback{padding-top:9px;font-size:12px;color:#ffe0a6}
.pw-reason{display:block;font-size:11px;color:#aecce1;margin-bottom:8px}.pw-reason input{margin-top:3px}
.pw-empty{padding:60px 22px;text-align:center;color:#9bc6df;min-height:300px}.pw-empty svg{width:60px;height:60px;color:#00cbe8}.pw-empty h2{margin:16px 0;font-size:23px;color:#e6f2fa}
.pw-capital{padding:20px;margin-top:12px}.pw-capital>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.pw-position-details{padding:10px 0}.pw-position-details dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pw-position-details dd{margin:0;text-align:right}.pw-position-details dt{color:#a1c8e3}.pw-detail-actions{display:flex;flex-wrap:wrap;gap:8px}
.pw-data-note{color:#87aec9;font-size:10px;margin:8px 0!important}
.pw-no-results{padding:50px 20px;color:#afcce0;text-align:center}
.pw-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.obs-app-shell:has(.cm-portfolio-workspace){grid-template-columns:240px 20px minmax(0,1fr)}body:has(.cm-portfolio-workspace) .obs-app-topbar{grid-template-columns:240px 20px minmax(0,1fr) 12px max-content}}
@media(max-width:1500px) and (min-width:1101px){.obs-app-shell:has(.cm-portfolio-workspace){grid-template-columns:190px 14px minmax(0,1fr);padding-right:12px}.pw-content{grid-template-columns:minmax(0,1.45fr) minmax(410px,1fr)}.pw-table-heading{flex-wrap:wrap}.pw-table-heading h2{flex:1 0 38%;font-size:22px}.pw-filters{margin-left:auto}.pw-summary{grid-template-columns:1.1fr .9fr 1fr .6fr 1.15fr 1.15fr}.pw-metric{padding:0 10px;gap:9px}.pw-metric>i{width:39px;height:39px;flex-basis:39px}.pw-summary>.pw-wallet strong{font-size:24px}.pw-metric strong{font-size:18px}.pw-metric span{font-size:12px}.pw-goal-button{padding-right:20px}.pw-summary:after{right:-80px}.pw-tp{padding:12px}.pw-tranche{gap:7px;padding:8px;grid-template-columns:.95fr 1fr 1fr}.pw-tranche-title{gap:6px}.pw-tranche-title>i{width:31px;height:31px;flex-basis:31px}.pw-tranche-amount strong{font-size:16px}.pw-main-actions .pw-button{font-size:12px}}
@media(max-width:1100px){.pw-content{grid-template-columns:1fr}.pw-tp{max-width:none}.pw-holdings{order:0}.pw-summary{grid-template-columns:repeat(3,1fr);gap:17px 0;padding:18px 0}.pw-summary:after{right:0;top:65px}.pw-goal-button{padding-right:0}.pw-goal-button .pw-metric{padding-right:20px}.pw-summary>.pw-metric:nth-child(4){border-left:0}.pw-heading h1{font-size:35px}.pw-heading p{font-size:17px}.pw-table-heading{flex-wrap:wrap}.pw-tp{scroll-margin-top:80px}}
@media(max-width:900px){.obs-app-shell:has(.cm-portfolio-workspace){display:block;padding:0 12px 16px}.obs-app-shell:has(.cm-portfolio-workspace)>.obs-dlm-sidebar{display:none}body:has(.cm-portfolio-workspace) .obs-app-topbar{grid-template-columns:minmax(138px,1fr) auto;height:auto;min-height:62px}.pw-heading{margin-left:0;margin-right:0}.pw-table td{font-size:13px}.pw-table th{font-size:12px}.pw-tranche{grid-template-columns:1fr 1.2fr 1fr}}
@media(max-width:600px){.cm-portfolio-workspace{padding-top:15px!important}.pw-heading{flex-wrap:wrap;gap:12px}.pw-heading h1{font-size:33px}.pw-heading p{font-size:15px}.pw-heading>div:last-child{width:100%}.pw-heading .pw-button{flex:1;font-size:13px}.pw-summary{grid-template-columns:1fr 1fr;gap:15px 0;padding:15px 0;background-color:#031727}.pw-summary>.pw-metric{padding:0 10px;gap:8px;border-left:0}.pw-summary>.pw-metric:nth-child(even){border-left:1px solid #174057}.pw-metric>i{width:35px;height:35px;flex-basis:35px}.pw-metric svg{width:21px;height:21px}.pw-metric strong,.pw-summary>.pw-wallet strong{font-size:18px}.pw-metric span{font-size:11px}.pw-metric small{font-size:10px}.pw-risk strong{font-size:13px}.pw-goal-button{grid-column:1/-1;border:0;min-height:45px}.pw-summary:after{right:-44px;top:76px;width:160px;height:160px}.pw-goal-button .pw-metric{gap:8px;padding-left:10px}.pw-table-heading{margin:0 0 10px;gap:9px}.pw-table-heading h2{font-size:23px;flex:1 0 100%}.pw-search{flex:1;min-width:120px;width:auto}.pw-filters{gap:4px}.pw-filters .pw-button{font-size:10px;padding:5px 7px;min-height:38px}.pw-holdings{padding:12px 8px 0}.pw-table-scroll{margin:0 -8px;padding:0 8px}.pw-table{min-width:720px}.pw-table td{height:66px}.pw-asset{min-width:120px}.pw-table-footer{flex-wrap:wrap;justify-content:space-between;padding:12px 0;gap:8px;min-height:80px}.pw-table-footer>.pw-text{flex:1 0 100%;justify-content:flex-end}.pw-tp{padding:14px 10px 8px}.pw-token-head{gap:12px}.pw-token-head>.obs-token-icon{width:54px;height:54px;flex-basis:54px}.pw-token-head h2{font-size:27px}.pw-token-head p{font-size:14px}.pw-position-metrics .pw-metric{gap:7px;padding:8px}.pw-position-metrics strong{font-size:14px}.pw-position-metrics .pw-metric>i{width:30px;height:30px;flex-basis:30px}.pw-position-metrics span{font-size:10px}.pw-split-heading{align-items:start}.pw-split-heading h3{font-size:16px;max-width:55%}.pw-split-heading small{font-size:9px}.pw-tranche{grid-template-columns:.9fr 1fr;gap:10px;padding:10px;min-height:115px}.pw-tranche-title{gap:8px}.pw-tranche-title>i{width:34px;height:34px;flex-basis:34px}.pw-target{grid-column:2;grid-row:1/3;align-self:center;padding-left:10px}.pw-tranche-amount{grid-column:1;border:0;padding:0 0 0 42px}.pw-tranche-amount strong{font-size:16px}.pw-tranche-amount small{font-size:9px}.pw-main-actions{grid-template-columns:1fr}.pw-main-actions .pw-button{min-height:44px}.pw-goal-form{flex-wrap:wrap}.pw-note{font-size:11px}.pw-extra summary{padding:12px 0}.pw-panel-links{justify-content:space-between}.pw-sr{display:none}}
@media(min-width:901px){body:has(.cm-portfolio-workspace) #topbar{height:62px;min-height:62px}.obs-app-shell:has(.cm-portfolio-workspace) .obs-dlm-sidebar-nav button span{font:400 14px/1.3 'Inter',sans-serif}.obs-app-shell:has(.cm-portfolio-workspace) .obs-dlm-sidebar-nav button{min-height:53px}.cm-portfolio-workspace{padding-top:17px!important}.pw-heading{margin-bottom:11px}.pw-summary>.pw-positions{gap:10px;padding:0 12px}.pw-summary>.pw-positions span{white-space:nowrap;font-size:12px}.pw-table td{font-size:13px}.pw-asset b{font-size:14px}.pw-tp-buttons button{font-size:11px}.pw-table th{font-size:12px}.pw-note{font-size:11px}}
/* Keep every TP shortcut visible on laptops; the cloud control must not cover amounts. */
body:has(.cm-portfolio-workspace) #cm-cloud-root{position:relative!important;right:auto;bottom:auto;width:max-content;max-width:calc(100% - 28px);margin:0 14px 14px auto}
@media(min-width:1251px) and (max-width:1500px){.pw-content{grid-template-columns:minmax(0,1fr) 410px}.pw-table td{font-size:12px;padding:0 5px}.pw-table th{font-size:11px;padding:0 5px}.pw-asset{min-width:110px;gap:7px}.pw-asset .obs-token-icon{width:36px;height:36px;flex-basis:36px}.pw-asset b{font-size:13px}.pw-tp-buttons button{min-width:30px;font-size:10px}.pw-chevron{min-width:18px}}
@media(min-width:1101px) and (max-width:1250px){.pw-content{grid-template-columns:1fr}}

/* Saved exit targets share one compact summary; only complete coverage is a
   portfolio-wide scenario. Row progress does not add any table columns. */
.pw-projection{margin:0 0 14px;border:1px solid #245975;border-radius:7px;padding:15px 18px;background:linear-gradient(115deg,#062638aa,#041622)}
.pw-projection>header{display:flex;align-items:start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.cm-portfolio-workspace .pw-projection h2{font-size:17px;letter-spacing:-.25px;line-height:1.35}
.cm-portfolio-workspace .pw-projection header p{font-size:11px;margin-top:3px;color:#a6c7de}
.pw-coverage{font-size:11px;color:#d5b877;white-space:nowrap;border:1px solid #695831;border-radius:20px;padding:5px 9px;flex:none}
.pw-coverage.is-complete{color:#7bf0d6;border-color:#226554}
.pw-projection-values{display:grid;grid-template-columns:1fr 1.3fr 1.4fr;gap:16px}
.pw-projection-metric{min-width:0;display:flex;flex-direction:column;gap:4px}
.pw-projection-metric>span{font-size:11px;color:#9cbfd9}
.pw-projection-metric>strong{font-size:23px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pw-projection-result{padding-left:16px;border-left:1px solid #225771}.pw-projection-result>strong{color:#81f2da}
.pw-projection-incomplete{padding-left:16px;border-left:1px solid #225771;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#a8c9df;align-self:center}
.pw-projection-incomplete>b{font-weight:600;color:#efd9a6}
.pw-projection-goal{margin-top:14px}.pw-projection-goal>div{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:#accbe0}
.pw-projection-goal strong{color:#e7f5ff;font-size:12px}.pw-projection-goal progress{display:block;width:100%;height:5px;margin-top:7px;appearance:none;border:0;border-radius:5px;overflow:hidden;background:#0e3247}
.pw-projection-goal progress::-webkit-progress-bar{background:#0e3247}.pw-projection-goal progress::-webkit-progress-value{background:linear-gradient(90deg,#168be2,#48dfc0)}.pw-projection-goal progress::-moz-progress-bar{background:#48dfc0}
.pw-projection-goal-empty{margin-top:5px}
.pw-projection-issues,.pw-projection-fees{font-size:11px;color:#a5c7dd;margin-top:9px}
.pw-projection-issues summary,.pw-projection-fees summary{cursor:pointer;min-height:25px;padding:4px 0;list-style-position:inside}
.pw-projection-issues summary{color:#edcf8e}.pw-projection-fees summary b{font-weight:500}
.pw-projection-issues>div,.pw-projection-fees>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.pw-projection-issues button,.pw-projection-fees button{display:flex;align-items:center;gap:6px;max-width:100%;border:1px solid #275873;background:#031724;color:#cae7f8;border-radius:5px;padding:7px 9px;text-align:left;font-size:11px;white-space:normal}
.pw-projection-issues button:hover,.pw-projection-fees button:hover{border-color:#29d2e8}.pw-projection-issues button span{color:#b9cdda;font-size:10px}
.cm-portfolio-workspace .pw-projection-fees>p{font-size:11px;color:#a7c5db;margin:4px 0 7px;max-width:95ch}
.pw-projection-warning{align-self:center;padding:5px 0;color:#edcf8e}
.pw-table .pw-tp-cell{width:126px;max-width:146px;white-space:normal;padding-top:9px;padding-bottom:9px}
.pw-tp-cell .pw-tp-buttons button{position:relative;font-size:10px;min-height:30px;min-width:31px}
.pw-tp-buttons button>span{position:absolute;right:-3px;top:-6px;display:grid;place-items:center;width:13px;height:13px;font-size:9px;border-radius:50%;background:#0c3c4c;color:#b5f9dd;border:1px solid #3b9181}
.pw-tp-buttons button.is-recorded{color:#85e8c5;border-color:#387c68;background:#0a302d}
.pw-tp-buttons button.is-reached{color:#ffe1a0;border-color:#b0924d;background:#39331c}.pw-tp-buttons button.is-reached>span{background:#735722;color:#fff0c9;border-color:#bda363}
.pw-tp-buttons button.is-partial{border-color:#758873}
.pw-tp-progress{display:flex;flex-direction:column;gap:3px;margin-top:7px;line-height:1.3;font-variant-numeric:tabular-nums}
.pw-tp-progress>strong{font-size:11px;color:#d2ecfc;font-weight:650;overflow-wrap:anywhere}
.pw-tp-progress>span{font-size:10px;color:#b0d0e4;font-weight:400;overflow-wrap:anywhere}
.pw-tp-progress .pw-tp-recorded{color:#84b5c4;font-size:9px}
.pw-tp-cell .pw-tp-state{display:block;color:#e1c38c;font-size:10px;line-height:1.35;font-weight:400;white-space:normal;margin-top:6px;max-width:145px}
.pw-tp-cell .pw-tp-state.is-reached{color:#ffda89}
.pw-fee-input{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#bdd6e7;padding:3px 0 9px}.pw-fee-input small{display:block;font-size:10px;color:#91b3ca;margin-top:2px}.cm-portfolio-workspace .pw-fee-input input{max-width:76px;width:76px;text-align:right}
@media(min-width:1600px){
  body.obs-app-rail-active .cm-portfolio-workspace .pw-tp-cell{padding-block:10px;font-size:11px}
  body.obs-app-rail-active .cm-portfolio-workspace .pw-tp-buttons button{min-width:31px;min-height:30px;font-size:10px}
  body.obs-app-rail-active .cm-portfolio-workspace .pw-projection button{font-size:11px;line-height:1.4}
  body.obs-app-rail-active .cm-portfolio-workspace .pw-projection h2{font-size:18px}
  body.obs-app-rail-active .cm-portfolio-workspace .pw-projection p{font-size:11px}
}
@media(max-width:600px){
  .pw-projection{padding:13px 12px;margin-bottom:12px}.pw-projection>header{gap:8px;margin-bottom:12px}.cm-portfolio-workspace .pw-projection h2{font-size:16px}.cm-portfolio-workspace .pw-projection header p{font-size:10px;line-height:1.5}
  .pw-projection-values{grid-template-columns:1fr 1fr;gap:12px}.pw-projection-metric>span{font-size:10px}.pw-projection-metric>strong{font-size:18px}
  .pw-projection-result,.pw-projection-incomplete{grid-column:1/-1;padding:10px 0 0;border-left:0;border-top:1px solid #225771}.pw-projection-result{flex-direction:row;justify-content:space-between;gap:12px;align-items:center}.pw-projection-result>strong{font-size:22px;text-align:right}.pw-projection-result>span{max-width:42%}
  .pw-projection-goal>div{font-size:10px}.pw-projection-goal strong{font-size:11px}.pw-projection-fees summary{line-height:1.5}
  .pw-table-scroll{overflow:visible;margin:0;padding:0}.cm-portfolio-workspace .pw-table{display:block;min-width:0;width:100%;white-space:normal}
  .pw-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
  .pw-table tbody{display:grid;gap:10px}.pw-table tbody tr{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;border:1px solid #214d66;border-radius:7px;padding:12px 10px;background:#031622}
  .pw-table tbody tr.selected{border-color:#00aeca;background:#06283b}
  .pw-table tbody tr td,.pw-table tbody tr.selected td{display:flex;flex-direction:column;gap:3px;min-width:0;height:auto;padding:0;border:0!important;border-radius:0!important;background:transparent;font-size:12px;font-weight:600;overflow-wrap:anywhere}
  .pw-table td[data-label]:before{content:attr(data-label);font-size:10px;color:#97bad3;font-weight:400}
  .pw-table tbody tr td:first-child{grid-column:1/-1;padding-right:28px}.pw-table .pw-asset{min-width:0;gap:9px}.pw-table .pw-asset .obs-token-icon{width:34px;height:34px;flex-basis:34px}.pw-table .pw-asset b{font-size:15px}.pw-table .pw-asset small{max-width:210px;font-size:10px}
  .pw-table .pw-pnl-cell{grid-column:1/3}.pw-table .pw-pnl{display:flex;flex-direction:row;gap:7px;flex-wrap:wrap}.pw-table .pw-pnl-percent{font-size:12px}
  .pw-table tbody tr .pw-tp-cell,.pw-table tbody tr.selected .pw-tp-cell{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;width:auto;max-width:none;border-top:1px solid #20475c!important;padding-top:11px}
  .pw-tp-cell .pw-tp-buttons{gap:5px;flex-direction:column}.pw-tp-cell .pw-tp-buttons button{min-width:48px;min-height:32px;font-size:11px}
  .pw-table tbody tr .pw-tp-cell:not(:has(.pw-tp-progress)){grid-template-columns:1fr;gap:6px}.pw-tp-cell:not(:has(.pw-tp-progress)) .pw-tp-buttons{flex-direction:row}
  .pw-tp-cell .pw-tp-progress{margin-top:0;gap:5px}.pw-tp-progress>strong{font-size:12px}.pw-tp-progress>span{font-size:11px}.pw-tp-progress .pw-tp-recorded{font-size:10px}.pw-tp-cell .pw-tp-state{font-size:11px;max-width:none;margin-top:2px}
  .pw-table tbody tr .pw-detail-cell{position:absolute;right:9px;top:12px}.pw-detail-cell .pw-chevron{min-height:34px;min-width:28px}
}
/* Z4: result vs cost and the reasons behind the risk level. */
.pw-metric small+small{display:block}
.pw-risk-reasons{margin:4px 0 0;padding:0;list-style:none;color:#a6c3d9;font-size:11px;line-height:1.4}
.pw-risk-reasons li{overflow-wrap:anywhere}
.pw-metric strong>span{font:inherit;color:inherit}
.pw-metric strong>.pw-negative{color:#ff355e}
.pw-metric strong>.pw-positive{color:#00f3b3}