.workspace-chart-column{min-width:0;align-self:start;display:flex;flex-direction:column;gap:20px}
.workspace-chart-column>.chart-panel{min-width:0;width:100%}
.workspace-positions{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:16px 16px 12px}
.wp-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:15px}.wp-heading h2{font-size:14px;font-weight:500;white-space:nowrap}.wp-heading h2>span{color:var(--muted);margin-left:6px}.wp-heading>div{display:flex;align-items:center;gap:14px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.wp-heading a,.wp-heading button{font-size:11px;color:var(--muted);min-height:32px;display:inline-flex;align-items:center}.wp-heading a:hover,.wp-heading button:hover{color:var(--text)}
.wp-picker{position:relative;z-index:5}.wp-picker summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:32px;padding:5px 9px;border:1px solid var(--line);border-radius:5px}.wp-picker summary::-webkit-details-marker{display:none}.wp-picker-menu{position:absolute;right:0;top:calc(100% + 6px);width:260px;max-width:calc(100vw - 64px);max-height:310px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:7px}
.wp-picker-menu label{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer}.wp-picker-menu label:hover{background:var(--line)}.wp-picker-menu input{appearance:auto;width:15px;height:15px;min-width:15px;min-height:15px;padding:0;margin:0;accent-color:var(--text)}.wp-picker-menu label>span{min-width:0;overflow-wrap:anywhere}.wp-picker-menu small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.wp-picker-menu>a{margin:4px 10px;text-decoration:underline;text-underline-offset:3px}
.wp-table-scroll{max-width:100%;overflow:auto;scrollbar-width:thin}.wp-table{width:100%;min-width:990px;border-collapse:collapse;text-align:left;font-size:11px;font-variant-numeric:tabular-nums}.wp-table th{font-size:10px;color:var(--muted);font-weight:400;padding:0 10px 11px;white-space:nowrap;border-bottom:1px solid var(--line)}.wp-table td{padding:14px 10px;vertical-align:top;border-bottom:1px solid var(--line);white-space:nowrap;line-height:1.5}.wp-table th:first-child,.wp-table td:first-child{padding-left:0}.wp-table th:last-child,.wp-table td:last-child{padding-right:0}.wp-table strong{font-weight:500}.wp-table small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.wp-contract{min-width:145px;max-width:200px;white-space:normal!important}.wp-contract>span{display:block;margin-top:3px}.wp-contract small{overflow-wrap:anywhere}.wp-table .positive,.wp-table .positive>small{color:var(--green)}.wp-table .negative,.wp-table .negative>small{color:var(--red)}.wp-protection>span{display:block}.wp-protection>span+span{margin-top:7px}.wp-protection small{max-width:150px;white-space:normal}.wp-muted{color:var(--muted)}
.wp-empty{padding:16px 0;font-size:12px;color:var(--muted);line-height:1.7;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.wp-empty a,.wp-empty button{text-decoration:underline;text-underline-offset:3px}.wp-warning{font-size:11px;color:var(--red);line-height:1.6;margin:8px 0 14px}.wp-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:10px;color:var(--muted);padding-top:12px}.wp-method{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.6}.wp-method summary{cursor:pointer}.wp-method p{max-width:90ch;padding-top:8px}.workspace-positions :is(a,button,input,summary,.wp-table-scroll):focus-visible{outline:2px solid var(--text);outline-offset:3px}
@media(max-width:700px){.workspace-positions{padding:14px 12px}.wp-heading{align-items:flex-start;flex-direction:column;gap:8px}.wp-heading>div{justify-content:flex-start;gap:12px}.wp-picker-menu{left:0;right:auto}.wp-table{min-width:940px}.workspace-chart-column{gap:14px}}

.wp-picker-menu>p{font-size:10px;line-height:1.5;color:var(--muted);padding:7px 10px}

/* Each position stays readable within the chart column, without a second scrollbar. */
.workspace-positions{container:positions / inline-size}
.wp-heading{flex-wrap:wrap;gap:8px 18px}
.wp-heading>.wp-heading-title{justify-content:flex-start;gap:10px 18px}
.wp-all-assets{display:inline-flex;align-items:center;gap:7px;min-height:32px;color:var(--muted);cursor:pointer;font-size:11px}
.wp-all-assets input{appearance:none;display:block;width:12px;height:12px;min-width:12px;min-height:12px;padding:0;margin:0;border:1px solid var(--muted);border-radius:50%;background:transparent;cursor:pointer}
.wp-all-assets input:checked{border-color:var(--text);background:var(--text);box-shadow:inset 0 0 0 3px var(--surface)}
.wp-all-assets:has(input:checked){color:var(--text)}
.wp-table-scroll{overflow:visible}
.wp-table{min-width:0;table-layout:fixed;white-space:normal}
.wp-table th,.wp-table td{white-space:normal;overflow-wrap:anywhere;text-align:left;padding-inline:8px}
.wp-table th{border-top:0;line-height:1.5;vertical-align:bottom}
.wp-table th:first-child{width:16%}.wp-table th:nth-child(6){width:14%}.wp-table th:last-child{width:9%}
.wp-table td{border-bottom:0;padding-bottom:6px}
.wp-table tr+tr td{border-top:1px solid var(--line)}
.wp-contract{min-width:0;max-width:none}
.wp-table small{line-height:1.5}
.wp-footer{margin-top:8px}
@container positions (max-width:1050px){
 .wp-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .wp-table,.wp-table tbody{display:block}
 .wp-table tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 20px;padding:16px 0 8px;border-top:1px solid var(--line)}
 .wp-table td,.wp-table td:first-child,.wp-table td:last-child{display:block;padding:0;border:0!important;min-width:0}
 .wp-table td::before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);font-weight:400;margin-bottom:6px}
 .wp-table td.wp-contract{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}
 .wp-table .wp-contract::before{display:none}
 .wp-contract>span,.wp-contract>small{margin:0}
 .wp-table tr+tr{margin-top:14px}
}
@container positions (max-width:570px){
 .wp-table tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
 .wp-table td.wp-contract{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
 .wp-contract>small:last-of-type{text-align:right}
 .wp-table td{font-size:12px}
}

@container positions (max-width:570px){
 .wp-table .wp-contract>strong{grid-area:1/1/2/2}
 .wp-table .wp-contract>span{grid-area:1/2/2/3;text-align:right}
 .wp-table .wp-contract>small:first-of-type{grid-area:2/1/3/2}
 .wp-table .wp-contract>small:last-of-type{grid-area:2/2/3/3}
}

/* Readable position values, with restrained emphasis on identity and P&L. */
.workspace-positions{--wp-secondary:#aaa;padding:18px 18px 14px}
[data-theme=light] .workspace-positions{--wp-secondary:#606060}
.wp-heading h2{font-size:18px;font-weight:600}.wp-heading h2>span{font-weight:400}
.wp-heading>.wp-heading-title{gap:10px 20px}.wp-all-assets{font-size:13px;font-weight:500;gap:8px;color:var(--wp-secondary)}.wp-all-assets input{width:14px;height:14px;min-width:14px;min-height:14px}
.wp-heading>.wp-heading-actions{font-size:12px}.wp-heading a,.wp-heading button{font-size:12px;color:var(--wp-secondary)}
.wp-table{font-size:12px;color:var(--text)}.wp-table th{font-size:11px;color:var(--wp-secondary)}.wp-table td{color:var(--text)}.wp-table strong{font-weight:600}.wp-table small{font-size:11px;color:var(--wp-secondary)}
.wp-table .wp-contract{position:relative;padding-right:29px!important}.wp-contract>strong{font-size:13px}.wp-contract>span{font-weight:500}.wp-row-share{position:absolute;right:0;top:11px;padding:0}
.wp-table td.positive,.wp-table .positive>small{color:var(--green)}.wp-table td.negative,.wp-table .negative>small{color:var(--red)}
.wp-footer{font-size:11px;color:var(--wp-secondary);line-height:1.5;padding-top:10px}
@container positions (max-width:1050px){.wp-table tr{gap:18px 24px;padding-top:18px;padding-bottom:13px}.wp-table td::before{font-size:11px;color:var(--wp-secondary);margin-bottom:7px}.wp-row-share{top:-6px}.wp-contract>strong{font-size:14px}.wp-contract>span{font-size:12px}}
@container positions (max-width:570px){.wp-table td.wp-contract{column-gap:10px;row-gap:5px}.wp-table tr{gap:16px}.wp-contract>strong{font-size:13px}.wp-table .wp-contract{padding-right:28px!important}.wp-contract>small{font-size:10px}.wp-row-share{right:-4px;top:-5px}}
.workspace-positions .wp-row-share:focus-visible{outline:2px solid var(--text);outline-offset:1px}
@container positions (max-width:570px){.wp-table .wp-contract{padding-right:38px!important}}
