[hidden]{display:none!important}
.topbar{height:auto;min-height:68px;gap:var(--space-12);flex-wrap:wrap;padding-top:var(--space-8);padding-bottom:var(--space-8)}
.topactions{flex-wrap:wrap;justify-content:flex-end;gap:var(--space-12)}
.scope-picker{display:flex;align-items:center;gap:var(--space-8);color:var(--muted);font-size:var(--type-caption);white-space:nowrap}
.scope-picker select{width:auto;min-width:152px;max-width:210px;padding:var(--space-8) var(--space-24) var(--space-8) var(--space-8);font-size:var(--type-caption);color:var(--text);cursor:pointer}
.filtergrid{grid-template-columns:repeat(5,minmax(115px,1fr))}
.portfolio-scope .filtergrid{grid-template-columns:repeat(2,minmax(140px,210px))}
.portfolio-scope .trade-only{display:none}
.overview-note{margin-bottom:var(--space-16)}
.op-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:var(--space-16);margin-bottom:var(--space-20)}
.op-card{display:grid;gap:var(--space-12);text-align:left;padding:var(--space-20);color:var(--text);cursor:pointer;transition:border-color .15s,transform .15s}
.op-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.op-card strong{font-size:var(--type-section)}
.op-card small{color:var(--muted);font-size:var(--type-caption)}
.op-kind{display:inline-block;color:var(--accent);font-size:var(--type-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label)}
.op-result{font-size:var(--type-number);font-weight:var(--weight-semibold)}
.op-management{min-height:220px}
.op-management .panelhead{align-items:flex-start}
.op-management h2{margin:var(--space-8) 0 0;font-size:var(--type-section)}
.method-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);border-top:1px solid var(--line);padding-top:var(--space-16);margin-top:var(--space-20);font-size:var(--type-caption)}
.method-list,.fill-list{display:grid;gap:var(--space-8);margin:var(--space-12) 0}
.methods-panel{position:relative;border-top:1px solid var(--line);margin-top:var(--space-20);padding-top:var(--space-8)}
.methods-disclosure>summary{display:flex;align-items:center;gap:var(--space-8);min-height:32px;padding:var(--space-4) 128px var(--space-4) var(--space-2);cursor:pointer;color:var(--text);font-size:var(--type-caption)}
.methods-disclosure>summary span{color:var(--muted);font-weight:var(--weight-regular)}
.methods-disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.methods-panel .methods-add{position:absolute;top:8px;right:0;min-height:32px}
.methods-disclosure>.method-list{overflow:visible}
.methods-disclosure[open]>.method-list{animation:methods-open .18s ease-out}
@keyframes methods-open{from{opacity:.35;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.methods-disclosure[open]>.method-list{animation:none}}
.method-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);border:1px solid var(--line);background:var(--card2);border-radius:8px;padding:var(--space-8) var(--space-12);font-size:var(--type-caption)}
.method-row small{color:var(--dim)}
.method-row button{white-space:nowrap}
.op-actions-menu{position:relative;flex:none;z-index:1}
.op-actions-menu[open]{z-index:10}
.op-actions-menu summary{display:grid;place-items:center;list-style:none;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;font-size:var(--type-section-lg);line-height:var(--leading-heading)}
.op-actions-menu summary::-webkit-details-marker{display:none}
.op-actions-menu summary:hover,.op-actions-menu[open] summary{color:var(--text);background:var(--card2)}
.op-actions-menu summary:focus-visible,.op-actions-list button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.op-actions-list{position:absolute;right:0;top:calc(100% + 4px);display:grid;min-width:130px;padding:var(--space-4);border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.op-actions-list button{width:100%;padding:var(--space-8) var(--space-12);border:0;border-radius:5px;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}
.op-actions-list button:hover{background:var(--card2)}
.op-actions-list button.danger{color:var(--red)}
.op-management .method-row>span:first-child{min-width:0;overflow-wrap:anywhere}
.danger{color:var(--red)}
.portfolio-filters{display:flex;align-items:end;gap:var(--space-12);padding:var(--space-16);margin-bottom:var(--space-20);flex-wrap:wrap}
.portfolio-filters label{display:grid;gap:var(--space-8);min-width:155px;color:var(--dim);font-size:var(--type-caption);text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:var(--weight-semibold)}
.portfolio-filters .hinttext{margin-left:auto;max-width:290px}
.row-actions{white-space:nowrap}
.quote-date{display:block;color:var(--dim);font-size:var(--type-caption);margin-top:var(--space-4)}
.fill-form{margin-top:var(--space-16);align-items:end}
.fill-form .primary{height:37px}
@media(max-width:1180px){.op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filtergrid{grid-template-columns:repeat(4,minmax(110px,1fr))}}
@media(max-width:840px){.topbar{align-items:flex-start}.topactions{flex:1}.scope-picker span{display:none}.filtergrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.topactions{justify-content:flex-start}.scope-picker select{min-width:145px;max-width:155px}.theme-picker select{min-width:105px}.op-grid{grid-template-columns:1fr}.filtergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-scope .filtergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-filters .hinttext{margin-left:0}}
