/* Built by app/utils/bundles.py from the files named below. Edit those; never this file. */
/* ==== css/aiq-pops-attio.css ==== */
/* Bespoke pop-ups in the Attio look (user, 2026-10-30: "look for any other pop-ups that still need to be restyled").
   These keep their own markup + JS; under the Attio shell they take the same surface as .aiq-dlg / .aiq-menu in
   aiq-table-attio.css: r12, no border, --at-pop-bg + --at-dlg-sh (dialogs) or --at-pop-sh (floating cards),
   Inter 14/500 text, titles 14–16 at 500–600, buttons 28px r8 (secondary = --a-btn ring, primary = --a-blue).
   Left alone on purpose: the referral offer (already Attio's frosted frame), Help, hover cards. Attio radii: square_corners.py EXCLUDE.
   tests/test_attio_launch_review.py */

/* ── shared surfaces ───────────────────────────────────────────────────────────────────────────────────────────── */
html.at-shell :is(.upm-card, .afm-card, .gp-card, .aiq-ss-card, #stmt-chart-modal-inner):not(#_) {
  background: var(--at-pop-bg) !important; color: var(--a-ink); border: 0 !important; border-radius: 12px !important;
  box-shadow: var(--at-dlg-sh) !important; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px;
}
html.at-shell :is(.aiq-tbar, .aqp-hint):not(#_) {
  background: var(--at-pop-bg) !important; color: var(--a-ink); border: 0 !important; border-radius: 12px !important;
  box-shadow: var(--at-pop-sh) !important; font-family: Inter, system-ui, sans-serif; letter-spacing: -0.07px;
}
/* ghost × on all of them */
html.at-shell :is(.upm-card, .afm-card, .gp-card, .aiq-ss-card, #stmt-chart-modal-inner, .aiq-tbar) :is(.aiq-x, .tb-x):not(#_) {
  width: 28px; height: 28px; border-radius: 8px; color: var(--a-mute);
}
html.at-shell :is(.upm-card, .afm-card, .gp-card, .aiq-ss-card, #stmt-chart-modal-inner, .aiq-tbar) :is(.aiq-x, .tb-x):not(#_):hover {
  background: var(--a-hover); color: var(--a-ink);
}
/* buttons: secondary + primary */
html.at-shell :is(.aiq-tr-btn, .gp-btn, .afm-ok, .aiq-ss-f .aiq-btn, .upm-row .aiq-btn):not(#_) {
  height: 28px; padding: 0 10px; border: 0 !important; border-radius: 8px !important; font: 500 14px/20px Inter, system-ui, sans-serif;
  letter-spacing: -0.07px; background: var(--at-pop-bg); color: var(--a-ink); box-shadow: var(--a-btn);
}
html.at-shell :is(.aiq-tr-btn, .gp-btn, .aiq-ss-f .aiq-btn, .upm-row .aiq-btn):not(#_):hover { background: var(--a-hover); }
html.at-shell :is(.aiq-tr-btn.pri, .gp-btn.w, .afm-ok, .aiq-ss-f .aiq-btn.pri, .upm-row .aiq-btn.pri):not(#_):not(#_) {
  background: var(--a-blue) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
html.at-shell :is(.aiq-tr-btn.pri, .gp-btn.w, .afm-ok, .aiq-ss-f .aiq-btn.pri, .upm-row .aiq-btn.pri):not(#_):not(#_):hover { background: var(--a-blue-h) !important; }

/* ── Tour bar (_tour.html): floating card at the bottom ──────────────────────────────────────────────────────── */
html.at-shell .aiq-tbar h5:not(#_) { font: 600 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; }
html.at-shell .aiq-tbar p:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-label, var(--a-mute)); }
html.at-shell .aiq-tbar .tb-ch > div:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .aiq-tbar .tb-ch > div.cur:not(#_) { color: var(--a-ink); }
html.at-shell .aiq-tbar .tb-ch i b:not(#_) { background: var(--a-blue); }
html.at-shell .aiq-tr-ring:not(#_) { border-color: var(--a-blue); border-radius: 8px; }
html.at-shell .aiq-tr-flag:not(#_) { background: var(--a-blue); font: 500 12px/16px Inter, system-ui, sans-serif; border-radius: 6px; padding: 3px 8px; }

/* ── Failed-request toast (base.html #aiq-toast): keeps its frosted glass (user, 2026-10-15, aiq-frost.css); Attio
   radius, type and button only ───────────────────────────────────────────────────────────────────────────────── */
html.at-shell #aiq-toast:not(#_) {
  border-radius: 12px; padding: 6px 6px 6px 14px; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px;
}
html.at-shell #aiq-toast button:not(#_) {
  height: 28px; padding: 0 10px; border-radius: 8px; font: 500 14px/20px Inter, system-ui, sans-serif; background: var(--a-blue); color: #fff;
}
html.at-shell #aiq-toast button:not(#_):hover { background: var(--a-blue-h); }

/* ── "You're on Pro" (_upgraded.html): keeps its art band (promo card rule), Attio type + tiles ───────────────────── */
html.at-shell .upm-card:not(#_) { overflow: hidden; }
html.at-shell .upm-card h2:not(#_) { font: 600 16px/24px Inter, system-ui, sans-serif; letter-spacing: -0.1px; }
html.at-shell .upm-lede:not(#_), html.at-shell .upm-fine:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-label, var(--a-mute)); }
html.at-shell .upm-fine:not(#_) { font-size: 12px; line-height: 16px; }
html.at-shell .upm-kicker:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .upm-kicker b:not(#_) { border-radius: 6px; font-weight: 600; }
html.at-shell .upm-tile:not(#_) { background: transparent; border: 0; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--a-line); padding: 10px 12px; }
html.at-shell .upm-tile b:not(#_) { font: 500 16px/24px Inter, system-ui, sans-serif; }
html.at-shell .upm-tile span:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }

/* ── Affiliate "Thanks for applying" (_affiliate_applied.html) ──────────────────────────────────────────────────── */
html.at-shell .afm-card:not(#_) { padding: 16px; }
html.at-shell .afm-card h2:not(#_) { font: 600 16px/24px Inter, system-ui, sans-serif; letter-spacing: -0.1px; }
html.at-shell .afm-card p:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-label, var(--a-mute)); }

/* ── Gift claim (gifts/gift.html) ───────────────────────────────────────────────────────────────────────────── */
html.at-shell .gp-card:not(#_) { padding: 16px; }
html.at-shell .gp-card h2:not(#_) { font: 600 16px/24px Inter, system-ui, sans-serif; letter-spacing: -0.1px; }
html.at-shell .gp-card :is(.gp-lede, .gp-facts, .gp-count span):not(#_) { font-weight: 500; color: var(--a-label, var(--a-mute)); }
html.at-shell .gp-card .gp-lede:not(#_) { font-size: 14px; line-height: 20px; }
html.at-shell .gp-card .gp-brand:not(#_) { font-weight: 600; }
html.at-shell .gp-card .gp-eye:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif; }
html.at-shell .gp-card .gp-count b:not(#_) { font-weight: 600; }
html.at-shell .gp-card .gp-msg:not(#_) { border: 0; border-radius: 12px; background: var(--a-hover); box-shadow: inset 0 0 0 1px var(--a-line); }

/* ── Affiliates "Open in Substack" (static/js/aff-substack.js) ──────────────────────────────────────────────────── */
html.at-shell .aiq-ss-card:not(#_) { padding: 16px; }
html.at-shell .aiq-ss-ok:not(#_) { font: 600 16px/24px Inter, system-ui, sans-serif; letter-spacing: -0.1px; }
html.at-shell .aiq-ss-card :is(p, .aiq-ss-steps li):not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; }
html.at-shell .aiq-ss-card p:not(#_) { color: var(--a-label, var(--a-mute)); }
html.at-shell .aiq-ss-keys kbd:not(#_) { border: 0; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--a-line); font: 400 11px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .aiq-ss-img:not(#_) { border: 0; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--a-line); }

/* ── Statements chart window (financials/_statements.html): Attio dialog header ─────────────────────────────────── */
html.at-shell #stmt-chart-modal-header:not(#_) { min-height: 44px; padding: 8px 12px 8px 16px; box-shadow: inset 0 -1px 0 var(--a-line); border: 0; }
html.at-shell #stmt-chart-modal-title:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }

/* ── Chart page hint / toast (chart/aiq.html) ───────────────────────────────────────────────────────────────── */
html.at-shell .aqp-hint:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label, var(--a-mute)); padding: 6px 10px; }
html.at-shell .aqp-toast:not(#_) { font-size: 14px; line-height: 20px; color: var(--a-ink); }

/* ── Upgrade pop-up (_upsell.html; user, 2026-10-30: "restyle the upgrade pop-up to Attio too, keeping the video
   panel"). The video / dunes panel stays as it is (corner radius only); the rest is an Attio dialog: r12 + halo,
   16/600 title, 14/500 grey text, the Free / Pro boxes as r12 hairline cards (Pro = Attio's selected-card blue ring),
   and a 44px footer row: the note left, a 28px blue button right. Class names agreed with the pricing session
   (it owns the template + the plan logic). Phones: the button goes full width under the note. ───────────────────── */
html.at-shell .up-card:not(#_) {
  max-width: 560px; background: var(--at-pop-bg) !important; color: var(--a-ink); border-radius: 12px !important;
  outline: 0 !important; box-shadow: var(--at-dlg-sh) !important; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px;
}
html.at-shell .up-media:not(#_) { margin: 4px 4px 0; border-radius: 8px; }
html.at-shell .up-vids:not(#_) { border-radius: 6px; }
html.at-shell .up-body:not(#_) { padding: 16px 16px 0; }
html.at-shell .up-title:not(#_) { font: 600 16px/24px Inter, system-ui, sans-serif; letter-spacing: -0.1px; color: var(--a-ink); margin: 0 0 4px; }
html.at-shell .up-text:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-label, var(--a-mute)); min-height: 40px; }
html.at-shell .up-plans:not(#_) { gap: 8px; margin: 16px 0; }
html.at-shell .up-plan:not(#_) { border: 0; border-radius: 12px; padding: 10px 12px; box-shadow: inset 0 0 0 1px var(--a-line); background: transparent; }
html.at-shell .up-plan.have:not(#_) { background: var(--a-hover); box-shadow: none; }
html.at-shell button.up-plan:not(#_):hover { box-shadow: inset 0 0 0 1px var(--a-mute); }
html.at-shell .up-plan.on:not(#_), html.at-shell button.up-plan.on:not(#_):hover { box-shadow: inset 0 0 0 1.5px var(--a-blue); }   /* the picked plan (2026-11-03) */
html.at-shell .up-lab:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); margin-bottom: 2px; }
html.at-shell .up-val:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .up-plan.have .up-val:not(#_) { color: var(--a-mute); font-weight: 500; }
html.at-shell .up-ic:not(#_) { font-size: 16px; }
html.at-shell .up-foot:not(#_) {
  flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px;
  margin: 0; padding: 8px 8px 8px 16px; box-shadow: inset 0 1px 0 var(--a-line);   /* was margin 0 -16px: past the card, clipped the button (2026-11-03) */
}
html.at-shell .up-note:not(#_) { order: -1; text-align: left; font: 500 13px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .up-note:empty:not(#_) { display: block; }
html.at-shell .up-note a:not(#_) { color: var(--a-ink); }
html.at-shell .up-go:not(#_) {
  height: 28px; min-width: 0; padding: 0 10px; border-radius: 8px; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px;
  background: var(--a-blue); box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); white-space: nowrap;
}
html.at-shell .up-go:not(#_):hover { background: var(--a-blue-h); }
@media (max-width: 767px) {
  html.at-shell .up-foot:not(#_) { flex-direction: column-reverse; align-items: stretch; gap: 8px; padding: 12px 16px 16px; }
  html.at-shell .up-note:not(#_) { text-align: center; }
  html.at-shell .up-go:not(#_) { height: 36px; }
}

/* ==== css/aiq-help.css ==== */
/* Help panel (top-bar Help button), Attio's help pop-up (user, 2026-10-25): a floating panel pinned to the
   top right, header + search + Suggestions / Getting started cards + footer links. Markup: templates/_help_menu.html.
   Attio radii (12px panel/cards, 9px input, 8px rows): excluded in scripts/square_corners.py. */
#aiq-help-menu.aiq-help-menu {
  --ah-bg: #fff; --ah-ink: #101112; --ah-sub: rgba(0,0,0,.63); --ah-mute: rgba(0,0,0,.50); --ah-line: #EEEFF1;
  --ah-hover: #F6F7F7; --ah-box: rgba(0,0,0,.02); --ah-box-ring: rgba(0,0,0,.06); --ah-blue: #266DF0;
  --ah-sh: inset 0 0 0 1px #0000, 0 0 0 1px rgba(28,40,64,.04), 0 4px 8px -4px rgba(28,40,64,.12), 0 4px 12px -2px rgba(24,41,75,.16);
  position: fixed; top: 8px; right: 8px; bottom: auto; left: auto; width: 380px; max-width: calc(100vw - 16px);
  height: min(760px, calc(100vh - 16px)); z-index: var(--z-pop, 9000);
  display: flex; flex-direction: column; padding: 0; overflow: hidden;
  background: var(--ah-bg); color: var(--ah-ink); border: 0; border-radius: 12px; box-shadow: var(--ah-sh);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; -webkit-font-smoothing: antialiased;
  animation: aiqPopRise .14s ease-out;
}
html[data-theme="dark"] #aiq-help-menu.aiq-help-menu {
  --ah-bg: #18191B; --ah-ink: #F1F2F3; --ah-sub: rgba(255,255,255,.60); --ah-mute: rgba(255,255,255,.45);
  --ah-line: rgba(255,255,255,.08); --ah-hover: rgba(255,255,255,.05); --ah-box: rgba(255,255,255,.04);
  --ah-box-ring: rgba(255,255,255,.08); --ah-blue: #4E8CFC;
  --ah-sh: 0 0 0 1px rgba(255,255,255,.08), 0 4px 8px -4px rgba(0,0,0,.5), 0 8px 24px -4px rgba(0,0,0,.55);
}
#aiq-help-menu.aiq-help-menu[hidden] { display: none; }
#aiq-help-menu :is(a, button) { font: inherit; letter-spacing: inherit; color: inherit; text-decoration: none; }

/* header: "Help" + ghost × */
#aiq-help-menu .ahp-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 8px 16px; flex: none; }
#aiq-help-menu .ahp-title { font: 600 16px/20px Inter, system-ui, sans-serif; }
#aiq-help-menu .ahp-x { width: 28px; height: 28px; display: grid; place-items: center; border: 0; background: none; border-radius: 8px;
  color: var(--ah-mute); cursor: pointer; font-size: 15px; }
#aiq-help-menu .ahp-x:hover { background: var(--ah-hover); color: var(--ah-ink); }

/* search: 32px input, inset ring, blue ring on focus */
#aiq-help-menu .ahp-search { margin: 0 16px 4px; height: 32px; display: flex; align-items: center; gap: 8px; padding: 0 10px; flex: none;
  border-radius: 9px; box-shadow: inset 0 0 0 1px var(--ah-box-ring); color: var(--ah-mute); cursor: text; }
#aiq-help-menu .ahp-search:focus-within { box-shadow: inset 0 0 0 1px var(--ah-blue), 0 0 0 2px color-mix(in srgb, var(--ah-blue) 16%, transparent); }
#aiq-help-menu .ahp-search i { font-size: 15px; flex: none; }
#aiq-help-menu .ahp-search input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; padding: 0;
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--ah-ink); }
#aiq-help-menu .ahp-search input::placeholder { color: var(--ah-mute); }
#aiq-help-menu .ahp-search input::-webkit-search-cancel-button { display: none; }

/* scrolling middle, fades at the bottom instead of a sliced edge */
#aiq-help-menu .ahp-body { flex: 1; min-height: 0; overflow-y: auto; padding: 4px 16px 20px; scrollbar-width: thin;
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 28px), transparent);
          mask-image: linear-gradient(to bottom, #000 calc(100% - 28px), transparent); }
#aiq-help-menu .ahp-h { display: flex; align-items: center; justify-content: space-between; gap: 8px;
  font: 600 13px/20px Inter, system-ui, sans-serif; padding: 18px 4px 6px; }
#aiq-help-menu .ahp-browse > .ahp-h:first-child { padding-top: 12px; }
/* "Take the tour": one plain row action beside the page name (was a big card + a list of step names) */
#aiq-help-menu .ahp-tour { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 8px; border: 0;
  background: none; border-radius: 6px; cursor: pointer; font: 500 13px/1 Inter, system-ui, sans-serif; color: var(--ah-sub); }
#aiq-help-menu .ahp-tour:hover { background: var(--ah-hover); color: var(--ah-ink); }
#aiq-help-menu .ahp-tour i { font-size: 12px; }

/* questions: one hairline list, the answer opens in place (one at a time, tour.js) */
#aiq-help-menu .ahp-qa { display: flex; flex-direction: column; }
#aiq-help-menu .ahp-q { border-top: 1px solid var(--ah-line); }
#aiq-help-menu .ahp-qa > .ahp-q:first-child { border-top: 0; }
#aiq-help-menu .ahp-q summary, #aiq-help-menu .ahp-qlink { list-style: none; display: flex; align-items: flex-start; gap: 8px;
  padding: 8px 4px; cursor: pointer; border-radius: 6px; color: var(--ah-ink); font: 500 13.5px/19px Inter, system-ui, sans-serif; }
#aiq-help-menu .ahp-q summary::-webkit-details-marker { display: none; }
#aiq-help-menu .ahp-q summary::after { content: ''; flex: none; width: 6px; height: 6px; margin: 6px 4px 0 auto;
  border-right: 1.5px solid var(--ah-mute); border-bottom: 1.5px solid var(--ah-mute); transform: rotate(45deg); }
#aiq-help-menu .ahp-q[open] summary::after { transform: rotate(225deg); margin-top: 9px; }
#aiq-help-menu .ahp-q summary:hover, #aiq-help-menu .ahp-qlink:hover { background: var(--ah-hover); }
#aiq-help-menu .ahp-q[open] summary { font-weight: 600; }
#aiq-help-menu .ahp-q p { margin: 0; padding: 0 28px 12px 4px; font: 500 13px/19px Inter, system-ui, sans-serif; color: var(--ah-sub); }
#aiq-help-menu .ahp-q p b { font-weight: 600; color: var(--ah-ink); }
#aiq-help-menu .ahp-tag { flex: none; margin-left: auto; padding: 0 6px; border-radius: 4px; background: var(--ah-box);
  box-shadow: inset 0 0 0 1px var(--ah-box-ring); font: 500 11px/18px Inter, system-ui, sans-serif; color: var(--ah-mute); white-space: nowrap; }
#aiq-help-menu .ahp-q summary:has(.ahp-tag)::after { margin-left: 4px; }

/* guides: plain icon rows */
#aiq-help-menu .ahp-links { display: flex; flex-direction: column; }
#aiq-help-menu .ahp-links a { display: flex; align-items: center; gap: 10px; min-height: 32px; padding: 6px 4px; border-radius: 6px; color: var(--ah-ink); font-size: 13.5px; }
#aiq-help-menu .ahp-links a:hover { background: var(--ah-hover); }
#aiq-help-menu .ahp-links i { font-size: 15px; color: var(--ah-sub); width: 16px; text-align: center; flex: none; }
#aiq-help-menu .ahp-results { padding-top: 8px; }
#aiq-help-menu .ahp-results[hidden], #aiq-help-menu .ahp-browse[hidden], #aiq-help-menu .ahp-none[hidden], #aiq-help-menu [data-help-tab][hidden] { display: none; }
#aiq-help-menu .ahp-none { margin: 16px 4px; font-size: 14px; color: var(--ah-sub); }
#aiq-help-menu .ahp-none a { color: var(--ah-ink); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--ah-line); }

/* footer: plain icon + label rows under a rule */
#aiq-help-menu .ahp-foot { flex: none; border-top: 1px solid var(--ah-line); padding: 6px 8px 8px; display: flex; flex-direction: column; }
#aiq-help-menu .ahp-foot a { display: flex; align-items: center; gap: 10px; height: 32px; padding: 0 8px; border-radius: 8px; color: var(--ah-ink); }
#aiq-help-menu .ahp-foot a:hover { background: var(--ah-hover); }
#aiq-help-menu .ahp-foot i { font-size: 15px; color: var(--ah-sub); width: 16px; text-align: center; }

@media (prefers-reduced-motion: reduce) { #aiq-help-menu.aiq-help-menu { animation: none; } }

/* ==== css/aiq-live-link.css ==== */
/* Live link dialog (js/aiq-live-link.js): Quiet kit dialog, colours from --pop-* tokens. */
.ll-dlg .ll-nm { color: var(--pop-sub); font-weight: 500; }
.ll-dlg .ll-row { display: flex; gap: 8px; margin: 2px 0 14px; }
.ll-dlg .ll-url { flex: 1; min-width: 0; height: 30px; padding: 0 10px; border: 1px solid var(--pop-line); border-radius: 4px;
                  background: transparent; color: var(--pop-ink); font: 12.5px/30px 'Inter', sans-serif; }
.ll-dlg .ll-how { display: flex; align-items: center; gap: 10px; min-height: 28px; font-size: 13px; color: var(--pop-sub); }
.ll-dlg .ll-how b { width: 104px; flex: none; color: var(--pop-ink); font-weight: 550; }
.ll-dlg .ll-f { font: 12px 'Inter', sans-serif; color: var(--pop-ink); }
.ll-dlg .ll-mini { border: 0; background: none; color: var(--pop-sub); cursor: pointer; padding: 4px; border-radius: 4px; }
.ll-dlg .ll-mini span:empty { display: none; }
.ll-dlg .ll-mini:hover { color: var(--pop-ink); }
/* My stocks' button: [hidden] loses to .at-btn's display; phones keep the core buttons only (mobile-core rule) */
#msa-dlive[hidden], html:not(.aiq-desk) #msa-dlive { display: none !important; }

/* ==== css/aiq-row-open.css ==== */
/* "Open →" pill on the hovered row of every list page (js/aiq-row-open.js). Absolutely placed at the right of the
   name cell, so no page's cell layout changes; shown only while the row is hovered or focused. */
td.aro-cell { position: relative; }
td.sticky.aro-cell { position: sticky; }
.aro-open { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 1; display: inline-flex; align-items: center; gap: 4px;
  height: 24px; padding: 0 8px; border-radius: 6px; background: var(--a-bg, #fff); box-shadow: inset 0 0 0 1px var(--a-ring, rgba(0,0,0,.12)), 0 1px 2px rgba(0,0,0,.04);
  color: var(--a-ink, #101112); font: 500 13px/16px Inter, system-ui, sans-serif; white-space: nowrap; pointer-events: none; opacity: 0; }
.aro-open i { font-size: 12px; }
.aro-open.aro-acts { right: 40px; }
tr:hover > td > .aro-open, tr:focus-visible > td > .aro-open, tr:focus-within > td > .aro-open { opacity: 1; }
html[data-theme="dark"] .aro-open { background: var(--a-bg, #18191B); }
@media (hover: none) { .aro-open { display: none; } }
.aro-open.aro-none { display: none; }   /* no room beside the name (js measures it on hover) */
.aro-open.aro-icon { width: 24px; padding: 0; justify-content: center; right: 4px; }
.aro-open.aro-icon.aro-acts { right: 36px; }   /* a narrow name column: the arrow only */
.aro-open.aro-icon .aro-t { display: none; }

/* Keyboard row cursor (js/aiq-row-keys.js: j/k or ↓/↑, Enter opens): a tint, never a blue left bar. Beats the page
   looks' row backgrounds and base.html's forced light-mode tbody white. Screener result rows open on a click anywhere. */
html tr.aiq-kcur > td, html[data-theme="light"] tr.aiq-kcur > td { background: rgba(69, 93, 220, .10) !important; }
html[data-theme="dark"] tr.aiq-kcur > td { background: rgba(69, 93, 220, .18) !important; }
tr.aiq-kcur > td > .aro-open { opacity: 1; }
#screener-table > tbody > tr[data-ticker] { cursor: pointer; }