/* Phones: the stock page's Company pages (Acquisitions, Properties, Insiders, Board, Exec pay) in the Attio iOS record
   look (user, 2026-10-29). Markup .co-ph from js/aiq-phone-company.js, built from the record kit in aiq-phone-record.css
   (Highlights cards, grouped lists); the desktop root it replaces is .co-ph-src. Insiders keeps its price chart as a
   record card between Highlights and the lists. */
@media (max-width: 767px) {
  html.aiq-phone .co-ph { padding: 0 4px; font-family: Inter, system-ui, sans-serif; }
  html.aiq-phone .co-ph i { font-family: "Phosphor-Regular" !important; }
  html.aiq-phone .co-ph-src:not(#fi-root):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone .co-ph .ph-rh:first-child { margin-top: 14px; }
  html.aiq-phone .co-ph .pos { color: var(--tb-pos, #0d8a66); }
  html.aiq-phone .co-ph .neg { color: var(--tb-neg, #c8203f); }
  html.aiq-phone .co-ph .ph-rcard .v small.u { margin-left: 2px; color: var(--rc-mut); font-size: 14px; font-weight: 450; letter-spacing: 0; }
  html.aiq-phone .co-ph .ph-rh button { font-size: 15px; }

  /* rows with a second muted line on either side: name over role / date, figure over its detail */
  html.aiq-phone .co-ph .ph-rrow.two { min-height: 62px; padding-top: 9px; padding-bottom: 9px; }
  html.aiq-phone .co-ph .ph-rrow.two .k { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone .co-ph .ph-rrow.two .val { flex: 0 0 auto; max-width: 56%; }
  html.aiq-phone .co-ph .ph-rrow.two .val { color: var(--rc-ink); font-weight: 500; }
  html.aiq-phone .co-ph .ph-rrow :is(.k, .val) small { display: block; margin-top: 2px; color: var(--rc-mut); font-size: 13px; font-weight: 400;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone .co-ph .ph-rrow .val .ph-rpill { font-size: 13px; padding: 2px 9px; }
  html.aiq-phone .co-ph .ph-rrow .val .ph-rpill.lock i { font-size: 12px; }
  html.aiq-phone .co-ph .ph-rrow .lg.av { width: 30px; height: 30px; font-size: 11px; letter-spacing: .02em; }
  html.aiq-phone .co-ph .ph-rlist .ph-rrow:has(> .lg.av) + .ph-rrow::before { left: 58px; }
  html.aiq-phone .co-ph .ph-rrow.r-grp .k { color: var(--rc-mut); }
  html.aiq-phone .co-ph .ph-rrow.r-on { background: var(--rc-cap); }
  html.aiq-phone .co-ph .ph-rtext.mut { color: var(--rc-mut); }

  /* a bit of colour, as on Overview: one house colour per list, the Highlights icons in turn, trades by side */
  html.aiq-phone .co-ph { --t-blue: #455DDC; --t-teal: #0D8A66; --t-violet: #8A3FE0; --t-orange: #E8741F; --t-rose: #C8203F; }
  html.aiq-phone[data-theme="dark"] .co-ph { --t-blue: #8DA0FF; --t-teal: #43D1A7; --t-violet: #B98CFF; --t-orange: #FF9F5A; --t-rose: #FF6F8F; }
  html.aiq-phone .co-ph .ph-rlist.t-blue .ph-rrow > i:first-child { color: var(--t-blue); }
  html.aiq-phone .co-ph .ph-rlist.t-teal .ph-rrow > i:first-child { color: var(--t-teal); }
  html.aiq-phone .co-ph .ph-rlist.t-violet .ph-rrow > i:first-child { color: var(--t-violet); }
  html.aiq-phone .co-ph .ph-rlist.t-orange .ph-rrow > i:first-child { color: var(--t-orange); }
  html.aiq-phone .co-ph .ph-rlist.t-grey .ph-rrow > i:first-child, html.aiq-phone .co-ph .ph-rrow.r-grp > i:first-child { color: var(--rc-ic); }
  html.aiq-phone .co-ph .ph-rlist.t-violet .lg.av { background: color-mix(in srgb, var(--t-violet) 14%, transparent); color: var(--t-violet); }
  html.aiq-phone .co-ph .ph-rlist.t-teal .lg.av { background: color-mix(in srgb, var(--t-teal) 14%, transparent); color: var(--t-teal); }
  html.aiq-phone .co-ph .ph-rlist.t-ins .ph-rrow > i:first-child { color: var(--rc-ic); }
  html.aiq-phone .co-ph .ph-rlist.t-ins .ph-rrow.r-c-P > i:first-child { color: var(--t-teal); }
  html.aiq-phone .co-ph .ph-rlist.t-ins .ph-rrow.r-c-S > i:first-child { color: var(--t-rose); }
  html.aiq-phone .co-ph .ph-rlist .ph-rrow > i.ph-lock-simple:first-child { color: var(--rc-ic); }
  html.aiq-phone .co-ph .ph-rcard:nth-child(1) .l i { color: var(--t-blue); }
  html.aiq-phone .co-ph .ph-rcard:nth-child(2) .l i { color: var(--t-violet); }
  html.aiq-phone .co-ph .ph-rcard:nth-child(3) .l i { color: var(--t-teal); }
  html.aiq-phone .co-ph .ph-rcard:nth-child(4) .l i { color: var(--t-orange); }
  html.aiq-phone .co-ph .ph-rcard:nth-child(5) .l i { color: var(--t-rose); }
  html.aiq-phone .co-ph .ph-rcard:nth-child(6) .l i { color: var(--t-blue); }

  /* ── Insiders: the record block sits around the page's own price chart; everything else of the desktop tab hides.
     The chart card beats the Attio phone skin's edge-to-edge cards (aiq-phone-attio.css, 5 ids), as on Overview. ── */
  html.aiq-phone #fi-root.co-fi > :is(.fx-head, .fx-bar, .fx-bar + .fx-card, .fi-lock):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone #fi-root.co-fi .fx-row2 > .fx-side:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone #fi-root.co-fi .fx-row2:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: block !important; margin: 0 4px !important; }
  html.aiq-phone #fi-root.co-fi .fi-chart-card:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { position: relative !important; margin: 52px 0 0 !important; padding: 8px 6px 4px !important;
    background: var(--rc-card) !important; border: 1px solid var(--rc-line) !important; border-radius: 18px !important; box-shadow: none !important; overflow: visible !important; }
  html.aiq-phone #fi-root.co-fi .fi-chart-card:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::before, html.aiq-phone #fi-root.co-fi .fi-chart-card:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::after { display: none !important; }
  html.aiq-phone #fi-root.co-fi .fi-chart-card > .fx-rule:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { position: absolute !important; top: -34px; left: 4px; right: 4px; display: flex !important; justify-content: space-between;
    align-items: baseline; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  html.aiq-phone #fi-root.co-fi .fi-chart-card > .fx-rule h3:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { font: 450 17px/1.2 Inter, system-ui, sans-serif !important; letter-spacing: 0 !important;
    text-transform: none !important; color: var(--rc-head) !important; }
  html.aiq-phone #fi-root.co-fi .fi-chart:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { min-height: 240px !important; height: 240px !important; margin: 0 !important; }
  html.aiq-phone #fi-root.co-fi .fi-chart-card .fi-key:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }   /* green / red dots read on their own */
  html.aiq-phone #fi-root.co-fi .fi-note:empty { display: none; }
}