/* grok-20261103v5fix4 — home polish; 8-col bar (native). No أخبار. */
.tabbar,.site-tabbar,.bottom-nav,.v5-tabbar,#q-indigo-deep .nav{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
}
.v5-pop-bg{position:fixed;inset:0;z-index:69;background:rgba(3,6,26,.55)}
.v5-pop{
  position:fixed;inset-inline:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:75;
  padding:16px;border-radius:18px;background:#121a4a;border:1px solid rgba(150,143,247,.28);
  box-shadow:0 16px 40px rgba(0,0,0,.55);max-width:360px;margin-inline:auto;color:#E8EEFF;
}
.v5-pop h3{margin:0 0 10px;font-size:18px}
.v5-pop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.v5-pop-grid div{background:rgba(255,255,255,.04);border-radius:12px;padding:10px;text-align:center}
.v5-pop-grid small{display:block;font-size:11px;color:#8FA5CC;margin-bottom:4px}
.v5-pop-grid b{font-size:15px}
.v5-pop-grid .up{color:#4AE2AC}
.v5-pop-note{font-size:12.5px;color:#A2B7DC;margin:0 0 12px;line-height:1.55}
.v5-pop-go{
  display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;
  background:linear-gradient(180deg,#F6D79A,#E3A13B);color:#1E1404;font-weight:800;text-decoration:none;
}
.v5-summary{
  display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:12px;
  background:rgba(88,199,243,.08);border:1px solid rgba(88,199,243,.18);color:#C9D5F0;font-size:13px;line-height:1.55;
}
.v5-summary .ic{color:#58C7F3;font-weight:700}
.v5-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 8px;direction:rtl}
.v5-path div{text-align:center;padding:8px 6px;border-radius:10px;background:rgba(255,255,255,.04)}
.v5-path small{display:block;font-size:11px;color:#8FA5CC;margin-bottom:2px}
.v5-path .g{color:#F2C46B}.v5-path .u{color:#4AE2AC}.v5-path .n{color:#E8EEFF}
.v5-tl{margin:4px 0 8px}
.v5-tl-track{height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.v5-tl-fill{height:100%;background:linear-gradient(90deg,#E3A13B,#4AE2AC);width:0}
.v5-tl-pts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px}
.v5-tl-pts span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#8FA5CC}
.v5-tl-pts i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2)}
.v5-tl-pts [aria-current="true"]{color:#F2C46B;font-weight:700}
.v5-tl-pts [aria-current="true"] i{background:#F2C46B;box-shadow:0 0 0 3px rgba(242,196,107,.25)}
.v5-tl-readout{margin-top:6px;font-size:12px;color:#A2B7DC;text-align:center}
.v5-block{margin-top:8px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(170,192,255,.12)}
.v5-block>summary{
  list-style:none;cursor:pointer;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;
  color:#E8EEFF;font-size:14px;font-weight:600;
}
.v5-block>summary::-webkit-details-marker{display:none}
.v5-block .chev{color:#8FA5CC}
.v5-block .v5-inner{padding:0 12px 12px}
.v5-tk{cursor:pointer}
html,body{background:#0B1440}
body.v5-join-pad{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
html.v5-has-bar body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
nav.tabbar.v5-tabbar[data-v5="8"]{
  position:fixed;inset-inline:0;bottom:0;z-index:60;
  display:grid;grid-template-columns:repeat(8,minmax(0,1fr));
  min-height:64px;padding:6px 2px calc(6px + env(safe-area-inset-bottom,0px));
  background:#0B1440;border-top:1px solid rgba(150,143,247,.22);
  color:#A2B7DC;font-size:10px;
}
nav.tabbar.v5-tabbar[data-v5="8"] a{
  display:grid;justify-items:center;align-content:center;gap:2px;min-width:0;color:inherit;text-decoration:none;
}
nav.tabbar.v5-tabbar[data-v5="8"] a[aria-current="page"],nav.tabbar.v5-tabbar[data-v5="8"] a.tab-core{color:#F2C46B}
nav.tabbar.v5-tabbar[data-v5="8"] .ico{width:20px;height:20px}
@media (min-width:1080px){
  nav.tabbar.v5-tabbar[data-v5="8"]{display:none}
  html.v5-has-bar body,body.v5-join-pad{padding-bottom:0}
}

/* v5fix2 — mobile tabs + deck fit (360–430). Don't touch the bottom bar. */
@media (max-width: 760px) {
  .pm-home .qx .hero .hero-top,
  .workspace-home .qx .hero .hero-top,
  .hero-top{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    gap:8px!important;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .pm-home .qx .hero .hero-top > .hero-head,
  .workspace-home .qx .hero .hero-top > .hero-head,
  .hero-top > .hero-head{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    box-sizing:border-box;
  }
  .pm-home .qx .hero .hero-top > .v5-summary,
  .pm-home .qx .hero .hero-top > .v5-summary-ops,
  .workspace-home .qx .hero .hero-top > .v5-summary,
  .hero-top > .v5-summary,
  .hero-top > .v5-summary-ops{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box;
    margin:0!important;
  }
  .pm-home .qx .hero .hero-top > .hero-tools,
  .workspace-home .qx .hero .hero-top > .hero-tools,
  .hero-top > .hero-tools{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box;
  }
  .pm-home .qx .hero .hero-tools .seg,
  .workspace-home .qx .hero .hero-tools .seg,
  .hero-top > .hero-tools .seg[role="tablist"],
  .hero .hero-tools .seg{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box;
    overflow:visible!important;
  }
  .pm-home .qx .hero .hero-tools .seg > button,
  .workspace-home .qx .hero .hero-tools .seg > button,
  .hero-top > .hero-tools .seg > button,
  .hero-top > .hero-tools .seg > [role="tab"]{
    flex:1 1 0!important;
    min-width:0!important;
    padding-inline:4px!important;
    font-size:12px!important;
  }
  .pm-home .qx .hero .hero-top > .hero-head,
  .workspace-home .qx .hero .hero-top > .hero-head,
  .hero-top > .hero-head{order:1!important}
  .pm-home .qx .hero .hero-top > .v5-summary,
  .pm-home .qx .hero .hero-top > .v5-summary-ops,
  .workspace-home .qx .hero .hero-top > .v5-summary,
  .workspace-home .qx .hero .hero-top > .v5-summary-ops,
  .hero-top > .v5-summary,
  .hero-top > .v5-summary-ops{order:2!important}
  .pm-home .qx .hero .hero-top > .hero-tools,
  .workspace-home .qx .hero .hero-top > .hero-tools,
  .hero-top > .hero-tools{order:3!important}
  .pm-hero,.pm-home .pm-hero{
    max-width:100%;
    min-width:0;
    overflow-x:hidden;
  }
  .rail{
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
  }
  #wd-opportunities.hero,
  .hero .workspace,
  #qx-board.deck-col{
    max-width:100%;
    min-width:0;
    overflow-x:hidden;
  }
  #qx-deck.deck,
  .hero .deck{
    max-width:100%;
    width:100%;
    box-sizing:border-box;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:16px;
  }
  #qx-deck.deck > .opp,
  .hero .deck > .opp{
    flex:0 0 min(88%,340px);
    max-width:min(88%,340px);
    scroll-snap-align:start;
  }
}

/* v5fix4 — proof-line signed % : each Arabic+pct pair is an isolated RTL unit. */
.qr-proof-line.v5-proof-line{
  display:block;
}
.qr-proof-line.v5-proof-line > .v5-proof-unit{
  direction:rtl;
  unicode-bidi:isolate;
}
.qr-proof-line.v5-proof-line > .v5-proof-unit > .v5-proof-ar{
  unicode-bidi:isolate;
}
.qr-proof-line.v5-proof-line > .v5-proof-unit > bdi.num,
#qx-proof .qr-peak-big > bdi.num,
.v5-tl-readout bdi.num,
.v5-pop bdi.num{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline;
  white-space:nowrap;
}