/* ════════ VOLURR AGI NEWS — FOCUSED CHROME (owner brief 2026-07-23) ════════
   Owner: «قسم اخبار — بوكس شريط اسعار حذف · شريط تحت: سعر فقط زر فول سكرين و مود الوان ولغه، باقي حذف»
   → inside the News section only:
     · the global top PRICE TICKER (prices + the clock/date chip) is removed,
     · the header strip keeps ONLY three controls — fullscreen · colour mode · language,
       so Market Status / Next Session / search / notifications / mail / ⋯menu / avatar are removed.
   EVERY rule is gated on body[data-view="news"] → it can ONLY affect the News view and has zero effect on
   any other VOLURR section (the shared news-calendar.css is deliberately NOT used, so the Economic Calendar
   keeps its full chrome). Same immersive-chrome pattern as rvil-chrome.css / agi.css / access.css.
   Loaded globally (index.html), NOT lazily, so it applies the instant data-view flips to "news" — no
   first-entry flash. Restoration is automatic: leaving News flips data-view away, every rule stops matching,
   and the ticker + full header return with no reload and no stale state. ──── */

/* ── 1. the global price ticker (prices + #tkClock) ── */
html:not(.wco-on) body[data-view="news"] .ticker{display:none}
html.wco-on       body[data-view="news"] .ticker{display:none}   /* installed-PWA window-controls-overlay: still hidden; .app keeps its wco offset so content clears the OS titlebar */

/* reclaim the 34px the fixed ticker reserved, so the header sits at the very top */
html:not(.wco-on) body[data-view="news"] .app{padding-top:0}
html:not(.wco-on) body[data-view="news"] .side{top:0}
html:not(.wco-on) body[data-view="news"] .topbar{top:0}
html:not(.wco-on) body[data-view="news"] .sidetog{top:19px}      /* re-center the sidebar toggle chip against the shifted-up rail */

/* ── 2. the header strip: only fullscreen + theme + language survive ── */
body[data-view="news"] .hdr-status,       /* Market Status: Open · Next Session: 03:46:41 */
body[data-view="news"] #btnSearch,
body[data-view="news"] #btnBell,
body[data-view="news"] #btnMail,
body[data-view="news"] #btnMore,
body[data-view="news"] #userChip{display:none!important}

/* ── 3. FULL institutional merge (owner directive 2026-07-31 — «دمج بالشكل متقدم نفس المؤسسات»):
   the page title leaves the topbar for the band inside the view, and desktop hides the whole
   topbar — the same mechanism the calendar/gold/market/AGI rooms use (agi.css:7-22).
   ≤900px keeps the slim topbar so the burger (a direct .topbar child) stays reachable. */
body[data-view="news"] .topbar .hdrL{display:none}
@media (min-width:901px){
  /* zero-footprint, NOT display:none (owner 2026-07-31: fullscreen·language·theme return via the band) —
     the #langMenu popover lives inside the topbar and must still render when opened from the band. */
  html:not(.wco-on) body[data-view="news"] .topbar{visibility:hidden;height:0;padding:0;border:0;background:transparent;backdrop-filter:none}
  html:not(.wco-on) body[data-view="news"] .topbar .popover{visibility:visible}
  html:not(.wco-on) body[data-view="news"] .sidetog{top:10px}
}

/* the band's control cluster — fullscreen · language · theme (same shell functions, one truth) */
#v-news .nwshdr .hdrctl{display:flex;align-items:center;gap:8px;margin-inline-start:14px}
#v-news .hcb{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:10px;
  background:var(--card2);border:1px solid var(--line);color:var(--txt);cursor:pointer;font-family:inherit;
  font-weight:800;font-size:11.5px;transition:border-color .15s,color .15s}
#v-news .hcb:hover{border-color:var(--gold);color:var(--gold)}
#v-news .hcb svg{width:16px;height:16px}
#v-news .hcb .caret{font-size:9px;color:var(--txt2)}
@media (max-width:900px){ #v-news .nwshdr .hdrctl{margin-inline-start:0} }

/* the ONE band: title · live badge · five compact counters (same geometry as the calendar band) */
#v-news .nwshdr{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--card);
  border:1px solid var(--line);border-radius:13px;padding:12px 18px;margin-bottom:12px}
#v-news .nwshdr-t{display:flex;align-items:center;gap:10px;min-width:0}
#v-news .nwshdr-t h1{font-size:17px;font-weight:900;margin:0;letter-spacing:.2px}
#v-news .nwshdr-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-inline-start:auto}
#v-news .nstat2{display:inline-flex;align-items:center;gap:8px}
#v-news .nstat2 .ci{width:16px;height:16px;display:inline-grid;place-items:center}
#v-news .nstat2 .ci svg,#v-news .nstat2 .ci .hic svg{width:16px;height:16px}
#v-news .nstat2 .ci.gold{color:var(--gold)}
#v-news .nstat2 .ci.up{color:var(--up)}
#v-news .nstat2 .ci.down{color:var(--down)}
#v-news .nstat2 b{font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}
#v-news .nstat2 b.up2{color:var(--up)}
#v-news .nstat2 b.dn2{color:var(--down)}
#v-news .nstat2 .nsl2{font-size:10.5px;color:var(--txt2);font-weight:700}
#v-news .nstat2 .nsxtra{font-size:11px;color:var(--txt2)}
@media (max-width:900px){
  #v-news .nwshdr{gap:10px;padding:10px 14px}
  #v-news .nwshdr-stats{margin-inline-start:0}
}

/* war-room candle-outage label — shown only when the API says stale:true (never silent old data) */
#v-news .gwr-stalebdg{font-size:10px;font-weight:700;color:var(--txt2);border:1px dashed var(--line);border-radius:8px;padding:2px 7px;white-space:nowrap}