/* ════════ VOLURR PROFILE + SETTINGS — FOCUSED CHROME (owner brief 2026-08-21) ════════
   Owner: «شريط سعر حذف · فقط زر لغه و زر الون مود و زر فول سكرين · باقي حذف»

   The same brief he gave for the Academy on 2026-08-06, now for the account views. Inside the
   Profile and Settings ONLY:
     · the global top PRICE TICKER goes — a person reading their own credential, or changing a
       password, has no use for a scrolling XAU/SILVER strip, and its 1Hz repaint is live motion
       over a static page,
     · the header strip keeps exactly THREE controls — language · colour mode · fullscreen — so
       Market Status / Next Session / search / notifications / mail / ⋯menu / avatar all go,
     · the greeting leaves the topbar too, because the Profile now opens on its own credential row
       and Settings on its own title: one heading per page, not two.

   EVERY rule is gated on body[data-view="profile"] or body[data-view="settings"], so it can only
   affect these two views. `shell.js:63` sets that attribute. Loaded globally from index.html, NOT
   lazily, so it applies the instant data-view flips — no first-entry flash of the ticker.
   Restoration is automatic: leaving flips data-view away, every rule stops matching, and the
   ticker and full header return with no reload, no stale state and no JS at all.

   Same proven pattern as academy-chrome.css / news-chrome.css / rvil-chrome.css. ──── */

/* ── 1 · the global price ticker ── */
html:not(.wco-on) body[data-view="profile"] .ticker,
html:not(.wco-on) body[data-view="settings"] .ticker,
html.wco-on body[data-view="profile"] .ticker,
html.wco-on body[data-view="settings"] .ticker { display: none }

/* Reclaim the 34px the fixed ticker reserved so the header sits at the very top. Gated on
   :not(.wco-on) because in the installed PWA that padding belongs to the OS titlebar, not to us. */
html:not(.wco-on) body[data-view="profile"] .app,
html:not(.wco-on) body[data-view="settings"] .app { padding-top: 0 }

html:not(.wco-on) body[data-view="profile"] .side,
html:not(.wco-on) body[data-view="settings"] .side { top: 0 }

html:not(.wco-on) body[data-view="profile"] .topbar,
html:not(.wco-on) body[data-view="settings"] .topbar { top: 0 }

html:not(.wco-on) body[data-view="profile"] .sidetog,
html:not(.wco-on) body[data-view="settings"] .sidetog { top: 19px }

/* ── 2 · the header strip: language · theme · fullscreen survive, nothing else ──
   #btnLang, #themeBtn and #btnFs are deliberately absent from this list — they are what remains.
   `.burger` is also absent: it is the ≤900px navigation, and removing it would strand a phone
   inside the Profile with no way back to the rail. */
body[data-view="profile"] .hdr-status,
body[data-view="profile"] #btnSearch,
body[data-view="profile"] #btnBell,
body[data-view="profile"] #btnMail,
body[data-view="profile"] #btnMore,
body[data-view="profile"] #userChip,
body[data-view="settings"] .hdr-status,
body[data-view="settings"] #btnSearch,
body[data-view="settings"] #btnBell,
body[data-view="settings"] #btnMail,
body[data-view="settings"] #btnMore,
body[data-view="settings"] #userChip { display: none !important }

/* the greeting leaves — the page carries its own heading */
body[data-view="profile"] .topbar .hdrL,
body[data-view="settings"] .topbar .hdrL { display: none }

/* with three controls left, let them sit where the eye expects rather than float in an empty bar */
body[data-view="profile"] .topbar .hdr-acts,
body[data-view="settings"] .topbar .hdr-acts { margin-inline-start: auto }

/* ── 4 · ON DESKTOP THE TOPBAR MERGES INTO THE PROFILE'S OWN HEADER BAND ──
   The approved page has ONE header row: the title and the wordmark on the start side, the three
   controls on the end side. With only three buttons left in the global strip it had become a ~66px
   band of empty surface carrying two buttons in one corner — worse than the full topbar it
   replaced, which at least earned its height. So on the Profile the strip takes zero height and the
   page's own `.pb-head` carries the same three buttons, calling the same three functions.

   visibility:hidden + height:0, NOT display:none, and the reason is load-bearing: #langMenu is a
   CHILD of .topbar. display:none on the parent would make the language popover unopenable from the
   band that now owns the button. The popover is explicitly returned to visible.

   Settings does the same since Ultra 2 (2026-09-25): its header carries the title, the search and
   the same three buttons. ≤900px keeps the strip everywhere, because .burger is a direct child of
   .topbar and it is the only navigation a phone has; each page hides its own copy of the three at
   that width so nothing shows twice. */
@media (min-width: 901px) {
  html:not(.wco-on) body[data-view="profile"] .topbar,
  html:not(.wco-on) body[data-view="settings"] .topbar {
    visibility: hidden; height: 0; min-height: 0; padding: 0; border: 0; background: transparent; backdrop-filter: none;
  }
  html:not(.wco-on) body[data-view="profile"] .topbar .popover,
  html:not(.wco-on) body[data-view="settings"] .topbar .popover { visibility: visible; }
  html:not(.wco-on) body[data-view="profile"] .sidetog,
  html:not(.wco-on) body[data-view="settings"] .sidetog { top: 10px; }
  html:not(.wco-on) body[data-view="profile"] .main,
  html:not(.wco-on) body[data-view="settings"] .main { padding-top: 10px; }
}

/* ≤900px THE STRIP STAYS (the burger lives in it and is a phone's only navigation) and carries the
   three controls, so each page's own copy steps aside — nothing shows twice. [Ultra 2, 2026-09-25:
   Settings gained the same header band as the Profile, so it follows the same two rules.] */
@media (max-width: 900px) {
  #v-profile .pb-head-c,
  #v-settings .su-head-c { display: none; }
}

/* ── 3 · the phone · THE DEFECT THIS PATTERN CAUSED IN THE ACADEMY, NOT REPEATED ──
   `charts-page.css:136-138` hides #btnSearch #btnBell #btnMail #themeBtn #btnLang AND #btnFs below
   760px, and promotes #btnMore to be their only carrier. Section 2 above hides #btnMore. The two
   together leave a 375px phone with ZERO of the three controls the owner asked to KEEP — the
   removal works and the keeping does not. The Academy hit exactly this and solved it by moving the
   three into its own header band.

   The Profile has no such band: it opens on the credential row, and Settings on its rail. So the
   three are restored here explicitly, as real buttons rather than as entries in a menu. #btnMore
   stays hidden on purpose — re-showing it would drag Search, Notifications and Mail back in
   through its menu, which is precisely what was asked to be removed.

   !important is required because the charts-page rule is media-scoped and equally specific. */
@media (max-width: 760px) {

  body[data-view="profile"] .hdr-acts #themeBtn,
  body[data-view="profile"] .hdr-acts #btnLang,
  body[data-view="profile"] .hdr-acts #btnFs,
  body[data-view="settings"] .hdr-acts #themeBtn,
  body[data-view="settings"] .hdr-acts #btnLang,
  body[data-view="settings"] .hdr-acts #btnFs {
    display: grid !important;
  }
}