/* Phone card lists on the table pages (js/aiq-phone-tcards.js; user, 2026-11-01: align them with My stocks and Markets).
   The card itself is My stocks' (css/aiq-phone-mscards.css .pc-r); this fits it to these pages and hides the table it is
   drawn from. Loaded with media="(max-width: 767px)": every rule stays inside. */
@media (max-width: 767px) {
  html.aiq-phone.ph-tc-on [data-ph-tc]:not(#_):not(#_) { display: none !important; }
  /* the Screener's copied column-header row (aiq-phone-navmenu.js) goes with its table */
  html.aiq-phone.ph-tc-on #ph-sc-head:not(#_):not(#_) { display: none !important; }
  /* an open screen's cards scroll in the results box (2026-11-07: the page is locked to the screen height for the old table,
     whose own scroller is now empty, so the list stopped at the 9th stock and nothing below could be reached) */
  html.aiq-phone.ph-tc-on #screener-results:not(#_):not(#_) { overflow-y: auto !important; overscroll-behavior: contain; padding-bottom: 110px; }
  html.aiq-phone .pc.tc { padding: 4px 16px 8px; }
  html.aiq-phone .pc.tc .pc-list { padding: 0; }
  html.aiq-phone .pc.tc .tc-r { cursor: pointer; -webkit-tap-highlight-color: transparent; }
  html.aiq-phone .pc.tc .tc-r:active { filter: brightness(.97); }
  html.aiq-phone .pc.tc .tc-g { padding: 12px 4px 8px; }
  /* logos sit small in the white square; faces (members, investors) fill it */
  html.aiq-phone .pc.tc .pc-lw { overflow: hidden; }
  html.aiq-phone .pc.tc .pc-lw .tc-img { width: 60%; height: 60%; object-fit: contain; }
  html.aiq-phone .pc.tc .pc-lw.tc-face .tc-img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
  html.aiq-phone .pc.tc .pc-lw[data-l]::before { content: attr(data-l); font: 600 18px/1 Inter, system-ui, sans-serif; color: #80868F; }
  /* a screen's own icon tile (its tint) fills the square */
  html.aiq-phone .pc.tc .pc-lw.tc-tile .tc-ic { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; font-size: 21px; color: #FFFFFF; background: #64748b; }
  /* in colour with a white glyph, like My stocks' list tiles (aiq-phone-mslists.css) */
  html.aiq-phone .pc.tc .pc-lw.tc-tile .tc-ic.at-t-violet { background: #8b5cf6; } html.aiq-phone .pc.tc .pc-lw.tc-tile .tc-ic.at-t-blue { background: #2a6df4; }
  html.aiq-phone .pc.tc .pc-lw.tc-tile .tc-ic.at-t-amber { background: #f59e0b; } html.aiq-phone .pc.tc .pc-lw.tc-tile .tc-ic.at-t-green { background: #12b981; }
  html.aiq-phone .pc.tc .pc-lw.tc-tile .tc-ic.at-t-teal { background: #06b6d4; } html.aiq-phone .pc.tc .pc-lw.tc-tile .tc-ic.at-t-rose { background: #ec4899; }
  html.aiq-phone .pc.tc .pc-lw.tc-tile .tc-ic.at-t-orange { background: #f97316; }
  /* "1.27 Est." / "24 matches": the figure's quiet unit after it */
  html.aiq-phone .pc.tc .pc-pr b em { margin-left: 4px; font-style: normal; font-size: 12px; font-weight: 500; opacity: .55; }
  html.aiq-phone .pc.tc .pc-nm b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  /* The finance look (user, 2026-11-01: the Pinterest colour blocks were "not 'finance' enough"; Revolut / Wealthsimple,
     css/aiq-phone-pin.css): a large title-case title in place of the header's small one (the header keeps ‹ and its
     right-hand button), a white hero card with the page's total, and the rows grouped in ONE white card — no gaps or
     separators, round logo on a hairline ring, name over a quiet line, figure over a small signed green / red change.
     Colour only on gains / losses and the brand blue. Gov. contracts' rows come from gov-money.js (.gm-pc) and share these. */
  html.aiq-phone .tc-pin-t { display: none; }
  html.aiq-phone.ph-tc-pin .tc-pin-t:not(#_) { display: block; flex: 0 0 100%; order: 9; margin: 2px 10px 12px; font: 700 34px/1.05 Inter, system-ui, sans-serif; letter-spacing: -.03em; color: #101112;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.aiq-phone.ph-tc-pin #ph-th .ph-th-t:not(#_):not(#_):not(#_):not(#_) { visibility: hidden; }
  html.aiq-phone.ph-tc-pin #ph-th:not(#_):not(#_):not(#_):not(#_) { flex-wrap: wrap; min-height: 44px; padding-bottom: 0; }   /* the title (inside it, tcards.js) on its own line */
  html.aiq-phone .tc-hero { display: flex; flex-direction: column; margin: 0 0 12px; padding: 16px 18px; border-radius: 22px; background: #FFFFFF; color: #101112; -webkit-tap-highlight-color: transparent; }
  html.aiq-phone .tc-hero[data-tci] { cursor: pointer; }
  html.aiq-phone .tc-hk { font: 500 14px/1.2 Inter, system-ui, sans-serif; color: #80868F; }
  html.aiq-phone .tc-hv { margin-top: 6px; font: 700 34px/1 Inter, system-ui, sans-serif; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
  html.aiq-phone .tc-hv em { margin-left: 6px; font-style: normal; font-size: 16px; font-weight: 500; letter-spacing: 0; color: #80868F; }
  html.aiq-phone .tc-hs { margin-top: 6px; font: 500 14px/1.3 Inter, system-ui, sans-serif; color: #80868F; }
  html.aiq-phone .tc-hr { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
  html.aiq-phone .tc-hr .pc-lw { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(15,17,21,.07); }
  html.aiq-phone .tc-hr .pc-lw .tc-img { width: 60%; height: 60%; object-fit: contain; }
  html.aiq-phone .tc-hr .pc-lw.tc-face .tc-img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
  html.aiq-phone .tc-hr .pc-lw[data-l]::before { content: attr(data-l); font: 600 16px/1 Inter, system-ui, sans-serif; color: #80868F; }
  /* the rows: one white card, rows inside it */
  html.aiq-phone .pc.tc .pc-list:not(#_):not(#_) { padding: 6px 0; border-radius: 22px; background: #FFFFFF; }
  html.aiq-phone .tc-r:not(#_):not(#_) { margin: 0; padding: 12px 16px; border-radius: 0; background: none; color: #101112; box-shadow: none; }
  html.aiq-phone .tc-r .pc-lw:not(#_):not(#_) { width: 40px; height: 40px; border-radius: 50%; background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(15,17,21,.07); }
  html.aiq-phone .tc-r .pc-nm b:not(#_) { font-size: 16px; font-weight: 600; }
  html.aiq-phone .tc-r .pc-pr b:not(#_) { font-size: 16px; font-weight: 600; }
  /* a change / result / date: small text, not a pill — signed changes green / red, the rest quiet */
  html.aiq-phone .tc-r .pc-tg:not(#_):not(#_) { padding: 0; background: none; color: #80868F; font-size: 13px; font-weight: 500; }
  html.aiq-phone .tc-r .pc-tg.up:not(#_):not(#_) { color: #0d8a66; font-weight: 600; } html.aiq-phone .tc-r .pc-tg.dn:not(#_):not(#_) { color: #c8203f; font-weight: 600; }
  /* a screen's icon: brand blue on a soft blue circle */
  html.aiq-phone .pc.tc .tc-r .pc-lw.tc-tile:not(#_):not(#_) { box-shadow: none; }
  html.aiq-phone .pc.tc .tc-r .pc-lw.tc-tile .tc-ic:not(#_):not(#_) { width: 40px; height: 40px; border-radius: 50%; font-size: 19px; background: rgba(69,93,220,.1); color: #455DDC; }
  html.aiq-phone .pc.tc .pc-add:not(#_) { width: calc(100% - 20px); margin: 6px 10px 4px; border-radius: 16px; }   /* the last thing in the white card */
  /* a page section painted white around the cards (My screens' #sch-home) takes the grey page, so the white card shows */
  html.aiq-phone.ph-tc-on .sch-home:not(#_):not(#_):not(#_) { background: transparent !important; }
  /* My charts / Excel models / reports (2026-11-03): the cards carry the list, so the desktop toolbars (view ⌄, Filter,
     Group, search, New) and the block under the table go; the dashed card is the add */
  html.aiq-phone.ph-tc-on main .mw-bar:not(#_):not(#_):not(#_),
  html.aiq-phone.ph-tc-on main #ra-bar:not(#_):not(#_):not(#_),
  html.aiq-phone.ph-tc-on main #ch-home .sch-row2:not(#_):not(#_):not(#_),
  html.aiq-phone.ph-tc-on main #ch-home .sch-bar:not(#_):not(#_):not(#_),
  html.aiq-phone.ph-tc-on main .chh-more:not(#_):not(#_):not(#_),
  html.aiq-phone.ph-tc-on main .aiq-more:not(#_):not(#_):not(#_) { display: none !important; }
  /* …except on an empty list (a signed-out visitor from a feature page saw only the dashed card, 2026-11-03): the
     block's shortcuts come back as a "Start with" list in a white card, so the page never shows nothing */
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: block !important; width: auto; margin: 22px 16px 0; padding: 0; background: none; border: 0; }
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::before { content: "Start with"; display: block !important; position: static; margin: 0 4px 10px; color: #101112; font: 650 22px/1.2 Inter, system-ui, sans-serif; letter-spacing: -.02em; background: none; }
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty .aiq-more-hero:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty .aiq-more-cards:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: block !important; padding: 2px 0 6px; border-radius: 22px; background: #FFFFFF; }
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty .aiq-more-c:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 64px; margin: 0; padding: 10px 16px; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; text-align: left; -webkit-tap-highlight-color: transparent; }
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty .aiq-more-c + .aiq-more-c::before { content: ""; position: absolute; top: 0; left: 68px; right: 0; border-top: 1px solid rgba(15,17,21,.07); }
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty .aiq-more-c .ic:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { border-radius: 50%; }
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty .aiq-more-c .tx:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty .aiq-more-c .tx b:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { color: #101112; font-size: 16px !important; font-weight: 500 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty .aiq-more-c .tx small:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { color: #80868F; font-size: 13px; }
  html.aiq-phone.ph-tc-on main .aiq-more.is-empty .aiq-more-c .go:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { color: #B4B9C1; font-size: 16px; }
  /* group headings (Earnings' days) inside the card, quiet like Markets' */
  html.aiq-phone .pc.tc .tc-g:not(#_) { padding: 12px 16px 2px; color: #80868F; font-size: 13px; font-weight: 500; }

  /* Gov. contracts (gov-money.js sets html.ph-gm-cards on phones): no header row or sideways scroll; the window-scrolled
     body is the white card and each row fills a 64px slot of it (ROW in gov-money.js) */
  html.aiq-phone.ph-gm-cards .gm-card:not(#_):not(#_):not(#_):not(#_):not(#_) { background: transparent !important; border: 0 !important; box-shadow: none !important; }   /* the grey page shows between the cards */
  html.aiq-phone.ph-gm-cards .gm-scrollx:not(#_):not(#_):not(#_):not(#_):not(#_) { overflow: visible; border: 0 !important; background: transparent !important; }
  html.aiq-phone.ph-gm-cards .gm-inner:not(#_):not(#_) { width: auto !important; min-width: 0 !important; padding: 4px 16px 8px; }
  html.aiq-phone.ph-gm-cards .gm-inner .gm-thead:not(#_):not(#_) { display: none; }
  html.aiq-phone.ph-gm-cards .gm-body:not(#_) { border-radius: 22px; background: #FFFFFF; overflow: hidden; }
  html.aiq-phone.ph-gm-cards .gm-body > .gm-pc { position: absolute; left: 0; right: 0; height: 64px; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  html.aiq-phone.ph-gm-cards .gm-body > .gm-pc.ld .skel { display: block; width: 55%; height: 12px; margin-top: 14px; }
  html.aiq-phone.ph-gm-cards .gm-body > .gm-pc.sel:not(#_):not(#_) { background: #F2F3F5; }
  html.aiq-phone.ph-gm-cards .gm-body .pc-lw { overflow: hidden; }
  html.aiq-phone.ph-gm-cards .gm-body .pc-lw .tc-img { width: 60%; height: 60%; object-fit: contain; }
  html.aiq-phone.ph-gm-cards .gm-body .pc-lw[data-l]::before { content: attr(data-l); font: 600 16px/1 Inter, system-ui, sans-serif; color: #80868F; }
  html.aiq-phone.ph-gm-cards .gm-body .pc-nm b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.aiq-phone.ph-gm-cards .gm-body .pc-tg .flag { width: 14px; height: 10px; margin-right: 5px; vertical-align: -1px; display: inline-block; object-fit: cover; }
  html.aiq-phone.ph-gm-cards .gm-body > .gm-grp:not(#_):not(#_) { position: absolute; left: 0; right: 0; height: 64px; display: flex; align-items: flex-end; gap: 8px; padding: 0 16px 8px; border: 0; background: transparent; color: #80868F; font-size: 13px; font-weight: 500; }
  html.aiq-phone.ph-gm-cards .gm-body > .gm-more:not(#_):not(#_) { position: absolute; left: 0; right: 0; height: 64px; display: flex; align-items: center; justify-content: center; border: 0; background: transparent; color: #455DDC; font-weight: 600; }

  /* Home (phone/today.html): stock rows as My stocks' cards (user, 2026-11-01: align with My stocks and Markets): each row its own filled card, the
     logo in a white 46px square, the day change a tinted pill; no hairlines or chevrons */
  html.aiq-phone .hm:not(#_) .ph-rlist:has(> .hm-rr) { background: none; border-radius: 0; overflow: visible; }
  html.aiq-phone .hm:not(#_) .hm-rr { min-height: 70px; margin-bottom: 8px; padding: 12px 14px 12px 12px; gap: 12px; background: var(--rc-card); border-radius: 18px; }
  html.aiq-phone .hm:not(#_) .hm-rr + .hm-rr::before { display: none; }
  html.aiq-phone .hm:not(#_) .hm-rr > .cv { display: none; }
  html.aiq-phone .hm:not(#_) .hm-rr .lg { width: 46px; height: 46px; border-radius: 13px; background: #FFFFFF; display: grid; place-items: center; overflow: hidden; }
  html.aiq-phone .hm:not(#_) .hm-rr .lg img { width: 60%; height: 60%; padding: 0; border-radius: 0; box-shadow: none; object-fit: contain; }
  html.aiq-phone .hm:not(#_) .hm-rr .lg .lt { width: 46px; height: 46px; box-shadow: none; display: grid; place-items: center; font-size: 18px; font-weight: 600; color: #80868F; background: none; }
  html.aiq-phone .hm:not(#_) .hm-v b { font-weight: 600; }
  html.aiq-phone .hm:not(#_) .hm-v > span.pos, html.aiq-phone .hm:not(#_) .hm-v > span.neg { padding: 2px 7px; border-radius: 999px; font-size: 12px; line-height: 16px; }
  html.aiq-phone .hm:not(#_) .hm-v > span.pos { background: rgba(67,209,167,.14); color: #0d8a66; }
  html.aiq-phone .hm:not(#_) .hm-v > span.neg { background: rgba(247,52,99,.12); color: #c8203f; }
  html.aiq-phone[data-theme="dark"] .hm:not(#_) .hm-v > span.pos { color: #43D1A7; } html.aiq-phone[data-theme="dark"] .hm:not(#_) .hm-v > span.neg:not(#_) { color: #F73463; }

  /* news cards (an open list's News tab): the headline gets two lines, the logo sits at its top */
  html.aiq-phone .pc-r.tc-news .pc-hd:not(#_):not(#_) { align-items: flex-start; }
  html.aiq-phone .pc-r.tc-news .pc-nm b:not(#_):not(#_) { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    font-size: 15px; font-weight: 600; line-height: 1.3; }
  html.aiq-phone .pc-r.tc-news .pc-pr:not(#_):not(#_) { display: none; }

  /* the source tables stay invisible until the first draw (html.ph-tc-pre, _phone.html), so they never flash up first */
  html.aiq-phone.ph-tc-pre main table.ec-at-tbl,
  html.aiq-phone.ph-tc-pre main #cg-table,
  html.aiq-phone.ph-tc-pre main #ins-table,
  html.aiq-phone.ph-tc-pre main table.sid-tbl,
  html.aiq-phone.ph-tc-pre main table.si-atbl-t,
  html.aiq-phone.ph-tc-pre main table.si-hold-tbl,
  html.aiq-phone.ph-tc-pre main table.si-act-tbl,
  html.aiq-phone.ph-tc-pre main table.si-moves-tbl,
  html.aiq-phone.ph-tc-pre main table.si-scr-tbl,
  html.aiq-phone.ph-tc-pre main table.si-hld-tbl,
  html.aiq-phone.ph-tc-pre main table.si-sins-tbl,
  html.aiq-phone.ph-tc-pre main #screener-table,
  html.aiq-phone.ph-tc-pre main table.sch-tbl,
  html.aiq-phone.ph-tc-pre main table.idr-tbl,
  html.aiq-phone.ph-tc-pre main #mwh-tbl,
  html.aiq-phone.ph-tc-pre main table.ra-tbl,
  html.aiq-phone.ph-tc-pre main table.cgx-t,
  html.aiq-phone.ph-tc-pre main table#ipp-trades { visibility: hidden; }
}