/* Attio's control row under the round-back header on phones (user, 2026-10-29): one round sliders button for the page's filters
   plus at most one round pill (period / week / sort). Built by static/js/aiq-phone-chips.js on Insiders, Congress, Earnings,
   Gov. contracts and an open screen. Phones only, like every aiq-phone-*.css file. */
@media (max-width: 767px) {
  /* full bleed, 20px in from the screen edge like the header. Never tucked under the header (user, 2026-10-29: the buttons'
     tops were cut off): #ph-th paints its own background, so the row starts below it (the header gives up some bottom
     padding instead of the row taking a negative margin) and sits above it */
  html.aiq-phone #ph-cf:not(#_):not(#_):not(#_) { position: relative; z-index: 2; display: flex; align-items: center; gap: 8px;
    margin-top: 0 !important; padding: 2px 20px 14px; overflow: visible;
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
  html.aiq-phone.ph-cf-on #ph-th:not(#_):not(#_):not(#_):not(#_) { padding-bottom: 10px; }
  html.aiq-phone #ph-cf[hidden]:not(#_):not(#_):not(#_) { display: none; }
  html.aiq-phone #ph-cf .ph-cf-b:not(#_):not(#_):not(#_) { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    height: 40px; min-width: 40px; padding: 0 15px; border: 0; border-radius: 999px; background: rgba(118,118,128,.12); color: var(--ph-ink);
    font: 500 16px/1 Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; cursor: pointer;
    -webkit-tap-highlight-color: transparent; }
  html.aiq-phone #ph-cf .ph-cf-b[hidden]:not(#_):not(#_):not(#_) { display: none; }
  html.aiq-phone #ph-cf .ph-cf-b:active:not(#_):not(#_):not(#_) { background: rgba(118,118,128,.22); }
  html.aiq-phone #ph-cf .ph-cf-b i:not(#_):not(#_):not(#_) { font-size: 19px; color: var(--ph-ink); }
  html.aiq-phone #ph-cf .ph-cf-pill:not(#_):not(#_):not(#_) { min-width: 0; max-width: calc(100vw - 40px - 56px); }
  html.aiq-phone #ph-cf .ph-cf-pill span:not(#_):not(#_):not(#_) { overflow: hidden; text-overflow: ellipsis; }
  /* the pill leads with a coloured icon square in the page header's colour, like Attio's green "All Companies" chip; it is
     always there, so the sliders button never sits on a row of its own (user, 2026-10-29) */
  html.aiq-phone #ph-cf .ph-cf-pill:not(#_):not(#_):not(#_) { padding-left: 8px; gap: 8px; }
  html.aiq-phone #ph-cf .ph-cf-sq:not(#_):not(#_):not(#_) { flex: none; width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center; }
  html.aiq-phone #ph-cf .ph-cf-sq i:not(#_):not(#_):not(#_) { font-size: 16px; color: #fff; }
  /* the sliders button: always just the three lines in a grey circle, no count and no blue (user, 2026-10-29) */
  html.aiq-phone #ph-cf .ph-cf-filter:not(#_):not(#_):not(#_) { width: 40px; padding: 0; }
  html.aiq-phone #ph-cf .ph-cf-filter i:not(#_):not(#_):not(#_) { font-size: 20px; color: var(--ph-ink2); }
  html.aiq-phone[data-theme="dark"] #ph-cf .ph-cf-b:not(#_):not(#_):not(#_) { background: #2e3443; }

  /* the pill's own menu: plain rows with a tick, like the top-right menu */
  html.aiq-phone .ph-cf-menu .aiq-mi i:not(#_) { color: var(--ph-acc); font-size: 17px; }

  /* Insiders: its Filters panel lives inside the toolbar row the phone hides; the row stays out of sight but lets the panel
     (a bottom sheet once open) show */
  html.aiq-phone.ph-cf-ins .ins-bar:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: contents !important; }
  html.aiq-phone.ph-cf-ins .ins-bar > :not(#ins-filt):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone.ph-cf-ins #ins-filt:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: contents !important; }
  html.aiq-phone.ph-cf-ins #ins-fbtn:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  /* …as a settings list: name left, value right, one per row; Signal is the header's ≡ menu already */
  html.aiq-phone.ph-cf-ins #ins-pop.ph-sheet:not(#_):not(#_):not(#_) { display: block !important; padding-left: 16px !important; padding-right: 16px !important; }
  html.aiq-phone.ph-cf-ins #ins-pop label:has(#ins-sig):not(#_):not(#_) { display: none !important; }
  html.aiq-phone.ph-cf-ins #ins-pop label:not(.chk):not(#_):not(#_) { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px;
    margin: 0; font-size: 16px; font-weight: 500; color: var(--ph-ink); box-shadow: inset 0 -1px 0 var(--ph-line); }
  html.aiq-phone.ph-cf-ins #ins-pop label select:not(#_):not(#_) { flex: 0 1 auto; width: auto; max-width: 58%; height: 44px; margin: 0; padding: 0 22px 0 0;
    border: 0 !important; background-color: transparent !important; box-shadow: none !important; color: var(--ph-mut) !important; font-size: 16px; text-align: right; text-align-last: right; }
  html.aiq-phone.ph-cf-ins #ins-pop label.chk:not(#_):not(#_) { display: flex; align-items: center; gap: 12px; min-height: 52px; margin: 0; font-size: 16px; color: var(--ph-ink); }
  html.aiq-phone.ph-cf-ins #ins-pop label.chk input:not(#_):not(#_) { width: 22px; height: 22px; }
  html.aiq-phone.ph-cf-ins #ins-pop .ft:not(#_):not(#_) { display: flex; gap: 10px; padding: 10px 0 0; }
  html.aiq-phone.ph-cf-ins #ins-pop .ft .aiq-btn:not(#_):not(#_) { flex: 1 1 0; justify-content: center; min-height: 46px; font-size: 16px; border-radius: 12px; }
}