/* Phone stock page polish — the Overview's grouped lists (2026-11-07, user: cards "as professionally done as possible";
   same pass as Home / My stocks / Markets: css/aiq-phone-home.css, -mspolish, -mkpolish). Loaded by financials/index.html
   (?look=before skips it). Scoped to the Overview's phone blocks (.ovs-ph: Valuation, Returns & health, Analysts,
   Insider activity, Company, Estimates…). Same anatomy as Home's sector / world rows: one card style (white, 20px, a
   faint edge, 6px inner padding so the first row never touches the top), rows 56px with a 36px round grey icon, label
   in ink over nothing, value semi-bold on the right; no chevrons or rules inside cards. Colours of values (gains,
   Sell / Buy) are untouched. Phones only (tests/test_phone_layout.py). The last block reaches every other section of the stock page (cards + row icons). */
@media (max-width: 767px) {
  html.aiq-phone:not(#_):not(#_):not(#_) .ovs-ph .ph-rlist { border-radius: 20px; background: #FFFFFF; padding: 6px 0; overflow: hidden;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 0 0 1px rgba(16, 24, 40, .025); }
  html.aiq-phone:not(#_):not(#_):not(#_) .ovs-ph .ph-rrow { min-height: 56px; padding: 8px 16px; gap: 14px; }
  html.aiq-phone:not(#_):not(#_):not(#_) .ovs-ph .ph-rrow.pp-has-rbar { padding-bottom: 14px; }
  html.aiq-phone:not(#_):not(#_):not(#_) .ovs-ph .ph-rrow::before { display: none; }
  html.aiq-phone:not(#_):not(#_):not(#_) .ovs-ph .ph-rrow > .cv { display: none; }
  html.aiq-phone:not(#_):not(#_):not(#_) .ovs-ph .ph-rrow > i:first-child { flex: none; width: 36px; height: 36px; border-radius: 50%; background: #F2F3F5;
    display: grid; place-items: center; font-size: 18px; color: #3D4350; }
  html.aiq-phone:not(#_):not(#_):not(#_) .ovs-ph .ph-rrow > .k { font-size: 15.5px; font-weight: 500; letter-spacing: -.005em; color: #101112; }
  html.aiq-phone:not(#_):not(#_):not(#_) .ovs-ph .ph-rrow > .val { font-size: 15.5px; font-weight: 600; letter-spacing: -.005em; font-variant-numeric: tabular-nums; }

  /* ── every section of the stock page (2026-11-08, user: "yes, other sections") ─────────────────────────────────────
     One card language: the white cards were 18, 20 or 22px depending on the page, and only the Overview's lists had the
     faint edge. The list (taken from every section on a phone) is the cards themselves, never their insides. */
  html.aiq-phone:not(#_):not(#_):not(#_) main :is(.pfc-card, .cg-card, .cmp-scroll.pfv-fr, .fd-rlist, .fxd-bcard, .fxd-chart, .kd-card.ph-kdc, .pfc-hero, .pfp-hero, .fst-mix, .pfv-list, .ph-rcard, .ph-rlist, .ph-rtext, .stmt-scroll-shell, .stx-tview.fst-r, section.card, .fx-card.fi-chart-card) {
    border-radius: 20px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 0 0 1px rgba(16, 24, 40, .025); }
  /* a list row's leading icon is the 36px grey circle everywhere (Board's committees drew bare orange outlines) */
  html.aiq-phone:not(#_):not(#_):not(#_) main .ph-rlist .ph-rrow:not(.cmp-ph-edit) > i:first-child { flex: none; width: 36px; height: 36px; border-radius: 50%;
    background: #F2F3F5; display: grid; place-items: center; font-size: 18px; color: #3D4350; }
}