/* Mobile Safari QA fixes for the authenticated Pages viewer. Loaded last. */
@media(max-width:760px){
  main{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))!important}

  [data-view-panel="results"] .page-head{display:block!important;margin-bottom:12px!important}
  [data-view-panel="results"] .page-head .leader-text{display:block!important;max-width:none!important;margin-top:9px!important;text-align:left!important;font-size:12px!important}
  .best-results-summary{margin-bottom:10px!important;border-radius:19px!important}
  .best-results-top{align-items:center!important}
  .best-results-meta{gap:4px 10px!important;font-size:10.5px!important}

  .parity-research-layout{display:block!important}
  .parity-leaderboard{position:static!important;padding:12px!important;border-radius:19px!important;overflow:visible!important}
  .parity-leaderboard .market-controls{grid-template-columns:minmax(0,1fr) minmax(138px,.82fr)!important;gap:8px!important}
  .parity-leaderboard .market-controls input,.parity-leaderboard .market-controls select{min-height:48px!important;height:48px!important;font-size:16px!important;border-radius:14px!important}
  .parity-leaderboard .filter-row{padding:10px 0 12px!important;gap:7px!important;scroll-padding-inline:2px!important}
  .parity-leaderboard .filter-row button{min-height:38px!important;padding:0 13px!important;font-size:12px!important}
  .parity-leaderboard .market-list{display:flex!important;flex-direction:column!important;gap:7px!important;max-height:none!important;height:auto!important;padding:1px 1px 8px!important;overflow:visible!important;scrollbar-gutter:auto!important}
  .parity-leaderboard .market-row{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:3px 9px!important;width:100%!important;min-height:70px!important;height:auto!important;padding:11px 12px!important;overflow:visible!important;border-radius:14px!important}
  .parity-leaderboard .market-row.is-active{outline:2px solid rgba(65,110,225,.34)!important;outline-offset:0!important}
  .parity-leaderboard .market-row .rank{grid-row:1/3!important;align-self:center!important}
  .parity-leaderboard .market-name{grid-column:2/3!important;grid-row:1/2!important;min-width:0!important;overflow:visible!important}
  .parity-leaderboard .market-name b{font-size:15px!important;line-height:1.2!important}
  .parity-leaderboard .market-name i{display:inline-flex!important;vertical-align:middle!important;max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .parity-leaderboard .market-name small{font-size:10px!important;line-height:1.3!important;margin-top:4px!important}
  .parity-leaderboard .market-row>.market-metric:nth-of-type(1){display:block!important;grid-column:2/3!important;grid-row:2/3!important;text-align:left!important;min-width:0!important}
  .parity-leaderboard .market-row>.market-metric:nth-of-type(1) b{font-size:11.5px!important;line-height:1.25!important}
  .parity-leaderboard .market-row>.market-metric:nth-of-type(1) small{display:none!important}
  .parity-leaderboard .market-row>.market-metric:nth-of-type(2){display:none!important}
  .parity-leaderboard .market-row>.market-return{display:block!important;grid-column:3/4!important;grid-row:1/3!important;align-self:center!important;min-width:68px!important;text-align:right!important}
  .parity-leaderboard .market-row>.market-return b{font-size:15px!important;line-height:1.2!important}
  .parity-leaderboard .market-row>.market-return small{font-size:9.5px!important;line-height:1.3!important;margin-top:4px!important}

  .parity-result-detail{margin-top:12px!important;min-height:0!important;padding:12px!important;border-radius:19px!important;overflow:visible!important}
  .parity-detail-head{gap:8px!important}
  .parity-detail-title{gap:6px!important}
  .parity-detail-title h3{font-size:27px!important}
  .parity-live-hero{display:block!important;margin:12px 0!important}
  .parity-live-price{padding:16px!important;border-radius:15px!important}
  .parity-live-price strong{font-size:36px!important}
  .parity-live-position{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:7px!important}
  .parity-live-position>div{padding:12px!important;border-radius:14px!important}
  .parity-live-position b{font-size:16px!important}

  .parity-plan-panel{padding:12px!important;border-radius:17px!important}
  .parity-plan-head{align-items:flex-start!important;margin-bottom:9px!important}
  .parity-plan-head>div{display:flex!important;align-items:baseline!important;gap:7px!important;flex-wrap:wrap!important}
  .parity-plan-head>div>span{font-size:11px!important}
  .parity-plan-head>div>b{font-size:14px!important;line-height:1.2!important}
  .parity-plan-head>span{font-size:10.5px!important}
  .parity-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .parity-plan-grid>div{min-height:0!important;padding:12px!important;border-radius:14px!important;display:block!important}
  .parity-plan-grid>div.primary{grid-column:1/-1!important}
  .parity-plan-grid span{font-size:10.5px!important}
  .parity-plan-grid strong{margin-top:5px!important;font-size:19px!important;line-height:1.18!important;overflow-wrap:anywhere!important}
  .parity-plan-grid b{margin-top:5px!important;font-size:15px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
  .parity-plan-grid small{margin-top:6px!important;font-size:10px!important;line-height:1.4!important;min-height:0!important}
  .parity-plan-grid .mobile-plan-fallback{font-size:15px!important;letter-spacing:-.02em!important;color:var(--secondary)!important}

  .parity-score-line{grid-template-columns:1fr 1fr!important;gap:7px!important;margin:10px 0!important}
  .parity-score-line>div{padding:10px!important}
  .parity-chart-grid{grid-template-columns:1fr!important;gap:7px!important}
  .parity-chart{height:165px!important}
  .parity-detail-columns{grid-template-columns:1fr!important;gap:7px!important}

  .viewer-nav{padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))!important}
  .viewer-nav-inner{height:58px!important;min-height:58px!important;margin-inline:6px!important;width:calc(100% - 12px)!important}
  .viewer-nav button{height:44px!important;min-height:44px!important}
}

@media(max-width:430px){
  .parity-leaderboard .market-controls{grid-template-columns:1fr!important}
  .parity-leaderboard .filter-row{margin-right:-2px!important}
  .parity-live-position{grid-template-columns:1fr 1fr!important}
  .parity-plan-grid{grid-template-columns:1fr 1fr!important}
  .parity-plan-grid>div.primary{grid-column:1/-1!important}
  .parity-plan-grid>div:not(.primary) b{font-size:14px!important}
  .parity-plan-grid>div:not(.primary) span{font-size:10px!important}
}

@media(max-width:360px){
  .parity-live-position{grid-template-columns:1fr!important}
  .parity-plan-grid{grid-template-columns:1fr!important}
  .parity-plan-grid>div.primary{grid-column:auto!important}
}
