/* Dedicated trading grid: the ticket never starts below the markets panel. */
#ostiumApp{max-width:1580px!important;padding:24px clamp(16px,2.5vw,40px) 64px}
#ostiumApp .options-hero h1{font-size:clamp(28px,3vw,42px)!important}
#ostiumApp .options-hero p{margin:8px 0;font-size:14px}#ostiumApp .options-hero .product-help{font-size:12px}
.os-terminal-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.os-terminal-nav a{display:inline-flex;padding:9px 14px;border:1px solid var(--border,#29424d);border-radius:8px;font-size:12px;text-decoration:none;min-height:40px;align-items:center}
#ostiumApp .os-workspace{display:grid;grid-template-columns:240px minmax(0,1fr) 330px;grid-template-areas:'markets chart ticket' 'positions positions positions';align-items:start;gap:16px}
#ostiumApp .os-market-panel{grid-area:markets}#ostiumApp .os-chart-panel{grid-area:chart}#ostiumApp .os-ticket{grid-area:ticket;position:static!important;align-self:start;top:auto}
#ostiumApp .os-positions-panel{grid-area:positions;margin:0}
#ostiumApp .os-workspace>.product-panel{padding:18px;margin:0;border-radius:12px!important}
#ostiumApp .os-workspace .product-panel-head h2{font-size:18px}#ostiumApp .os-workspace .product-panel-head{margin-bottom:14px}
#ostiumApp .os-chart-panel .product-panel-head{flex-wrap:wrap}#ostiumApp #osInterval{width:auto;min-width:132px}
#ostiumApp .os-market-grid{grid-template-columns:1fr;max-height:540px;padding:0;overscroll-behavior:contain;scrollbar-width:thin}
#ostiumApp .cp-market{min-height:62px!important;padding:10px 8px!important;gap:9px}
#ostiumApp .cp-market strong{font-size:13px}#ostiumApp .cp-token{width:28px;height:28px}
#ostiumApp .pw-filter{padding:0 0 10px}#ostiumApp .pw-result-count{padding:0;margin:4px 0;font-size:11px}
#ostiumApp .cp-pager{padding:12px 0 0;gap:6px;font-size:11px;flex-wrap:wrap}
#ostiumApp .cp-pager button{padding:8px;min-height:38px;font-size:11px}
.os-directory-link{display:block;font-size:12px;margin:14px 0 0}
#ostiumApp .os-ticket>h2{margin:0 0 12px;font-size:20px}#ostiumApp .os-ticket>.product-form{padding:0;gap:12px}
#ostiumApp .os-ticket>p{margin:14px 0 0;font-size:12px}#ostiumApp .os-ticket .pw-share{padding:14px 0 0;margin-top:14px}
#ostiumApp #osMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
#ostiumApp #osMetrics>div{padding:12px}#ostiumApp #osMetrics strong{font-size:15px}
#ostiumApp #osQuote{padding:0!important;font-size:12px;min-height:20px}#ostiumApp #osChart{min-height:380px}
#ostiumApp #osPositions{margin:0;padding:0}#ostiumApp .os-position{padding:16px;min-width:0;background:var(--surface-2,#13262f);border:1px solid var(--border,#29424d);border-radius:10px;margin-bottom:12px}
#ostiumApp .os-positions-panel>.product-panel-head{flex-wrap:wrap}.os-position-summary{font-size:12px;color:var(--muted,#a9bec7);margin:0 0 14px}
#osReviewReason{margin:0;padding:10px 12px;border-radius:8px;background:var(--surface-2,#13262f);font-size:12px;line-height:1.6}
#ostiumApp .os-recovery-panel{padding:22px;margin-top:20px}#ostiumApp .os-recovery-panel h2{font-size:20px}
#ostiumApp .os-recovery-panel>p{max-width:900px;font-size:13px;line-height:1.7}
#ostiumApp .os-recovery-panel .product-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}#ostiumApp .os-recovery-panel label{grid-column:auto}
#ostiumApp .cp-learn{gap:32px;margin:32px 0}#ostiumApp .pw-playbook{margin:28px 0 0;padding-top:28px;gap:32px}
@media(min-width:1500px){#ostiumApp .os-workspace{grid-template-columns:260px minmax(0,1fr) 350px}}
@media(max-width:1199px){#ostiumApp .os-workspace{grid-template-columns:minmax(0,1fr) 330px;grid-template-areas:'markets markets' 'chart ticket' 'positions positions'}#ostiumApp .os-market-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:155px}#ostiumApp .os-market-panel .pw-filter{max-width:420px}}
@media(max-width:800px){#ostiumApp .os-workspace{grid-template-columns:1fr;grid-template-areas:'markets' 'chart' 'ticket' 'positions'}#ostiumApp .os-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:150px}#ostiumApp .os-workspace>.product-panel{padding:16px}#ostiumApp .options-hero{display:block}#ostiumApp #osWallet{margin-top:12px}#ostiumApp .os-recovery-panel .product-form{grid-template-columns:1fr}#ostiumApp .os-ticket input,#ostiumApp .os-ticket select{font-size:16px}#ostiumApp .os-terminal-nav{gap:6px}#ostiumApp .os-terminal-nav a{flex:1;justify-content:center;padding:9px 8px}#ostiumApp .cp-learn,#ostiumApp .pw-playbook{grid-template-columns:1fr}}
