/* Geometry and hierarchy from Henrixbor/tblocks-ibkr 50d0248.
   Financial data and authentication remain on the current controllers. */
.retail-product{font-family:var(--sans);font-size:13px;line-height:1.5;background:var(--bg-page);color:var(--fg)}
.retail-product .shell,.retail-product .funding-shell{max-width:960px;margin:0 auto;padding:22px 20px 64px}
.retail-logo{display:block;width:104px;height:29px;background:var(--fg);mask:url(/logo.svg) left center/contain no-repeat;-webkit-mask:url(/logo.svg) left center/contain no-repeat}
.retail-product header{padding:0;margin:0 0 20px}
.retail-product header h1{font-size:20px;letter-spacing:-.02em;line-height:1.25;margin:0 0 6px}
.retail-product header .eyebrow,.retail-product header .label{display:none}
.retail-product header p,.retail-product header .intro{font:400 13px/1.5 var(--sans);color:var(--fg-2);margin:0 0 8px;max-width:none}
.retail-product header .notice,.retail-product .orders-disclosure{font-size:11px;border:0;background:none;padding:0;margin:0;color:var(--fg-2)}
.retail-product button,.retail-product .btn{min-height:36px;border:1px solid var(--border);background:var(--bg-surface);color:var(--fg);border-radius:6px;padding:8px 13px;font:600 13px/1.4 var(--sans);letter-spacing:normal;text-transform:none;box-shadow:var(--e-1)}
.retail-product button:disabled{opacity:.55;cursor:not-allowed}
.retail-product button:hover:not(:disabled),.retail-product .btn:hover{border-color:var(--accent-ink)}
.retail-product input,.retail-product select{min-height:38px;padding:8px 11px;font:400 13px var(--sans);border-radius:6px;border:1px solid var(--border);background:var(--bg-surface);color:var(--fg)}
.retail-product .card,.retail-product .panel,.retail-product #retail-market{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-surface);box-shadow:var(--e-1)}
.retail-product h2,.retail-product .panel-hd h2{font-size:14px;letter-spacing:normal}
.retail-product .funding-form{padding:18px;gap:12px}
.retail-product .session{padding:0;margin:12px 0;gap:10px;justify-content:flex-end}
.retail-product #message{padding:0;margin:10px 0 18px;font-size:12px;color:var(--fg-2)}
.retail-product .retail-value-panel{padding:20px 22px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--e-1);margin-bottom:22px}
.retail-value-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.retail-product .retail-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);margin:0 0 10px}
.retail-value{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:6px 0}
.retail-value-top p{font-size:12px;color:var(--fg-2)}
.retail-chart-empty{min-height:110px;display:flex;flex-direction:column;justify-content:center;gap:6px;border-block:1px solid var(--border);color:var(--fg-2);margin:8px 0 14px}
.retail-chart-empty small{font-size:11px;max-width:65ch}
.retail-value-foot{display:flex;flex-wrap:wrap;gap:24px;font-size:11px;color:var(--fg-2)}
.retail-value-foot strong{display:block;font-size:12px;color:var(--fg);font-weight:500}
.retail-product #retail-market{padding:18px}
.retail-product #retail-market>h2{font-size:14px;padding:8px 0}
.retail-market-search{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:12px}
.retail-product .retail-market-search input{width:min(100%,300px);margin:0}
.retail-market-scroll,.retail-holdings-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg)}
.retail-product .retail-market-table,.retail-product .holdings-table{width:100%;min-width:640px;margin:0;border-collapse:collapse;font:400 13px var(--sans)}
.retail-product table caption{font-size:11px;color:var(--fg-2);padding:10px 14px;text-align:left}
.retail-product table th,.retail-product table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;font-variant-numeric:tabular-nums}
.retail-product table th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-2);font-weight:600}
.retail-product table small{font-size:11px;color:var(--fg-2);display:block;margin-top:2px}
.retail-product table tr:last-child td{border-bottom:0}
.retail-product table tr:hover,.retail-product table tr.is-selected{background:var(--bg-sunk)}
.retail-product table tr[hidden]{display:none}
.retail-product .retail-market-toolbar{margin-top:18px}
.retail-product .retail-chart-caption{font:500 11px var(--sans);letter-spacing:.04em}
.retail-product .retail-balance-details{border-top:1px solid var(--border);padding-top:14px}
.retail-balance-details>summary{font-size:12px;color:var(--accent-ink);cursor:pointer;margin-bottom:12px}
.retail-product .funding-toolbar{margin:18px 0;gap:12px;font-size:12px}
.retail-product .funding-toolbar p{margin:0 auto 0 0}
.retail-product .orders-grid{gap:18px}
.retail-product .order-record h3{font-size:14px}
.retail-product .panel-hd,.retail-product .panel-body{padding:14px 18px}
.retail-product #wallet-login h2{font-size:14px}
.retail-product .view-status{max-width:920px;margin:0 auto 24px;border:0;border-top:1px solid var(--border);padding:16px 0;font-size:11px;background:none}
.retail-product .view-status .view-brand{display:none}
.retail-product :focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}
@media(max-width:600px){
 .retail-product .shell,.retail-product .funding-shell{padding:20px 16px 40px}
 .retail-value-top{flex-direction:column}.retail-value{font-size:32px}
 .retail-market-search{align-items:stretch;flex-direction:column;gap:6px}
 .retail-product .retail-market-search input{width:100%}
 .retail-product .view-status{margin-inline:16px}
}