/* A single terminal layout for the overview and every canonical Ostium pair. */
#ostiumApp.os-terminal{max-width:1600px!important;padding-inline:clamp(16px,2.5vw,40px)}
#ostiumApp .options-hero{padding-block:24px;margin-bottom:16px;align-items:center}
#ostiumApp .options-hero h1{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.035em;max-width:24ch}
#ostiumApp .os-hero-copy>p:not(.options-kicker){max-width:70ch;line-height:1.7}
#ostiumApp.os-terminal[data-workspace-design] .os-workspace{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(290px,340px);grid-template-areas:'markets chart ticket' 'markets positions ticket';gap:16px;align-items:start}
#ostiumApp.os-terminal[data-workspace-design] .os-market-panel{margin-top:0;align-self:start;grid-area:markets;position:sticky;top:100px;min-width:0}
#ostiumApp .os-chart-panel{grid-area:chart;min-width:0;overflow:hidden}
#ostiumApp .os-ticket{grid-area:ticket;position:sticky;top:100px;min-width:0;border-top:3px solid var(--accent,#8ce4c9)}
#ostiumApp .os-positions-panel{grid-area:positions;min-width:0}
#ostiumApp .os-terminal-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
#ostiumApp .os-terminal-nav a{padding:9px 14px;border:1px solid var(--border);border-radius:8px;text-decoration:none;font-size:12px;min-height:38px;display:inline-flex;align-items:center}
#ostiumApp .os-market-search{display:grid;gap:12px;padding:0 14px 14px}
#ostiumApp .os-market-search label{display:grid;gap:6px;font-size:11px;color:var(--muted)}
#ostiumApp .os-market-search :is(input,select){width:100%;min-width:0;box-sizing:border-box;min-height:40px;font-size:12px}
#ostiumApp .os-market-grid{display:block;padding:0 7px;max-height:570px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#ostiumApp .os-market-choice{display:flex;gap:10px;min-height:68px;padding:12px 9px!important;border:1px solid transparent!important;border-radius:8px!important;text-decoration:none;margin:2px 0;color:var(--text)}
#ostiumApp .os-market-choice:is(:hover,:focus-visible,[aria-current=page]){background:var(--panel-2,var(--surface-2))!important;color:var(--text)!important;border-color:var(--accent)!important}
#ostiumApp .os-market-choice strong{font-size:13px}#ostiumApp .os-market-choice small{font-size:10px;color:var(--muted)!important}
#ostiumApp .os-market-choice .market-pair-art{flex:0 0 32px;width:32px;height:32px}#ostiumApp .os-market-choice .market-pair-art img:first-child{width:28px;height:28px}
#ostiumApp .os-market-choice .market-pair-art img:last-child{width:15px;height:15px}
#ostiumApp .os-market-arrow{margin-left:auto;color:var(--accent);font-size:13px}
#ostiumApp .os-search-empty{padding:14px;font-size:12px;line-height:1.7}
#ostiumApp .cp-pager{padding:12px 10px;gap:5px;font-size:10px}#ostiumApp .cp-pager button{padding:8px;min-height:36px;font-size:11px}
#ostiumApp .os-directory-link{display:block;padding:10px 14px 16px;font-size:11px}
#ostiumApp #osChart{min-height:480px}#ostiumApp #osChartStatus{min-height:18px;margin:0;padding:0 20px;font-size:11px;color:var(--muted)}
#ostiumApp .os-copy-pair{padding:5px 0!important;background:transparent!important;border:0!important;min-height:28px!important;font-size:11px!important;color:var(--accent)!important;cursor:pointer}
#ostiumApp #osCopyStatus{display:block;font-size:10px;overflow-wrap:anywhere}
#ostiumApp #osMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:16px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}
#ostiumApp #osMetrics>div{border:0;border-radius:0;background:var(--panel);padding:12px;min-width:0}
#ostiumApp #osMetrics strong{font-size:13px}#ostiumApp #osMetrics small{font-size:10px}
#ostiumApp .os-ticket :is(input,select){min-width:0;width:100%;box-sizing:border-box;min-height:42px}
#ostiumApp .os-ticket #osAmount{font-size:24px;min-height:58px}
#ostiumApp #osReviewReason,#ostiumApp .os-order-estimate{line-height:1.6;font-size:12px;padding:12px;border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--panel-2,var(--surface-2))}
#ostiumApp .os-market-context{margin:32px 0;padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
#ostiumApp .os-context-heading h2{font-size:22px;margin:8px 0 22px}.os-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#ostiumApp .os-context-grid h3{font-size:15px;margin:0 0 10px}#ostiumApp .os-context-grid p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
#ostiumApp .os-market-context details{margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}
#ostiumApp .os-market-context summary{cursor:pointer;min-height:38px;font-size:13px}
#ostiumApp .os-market-context dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:12px}
#ostiumApp .os-market-context dt{color:var(--muted);margin-bottom:6px}#ostiumApp .os-market-context dd{margin:0;overflow-wrap:anywhere}
[data-theme=light] #ostiumApp .os-market-choice:is(:hover,:focus-visible,[aria-current=page]){background:#e2f3ed!important;color:#15323d!important}
@media(max-width:1150px){#ostiumApp.os-terminal[data-workspace-design] .os-workspace{grid-template-columns:180px minmax(0,1fr);grid-template-areas:'markets chart' 'markets ticket' 'positions positions'}#ostiumApp .os-ticket{position:static}#ostiumApp .os-ticket .product-form{grid-template-columns:repeat(2,minmax(0,1fr))}.os-context-grid{grid-template-columns:1fr}}
@media(max-width:700px){#ostiumApp.os-terminal[data-workspace-design] .os-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:'markets' 'chart' 'ticket' 'positions'}#ostiumApp.os-terminal[data-workspace-design] .os-market-panel{margin-top:0;align-self:start;position:static}#ostiumApp .os-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}#ostiumApp .os-market-search{grid-template-columns:1fr 1fr}#ostiumApp #osChart{min-height:370px}#ostiumApp #osMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}#ostiumApp .os-market-context dl{grid-template-columns:1fr}#ostiumApp input,#ostiumApp select{font-size:16px!important}}

#ostiumApp .bp-chart-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#ostiumApp .bp-chart-legend{flex:1 1 240px}#ostiumApp .bp-chart-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:flex-end}#ostiumApp .bp-chart-actions select{width:auto;min-width:78px;max-width:130px;min-height:32px;padding:6px 8px}#ostiumApp .bp-chart-actions button{min-height:32px;padding:6px 9px;width:auto}#ostiumApp #osInterval{width:auto;max-width:150px}#ostiumApp .bp-chart-source{overflow-wrap:anywhere}
#ostiumApp.os-terminal[data-workspace-design] .os-ticket{grid-area:ticket}
@media(min-width:701px){#ostiumApp .os-market-grid{max-height:clamp(180px,calc(100dvh - 360px),570px)}}

#ostiumApp .os-related-markets{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:20px;padding-top:20px}#ostiumApp .os-related-markets h3{flex:1 1 100%;font-size:15px;margin:0 0 4px}#ostiumApp .os-related-markets a{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12px;text-decoration:none;color:var(--text)}#ostiumApp .os-related-markets a:hover{border-color:var(--accent);background:var(--panel-2,var(--surface-2));color:var(--text)}
