/* qx-review — grok-20261017j. Layout/legibility fixes from the 17-Oct site review. Static, CSP-safe. */

/* L9: fixed gradients never reveal white (iOS ignores background-attachment:fixed) */
html.qr-on{background:#0B1440}

/* L4: comfortable tap targets */
.topsearch input{min-height:36px}

/* M1: the peak is labelled, and the harvest no longer repeats it as a headline number */
#qx-harvest .best-top>b.qr-hide{display:none}

/* M13: Latin company names keep their own direction (no leading «.Inc») */
.opp .names small,.qs-head .names small,.sp-names small,#qabas-earlywatch .ew-co{unicode-bidi:plaintext;text-align:right}

/* M3: closed market — the «الآن» scope note is not live */
html.qr-closed #cl-scope-note.is-current i{background:#7D8AB5!important;box-shadow:none!important;animation:none!important}
.qr-closed-tag{font-style:normal;color:var(--text-3,#9FAFD7)}

/* H4: radar fallback note */
.qr-fallback-note{margin:10px 0 0;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.6;color:var(--text-2,#C9D3F2);background:rgba(242,196,107,.08);border:1px solid rgba(242,196,107,.28)}

/* M8 / M7: closing CTA (free membership) */
.qr-close-cta,.qr-wl-cta{display:grid;gap:6px;justify-items:start;margin:28px auto 8px;padding:18px 20px;border-radius:18px;background:linear-gradient(160deg,rgba(242,196,107,.12),rgba(17,28,82,.55));border:1px solid rgba(242,196,107,.30);color:#EEF3FF}
.qr-wl-cta{margin:0 0 16px}
.qr-close-cta strong,.qr-wl-cta strong{font-size:17px;line-height:1.5}
.qr-close-cta span,.qr-wl-cta span{font-size:13px;line-height:1.7;color:var(--text-2,#C9D3F2)}
.qr-close-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:6px;padding:0 22px;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none!important;color:#2A1A03!important;background:linear-gradient(180deg,#F8D58A 0%,#EDB458 55%,#D9952F 100%)}
.qr-close-btn:focus-visible{outline:2px solid #FBE3B0;outline-offset:3px}

/* M4: symbol page — readable engine link, docked «تحليل … المترابط» chip */
#qabas-integrated-engine a.qr-engine-link{display:block!important;margin-top:10px;padding:10px 14px!important;border-radius:12px;background:#0F1B45!important;color:#EAF1FF!important;border:1px solid rgba(88,199,243,.38);font-weight:700;text-decoration:none}
#qabas-integrated-engine a.qr-engine-link:hover{border-color:rgba(88,199,243,.7)}
#qabas-integrated-engine a.qr-engine-link:focus-visible{outline:2px solid #8EDCFF;outline-offset:2px}
.qd-open.qd-symbol.qr-docked{position:static!important;display:inline-flex;margin:10px 0 0;padding:8px 14px}

/* L7: «أين يختلفون؟» breathing room */
.sd-themes aside{margin-top:12px}

/* M18: split cards — chips on their own row under the ticker (mobile) */
@media (max-width:640px){.sp-card .sp-head{flex-wrap:wrap}.sp-card .sp-head .sp-tags{flex-basis:100%}}

/* M10: scanner — «لماذا ظهر» wraps instead of being cut off */
.scr-row .scr-why{white-space:normal;overflow-wrap:anywhere;line-height:1.6}

/* H8 (/report) + /premarket: catalyst cards go single-column when their column is narrow */
#qabas-earlywatch{container-type:inline-size}
@container (max-width:680px){
  #qabas-earlywatch .ew-grid{grid-template-columns:1fr}
}
#qabas-earlywatch .ew-head{flex-wrap:wrap;min-width:0}
#qabas-earlywatch .ew-head>span{flex:1 1 140px;min-width:0}
#qabas-earlywatch .ew-head>b{flex:none;white-space:nowrap}

/* H6 (/performance): hit-rates in neutral colour, no gain styling */
.kv.qr-neutral span,.kv.qr-neutral bdi{color:#DDE5FA!important;font-weight:700}
.kv.qr-neutral>span:last-child{font-size:18px}.kv.qr-neutral>span:last-child bdi{font-size:22px}

/* H7 (/more, /watchlist legacy header): the 8-item nav fits its grid cell — no overlap with the search box or logo */
@media (min-width:1080px){
  body.qx-bridge .site-topbar .nav{min-width:0;overflow:hidden;column-gap:2px}
  body.qx-bridge .site-topbar .nav a{min-width:0;padding-inline:4px!important;gap:0!important;justify-content:center;font-size:13px}
  body.qx-bridge .site-topbar .nav a>:not(span){display:none!important}
  body.qx-bridge .site-topbar .nav a span{white-space:nowrap}
}
.qr-zero{display:none!important}
/* grok-20261018a: signed-in members never see guest sign-up banners */
.qx-member .qr-close-cta,.qx-member .qr-wl-cta{display:none!important}

/* qa1: header CTA waits until membership is known (no guest CTA flash for members) */
html.qr-on:not(.qx-known) .pm-sub-cta{visibility:hidden}
/* qa1: home proof — peak is labelled and neutral, session-end value beside it */
.qr-hide{display:none!important}
.qr-proof-line{display:block;color:var(--text-2,#C9D3F2);font-size:13px;line-height:1.55;margin-top:2px}
#qx-proof>b.qr-peak-big{color:#DDE5FA;display:inline-flex;flex-direction:column;align-items:center;line-height:1.1}
#qx-proof>b.qr-peak-big small{font-size:12px;font-weight:600;color:var(--text-3,#8E9AC0);margin-top:4px}
/* qa1: keep a number and its % on one line */
.qr-nw{white-space:nowrap;unicode-bidi:isolate}
/* qa1: scanner results fit the desktop card; the table still scrolls if narrower */
@media (min-width:1080px){.scr-head,.scr-row{grid-template-columns:116px repeat(var(--scr-cols,6),minmax(90px,1fr)) minmax(190px,1.6fr);min-width:860px}}