.product-shell{max-width:1380px;--op-line:#253345;--op-panel:#111b2a;--op-muted:#9baac0}.product-nav{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--op-line);padding:0 0 14px;margin-bottom:28px}.product-nav a{white-space:nowrap;text-decoration:none;color:var(--op-muted);font-size:13px;padding:10px 15px;border-radius:8px}.product-nav a[aria-current]{background:#93edbb;color:#142c20}.product-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;align-items:start}.product-panel{padding:24px;border:1px solid var(--op-line);background:var(--op-panel);border-radius:14px;min-width:0}.product-panel h2{font-size:22px;margin:0 0 16px;letter-spacing:-.025em}.product-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.product-panel-head h2{margin:0}.product-panel-head button{font-size:12px}.product-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-span{grid-column:1/-1}.product-help{font-size:12px;line-height:1.65;color:var(--op-muted);overflow-wrap:anywhere}.product-form input{min-width:0}.product-form input[inputmode=decimal]{font-size:19px}.product-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-block:1px solid var(--op-line);margin:20px 0;padding:18px 0}.product-metrics:empty{display:none}.product-metrics small,.product-metrics strong{display:block;overflow-wrap:anywhere}.product-metrics small{font-size:10px;color:var(--op-muted);margin-bottom:8px}.product-metrics strong{font-size:15px}.product-explainer p{font-size:13px;line-height:1.8;color:var(--op-muted)}.product-explainer a{font-size:12px;color:#a4e7c6}.product-steps{display:grid;gap:20px;margin:26px 0}.product-steps>div{display:flex;gap:16px;font-size:12px;line-height:1.7;color:var(--op-muted)}.product-steps b{font-size:11px;color:#9cdfbd;letter-spacing:.05em;padding-top:2px}.product-section{margin-top:24px}.product-position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-position{border:1px solid var(--op-line);border-radius:12px;padding:20px;min-width:0}.product-position h3{font-size:17px;margin:0 0 8px}.product-position dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.product-position dt{color:var(--op-muted)}.product-position dd{margin:0;text-align:right;overflow-wrap:anywhere}.product-position-actions{display:flex;gap:7px;flex-wrap:wrap}.product-position-actions button{font-size:11px;padding:8px}.product-badge{display:inline-block;font-size:10px;padding:5px 8px;border-radius:16px;background:#83dfac12;color:#a5e8bf}.product-badge.out{background:#d8ac5d12;color:#d9b782}.product-activity{display:flex;flex-wrap:wrap;gap:12px;padding:14px 0;border-bottom:1px solid var(--op-line);font-size:12px}.product-activity small{overflow-wrap:anywhere;flex-basis:100%;color:var(--op-muted)}.product-activity button{font-size:11px}.product-dialog{max-width:640px}.product-dialog dd{overflow-wrap:anywhere}.product-panel [hidden],.product-form[hidden]{display:none!important}.product-market-list{display:grid;gap:9px;max-height:650px;overflow:auto}.product-market-row{border:1px solid var(--op-line);border-radius:10px;padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.product-market-row h3{font-size:14px;margin:0 0 6px}.product-market-row p{font-size:11px;color:var(--op-muted);margin:0;line-height:1.7}.product-market-row button{font-size:11px}.product-market-row[data-selected=true]{border-color:#7cdaa8;background:#7cdaa808}html[data-theme=light] .product-shell{--op-line:#dce4e9;--op-panel:#fff;--op-muted:#536574}html[data-theme=light] .product-badge{color:#246045}
@media(max-width:850px){.product-grid{grid-template-columns:1fr}.product-explainer{display:none}.product-panel{padding:20px}.product-position-grid{grid-template-columns:1fr}.product-nav a{font-size:12px;padding:9px 12px}}
@media(max-width:520px){.product-panel{padding:16px}.product-form{gap:12px}.product-form label{font-size:11px}.product-metrics{grid-template-columns:1fr 1fr}.product-panel-head{align-items:flex-start}.product-panel h2{font-size:20px}.product-panel-head button{font-size:10px}.product-position{padding:15px}.product-nav{margin-bottom:20px}}
