/* Scoped extension of the existing light sportsbook surfaces. */
.display-quote { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 12px; min-width:0; font-variant-numeric:tabular-nums; }
.display-quote > strong { font-size:20px; color:#172b46; font-weight:750; }
.display-quote > span { font-size:12px; color:#41526a; }
.display-status,.display-source { flex-basis:100%; font-size:11px; line-height:1.5; color:#536176; overflow-wrap:anywhere; }
.display-source { color:#145ea8; text-decoration:underline; }
.display-quote[data-quote-status=stale] .display-status { color:#9a4a09; }
.display-quote > strong,.display-quote > span { overflow-wrap:anywhere; }
.display-quote .quote-metric { flex-basis:100%; font-size:11px; color:#536176; }
.display-quote .quote-meta { display:flex; flex-wrap:wrap; align-items:start; gap:0 16px; flex-basis:100%; min-width:0; }
.display-quote .quote-meta .display-source { flex-basis:auto; font-size:11px; line-height:28px; }
.quote-details { min-width:0; font-size:11px; color:#536176; }
.quote-details[open] { flex-basis:100%; }
.quote-details summary { cursor:pointer; min-height:28px; line-height:28px; width:fit-content; color:#42536b; }
.quote-details summary:focus-visible { outline:2px solid #245bd6; outline-offset:2px; border-radius:2px; }
.quote-details .quote-timing,.quote-details .quote-identity,.quote-details .quote-pool { display:block; font-size:11px; line-height:1.6; margin:4px 0; overflow-wrap:anywhere; }
.quote-details .quote-identity { font-family:inherit; }
.record-quotes { display:grid; gap:12px 20px; width:100%; min-width:0; }
.comparison-quotes { grid-template-columns:repeat(2,minmax(0,1fr)); }
.record-quotes > section { min-width:0; }
.quote-asset { display:flex; align-items:center; gap:8px; margin-bottom:8px; min-width:0; font-size:12px; font-weight:650; color:#42536b; }
.quote-asset > span:last-child { overflow-wrap:anywhere; min-width:0; padding:0; border:0; }
.quote-asset .asset-logo { width:24px; height:24px; flex:none; font-size:10px; }
.detail-quotes { margin-top:12px; }
@media(max-width:640px) {
  .comparison-quotes { grid-template-columns:minmax(0,1fr); }
  .comparison-quotes > section + section { padding-top:12px; border-top:1px solid #e4eaf1; }
}
.display-refresh { border:1px solid #c4d1e0; border-radius:6px; background:#fff; color:#174c84; padding:10px 12px; min-height:44px; font-size:12px; }
.display-refresh:is(:disabled,[aria-disabled=true]) { opacity:.5; }
.form-quote > .display-refresh { width:fit-content; margin-top:4px; }
.real-app #selected-display .form-quote:has(> .display-refresh) { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 12px; }
.form-quote:has(> .display-refresh) > strong { grid-column:1; grid-row:1; }
.form-quote:has(> .display-refresh) > span { grid-column:1; grid-row:2; }
.form-quote:has(> .display-refresh) > .display-status { grid-column:1; grid-row:3; }
.form-quote:has(> .display-refresh) > .quote-meta { grid-column:1/-1; grid-row:4; }
.form-quote:has(> .display-refresh) > .display-refresh { grid-column:2; grid-row:1/4; align-self:center; margin:0; }
.display-caption { display:block; font-size:12px; font-weight:650; color:#42536b; margin:0 0 8px; }
#selected-display:not(:empty) { grid-column:1/-1; display:grid; gap:12px; padding:14px; background:#f2f6fb; border:1px solid #d9e2ed; border-radius:8px; }
#selected-display:empty { display:none; }
#live-search-status { color:#53647a; font-size:13px; line-height:20px; margin:0; }
#live-asset-results { border:0; }
.picker-search-feedback { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:12px 0; }
.picker-search-feedback.is-error { margin:12px 0; padding:12px; border:1px solid #e7c8a4; border-radius:8px; background:#fff8ed; }
.picker-search-feedback.is-error #live-search-status { color:#78420d; flex:1 1 230px; }
.picker-search-feedback.is-quiet:not(:has(.picker-quote-note:not(:empty))) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); padding:0; }
.picker-group + .picker-group { margin-top:16px; }
.asset-modal .picker-group h3 { margin:0; padding:10px 8px; font-size:13px; line-height:20px; font-weight:700; color:#53647a; }
.picker-group-status { margin:0; padding:16px 0; color:#53647a; font-size:13px; line-height:20px; }
.picker-result-row { display:grid; grid-template-columns:minmax(0,1fr) 44px; align-items:center; border:0; border-radius:12px; }
.live-asset-result { width:100%; min-width:0; min-height:76px; display:grid; grid-template-columns:42px minmax(0,1fr) minmax(104px,auto); align-items:center; gap:14px; text-align:left; padding:14px 8px; border:0; background:transparent; color:#152238; border-radius:12px; }
.live-asset-result:hover,.picker-info:hover { background:#f1f5fa; }
.live-asset-result:focus-visible,.picker-info:focus-visible { outline:2px solid #1769ff; outline-offset:-2px; background:#f1f5fa; }
.live-asset-result .asset-logo { width:42px; height:42px; margin:0; font-size:14px; }
.live-asset-copy { min-width:0; display:grid; gap:2px; }
.live-asset-copy > b { font-size:16px; line-height:22px; overflow-wrap:anywhere; }
.live-asset-copy > span { font-size:13px; line-height:19px; color:#53647a; }
.live-asset-result:has(.picker-origin) { row-gap:3px; }
.live-asset-result:has(.picker-origin) .asset-logo { grid-row:1/3; }
.picker-origin { grid-column:2/-1; display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; min-width:0; color:#53647a; font-size:12px; line-height:17px; }
.picker-origin > span { min-width:0; overflow-wrap:anywhere; }
.picker-origin code { font-size:12px; line-height:17px; color:#53647a; white-space:nowrap; }
.picker-origin .is-full-reference { white-space:normal; overflow-wrap:anywhere; }
.picker-origin code::before { content:'·'; margin-right:8px; font-family:inherit; color:#8795a8; }
.real-app #selected-display .selected-origin { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 10px; }
.selected-origin code { font-size:11px; color:#53647a; overflow-wrap:anywhere; }
.real-app #draft-review .review-origin { display:block; margin-top:4px; color:#53647a; font-size:12px; line-height:18px; font-weight:400; }
.picker-asset-secondary { display:flex; align-items:baseline; min-width:0; gap:6px; }
.picker-asset-name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.picker-asset-network { flex:none; font-size:11px; line-height:18px; color:#53647a; background:#edf1f6; padding:0 6px; border-radius:5px; max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.live-asset-result[data-asset-type="Native coin"] .picker-asset-network { display:none; }
.display-quote-compact { display:flex; flex-direction:column; align-items:flex-end; justify-self:end; gap:2px; min-width:0; text-align:right; }
.display-quote-compact > strong { font-size:15px; line-height:21px; white-space:nowrap; overflow-wrap:normal; }
.display-quote-compact .display-status { font-size:12px; line-height:17px; color:#53647a; white-space:nowrap; }
.display-quote-compact .display-status:empty { display:none; }
.display-quote-compact > .display-source-label { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.live-asset-result:has(> .display-quote-compact[hidden]) { grid-template-columns:36px minmax(0,1fr); }
.picker-info { width:44px; height:44px; display:grid; place-items:center; border:0; border-radius:8px; background:none; color:#53647a; cursor:pointer; }
.picker-info > span { display:grid; place-items:center; width:16px; height:16px; border:1.5px solid currentColor; border-radius:50%; font-size:11px; line-height:1; font-weight:650; font-family:inherit; }
.picker-info[aria-expanded=true] { color:#1769ff; background:#edf4ff; }
.picker-identity-detail { grid-column:1/-1; background:#f5f7fa; border-radius:8px; margin:0 0 12px; padding:12px 14px; color:#53647a; font-size:12px; line-height:19px; }
.picker-identity-detail > :is(strong,span,code) { display:block; }
.picker-identity-detail > strong { color:#152238; font-size:14px; overflow-wrap:anywhere; }
.picker-identity-detail code { color:#33455c; font-size:11px; overflow-wrap:anywhere; margin-top:8px; user-select:all; }
.picker-identity-detail p { margin:8px 0 0; font-size:12px; line-height:19px; }
.picker-quote-note { padding:10px; background:#fff5e7; border:1px solid #e1c59f; border-radius:6px; font-size:12px; line-height:1.5; color:#78400d; }
.picker-quote-note:empty { display:none; }
.has-live-display .ticker-list > div { display:grid; grid-template-columns:50px minmax(0,1fr); align-items:start; }
.has-live-display .ticker-list .display-quote { display:flex; padding:0; border:0; }
.has-live-display .price-row { align-items:flex-start; }
.has-live-display .price-row > .display-quote { flex:1 1 200px; }
.has-live-display .price-row .display-quote > strong { font-size:17px; }
/* Marketplace quotes support the prediction; they are not another headline. */
.market-copy .price-row .display-quote { gap: 2px 10px; }
.market-copy .price-row .display-quote > strong { font-size: 14px; line-height: 20px; }
.market-copy .price-row .display-quote > span { font-size: 11px; line-height: 20px; border: 0; padding: 0; }
.market-copy .display-status { font-size: 11px; line-height: 16px; }
.market-copy .quote-asset { margin-bottom: 4px; font-size: 11px; }
.market-copy .record-quotes { gap: 12px; }
.market-shell .market-rail .ticker-list > div { padding-block: 12px; gap: 6px; }
.market-shell .market-rail .ticker-list > div > b { font-size: 12px; }
.market-shell .market-rail .display-quote { display: grid; grid-template-columns: minmax(0,1fr); gap: 3px; }
.market-shell .market-rail .display-quote > strong { font-size: 17px; line-height: 22px; }
.market-shell .market-rail .display-quote > span { font-size: 11px; line-height: 16px; }
.market-shell .market-rail .display-status { font-size: 11px; line-height: 16px; }
.market-shell .market-rail .quote-meta { display: flex; column-gap: 12px; }
.market-shell .market-rail .display-refresh { width: fit-content; margin-top: 4px; }
#live-asset-empty { font-size:14px; line-height:1.6; padding:32px 16px; margin:0; color:#536176; text-align:center; }
#live-search-retry { margin:0; min-height:44px; font-size:12px; }
@media(max-width:480px) {
  .display-quote > strong { font-size:18px; }
  .display-quote-compact > strong { font-size:13px; }
}
/* Keep search/close in place with a single scrolling body, including short screens. */
.real-app #asset-modal { width:min(620px,calc(100vw - 32px)); max-width:calc(100vw - 32px); height:fit-content; max-height:min(760px,calc(100dvh - 32px)); padding:0; overflow:hidden; border-radius:22px; box-shadow:0 28px 90px #071a313d,0 8px 26px #071a311f; }
.real-app #asset-modal[open] { display:flex; flex-direction:column; }
.real-app:has(#asset-modal[open]) { overflow:hidden; }
.asset-picker-header { flex:none; position:relative; padding:28px 28px 14px; border-bottom:1px solid #e4eaf2; }
.asset-picker-header h2 { min-height:34px; margin:0 44px 20px 0; color:#152238; font-size:24px; line-height:34px; letter-spacing:-.035em; }
.real-app .asset-picker-header .modal-close { top:22px; right:18px; background:#f3f6fa; border-radius:11px; font-size:24px; }
.real-app .asset-picker-header .modal-close:hover { background:#eaf0f6; color:#183553; }
.real-app .asset-picker-header .search-box { display:flex; align-items:center; gap:11px; width:100%; min-height:56px; margin:0 0 16px; padding:0 16px; background:#f4f6f9; border:1px solid #7e8fa3; border-radius:13px; }
.real-app .asset-picker-header .search-box .ui-icon { width:20px; height:20px; flex:none; color:#53647a; }
.real-app .asset-picker-header .search-box input { height:54px; padding:0; border:0; background:transparent; font-size:16px; }
.real-app .asset-picker-header .search-box:focus-within { outline:2px solid #1769ff; outline-offset:2px; border-color:#1769ff; }
.real-app .asset-picker-header .search-box input:focus { outline:none!important; }
.asset-picker-header .asset-tabs { display:flex; gap:6px; width:fit-content; margin:0; padding:0; border:0; border-radius:0; background:none; }
.asset-picker-header .asset-tabs button { min-height:44px; padding:10px 17px; border:0; border-radius:9px; background:none; color:#53647a; box-shadow:none; font-size:14px; font-weight:650; }
.asset-picker-header .asset-tabs button.is-active { color:#124baf; background:#eaf1ff; box-shadow:none; }
.asset-picker-header .asset-tabs button:focus-visible { outline:2px solid #1769ff; outline-offset:-2px; }
.asset-picker-body { flex:0 1 auto; min-height:112px; overflow-y:auto; overscroll-behavior:contain; padding:14px 28px 20px; }
.asset-picker-footnote { flex:none; padding:14px 28px; margin:0; border-top:1px solid #e4eaf2; color:#53647a; font-size:13px; line-height:19px; background:#fafbfd; }
@media(max-width:600px) {
  .real-app #asset-modal { width:calc(100vw - 16px); max-width:calc(100vw - 16px); height:fit-content; max-height:calc(100dvh - 24px); border-radius:20px; }
  .asset-picker-header { padding:20px 16px 12px; }
  .asset-picker-header h2 { margin-bottom:18px; font-size:22px; line-height:32px; }
  .real-app .asset-picker-header .modal-close { top:14px; right:10px; }
  .asset-picker-body { padding-inline:16px; }
  .asset-picker-footnote { padding:12px 16px; }
  .live-asset-result { grid-template-columns:36px minmax(0,1fr) auto; gap:10px; padding:12px 4px; }
  .live-asset-result:has(> .display-quote-compact[hidden]) { grid-template-columns:36px minmax(0,1fr); }
  .live-asset-result .asset-logo { width:36px; height:36px; }
  .live-asset-copy > b { font-size:15px; }
  .display-quote-compact > strong { font-size:14px; }
  .display-quote-compact .display-status { font-size:11px; }
  .picker-result-row { grid-template-columns:minmax(0,1fr) 44px; }
}
@media(max-width:360px) {
  .picker-asset-secondary { gap:4px; flex-wrap:wrap; }
  .picker-asset-network { max-width:70px; }
  .live-asset-result { gap:8px; }
}
@media(max-height:600px) {
  .asset-picker-header { padding-top:12px; }
  .asset-picker-header h2 { margin-bottom:12px; font-size:20px; }
  .real-app .asset-picker-header .modal-close { top:6px; }
}