/* Phone look for the stock page's overview pages, aligned with My stocks / Markets (2026-11-01). Loaded on every phone page with
   media="(max-width: 767px)" (_phone.html): every rule stays inside, scoped to html.aiq-phone.
   Overview (#tab-overview) + All charts (#tab-charts): filled borderless 18px cards (--rc-card, as My stocks' .pc-r), tables
   inside them take the card's fill (base.html paints every th / td white), Estimates + Earnings history become grouped
   lists (js/aiq-phone-fin-overview.js). docs/features/financials.md "Phones". */
@media (max-width: 767px) {
  /* an opaque copy of --rc-card for pinned (sticky) table cells: dark --rc-card is see-through */
  html.aiq-phone { --ofo-solid: #FFFFFF; }   /* the finance look: white cards */
  html.aiq-phone[data-theme="dark"] { --ofo-solid: color-mix(in srgb, #fff 4.5%, #252933); }

  /* ── Overview: every section card filled, no outline (My stocks' cards have none) ── */
  html.aiq-phone #tab-overview section.card:not(.ovs-price):not(.ovs-ph-off):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { border: 0 !important; }
  html.aiq-phone #tab-overview .ovs-ph .ph-rtext:not(#_):not(#_):not(#_) { border: 0; }

  /* tables inside a card: no white box, no header band; the pinned name column carries the card's own (solid) fill */
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-tw:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { background: none !important; border-radius: 0 !important; margin-top: 4px; }
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { background: none !important; box-shadow: none !important; }
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > :is(thead, tbody, tfoot), html.aiq-phone[data-theme] #tab-overview section.card .ovs-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > * > tr { background: none !important; }
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > * > tr > :is(th, td) {
    background: transparent !important; box-shadow: none !important; border-left: 0 !important; border-right: 0 !important; }
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > thead > tr > th {
    color: var(--rc-mut) !important; font: 500 13px/1.2 Inter, system-ui, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important;
    border-bottom: 1px solid var(--rc-sep) !important; }
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr > td { border-top: 0 !important; border-bottom: 1px solid var(--rc-sep) !important; }
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr:last-child > td { border-bottom: 0 !important; }
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > * > tr > :first-child { padding-left: 2px !important; }
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-fin:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > * > tr > :first-child { background: var(--ofo-solid) !important; }
  /* the total row: a hairline above it, not a band */
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-table tr.ovs-seg-total:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > td { border-top: 1px solid var(--rc-sep) !important; }
  /* the in-cell trend bars go (plain numbers in phone tables) */
  html.aiq-phone[data-theme] #tab-overview section.card .ovs-table :is(th, td).trend:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }

  /* Estimates / Earnings history as grouped lists (js builds .ofo-list; the tables stay as the source, hidden) */
  html.aiq-phone #tab-overview section.card.ofo-on:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { padding: 0 !important; background: none !important; }
  html.aiq-phone #tab-overview section.card.ofo-on > :not(.ovs-rule):not(.ofo-list):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone #tab-overview .ofo-list .ph-rrow { min-height: 58px; padding: 9px 16px; }
  html.aiq-phone #tab-overview .ofo-list .ph-rrow + .ph-rrow::before { left: 16px; }
  html.aiq-phone #tab-overview .ofo-list .ofo-l, html.aiq-phone #tab-overview .ofo-list .ofo-r { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  html.aiq-phone #tab-overview .ofo-list .ofo-l { flex: 1; }
  html.aiq-phone #tab-overview .ofo-list .ofo-r { flex: none; align-items: flex-end; text-align: right; }
  html.aiq-phone #tab-overview .ofo-list .ofo-t { font-size: 16px; font-weight: 500; color: var(--rc-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
  html.aiq-phone #tab-overview .ofo-list .ofo-s { font-size: 13.5px; color: var(--rc-mut); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.aiq-phone #tab-overview .ofo-list .ofo-none { white-space: normal; font-size: 15px; line-height: 1.4; }
  html.aiq-phone #tab-overview .ofo-list .ph-rpill { font-size: 13.5px; padding: 2px 8px; font-variant-numeric: tabular-nums; }

  /* Latest news: plain rows in the card */
  html.aiq-phone #tab-overview .ovs-news:not(#_):not(#_):not(#_) { padding: 12px 2px; border-bottom: 1px solid var(--rc-sep); background: none; }
  html.aiq-phone #tab-overview .ovs-news:last-child:not(#_):not(#_):not(#_) { border-bottom: 0; }
  html.aiq-phone #tab-overview .ovs-news .t:not(#_):not(#_):not(#_) { font-size: 15px; line-height: 1.35; color: var(--rc-ink); }

  /* ── All charts: the cards lose their outline too; the plan note above the grid goes (each chart's lock column says it) ── */
  html.aiq-phone.aiq-phone #charts-grid .cg-card:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { border: 0 !important; }
  html.aiq-phone #tab-charts .ch-head > .fin-hist-note:not(#_):not(#_):not(#_) { display: none !important; }

  /* ══ The finance look (user, 2026-11-01: Revolut / Wealthsimple shots, replacing the same day's Pinterest colour blocks as
     "not 'finance' enough"; kit in css/aiq-phone-pin.css): grey page, WHITE cards, a large title-case title, colour only
     on gains / losses. The title + Highlights + headings are stock-page-wide and live here; each area's file adds its own
     page's feature card (js builds .pfp-hero). ══ */
  /* the title (js/aiq-phone-fin-overview.js inserts #pfp-t before the company row): the header keeps ‹ and ≡, and names the
     page again only once the big title has scrolled away (iOS large titles) */
  html.aiq-phone.pfp-on main .at-ft:not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone.pfp-on:not(.pfp-away) #ph-th .ph-th-t:not(#_):not(#_):not(#_):not(#_) { visibility: hidden; }
  html.aiq-phone .pfp-t { margin: 4px 4px 16px; }
  html.aiq-phone .pfp-t h1 { margin: 0; font: 700 34px/1.08 Inter, system-ui, sans-serif; letter-spacing: -.03em; color: #101112; overflow-wrap: anywhere; }
  html.aiq-phone .pfp-t.pfp-m h1 { font-size: 30px; }
  html.aiq-phone .pfp-t.pfp-s h1 { font-size: 26px; }
  html.aiq-phone .pfp-sub { display: flex; align-items: center; gap: 8px; margin-top: 8px; font: 500 14px/1 Inter, system-ui, sans-serif; color: #80868F; font-variant-numeric: tabular-nums; }
  html.aiq-phone .pfp-sub img { width: 24px; height: 24px; border-radius: 50%; background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(15,17,21,.07); object-fit: contain; }
  html.aiq-phone .pfp-sub b { color: #101112; font-weight: 600; }
  html.aiq-phone .pfp-sub .pfp-p { color: #101112; }
  html.aiq-phone .pfp-sub .pos { color: #0d8a66; }
  html.aiq-phone .pfp-sub .neg { color: #c8203f; }

  /* a page's headline figure: one white feature card (built by each area's js) — label, big figure, a quiet line under it;
     a change is small signed text in its colour, never a pill */
  html.aiq-phone .pfp-hero:not(#_):not(#_):not(#_):not(#_) { margin: 0 0 16px; padding: 18px 18px 16px; border-radius: 22px; background: #FFFFFF; color: #101112; }
  html.aiq-phone .pfp-hero .k:not(#_):not(#_):not(#_):not(#_) { font: 500 14px/1.2 Inter, system-ui, sans-serif !important; color: #80868F !important; }
  html.aiq-phone .pfp-hero .big:not(#_):not(#_):not(#_):not(#_) { display: block; margin-top: 6px; font: 700 36px/1.05 Inter, system-ui, sans-serif !important; letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: #101112 !important; }
  html.aiq-phone .pfp-hero .sub:not(#_):not(#_):not(#_):not(#_) { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin-top: 8px; font: 500 14px/1.3 Inter, system-ui, sans-serif; color: #80868F; font-variant-numeric: tabular-nums; }
  html.aiq-phone .pfp-hero .sub b:not(#_):not(#_):not(#_):not(#_) { color: #101112; font-weight: 600; }
  html.aiq-phone .pfp-hero .pill:not(#_):not(#_):not(#_):not(#_) { color: #101112; font-weight: 600; }
  html.aiq-phone .pfp-hero .pill.pos:not(#_):not(#_):not(#_):not(#_) { color: #0d8a66; }
  html.aiq-phone .pfp-hero .pill.neg:not(#_):not(#_):not(#_):not(#_) { color: #c8203f; }

  /* Highlights on any stock page (Overview, Insiders, Board, Guidance …): Home's white cards — label, figure, small change */
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard:not(#_):not(#_):not(#_):not(#_) { min-height: 100px; border: 0; border-radius: 20px; box-shadow: none; background: #FFFFFF; color: #101112; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard :is(.l, .l span, .v):not(#_):not(#_):not(#_):not(#_) { opacity: 1; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard .l:not(#_):not(#_):not(#_):not(#_) { color: #80868F; font-weight: 500; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard .l i:not(#_):not(#_):not(#_):not(#_) { display: none; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard .v:not(#_):not(#_):not(#_):not(#_) { color: #101112; font-size: 22px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard .v :is(.pos, .tb-pos):not(#_):not(#_):not(#_):not(#_) { color: #0d8a66; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard .v :is(.neg, .tb-neg):not(#_):not(#_):not(#_):not(#_) { color: #c8203f; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard .v.mut:not(#_):not(#_):not(#_):not(#_) { color: #A3A8B2; font-weight: 600; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard .ph-rpill:not(#_):not(#_):not(#_):not(#_) { padding: 0; background: none; font-size: 22px; font-weight: 700; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard .ph-rpill.green:not(#_):not(#_):not(#_):not(#_) { color: #0d8a66; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard .ph-rpill.rose:not(#_):not(#_):not(#_):not(#_) { color: #c8203f; }
  html.aiq-phone.at-p-financials main .ph-rcards > .ph-rcard .ph-rpill:not(.green):not(.rose):not(#_):not(#_):not(#_):not(#_) { color: #101112; }

  /* section headings on every stock page: title case, ink, as Home's ("Highlights", "Key facts", "Companies" …) */
  html.aiq-phone.at-p-financials main :is(.ph-rh, .pfv-h):not(#_):not(#_):not(#_):not(#_) { color: #101112 !important; font-size: 19px !important; font-weight: 700 !important; letter-spacing: -.02em; }
  html.aiq-phone.at-p-financials main .ph-rh button:not(#_):not(#_):not(#_):not(#_) { color: #80868F !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0; }

  /* ── Overview = Wealthsimple's stock screen (user, 2026-11-01: "copy wealthsimple's layout for stocks. make the company name
     smaller"): no card — the big price with its currency code, one gain/loss line, the chart edge to edge on the page with no
     axes (dotted fill, dotted start-price line; _overview.html reads the --ovh-* colours), the range row under it ── */
  html.aiq-phone[data-theme] #tab-overview section.card.ovs-price:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) {
    margin: 0 0 14px !important; padding: 0 4px !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: #101112; overflow: visible !important; }
  html.aiq-phone[data-theme] #tab-overview section.ovs-price .ovs-px:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: block !important; order: 0; }
  html.aiq-phone[data-theme] #tab-overview section.ovs-price .ovs-px .p:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: inline; font: 700 46px/1 Inter, system-ui, sans-serif !important; letter-spacing: -.035em; color: #101112 !important; font-variant-numeric: tabular-nums; }
  html.aiq-phone[data-theme] #tab-overview section.ovs-price .ovs-px .pfp-ccy { margin-left: 6px; font: 600 20px/1 Inter, system-ui, sans-serif; color: #3B3F47; }
  html.aiq-phone[data-theme] #tab-overview section.ovs-price .ovs-px-sub:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: flex; gap: 5px; margin-top: 12px; font: 600 16px/1.2 Inter, system-ui, sans-serif !important; color: #0d8a66 !important; }
  html.aiq-phone[data-theme] #tab-overview section.ovs-price .ovs-px-sub:has(#ov-gain-display.neg):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { color: #c8203f !important; }
  html.aiq-phone[data-theme] #tab-overview section.ovs-price .ovs-px-sub > span:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { font: inherit !important; color: inherit !important; }
  html.aiq-phone[data-theme] #tab-overview #ov-price-wrapper:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) {
    order: 1; height: 260px !important; margin: 26px calc(50% - 50vw) 0 !important;
    --ovh-up: #0d8a66; --ovh-down: #c8203f; --ovh-muted: #A3A8B2; --ovh-cross: rgba(15,17,21,0.3); --ovh-dotBd: #F2F3F5; }
  html.aiq-phone[data-theme] #tab-overview .ovs-price .ov-seg:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { order: 2; padding: 4px 0 0 !important;
    justify-content: space-between !important; }   /* time frames spread across the card, as Wealthsimple's (user, 2026-11-01) */
  html.aiq-phone[data-theme] #tab-overview .ovs-price .ov-seg:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { margin: 18px 0 0 !important; padding: 0 !important; gap: 0 !important; background: none !important; }
  html.aiq-phone[data-theme] #tab-overview .ovs-price .ov-seg .ov-seg-btn:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { height: 40px !important; padding: 0 12px !important; border-radius: 999px !important;
    background: none !important; box-shadow: none !important; color: #4A4F58 !important; font: 600 16px/1 Inter, system-ui, sans-serif !important; }
  html.aiq-phone[data-theme] #tab-overview .ovs-price .ov-seg .ov-seg-btn.is-on:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { background: #FFFFFF !important; color: #101112 !important; box-shadow: 0 1px 3px rgba(15,17,21,.06) !important; }
  /* 1W · 1M · 3M · 1Y · 5Y · 10Y (1D is two daily closes, All repeats 10Y) */
  html.aiq-phone[data-theme] #tab-overview .ovs-price .ov-seg .ov-seg-btn:is([data-ovrange="7d"], [data-ovrange="1m"], [data-ovrange="3m"]):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: inline-flex !important; align-items: center; }
  /* the next results date: a tinted pill banner under the range row (js builds .pfp-ne) */
  html.aiq-phone .pfp-ne:not(#_):not(#_):not(#_):not(#_) { display: flex; align-items: center; gap: 12px; width: 100%; margin: 0 0 18px; padding: 15px 18px; border: 0; border-radius: 999px;
    background: #E3E8F8; color: #2F47C4; font: 500 16px/1.2 Inter, system-ui, sans-serif; text-align: left; }
  html.aiq-phone .pfp-ne i { flex: none; font-size: 20px; }
  html.aiq-phone .pfp-ne span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.aiq-phone .pfp-ne i.ph-caret-right { font-size: 16px; }

  /* Overview's title row: a 40px rounded-square logo and the name in a muted regular 20px — not a big title */
  html.aiq-phone .pfp-t.pfp-ws { margin: 22px 4px 16px; }
  html.aiq-phone .pfp-ws .pfp-co { display: flex; align-items: center; gap: 12px; min-width: 0; }
  html.aiq-phone .pfp-ws .pfp-co img { flex: none; width: 40px; height: 40px; border-radius: 10px; background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(15,17,21,.07); object-fit: contain; }
  html.aiq-phone .pfp-t.pfp-ws h1:not(#_):not(#_) { font: 400 20px/1.2 Inter, system-ui, sans-serif !important; letter-spacing: -.01em !important; color: #5E636D !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  /* the header's ‹ on stock pages: a round white ← button, as Wealthsimple's (the star + bell pill is .pfa below) */
  /* the back button is the standard plain ‹ on every page (aiq-phone-header.css); no round white one here (user, 2026-11-02) */

  html.aiq-phone[data-theme] #tab-overview section.card:not(.ovs-price) > .ovs-rule h3:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { color: #101112 !important; font-size: 19px !important; font-weight: 700 !important; letter-spacing: -.02em !important; }

  /* the Fundamental grade: a clean white card — the letter tile, the score large, the label quiet beside it */
  html.aiq-phone[data-theme] #tab-overview #ovs-score-sec:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { padding: 18px 18px 10px !important; border-radius: 22px !important; background: #FFFFFF !important; }
  html.aiq-phone[data-theme] #tab-overview #ovs-score-sec .ovs-score:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: flex; align-items: center; gap: 10px; padding: 0 0 12px !important; border: 0 !important; }
  html.aiq-phone[data-theme] #tab-overview #ovs-score-sec .ovs-grade:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { width: 40px; height: 40px; border-radius: 12px; font: 700 20px/1 Inter, system-ui, sans-serif !important; }
  html.aiq-phone[data-theme] #tab-overview #ovs-score-sec .ovs-score .n:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { font: 700 36px/1 Inter, system-ui, sans-serif !important; letter-spacing: -.03em; color: #101112 !important; }
  html.aiq-phone[data-theme] #tab-overview #ovs-score-sec .ovs-score .of:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { align-self: flex-end; margin: 0 0 4px -6px; font: 600 15px/1 Inter, system-ui, sans-serif !important; color: #A3A8B2 !important; }
  html.aiq-phone[data-theme] #tab-overview #ovs-score-sec .ovs-score .desc:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { margin-left: auto !important; font: 600 14px/1.2 Inter, system-ui, sans-serif !important; color: #80868F !important; }

  /* All charts: each chart's name in the same heading */
  html.aiq-phone #charts-grid .cg-label:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { font: 700 19px/1.2 Inter, system-ui, sans-serif !important; letter-spacing: -.02em; color: #101112 !important; top: -34px; }

  /* ── Star + bell (user, 2026-11-01; Wealthsimple's stock header): one white pill at the header's right, left of the
     page-settings ≡ when that shows; filled icons = on a list / an alert on ── */
  html.aiq-phone #ph-th > .pfa:not(#_):not(#_):not(#_):not(#_) { display: inline-flex; align-items: center; margin-left: auto; padding: 0 4px; height: 44px; border-radius: 999px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(15,17,21,.06); }   /* as tall as the round ← */
  html.aiq-phone:has(#ph-fin-menu:not(.ph-fm-off)) #ph-th > .pfa:not(#_):not(#_):not(#_):not(#_) { margin-right: 58px; }
  /* …and the ≡ lines up with the ← and the pill on that row (it sat 9px lower and 16px in) */
  html.aiq-phone.at-p-financials:has(#ph-th > .pfa) #ph-fin-menu:not(#_):not(#_):not(#_):not(#_) { top: calc(7px + env(safe-area-inset-top)) !important; right: 4px !important; }
  html.aiq-phone #ph-th > .pfa ~ .ph-th-sp:not(#_):not(#_):not(#_):not(#_) { display: none; }
  html.aiq-phone #ph-th .pfa-b:not(#_):not(#_):not(#_):not(#_) { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; color: #101112; font-size: 21px; }
  html.aiq-phone #ph-th .pfa-b i:not(#_):not(#_):not(#_):not(#_) { font-family: "Phosphor-Regular" !important; font-style: normal; line-height: 1; }   /* @font-face: aiq-table-attio.css */
  html.aiq-phone #ph-th .pfa-b.on i:not(#_):not(#_):not(#_):not(#_) { font-family: "Phosphor-Fill" !important; }
  /* the title (once it shows, after the big one scrolls away) stays clear of the pill */
  html.aiq-phone:not(.ph-hd-old) #ph-th:has(> .pfa) .ph-th-t:not(#_):not(#_):not(#_):not(#_) { right: 104px; left: 56px; }

  /* the Watchlists / Alerts panel on phones (Wealthsimple's "Set an alert"): aiq-phone-sheet.js already makes it a bottom
     sheet (placement, scrim, grabber); here only its inside — large left title over a grey line, hairline rows, a black
     Done pill. The shared dialog kit is another session's (aiq-phone-pop.css) */
  html.aiq-phone.at-p-financials #fa-pop .fa-ph:not(#_):not(#_):not(#_):not(#_) { display: block; height: auto !important; padding: 8px 12px 12px !important; border: 0 !important; }
  html.aiq-phone.at-p-financials #fa-pop .fa-ph strong:not(#_):not(#_):not(#_):not(#_) { display: block; font: 700 24px/1.15 Inter, system-ui, sans-serif !important; letter-spacing: -.02em; color: #101112 !important; }
  html.aiq-phone.at-p-financials #fa-pop .fa-ph small:not(#_):not(#_):not(#_):not(#_) { display: block; margin-top: 6px; font: 500 14px/1.3 Inter, system-ui, sans-serif !important; color: #80868F !important; }
  html.aiq-phone.at-p-financials #fa-pop :is(.fa-ar, .fa-wl, .fa-rule):not(#_):not(#_):not(#_):not(#_) { min-height: 52px; padding-left: 12px !important; padding-right: 12px !important; border-bottom: 1px solid rgba(15,17,21,.07); font-size: 16px; }
  html.aiq-phone.at-p-financials #fa-pop .fa-ag:not(#_):not(#_):not(#_):not(#_) { padding: 16px 12px 6px !important; font: 600 13px/1.2 Inter, system-ui, sans-serif !important; color: #80868F !important; text-transform: none !important; letter-spacing: 0 !important; }
  /* a paid switch answers 402 and the fetch wrapper opens the upgrade pop-up (_upsell.html, z 1100): over this sheet (z 1250) */
  html.aiq-phone.at-p-financials:has(#fa-pop.ph-sheet:not([hidden])) .up-back:not(#_):not(#_):not(#_):not(#_) { z-index: 1300 !important; }
  html.aiq-phone.at-p-financials #fa-pop .pfa-done:not(#_):not(#_):not(#_):not(#_) { display: block; width: calc(100% - 24px); height: 52px; margin: 16px 12px 0; border: 0; border-radius: 999px;
    background: #101112; color: #FFFFFF; font: 600 16px/1 Inter, system-ui, sans-serif; }
}