/* DRAFT (2026-10-25): Attio's table pages, measured from the live app (app.attio.com, Companies view) —
   switched by base.html (?tbl=attio | attio-full | house, kept in localStorage). Not the house style
   (docs/features/tables.md has the measured spec). Delete this file, js/aiq-attio-draft.js and base.html's
   DRAFT blocks to drop it.
   .tb-attio  every .aiq-tbl: Inter 14/20 weight 500 everywhere, 40px header (no column lines), 36px rows with
              row + column lines, no bold / underline, faint "—", tinted tags + gain/loss chips, sorted column tint.
   .at-shell  the page inside the panel (the app shell — top bar, search, sidebar, rail — stays as it is, user):
              no inset card, a 48px page-name row, 48px view + sort rows of 28px buttons, a count footer.
   Corners stay 4px (house rule, tests/test_square_corners.py; Attio uses 8px).
   :not(#_):not(#_) beats page tables that style cells by id (#screener-table …). */

/* tokens for the table look AND the shell (at-shell pages that aren't redone yet have no tb-attio class) */
html.tb-attio, html.at-shell {
  --a-bg: #FFFFFF;
  --a-line: #EEEFF1;                       /* Attio dark #1B1C1F on #101112 */
  --a-ring: #E3E4E8;                       /* button outline (inset 1px), Attio dark #212224 */
  --a-ink: #1D2025;                        /* Attio dark #F1F2F3 */
  --a-mute: rgba(29,32,37,.60);
  --a-faint: rgba(29,32,37,.40);
  --a-fill: rgba(15,17,21,.04);            /* the Filter button */
  --a-hover: #F8F8FA;
  --a-check: #D6D8DD;
  --a-sorted: color-mix(in srgb, #455DDC 4%, #FFFFFF);
  --a-pos-bg: #E9F7F0; --a-pos-ink: #127A52;
  --a-neg-bg: #FDECEF; --a-neg-ink: #B4213D;
  --a-btn-shadow: 0 1px 2px rgba(15,17,21,.05);
}
html.tb-attio[data-theme="dark"], html.at-shell[data-theme="dark"] {
  --a-bg: #1C1F25;                         /* the shell's dark panel colour (--sh-bed) */
  --a-line: #2A2D34;
  --a-ring: #32353C;
  --a-ink: #F1F2F3;
  --a-mute: rgba(255,255,255,.60);
  --a-faint: rgba(255,255,255,.32);
  --a-fill: rgba(255,255,255,.04);
  --a-hover: #22252C;
  --a-check: rgba(255,255,255,.22);
  --a-sorted: color-mix(in srgb, #6F83EA 9%, #1C1F25);
  --a-pos-bg: rgba(67,209,167,.14); --a-pos-ink: #5FE0B9;
  --a-neg-bg: rgba(247,52,99,.14);  --a-neg-ink: #FF7393;
  --a-btn-shadow: none;
}

/* ══ Table ══ */
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) {
  font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.07px; color: var(--a-ink);
}
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > thead > tr > th {
  height: 40px; padding-top: 0; padding-bottom: 0;
  background: var(--a-bg) !important; color: var(--a-ink) !important;
  font-size: 14px; font-weight: 500; letter-spacing: -0.07px;
  border-bottom: 1px solid var(--a-line) !important; border-right: 0 !important; box-shadow: none !important;
}
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > :is(td, th),
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tfoot > tr > td {
  height: 36px; padding-top: 8px !important; padding-bottom: 7px !important;
  background: var(--a-bg) !important;
  border-bottom: 1px solid var(--a-line) !important; border-right: 1px solid var(--a-line);
}
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > :is(td, th):last-child { border-right: 0; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr:hover > :is(td, th) { background: var(--a-hover) !important; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr:is(.sel, .selected) > :is(td, th) { background: var(--tb-sel) !important; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > td.at-sorted { background: var(--a-sorted) !important; }

/* one ink, one weight (500, as Attio), no underlines; chips, logos and letter tiles keep their own colours */
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > td,
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > td :is(a, span, div, small, b, strong):not([style*="background"]):not([class*="pos"]):not([class*="neg"]):not(.up):not(.dn):not(.badge-up):not(.badge-down):not([class*="dash"]):not(.at-tag) {
  color: var(--a-ink) !important; font-weight: 500 !important;
}
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > td a { text-decoration: none !important; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > td a:hover { text-decoration: underline !important; text-underline-offset: 3px; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > td :is(.sc-dash, .tb-faint, [class*="dash"]),
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > td.at-empty,
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > td.at-empty * { color: var(--a-faint) !important; }

/* checkboxes: soft rounded squares */
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) input[type="checkbox"] {
  appearance: none; -webkit-appearance: none; width: 16px; height: 16px; margin: 0; vertical-align: middle;
  border: 1px solid var(--a-check); border-radius: 4px; background: transparent; cursor: pointer;
}
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) input[type="checkbox"]:checked {
  background: #455DDC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.2 2.6 2.6L12 5.4' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px no-repeat;
  border-color: #455DDC;
}

/* gains / losses: tinted chips */
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) td :is(span, a, div):is(.tb-pos, .pos, .up, .wl-chg-pos, .wl-day-pos, .wl-yr-pos, .badge-up, .tgt-upside-pos),
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) td :is(span, a, div):is(.tb-neg, .neg, .dn, .wl-chg-neg, .wl-day-neg, .wl-yr-neg, .badge-down, .tgt-upside-neg) {
  display: inline-block; padding: 0 6px; border-radius: 4px; line-height: 20px; font-weight: 500 !important;
}
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) td :is(span, a, div):is(.tb-pos, .pos, .up, .wl-chg-pos, .wl-day-pos, .wl-yr-pos, .badge-up, .tgt-upside-pos) { background: var(--a-pos-bg) !important; color: var(--a-pos-ink) !important; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) td :is(span, a, div):is(.tb-neg, .neg, .dn, .wl-chg-neg, .wl-day-neg, .wl-yr-neg, .badge-down, .tgt-upside-neg) { background: var(--a-neg-bg) !important; color: var(--a-neg-ink) !important; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) td.tb-pos { color: var(--a-pos-ink) !important; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) td.tb-neg { color: var(--a-neg-ink) !important; }

/* category columns (Sector, Signal…) as tinted tags; base.html's draft script wraps the text */
html.tb-attio .aiq-tbl .at-tag { display: inline-block; padding: 0 6px; border-radius: 4px; line-height: 20px; font-size: 13px; font-weight: 500 !important; }
html.tb-attio .aiq-tbl .at-tag[data-c="0"] { background: #E9F7F0; color: #127A52; }
html.tb-attio .aiq-tbl .at-tag[data-c="1"] { background: #E8F3FC; color: #1F6AA5; }
html.tb-attio .aiq-tbl .at-tag[data-c="2"] { background: #FDF6DC; color: #8A6A08; }
html.tb-attio .aiq-tbl .at-tag[data-c="3"] { background: #F3EDFD; color: #6B3FC2; }
html.tb-attio .aiq-tbl .at-tag[data-c="4"] { background: #FDEEE6; color: #B04E17; }
html.tb-attio .aiq-tbl .at-tag[data-c="5"] { background: #EEF0F3; color: #474C56; }
html.tb-attio[data-theme="dark"] .aiq-tbl .at-tag[data-c="0"] { background: rgba(67,209,167,.14); color: #5FE0B9; }
html.tb-attio[data-theme="dark"] .aiq-tbl .at-tag[data-c="1"] { background: rgba(80,160,240,.16); color: #8CC4F6; }
html.tb-attio[data-theme="dark"] .aiq-tbl .at-tag[data-c="2"] { background: rgba(230,190,60,.15); color: #EBCB6B; }
html.tb-attio[data-theme="dark"] .aiq-tbl .at-tag[data-c="3"] { background: rgba(150,70,239,.18); color: #C3A2F7; }
html.tb-attio[data-theme="dark"] .aiq-tbl .at-tag[data-c="4"] { background: rgba(255,134,46,.15); color: #FFAD70; }
html.tb-attio[data-theme="dark"] .aiq-tbl .at-tag[data-c="5"] { background: rgba(255,255,255,.08); color: #C9CCD2; }

/* ══ Page inside the panel (at-shell) — Screener, Insiders, Watchlist; the shell itself is untouched ══ */
html.at-shell { --tp-gut: 0px; --tp-line: var(--a-line); --tp-card: var(--a-bg); }
html.at-shell.at-done .app-shell > main:has(#scx-top, .ins-top, #wl-tabs) { background: var(--a-bg) !important; }
html.at-shell.at-done :is(#scx-bar, .ins-bar, .gm-bar, .cg-bar:not(#ch-bar), .wl-kf .wl-tool),
html.at-shell.at-done :is(.sc-results-pane, .ins-tbl-wrap, .gm-scrollx, .cg-main-wrap .cg-tbl-wrap, .wl-kf .wl-main, .wl-kf .wl-main-panel) {
  border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; margin-left: 0 !important; margin-right: 0 !important;
  background: var(--a-bg) !important;
}
html.at-shell.at-done :is(.sc-results-pane, .ins-tbl-wrap, .wl-kf .wl-main-panel) { border-top: 0 !important; margin-bottom: 0 !important; border-bottom: 0 !important; }

/* row 1: the page name — 48px + 1px rule, 14px / 500, 12px in */
html.at-shell.at-done :is(#scx-head, .ins-top) {
  height: 49px; min-height: 49px; padding: 0 12px !important; align-items: center !important; gap: 8px !important;
  border-bottom: 1px solid var(--a-line); background: var(--a-bg) !important;
}
html.at-shell.at-done :is(#scx-head h1, .ins-top h1, #wl-tabs .wl-kf-title, #wl-tabs .wl-title-btn) {
  font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; letter-spacing: -0.07px !important; color: var(--a-ink) !important;
}
html.at-shell.at-done #wl-tabs.wl-tabs-bar { position: relative; padding: 0 12px !important; row-gap: 0 !important; grid-template-rows: 48px auto !important; background: var(--a-bg) !important; }
html.at-shell.at-done #wl-tabs .wl-title { padding: 0 !important; align-items: center !important; }
html.at-shell.at-done #wl-tabs.wl-tabs-bar::before { content: ""; position: absolute; left: 0; right: 0; top: 48px; height: 1px; background: var(--a-line); }
html.at-shell.at-done #wl-tabs .wl-tabs-actions { align-self: center; }
html.at-shell.at-done .wl-kf .wl-kf-tabs { height: auto !important; margin-top: 0 !important; padding-top: 0 !important; }
html.at-shell .ins .aiq-utabs { padding: 0 12px !important; }

/* buttons: 28px, inset 1px outline, 14px / 500 (Attio's View settings / Import / Export) */
html.at-shell.at-done main :is(.at-btn, .scx-hbtn, .scx-btn, .scx-dd, .ins-hbtn, .ins-fbtn, .ins-dd, .ins-search, .wl-tabs-actions :is(button, a), .wl-tool button) {
  height: 28px !important; min-height: 28px !important; padding: 0 8px !important; gap: 6px !important; border-radius: 4px !important;
  font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; color: var(--a-ink) !important;
  background: var(--a-bg) !important; border: 0 !important; box-shadow: inset 0 0 0 1px var(--a-ring), var(--a-btn-shadow) !important;
  display: inline-flex; align-items: center; white-space: nowrap; cursor: pointer;
}
html.at-shell.at-done main :is(.at-btn, .scx-hbtn, .scx-btn, .scx-dd, .ins-hbtn, .ins-fbtn, .ins-dd):hover { background: var(--a-hover) !important; }
html.at-shell.at-done main :is(.at-btn, .scx-hbtn, .ins-hbtn) :is(i, svg) { color: var(--a-mute); font-size: 15px; }
html.at-shell.at-done main .at-btn.at-pri { background: #455DDC !important; color: #FFFFFF !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important; }
html.at-shell.at-done main .at-btn.at-pri :is(i, svg) { color: #FFFFFF; }
html.at-shell.at-done main .at-btn.at-pri:hover { background: #3A50C4 !important; }
html.at-shell.at-done main .at-btn.at-ghost-t { box-shadow: none !important; color: var(--a-mute) !important; }

/* toolbar rows: 48px + rule */
html.at-shell.at-done :is(#scx-bar, .ins-bar, .wl-kf .wl-tool) {
  min-height: 48px; padding: 10px 12px !important; margin-top: 0 !important; gap: 8px !important;
  border-top: 0 !important; border-bottom: 1px solid var(--a-line) !important;
}

/* ── Screener rows (js/aiq-attio-draft.js) ── */
html.at-shell .at-scx .at-hide, html.at-shell:not(.aiq-desk) .at-scx #scx-tabs { display: none !important; }   /* desktop: the tab bar (screener-one-row.css) */
html.at-shell .at-scx .at-row2 { display: flex; align-items: center; gap: 8px; height: 49px; padding: 0 12px; border-bottom: 1px solid var(--a-line); background: var(--a-bg); }
html.at-shell .at-scx .at-sp { flex: 1 1 auto; }
html.at-shell .at-scx .at-pick .at-pick-l { max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
html.at-shell .at-scx .at-anchor { position: relative; display: inline-flex; }
html.at-shell .at-scx .at-ghost { position: absolute !important; inset: 0; opacity: 0; pointer-events: none; }
/* Sort: outlined, "Sorted by" muted + the column in ink */
html.at-shell .at-scx #scx-bar .at-sort .at-sort-k { color: var(--a-mute); }
html.at-shell .at-scx #scx-bar .at-sort .at-sort-v { max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
/* Filter: no outline, a faint fill, muted text (Attio) */
html.at-shell .at-scx #scx-bar #scx-edit-btn { box-shadow: none !important; background: var(--a-fill) !important; color: var(--a-mute) !important; }
html.at-shell .at-scx #scx-bar #scx-edit-btn:hover { color: var(--a-ink) !important; }
html.at-shell .at-scx #scx-bar #scx-edit-btn svg { color: inherit !important; }
html.at-shell .at-scx #scx-edit-n:empty { display: none; }
html.at-shell .at-scx #scx-edit-n { background: var(--a-fill); color: var(--a-ink); border-radius: 4px; padding: 0 5px; font-size: 12px; }
html.at-shell .at-scx #scx-bar #scx-find-btn { box-shadow: none !important; background: none !important; color: var(--a-mute) !important; }
html.at-shell .at-scx #scx-bar #sc-market-btn .n { color: var(--a-mute); }

/* footer: Attio's count row (37px), the table runs down to it */
html.at-shell #sc-footer .sc-view-switch { display: none !important; }
html.at-shell #sc-footer { background: var(--a-bg) !important; border-top: 1px solid var(--a-line) !important; height: 37px !important; padding: 0 12px !important; }
html.at-shell #sc-footer, html.at-shell #sc-footer * { font-size: 14px !important; font-weight: 500 !important; color: var(--a-mute) !important; }
html.at-shell #sc-footer b, html.at-shell #sc-footer button[hx-post] { color: var(--a-ink) !important; }

/* menus: solid, not frosted */
html.at-shell .aiq-menu.at-menu:not(#_) { background: var(--a-bg) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border: 0 !important; box-shadow: inset 0 0 0 1px var(--a-ring), 0 8px 24px rgba(0,0,0,.12) !important; border-radius: 4px !important; padding: 4px !important; overflow-y: auto; }
html.at-shell .aiq-menu.at-menu:not(#_) .aiq-mi { color: var(--a-ink) !important; font: 500 14px/20px Inter, sans-serif !important; letter-spacing: -0.07px; border-radius: 4px; }
html.at-shell .aiq-menu.at-menu:not(#_) .aiq-mi:hover { background: var(--a-hover) !important; }
html.at-shell .aiq-menu.at-menu:not(#_) .aiq-mi i { margin-right: 8px; color: var(--a-mute); }
html.at-shell .aiq-menu.at-menu:not(#_) .aiq-mi.on::after { content: "✓"; margin-left: auto; padding-left: 12px; color: #455DDC; }
html.at-shell .aiq-menu.at-menu:not(#_) .at-menu-h { padding: 6px 8px 4px; font: 500 12px/16px Inter, sans-serif; color: var(--a-mute); }

/* ── Draft switcher (bottom centre) ── */

/* Inside a workspace tab the page sat in its own 12px-inset bordered card: flush, so the table isn't in a card */
html.at-shell.at-done.aiq-shell.is-popout .app-shell > main:has(#scx-top, .ins-top, #wl-tabs) {
  margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important;
}
html.at-shell.aiq-shell.is-popout .lkl-scr .sc-layout { height: 100vh !important; }

/* ══ Attio theme for the shell (round 3, user: "part of it is the color scheme"). Same layout — search bar on top,
   sidebar, rail, tab strip all where they were — only Attio's colours and type: one neutral surface everywhere
   (dark #101112, no navy), 1px rules between regions instead of a rounded inset panel, sentence-case section
   labels, 14px / 500 nav with a grey active fill, neutral rail and tab strip. ══ */
html.at-shell.aiq-shell[data-theme="dark"] {
  --a-bg: #101112; --a-line: #1B1C1F; --a-ring: #222326; --a-hover: #151618; --a-ink: #F1F2F3;
  --a-sorted: #13151C; --a-side: #101112; --a-side-hover: rgba(255,255,255,.05); --a-side-on: rgba(255,255,255,.07);
  --sh-bg: #101112; --sh-line: #1B1C1F; --sh-field: #101112; --sh-field-line: #222326; --sh-active: rgba(255,255,255,.07);
  --sh-ink: #F1F2F3; --sh-dim: rgba(255,255,255,.55); --sh-hi: #FFFFFF; --sh-bed: #101112; --sh-tile: #101112;
  --sh-head: #101112; --sh-frame: #1B1C1F; --sh-r: 0px;
}
html.at-shell.aiq-shell[data-theme="light"] {
  --a-side: #FBFBFB; --a-side-hover: rgba(15,17,21,.04); --a-side-on: rgba(15,17,21,.06);
  --sh-bg: #FBFBFB; --sh-line: #EEEFF1; --sh-field: #FFFFFF; --sh-field-line: #E3E4E8; --sh-active: rgba(15,17,21,.06);
  --sh-ink: #1D2025; --sh-dim: rgba(29,32,37,.55); --sh-hi: #111318; --sh-bed: #FFFFFF; --sh-tile: #FFFFFF;
  --sh-head: #FFFFFF; --sh-frame: #EEEFF1; --sh-r: 0px;
}
/* regions split by 1px rules; the top bar is the page colour in light (Attio: white header, grey sidebar) */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar { border-right: 1px solid var(--sh-line) !important; background: var(--a-side) !important; }
html.at-shell.aiq-shell[data-theme][class] #top-nav { border-bottom: 1px solid var(--sh-line) !important; background: var(--a-bg) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-row { box-shadow: 0 1px 0 var(--sh-line); }
html.at-shell.aiq-shell:not(.is-popout)[data-theme][class] .app-shell > main { background: var(--a-bg) !important; }
html.at-shell.aiq-shell :is(.aiq-tabframe, .aiq-tabfail) { background: var(--a-bg) !important; }
html.at-shell #aiq-corners :is(.tl, .tr, .bl, .br) { display: none !important; }

/* sidebar: Attio's nav — 14px / 500 ink, grey icons, 30px rows, grey active fill, no accent bar / glow / dot */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item { padding-top: 5px !important; padding-bottom: 5px !important; padding-left: 8px !important; gap: 8px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item span { font-size: 14px !important; font-weight: 500 !important; letter-spacing: -0.07px !important; line-height: 20px !important; color: var(--sh-ink) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item :is(i, svg) { color: var(--sh-dim) !important; font-size: 16px; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item:hover { background: var(--a-side-hover) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item.active { background: var(--a-side-on) !important; box-shadow: none !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item.active :is(i, svg) { color: var(--sh-ink) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item.active::before,
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item.active::after { display: none !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-section-label {
  text-transform: none !important; letter-spacing: 0 !important; font-size: 12px !important; font-weight: 500 !important;
  line-height: 16px; color: var(--sh-dim) !important; padding-top: 14px !important;
}
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-section-label::after { display: none !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar :is(.sb-fin-toggle, .sb-collapse-btn) {
  background: transparent !important; border: 0 !important; box-shadow: inset 0 0 0 1px var(--sh-field-line) !important; color: var(--sh-dim) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar :is(.sb-fin-toggle, .sb-collapse-btn) svg { color: var(--sh-dim) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-fin-count { background: var(--a-side-on) !important; color: var(--sh-dim) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-fin-group.is-open { background: transparent !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-fin-group.is-open .sb-fin-toggle { background: var(--a-side-on) !important; color: var(--sh-ink) !important; }
html.at-shell.aiq-shell[data-theme="light"][class] #app-sidebar .sb-logo-wordmark :first-child { color: #111318 !important; }

/* top bar: search = Attio's Search field (page colour, 1px inset outline); controls in grey */
html.at-shell.aiq-shell[data-theme][class] #nav-global-search { background: var(--a-bg) !important; border: 0 !important; box-shadow: inset 0 0 0 1px var(--sh-field-line) !important; }
html.at-shell.aiq-shell[data-theme][class] #nav-search-input { color: var(--sh-ink) !important; font-weight: 500; font-size: 14px !important; }
html.at-shell.aiq-shell[data-theme][class] #nav-search-input::placeholder { color: var(--sh-dim) !important; }
html.at-shell.aiq-shell[data-theme][class] #nav-global-search > svg { color: var(--sh-dim) !important; }
html.at-shell.aiq-shell[data-theme][class] #nav-cmdk-key { color: var(--sh-dim) !important; border-color: var(--sh-field-line) !important; }
html.at-shell.aiq-shell[data-theme][class] #top-nav :is(a, button):not(#nav-cmdk-hint):not(#nav-upgrade):not([role="menu"] *) { color: var(--sh-dim) !important; font-weight: 500; }
html.at-shell.aiq-shell[data-theme][class] #top-nav :is(a, button):not(#nav-cmdk-hint):not(#nav-upgrade):not([role="menu"] *):hover { background: var(--sh-active) !important; color: var(--sh-ink) !important; }

/* rail + tab strip: neutral, ruled */
html.at-shell.aiq-shell:not(.is-popout) #aiq-rail { background: var(--a-bg); box-shadow: inset 1px 0 0 var(--sh-line); }
html.at-shell.aiq-shell #aiq-rail a:not(.rp-ms) { color: var(--sh-dim); }
html.at-shell.aiq-shell #aiq-rail a.rp-ms { background: transparent !important; color: var(--sh-ink) !important; box-shadow: inset 0 0 0 1px var(--sh-field-line) !important; filter: none !important; }
html.at-shell.aiq-shell[data-theme][class] #aiq-tabbar { background: var(--a-bg) !important; box-shadow: inset 0 1px 0 var(--sh-line); }
html.at-shell.aiq-shell[data-theme][class] .aiq-tab { color: var(--sh-dim) !important; }
html.at-shell.aiq-shell[data-theme][class] .aiq-tab.is-on { background: var(--sh-active) !important; color: var(--sh-ink) !important; }
html.at-shell.aiq-shell[data-theme][class] .aiq-tab.is-on * { color: var(--sh-ink) !important; }
html.at-shell.aiq-shell[data-theme][class] .aiq-tab-x:hover { background: var(--sh-active) !important; }

/* A few small colour tiles (user: "a few subtle icons with color providing a balanced feel"). Attio keeps plain
   grey line icons for the app's own pages and gives each record type a small rounded colour square; the page name
   and the view picker carry the same square. Here: the Intelligence datasets get the squares, the tools above
   stay grey, and each table page's name shows its square. Colours are the design-system hues, slightly softened. */
html.at-shell { --c-violet:#8B5CF6; --c-amber:#F59E0B; --c-teal:#14B8A6; --c-blue:#3B82F6; --c-green:#22C55E; --c-orange:#F97316; --c-rose:#F43F5E; --c-indigo:#6366F1; --c-excel:#16A34A; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item:is([href^="/ai"], [href^="/superinvestors"], [href^="/insiders"], [href^="/congress"], [href^="/government"], [href^="/excel"]) > i {
  width: 18px; height: 18px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px !important; color: #FFFFFF !important;
}
html.at-shell #app-sidebar .sb-item[href^="/ai"] > i { background: var(--c-violet); }
html.at-shell #app-sidebar .sb-item[href^="/superinvestors"] > i { background: var(--c-amber); }
html.at-shell #app-sidebar .sb-item[href^="/insiders"] > i { background: var(--c-teal); }
html.at-shell #app-sidebar .sb-item[href^="/congress"] > i { background: var(--c-blue); }
html.at-shell #app-sidebar .sb-item[href^="/government"] > i { background: var(--c-indigo); }
html.at-shell #app-sidebar .sb-item[href^="/excel"] > i { background: var(--c-excel); }
html.at-shell body.sb-collapsed #app-sidebar .sb-item > i { margin: 0 auto; }
/* page-name squares (js/aiq-attio-draft.js adds .at-ico before the title) */
html.at-shell .at-ico { width: 18px; height: 18px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center;
  color: #FFFFFF; font-size: 11px; flex: none; margin-right: 2px; }

/* ══ Round 4 (user: "move the search bar to the left panel and … remove the right side bar"): no top bar, no rail.
   The top bar is collapsed, not display:none — aiq-tabs.js places the tab frames from its offsetLeft / offsetHeight.
   --sh-rail / --sh-top = 0 also bring the rail panels (#rp) flush right and full height. ══ */
html.at-shell.aiq-shell { --sh-rail: 0px; --sh-top: 0px; --nav-h: 0px; --sc-top: 0px; }
html.at-shell.aiq-shell[data-theme][class] #top-nav { height: 0 !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;
  overflow: hidden !important; visibility: hidden !important; border: 0 !important; }
html.at-shell.aiq-shell:not(.is-popout)[data-theme][class] .app-shell { padding-top: 0 !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar { top: 0 !important; height: 100vh !important; display: flex; flex-direction: column; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-row { height: 48px !important; flex: none; }
html.at-shell.aiq-shell #aiq-rail, html.at-shell.aiq-shell #aiq-acct { display: none !important; }
html.at-shell.aiq-shell.aiq-tabs-on #aiq-tabframes { right: 0 !important; }

/* sidebar search (Attio's Search ⌘K row) */
html.at-shell .at-sb-search { padding: 8px 12px 6px; flex: none; }
html.at-shell .at-sb-search #nav-search-wrap { padding: 0 !important; width: 100%; }
html.at-shell .at-sb-search #nav-global-search { margin: 0 !important; width: 100% !important; max-width: none !important; height: 28px !important; flex: 1 1 auto !important; min-width: 0 !important; }
html.at-shell .at-sb-search #nav-search-input { min-width: 0 !important; width: 100% !important; }
html.at-shell body.sb-collapsed .at-sb-search { display: none; }
/* quick items above Analysis */
html.at-shell .at-sb-quick { padding-bottom: 6px; margin-bottom: 2px; }
/* foot: tools row + account row, pinned to the bottom */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-nav { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .at-sb-foot { height: auto !important; overflow: visible !important; flex: none; margin-top: auto; border-top: 1px solid var(--sh-line); padding: 8px 8px 10px !important; display: flex !important; flex-direction: column; gap: 6px; }
html.at-shell .at-sb-tools { display: flex; align-items: center; gap: 2px; flex-wrap: wrap; order: -1; }
html.at-shell .at-sb-tools :is(#fullscreen-toggle, #theme-toggle, #aiq-help-btn) {
  height: 28px; min-width: 28px; padding: 0 6px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  color: var(--sh-dim) !important; background: transparent !important; font: 500 13px Inter, sans-serif; }
html.at-shell .at-sb-tools :is(#fullscreen-toggle, #theme-toggle, #aiq-help-btn):hover { background: var(--sh-active) !important; color: var(--sh-ink) !important; }
html.at-shell .at-sb-tools #aiq-viewas { width: 100%; order: -1; margin-bottom: 4px; }
html.at-shell .at-sb-tools #aiq-help { position: relative; }
html.at-shell .at-sb-foot #sb-user-btn { width: 100%; }
html.at-shell .at-sb-foot :is(.sb-user-name, .sb-user-email) { color: var(--sh-ink) !important; }
html.at-shell .at-sb-foot .sb-user-email { color: var(--sh-dim) !important; }
/* the stacked column is for the tools in the collapsed sidebar; the top-right copy (.at-top-tools) stays one row (it stacked
   over Export / New when the sidebar was collapsed, 2026-11-07) */
html.at-shell body.sb-collapsed .at-sb-tools:not(.at-top-tools) { flex-direction: column; }
html.at-shell body.sb-collapsed .at-sb-tools #aiq-viewas { display: none; }
html.at-shell .at-sb-tools #aiq-viewas { flex-wrap: wrap; gap: 4px; height: auto !important; max-width: 100%; }
html.at-shell .at-sb-tools #aiq-viewas :is(.va-seg) { flex-wrap: wrap; max-width: 100%; }
html.at-shell .at-sb-tools #aiq-viewas :is(button, a) { font-size: 12px !important; padding: 0 7px !important; }

/* ══ Round 5: the sidebar in Attio's proportions (measured in the live app, user 2026-10-25) ══
   275px wide (274 + 1px rule); 48px top row (24px mark, 16px / 600 name, 24px collapse button 12px from the edge);
   a 28px search field 10px under it with a 28px inbox button beside it (our Alerts), 12px side margins; items 28px tall
   on a 29px pitch, 8px in from each side, padding 0 4px 0 8px, 16px icon, 6px gap, text at 38px; section labels
   12px / 16px with 17px above and 9px below. Corners stay 4px (house rule; Attio 9px). Collapsed width unchanged. */
html.at-shell.aiq-shell:not(.is-popout) body:not(.sb-collapsed) #app-sidebar { width: 275px !important; }
html.at-shell.aiq-shell:not(.is-popout) body:not(.sb-collapsed) .app-shell { margin-left: 275px !important; }
html.at-shell.aiq-shell:not(.is-popout) body:not(.sb-collapsed) #top-nav { left: 275px !important; width: calc(100vw - 275px) !important; }

html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-row { padding: 0 12px 0 11px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-link { padding: 0 !important; gap: 12px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-link svg.logo-mark { width: 24px !important; height: 24px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-wordmark { font-size: 16px !important; font-weight: 600 !important; letter-spacing: -0.1px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-collapse-btn { width: 24px !important; height: 24px !important; top: 12px !important; right: 12px !important; }
html.at-shell.aiq-shell[data-theme][class] body.sb-collapsed #app-sidebar .sb-collapse-btn { right: calc(50% - 12px) !important; }

html.at-shell .at-sb-search { display: flex; gap: 8px; align-items: center; padding: 10px 12px 0; }
html.at-shell .at-sb-search #nav-search-wrap { flex: 1 1 auto; min-width: 0; }
html.at-shell .at-sb-inbox { flex: none; width: 28px; height: 28px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center;
  color: var(--sh-dim); background: transparent; box-shadow: inset 0 0 0 1px var(--sh-field-line); border: 0; cursor: pointer; font-size: 15px; position: relative; }
html.at-shell .at-sb-inbox:hover { color: var(--sh-ink); background: var(--sh-active); }

html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-nav { padding: 12px 8px 0 !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar :is(.sb-item, .sb-fin-row) { min-height: 28px !important; height: 28px !important; margin: 0 0 1px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item { padding: 0 4px 0 8px !important; gap: 6px !important; align-items: center !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item > i { width: 16px; font-size: 16px !important; flex: none; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item > i[style], html.at-shell #app-sidebar .sb-item:is([href^="/ai"], [href^="/superinvestors"], [href^="/insiders"], [href^="/congress"], [href^="/government"], [href^="/excel"]) > i {
  width: 16px !important; height: 16px !important; font-size: 10px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-section-label { padding: 16px 8px 8px !important; margin: 0 !important; height: auto !important; }
html.at-shell .at-sb-quick { padding-bottom: 0; margin-bottom: 0; }

/* "View as" (admin only) lives in the account menu now, as one quiet row */
html.at-shell #sb-user-menu .at-va-row { display: flex; align-items: center; gap: 8px; padding: 6px 10px; font: 500 12px/16px Inter, sans-serif; color: var(--pop-sub, #8a8f99); }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas { display: flex !important; flex-wrap: nowrap; gap: 2px; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; height: auto !important; }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas > :not(.va-seg):not(a):not(button) { display: none !important; }   /* its own "View as" label */
html.at-shell #sb-user-menu .at-va-row #aiq-viewas :is(button, a) { height: 22px !important; padding: 0 7px !important; font-size: 12px !important; border-radius: 4px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item.sb-group-trigger { padding-right: 34px !important; }
html.at-shell #sb-user-menu .at-va-row { flex-wrap: wrap; row-gap: 4px; padding: 6px 10px 8px; }
html.at-shell #sb-user-menu .at-va-row > span { width: 100%; white-space: nowrap; }
/* 2026-10-25: same look as the Icon style row under it: label above, grey track, white pill + colour dot on the pick */
html.at-shell #sb-user-menu .at-va-row:not(#_) { flex-direction: column; align-items: flex-start; gap: 4px; padding: 6px 10px 8px; }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas:not(#_) { padding: 2px !important; border: 0 !important; border-radius: 6px !important; background: var(--a-fill, rgba(0,0,0,.05)) !important; width: max-content; }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas:not(#_) .va-seg { display: flex; gap: 2px; }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas:not(#_) a { display: inline-flex; align-items: center; border: 0 !important; background: none !important; color: var(--pop-sub, #8a8f99) !important; font-weight: 500; text-decoration: none; }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas:not(#_) a:hover { color: var(--a-ink, #222631) !important; }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas:not(#_) a.is-on { background: var(--a-bg, #fff) !important; color: var(--a-ink, #222631) !important; box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 0 0 1px var(--a-line, #EEEFF1) !important; }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas:not(#_) a.is-on::before { content: ''; width: 6px; height: 6px; border-radius: 50%; margin-right: 5px; background: #455DDC; }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas:not(#_) a.is-on.va-free::before { background: #9646EF; }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas:not(#_) a.is-on.va-anon::before { background: #FF862E; }
html.at-shell #sb-user-menu .at-va-row #aiq-viewas:not(#_) a.va-admin { margin-left: 2px; box-shadow: inset 1px 0 0 var(--a-line, #EEEFF1) !important; border-radius: 0 4px 4px 0 !important; }

/* ══ Round 6 (user: the sidebar foot "too big and too cluttered"; theme, Help and full screen "in the top left") ══ */
/* top row: [mark Investingly] … [help][full screen][theme][collapse], all 24px icon buttons */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-row .at-sb-tools {
  position: absolute; right: 40px; top: 12px; display: flex; gap: 2px; order: 0; flex-wrap: nowrap; }
html.at-shell .sb-logo-row .at-sb-tools :is(#fullscreen-toggle, #theme-toggle, #aiq-help-btn) {
  width: 24px !important; min-width: 24px !important; height: 24px !important; padding: 0 !important; gap: 0 !important;
  font-size: 0 !important; border-radius: 4px; }
html.at-shell .sb-logo-row .at-sb-tools :is(#fullscreen-toggle, #theme-toggle, #aiq-help-btn) :is(svg, i) { width: 15px; height: 15px; font-size: 15px; flex: none; }
html.at-shell body.sb-collapsed .sb-logo-row .at-sb-tools { display: none; }
/* Free / signed out: a blue Upgrade first in the top-right header icons (user, 2026-10-26: "top right not left") */
html.at-shell .at-top-tools .at-sb-up { gap: 4px; margin-right: 6px !important; padding: 0 8px; border-radius: 8px; background: #455DDC;
  color: #fff !important; font: 600 12px/1 Inter, system-ui, sans-serif; text-decoration: none; white-space: nowrap; }
html.at-shell .at-top-tools .at-sb-up:hover { background: #3A50C4; }
html.at-shell .at-top-tools .at-sb-up i { font-size: 12px; }
/* foot: one slim account row — 20px avatar + name, no email, no caret */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .at-sb-foot { padding: 6px 8px !important; gap: 0; }
html.at-shell .at-sb-foot #sb-user-btn { height: 32px !important; min-height: 32px !important; padding: 0 8px !important; gap: 8px !important; border-radius: 4px; }
html.at-shell .at-sb-foot #sb-user-btn:hover { background: var(--sh-active) !important; }
html.at-shell .at-sb-foot .sb-user-avatar { width: 20px !important; height: 20px !important; font-size: 10px !important; box-shadow: none !important; }
html.at-shell .at-sb-foot .sb-av-wrap { width: 20px !important; height: 20px !important; }
html.at-shell .at-sb-foot :is(.sb-user-email, .sb-user-caret) { display: none !important; }
html.at-shell .at-sb-foot .sb-user-name { font: 500 14px/20px Inter, sans-serif !important; letter-spacing: -0.07px; color: var(--sh-ink) !important; }

/* Attio's search field (user: "copy Attio's search bar"): 28px, inset 1px outline, padding 4px 4px 4px 6px,
   16px glass, "Search" 14px / 500 in ink, ⌘ and K as two 20px key caps on the right */
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-global-search { padding: 4px 4px 4px 6px !important; gap: 6px !important; border-radius: 4px !important; }
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-global-search > svg { width: 16px !important; height: 16px !important; color: var(--sh-dim) !important; }
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-search-input { font: 500 14px/20px Inter, sans-serif !important; letter-spacing: -0.07px; }
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-search-input::placeholder { color: var(--sh-ink) !important; opacity: 1; }
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-cmdk-hint { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; height: 20px; }
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-cmdk-key { display: flex !important; gap: 4px; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-cmdk-key > span {
  width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--sh-field-line); color: var(--sh-dim); font: 500 11px/1 Inter, system-ui, sans-serif; }
/* top row: everything on the row's centre line (the wordmark sat 4px low on its own line box) */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-wordmark { display: flex !important; align-items: center; height: 24px; line-height: 20px !important; margin: 0 !important; padding: 0 !important; transform: none !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-link { height: 24px !important; align-self: center; margin: 0 !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-row .at-sb-tools { height: 24px; align-items: center; }
html.at-shell .sb-logo-row .at-sb-tools > * { display: flex; align-items: center; height: 24px; margin: 0 !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-wordmark { top: 0 !important; }   /* the house nudges it 4px down (relative; top:4px) */

/* Round 6b (user: Help, full screen, theme "should be top right not top left"): a fixed cluster centred in the 48px
   page-name band at the window's right edge; the table pages' name rows keep room for it. */
html.at-shell .at-top-tools { position: fixed; top: 12px; right: 12px; z-index: 96; display: flex; align-items: center; gap: 2px; height: 24px; }
html.at-shell.is-popout .at-top-tools { display: none; }
html.at-shell .at-top-tools > * { display: flex; align-items: center; height: 24px; margin: 0 !important; }
html.at-shell .at-top-tools :is(#fullscreen-toggle, #theme-toggle, #aiq-help-btn) {
  width: 24px !important; min-width: 24px !important; height: 24px !important; padding: 0 !important; gap: 0 !important; font-size: 0 !important;
  border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; color: var(--sh-dim) !important; background: transparent !important; }
html.at-shell .at-top-tools :is(#fullscreen-toggle, #theme-toggle, #aiq-help-btn):hover { background: var(--sh-active) !important; color: var(--sh-ink) !important; }
html.at-shell .at-top-tools :is(#fullscreen-toggle, #theme-toggle, #aiq-help-btn) :is(svg, i) { width: 15px; height: 15px; font-size: 15px; flex: none; }
html.at-shell .at-top-tools #aiq-help { position: relative; }
html.at-shell.at-done :is(#scx-head, .ins-top) { padding-right: 100px !important; }
html.at-shell.at-done #wl-tabs .wl-tabs-actions { margin-right: 88px; }

/* ══ Round 7: Attio's page-name row on every page (js pageBar) ══ */
html.at-shell { --c-slate: #64748B; }
html.at-shell .at-pagebar { display: flex; align-items: center; gap: 8px; height: 49px; padding: 0 112px 0 12px; box-sizing: border-box;
  border-bottom: 1px solid var(--a-line); background: var(--a-bg); font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }
html.at-shell .at-pagebar .at-pb-sep { font-size: 11px; color: var(--a-mute); }
html.at-shell .at-pagebar .at-pb-crumb { color: var(--a-ink); }
html.at-shell .at-pagebar .at-pb-name:has(+ .at-pb-sep) { color: var(--a-mute); }
/* the group link (aiq-pb-parent, "My charts › Financial charts"): muted like the tab crumbs' parent (.at-has-tabc) */
html.at-shell .at-pagebar a.at-pb-up:not(#_) { text-decoration: none; cursor: pointer; color: var(--a-mute) !important; }
html.at-shell .at-pagebar a.at-pb-up:not(#_):hover { color: var(--a-ink) !important; }
/* the open tab after the page name (js tabCrumb): everything before it reads muted, the tab in ink */
html.at-shell :is(.at-pagebar, #scx-head).at-has-tabc :is(.at-pb-name, .at-pb-crumb:not(.at-pb-tabc), h1):not(#_) { color: var(--a-mute) !important; }
html.at-shell #scx-head .at-pb-sep { font-size: 11px; color: var(--a-mute); }
html.at-shell #scx-head .at-pb-crumb { font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); white-space: nowrap; }
html.at-shell .at-pagebar .at-pb-crumb { white-space: nowrap; }
html.at-shell .at-dup-title { display: none !important; }

/* ══ Round 7b (user: "remove the card formatting … on some pages like financials"): Attio's record pages have no
   cards — one surface, sections split by a 1px rule. Every `.card` in an app page goes flat (page colour, no corners,
   no border / shadow, a rule on top); the Financials header card and the page's inset go too. Dashboards keep their
   "Soft" cards (user's pick, 2026-10-20). ══ */
html.at-shell.at-done:not(.at-p-dashboards):not(.at-p-financials) .app-shell > main .card:not(#_) {
  background: var(--a-bg) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  border-top: 1px solid var(--a-line) !important; }
html.at-shell .at-pagebar + * { margin-top: 0 !important; }

/* ── Round 7 (user: this layout on every page; no right side bar) ── */
/* Insiders' own look-landing rule pulls its panel out by the padding the shell has already removed */
html.at-shell .ins-panel { margin: 0 !important; }
/* the Watchlist's collapsed Activity strip on the right: replaced by the header's Activity button */
html.at-shell.at-done .wl-main.feed-shut .wl-feed { display: none !important; }
html.at-shell .at-feed-btn { display: inline-flex; align-items: center; gap: 6px; }
/* page actions moved into the name row */
html.at-shell .at-pagebar .at-pb-acts { margin-left: auto; margin-right: 92px; display: inline-flex; align-items: center; gap: 6px; }

/* ══ Round 8 (user: "copy the exact sizing of text and proportions … same rounding and blue … the lines … the tables …
   the headers … and bolding"; profile button top right). Every number below was read from the live app with
   getComputedStyle (app.attio.com Companies view, light, 2026-10-25). The user asked for Attio's rounding, so these
   override the house 4px corners inside the draft only. ══
   text      Inter 14px/20px 500, -0.07px; ink #101112; muted rgba(0,0,0,.55); labels 12px/16px 500 at .63;
             workspace name 16px/20px 600 (the only weight above 500)
   buttons   28px, radius 8px, padding 4px 6px, gap 6px, white, shadow 0 0 2px rgba(28,40,64,.18) + 0 1px 3px rgba(0,0,0,.04)
   primary   #266DF0, white text, padding 4px 8px 4px 6px, inset 1px rgba(0,0,0,.06) + two soft blue drops
   sort      inset 1px #E6E7EA, padding 0 8px; filter: no ring, rgba(0,0,0,.02) fill, text .5
   search    28px, radius 8px, padding 4px 4px 4px 6px, white, the button shadow
   nav       28px rows, radius 9px, padding 0 4px 0 8px, active rgba(0,0,0,.04); sidebar #FBFBFB + 1px #EEEFF1
   header    48px + 1px #EEEFF1; page icon 16px square; table head 40px, rows 35px + 1px rule, cells padding 8px 12px 0;
             checkboxes 16px radius 6px */
html.at-shell.aiq-shell[data-theme="light"] {
  --a-ink: #101112; --a-mute: rgba(0,0,0,.55); --a-label: rgba(0,0,0,.63); --a-line: #EEEFF1; --a-ring: #E6E7EA;
  --a-fill: rgba(0,0,0,.02); --a-side: #FBFBFB; --a-side-on: rgba(0,0,0,.04); --a-side-hover: rgba(0,0,0,.03);
  --a-blue: #266DF0; --a-blue-h: #1F5FD6;
  --a-btn: 0 0 0 1px transparent inset, 0 0 2px 0 rgba(28,40,64,.18), 0 1px 3px 0 rgba(0,0,0,.04);
  --a-btn-pri: inset 0 0 0 1px rgba(0,0,0,.06), 0 2px 4px -2px rgba(38,109,240,.12), 0 3px 6px -2px rgba(38,109,240,.08);
  --sh-ink: #101112; --sh-dim: rgba(0,0,0,.55);
}
html.at-shell.aiq-shell[data-theme="dark"] {
  --a-mute: rgba(255,255,255,.55); --a-label: rgba(255,255,255,.6); --a-fill: rgba(255,255,255,.03);
  --a-side-on: rgba(255,255,255,.06); --a-side-hover: rgba(255,255,255,.04);
  --a-blue: #266DF0; --a-blue-h: #3A7CF2;
  --a-btn: inset 0 0 0 1px #222326, 0 1px 2px 0 rgba(0,0,0,.3);
  --a-btn-pri: inset 0 0 0 1px rgba(255,255,255,.08), 0 2px 4px -2px rgba(38,109,240,.25);
}

/* ── text: one size, one weight ── */
html.at-shell .app-shell > main, html.at-shell #app-sidebar { font-family: Inter, system-ui, sans-serif; letter-spacing: -0.07px; }

/* ── buttons ── */
html.at-shell.at-done main :is(.at-btn, .scx-hbtn, .scx-btn, .scx-dd, .ins-hbtn, .ins-fbtn, .ins-dd, .ins-search, .wl-tabs-actions :is(button, a), .wl-tool button, .at-pb-acts :is(button, a), .cg-btn, .aiq-btn):not(#_) {
  height: 28px !important; min-height: 28px !important; padding: 4px 6px !important; gap: 6px !important; border-radius: 8px !important;
  font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; color: var(--a-ink) !important;
  background: var(--a-bg) !important; border: 0 !important; box-shadow: var(--a-btn) !important; }
html.at-shell.at-done main :is(.at-btn, .scx-hbtn, .scx-btn, .scx-dd, .ins-hbtn, .ins-fbtn, .ins-dd, .wl-tabs-actions :is(button, a), .at-pb-acts :is(button, a), .cg-btn, .aiq-btn):not(#_):hover { background: var(--a-hover) !important; }
html.at-shell.at-done main :is(.at-btn.at-pri, .aiq-btn.pri):not(#_), html.at-shell.at-done .aiq-dlg .aiq-btn.pri:not(#_) {
  background: var(--a-blue) !important; color: #FFFFFF !important; box-shadow: var(--a-btn-pri) !important; padding: 4px 8px 4px 6px !important; }
html.at-shell.at-done main :is(.at-btn.at-pri, .aiq-btn.pri):not(#_):hover, html.at-shell.at-done .aiq-dlg .aiq-btn.pri:not(#_):hover { background: var(--a-blue-h) !important; }
html.at-shell.at-done main :is(.at-btn.at-pri, .aiq-btn.pri) :is(i, svg) { color: #FFFFFF !important; }
html.at-shell .aiq-dlg .aiq-btn:not(#_) { height: 28px; border-radius: 8px !important; font-weight: 500 !important; }
/* sort: thin inset ring, no drop; filter: faint fill, no ring */
html.at-shell .at-scx #scx-bar .at-sort:not(#_) { box-shadow: inset 0 0 0 1px var(--a-ring) !important; padding: 0 8px !important; }
html.at-shell .at-scx #scx-bar #scx-edit-btn:not(#_) { box-shadow: none !important; background: var(--a-fill) !important; color: var(--a-mute) !important; padding: 0 8px !important; }
html.at-shell .at-scx #scx-bar .at-sort .at-sort-k { color: var(--a-label) !important; }

/* ── page header rows: 48px + 1px rule, icon 16px, name 14/500 ── */
html.at-shell.at-done .at-pagebar, html.at-shell.at-done :is(#scx-head, .ins-top) { height: 49px !important; min-height: 49px !important; border-bottom: 1px solid var(--a-line) !important; }
html.at-shell.at-done .at-pagebar .at-pb-name, html.at-shell.at-done :is(#scx-head h1, .ins-top h1, #wl-tabs .wl-kf-title, #wl-tabs .wl-title-btn) {
  font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; color: var(--a-ink) !important; }
html.at-shell .at-ico:not(#_) { width: 16px !important; height: 16px !important; border-radius: 4px !important; font-size: 10px !important; }
html.at-shell.at-done .at-scx .at-row2, html.at-shell.at-done :is(#scx-bar, .ins-bar, .wl-kf .wl-tool) { min-height: 48px; border-bottom: 1px solid var(--a-line) !important; }

/* ── sidebar ── */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar { background: var(--a-side) !important; border-right: 1px solid var(--a-line) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar :is(.sb-item, .sb-fin-row) { border-radius: 9px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item span { color: var(--a-ink) !important; font-weight: 500 !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item.active { background: var(--a-side-on) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item:hover { background: var(--a-side-hover) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-section-label {
  font: 500 12px/16px Inter, system-ui, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--a-label) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-wordmark { font-weight: 600 !important; font-size: 16px !important; color: var(--a-ink); }
html.at-shell .at-sb-inbox:not(#_) { border-radius: 8px !important; background: var(--a-bg) !important; box-shadow: var(--a-btn) !important; color: var(--a-ink) !important; }
/* search: Attio's field */
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-global-search:not(#_) {
  height: 28px !important; border-radius: 8px !important; padding: 4px 4px 4px 6px !important; border: 0 !important;
  background: var(--a-bg) !important; box-shadow: var(--a-btn) !important; }
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-global-search > svg { color: var(--a-ink) !important; }
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-search-input::placeholder { color: var(--a-ink) !important; }
html.at-shell.aiq-shell[data-theme][class] .at-sb-search #nav-cmdk-key > span { border-radius: 6px !important; box-shadow: inset 0 0 0 1px var(--a-ring) !important; color: var(--a-mute) !important; }

/* ── tables ── */
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tbody > tr > :is(td, th), html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > tfoot > tr > td {
  height: 36px; padding: 8px 12px 0 !important; vertical-align: top; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > thead > tr > th { padding: 0 12px !important; height: 40px; font-weight: 500 !important; color: var(--a-ink) !important; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) input[type="checkbox"] { border-radius: 6px !important; border-color: var(--a-ring) !important; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) input[type="checkbox"]:checked { background-color: var(--a-blue) !important; border-color: var(--a-blue) !important; }
html.tb-attio .aiq-tbl .at-tag:not(#_) { border-radius: 6px; font-size: 14px; }
html.at-shell .aiq-menu.at-menu:not(#_) { border-radius: 8px !important; }
html.at-shell .aiq-menu.at-menu:not(#_) .aiq-mi { border-radius: 6px; }
html.at-shell .aiq-menu.at-menu:not(#_) .aiq-mi.on::after { color: var(--a-blue); }
/* no bold in app text: page titles and table text at 500 (Attio uses 600 only for the workspace name) */
html.at-shell.at-done .app-shell > main :is(h1, h2, h3, th, b, strong):not(.sb-logo-wordmark) { font-weight: 500 !important; }

/* ── account: top right (user), a 24px avatar beside Help / full screen / theme; the sidebar foot goes ── */
html.at-shell .at-top-tools #sb-user-btn:not(#_) { width: 28px !important; min-width: 28px !important; height: 28px !important; padding: 0 !important;
  margin: 0 0 0 6px !important; border-radius: 8px !important; display: inline-flex !important; align-items: center; justify-content: center; background: transparent !important; }
html.at-shell .at-top-tools #sb-user-btn:hover { background: var(--a-side-on) !important; }
html.at-shell .at-top-tools #sb-user-btn :is(.sb-user-info, .sb-user-caret, .sb-user-email, .sb-user-name) { display: none !important; }
html.at-shell .at-top-tools #sb-user-btn :is(.sb-av-wrap, .sb-user-avatar) { width: 20px !important; height: 20px !important; font-size: 10px !important; box-shadow: none !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .at-sb-foot:not(:has(#sb-user-btn)) { display: none !important; }
html.at-shell .at-top-tools { top: 10px !important; height: 28px !important; }
html.at-shell .at-pagebar { padding-right: 140px !important; }
html.at-shell.at-done :is(#scx-head, .ins-top) { padding-right: 140px !important; }
html.at-shell.at-done #wl-tabs .wl-tabs-actions { margin-right: 124px !important; }
/* Free / signed out get the blue Upgrade first in the fixed tools (~180px, ~215px with the avatar): 140px let it cover
   Dex AI's "New chat" (2026-11-07) */
html.at-shell.aiq-desk:has(.at-top-tools .at-sb-up) .at-pagebar:not(#_) { padding-right: 236px !important; }
html.at-shell.at-done.aiq-desk:has(.at-top-tools .at-sb-up) :is(#scx-head, .ins-top):not(#_) { padding-right: 236px !important; }
html.at-shell.at-done.aiq-desk:has(.at-top-tools .at-sb-up) #wl-tabs .wl-tabs-actions:not(#_) { margin-right: 220px !important; }
/* Filter: Attio draws a 1px dashed outline at 6% ink on ::before; a 1×20px rule splits Sort from it */
html.at-shell .at-scx #scx-bar #scx-edit-btn { position: relative; }
html.at-shell .at-scx #scx-bar #scx-edit-btn::before { content: ""; position: absolute; inset: 0; border: 1px dashed rgba(0,0,0,.06); border-radius: 8px; pointer-events: none; }
html.at-shell.aiq-shell[data-theme="dark"] .at-scx #scx-bar #scx-edit-btn::before { border-color: rgba(255,255,255,.08); }
html.at-shell .at-scx #scx-bar .at-sort { position: relative; margin-right: 9px; overflow: visible !important; }
html.at-shell .at-scx #scx-bar .at-sort::after { content: ""; position: absolute; right: -9px; top: 4px; width: 1px; height: 20px; background: var(--a-line); }
/* tags never clip their column */
html.tb-attio .aiq-tbl .at-tag:not(#_) { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
/* header cells carry the same column rules as the body (Attio) */
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > thead > tr > th { border-right: 1px solid var(--a-line) !important; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > thead > tr > th:last-child { border-right: 0 !important; }
html.tb-attio .aiq-tbl:not(.at-own):not(#_):not(#_) > thead > tr > th { white-space: nowrap !important; }
html.at-shell.at-done #wl-tabs .wl-tabs-actions { margin-right: 136px !important; }

/* ══ Round 9 (user: clicking search opens a pop-up like Attio's). Measured: 740px, radius 12, ring 1px rgba(0,0,0,.07),
   input 16/20 500, group labels 12/16 500 at .63, rows 14/20 500, 24px icon boxes, "Ask AI  Tab" at the input's right.
   The page-content restyles tried in this round (segmented controls, card flattening, Financials) were rolled back
   the same day (user: "the financial page which had a great layout now doesn't look good"; one change at a time). ══ */
html.at-shell .cmdk:not(#_) { width: min(740px, 92vw) !important; border-radius: 12px !important; border: 0 !important; top: 14vh !important;
  background: var(--a-bg) !important; box-shadow: 0 0 0 1px rgba(0,0,0,.07), 0 12px 32px -4px rgba(16,17,18,.14), 0 4px 10px -2px rgba(16,17,18,.06) !important; }
html.at-shell.aiq-shell[data-theme="dark"] .cmdk:not(#_) { box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 16px 40px rgba(0,0,0,.5) !important; }
html.at-shell .cmdk-bg:not(#_) { background: rgba(16,17,18,.08) !important; }
html.at-shell .cmdk-input:not(#_) { font: 500 16px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.1px; padding: 18px 120px 18px 20px !important;
  color: var(--a-ink) !important; border-bottom: 1px solid var(--a-line) !important; }
html.at-shell .cmdk-input::placeholder { color: var(--a-faint, rgba(0,0,0,.4)) !important; }
html.at-shell .cmdk-list:not(#_) { padding: 8px !important; max-height: 58vh !important; }
html.at-shell .cmdk-grp:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important;
  color: var(--a-label) !important; padding: 12px 8px 6px !important; }
html.at-shell .cmdk-item:not(#_) { padding: 8px !important; border-radius: 8px !important; color: var(--a-ink) !important; gap: 10px !important; }
html.at-shell .cmdk-item.cur:not(#_) { background: var(--a-side-on) !important; }
html.at-shell .cmdk-item > span:first-child { display: flex !important; align-items: baseline; gap: 6px; min-width: 0; }
html.at-shell .cmdk-item > span:first-child br { display: none; }
html.at-shell .cmdk-item .t:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; white-space: nowrap; }
html.at-shell .cmdk-item .s:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.at-shell .cmdk-item .go:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; padding: 2px 6px; border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--a-ring); }
html.at-shell .cmdk-foot:not(#_) { padding: 10px 16px !important; border-top: 1px solid var(--a-line) !important; font: 500 12px/16px Inter, system-ui, sans-serif !important;
  color: var(--a-label) !important; align-items: center; }
html.at-shell .cmdk-foot kbd:not(#_) { border: 0 !important; box-shadow: inset 0 0 0 1px var(--a-ring) !important; background: transparent !important;
  border-radius: 6px !important; padding: 2px 5px !important; font: 500 11px/14px Inter, system-ui, sans-serif !important; }
html.at-shell .at-pagebar { position: sticky !important; top: 0 !important; z-index: 95 !important; }
html.at-shell .at-cmdk-ai { position: absolute; right: 18px; top: 18px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .at-cmdk-ai kbd { font: 500 11px/14px Inter, system-ui, sans-serif; padding: 2px 5px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--a-ring); color: var(--a-mute); }
html.at-shell .cmdk .at-cic { flex: none; width: 24px; height: 24px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center;
  box-shadow: inset 0 0 0 1px var(--a-line); color: var(--a-mute); font-size: 14px; background: var(--a-bg); }
html.at-shell .cmdk-item > span:not(.at-cic):not(.go) { display: flex !important; align-items: baseline; gap: 6px; min-width: 0; overflow: hidden; }
html.at-shell .cmdk-item > span:not(.at-cic):not(.go) br { display: none; }

/* ══ Round 10 (user: remove the bottom tab bar for screen space; Attio-like home) — open tabs are a sidebar section
   ("Tabs", like Attio's Lists / Chats). The bar stays in the DOM, hidden; the frames run to the bottom. ══ */
html.at-shell.aiq-shell, html.at-shell.aiq-shell.aiq-tabs-on, html.at-shell.aiq-shell.aiq-tabbar-solo { --sh-bottom: 0px !important; }
html.at-shell #aiq-tabbar:not(#_) { display: none !important; }
html.at-shell.aiq-tabs-on #aiq-tabframes:not(#_) { bottom: 0 !important; }
html.at-shell .at-tabs-sec { margin: 4px 0 2px; }
html.at-shell .at-tabs-sec .at-sec-h { display: flex; align-items: center; gap: 6px; width: 100%; height: 28px; padding: 4px 4px 4px 8px; border: 0; border-radius: 6px;
  background: transparent; cursor: pointer; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label, rgba(0,0,0,.63)); text-align: left; }
html.at-shell .at-tabs-sec .at-sec-h:hover { background: var(--a-side-hover); }
html.at-shell .at-tabs-sec .at-sec-h i { font-size: 11px; transition: none; }
html.at-shell .at-tabs-sec.is-shut .at-sec-h i { transform: rotate(-90deg); }
html.at-shell .at-tabs-sec .at-sec-n { margin-left: auto; padding-right: 4px; font-variant-numeric: tabular-nums; }
html.at-shell .at-tabs-sec.is-shut :is(.at-tabs-list, .at-tabs-new) { display: none !important; }
html.at-shell .at-tabs-sec .at-tab-it { position: relative; }
html.at-shell .at-tabs-sec .at-tab-it > span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.at-shell .at-tabs-sec .at-tab-x { display: none; flex: none; width: 20px; height: 20px; border: 0; border-radius: 6px; background: transparent; cursor: pointer;
  align-items: center; justify-content: center; color: var(--a-mute); font-size: 12px; }
html.at-shell .at-tabs-sec .at-tab-it:hover .at-tab-x { display: inline-flex; }
html.at-shell .at-tabs-sec .at-tab-x:hover { background: var(--a-side-on); color: var(--a-ink); }
html.at-shell .at-tabs-sec .at-tabs-new { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 28px; margin-top: 2px;
  padding: 3px 7px 3px 5px; border-radius: 8px; border: 1px dashed rgba(0,0,0,.06); background: rgba(0,0,0,.02); cursor: pointer;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: rgba(0,0,0,.5); }
html.at-shell .at-tabs-sec .at-tabs-new:hover { color: var(--a-ink); background: rgba(0,0,0,.04); }
html.at-shell.aiq-shell[data-theme="dark"] .at-tabs-sec .at-tabs-new { border-color: rgba(255,255,255,.08); background: rgba(255,255,255,.03); color: rgba(255,255,255,.5); }
html.at-shell body.sb-collapsed .at-tabs-sec :is(.at-sec-h span, .at-tabs-new span, .at-tab-x) { display: none !important; }
/* a page opened in a tab fills its frame like a single page does (no inset bordered box from the old shell) */
html.at-shell.is-tab .app-shell > main:not(#_) { margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; }
/* the right-hand panels (Ask AI / Notes / Alerts) open under the 48px name row, clear of the top-right icons */
html.at-shell #rp:not(#_) { top: 49px !important; height: auto !important; bottom: 0 !important; }

/* ══ Round 12 (user: the Screener's footer "doesn't match the attio style … ideally removed"): table view has no footer;
   the pager sits at the right of the Sort / Filter row. The draft switcher pill is hidden in Attio full (?tbl=house still
   switches back). ══ */
html.at-shell.at-done .sc-results-pane:not(.plot-mode) #sc-footer:not(#_) { display: none !important; }
html.at-shell .at-scx #scx-bar .at-pager { margin-left: auto; display: inline-flex; align-items: center; gap: 2px; }
html.at-shell .at-scx #scx-bar .at-pager[hidden] { display: none; }
html.at-shell .at-scx #scx-bar .at-pg-t { font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-mute); padding-right: 6px;
  font-variant-numeric: tabular-nums; white-space: nowrap; }
html.at-shell .at-scx #scx-bar .at-pg-b { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px;
  background: transparent; color: var(--a-ink); cursor: pointer; font-size: 14px; }
html.at-shell .at-scx #scx-bar .at-pg-b:hover:not(:disabled) { background: var(--a-side-hover); }
html.at-shell .at-scx #scx-bar .at-pg-b:disabled { color: var(--a-faint, rgba(0,0,0,.3)); cursor: default; }
html.at-shell .at-scx #scx-bar .at-pager ~ :is(#scx-find-btn, #scx-find) { margin-left: 4px !important; }
/* no visible scroll bars (user, round 12: "you don't need the scroll bars at all"); scrolling still works by trackpad,
   wheel and Shift+wheel. Beats base.html's app-wide `html[data-theme] * { scrollbar-width: thin }`. */
html.at-shell[data-theme], html.at-shell[data-theme] *:not(#_) { scrollbar-width: none !important; }
html.at-shell[data-theme] ::-webkit-scrollbar, html.at-shell[data-theme] *::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
/* the Screener's pop-out button no longer floats over the table: it's "Open in new window" in View settings (round 13) */
html.at-shell.at-done #sc-popout-btn:not(#_) { display: none !important; }
/* Round 14 (user: the sidebar's top row "doesn't feel well balanced"). Attio: a solid 24px mark (radius 30%) beside a
   16/600 name, and a bare 24px collapse icon with no outline. Our mark becomes the app icon (the glyph on ink #0F1115,
   brand rule), the collapse button loses its ring. */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-link svg.logo-mark:not(#_) {
  width: 24px !important; height: 24px !important; padding: 3.5px !important; box-sizing: border-box; border-radius: 30%;
  background: #0F1115 !important; color: #FFFFFF !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important; }
html.at-shell.aiq-shell[data-theme="dark"][class] #app-sidebar .sb-logo-link svg.logo-mark:not(#_) { background: #FFFFFF !important; color: #0F1115 !important; box-shadow: none !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-link { gap: 12px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-collapse-btn:not(#_) { box-shadow: none !important; border: 0 !important; background: transparent !important;
  border-radius: 6px !important; color: var(--a-mute) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-collapse-btn:not(#_):hover { background: var(--a-side-hover) !important; color: var(--a-ink) !important; }
/* Round 15 (user: the name didn't line up with the icon; "all black is boring"): two-tone name (a blue mark square was
   tried and rejected the same minute: "go back to the black icon"),
   and the name 2px lower — its box sat 2px above the icon's centre (measured: text 10.5–33.5, icon 12–36). */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-wordmark:not(#_) { top: 2px !important; }
/* Round 16 (user): the wordmark is plain ink at Attio's 16px / 600 — a blue "ingly" and a bold/thin weight split were
   both tried and turned down ("keep the text boring") */
html.at-shell #app-sidebar .sb-logo-wordmark-top .sbl-ch:not(#_) { color: var(--a-ink) !important; font-weight: 600 !important; }
/* Round 17 (user, 2026-10-26: the dark tile + name "needs to be redone"; picked draft B of five): a lockup — the bare
   glyph in the sidebar ink (teal dot kept) set tight against a 17/700 name, no tile. Beats the Round 14 tile rules. */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-link svg.logo-mark:not(#_):not(#_) {
  width: 21px !important; height: 21px !important; padding: 0 !important; background: transparent !important; box-shadow: none !important;
  border-radius: 0; color: var(--a-ink) !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-link:not(#_):not(#_) { gap: 4px !important; }
html.at-shell #app-sidebar :is(.sb-logo-wordmark-top, .sb-logo-wordmark-top .sbl-ch):not(#_):not(#_) { font-size: 17px !important; font-weight: 700 !important; letter-spacing: -0.035em !important; }
/* Eight blocks mark (user, 2026-10-26, picked in the ?logo= trial): the 3D cubes need more room than the flat glyph to
   read, so 30px; the name sits 3px down so its letters centre on the cubes (measured in the trial). */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-link svg.logo-mark:not(#_):not(#_):not(#_) { width: 30px !important; height: 30px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-logo-wordmark:not(#_):not(#_) { top: 3px !important; }

/* Round 16 (user: "fix the closed hamburger bar menu"): Attio's collapse — the sidebar goes away entirely and the page
   takes the full width; a 24px "open sidebar" icon sits at the left of the page's header row (js adds .at-sb-open). */
html.at-shell.aiq-shell:not(.is-popout) body.sb-collapsed #app-sidebar:not(#_) { width: 0 !important; min-width: 0 !important; border: 0 !important;
  overflow: hidden !important; visibility: hidden !important; }
html.at-shell.aiq-shell:not(.is-popout) body.sb-collapsed .app-shell:not(#_) { margin-left: 0 !important; }
html.at-shell.aiq-shell:not(.is-popout) body.sb-collapsed #top-nav:not(#_) { left: 0 !important; width: 100vw !important; }
html.at-shell .at-sb-open { display: none; position: fixed; left: 12px; top: 12px; z-index: 97; width: 24px; height: 24px; border: 0; border-radius: 6px;
  background: transparent; color: var(--a-mute); cursor: pointer; align-items: center; justify-content: center; font-size: 16px; }
html.at-shell .at-sb-open:hover { background: var(--a-side-hover); color: var(--a-ink); }
html.at-shell:not(.is-popout) body.sb-collapsed .at-sb-open { display: inline-flex; }
html.at-shell:not(.is-popout) body.sb-collapsed :is(.at-pagebar, #scx-head, .at-scx #scx-head) { padding-left: 44px !important; }

/* ══ Round 18: the sidebar's fixed foot (Attio). The menu above scrolls on its own (.sb-nav flex 1, overflow auto);
   this stays put: Getting started pill (Attio: 32px, radius 18, button shadow) · Support row · plan row
   (Attio: 14/20 500 text, a 20px "Keep Pro" button radius 6). Rules between them like Attio's. ══ */
html.at-shell .at-sb-fixed { flex: none; display: flex; flex-direction: column; background: var(--a-side); }
html.at-shell .at-sb-fixed-c { display: flex; justify-content: center; padding: 10px 8px; }
html.at-shell .at-sb-fixed-r { border-top: 1px solid var(--a-line); padding: 6px 8px; }
html.at-shell .at-gs-pill { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 6px 12px; border-radius: 18px; text-decoration: none;
  background: var(--a-bg); box-shadow: var(--a-btn); font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }
html.at-shell .at-gs-pill:hover { background: var(--a-hover); }
html.at-shell .at-sb-fixed .sb-item { margin: 0 !important; }
html.at-shell .at-plan-row { display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 4px 0 6px; }
html.at-shell .at-plan-ic { width: 20px; height: 20px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--a-ring); color: var(--a-mute); font-size: 13px; }
html.at-shell .at-plan-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }
html.at-shell .at-plan-t b { font-weight: 500; }
html.at-shell .at-plan-row.urgent .at-plan-t { color: var(--tb-neg, #c8203f); }
html.at-shell .at-plan-btn { flex: none; height: 20px; padding: 2px 6px; border-radius: 6px; background: var(--a-bg); box-shadow: var(--a-btn);
  font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-ink); text-decoration: none; }
html.at-shell .at-plan-btn:hover { background: var(--a-hover); }
/* signed out: the trial offer (sidebarFoot, from _ref_offer.html); muted day count, Claim is a <button> */
html.at-shell button.at-plan-btn { border: 0; cursor: pointer; }
html.at-shell .at-plan-sub { color: var(--a-mute); }
html.at-shell .at-plan-trial .at-plan-ic { color: var(--a-ink); }html.at-shell body.sb-collapsed .at-sb-fixed { display: none; }

/* ══ Round 19: Analysis / Intelligence collapse like the Tabs section (caret + 12/16 label, open by default) ══ */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-section-label[data-at]:not(#_) {
  display: flex !important; align-items: center; gap: 6px; height: 28px !important; padding: 4px 4px 4px 8px !important; margin: 8px 0 0 !important;
  border-radius: 6px; cursor: pointer; user-select: none; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-section-label[data-at]::after { display: none !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-section-label[data-at]:hover { background: var(--a-side-hover); }
html.at-shell #app-sidebar .sb-section-label[data-at] i { font-size: 11px; }
html.at-shell #app-sidebar .sb-section-label[data-at].is-shut i { transform: rotate(-90deg); }
html.at-shell #app-sidebar .at-sec-hid { display: none !important; }
html.at-shell .at-tabs-sec .at-sec-h { margin-top: 8px; }
/* everything fixed sits under one line (user): the foot opens with a rule; its rows don't repeat it */
html.at-shell .at-sb-fixed { border-top: 1px solid var(--a-line); padding: 4px 0; }
html.at-shell .at-sb-fixed .at-sb-fixed-r { border-top: 0; padding: 2px 8px; }
/* Getting started back as a small pill under the foot's line (user: "make the getting started button smaller") */
html.at-shell .at-sb-fixed .at-sb-fixed-c { padding: 6px 8px 2px; }
html.at-shell .at-sb-fixed .at-gs-pill { height: 24px; padding: 2px 10px; border-radius: 999px; font: 500 12px/16px Inter, system-ui, sans-serif; letter-spacing: 0; }
/* Round 22: the Tabs header carries a small + (no full-width dashed button) */
html.at-shell .at-tabs-sec .at-tabs-new.at-tabs-plus:not(#_) { display: inline-flex; width: 20px; height: 20px; margin: 0 0 0 2px; padding: 0; border: 0; border-radius: 6px;
  background: transparent; color: var(--a-mute); align-items: center; justify-content: center; font-size: 12px; }
html.at-shell .at-tabs-sec .at-tabs-new.at-tabs-plus:not(#_):hover { background: var(--a-side-on); color: var(--a-ink); }
html.at-shell .at-tabs-sec .at-sec-n { padding-right: 2px !important; }
html.at-shell .at-tabs-sec.is-shut .at-tabs-new.at-tabs-plus { display: inline-flex !important; }

/* ══ Round 23 restyled the dropdown lists (Financials, Markets, Investors) flat, Attio-style; undone 2026-10-25 (user:
   "it used to have a better flow and now it seems buggy") — the sub-lists use base.html's look again (guide rule,
   indented items, section labels, glide). Only the parent row's count + toggle keep the Attio treatment. ══ */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-fin-count:not(#_) { background: none !important; box-shadow: none !important; border: 0 !important;
  padding: 0 4px !important; font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; font-variant-numeric: tabular-nums; }
html.at-shell.aiq-shell[data-theme][class] body:not(.sb-collapsed) #app-sidebar .sb-fin-toggle:not(#_) { width: 20px !important; height: 20px !important;
  border: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 6px !important; color: var(--a-mute) !important; }
html.at-shell.aiq-shell[data-theme][class] body:not(.sb-collapsed) #app-sidebar .sb-fin-toggle:not(#_):hover { background: var(--a-side-on) !important; color: var(--a-ink) !important; }

/* ══ Round 24 (user: the criteria chips got "cut off" in the Sort row — "it should be a scroll or just not show there
   but only in the filters. Also there should never be a hard line cutoff, rather a nice fade"). The chips leave the row
   (Filter shows the count and opens them). The table's right edge fades while more columns sit off to the right
   (js toggles .at-more-r on the scroller). ══ */
html.at-shell.at-done .at-scx #scx-bar #scx-chips { display: none !important; }

/* ══ Round 25: View settings lists the columns (Attio): ⠿ handle · label · ⋮, 32px rows, drag to reorder ══ */
html.at-shell .at-cols { display: flex; flex-direction: column; max-height: 340px; overflow-y: auto; min-width: 260px; }
html.at-shell .at-col-row { display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 4px 0 6px; border-radius: 6px; cursor: grab;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }
html.at-shell .at-col-row:hover { background: var(--a-hover); }
html.at-shell .at-col-row.is-drag { opacity: .4; }
html.at-shell .at-col-row.is-over { box-shadow: inset 0 2px 0 var(--a-blue); }
html.at-shell .at-col-grip { color: var(--a-faint, rgba(0,0,0,.3)); font-size: 14px; display: inline-flex; }
html.at-shell .at-col-l { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.at-shell .at-col-more { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 6px;
  background: transparent; color: var(--a-mute); cursor: pointer; opacity: 0; font-size: 14px; }
html.at-shell .at-col-row:hover .at-col-more { opacity: 1; }
html.at-shell .at-col-more:hover { background: var(--a-side-on); color: var(--a-ink); }
html.at-shell .at-col-sub { margin: 0 0 4px 24px; padding: 2px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--a-line); }
html.at-shell .at-col-sub .aiq-mi { height: 28px; font-size: 13px !important; }
html.at-shell .at-col-row { flex: none; }
html.at-shell .at-col-row.is-lead { cursor: default; }
html.at-shell .at-col-row.is-lead .at-col-grip { visibility: hidden; }
html.at-shell .at-col-tag { flex: none; font: 500 11px/14px Inter, system-ui, sans-serif; color: var(--a-mute); padding: 2px 6px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--a-line); }

/* ══ Round 26 (user: the foot "takes up too much space … the way Attio did it looks better"): Attio's foot exactly —
   the 32px Getting started pill centred above the first line, then each row (28px) under its own 1px line, 6px 8px. ══ */
html.at-shell .at-sb-fixed:not(#_) { border-top: 0; padding: 0; }
html.at-shell .at-sb-fixed .at-sb-fixed-c:not(#_) { padding: 4px 8px 8px; }
html.at-shell .at-sb-fixed .at-gs-pill:not(#_) { height: 32px; padding: 6px 10px; border-radius: 18px; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; }
html.at-shell .at-sb-fixed .at-sb-fixed-r:not(#_) { border-top: 1px solid var(--a-line); padding: 6px 8px; }
html.at-shell .at-sb-fixed .at-sb-fixed-r .sb-item { height: 28px !important; min-height: 28px !important; }
html.at-shell .at-sb-fixed .at-plan-row { height: 28px; }
/* Round 27: soft edges are universal (js softEdges sets an inline mask on every scroll container); the per-place fade
   classes of round 24 are gone. The Screener's criteria columns are no longer listed under View settings → Columns. */
/* Round 28: Support isn't in the sidebar (Help menu + ⌘K have it) */
html.at-shell #app-sidebar .at-gone { display: none !important; }
/* Round 30 (user: "too much whitespace below" the plan row): the sidebar's own 12px bottom padding sat under the foot —
   gone; the row gets an even 8px above and below */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar:not(#_) { padding-bottom: 0 !important; }
html.at-shell .at-sb-fixed .at-sb-fixed-r:not(#_) { padding: 8px; }

/* ══ Round 31 — one pop-up standard (user: "create some standardized format … clean is better, the less text the
   better, maybe small little bits of color … look at Attio popups"). Measured in Attio (light):
   MENU / POPOVER  white, radius 12, padding 4, shadow 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); rows 32px, radius 8, padding 6px 8px, 14/20 500; labels 12/16 .63
   DIALOG          4px frosted halo (rgba(255,255,255,.6), radius 16, shadows 0 8px 28px -6px rgba(28,40,64,.12),
                   0 18px 88px -4px rgba(28,40,64,.16), 0 0 1px rgba(28,40,64,.16)) around a white radius-12 box with a
                   1px rgba(0,0,0,.07) ring; header 44px + 1px rule, title 14/20 500; field labels 12 500 at .5; the kit scrim dims the whole window (Attio has none; user 2026-10-26).
   Applies to every menu, popover, dialog and the palette inside the draft; no frosted glass on menus. ══ */
html.at-shell.aiq-shell[data-theme="light"] { --at-pop-bg: #FFFFFF; --at-pop-ring: rgba(28,40,64,.04);
  --at-pop-sh: 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);
  --at-dlg-sh: 0 0 0 4px rgba(255,255,255,.6), 0 0 0 1px rgba(0,0,0,.07), 0 8px 28px -6px rgba(28,40,64,.12), 0 18px 88px -4px rgba(28,40,64,.16), 0 0 1px rgba(28,40,64,.16);
  --at-scrim: rgba(16,17,18,.04); }
html.at-shell.aiq-shell[data-theme="dark"] { --at-pop-bg: #18191B; --at-pop-ring: rgba(255,255,255,.08);
  --at-pop-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);
  --at-dlg-sh: 0 0 0 4px rgba(255,255,255,.07), 0 0 0 1px rgba(255,255,255,.16), 0 18px 60px -8px rgba(0,0,0,.65);   /* the light look's halo + hairline (user, 2026-10-29: "that line around the borders") */
  --at-scrim: rgba(0,0,0,.25); }

/* menus + popovers (not a phone bottom sheet: #sb-user-menu inside :is() gave this id weight, so it beat aiq-phone-sheet.css
   and squeezed every phone sheet to 4px padding, 12px corners, no safe-area room, 2026-11-07) */
html.at-shell :is(.aiq-menu, .aiq-pop, .scx-pop, #sb-user-menu, .at-menu):not(.ph-sheet):not(#_):not(#_) {
  background: var(--at-pop-bg) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border: 0 !important; border-radius: 12px !important; box-shadow: var(--at-pop-sh) !important; padding: 4px !important; color: var(--a-ink) !important; }
html.at-shell :is(.aiq-menu, .aiq-pop, .scx-pop, #sb-user-menu, .at-menu):not(.ph-sheet) :is(.aiq-mi, a[role="menuitem"], .um-item):not(#_) {
  min-height: 32px; padding: 6px 8px !important; border-radius: 8px !important; font: 500 14px/20px Inter, system-ui, sans-serif !important;
  letter-spacing: -0.07px; color: var(--a-ink) !important; }
html.at-shell :is(.aiq-menu, .aiq-pop, .scx-pop, #sb-user-menu, .at-menu) :is(.aiq-mi, a[role="menuitem"], .um-item):hover { background: var(--a-hover) !important; }
html.at-shell :is(.aiq-menu, .aiq-pop, .scx-pop, #sb-user-menu, .at-menu) :is(.aiq-menu-lbl, .at-menu-h, .aiq-pop-h):not(#_) {
  font: 500 12px/16px Inter, system-ui, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--a-label) !important; padding: 8px 8px 4px !important; }
html.at-shell :is(.aiq-menu, .aiq-pop, .scx-pop) .aiq-menu-hr { background: var(--a-line) !important; margin: 4px -4px !important; }

/* dialogs */
html.at-shell .aiq-dlg:not(#_) { background: var(--at-pop-bg) !important; border: 0 !important; border-radius: 12px !important; box-shadow: var(--at-dlg-sh) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.at-shell .aiq-dlg .aiq-dlg-h:not(#_) { min-height: 44px; padding: 8px 12px 8px 16px !important; box-shadow: inset 0 -1px 0 var(--a-line); }
html.at-shell .aiq-dlg .aiq-dlg-t:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; color: var(--a-ink) !important; }
html.at-shell :is(.aiq-dlg, .aiq-pop) .aiq-dlg-nm:not(#_) { height: 32px; padding: 0 8px; border-radius: 8px; box-shadow: var(--a-btn); color: var(--a-label); }
html.at-shell :is(.aiq-dlg, .aiq-pop) .aiq-dlg-nm:not(#_):focus-within { box-shadow: inset 0 0 0 1px #455DDC; color: var(--a-ink); }
html.at-shell .aiq-dlg .aiq-dlg-b:not(#_) { padding: 16px !important; }
html.at-shell .aiq-dlg .aiq-dlg-f:not(#_) { padding: 12px 16px !important; box-shadow: inset 0 1px 0 var(--a-line); }
html.at-shell .aiq-dlg .aiq-fld > span:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important; color: rgba(0,0,0,.5) !important; }
html.at-shell.aiq-shell[data-theme="dark"] .aiq-dlg .aiq-fld > span:not(#_) { color: rgba(255,255,255,.5) !important; }
html.at-shell :is(.aiq-dlg, .aiq-pop) .aiq-in:not(#_) { height: 32px; border-radius: 8px !important; border: 0 !important; box-shadow: var(--a-btn) !important; background: var(--a-bg) !important; }
/* Dialogs dim the whole window with the kit scrim (user, 2026-10-26); only ⌘K keeps Attio's faint one. */
html.at-shell .cmdk-bg:not(#_) { background: var(--at-scrim) !important; }
html.at-shell :is(.aiq-scrim, .cmdk-bg):not(#_) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.at-shell .cmdk:not(#_) { box-shadow: var(--at-dlg-sh) !important; background: var(--at-pop-bg) !important; }

/* the Screener's screen library: less text — no descriptions, no week-on-week deltas, a plain search field, a plain
   "Start blank" row */
html.at-shell #scx-screens .scx-scr > .d, html.at-shell #scx-screens .cnt .d { display: none !important; }
html.at-shell #scx-screens .scx-scr:not(#_) { padding: 6px 8px !important; border-radius: 8px !important; min-height: 32px; border: 0 !important; }
html.at-shell #scx-screens .scx-scr.blank:not(#_) { border: 0 !important; background: none !important; color: var(--a-ink) !important; }
html.at-shell #scx-screens .scx-scr .n { font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-ink) !important; }
html.at-shell #scx-screens .scx-scr .cnt { font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; }
html.at-shell #scx-screens #scx-screens-q:not(#_) { border: 0 !important; outline: 0 !important; box-shadow: inset 0 -1px 0 var(--a-line) !important; border-radius: 0 !important;
  background: transparent !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; padding: 8px !important; height: auto !important; }

/* palette: no "Open / Portfolio / Deep dive" pill on every row; icons centred, a light tint per group */
html.at-shell .cmdk-item .go:not(#_) { display: none !important; }
html.at-shell .cmdk .at-cic:not(#_) { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important;
  width: 24px; height: 24px; border-radius: 6px; box-shadow: none !important; font-size: 14px; flex: none; }
html.at-shell .cmdk .at-cic i { line-height: 1; display: block; }
html.at-shell .cmdk .at-cic.at-t-grey   { background: rgba(0,0,0,.04); color: rgba(0,0,0,.55); }
html.at-shell .cmdk .at-cic.at-t-blue   { background: rgba(69,93,220,.10); color: #455DDC; }
html.at-shell .cmdk .at-cic.at-t-green  { background: rgba(67,209,167,.14); color: #12946B; }
html.at-shell .cmdk .at-cic.at-t-amber  { background: rgba(255,170,40,.14); color: #B7700C; }
html.at-shell .cmdk .at-cic.at-t-teal   { background: rgba(20,170,190,.12); color: #0E8A9A; }
html.at-shell .cmdk .at-cic.at-t-violet { background: rgba(150,70,239,.10); color: #7B2FD6; }
html.at-shell.aiq-shell[data-theme="dark"] .cmdk .at-cic.at-t-grey { background: rgba(255,255,255,.06); color: rgba(255,255,255,.6); }

/* ══ Round 32: the configure-in-a-pop-up pattern (Attio's Templates dialog) — first used by + New screen.
   Reusable pieces: .at-t-<tone> tints (icon squares + tag pills), .at-pill (outlined pill, Attio's "Companies" chip),
   .at-tag-p (tinted pill, Attio's topic tags). ══ */
html.at-shell .at-t-amber  { --tn: #B7700C; --tb: rgba(255,170,40,.14); }
html.at-shell .at-t-slate  { --tn: #52607A; --tb: rgba(82,96,122,.10); }
html.at-shell .at-t-violet { --tn: #7B2FD6; --tb: rgba(150,70,239,.10); }
html.at-shell .at-t-green  { --tn: #12946B; --tb: rgba(67,209,167,.14); }
html.at-shell .at-t-blue   { --tn: #3550D0; --tb: rgba(69,93,220,.10); }
html.at-shell .at-t-teal   { --tn: #0E8A9A; --tb: rgba(20,170,190,.12); }
html.at-shell .at-t-rose   { --tn: #C8203F; --tb: rgba(247,52,99,.10); }
html.at-shell .at-t-orange { --tn: #C25A0C; --tb: rgba(255,134,46,.13); }
html.at-shell .at-t-grey   { --tn: rgba(0,0,0,.55); --tb: rgba(0,0,0,.04); }
html.at-shell .at-pill { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border-radius: 8px; flex: none;
  box-shadow: var(--a-btn); background: var(--a-bg); font: 500 13px/16px Inter, system-ui, sans-serif; color: var(--a-ink); white-space: nowrap; }
html.at-shell .at-tag-p { display: inline-flex; align-items: center; height: 22px; padding: 0 6px; border-radius: 6px; background: var(--tb); color: var(--tn);
  font: 500 13px/16px Inter, system-ui, sans-serif; white-space: nowrap; }

html.at-shell .aiq-dlg.at-tpl:not(#_) { --dlg-w: min(980px, 92vw); width: min(980px, 92vw) !important; max-width: none !important;
  height: min(640px, 86vh); display: flex; flex-direction: column; padding: 0 !important; }
/* Big set-up pop-ups on desktop (user, 2026-10-30, Airtable's template picker as the size reference): the window less
   80% of the window (cap 1500 × 960; 94% "spans too far into the sides"), over the sidebar too ("its okay if it does"). DRAFT: only with ?drafts=1
   (base.html sets html.dlg-big). Few-option pickers (.is-fmt, New dashboard .ws-nbd) are picture cards, sized below;
   New chart .chh-new keeps its own size. Desktop only: base.html sets dlg-big off phones (never in a tab frame, which is never the phone layout). */
html.at-shell.dlg-big .aiq-dlg:is(.at-tpl, #scx-ed, #col-cfg-panel, .ws-cat, .ws-lib, .cg-add-dlg, .fc-dlg, #tm-pf-dlg.wide):not(.chh-new):not(.ws-nbd):not(.is-fmt):not(#_):not(#_) {
  --dlg-w: min(1500px, 80vw); width: min(1500px, 80vw) !important; max-width: none !important;
  height: min(960px, 86vh) !important; max-height: none !important; }
/* Few options (user, 2026-10-30, Airtable's "How do you want to start?"): 76% of the window (cap 1400), height to
   its cards; one big card per option, icon art on a tinted band on top,
   then the name and one line. */
html.at-shell.dlg-big .aiq-dlg:is(.nr-dlg.is-fmt, .ws-nbd):not(#_):not(#_) {
  --dlg-w: min(1400px, 76vw); width: min(1400px, 76vw) !important; max-width: none !important;
  height: auto !important; max-height: calc(100vh - 96px) !important; }
html.at-shell.dlg-big .nr-dlg.is-fmt .nr-fmt { justify-content: flex-start; padding: 8px 28px 28px; }
html.at-shell.dlg-big .nr-dlg .nr-fmt-h { display: none; }
html.at-shell.dlg-big .nr-dlg .nr-fmt-row { gap: 20px; }
html.at-shell.dlg-big .nr-dlg .nr-fmt-c, html.at-shell.dlg-big .ws-nbd :is(.at-tpl-card, .at-tpl-blank) {
  display: flex; flex-direction: column; align-items: stretch; gap: 0; min-height: 0; padding: 0 0 20px; margin: 0; border-radius: 12px; overflow: hidden;
  background: var(--a-bg, transparent); box-shadow: inset 0 0 0 1px var(--a-line); }
html.at-shell.dlg-big .nr-dlg .nr-fmt-c.on, html.at-shell.dlg-big .ws-nbd :is(.at-tpl-card, .at-tpl-blank).on {
  background: var(--a-bg, transparent); box-shadow: inset 0 0 0 2px var(--a-blue, #266DF0); }
html.at-shell.dlg-big .nr-dlg .nr-fmt-c > :not(.pk-art), html.at-shell.dlg-big .ws-nbd .at-tpl-cb { margin-left: 22px; margin-right: 22px; }
html.at-shell.dlg-big .nr-dlg .nr-fmt-c > .at-tpl-ic, html.at-shell.dlg-big .ws-nbd :is(.at-tpl-card, .at-tpl-blank) > .at-tpl-ic { display: none; }
html.at-shell.dlg-big .nr-dlg .nr-fmt-c b, html.at-shell.dlg-big .ws-nbd .at-tpl-cb b { margin-top: 18px; font: 600 18px/24px Inter, system-ui, sans-serif; letter-spacing: -0.2px; color: var(--a-ink); }
html.at-shell.dlg-big .nr-dlg .nr-fmt-c p, html.at-shell.dlg-big .ws-nbd .at-tpl-cb p { margin-top: 6px; font: 400 14px/21px Inter, system-ui, sans-serif; color: var(--a-mute); -webkit-line-clamp: unset; }
html.at-shell.dlg-big .nr-dlg .nr-fmt-c > .at-pill { align-self: flex-start; margin-top: 12px; }
html.at-shell.dlg-big .ws-nbd .ws-nbd-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 8px 28px 24px; }
html.at-shell.dlg-big .ws-nbd .at-tpl-cb { text-align: left; }
/* icon art (_picker_art.html): the empty states' dotted grid on the option's tint, fading out, and one icon card */
html.at-shell.dlg-big .pk-art { display: grid; place-items: center; position: relative; height: 200px; overflow: hidden;
  background: var(--tb, var(--a-hover)); box-shadow: inset 0 -1px 0 var(--a-line); }
html.at-shell.dlg-big .pk-art::before { content: ''; position: absolute; inset: 0; opacity: .35;
  background: radial-gradient(circle, var(--tn, var(--a-mute)) 1px, transparent 1.4px) center / 16px 16px;
  -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, #000 20%, transparent 75%); mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, #000 20%, transparent 75%); }
html.at-shell.dlg-big .pk-tile { position: relative; width: 84px; height: 84px; display: grid; place-items: center; border-radius: 20px;
  background: var(--a-bg, #fff); box-shadow: 0 0 0 1px var(--a-line), 0 10px 28px rgba(15,17,21,.10); color: var(--tn, var(--a-ink)); font-size: 38px; }
html.at-shell.dlg-big .pk-blank { --tb: rgba(38,109,240,.08); --tn: var(--a-blue, #266DF0); }
html.at-shell.dlg-big .pk-blank .pk-tile { background: var(--a-blue, #266DF0); color: #fff; box-shadow: 0 10px 28px rgba(38,109,240,.28); }
html.at-shell.dlg-big .at-tpl:not(.chh-new):not(.ws-nbd) .at-tpl-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); align-content: start; }
html.at-shell.dlg-big .at-tpl:not(.chh-new):not(.ws-nbd) .at-tpl-list > :not(.at-tpl-card) { grid-column: 1 / -1; }
/* lists that capped their own height fill the taller box instead */
html.at-shell.dlg-big .cg-add-dlg .aiq-dlg-b { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
html.at-shell.dlg-big .cg-add-dlg .cg-add-grid { flex: 1 1 auto; min-height: 0; max-height: none; align-content: start; }

.pk-art { display: none; }
/* a tab whose frame the shell stretched over the window for a big pop-up (base.html lift): the page is pinned to the
   frame's old box, so the rest of the frame stays see-through and the sidebar shows (dimmed) under the pop-up's scrim.
   A background image keeps body's colour from spreading to the whole canvas. */
html.aiq-lifted #app-bg { display: none !important; }
html .aiq-tabframe[data-lifted]:not(#_):not(#_) { background: transparent !important; }   /* the shell side: the stretched frame */
html.aiq-lifted:not(#_) { overflow: hidden !important; background: linear-gradient(transparent, transparent) !important; background-color: transparent !important; }
html.at-shell .at-tpl .at-tpl-body { flex: 1 1 auto; min-height: 0; display: flex; }
html.at-shell .at-tpl .at-tpl-side { width: 280px; flex: none; padding: 12px 8px; box-shadow: inset -1px 0 0 var(--a-line); overflow-y: auto; }
html.at-shell .at-tpl .at-tpl-lbl { padding: 4px 8px 8px; font: 500 12px/16px Inter, system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase; color: var(--a-label); }
html.at-shell .at-tpl .at-tpl-cat { display: flex; align-items: center; gap: 10px; width: 100%; height: 36px; padding: 0 8px; border: 0; border-radius: 8px;
  background: transparent; cursor: pointer; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); text-align: left; }
html.at-shell .at-tpl .at-tpl-cat:hover { background: var(--a-hover); }
html.at-shell .at-tpl .at-tpl-cn { flex: 1 1 auto; }
html.at-shell .at-tpl .at-tpl-n { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); font-variant-numeric: tabular-nums; }
html.at-shell .at-tpl .at-tpl-ck { width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--a-ring); display: inline-flex;
  align-items: center; justify-content: center; color: transparent; font-size: 11px; flex: none; }
html.at-shell .at-tpl .at-tpl-cat.on .at-tpl-ck { background: var(--a-blue); box-shadow: none; color: #fff; }
html.at-shell .at-tpl-ic { width: 24px; height: 24px; flex: none; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--tb); color: var(--tn); font-size: 14px; }
html.at-shell .at-tpl-ic.lg { width: 40px; height: 40px; border-radius: 10px; font-size: 20px; }
html.at-shell .at-tpl .at-tpl-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
html.at-shell .at-tpl .at-tpl-q { flex: none; border: 0; outline: 0; background: transparent; padding: 18px 24px; box-shadow: inset 0 -1px 0 var(--a-line);
  font: 500 16px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .at-tpl .at-tpl-q::placeholder { color: var(--a-faint, rgba(0,0,0,.35)); }
html.at-shell .at-tpl .at-tpl-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 20px 24px 24px; display: flex; flex-direction: column; gap: 10px; }
html.at-shell .at-tpl .at-tpl-h { margin: 0 0 6px; font: 600 20px/28px Inter, system-ui, sans-serif; letter-spacing: -0.2px; color: var(--a-ink); }
html.at-shell .at-tpl .at-tpl-card { display: flex; gap: 14px; padding: 14px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--a-line); cursor: pointer; flex: none; }
html.at-shell .at-tpl .at-tpl-card.on { box-shadow: inset 0 0 0 1px var(--a-ring), 0 1px 3px rgba(0,0,0,.05); background: var(--a-pill, #FBFBFB); }
html.at-shell .at-tpl .at-tpl-cb { flex: 1 1 auto; min-width: 0; }
html.at-shell .at-tpl .at-tpl-ct { display: flex; align-items: center; gap: 10px; }
html.at-shell .at-tpl .at-tpl-ct b { flex: 1 1 auto; font: 500 15px/22px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .at-tpl .at-tpl-cb p { margin: 2px 0 0; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.at-shell .at-tpl .at-tpl-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
html.at-shell .at-tpl .at-tpl-none { color: var(--a-mute); font: 500 14px/20px Inter, system-ui, sans-serif; }
html.at-shell .at-tpl .at-tpl-f { flex: none; display: flex; align-items: center; gap: 8px; padding: 10px 12px 10px 16px; box-shadow: inset 0 1px 0 var(--a-line); }
html.at-shell .at-tpl .at-tpl-f .sp { flex: 1; }
html.at-shell .at-tpl .at-tpl-nav { display: inline-flex; align-items: center; gap: 4px; font: 500 13px/16px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-shell .at-tpl kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 4px; border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--a-ring); font: 500 11px/1 Inter, system-ui, sans-serif; color: inherit; }
html.at-shell .at-tpl .aiq-btn.pri kbd { box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); color: #fff; margin-left: 4px; }
/* New screen / New report dialogs: Start blank (Build your own) as the first card (user, 2026-10-25: "needs to be rebuilt and more obvious") */
html.at-shell .at-tpl .at-tpl-blank { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px; margin-bottom: 4px; border: 0; border-radius: 12px;
  background: rgba(38,109,240,.04); box-shadow: inset 0 0 0 1px rgba(38,109,240,.35); color: var(--a-ink); font: 500 14px/20px Inter, system-ui, sans-serif;
  text-align: left; cursor: pointer; flex: none; }
html.at-shell .at-tpl .at-tpl-blank:hover { background: rgba(38,109,240,.08); }
html.at-shell .at-tpl .at-tpl-blank .at-tpl-ic { background: var(--a-blue, #266DF0); color: #fff; }
html.at-shell .at-tpl .at-tpl-blank .at-tpl-ic i { color: #fff !important; }
html.at-shell .at-tpl .at-tpl-blank b { font-weight: 600; }
html.at-shell .at-tpl .at-tpl-blank p { margin: 2px 0 0; color: var(--a-mute); }
/* Start blank's configuration step, in the same dialog (aiq-attio-draft.js configure) */
html.at-shell .at-tpl.is-cfg .at-tpl-body, html.at-shell .at-tpl.is-cfg .at-tpl-f:not(.at-cfg-f),
html.at-shell .at-tpl:not(.is-cfg) .at-cfg, html.at-shell .at-tpl:not(.is-cfg) .at-cfg-f { display: none; }
html.at-shell .at-tpl .at-cfg { flex: 1 1 auto; min-height: 0; display: flex; }
html.at-shell .at-tpl .at-cfg-side { display: flex; flex-direction: column; padding: 0; }
html.at-shell .at-tpl .at-cfg-mq { flex: none; border: 0; outline: 0; background: transparent; padding: 18px 16px; box-shadow: inset 0 -1px 0 var(--a-line);
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .at-tpl .at-cfg-mq::placeholder { color: var(--a-faint, rgba(0,0,0,.35)); }
html.at-shell .at-tpl .at-cfg-side { width: 460px; }
html.at-shell .at-tpl .at-cfg-cols { flex: 1 1 auto; min-height: 0; display: flex; }
html.at-shell .at-tpl .at-cfg-fs { width: 210px; flex: none; overflow-y: auto; padding: 8px; box-shadow: inset -1px 0 0 var(--a-line); }
html.at-shell .at-tpl .at-cfg-ms { flex: 1 1 auto; min-width: 0; overflow-y: auto; padding: 8px 8px 12px; }
html.at-shell .at-tpl .at-cfg-g { height: 32px; }
html.at-shell .at-tpl .at-cfg-g.on { background: var(--a-hover); }
html.at-shell .at-tpl .at-cfg-picked { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--a-blue); color: #fff;
  display: inline-flex; align-items: center; justify-content: center; }
html.at-shell .at-tpl .at-cfg-m { height: 32px; }
html.at-shell .at-tpl .at-cfg-m .at-tpl-ck { width: 18px; height: 18px; font-size: 10px; }
html.at-shell .at-tpl .at-cfg-m.on .at-tpl-ck { background: var(--a-blue); box-shadow: none; color: #fff; }
html.at-shell .at-tpl .at-cfg-rows { gap: 8px; }
html.at-shell .at-tpl .at-cfg-row { display: flex; align-items: center; gap: 8px; padding: 8px 8px 8px 14px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--a-line); flex: none; }
html.at-shell .at-tpl .at-cfg-l { flex: 1 1 auto; min-width: 0; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.at-shell .at-tpl .at-cfg-row .aiq-in { width: 96px; flex: none; height: 30px; font-variant-numeric: tabular-nums; }
html.at-shell .at-tpl .at-cfg-row .aiq-in.bad { border-color: var(--tb-neg, #c8203f); }
html.at-shell .at-tpl .at-cfg-u, html.at-shell .at-tpl .at-cfg-to { font: 500 13px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .at-tpl .at-cfg-none { margin: 0; color: var(--a-mute); font: 500 14px/20px Inter, system-ui, sans-serif; }
html.at-shell .at-tpl .at-cfg-n { font: 500 13px/16px Inter, system-ui, sans-serif; color: var(--a-mute); font-variant-numeric: tabular-nums; margin-right: 6px; }
html.at-shell .at-tpl .at-cfg-n.busy { opacity: .5; }
html.at-shell .at-tpl .at-cfg-row .sp { flex: 1; }
/* a row's remove ×: not .aiq-x, which closes the whole dialog (aiq-pop.js) */
html.at-shell .at-tpl .at-cfg-x { width: 26px; height: 26px; flex: none; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 6px;
  background: transparent; color: var(--a-mute); cursor: pointer; font-size: 13px; }
html.at-shell .at-tpl .at-cfg-x:hover { background: var(--a-hover); color: var(--a-ink); }
/* Reports' New report pop-up (reports/index_attio.html newReportDialog): the same two steps */
html.at-shell .nr-dlg.is-cfg.nr-noside .at-cfg-side { display: none; }
/* New report step 0: PDF report / PowerPoint / Excel (2026-10-26) */
html.at-shell .nr-dlg .nr-fmt, html.at-shell .nr-dlg .nr-fmt-f { display: none; }
html.at-shell .nr-dlg.is-fmt .nr-fmt { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; justify-content: center; padding: 28px 32px 36px; }
html.at-shell .nr-dlg.is-fmt .nr-fmt-f { display: flex; }
html.at-shell .nr-dlg.is-fmt .at-tpl-body, html.at-shell .nr-dlg.is-fmt .at-tpl-f:not(.nr-fmt-f), html.at-shell .nr-dlg.is-fmt .at-cfg { display: none; }
html.at-shell .nr-dlg .nr-fmt-h { margin: 0 0 18px; font: 600 18px/24px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .nr-dlg .nr-fmt-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
html.at-shell .nr-dlg .nr-fmt-c { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-height: 196px; padding: 18px; border: 0; border-radius: 12px;
  background: transparent; box-shadow: inset 0 0 0 1px var(--a-line); text-align: left; cursor: pointer; font: inherit; color: var(--a-ink); }
html.at-shell .nr-dlg .nr-fmt-c.on { box-shadow: inset 0 0 0 1px var(--a-ring), 0 1px 3px rgba(0,0,0,.05); background: var(--a-pill, #FBFBFB); }
html.at-shell .nr-dlg .nr-fmt-c:focus-visible { outline: none; }
html.at-shell .nr-dlg .nr-fmt-c b { margin-top: 4px; font: 600 15px/20px Inter, system-ui, sans-serif; }
html.at-shell .nr-dlg .nr-fmt-c p { flex: 1 1 auto; margin: 0; font: 400 13px/18px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .nr-dlg .at-tpl-f [data-fmt-back] { margin-right: 12px; }
/* My stocks' + New: the same format step with four cards, sized to them (mystocks/index.html #msa-new-dlg) */
html.at-shell .aiq-dlg.msa-new-dlg:not(#_) { height: auto; }
html.at-shell .msa-new-dlg .nr-fmt-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html.at-shell .msa-new-dlg .nr-fmt-row.has5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 767px) { html.at-shell .msa-new-dlg .nr-fmt-row, html.at-shell .msa-new-dlg .nr-fmt-row.has5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
html.at-shell .nr-dlg .nr-seg { display: flex; gap: 6px; }
/* deck setup: Report on toggle, Pages / Details / Style tabs, cover designs, swatches, live cover preview (2026-10-26) */
html.at-shell .nr-dlg .nr-kind .aiq-btn { gap: 6px; }
html.at-shell .nr-dlg .nr-r.on { background: var(--a-hover); box-shadow: inset 0 0 0 1px var(--a-ring); }
html.at-shell .nr-dlg .nr-tabs { display: flex; gap: 18px; margin: -6px 0 2px; box-shadow: inset 0 -1px 0 var(--a-line); }
html.at-shell .nr-dlg .nr-tabs button { height: 34px; padding: 0; border: 0; background: none; cursor: pointer; font: 500 14px/20px Inter, system-ui, sans-serif;
  color: var(--a-mute); box-shadow: inset 0 -2px 0 transparent; }
html.at-shell .nr-dlg .nr-tabs button.on { color: var(--a-ink); box-shadow: inset 0 -2px 0 var(--a-ink); }
html.at-shell .nr-dlg .nr-style { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 24px; align-items: start; }
html.at-shell .nr-dlg .nr-style > div:first-child { display: flex; flex-direction: column; gap: 18px; }
html.at-shell .nr-dlg .nr-prev { position: sticky; top: 0; }
html.at-shell .nr-dlg .nr-prev iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 6px; background: #fff;
  box-shadow: 0 0 0 1px var(--a-line), 0 2px 8px rgba(15,17,21,.06); }
html.at-shell .nr-dlg .nr-covers { display: flex; gap: 10px; }
html.at-shell .nr-dlg .nr-cv { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 6px; border: 0; border-radius: 8px; background: none; cursor: pointer;
  font: 500 13px/18px Inter, system-ui, sans-serif; color: var(--a-mute); box-shadow: inset 0 0 0 1px var(--a-line); }
html.at-shell .nr-dlg .nr-cv svg { display: block; border-radius: 4px; box-shadow: 0 0 0 1px var(--a-line); }
html.at-shell .nr-dlg .nr-cv.on { color: var(--a-ink); box-shadow: inset 0 0 0 1.5px var(--a-ring); }
html.at-shell .nr-dlg .nr-swatches { display: flex; flex-wrap: wrap; gap: 8px; }
html.at-shell .nr-dlg .nr-sw { position: relative; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
html.at-shell .nr-dlg .nr-sw.on { box-shadow: 0 0 0 2px var(--a-bg), 0 0 0 4px var(--a-ink); }
html.at-shell .nr-dlg .nr-sw-any { background-image: conic-gradient(#f73463, #ff862e, #ffd23f, #43d1a7, #455ddc, #9646ef, #f73463) !important; }
html.at-shell .nr-dlg .nr-sw-any.on { background-image: none !important; }
html.at-shell .nr-dlg .nr-sw-any input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
html.at-shell .nr-dlg .nr-logo { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font: 500 13px/18px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .nr-dlg .nr-logo span { flex: 1 1 100%; }
html.at-shell .nr-dlg .nr-logo-ok { color: var(--a-ink); }
html.at-shell .nr-dlg .nr-logo-ok i { color: #12946B; }
html.at-shell .nr-dlg .nr-logo label.aiq-btn { cursor: pointer; gap: 6px; }
@media (max-width: 767px) { html.at-shell .nr-dlg .nr-style { grid-template-columns: minmax(0, 1fr); } }
/* PowerPoint slide picker: thumbnails of each slide (2026-10-26) */
html.at-shell .nr-dlg .nr-thumbs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 4px 2px 12px; }
html.at-shell .nr-dlg .nr-th { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 6px; border: 0; border-radius: 8px; background: none;
  cursor: pointer; text-align: left; font: 500 12.5px/16px Inter, system-ui, sans-serif; color: var(--a-ink); box-shadow: inset 0 0 0 1px var(--a-line); }
html.at-shell .nr-dlg .nr-th svg { display: block; width: 100%; height: auto; border-radius: 4px; }
html.at-shell .nr-dlg .nr-th i { position: absolute; top: 9px; right: 9px; font-size: 16px; color: #455DDC; opacity: 0; }
html.at-shell .nr-dlg .nr-th.on { box-shadow: inset 0 0 0 1.5px #455DDC; }
html.at-shell .nr-dlg .nr-th.on i { opacity: 1; }
html.at-shell .nr-dlg .nr-th:hover { background: var(--a-hover); }
html.at-shell .nr-dlg .nr-sl .at-cfg-row { gap: 8px; }
html.at-shell .nr-dlg .nr-grip { color: var(--a-mute); cursor: grab; }
html.at-shell .nr-dlg .nr-seg .aiq-btn.on { box-shadow: inset 0 0 0 1px var(--a-ring); background: var(--a-pill, #FBFBFB); color: var(--a-ink); font-weight: 600; }
@media (max-width: 767px) { html.at-shell .nr-dlg .nr-fmt-row { grid-template-columns: minmax(0, 1fr); } html.at-shell .nr-dlg .nr-fmt-c { min-height: 0; } }
html.at-shell .nr-dlg .nr-top { flex: none; display: flex; align-items: center; gap: 10px; padding: 16px 24px; box-shadow: inset 0 -1px 0 var(--a-line); }
html.at-shell .nr-dlg .nr-top b { flex: 1 1 auto; font: 600 16px/22px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .nr-dlg .nr-set { gap: 22px; }
html.at-shell .nr-dlg .nr-f h4 { display: flex; justify-content: space-between; margin: 0 0 8px; font: 600 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .nr-dlg .nr-f h4 span { font-weight: 500; color: var(--a-mute); font-variant-numeric: tabular-nums; }
html.at-shell .nr-dlg .nr-find .aiq-in { height: 36px; font-size: 14px; }
html.at-shell .nr-dlg .nr-res { margin-top: 4px; }
html.at-shell .nr-dlg .nr-g { padding: 10px 8px 4px; font: 500 12px/16px Inter, system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase; color: var(--a-label); }
html.at-shell .nr-dlg .nr-r { display: flex; align-items: center; gap: 10px; width: 100%; height: 34px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent;
  cursor: pointer; text-align: left; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .nr-dlg .nr-r:hover { background: var(--a-hover); }
html.at-shell .nr-dlg .nr-r span, html.at-shell .nr-dlg .nr-co span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--a-mute); font-weight: 500; }
html.at-shell .nr-dlg .nr-r b, html.at-shell .nr-dlg .nr-co b { font-weight: 600; flex: none; }
html.at-shell .nr-dlg .nr-r i, html.at-shell .nr-dlg .nr-co i { color: var(--a-mute); }
html.at-shell .nr-dlg .nr-chip { display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 14px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--a-line); }
html.at-shell .nr-dlg .nr-co { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .nr-dlg .nr-rows, html.at-shell .nr-dlg .nr-opts { display: flex; flex-direction: column; gap: 6px; }
html.at-shell .nr-dlg .nr-rows + .nr-find { margin-top: 8px; }
html.at-shell .nr-dlg .at-pill.nr-pro, html.at-shell .nr-dlg .at-tpl-blank .nr-pro { height: 20px; padding: 0 6px; font-size: 11px; color: var(--a-blue); }

/* ══ Round 33: Financials Overview draft in Attio's record-page style (html.at-fin-d; Original | Draft switch) ══ */
html.at-shell .at-seg2 { display: inline-flex; gap: 2px; margin-right: 6px; }
html.at-shell .at-seg2 button { height: 24px; padding: 0 8px; border: 0; border-radius: 6px; background: transparent; cursor: pointer;
  font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .at-seg2 button.on { background: var(--a-pill, #FBFBFB); box-shadow: inset 0 0 0 1px var(--a-line); color: var(--a-ink); }
html.at-shell .at-pill.sm { height: 22px; padding: 0 7px; border-radius: 6px; font-size: 12px; box-shadow: inset 0 0 0 1px var(--a-ring); background: transparent; color: var(--a-mute); }

/* header */
html.at-fin-d .lkl-fin #company-header .ch-name:not(#_) { font: 600 18px/24px Inter, system-ui, sans-serif !important; letter-spacing: -0.1px !important; color: var(--a-ink) !important; }
html.at-fin-d .lkl-fin #company-header .ch-tkr:not(#_) { display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border-radius: 6px; background: transparent !important;
  box-shadow: inset 0 0 0 1px var(--a-ring); color: var(--a-ink) !important; font: 600 12px/16px Inter, system-ui, sans-serif !important; letter-spacing: .02em; }
html.at-fin-d .lkl-fin #company-header .ch-meta:not(#_) { display: inline-flex; align-items: center; gap: 6px; font: 500 13px/16px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; }
html.at-fin-d .lkl-fin #company-header .ch-mx:not(#_) { display: inline-flex; gap: 4px; }
html.at-fin-d .lkl-fin #company-header .ch-logo:not(#_) { border-radius: 10px !important; box-shadow: inset 0 0 0 1px var(--a-line) !important; border: 0 !important; }
html.at-fin-d .lkl-fin #company-header .ch-price:not(#_) { font: 600 18px/24px Inter, system-ui, sans-serif !important; color: var(--a-ink) !important; }
html.at-fin-d .lkl-fin #company-header .ch-chg:not(#_) { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 6px; border-radius: 6px; font: 500 12px/16px Inter, system-ui, sans-serif !important; }
html.at-fin-d .lkl-fin #company-header .ch-chg-pos:not(#_) { background: rgba(67,209,167,.14); color: #0d8a66 !important; }
html.at-fin-d .lkl-fin #company-header .ch-chg-neg:not(#_) { background: rgba(247,52,99,.10); color: #c8203f !important; }
html.at-fin-d .lkl-fin #company-header .ch-chg svg { width: 7px; height: 7px; }
html.at-fin-d .lkl-fin #fin-top:not(#_) { background: var(--a-bg) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important;
  border-bottom: 1px solid var(--a-line) !important; }
html.at-fin-d .lkl-fin :is(.fa-btn, #fin-report, #fin-ask-ai):not(#_) { height: 28px !important; padding: 4px 8px 4px 6px !important; gap: 6px !important; border-radius: 8px !important;
  border: 0 !important; background: var(--a-bg) !important; box-shadow: var(--a-btn) !important; color: var(--a-ink) !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; }
html.at-fin-d .lkl-fin :is(.fa-btn, #fin-report, #fin-ask-ai):not(#_):hover { background: var(--a-hover) !important; }
html.at-fin-d .lkl-fin :is(.fa-btn, #fin-report, #fin-ask-ai) :is(svg, i) { color: var(--a-mute) !important; }
html.at-fin-d .lkl-fin .fa-btn.is-on :is(svg, i) { color: var(--a-blue) !important; }
html.at-fin-d .lkl-fin .fa-btn .n { color: var(--a-mute) !important; font-weight: 500 !important; }
/* tab row */
html.at-fin-d .lkl-fin #fin-tab-bar .fin-sec:not(#_) { height: 28px !important; margin: 10px 2px !important; padding: 4px 8px !important; border-radius: 8px !important;
  color: var(--a-ink) !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; background: transparent !important; }
html.at-fin-d .lkl-fin #fin-tab-bar .fin-sec:not(#_):hover { background: var(--a-side-hover) !important; }
html.at-fin-d .lkl-fin #fin-tab-bar .fin-sec.active-tab:not(#_) { background: var(--a-pill, #FBFBFB) !important; box-shadow: inset 0 0 0 1px var(--a-line) !important; }
html.at-fin-d .lkl-fin #fin-tab-ink { display: none !important; }
html.at-fin-d .lkl-fin #fin-tabs-wrap:not(#_) { border-bottom: 1px solid var(--a-line) !important; background: var(--a-bg) !important; }
/* page surface + cards */
html.at-fin-d .app-shell > main.lkl-fin:not(#_) { background: var(--a-bg) !important; }
html.at-fin-d #tab-overview .card:not(#_):not(#_) { background: var(--a-bg) !important; border: 0 !important; border-radius: 12px !important;
  box-shadow: inset 0 0 0 1px var(--a-line) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; animation: none !important; }
html.at-fin-d #tab-overview .card:hover { transform: none !important; }
html.at-fin-d #tab-overview .ovs-rule:not(#_) { border-bottom: 0 !important; }
html.at-fin-d #tab-overview .ovs-rule h3:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; text-transform: none !important; color: var(--a-label) !important; }
html.at-fin-d #tab-overview .ovs-rule > span:not(.ov-seg):not(.ovs-seg-r) { font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; }
html.at-fin-d #tab-overview #ov-px:not(#_) { font: 600 24px/32px Inter, system-ui, sans-serif !important; letter-spacing: -0.2px !important; }
/* segmented switches → tab pills */
html.at-fin-d #tab-overview .ov-seg:not(#_) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; gap: 2px; }
html.at-fin-d #tab-overview .ov-seg .ov-seg-sep { display: none !important; }
html.at-fin-d #tab-overview .ov-seg-btn:not(#_) { height: 26px !important; padding: 3px 8px !important; border-radius: 8px !important; border: 0 !important; background: transparent !important;
  box-shadow: none !important; color: var(--a-mute) !important; font: 500 13px/20px Inter, system-ui, sans-serif !important; }
html.at-fin-d #tab-overview .ov-seg-btn:hover { color: var(--a-ink) !important; }
html.at-fin-d #tab-overview .ov-seg-btn.is-on:not(#_) { background: var(--a-pill, #FBFBFB) !important; box-shadow: inset 0 0 0 1px var(--a-line) !important; color: var(--a-ink) !important; }
/* tables */
html.at-fin-d #tab-overview .ovs-table :is(th, td):not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important; border-color: var(--a-line) !important; }
html.at-fin-d #tab-overview .ovs-table thead th:not(#_) { color: var(--a-mute) !important; font-size: 13px !important; }
html.at-fin-d .at-cnt { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 5px;
  box-shadow: inset 0 0 0 1px var(--a-ring); font: 500 11px/1 Inter, system-ui, sans-serif; color: var(--a-mute); }
/* the pinned name row sits above page content that sets its own z-index (the Overview donut's centre label drew over it) */
html.at-shell .at-pagebar:not(#_) { z-index: 110 !important; }
html.at-shell .at-top-tools:not(#_) { z-index: 111 !important; }
html.at-shell .at-sb-open:not(#_) { z-index: 112 !important; }
html.at-fin-d #tab-overview .ovs-grid { margin-top: 16px; }
/* one even 16px gap between every Overview card (user, 2026-10-25: "make sure the margins are wide enough between cards";
   was 8px stacked / 12px side by side / 8px to the right column) */
html.at-fin-d #tab-overview :is(.ovs-grid, .ovs-main, .ovs-mid, .ovs-col, .ovs-side, .ovs-spill):not(#_) { gap: 16px !important; }
/* the last card of each column runs to the foot of its row, so side-by-side cards end level (Attio) and the card below
   sits 16px under both — the draft's cardGaps() measured from the short one and pulled Insider activity up 14px */
html.at-fin-d #tab-overview .ovs-mid > .ovs-col:not(#_) { display: flex !important; flex-direction: column !important; }
html.at-fin-d #tab-overview .ovs-mid > .ovs-col > .card:last-child:not(#_) { flex: 1 1 auto !important; }
/* the "Ten years of … in charts" card (_look_landing.html) like the other cards (user, 2026-10-25: "make sure this is
   rounded too"): 12px corners + hairline (a border, not an inset ring — the ribbon canvas would paint over a ring), Attio's
   text colours and its 28px blue primary */
html.at-fin-d #tab-overview section.lkl-promo:not(#_) { border: 1px solid var(--a-line); border-radius: 12px; background: var(--a-bg); }
html.at-fin-d #tab-overview section.lkl-promo h5:not(#_) { font: 600 16px/22px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-fin-d #tab-overview section.lkl-promo p:not(#_) { font: 500 13px/18px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-fin-d #tab-overview section.lkl-promo button:not(#_) { height: 28px; padding: 0 10px; border-radius: 8px; background: var(--a-blue);
  font: 500 14px/20px Inter, system-ui, sans-serif; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06), 0 2px 4px -2px rgba(38,109,240,.12), 0 3px 6px -2px rgba(38,109,240,.08); }
html.at-fin-d #tab-overview section.lkl-promo button:hover:not(#_) { filter: none; background: var(--a-blue-h); }
/* one hairline between sidebar and page (user: "the same thinness all the way down"): the old shell's panel frame drew a
   second 1px line beside the sidebar's border */
html.at-shell #aiq-corners .frame { display: none !important; }

/* ══ Round 35: Financials navigation drafts (html.at-nav-x + at-nav-a|b|c|d) ══ */
html.at-shell .at-nav-sw .at-nav-l { font: 500 12px/24px Inter, system-ui, sans-serif; color: var(--a-label); padding: 0 4px 0 6px; }
/* shared: compact header actions (icon + count), icon-only Report, no pop-out / scroll arrows */
html.at-nav-x .lkl-fin .fa-btn .fa-lbl { display: none !important; }
html.at-nav-x .lkl-fin .fa-btn:not(#_):not(#_) { padding: 4px 6px !important; min-width: 28px; justify-content: center; }
html.at-nav-x .lkl-fin .fa-btn .n:not(:empty) { margin-left: -2px; }
html.at-nav-x .lkl-fin #fin-report .fin-tool-lbl { display: none !important; }
html.at-nav-x .lkl-fin :is(#fin-popout-btn, .fin-popout-sep, #fin-tab-arrows) { display: none !important; }
html.at-nav-x .lkl-fin .ch-vsep { display: none !important; }
/* A: no carets */
html.at-nav-a .lkl-fin #fin-tab-bar .fin-sec-car, html.at-nav-b .lkl-fin #fin-tab-bar .fin-sec-car { display: none !important; }
/* B: no menus; the sub-row */
html.at-nav-b .fin-sec-menu { display: none !important; }
/* B = Attio's record tabs (measured on an Attio company page): icon + 14/500 label, inactive 63% ink, active = #FBFBFB pill
   with an inset hairline and a 1px ink line on the row's bottom hairline; 12px between tabs; counts in 14px grey badges */
html.at-nav-b .lkl-fin #fin-tabs-wrap:not(#_) { padding: 0 12px !important; }
html.at-nav-b .lkl-fin #fin-tab-bar:not(#_) { gap: 10px; padding-bottom: 8px !important; }
html.at-nav-b .lkl-fin #fin-tab-bar .fin-sec:not(#_) { position: relative; display: inline-flex !important; align-items: center; gap: 6px; margin: 8px 0 0 !important;
  color: rgba(0,0,0,.63) !important; overflow: visible !important; }
html.at-nav-b .lkl-fin #fin-tab-bar .fin-sec.active-tab:not(#_) { color: var(--a-ink) !important; }
html.at-nav-b .lkl-fin #fin-tab-bar .fin-sec.active-tab:not(#_)::after { content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 1px; background: var(--a-ink); }
html.at-nav-b .lkl-fin #fin-tab-bar .at-tab-ic { font-size: 14px; color: inherit; }
html.at-nav-b .lkl-fin #fin-tab-bar .at-tab-n { min-width: 14px; height: 14px; padding: 0 4px; border-radius: 4px; background: rgba(0,0,0,.04);
  box-shadow: inset 0 0 0 1px var(--a-line); font: 500 10px/14px Inter, system-ui, sans-serif; color: #505155; text-align: center; }
html[data-theme="dark"].at-nav-b .lkl-fin #fin-tab-bar .fin-sec:not(.active-tab):not(#_) { color: rgba(255,255,255,.6) !important; }
html[data-theme="dark"].at-nav-b .lkl-fin #fin-tab-bar .at-tab-n { background: rgba(255,255,255,.06); color: rgba(255,255,255,.6); }
/* the view picker (Attio's "All Companies ▾"): in the page's title row, or its own toolbar row when the page has no title */
html.at-nav-b .at-title-gone { display: none !important; }
html.at-nav-b .at-subbar { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--a-line); background: var(--a-bg); }
html.at-nav-b .at-subbar[hidden] { display: none; }
html.at-nav-b .at-subpick { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 4px 8px; border: 0; border-radius: 8px; flex: none;
  background: var(--a-bg); box-shadow: var(--a-btn); cursor: pointer; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }
html.at-nav-b .at-subpick:hover { background: var(--a-hover); }
html.at-nav-b .at-subpick > i:first-child { font-size: 14px; color: var(--a-blue); }
html.at-nav-b .at-subpick .at-picker-car { font-size: 11px; color: var(--a-mute); margin-left: 2px; }
html.at-shell .at-sub-m { min-width: 220px; }
/* C: tabs folded into one picker */
html:is(.at-nav-c, .at-nav-h) .lkl-fin #fin-tab-bar { display: none !important; }
html:is(.at-nav-c, .at-nav-h) .at-picker { display: inline-flex; align-items: center; gap: 6px; height: 28px; margin: 10px 0 10px 12px; padding: 4px 8px; border: 0; border-radius: 8px;
  background: var(--a-bg); box-shadow: var(--a-btn); cursor: pointer; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); flex: none; }
html:is(.at-nav-c, .at-nav-h) .at-picker:hover { background: var(--a-hover); }
html:is(.at-nav-c, .at-nav-h) .at-picker .at-picker-s { color: var(--a-mute); }
html:is(.at-nav-c, .at-nav-h) .at-picker .at-picker-sep { font-size: 10px; color: var(--a-faint, rgba(0,0,0,.3)); }
html:is(.at-nav-c, .at-nav-h) .at-picker .at-picker-car { font-size: 11px; color: var(--a-mute); margin-left: 2px; }
html:is(.at-nav-c, .at-nav-h) .lkl-fin #fin-tabs-wrap { justify-content: space-between; }
html.at-shell .at-picker-m { width: 300px; display: flex; flex-direction: column; overflow: hidden; }
html.at-shell .at-picker-m .at-picker-q { flex: none; border: 0; outline: 0; background: transparent; padding: 8px; margin-bottom: 2px; box-shadow: inset 0 -1px 0 var(--a-line);
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .at-picker-m .at-picker-l { overflow-y: auto; min-height: 0; }
/* D: side rail */
html.at-nav-d .lkl-fin #fin-tabs-wrap { display: none !important; }
html.at-nav-d .lkl-fin #fin-top { border-bottom: 1px solid var(--a-line) !important; }
html.at-nav-d .app-shell > main.lkl-fin { position: relative; }
html.at-nav-d .at-rail { position: absolute; left: 0; top: auto; width: 200px; padding: 12px 8px 24px; box-shadow: inset -1px 0 0 var(--a-line);
  min-height: calc(100vh - 220px); }
html.at-nav-d .at-rail { position: sticky; top: 49px; float: left; height: calc(100vh - 49px); overflow-y: auto; }
html.at-nav-d .lkl-fin .tab-panel, html.at-nav-d .lkl-fin .aiq-disclaimer { margin-left: 200px; }
html.at-nav-d .at-rail-tools { display: flex; gap: 6px; padding: 0 0 8px; margin-bottom: 4px; box-shadow: inset 0 -1px 0 var(--a-line); }
html.at-nav-d .at-rail-tools button { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 28px; border: 0; border-radius: 8px;
  background: var(--a-bg); box-shadow: var(--a-btn); cursor: pointer; font: 500 13px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-nav-d .at-rail-tools button i { color: var(--a-mute); }
html.at-nav-d .at-rail-h { padding: 12px 8px 4px; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-nav-d .at-rail-i { display: block; width: 100%; height: 28px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; text-align: left;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.at-nav-d .at-rail-i:hover { background: var(--a-side-hover); }
html.at-nav-d .at-rail-i.on { background: var(--a-side-on); }

/* Round 36: sidebar icons a touch smaller (user: "slightly too large"). Attio draws ~14px glyphs in a 16px slot;
   Phosphor bold at 16px fills the whole slot. Same slot, so labels don't move. */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar :is(a, button, .sb-item, .sb-sub-item) > i.ph-bold:first-child:not(.ph-caret-down):not(.ph-caret-right):not(.ph-plus):not(.ph-x):not(.ph-bell):not(#_) {
  font-size: 14px !important; width: 16px; text-align: center; display: inline-flex; justify-content: center; }
/* ...but the Intelligence coloured squares keep a small glyph inside the 16px tile (14px filled it edge to edge) */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item:is([href^="/ai"], [href^="/superinvestors"], [href^="/insiders"], [href^="/congress"], [href^="/government"], [href^="/excel"]) > i.ph-bold:first-child:not(#_):not(#_) {
  font-size: 10px !important; align-items: center; }

/* ══ Round 37: E · Minimal header (user: header + tabs "radically redesigned from first principles of cleanliness,
   simplicity, minimalism and balance"). Two lines, one hairline: name + ticker | price + change; tabs | actions.
   Gone: the US / sector / Mkt cap / EV pills (Overview has them), the change pill, tab icons + counts, the rule
   between header and tabs. B's behaviour stays (section click → first page; the view picker for a section's pages). */
html.at-nav-e .lkl-fin #company-header:not(#_) { border: 0 !important; box-shadow: none !important; padding: 0 !important; background: transparent !important; }
html.at-nav-e .lkl-fin #ch-inner:not(#_) { display: flex !important; align-items: center !important; gap: 16px; padding: 4px 0 12px !important; }
html.at-nav-e .lkl-fin .ch-id:not(#_) { display: flex !important; align-items: center !important; gap: 10px !important; flex: 1 1 auto; min-width: 0; }
html.at-nav-e .lkl-fin .ch-logo:not(#_) { width: 28px !important; height: 28px !important; border-radius: 8px !important; padding: 3px !important;
  box-shadow: inset 0 0 0 1px var(--a-line) !important; border: 0 !important; flex: none; }
html.at-nav-e .lkl-fin .ch-name:not(#_) { width: auto !important; font: 600 20px/28px Inter, system-ui, sans-serif !important; letter-spacing: -0.3px !important;
  color: var(--a-ink) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; min-width: 0; }
html.at-nav-e .lkl-fin .ch-tkr:not(#_) { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; height: auto !important;
  font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; flex: none; }
html.at-nav-e .lkl-fin .ch-meta:not(#_), html.at-nav-e .lkl-fin .ch-when:not(#_) { display: none !important; }
html.at-nav-e .lkl-fin .ch-quote:not(#_) { display: flex !important; flex-direction: row !important; align-items: baseline !important; gap: 10px !important; flex: none; }
html.at-nav-e .lkl-fin .ch-price:not(#_) { font: 600 20px/28px Inter, system-ui, sans-serif !important; font-variant-numeric: tabular-nums; letter-spacing: -0.3px !important; color: var(--a-ink) !important; }
html.at-nav-e .lkl-fin .ch-chg:not(#_) { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; height: auto !important;
  font: 500 14px/20px Inter, system-ui, sans-serif !important; font-variant-numeric: tabular-nums; }
html.at-nav-e .lkl-fin .ch-chg svg, html.at-nav-e .lkl-fin .ch-chg .ch-tri { display: none !important; }
/* tab row: plain words, ink + 1px ink line for the active one; the actions on the right, ghost icons + Ask AI */
html.at-nav-e .lkl-fin #fin-tabs-wrap:not(#_) { border-top: 0 !important; box-shadow: none !important; }
html:is(.at-nav-e, .at-nav-h) .lkl-fin #fin-tab-tools:not(#_) { display: flex !important; align-items: center; gap: 2px; }
html:is(.at-nav-e, .at-nav-h) .lkl-fin #fin-tab-tools #fin-acts:not(#_) { display: flex !important; gap: 2px; margin: 0 !important; }
html:is(.at-nav-e, .at-nav-h) .lkl-fin #fin-tab-tools :is(.fa-btn, #fin-report):not(#_):not(#_) { width: 28px; height: 28px; min-width: 28px; padding: 0 !important; justify-content: center;
  background: transparent !important; box-shadow: none !important; border: 0 !important; }
html:is(.at-nav-e, .at-nav-h) .lkl-fin #fin-tab-tools :is(.fa-btn, #fin-report):not(#_):not(#_):hover { background: var(--a-side-hover) !important; }
html:is(.at-nav-e, .at-nav-h) .lkl-fin #fin-tab-tools .fa-btn .n { display: none !important; }
html:is(.at-nav-e, .at-nav-h) .lkl-fin #fin-tab-tools #fin-ask-ai:not(#_) { margin-left: 8px !important; }
html.at-nav-x .lkl-fin #fin-report .at-rep-ic { display: none; }
html:is(.at-nav-e, .at-nav-h) .lkl-fin #fin-report .at-rep-ic { display: inline-block; font-size: 16px; color: var(--a-mute); }
html:is(.at-nav-e, .at-nav-h) .lkl-fin #fin-report svg:not(#_) { display: none !important; }
html.at-nav-e .lkl-fin .ch-tkr:not(#_) * { font-weight: 500 !important; color: var(--a-mute) !important; }
html:is(.at-nav-e, .at-nav-h) .lkl-fin #fin-report .ph-file-text:not(#_) { display: none !important; }
/* E spacing (user: "balance and spacing is off"): one left edge for logo, first tab and content (the panel's edge, no
   12px insets); 8px scale — 4 above the name line, 12 to the tabs, 8 under the pills to the hairline, 16 to content */
html.at-nav-e .lkl-fin #fin-tabs-wrap:not(#_) { padding: 0 !important; margin-bottom: 16px !important; }
html.at-nav-e .lkl-fin #fin-tab-bar .fin-sec:first-child:not(#_) { margin-left: 0 !important; }
html:is(.at-nav-e, .at-nav-h) .lkl-fin #fin-tab-tools:not(#_) { padding: 0 !important; }
html.at-nav-e .lkl-fin .ch-logo:not(#_) { margin: 0 !important; }
html.at-nav-e #tab-overview .ovs-grid:not(#_) { margin-top: 0 !important; }
html.at-nav-e .lkl-fin .tab-panel > :first-child:not(#_) { margin-top: 0 !important; }
/* the page's own toolbar row (picker · unit | Annual/Quarterly · Options): Attio's 28px controls, 16px to the table */
html.at-nav-e .lkl-fin #stmts-toolbar:not(#_) { min-height: 28px; margin: 0 0 16px !important; align-items: center !important; }
/* one hairline: the tab row's; #fin-top drew a second one 16px lower */
html.at-nav-e .lkl-fin #fin-top:not(#_):not(#_) { border-bottom: 0 !important; box-shadow: none !important; }
/* ticker = plain muted words beside the name (Attio's secondary text) */
html.at-nav-e.at-fin-d .lkl-fin .ch-tkr:not(#_):not(#_), html.at-nav-e.at-fin-d .lkl-fin .ch-tkr:not(#_):not(#_) * {
  font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; letter-spacing: 0 !important; }
html.at-nav-e.at-fin-d .lkl-fin .ch-name:not(#_):not(#_) { font-size: 18px !important; line-height: 28px !important; }
html.at-nav-e.at-fin-d .lkl-fin .ch-price:not(#_):not(#_) { font-size: 18px !important; }
/* the toolbar's controls in Attio's build: segmented = 28px grey track, 24px items, the on one white with the button
   shadow; Options = Attio's 28px shadow button */
html.at-nav-e .lkl-fin #stmts-toolbar :has(> #stmt-period-annual):not(#_):not(#_) { height: 28px; padding: 2px !important; gap: 0 !important; border: 0 !important;
  border-radius: 8px !important; background: rgba(0,0,0,.04) !important; box-shadow: inset 0 0 0 1px var(--a-line) !important; display: inline-flex; align-items: center; }
html.at-nav-e .lkl-fin #stmts-toolbar :is(#stmt-period-annual, #stmt-period-quarterly):not(#_):not(#_) { height: 24px !important; padding: 0 10px !important; border: 0 !important;
  border-radius: 6px !important; background: transparent !important; box-shadow: none !important; font: 500 13px/24px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; }
html.at-nav-e .lkl-fin #stmts-toolbar :is(#stmt-period-annual, #stmt-period-quarterly):is(.seg-on, .active, [aria-pressed="true"]):not(#_):not(#_) {
  background: var(--a-bg) !important; box-shadow: var(--a-btn) !important; color: var(--a-ink) !important; }
html.at-nav-e .lkl-fin #stmts-toolbar #stmt-opt-btn:not(#_):not(#_) { height: 28px !important; padding: 4px 8px !important; border: 0 !important; border-radius: 8px !important;
  background: var(--a-bg) !important; box-shadow: var(--a-btn) !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-ink) !important; }

/* ══ My stocks (2026-10-25): Attio's record list — grouped table, view row, calculation footer, empty state.
   Markup in templates/mystocks/index.html (.msa-*; .ms-* belongs to the rail's My stocks picker). ══ */
  .msa-at { display:none; }
  html.at-done .msa-at { display:block; }
  html.at-done .msa-house { display:none; }
  html.at-done .msa-at { margin:-12px -12px 0; --ms-pad:12px; color:var(--a-ink); font:500 14px/20px Inter, system-ui, sans-serif; letter-spacing:-0.07px; }
  .msa-bar { display:flex; align-items:center; gap:8px; min-height:48px; padding:0 var(--ms-pad); border-bottom:1px solid var(--a-line); }
  .msa-bar .msa-sp { flex:1; }
  .msa-bar .msa-sort b { font-weight:500 !important; color:var(--a-ink); }
  .msa-bar .msa-sort span { color:var(--a-label); }
  html.at-done main .msa-bar .msa-filter:not(#_) { box-shadow:none !important; background:var(--a-fill) !important; color:var(--a-mute) !important; }
  html.at-done main .msa-bar .msa-filter.on:not(#_) { background:rgba(38,109,240,.08) !important; color:var(--a-blue) !important; }
  html.at-done main .msa-bar .msa-filter.on i { color:var(--a-blue) !important; }
  html.at-done main .msa-bar .msa-md-ic { color:#7B2FD6 !important; }
  .msa-cnt { display:inline-flex; align-items:center; height:18px; padding:0 6px; border-radius:6px; font:500 12px/16px Inter, system-ui, sans-serif; font-style:normal;
            color:var(--a-mute); box-shadow:inset 0 0 0 1px var(--a-ring); font-variant-numeric:tabular-nums; }
  .msa-wrap { overflow-x:auto; }
  /* Attio: set column widths, no stretching — the panel's spare width stays blank after the last column (user,
     2026-10-25: "table spacing is slightly off" when auto layout handed the slack to Allocation) */
  html.at-done .msa-tbl:not(#_):not(#_) { width:max-content; min-width:0; table-layout:fixed; border-collapse:separate; border-spacing:0; }
  html.at-done .msa-tbl:not(#_):not(#_) td { overflow:visible; text-overflow:clip; max-width:none; }
  html.at-done .msa-tbl:not(#_):not(#_) td[colspan] { width:auto; }
  html.at-done .msa-tbl:not(#_):not(#_) > thead > tr > th { color:var(--a-label) !important; font-size:13px; text-align:left; white-space:nowrap; padding:0 8px; }
  html.at-done .msa-tbl:not(#_):not(#_) > thead > tr > th:first-child, html.at-done .msa-tbl:not(#_):not(#_) td:first-child { padding-left:var(--ms-pad); }
  html.at-done .msa-tbl:not(#_):not(#_) > tbody > tr > td { padding-left:8px; padding-right:8px; white-space:nowrap; vertical-align:middle; }
  html.at-done .msa-tbl:not(#_):not(#_) .msa-num { text-align:right; font-variant-numeric:tabular-nums; }
  .msa-tbl .msa-x { width:22px; padding:0 4px 0 0 !important; text-align:center; }
  .msa-row { cursor:pointer; }
  .msa-nm { display:flex; align-items:center; gap:8px; max-width:340px; }
  .msa-nm-t { overflow:hidden; text-overflow:ellipsis; }
  .msa-ic { width:20px; height:20px; flex:none; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; background:var(--tb); color:var(--tn); font-size:12px; }
  html.at-done .msa-tbl .msa-ic i { color:var(--tn) !important; }
  html.at-done .msa-tbl td .msa-st:not(#_) { color:var(--tn) !important; height:20px; font-size:12px; }
  html.at-done .msa-tbl td .msa-type:not(#_), html.at-done .msa-tbl td .msa-by:not(#_), html.at-done .msa-tbl td :is(.msa-dash, .msa-lbl, .msa-mute):not(#_) { color:var(--a-mute) !important; }
  .msa-type { height:22px; font-size:13px; }
  .msa-tags { display:inline-flex; gap:4px; }
  html.at-done .msa-tbl td .msa-tags .at-tag-p:not(#_) { color:var(--tn) !important; height:20px; font-size:12px; }
  html.at-done .msa-tbl td .msa-tags .at-tag-p:not(#_) .l { display:inline-block; max-width:96px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:bottom; color:var(--tn) !important; }
  .msa-tags .at-tag-p b { font-weight:500; margin-left:4px; opacity:.75; font-variant-numeric:tabular-nums; }
  /* tick boxes on the lists (user, 2026-10-31: in place of the star icon, so lists can be ticked and deleted) — the same
     box as My dashboards' (dash-attio-draft.css .ws-ix-t .cb input): 16px, radius 5, inset ring, blue + white tick */
  html.at-done .msa-tbl:not(#_):not(#_):not(#_) input.msa-ck[type="checkbox"] { appearance:none; -webkit-appearance:none; flex:none; display:block; width:16px; height:16px; margin:0; border:0 !important; border-radius:5px !important; cursor:pointer;
    background:var(--a-card, var(--a-bg)) !important; box-shadow:inset 0 0 0 1px rgba(0,0,0,.18); }
  html.at-done:not([data-theme="light"]) .msa-tbl:not(#_):not(#_):not(#_) input.msa-ck[type="checkbox"] { box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }
  html.at-done .msa-tbl:not(#_):not(#_):not(#_) input.msa-ck[type="checkbox"]:checked { box-shadow:none; background:var(--a-blue) center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
  html.at-done .msa-tbl:not(#_):not(#_):not(#_) input.msa-ck[type="checkbox"]:indeterminate { box-shadow:none; background:var(--a-blue) center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8h7' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
  .msa-ck-gap { flex:none; width:16px; }
  html.at-done .msa-tbl:not(#_):not(#_) tr.msa-row.sel > td { background:color-mix(in srgb, var(--a-blue) 7%, var(--a-bg)) !important; }
  .msa-del { position:static !important; opacity:0; width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:6px; background:transparent; color:var(--a-mute); cursor:pointer; }
  .msa-row:hover .msa-del, .msa-del:focus-visible { opacity:1; }
  .msa-del:hover { background:var(--a-fill); color:var(--a-ink); }
  html.at-done .msa-tbl:not(#_):not(#_) > tfoot > tr > td { height:36px; padding:8px 8px 7px; border-right:0 !important; background:var(--a-bg) !important; color:var(--a-ink); white-space:nowrap; border-bottom:0 !important; }
  .msa-lbl { margin-right:4px; font-size:12px; }
  .msa-row:focus-visible { outline:2px solid var(--a-blue); outline-offset:-2px; }
  .msa-row[hidden], .msa-at tbody[hidden], .msa-wrap[hidden], .msa-empty[hidden] { display:none; }
  /* empty state (Attio's Tasks page): fills the panel below the view row */
  .msa-empty { display:flex; flex-direction:column; min-height:calc(100vh - 97px); }
  html.is-popout .msa-empty { min-height:calc(100vh - 97px); }
  .msa-e-main { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 16px 24px; text-align:center; }
  .msa-e-art { width:300px; max-width:100%; height:auto; margin-bottom:20px; }
  .msa-e-art .g path { fill:none; stroke:var(--a-line); stroke-width:1; stroke-dasharray:3 3; }
  .msa-e-art .c path { fill:none; stroke:var(--a-mute); stroke-width:1.3; stroke-linejoin:round; stroke-linecap:round; }
  .msa-e-art .c path.f { fill:var(--a-bg); }
  .msa-e-art .c path.s { fill:var(--a-hover); }
  html.at-done .msa-empty h2:not(#_) { margin:0 0 6px; font:600 16px/24px Inter, system-ui, sans-serif !important; color:var(--a-ink); letter-spacing:-0.1px; }
  .msa-empty p { margin:0 0 16px; max-width:260px; color:var(--a-mute); font-size:14px; line-height:20px; }
  .msa-e-learn { width:min(836px, calc(100% - 32px)); margin:0 auto 28px; }
  .msa-e-lbl { margin-bottom:8px; font-size:13px; color:var(--a-label); }
  .msa-e-cards { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
  .msa-e-cards a { display:flex; align-items:center; gap:8px; height:52px; padding:8px; border-radius:12px; box-shadow:var(--a-btn); background:var(--a-bg);
                   color:var(--a-ink); text-decoration:none; font-size:14px; }
  .msa-e-cards a:hover { background:var(--a-hover); }
  .msa-e-cards .ic { width:34px; height:34px; flex:none; border-radius:8px; display:inline-flex; align-items:center; justify-content:center;
                     box-shadow:inset 0 0 0 1px var(--a-line); color:var(--a-mute); font-size:15px; }   /* Reports' card size (user, 2026-10-26) */
  @media (max-width: 767px) { .msa-e-cards { grid-template-columns:minmax(0, 1fr); } }

/* My stocks' pop-ups (user, 2026-10-25: "pop-ups must be fixed"): the page's frosted New portfolio / New watchlist
   panes (aiq-terminal.css, three ids of specificity) showed the page through them — solid Attio dialogs instead */
html.at-shell #tm-pf-dlg:not(#_):not(#_):not(#_), html.at-shell #tm-wl-dlg:not(#_):not(#_):not(#_), html.at-shell #msa-add-dlg:not(#_):not(#_):not(#_),
html.at-shell #tm-nudge-dlg:not(#_):not(#_):not(#_), html.at-shell #tm-term-dlg:not(#_):not(#_):not(#_) {
  background: var(--at-pop-bg) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.at-shell :is(#tm-pf-dlg, #tm-wl-dlg, #tm-nudge-dlg) :is(.tm-choose a, .tm-choose button, .tm-mc, .tm-nd-tile):not(#_):not(#_) { background: var(--at-pop-bg) !important; }
html.at-shell :is(#tm-pf-dlg, #tm-wl-dlg, #tm-nudge-dlg) :is(.tm-in, .tm-nd-search):not(#_):not(#_):not(.tm-paste) {
  height: 32px; border: 0 !important; border-radius: 8px !important; box-shadow: var(--a-btn) !important; background: var(--at-pop-bg) !important;
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); outline: 0; }
html.at-shell :is(#tm-pf-dlg, #tm-wl-dlg, #tm-nudge-dlg) :is(.tm-in:focus, .tm-nd-search:focus-within):not(#_):not(#_) {
  box-shadow: 0 0 0 1px var(--a-blue), 0 0 0 3px rgba(38,109,240,.16) !important; }

/* ══ Every pop-up (user, 2026-10-25: "every single page and popup must be restyled to match how Attio would do it").
   The kit (.aiq-dlg / .aiq-pop / .aiq-menu) already takes the Attio surface above; these are the page-built dropdowns and
   popovers an audit of every app page found with their own square, bordered look. Same surface as the kit menus: white /
   #18191B, no border, 12px corners, Attio's soft ring + shadow, Inter 14/500. Desktop only — phones keep their sheets
   (aiq-phone-sheet.css). Tooltips / hover cards (#ch-ev-pop) are left alone. ══ */
@media (min-width: 768px) {
  html.at-shell :is(#fa-pop, .sc-plot-popover, #sc-pop, .ai-tk-pop, .si-thf-menu, .ins-cpop, .ins-pop, .ec-my-pop, .ec-more-pop,
                    .afl-pop, .kd-pop, .ticker-ac-drop):not(#_):not(#_) {
    background: var(--at-pop-bg) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    border: 0 !important; border-radius: 12px !important; box-shadow: var(--at-pop-sh) !important; color: var(--a-ink) !important;
    font-family: Inter, system-ui, sans-serif; letter-spacing: -0.07px; }
  /* rows inside: Attio's 8px-rounded hover rows */
  html.at-shell :is(#fa-pop, .sc-plot-popover, #sc-pop, .ai-tk-pop, .si-thf-menu, .ins-cpop, .ins-pop, .ec-my-pop, .ec-more-pop, .afl-pop, .ticker-ac-drop)
    :is(button, a, li, label, .pop-opt):not(.aiq-btn):not(#_) { border-radius: 8px; }
}

/* ══ Round 41: every Financials page in Attio's style (user: "restyling every page of financials to be in line with
   Attio style, buttons tables formats everything"). One shared layer over the pages' own kits, scoped to the draft
   (html.at-fin-d); tables come from the html.tb-attio rules above (finDraft sets it). ══ */
/* cards: Attio's record cards — radius 12, one inset hairline, no shadow / border / lift */
html.at-fin-d .lkl-fin .tab-panel :is(.card, .cg-card, .ch-kpis, .kd-card, .stx-card, .fx-card, .cmp-card, .cap-card, .acq-card, .prp-card,
  .brd-card, .pay-card, .stmt-table-wrap, .stmt-seg-chartcard, .dv-note):not(.lkl-promo):not(#_):not(#_) {
  background: var(--a-bg) !important; border: 0 !important; border-radius: 12px !important; box-shadow: inset 0 0 0 1px var(--a-line) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.at-fin-d .lkl-fin .tab-panel :is(.card, .cg-card, .kd-card, .stx-card, .fx-card, .cmp-card, .cap-card):hover { transform: none !important; }
/* type: page titles 14/600 ink, card titles 14/500 Attio label grey, Inter -0.07 */
html.at-fin-d .lkl-fin .tab-panel h2:not(#_):not(#_) { font: 600 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important;
  text-transform: none !important; color: var(--a-ink) !important; }
html.at-fin-d .lkl-fin .tab-panel :is(h3, h4):not(#_):not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important;
  text-transform: none !important; color: var(--a-label) !important; }
/* toggles: one Attio segmented — 28px grey track, 24px items, the on item white with the button shadow */
html.at-fin-d .lkl-fin .tab-panel :is(.ov-seg, .stmt-seg, .kd-seg, .kd-words, .aiq-seg, .cr-seg,
  :has(> .cg-view-btn), :has(> .fx-tog), :has(> .period-mode-btn)):not(#_):not(#_) {
  align-items: center !important; gap: 0 !important; height: 28px !important; padding: 2px !important; border: 0 !important;
  border-radius: 8px !important; background: rgba(0,0,0,.04) !important; box-shadow: inset 0 0 0 1px var(--a-line) !important; }
html.at-fin-d[data-theme="dark"] .lkl-fin .tab-panel :is(.ov-seg, .stmt-seg, .kd-seg, .kd-words, .aiq-seg, .cr-seg,
  :has(> .cg-view-btn), :has(> .fx-tog), :has(> .period-mode-btn)):not(#_):not(#_) { background: rgba(255,255,255,.05) !important; }
html.at-fin-d .lkl-fin .tab-panel :is(.ov-seg, .stmt-seg, .kd-seg, .kd-words, .aiq-seg, .cr-seg,
  :has(> .cg-view-btn), :has(> .fx-tog), :has(> .period-mode-btn)) > button:not(#_):not(#_) {
  height: 24px !important; min-height: 0 !important; padding: 0 10px !important; margin: 0 !important; border: 0 !important; border-radius: 6px !important;
  background: transparent !important; box-shadow: none !important; font: 500 13px/24px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important;
  text-transform: none !important; color: var(--a-mute) !important; }
html.at-fin-d .lkl-fin .tab-panel :is(.ov-seg, .stmt-seg, .kd-seg, .kd-words, .aiq-seg, .cr-seg,
  :has(> .cg-view-btn), :has(> .fx-tog), :has(> .period-mode-btn)) > button:hover:not(#_):not(#_) { color: var(--a-ink) !important; }
html.at-fin-d .lkl-fin .tab-panel :is(.ov-seg, .stmt-seg, .kd-seg, .kd-words, .aiq-seg, .cr-seg,
  :has(> .cg-view-btn), :has(> .fx-tog), :has(> .period-mode-btn)) > button:is(.is-on, .on, .seg-on, .active, [aria-pressed="true"]):not(#_):not(#_) {
  background: var(--a-bg) !important; box-shadow: var(--a-btn) !important; color: var(--a-ink) !important; }
html.at-fin-d .lkl-fin .tab-panel :is(.ov-seg-sep, .stmt-seg-sep):not(#_) { display: none !important; }
/* buttons + selects: Attio's 28px button — white, radius 8, the measured two-layer shadow, 13/500 ink */
html.at-fin-d .lkl-fin .tab-panel :is(.md-btn, .md-sel, .md-xl, .cmp-btn, .cmp-view-new, .ct-btn:not(.period-mode-btn), .fx-icon-btn, .stmt-dd, select):not(#_):not(#_) {
  height: 28px !important; min-height: 0 !important; padding: 4px 8px !important; border: 0 !important; border-radius: 8px !important;
  background-color: var(--a-bg) !important; box-shadow: var(--a-btn) !important; font: 500 13px/20px Inter, system-ui, sans-serif !important;
  letter-spacing: -0.07px !important; color: var(--a-ink) !important; }
html.at-fin-d .lkl-fin .tab-panel select:not(#_):not(#_) { padding-right: 24px !important; }
html.at-fin-d .lkl-fin .tab-panel :is(.md-btn, .md-sel, .md-xl, .cmp-btn, .cmp-view-new, .ct-btn, .fx-icon-btn, .stmt-dd, select):hover:not(#_):not(#_) { background-color: var(--a-hover) !important; }
/* statements keep their hierarchy under the Attio table: subtotal rows (tr[data-separator]) semibold, the rest 500 */

html.at-done .msa-tbl:not(#_):not(#_) :is(th, td).msa-x { width:28px; padding:0 6px 0 0 !important; }
/* the hover-× slot belongs to the column before it: no grid line between them, so it never reads as a blank column (user, 2026-10-25) */
html.at-done .msa-tbl:not(#_):not(#_):not(#_) > * > tr > :is(th, td):has(+ .msa-x) { border-right:0 !important; }
/* the calculation row keeps the one 1px row line above it (its own top border doubled it to 2px) */
html.at-done .msa-tbl:not(#_):not(#_) > tfoot > tr > td { border-top:0 !important; }
/* no tracked capitals (Attio writes every label in sentence case): card titles 14/500 label grey, stat labels 12/500 */
html.at-fin-d .lkl-fin .tab-panel :is(.cap-title, .dv-sub-h, .tx-sidebar-h):not(#_):not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important;
  letter-spacing: -0.07px !important; text-transform: none !important; color: var(--a-label) !important; }
html.at-fin-d .lkl-fin .tab-panel :is(.md-ans-l, .stmt-seg-range-lbl, .cmp-card .k, .ov-stat-l, .ovs-k):not(#_):not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important;
  letter-spacing: 0 !important; text-transform: none !important; color: var(--a-mute) !important; }
/* the pill fill (active tab, switch "on") had only a light fallback (#FBFBFB) — bright white in dark mode */
html.at-shell { --a-pill: #FBFBFB; }
html.at-shell[data-theme="dark"] { --a-pill: rgba(255,255,255,.07); }
/* New watchlist, one step (2026-10-25): Attio fields, tiles and pills */
html.at-shell .nw-dlg .nw-box:not(#_) { border: 0; border-radius: 8px; box-shadow: var(--a-btn); background: var(--at-pop-bg); }
html.at-shell .nw-dlg .nw-box:focus-within:not(#_) { box-shadow: 0 0 0 1px var(--a-blue), 0 0 0 3px rgba(38,109,240,.16); }
html.at-shell .nw-dlg .nw-tile:not(#_) { border: 0; border-radius: 8px; box-shadow: var(--a-btn); }
html.at-shell .nw-dlg .nw-tile.on:not(#_) { box-shadow: 0 0 0 1.5px var(--a-blue); background: rgba(38,109,240,.04); }
html.at-shell .nw-dlg .nw-tile .ck:not(#_) { color: var(--a-blue); }
html.at-shell .nw-dlg .nw-chip:not(#_) { border-radius: 6px; background: rgba(38,109,240,.10); color: var(--a-blue); height: 22px; font-size: 13px; }
html.at-shell #tm-wl-dlg :is(.nw-lbl, .nw-n):not(#_) { color: var(--a-label); font: 500 12px/16px Inter, system-ui, sans-serif; }
html.at-shell .nw-dlg .nw-tile .tx b:not(#_) { font-weight: 500; }

/* ══ Round 42: the statement table = the Screener's table (user: "the financials table doesn't feel in line with the
   Attio table or the one we've built for screener"). Measured on /screener: 14/500 cells + header, 40px head, 36px
   rows, hairline rules, edge to edge in the panel (no card) with a hairline on top. ══ */
html.at-fin-d.tb-attio .lkl-fin .stmt-table-wrap:not(#_):not(#_):not(#_) { border-radius: 0 !important; box-shadow: none !important;
  border-top: 1px solid var(--a-line) !important; margin-left: -14px !important; margin-right: -14px !important; }
/* Statements table keeps its pre-Attio look (user, 2026-10-26: "the table looked better in this old format for the
   fonts, rows, etc but keep the new buttons"): js/fin-row-menu.js marks it .at-own, which the general Attio table layer
   above and every .stmt-data-table rule here skip; the toolbar, page bar and row menu keep the Attio look. */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > :is(thead, tbody) > tr > :is(th, td) { font-size: 14px !important; letter-spacing: -0.07px; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > thead > tr > th { font-weight: 500 !important; color: var(--a-ink) !important; }
/* the metric column starts on the page's left edge (the panel padding the table now bleeds through) */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > :is(thead, tbody) > tr > :is(th, td):first-child { padding-left: 14px !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > :is(thead, tbody) > tr > :is(th, td):last-child { padding-right: 14px !important; }
/* row tools (pin, notes, % badge) only on the row under the pointer, in grey — the Screener rows carry no icons */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own) :is(.stmt-pin-btn, .stmt-fn-btn):not(#_) { opacity: 0 !important; color: var(--a-faint) !important; transition: none !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own) tr:hover :is(.stmt-pin-btn, .stmt-fn-btn):not(#_) { opacity: 1 !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own) .stmt-seg-chev:not(#_) { color: var(--a-faint) !important; }

/* My stocks views (2026-10-25): Overview / Performance / Valuation columns; a list opened inline (breadcrumb) */
html.at-done .msa-at[data-view="ov"] [data-vw]:not([data-vw~="ov"]),
html.at-done .msa-at[data-view="perf"] [data-vw]:not([data-vw~="perf"]),
html.at-done .msa-at[data-view="val"] [data-vw]:not([data-vw~="val"]),
html.at-done .msa-at[data-view="risk"] [data-vw]:not([data-vw~="risk"]),
html.at-done .msa-at[data-view="qual"] [data-vw]:not([data-vw~="qual"]),
html.at-done .msa-at[data-view="comp"] [data-vw]:not([data-vw~="comp"]),
html.at-done .msa-at[data-view="earn"] [data-vw]:not([data-vw~="earn"]) { display: none !important; }
html.at-done .msa-at:not(.is-drill) .msa-drill-only, html.at-done .msa-at.is-drill .msa-lists-only { display: none !important; }
html.at-done .msa-at.is-drill .msa-drill-only, html.at-done .msa-at:not(.is-drill) .msa-lists-only { display: inline-flex; align-items: center; gap: 8px; }
html.at-done .msa-at.is-drill :is(.msa-wrap, .msa-empty) { display: none !important; }
html.at-done .msa-drill[hidden] { display: none; }
html.at-done .msa-vsep { width: 1px; height: 16px; background: var(--a-line); margin: 0 2px; }
html.at-done .msa-bar .msa-cd { font-size: 11px !important; margin-left: -2px; }
html.at-shell .at-pagebar .at-pb-name.msa-back { cursor: pointer; }
/* a clickable page name (back to the list) gets a rounded tint on hover, never an underline (user, 2026-10-31);
   padding + equal negative margin so the row doesn't move; .at-pb-link = any other name/crumb a script makes clickable */
html.at-shell .at-pagebar :is(.at-pb-name.msa-back, a.at-pb-name, .at-pb-name.aia-link, .at-pb-link) { padding: 2px 6px; margin: -2px -6px; border-radius: 4px; }
html.at-shell .at-pagebar :is(.at-pb-name.msa-back, a.at-pb-name, .at-pb-name.aia-link, .at-pb-link):hover:not(#_) {
  color: var(--a-ink) !important; text-decoration: none !important; background: color-mix(in srgb, var(--a-ink) 7%, transparent); }
/* the list inside: no inner inset, the Symbols table flush like the lists table */
html.at-done .msa-drill { padding: 0; }
html.at-done .msa-drill .tm-pane { padding: 0 !important; }
html.at-done .msa-drill .tm-m1 { margin: 0; }
html.at-done .msa-drill .sy.is-inline { margin: 0; padding: 0; border: 0; background: transparent; }
html.at-done .msa-drill .sy.is-inline .sy-box { border: 0 !important; border-radius: 0 !important; margin: 0; }
html.at-done .msa-drill .sy.is-inline .sy-add { margin: 8px 12px; }
html.at-done .msa-drill .sy-t:not(#_):not(#_) > thead > tr > th:first-child,
html.at-done .msa-drill .sy-t:not(#_):not(#_) > tbody > tr > td:first-child { padding-left: 12px; }
html.at-done .msa-drill .tm-pane > :not(.tm-m1) { padding: 12px; }
/* Round 43 (user: "still feels very off"): no bold anywhere, as on the Screener — subtotal rows are marked by Attio's
   quiet group fill instead; the metric column keeps its rule down the body; the Revenue chevron sits in the gutter so
   every row name starts on one line; the unit label is Attio grey */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > tbody > tr > td,
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > tbody > tr > td * { font-weight: 500 !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > tbody > tr[data-separator] > td { background: var(--a-pill) !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > tbody > tr:hover > td { background: var(--a-hover) !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > :is(thead, tbody) > tr > :is(th, td):first-child { border-right: 1px solid var(--a-line) !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > tbody > tr > td:first-child { position: sticky; }
/* Revenue's fold toggle: a small chevron button right after the word, pointing down when open (user, 2026-10-26: the
   gutter arrow was "poor design") */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own) .stmt-seg-chev:not(#_):not(#_) { position: static !important; display: inline-flex !important;
  width: 18px; height: 18px; margin: 0 0 0 6px !important; border-radius: 4px; background: rgba(0,0,0,.05); color: var(--a-label) !important; vertical-align: -3px; }
html.at-fin-d.tb-attio[data-theme="dark"] .lkl-fin .stmt-data-table:not(.at-own) .stmt-seg-chev:not(#_):not(#_) { background: rgba(255,255,255,.08); }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own) .stmt-seg-chev:not(#_):not(#_):hover { background: rgba(0,0,0,.09); color: var(--a-ink) !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own) .stmt-seg-chev svg { width: 9px; height: 9px; transition: none; }
/* the lines inside each block sit 16px in from their subtotal; the supplementary lines after the last one stay flush */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:not([data-separator]):not([data-supp]):not([data-annotation]):not([data-pct-row]) > td:first-child { padding-left: 30px !important; }
/* balance sheet: Current / Non-current subtotals read in ink, the lines under them one step deeper */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr[data-mid]:not([data-separator]) > td:first-child { color: var(--a-ink) !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr[data-deep]:not([data-separator]):not([data-supp]):not([data-annotation]):not([data-pct-row]) > td:first-child { padding-left: 46px !important; }
html.at-fin-d .lkl-fin #stmts-toolbar #stmt-unit-note:not(#_):not(#_) { color: var(--a-mute) !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; }
/* the TTM column kept its old "no right rule" — the line between TTM and the first year runs down the body too */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > :is(thead, tbody) > tr > :is(th, td):is([data-period="TTM"], .stmt-ttm) {
  border-right: 1px solid var(--a-line) !important; box-shadow: none !important; }

/* ══ Round 45: F · Name in the top bar, G · One bar (user: the name + tabs block "needs to be removed entirely so we
   can focus more on the contents … I don't have any ideas"). ══ */
html:is(.at-nav-f, .at-nav-g, .at-nav-h):not(.at-nav-h1) .lkl-fin #company-header:not(#_):not(#_) { display: none !important; }
html:is(.at-nav-f, .at-nav-g, .at-nav-h):not(.at-nav-h1) .at-pagebar .at-pb-crumb { display: none !important; }
html:is(.at-nav-f, .at-nav-g, .at-nav-h) .at-pb-co { display: inline-flex; align-items: center; gap: 8px; min-width: 0; flex: 0 1 auto; }
html:is(.at-nav-f, .at-nav-g, .at-nav-h) .at-pb-co .ch-logo:not(#_):not(#_) { width: 20px !important; height: 20px !important; padding: 2px !important; border-radius: 6px !important;
  box-shadow: inset 0 0 0 1px var(--a-line) !important; border: 0 !important; margin: 0 !important; flex: none; }
html.at-fin-d:is(.at-nav-f, .at-nav-g, .at-nav-h) .at-pb-co .ch-name:not(#_):not(#_):not(#_) { width: auto !important; font: 600 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important;
  color: var(--a-ink) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
html:is(.at-nav-f, .at-nav-g, .at-nav-h) .at-pb-co .ch-tkr:not(#_):not(#_), html:is(.at-nav-f, .at-nav-g, .at-nav-h) .at-pb-co .ch-tkr * { border: 0 !important; background: transparent !important;
  box-shadow: none !important; padding: 0 !important; height: auto !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; }
html.at-fin-d:is(.at-nav-f, .at-nav-g, .at-nav-h) .at-pb-co .ch-quote:not(#_):not(#_):not(#_) { display: inline-flex !important; flex-direction: row !important; align-items: baseline !important; gap: 6px !important;
  margin-left: 6px; padding-left: 12px; box-shadow: inset 1px 0 0 var(--a-line); }
html.at-fin-d:is(.at-nav-f, .at-nav-g, .at-nav-h) .at-pb-co .ch-price:not(#_):not(#_):not(#_) { font: 600 14px/20px Inter, system-ui, sans-serif !important; font-variant-numeric: tabular-nums; color: var(--a-ink) !important; }
html.at-fin-d:is(.at-nav-f, .at-nav-g, .at-nav-h) .at-pb-co .ch-chg:not(#_):not(#_):not(#_) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; height: auto !important;
  font: 500 13px/20px Inter, system-ui, sans-serif !important; font-variant-numeric: tabular-nums; }
html:is(.at-nav-f, .at-nav-g, .at-nav-h) .at-pb-co :is(.ch-when, .ch-chg svg, .ch-tri) { display: none !important; }
/* F: the tab row is the page's first line (8px under the bar) */
html.at-nav-f .lkl-fin #fin-tabs-wrap:not(#_):not(#_) { margin-top: -4px !important; }
/* G: tabs + actions in the bar; plain labels (no icons / counts) so it fits; the active tab's line on the bar's hairline */
html.at-nav-g .lkl-fin #fin-tabs-wrap:not(#_):not(#_), html.at-nav-g .at-pagebar .at-pb-name, html.at-nav-g .at-pagebar .at-pb-sep { display: none !important; }
html.at-nav-g .at-pagebar #fin-tab-bar:not(#_):not(#_) { flex: 1 1 auto; min-width: 0; margin: 0 0 0 20px !important; padding: 0 !important; height: 48px; align-items: center;
  display: flex !important; gap: 2px !important; overflow-x: auto; overflow-y: visible; scrollbar-width: none; }
html.at-nav-g .at-pagebar #fin-tab-bar .fin-sec:not(#_):not(#_) { margin: 0 !important; }
html.at-nav-g .at-pagebar #fin-tab-bar .fin-sec.active-tab:not(#_)::after { bottom: -10px !important; }
html.at-nav-g .at-pagebar #fin-tab-bar :is(.at-tab-ic, .at-tab-n) { display: none !important; }
html.at-nav-g .at-pagebar #fin-tab-tools:not(#_):not(#_) { display: flex !important; align-items: center; gap: 2px; flex: none; margin-left: 8px; }
html.at-nav-g .lkl-fin .tab-panel:not(#_) { margin-top: 0; }
html.at-nav-g .at-dock { position: fixed; right: 16px; bottom: 16px; z-index: 200; display: flex; align-items: center; padding: 4px; border-radius: 12px;
  background: var(--a-bg); box-shadow: 0 0 0 1px var(--a-line), 0 4px 16px rgba(0,0,0,.08); }
html.at-nav-g .at-dock .at-pb-acts { display: flex; align-items: center; }
/* G is tight: the ticker stands for the company (full name on hover), so the seven tabs fit */
html.at-fin-d.at-nav-g .at-pb-co .ch-name:not(#_):not(#_):not(#_) { display: none !important; }
html.at-fin-d.at-nav-g .at-pb-co .ch-tkr:not(#_):not(#_):not(#_), html.at-fin-d.at-nav-g .at-pb-co .ch-tkr *:not(#_):not(#_) { font-weight: 600 !important; color: var(--a-ink) !important; }
html.at-nav-g .at-pb-co { flex: none !important; }
html.at-nav-g .at-pagebar #fin-tab-bar .fin-sec:not(#_):not(#_):not(#_) { padding: 4px 7px !important; }
html.at-nav-g .at-pagebar #fin-tab-bar:not(#_):not(#_) { margin-left: 12px !important; gap: 0 !important; }
html.at-nav-g .at-pagebar #fin-ask-ai:not(#_):not(#_) { font-size: 0 !important; width: 28px; padding: 0 !important; justify-content: center; margin-left: 4px !important; }
html.at-nav-g .at-pagebar #fin-ask-ai :is(svg, i) { font-size: 16px; margin: 0 !important; }

/* ══ Round 46: H · Screener layout (user: "every page on Attio feels very consistent in style and layout … that is what
   we are missing with the financials pages … something has to be done about the page navigation"). Financials takes
   the Screener's three layers: top bar = page icon + name (the company, live price beside it); view row = the page
   picker ("Financials › Income statement ▾", like the Screener's "Deep Value ▾") with the actions on the right (where
   Export / New screen sit); then content, without a title that repeats the picker. ══ */
html.at-nav-h:not(.at-nav-h1) .at-pagebar :is(.at-ico, .at-pb-name, .at-pb-sep) { display: none !important; }
html.at-nav-h .lkl-fin #fin-tabs-wrap:not(#_):not(#_) { display: flex !important; align-items: center; height: 49px; margin: -12px -14px 16px !important;
  padding: 0 14px 0 12px !important; border-bottom: 1px solid var(--a-line) !important; border-top: 0 !important; background: var(--a-bg) !important; }
html.at-nav-h .at-picker:not(#_) { margin: 0 !important; }
html.at-nav-h .at-picker .at-picker-ic, html.at-nav-c .at-picker .at-picker-ic { font-size: 14px; color: var(--a-blue); }
html.at-nav-c .at-picker .at-picker-ic { display: none; }
html.at-nav-h .at-title-gone { display: none !important; }
html.at-nav-h .lkl-fin #fin-top:not(#_):not(#_) { border-bottom: 0 !important; }
html.at-nav-h .at-pb-co .ch-quote:not(#_):not(#_):not(#_) { box-shadow: none !important; padding-left: 4px !important; }

/* rows stay 36px: the Type pill fits the 20px line */
html.at-done .msa-tbl td .at-pill.msa-type:not(#_) { height: 20px; line-height: 18px; padding: 0 6px; font-size: 12.5px; }
html.at-done .msa-tbl:not(#_):not(#_) > tbody > tr > td, html.at-done .msa-tbl:not(#_):not(#_) > tfoot > tr > td { overflow: hidden; text-overflow: ellipsis; }
html.at-done .msa-tbl .msa-nm { max-width: none; }
html.at-nav-h .lkl-fin #fin-top:not(#_):not(#_):not(#_) { overflow: visible !important; }
/* text centred in the 36px rows (user, 2026-10-25): the cells had 8px on top and 0 below (another rule zeroed only the
   bottom), so everything sat 4px low — no vertical padding, the row height + vertical-align centre it */
html.at-done .msa-tbl:not(#_):not(#_) > :is(tbody, tfoot) > tr > td { height: 36px; padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: middle; }
/* full width (user, 2026-10-25: "fix white space on the right"): the table fills the panel; Name has no set width,
   so it takes whatever the set-width columns leave; below a view's minimum the box scrolls sideways */
html.at-done .msa-tbl:not(#_):not(#_) { width: 100%; }
html.at-done .msa-at[data-view="ov"] .msa-tbl:not(#_):not(#_) { min-width: 1120px; }
html.at-done .msa-at:not([data-view="ov"]) .msa-tbl:not(#_):not(#_) { min-width: 1000px; }
/* Round 47: H view row (user: "the dropdown is hard to navigate … people won't explore enough"): section picker + the
   section's pages as Attio tabs inline; the picker opens on hover as one panel with every section side by side */
html.at-nav-h .at-viewrow { display: flex; align-items: center; gap: 12px; flex: 1 1 auto; min-width: 0; }
html.at-nav-h .at-viewrow .at-picker:not(#_) { margin: 0 !important; flex: none; }
html.at-nav-h .at-viewrow .at-picker > i:first-child { font-size: 14px; color: var(--a-blue); }
html.at-nav-h .at-vtabs { display: flex; align-items: center; gap: 2px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
html.at-nav-h .at-vtabs button { flex: none; height: 28px; padding: 4px 8px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; white-space: nowrap;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: rgba(0,0,0,.63); }
html[data-theme="dark"].at-nav-h .at-vtabs button { color: rgba(255,255,255,.6); }
html.at-nav-h .at-vtabs button:hover { background: var(--a-side-hover); color: var(--a-ink); }
html.at-nav-h .at-vtabs button.on { background: var(--a-pill); box-shadow: inset 0 0 0 1px var(--a-line); color: var(--a-ink); }
html.at-shell .at-mega { display: grid; grid-template-columns: repeat(5, minmax(0, 168px)); gap: 4px 8px; padding: 8px !important; }
html.at-shell .at-mega-col { display: flex; flex-direction: column; min-width: 0; }
html.at-shell .at-mega-h { display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; cursor: pointer;
  font: 600 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); text-align: left; white-space: nowrap; }
html.at-shell .at-mega-h:hover { background: var(--a-side-hover); }
html.at-shell .at-mega-h i { font-size: 14px; color: var(--a-blue); }
html.at-shell .at-mega .aiq-mi { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--a-label); }
html.at-shell .at-mega .aiq-mi:hover, html.at-shell .at-mega .aiq-mi.on { color: var(--a-ink); }
html.at-shell .at-mega .aiq-mi.on { background: var(--a-side-on) !important; }
html.at-shell .at-mega .aiq-mi::before, html.at-shell .at-mega .aiq-mi::after { display: none !important; }
html.at-done .msa-tbl td .msa-sec:not(#_) { color: var(--tn) !important; height: 20px; font-size: 12px; }
html.at-done .msa-tbl td .msa-sec b { font-weight: 500; margin-left: 4px; opacity: .75; }

/* inside a list (Attio draft): tick boxes + the bulk bar (user, 2026-10-25: "a box on the left so you can click and delete it") */
html.at-done .msa-drill .sy-t:not(#_):not(#_) .sy-ckc { width: 32px; padding: 0 0 0 16px !important; text-align: left; border-right: 0 !important; }   /* Attio's record cell: no line between the tick box and the name */
/* the same box as the My stocks lists' .msa-ck above (user, 2026-10-31: "match the style of the My Stocks page tik boxes"):
   16px, radius 5, inset ring, blue + white tick — 3×:not(#_) + !important beat the generic .aiq-tbl checkbox rule */
html.at-done .msa-drill .sy-t:not(#_):not(#_):not(#_) .sy-ckc input[type="checkbox"] { appearance: none; -webkit-appearance: none; display: block; width: 16px; height: 16px; margin: 0;
  border: 0 !important; border-radius: 5px !important; cursor: pointer; background: var(--a-card, var(--a-bg)) !important; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
html.at-done:not([data-theme="light"]) .msa-drill .sy-t:not(#_):not(#_):not(#_) .sy-ckc input[type="checkbox"] { box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
html.at-done .msa-drill .sy-t:not(#_):not(#_):not(#_) .sy-ckc input[type="checkbox"]:checked { box-shadow: none; background: var(--a-blue) center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
html.at-done .msa-drill .sy-t:not(#_):not(#_):not(#_) .sy-ckc input[type="checkbox"]:indeterminate { box-shadow: none; background: var(--a-blue) center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8h7' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
html.at-done .msa-drill .sy-t:not(#_):not(#_) tr.sel > td { background: color-mix(in srgb, var(--a-blue) 6%, var(--a-bg)) !important; }
html.at-done .msa-drill .sy-t:not(#_):not(#_) .sy-ckc + :is(td, th) { padding-left: 8px !important; }
html.at-done .msa-drill .sy-t:not(#_):not(#_):not(#_) > thead > tr > th.sy-ckc { border-right: 0 !important; padding: 0 0 0 16px !important; }
html.at-done .msa-drill .sy-t:not(#_):not(#_):not(#_) > thead > tr > th.sy-ckc + th { padding-left: 8px !important; }
html.at-done .msa-drill .sy-t:not(#_):not(#_):not(#_) > tbody > tr > td.sy-ckc { border-right: 0 !important; padding: 0 0 0 16px !important; vertical-align: middle !important; }
html.at-done .msa-drill .sy-t:not(#_):not(#_):not(#_) > tbody > tr > td.sy-ckc + td { padding-left: 8px !important; }
/* right under the table, as every list's bar (user, 2026-10-31: fixed at the window's foot it was hard to see); the page's
   JS moves it after the table; it sticks to the panel's foot (clear of the 34px tab strip) only when the list runs past it */
html.at-done .msa-bulk { position: sticky; bottom: 16px; width: max-content; margin: 16px auto; z-index: 90; display: flex; align-items: center; gap: 8px;
  padding: 6px 6px 6px 14px; border-radius: 12px; background: var(--at-pop-bg); box-shadow: var(--at-pop-sh); font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-done .msa-bulk[hidden] { display: none; }
html.at-done:is(.aiq-tabs-on, .aiq-tabbar-solo) .msa-bulk { bottom: calc(16px + 34px); }
html.at-done .msa-bulk .msa-bulk-n { margin-right: 6px; }
html.at-done main .msa-bulk .msa-bulk-rm:not(#_) { color: #C8203F !important; }
html.at-done main .msa-bulk .msa-bulk-rm i { color: #C8203F !important; }
html.at-done .msa-bulk .msa-bulk-x { width: 28px; height: 28px; border: 0; border-radius: 8px; background: transparent; color: var(--a-mute); cursor: pointer; display: grid; place-items: center; }
html.at-done .msa-bulk .msa-bulk-x:hover { background: var(--a-hover); }
/* the stock table inside a list = the lists table's type and rhythm: 14/500, 36px rows, muted company names */
html.at-done .msa-drill .sy-t:not(#_):not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; }
html.at-done .msa-drill .sy-t:not(#_):not(#_) > thead > tr > th { height: 40px; font-size: 13px; color: var(--a-label) !important; padding: 0 10px; white-space: nowrap; }
html.at-done .msa-drill .sy-t:not(#_):not(#_) > tbody > tr > td { height: 36px; padding: 0 10px !important; vertical-align: middle; white-space: nowrap; }
html.at-done .msa-drill .sy-t:not(#_):not(#_) > thead > tr > th:first-child:not(.sy-ckc),
html.at-done .msa-drill .sy-t:not(#_):not(#_) > tbody > tr > td:first-child:not(.sy-ckc) { padding-left: 12px !important; }
html.at-done .msa-drill .sy-t td b { font-weight: 500 !important; color: var(--a-ink) !important; }
html.at-done .msa-drill .sy-t td em { color: var(--a-mute) !important; font-weight: 500; }
html.at-done .msa-drill .sy-t .sy-logo { width: 16px; height: 16px; vertical-align: -3px; }
/* the base img { max-width: 100% } makes a table leave the logo out of the column's width, so the name ran ~18px past
   the Symbol cell into the next column (user, 2026-10-31: "make sure column 1 text doesn't overflow") */
html.at-done .msa-drill .sy-t:not(#_) img.sy-logo { max-width: none; }

/* ══ Round 50: H in Attio's three bars (user: "you see how Attio has this consistent bar style. ours still doesn't
   feel right" — Attio People: page bar · view row · Sorted by / Filter row). ══ */
/* row 1: notes · alerts as quiet icons, Ask AI as Attio's "Ask Attio" button; the draft switches live in the dock */
html.at-nav-h .at-pagebar .at-pb-tools { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; margin-right: 8px; }
html.at-nav-h .at-pagebar .at-pb-tools .fa-btn:not(#_):not(#_) { width: 28px; height: 28px; min-width: 28px; padding: 0 !important; justify-content: center;
  background: transparent !important; box-shadow: none !important; border: 0 !important; }
html.at-nav-h .at-pagebar .at-pb-tools .fa-btn:not(#_):not(#_):hover { background: var(--a-side-hover) !important; }
html.at-nav-h .at-pagebar .at-pb-tools .fa-btn :is(.fa-lbl, .n) { display: none !important; }
html.at-nav-h .at-pagebar .at-pb-tools #fin-ask-ai:not(#_):not(#_) { margin-left: 6px !important; }
html:is(.at-nav-g, .at-nav-h) .at-dock { position: fixed; right: 16px; bottom: 16px; z-index: 200; display: flex; align-items: center; padding: 4px; border-radius: 12px;
  background: var(--a-bg); box-shadow: 0 0 0 1px var(--a-line), 0 4px 16px rgba(0,0,0,.08); }
html:is(.at-nav-g, .at-nav-h) .at-dock .at-pb-acts { display: flex; align-items: center; }
/* row 2 right: Report ▾ + the list button (blue primary, its own label "In 5 lists" / "Add to list") */
html.at-nav-h .lkl-fin #fin-tab-tools:not(#_):not(#_) { gap: 8px !important; }
html.at-nav-h .lkl-fin #fin-tab-tools #fin-report:not(#_):not(#_):not(#_) { width: auto !important; padding: 0 8px !important; gap: 6px; }
html.at-nav-h .lkl-fin #fin-tab-tools #fin-report .fin-tool-lbl:not(#_):not(#_) { display: inline !important; }
html.at-nav-h .lkl-fin #fin-tab-tools #fin-report svg.fin-rep-car:not(#_):not(#_):not(#_) { display: inline-block !important; width: 10px; color: var(--a-mute); }
html.at-nav-h .lkl-fin #fin-tab-tools #fin-acts .fa-btn:not(#_):not(#_):not(#_) { width: auto !important; padding: 0 10px !important; gap: 6px; }
html.at-nav-h .lkl-fin #fin-tab-tools #fin-acts .fa-btn .fa-lbl:not(#_):not(#_):not(#_) { display: inline !important; }
html.at-nav-h .lkl-fin #fin-tab-tools #fin-acts .fa-btn.at-pri:not(#_):not(#_):not(#_) { background: var(--a-blue) !important; color: #fff !important; box-shadow: var(--a-btn-pri) !important; }
html.at-nav-h .lkl-fin #fin-tab-tools #fin-acts .fa-btn.at-pri:not(#_):not(#_):not(#_):hover { background: var(--a-blue-h) !important; }
html.at-nav-h .lkl-fin #fin-tab-tools #fin-acts .fa-btn.at-pri :is(svg, i, .fa-lbl):not(#_):not(#_):not(#_) { color: #fff !important; }
/* row 3: the statements' controls as the Screener's Sort row — 48px, full width, hairline under, pills */
html.at-nav-h .lkl-fin #stmts-toolbar:not(#_):not(#_):not(#_) { min-height: 48px; margin: -16px -14px 0 !important; padding: 0 14px 0 12px !important; gap: 8px;
  border-bottom: 1px solid var(--a-line); display: flex; align-items: center; }
html.at-nav-h .lkl-fin #stmts-toolbar .at-seg-gone:not(#_):not(#_):not(#_) { display: none !important; }
html.at-nav-h .lkl-fin #stmts-toolbar .at-period[hidden] { display: none !important; }
html.at-nav-h .lkl-fin #stmts-toolbar .at-period { box-shadow: inset 0 0 0 1px var(--a-ring) !important; padding: 0 8px !important; gap: 6px; }
html.at-nav-h .lkl-fin #stmts-toolbar .at-period .at-sort-k { color: var(--a-label) !important; }
html.at-nav-h .lkl-fin #stmts-toolbar .at-period .at-car { font-size: 11px; color: var(--a-mute); }
html.at-nav-h .lkl-fin #stmts-toolbar #stmt-unit-note:not(#_):not(#_) { order: 9; margin-left: auto; font-size: 13px !important; }
html.at-nav-h .lkl-fin .stmt-table-wrap:not(#_):not(#_):not(#_):not(#_) { border-top: 0 !important; }
html.at-nav-h .at-pagebar .at-pb-tools #fin-ask-ai:not(#_):not(#_):not(#_) { order: 9; }
/* row 3 reads like Attio's: the controls together on the left (Period · Options), the unit quiet on the right */
html.at-nav-h .lkl-fin #stmts-toolbar .at-period { order: 0; }
html.at-nav-h .lkl-fin #stmts-toolbar :is(#stmt-opt-btn, :has(> #stmt-opt-btn)):not(#_):not(#_):not(#_) { order: 1; margin-left: 0 !important; }
html.at-nav-h .lkl-fin #stmts-toolbar :has(#stmt-opt-btn):not(#_):not(#_) { margin-left: 0 !important; }
html.at-nav-h .lkl-fin #stmts-toolbar .stmt-tb-grow:not(#_):not(#_) { display: none !important; }
html.at-nav-h .lkl-fin #stmts-toolbar #stmts-controls:not(#_):not(#_):not(#_) { order: 1; margin-left: 0 !important; }
html.at-nav-h .lkl-fin #stmts-toolbar #stmt-unit-note:not(#_):not(#_):not(#_) { order: 9; margin-left: auto !important; }

/* ══ Stock search results (user, 2026-10-25: "search dropdown has to be updated") — Attio's command-menu rows:
   32px rows on 8px corners inside a 4px inset, 20px logo tile, ticker 500 ink + name muted on one line, exchange as
   faint text, ↵ only on the active row, slim header + keycap footer. Beats _look_ribbon.html's look-landing rules. ══ */
html.at-shell .ticker-ac-drop:not(#_):not(#_) { padding: 4px !important; border: 0 !important; border-radius: 12px !important; min-width: 300px;
  background: var(--at-pop-bg) !important; box-shadow: var(--at-pop-sh) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.at-shell .ticker-ac-drop .ticker-ac-hd:not(#_) { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px 4px !important;
  border: 0 !important; background: none !important; font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-label) !important; }
html.at-shell .ticker-ac-drop .ticker-ac-hd small:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-faint, rgba(0,0,0,.4)) !important; }
html.at-shell .ticker-ac-drop .ticker-ac-row:not(#_) { gap: 10px !important; height: 32px; margin: 0 !important; padding: 0 8px !important; border-radius: 8px !important;
  box-shadow: none !important; background: transparent !important; }
html.at-shell .ticker-ac-drop .ticker-ac-hd + .ticker-ac-row:not(#_) { margin-top: 0 !important; }
html.at-shell .ticker-ac-drop .ticker-ac-row:is(:hover, .ac-active):not(#_) { background: var(--a-hover) !important; }
html.at-shell .ticker-ac-drop .ticker-ac-logo:not(#_) { display: grid; place-items: center; position: relative; width: 20px !important; height: 20px !important; flex: none;
  border-radius: 6px !important; overflow: hidden; background: #fff !important; box-shadow: inset 0 0 0 1px var(--a-line) !important; border: 0 !important; }
html.at-shell .ticker-ac-drop .ticker-ac-logo:not(#_)::before { content: attr(data-l); font: 600 10px Inter, sans-serif; color: #52607A; }
html.at-shell .ticker-ac-drop .ticker-ac-logo img:not(#_) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 2px !important; background: #fff; }
html.at-shell .ticker-ac-drop .ticker-ac-sym:not(#_) { min-width: 64px !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; color: var(--a-ink) !important; }
html.at-shell .ticker-ac-drop .ticker-ac-name:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; }
html.at-shell .ticker-ac-drop .ticker-ac-hit:not(#_) { font-weight: 500 !important; color: var(--a-ink) !important; }
html.at-shell .ticker-ac-drop .ticker-ac-exch:not(#_) { padding: 0 !important; background: none !important; font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-faint, rgba(0,0,0,.4)) !important; }
html.at-shell .ticker-ac-drop .ticker-ac-enter:not(#_) { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; font-size: 11px;
  visibility: hidden; color: var(--a-mute) !important; background: none !important; box-shadow: inset 0 0 0 1px var(--a-ring) !important; }
html.at-shell .ticker-ac-drop .ticker-ac-row.ac-active .ticker-ac-enter:not(#_) { visibility: visible; }
html.at-shell .ticker-ac-drop .ticker-ac-foot:not(#_) { display: flex; gap: 14px; margin: 4px -4px -4px !important; padding: 8px 12px !important; background: none !important;
  border-top: 1px solid var(--a-line) !important; font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; }
html.at-shell .ticker-ac-drop .ticker-ac-foot kbd:not(#_) { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; margin-right: 3px;
  border-radius: 5px; border: 0 !important; background: none !important; box-shadow: inset 0 0 0 1px var(--a-ring) !important; font: 500 11px Inter, sans-serif; color: var(--a-mute) !important; }
/* inside a list: Attio's record tabs along the view row — icon + label, muted, the open one in ink with a 2px rule on
   the row's bottom line */
html.at-done .msa-at.is-drill .msa-bar { align-items: stretch; }
html.at-done .msa-at.is-drill .msa-bar > .msa-drill-only, html.at-done .msa-at.is-drill .msa-bar > .msa-sp { align-self: stretch; }
html.at-done .msa-at.is-drill .msa-bar > .msa-drill-only:not(.msa-dtabs) { align-items: center; }
html.at-done .msa-dtabs { gap: 2px !important; margin-left: -4px; }
html.at-done .msa-dtab { display: inline-flex; align-items: center; gap: 6px; height: 100%; padding: 0 8px; border: 0; background: none; cursor: pointer;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-mute); box-shadow: inset 0 -2px 0 transparent; }
html.at-done .msa-dtab i { font-size: 15px; }
html.at-done .msa-dtab:hover { color: var(--a-ink); }
html.at-done .msa-dtab.on { color: var(--a-ink); box-shadow: inset 0 -2px 0 var(--a-ink); }
html.at-done main .msa-bar #msa-dview[hidden] { display: none !important; }
html.at-done main #msa-dedit[hidden] { display: none !important; }   /* imported / broker portfolio: nothing to do in place */
html.at-shell .at-mega .at-mega-h.on { background: var(--a-side-on); }
html.at-shell .at-mega .at-mega-home { grid-column: 1 / -1; display: flex; padding-bottom: 4px; margin-bottom: 4px; box-shadow: inset 0 -1px 0 var(--a-line); }
html.at-shell .at-mega .at-mega-home .at-mega-h { flex: 1; }
/* text columns in the condensed views (Why it moved, Earnings, News, Signals) */
html.at-done .msa-drill .sy-t:not(#_):not(#_) td.sy-tx { text-align: left; max-width: 420px; overflow: hidden; text-overflow: ellipsis; }
html.at-done .msa-drill .sy-t .sy-hl { color: var(--a-ink); text-decoration: none; }
html.at-done .msa-drill .sy-t .sy-hl:hover { text-decoration: underline; text-underline-offset: 3px; }
html.at-done .msa-drill .sy-t td.sy-tx .pos { color: var(--a-pos-ink, #127A52); } html.at-done .msa-drill .sy-t td.sy-tx .neg { color: var(--a-neg-ink, #B4213D); }

/* ══ Round 52: Charts in Attio's report style (user: "charts needs to be fully redesigned to match Attio more").
   Measured on an Attio report: card radius 12 + hairline, title 14/600 ink + a grey object tag, bars #266DF0 rounded
   on top with no track, dashed #E6E7EA guides (financials-charts.js, `AT`). ══ */
html.at-nav-h #tab-charts #ch-kpis { display: none !important; }        /* the stats strip: Statistics has them */
/* the toolbar = row 3 (the Screener's Sort row): full width, 48px, hairline under, no card */
html.at-nav-h #tab-charts #ch-bar:not(#_):not(#_):not(#_) { margin: -16px -14px 16px !important; padding: 0 14px 0 12px !important; min-height: 48px;
  border: 0 !important; border-bottom: 1px solid var(--a-line) !important; border-radius: 0 !important; background: var(--a-bg) !important; box-shadow: none !important; }
html.at-nav-h #tab-charts #ch-bar .ct-btn:not(.period-mode-btn):not(#_):not(#_):not(#_) { box-shadow: var(--a-btn) !important; }
/* three report cards a row (the default four was dashboard-dense) */
html.at-nav-h #tab-charts #charts-grid:not(#_):not(#_) { gap: 16px !important; }
html.at-nav-h #tab-charts .cg-card:not(#_):not(#_):not(#_) { padding: 14px 16px 12px !important; }
html.at-nav-h #tab-charts .cg-head:not(#_):not(#_) { display: flex !important; align-items: center !important; gap: 8px !important; min-height: 24px; margin-bottom: 10px !important; }
html.at-nav-h #tab-charts .cg-label:not(#_):not(#_) { font: 600 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; color: var(--a-ink) !important; text-transform: none !important; }
html.at-nav-h #tab-charts .cg-head .cg-kpi:not(#_):not(#_) { display: inline-flex !important; align-items: center; gap: 4px; height: 20px; margin: 0 !important; padding: 0 6px !important;
  border-radius: 6px; background: rgba(0,0,0,.035); box-shadow: inset 0 0 0 1px var(--a-line); }
html[data-theme="dark"].at-nav-h #tab-charts .cg-head .cg-kpi:not(#_):not(#_) { background: rgba(255,255,255,.06); }
html.at-nav-h #tab-charts .cg-head .cg-kpi .cg-val:not(#_):not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important; font-variant-numeric: tabular-nums; color: var(--a-label) !important; }
html.at-nav-h #tab-charts .cg-head .cg-kpi .cg-per:not(#_):not(#_) { display: none !important; }
html.at-nav-h #tab-charts .cg-head .cg-tools:not(#_):not(#_) { margin-left: auto !important; order: 9; }
/* a headline column takes the width that's left and ends in "…" — the table never runs past the panel */
html.at-done .msa-drill .sy-t:not(#_):not(#_) td.sy-fill { width: 100%; max-width: 0; overflow: hidden; text-overflow: ellipsis; }

/* ══ Insiders (redone 2026-10-25, user: "you can start on insiders") — flush page: the name row at the very top, the
   view row and table edge to edge; the signal as Attio's view dropdown; every row in one scrolling table (no Show more) ══ */
html.at-shell.at-done .app-shell > main:has(.ins-top) { padding: 0 !important; }
html.at-shell.at-done .ins-panel { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: var(--a-bg) !important; }
html.at-shell.at-done .ins-bar { min-height: 48px; padding: 0 12px !important; gap: 8px !important; }
html.at-shell.at-done .ins-tbl-wrap { max-height: calc(100vh - 98px) !important; }
html.at-shell.at-done.is-popout .ins-tbl-wrap { max-height: calc(100vh - 98px) !important; }
html.at-shell.at-done .ins-foot { display: none !important; }
html:not(.at-done) .ins-vbtn { display: none !important; }
html.at-shell.at-done .ins-vbtn svg { width: 15px; height: 15px; color: var(--a-mute); }
html.at-shell.at-done .ins-vbtn svg.cd { width: 12px; height: 12px; margin-left: -2px; }
html.at-shell.at-done .ins-sum { color: var(--a-mute) !important; font: 500 13px/20px Inter, system-ui, sans-serif !important; }
/* Round 53: the section menu = Attio's cascading menu (narrow list + › submenu) */
html.at-shell .at-casc { width: 220px; }
html.at-shell .at-casc .at-casc-r { display: flex !important; align-items: center; gap: 8px; }
html.at-shell .at-casc .at-casc-r > i:first-child { font-size: 15px; color: var(--a-mute); flex: none; }
html.at-shell .at-casc .at-casc-r.on > i:first-child { color: var(--a-blue); }
html.at-shell .at-casc .at-casc-l { flex: 1; min-width: 0; text-align: left; }
html.at-shell .at-casc .at-casc-n { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-faint); font-variant-numeric: tabular-nums; }
html.at-shell .at-casc .at-casc-c { font-size: 11px; color: var(--a-faint); }
html.at-shell .at-casc .at-casc-r.is-open { background: var(--a-side-hover); }
html.at-shell .at-casc .aiq-mi::before, html.at-shell .at-casc-sub .aiq-mi::before { display: none !important; }
html.at-shell .at-casc-sub { min-width: 200px; }
html.at-shell :is(.at-casc, .at-casc-sub) .aiq-mi.on:not(.is-open) { background: var(--a-side-on) !important; }
html.at-shell .at-casc .aiq-mi::after { display: none !important; }
/* Insiders, round 2 (user: "still doesn't feel clean/streamlined enough … Attio would have had a better layout"):
   the name row carries only the name; the view row reads like Attio's — [view ⌄] [Sorted by …] [Filter] [chips] [period]
   … [search] [count] [View settings] [Export]; the table's first cell is the record (logo · ticker · company), no chevron
   column, the buyer's role muted beside the name */
html:not(.at-done) :is(.ins-sortbtn, .ins-chips) { display: none !important; }
html.at-shell.at-done .ins-top :is(.ins-upd, #ins-popout, #ins-csv) { display: none !important; }
html.at-shell.at-done .ins-bar > .ins-vbtn { order: 1; }
html.at-shell.at-done .ins-bar > .ins-sortbtn { order: 2; }
html.at-shell.at-done .ins-bar > #ins-filt { order: 3; }
html.at-shell.at-done .ins-bar > .ins-chips { order: 4; display: inline-flex; gap: 6px; flex-wrap: wrap; }
html.at-shell.at-done .ins-bar > #ins-days { order: 5; }
html.at-shell.at-done .ins-bar > .ins-sp { order: 6; }
html.at-shell.at-done .ins-bar > .ins-search { order: 7; }
html.at-shell.at-done .ins-bar > .ins-sum { order: 8; }
html.at-shell.at-done .ins-bar > #ins-cwrap { order: 9; }
html.at-shell.at-done .ins-bar > #ins-csv { order: 10; }
html.at-shell.at-done .ins-sortbtn svg { width: 15px; height: 15px; color: var(--a-mute); }
html.at-shell.at-done .ins-sortbtn span { color: var(--a-label); } html.at-shell.at-done .ins-sortbtn b { font-weight: 500; color: var(--a-ink); }
/* Filter: Attio's faint filled button, no count (the chips say it) */
html.at-shell.at-done main #ins-fbtn:not(#_) { box-shadow: none !important; background: var(--a-fill) !important; color: var(--a-mute) !important; }
html.at-shell.at-done main #ins-fbtn svg { color: var(--a-mute); } html.at-shell.at-done #ins-fcnt { display: none !important; }
html.at-shell.at-done #ins-pop { left: 0 !important; right: auto !important; }
html.at-shell.at-done .ins-chip { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 4px 0 8px; border-radius: 8px;
  background: rgba(38,109,240,.08); color: var(--a-blue); font: 500 13px/20px Inter, system-ui, sans-serif; white-space: nowrap; }
html.at-shell.at-done .ins-chip .k { color: color-mix(in srgb, var(--a-blue) 70%, transparent); margin-right: 2px; }
html.at-shell.at-done .ins-chip button { width: 18px; height: 18px; border: 0; border-radius: 5px; background: none; color: inherit; cursor: pointer; display: grid; place-items: center; }
html.at-shell.at-done .ins-chip button:hover { background: rgba(38,109,240,.12); }
/* search: a quiet field, not a boxed input */
html.at-shell.at-done main .ins-bar .ins-search:not(#_) { box-shadow: none !important; background: transparent !important; border: 0 !important; width: 180px; padding: 0 6px !important; color: var(--a-mute) !important; }
html.at-shell.at-done main .ins-bar .ins-search:focus-within:not(#_) { background: var(--a-fill) !important; }
html.at-shell.at-done .ins-bar .ins-search input { width: 100% !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-ink) !important; }
html.at-shell.at-done .ins-bar .ins-search svg { width: 15px; height: 15px; flex: none; }
/* the record cell */
html.at-shell.at-done #ins-table .ins-rec { display: flex; align-items: center; gap: 8px; min-width: 0; }
html.at-shell.at-done #ins-table .ins-rec .ins-tk { color: var(--a-ink) !important; font-weight: 500 !important; flex: none; }
html.at-shell.at-done #ins-table .ins-rec .ins-rec-n:not(#_):not(#_):not(#_) { color: var(--a-mute) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; max-width: 220px; }
html.at-shell.at-done #ins-table .ins-who-r:not(#_):not(#_):not(#_) { margin-left: 6px; color: var(--a-mute) !important; }
html.at-shell.at-done #ins-table tr.r { cursor: pointer; }

/* ══ Round 54: toggles → Attio's value button (user: "all buttons and toggles need to be restyled to match Attio";
   Attio has no segmented controls — measured: a 28px white button, radius 8, two-layer shadow, 14/500 ink, 16px icon;
   the Sort pill = white + inset #E6E7EA hairline). The toggle's own buttons stay (hidden) and drive the page. ══ */
html.at-nav-h .lkl-fin .at-segp:not(#_):not(#_):not(#_) { background: transparent !important; box-shadow: none !important; border: 0 !important;
  padding: 0 !important; height: auto !important; gap: 0 !important; }
html.at-nav-h .lkl-fin .at-segp > :not(.at-segpill):not(#_):not(#_):not(#_) { display: none !important; }
html.at-nav-h .lkl-fin .at-segpill:not(#_):not(#_):not(#_), html.at-nav-h .lkl-fin .at-rangepill:not(#_):not(#_):not(#_) {
  display: inline-flex !important; align-items: center; gap: 6px; height: 28px !important; padding: 0 8px !important; border: 0 !important; border-radius: 8px !important;
  background: var(--a-bg) !important; box-shadow: inset 0 0 0 1px var(--a-ring) !important; cursor: pointer; white-space: nowrap;
  font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; color: var(--a-ink) !important; }
html.at-nav-h .lkl-fin :is(.at-segpill, .at-rangepill):hover:not(#_):not(#_):not(#_) { background: var(--a-hover) !important; }
html.at-nav-h .lkl-fin :is(.at-segpill, .at-rangepill) .at-car { font-size: 11px; color: var(--a-mute); }
/* inside cards the value button is the quieter size (13px, 26px) so it doesn't outweigh the card title */
html.at-nav-h .lkl-fin :is(.card, .cg-card, .kd-card, .stx-card, .fx-card, .cmp-card, .cap-card, .stmt-seg-chartcard) .at-segpill:not(#_):not(#_):not(#_) {
  height: 26px !important; font-size: 13px !important; }
/* Charts row: scrubber, count and PNG go (range menu, View settings menu) */
html.at-nav-h #tab-charts #ch-bar :is(#year-scrubber-wrap, #cg-count, .at-gone):not(#_):not(#_) { display: none !important; }
html.at-nav-h #tab-charts #ch-bar #ch-disp > button:not(#_):not(#_):not(#_) { display: inline-flex; align-items: center; gap: 6px; }
html.at-nav-h #tab-charts #ch-bar #ch-disp > button i:first-child { font-size: 16px; color: var(--a-mute); }
html.at-nav-h #tab-charts .at-disp-png { display: flex !important; align-items: center; gap: 8px; width: 100%; }
/* every other button on the pages: Attio's secondary button exactly */
html.at-nav-h .lkl-fin .tab-panel :is(.ct-btn:not(.period-mode-btn):not(.cg-cols-btn), .md-btn, .md-sel, .md-xl, .cmp-btn, .cmp-view-new, .fx-icon-btn, .stmt-dd, #stmt-opt-btn, select):not(#_):not(#_):not(#_) {
  height: 28px !important; padding: 4px 8px !important; border: 0 !important; border-radius: 8px !important; background-color: var(--a-bg) !important;
  box-shadow: var(--a-btn) !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; color: var(--a-ink) !important; }
html.at-nav-h .lkl-fin .tab-panel .ct-btn--ghost:not(#_):not(#_):not(#_) { box-shadow: var(--a-btn) !important; }
html.at-shell.at-done .ins-bar > .ins-sum { flex: none; overflow: visible; }
html.at-nav-h #tab-charts #ch-bar :is(.ct-sep, .ct-div, .ct-vsep):not(#_):not(#_) { display: none !important; }
html.at-nav-h #tab-charts #ch-bar .preset-dropdown-wrap > button:not(#_):not(#_):not(#_) { display: inline-flex; align-items: center; gap: 6px; }
html.at-nav-h .lkl-fin .at-car { font-size: 11px; color: var(--a-mute); }
html.at-shell.at-done #ins-table .ins-who:not(#_) { max-width: 300px; white-space: nowrap; }
html.at-shell.at-done #ins-table .ins-rec .ins-rec-n:not(#_):not(#_):not(#_) { max-width: 190px; }
/* an on/off switch that shared the toggle's box (S&P 500) stays its own Attio button: ink when on, grey when off */
html.at-nav-h .lkl-fin .at-segp > .at-keep:not(#_):not(#_):not(#_):not(#_) { display: inline-flex !important; align-items: center; height: 26px !important; margin-left: 6px !important;
  padding: 0 8px !important; border: 0 !important; border-radius: 8px !important; background: var(--a-bg) !important; box-shadow: inset 0 0 0 1px var(--a-ring) !important;
  font: 500 13px/20px Inter, system-ui, sans-serif !important; color: var(--a-faint) !important; }
html.at-nav-h .lkl-fin .at-segp > .at-keep:is(.is-on, .on, .active):not(#_):not(#_):not(#_):not(#_) { color: var(--a-ink) !important; }
/* Insiders headers open Attio's column menu: the header reads as a button, the sort arrow stays */
html.at-shell.at-done #ins-table thead .ins-sortb { cursor: pointer; }
html.at-shell.at-done #ins-table thead th:hover { background: var(--a-hover) !important; }
html.at-shell .ins-colmenu .aiq-mi svg { color: var(--a-mute); flex: none; }
/* a visible ⌄ on every header (user, 2026-10-25: "I don't see any button on the column headers"): faint, ink on hover */
html.at-shell.at-done #ins-table thead .ins-sortb { display: inline-flex; align-items: center; gap: 4px; width: 100%; }
html.at-shell.at-done #ins-table thead th.num .ins-sortb { justify-content: flex-end; }
html.at-shell.at-done #ins-table .ins-hcar { width: 13px; height: 13px; flex: none; color: var(--a-faint, rgba(0,0,0,.35)); opacity: .55; }
html.at-shell.at-done #ins-table thead th:hover .ins-hcar, html.at-shell.at-done #ins-table thead .ins-sortb[aria-expanded="true"] .ins-hcar { opacity: 1; color: var(--a-ink); }
/* Round 55: View settings (the Charts Display menu) as an Attio menu — 12px radius, the pop-up surface, 32px rows,
   14/500 ink labels, Off/On → a switch, charts-per-row as a compact track */
html.at-nav-h #tab-charts .ch-disp-menu:not(#_):not(#_):not(#_) { min-width: 248px !important; padding: 4px !important; border: 0 !important; border-radius: 12px !important;
  background: var(--at-pop-bg, var(--a-bg)) !important; box-shadow: var(--at-pop-sh) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.at-nav-h #tab-charts .ch-disp-menu .ch-disp-row:not(#_):not(#_):not(#_) { display: flex !important; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 32px; padding: 2px 8px !important; border-radius: 8px; margin: 0 !important; }
html.at-nav-h #tab-charts .ch-disp-menu .ch-disp-row > span:first-child:not(#_):not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; color: var(--a-ink) !important; }
html.at-nav-h #tab-charts .ch-disp-menu .at-sw-row { cursor: pointer; }
html.at-nav-h #tab-charts .ch-disp-menu .at-sw-row:hover { background: var(--a-hover); }
html.at-nav-h #tab-charts .ch-disp-menu .at-sw-src:not(#_):not(#_):not(#_) { display: none !important; }
html.at-shell .at-switch { position: relative; flex: none; width: 28px; height: 16px; border-radius: 999px; background: rgba(0,0,0,.12); transition: background .15s; }
html.at-shell .at-switch i { position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: left .15s; }
html.at-shell .at-switch.on { background: var(--a-blue, #266DF0); }
html.at-shell .at-switch.on i { left: 14px; }
html[data-theme="dark"].at-shell .at-switch { background: rgba(255,255,255,.16); }
/* charts per row + any other choice left in the menu: a compact Attio track */
html.at-nav-h #tab-charts .ch-disp-menu .ct-seg:not(.at-sw-src):not(#_):not(#_):not(#_) { display: inline-flex !important; gap: 0 !important; padding: 2px !important; height: 24px;
  border: 0 !important; border-radius: 7px !important; background: rgba(0,0,0,.04) !important; box-shadow: inset 0 0 0 1px var(--a-line) !important; }
html.at-nav-h #tab-charts .ch-disp-menu .ct-seg:not(.at-sw-src) > button:not(#_):not(#_):not(#_) { height: 20px !important; min-width: 24px; padding: 0 6px !important; border: 0 !important;
  border-radius: 5px !important; background: transparent !important; box-shadow: none !important; color: var(--a-mute) !important; font: 500 12px/20px Inter, system-ui, sans-serif !important; }
html.at-nav-h #tab-charts .ch-disp-menu .ct-seg:not(.at-sw-src) > button:is(.is-active, .is-on):not(#_):not(#_):not(#_) { background: var(--a-bg) !important; box-shadow: var(--a-btn) !important; color: var(--a-ink) !important; }
html.at-nav-h #tab-charts .ch-disp-menu .ct-seg:not(.at-sw-src) > button svg { width: 12px; height: 10px; }
html.at-nav-h #tab-charts .ch-disp-menu .aiq-menu-hr:not(#_) { height: 1px; margin: 4px -4px !important; background: var(--a-line) !important; }
html.at-nav-h #tab-charts .ch-disp-menu .at-disp-png:not(#_):not(#_):not(#_) { min-height: 32px; padding: 6px 8px !important; border-radius: 8px; border: 0; background: transparent;
  font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-ink) !important; cursor: pointer; }
html.at-nav-h #tab-charts .ch-disp-menu .at-disp-png:hover { background: var(--a-hover) !important; }
html.at-nav-h #tab-charts .ch-disp-menu .at-disp-png i { font-size: 16px; color: var(--a-mute); }

/* ══ Round 56: Builder (user: "Snapshots and builder need to be updated"; Snapshots itself removed 2026-10-29). ══ */
html.at-nav-h .lkl-fin .at-lbl-in:not(#_):not(#_) { display: none !important; }
html.at-nav-h .lkl-fin .at-segpill .at-segpill-k { color: var(--a-label); margin-right: -2px; }
/* Builder: sentence-case labels (Attio writes none in capitals) */
html.at-nav-h #tab-charts .fv-title:not(#_):not(#_):not(#_) { font: 600 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; text-transform: none !important; color: var(--a-ink) !important; }
html.at-nav-h #tab-charts :is(.fp-title, .fv-range-lbl):not(#_):not(#_):not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--a-label) !important; }
html.at-nav-h #tab-charts .fp-cat-title:not(#_):not(#_):not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--a-faint) !important; }
html.at-nav-h #tab-charts .fp-lbl:not(#_):not(#_):not(#_), html.at-nav-h #tab-charts .fp-list :is(label, .fp-item):not(#_):not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; color: var(--a-ink) !important; }
/* search: Attio's input */
html.at-nav-h #tab-charts .fp-search:not(#_):not(#_):not(#_) { height: 32px !important; padding: 0 10px !important; border: 0 !important; border-radius: 8px !important;
  background: var(--a-bg) !important; box-shadow: inset 0 0 0 1px var(--a-ring) !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-ink) !important; }
/* checkboxes: Attio's — 16px, radius 4, ring; ticked = blue */
html.at-nav-h #tab-charts .fp-item-check:not(#_):not(#_):not(#_) { width: 16px !important; height: 16px !important; border: 0 !important; border-radius: 4px !important;
  background: var(--a-bg) !important; box-shadow: inset 0 0 0 1px var(--a-check, #D6D8DD) !important; }
html.at-nav-h #tab-charts :is(.is-on, .is-active, .on, [aria-checked="true"]) > .fp-item-check:not(#_):not(#_):not(#_),
html.at-nav-h #tab-charts .fp-item-check:is(.is-on, .on):not(#_):not(#_):not(#_) { background: var(--a-blue) !important; box-shadow: none !important; color: #fff !important; }
/* switches: Attio's — 28×16 track, 12px knob, blue when on */
html.at-nav-h #tab-charts .fp-switch:not(#_):not(#_):not(#_) { width: 28px !important; height: 16px !important; min-width: 0 !important; padding: 0 !important; border: 0 !important;
  border-radius: 999px !important; background: rgba(0,0,0,.12) !important; box-shadow: none !important; position: relative; }
html.at-nav-h #tab-charts .fp-switch.is-on:not(#_):not(#_):not(#_) { background: var(--a-blue) !important; }
html.at-nav-h #tab-charts .fp-switch > span:not(#_):not(#_):not(#_) { position: absolute !important; top: 2px !important; left: 2px !important; width: 12px !important; height: 12px !important;
  margin: 0 !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 1px 2px rgba(0,0,0,.2) !important; transform: none !important; transition: left .15s !important; }
html.at-nav-h #tab-charts .fp-switch.is-on > span:not(#_):not(#_):not(#_) { left: 14px !important; }
html.at-nav-h #tab-charts .fp-item-check:not(#_):not(#_):not(#_) { position: relative !important; flex: none; }
html.at-nav-h #tab-charts .fp-item-check:not(#_):not(#_):not(#_)::after { left: 5.5px !important; top: 2.5px !important; width: 4px !important; height: 8px !important; right: auto !important; }
/* old ▾ text carets → the icon look */
html.at-nav-h #tab-charts .ct-caret:not(#_):not(#_) { font-size: 0 !important; display: inline-block; width: 8px; height: 8px; margin-left: 2px;
  border-right: 1.5px solid var(--a-mute); border-bottom: 1.5px solid var(--a-mute); transform: translateY(-2px) rotate(45deg) scale(.7); }
/* the stock picker's inline matches in Attio's rhythm (32px rows on 8px corners, round tick on the right) */
html.at-shell .nw-dlg .nw-r:not(#_) { min-height: 32px; border-radius: 8px; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }
html.at-shell .nw-dlg .nw-r.act:not(#_) { background: var(--a-hover); }
html.at-shell .nw-dlg .nw-r b:not(#_) { font-weight: 500; }
html.at-shell .nw-dlg .nw-r .nm:not(#_) { color: var(--a-mute); }
html.at-shell .nw-dlg .nw-r .ex:not(#_) { color: var(--a-faint, rgba(0,0,0,.4)); font: 500 12px/16px Inter, system-ui, sans-serif; }
html.at-shell .nw-dlg .nw-r .lg:not(#_) { width: 20px; height: 20px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--a-line); }
html.at-shell .nw-dlg .nw-r .ck:not(#_) { box-shadow: inset 0 0 0 1px var(--a-ring); }
html.at-shell .nw-dlg .nw-r.on .ck:not(#_) { background: var(--a-blue); box-shadow: none; color: #fff; }
html.at-shell .nw-dlg .nw-none:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }

/* ══ Round 57: the Financials pop-ups on Attio's surface (user: "update all these popups to be in line with new
   Attio theme") — the statement inspector, EV breakdown, Builder's series / preset pop-ups, Comparables' lists,
   Statistics' chart tip, the PNG settings cards and every ECharts tooltip: white, radius 12, Attio's pop shadow, no
   border, Inter; the inspector also takes Attio's type scale and blue. ══ */
html.at-fin-d :is(#stmt-insp, #ch-ev-pop, #b-series-popup, #b-preset-popup, #png-config-card, #b-png-config-card, .stx-tip,
  #comp-root .cmp-ac, #comp-root .cmp-sug, #comp-root .cmp-pick):not(#_):not(#_) {
  background: var(--at-pop-bg, var(--a-bg)) !important; border: 0 !important; border-radius: 12px !important; box-shadow: var(--at-pop-sh) !important;
  color: var(--a-ink) !important; font-family: Inter, system-ui, sans-serif !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.at-fin-d .lkl-fin div[style*="z-index: 9999999"] {
  background: var(--at-pop-bg, var(--a-bg)) !important; border: 0 !important; border-radius: 10px !important; box-shadow: var(--at-pop-sh) !important;
  color: var(--a-ink) !important; font-family: Inter, system-ui, sans-serif !important; padding: 8px 10px !important; }
/* statement inspector: Attio's scale — 12/500 grey kicker, 14/600 title, 24/600 figure, blue bars, 12/500 grey labels */
html.at-fin-d #stmt-insp:not(#_) { --si-bg: var(--at-pop-bg, #fff); --si-line: var(--a-line); --si-ink: var(--a-ink); --si-muted: var(--a-label); --si-faint: var(--a-faint);
  --si-bar: rgba(38,109,240,.16); --si-bar-on: #266DF0; --si-up: var(--tb-pos, #0d8a66); --si-down: var(--tb-neg, #c8203f); padding: 14px 16px 10px !important; width: 300px; }
html.at-fin-d[data-theme="dark"] #stmt-insp:not(#_) { --si-bar: rgba(76,141,246,.22); --si-bar-on: #4C8DF6; }
html.at-fin-d #stmt-insp .si-k { font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-label) !important; }
html.at-fin-d #stmt-insp .si-t { font: 600 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; margin-top: 2px; }
html.at-fin-d #stmt-insp .si-big { font: 600 24px/30px Inter, system-ui, sans-serif !important; letter-spacing: -0.3px; }
html.at-fin-d #stmt-insp .si-big span { font: 500 12px Inter, system-ui, sans-serif !important; color: var(--a-label) !important; }
html.at-fin-d #stmt-insp .si-chg { font: 500 13px/18px Inter, system-ui, sans-serif !important; }
html.at-fin-d #stmt-insp .si-chg em { color: var(--a-label) !important; }
html.at-fin-d #stmt-insp .si-kv small { font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-label) !important; }
html.at-fin-d #stmt-insp .si-kv b { font: 600 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; }
html.at-fin-d #stmt-insp .si-tip:not(#_) { border-radius: 8px !important; }
html.at-fin-d #ch-ev-pop * { font-family: Inter, system-ui, sans-serif !important; }
/* (never set `display` on a converted toggle: the pages hide toggles that don't apply — Revenue breakdown's
   Products / Flow on Income statement — by their own display rules) */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_) > thead > tr > th:not(:first-child) { text-align: right !important; }
/* Overview under H: the 16px under the view row is the page's; the grid's own 16px on top doubled it (user: "spacing
   looks off here") */
html.at-nav-h #tab-overview .ovs:not(#_) { padding-top: 0 !important; }
html.at-nav-h #tab-overview .ovs-grid:not(#_):not(#_) { margin-top: 0 !important; }
/* ⌘K ticker rows: the company logo in a 24px white tile (a hairline ring), or a letter tile in one of Attio's tag tints */
html.at-shell .cmdk .at-cic.at-logo { width: 24px; height: 24px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px;
  background: #fff; box-shadow: inset 0 0 0 1px var(--a-line); overflow: hidden; }
html.at-shell .cmdk .at-cic.at-logo img { width: 18px; height: 18px; object-fit: contain; }
html.at-shell .cmdk .at-cic.at-logo-l { box-shadow: none; font: 600 12px/1 Inter, system-ui, sans-serif; }
html.at-shell .cmdk .at-logo-l.at-tag-c0 { background: #E9F7F0; color: #127A52; }
html.at-shell .cmdk .at-logo-l.at-tag-c1 { background: #E8F3FC; color: #1F6AA5; }
html.at-shell .cmdk .at-logo-l.at-tag-c2 { background: #FDF6DC; color: #8A6A08; }
html.at-shell .cmdk .at-logo-l.at-tag-c3 { background: #F3EDFD; color: #6B3FC2; }
html.at-shell .cmdk .at-logo-l.at-tag-c4 { background: #FDEEE6; color: #B04E17; }
html.at-shell .cmdk .at-logo-l.at-tag-c5 { background: #EEF0F3; color: #474C56; }

/* ══ An opened list as Attio's record page (user, 2026-10-25, Attio's person page as the reference): record bar
   (× ↑ ↓ "1 of N"), a details panel on the left, record tabs with counts, Overview = Highlights cards + sections ══ */
html.at-done .msa-dnav { gap: 4px !important; }
html.at-done .msa-nb { width: 28px; height: 28px; display: inline-grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: var(--a-mute); cursor: pointer; font-size: 15px; }
html.at-done .msa-nb:hover:not(:disabled) { background: var(--a-hover); color: var(--a-ink); }
html.at-done .msa-nb:disabled { opacity: .35; cursor: default; }
html.at-done .msa-nb:first-child { box-shadow: var(--a-btn); margin-right: 6px; }
html.at-done .msa-dpos { margin-left: 6px; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-done .msa-drill .rc { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); min-height: calc(100vh - 97px); }
html.at-done .msa-drill .rc-side { border-right: 1px solid var(--a-line); padding: 16px 0; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-done .msa-drill .rc-head { display: flex; align-items: center; gap: 10px; padding: 0 20px 14px; }
html.at-done .msa-drill .rc-head h2 { margin: 0; font: 600 18px/26px Inter, system-ui, sans-serif !important; letter-spacing: -0.2px; color: var(--a-ink); }
html.at-done .msa-drill .rc-ic { width: 32px; height: 32px; flex: none; border-radius: 8px; display: grid; place-items: center; font-size: 16px; }
html.at-done .msa-drill .rc-amber { background: rgba(255,170,40,.14); color: #B7700C; } html.at-done .msa-drill .rc-blue { background: rgba(69,93,220,.10); color: #3550D0; }
html.at-done .msa-drill .rc-violet { background: rgba(150,70,239,.10); color: #7B2FD6; }
html.at-done .msa-drill .rc-acts { display: flex; gap: 6px; padding: 0 20px 16px; border-bottom: 1px solid var(--a-line); }
html.at-done .msa-drill .rc-btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; border: 0; border-radius: 8px;
  background: var(--a-bg); box-shadow: var(--a-btn); font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); cursor: pointer; text-decoration: none; }
html.at-done .msa-drill .rc-btn:hover, html.at-done .msa-drill .rc-ibtn:hover { background: var(--a-hover); }
html.at-done .msa-drill .rc-ibtn { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 8px; box-shadow: var(--a-btn); color: var(--a-mute); text-decoration: none; }
html.at-done .msa-drill .rc-sec { padding: 14px 20px; border-bottom: 1px solid var(--a-line); }
html.at-done .msa-drill .rc-sh { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-done .msa-drill :is(.rc-sh, .rc-st, .rc-tab) em { font-style: normal; font: 500 12px/16px Inter, system-ui, sans-serif; padding: 0 5px; border-radius: 5px; box-shadow: inset 0 0 0 1px var(--a-ring); color: var(--a-mute); }
html.at-done .msa-drill .rc-kv { display: flex; align-items: center; gap: 12px; min-height: 32px; }
html.at-done .msa-drill .rc-kv > span { flex: 0 0 120px; color: var(--a-mute); }
html.at-done .msa-drill .rc-kv > b { font-weight: 500; flex: 1; min-width: 0; text-align: left; font-variant-numeric: tabular-nums; }
html.at-done .msa-drill .rc-kv small { font-size: 12px; color: var(--a-mute); margin-left: 4px; }
html.at-done .msa-drill .rc-hold { cursor: pointer; border-radius: 6px; margin: 0 -6px; padding: 0 6px; }
html.at-done .msa-drill .rc-hold:hover { background: var(--a-hover); }
html.at-done .msa-drill .rc-hold > span { flex: 1 1 auto !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.at-done .msa-drill .rc-hold > span b { color: var(--a-ink); font-weight: 500; margin-right: 4px; }
html.at-done .msa-drill .rc-hold > b { flex: none; }
html.at-done .msa-drill .rc-pill { display: inline-flex; height: 22px; align-items: center; padding: 0 8px; border-radius: 8px; box-shadow: var(--a-btn); font-size: 13px; }
html.at-done .msa-drill .rc-main { min-width: 0; }
html.at-done .msa-drill .rc-tabs { display: flex; align-items: stretch; gap: 2px; height: 48px; padding: 0 16px; border-bottom: 1px solid var(--a-line); }
html.at-done .msa-drill .rc-tabs .sp { flex: 1; }
html.at-done .msa-drill .rc-tab { display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; border: 0; background: none; cursor: pointer;
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute); box-shadow: inset 0 -2px 0 transparent; }
html.at-done .msa-drill .rc-tab:hover { color: var(--a-ink); }
html.at-done .msa-drill .rc-tab.on { color: var(--a-ink); box-shadow: inset 0 -2px 0 var(--a-ink); }
html.at-done .msa-drill .rc-tab.on i { color: var(--a-ink); }
html.at-done .msa-drill .rc-tv { align-self: center; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 8px; border: 0; border-radius: 8px;
  background: var(--a-bg); box-shadow: var(--a-btn); font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); cursor: pointer; }
html.at-done .msa-drill .rc-tv i { color: var(--a-mute); }
html.at-done .msa-drill .rc-ov { padding: 20px 24px 32px; display: flex; flex-direction: column; gap: 4px; }
html.at-done .msa-drill .rc-st { display: flex; align-items: center; gap: 8px; margin: 14px 0 10px; font: 500 16px/24px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-done .msa-drill .rc-ov > .rc-st:first-child { margin-top: 0; }
html.at-done .msa-drill .rc-more { margin-left: auto; border: 0; background: none; cursor: pointer; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-done .msa-drill .rc-more:hover { color: var(--a-ink); }
html.at-done .msa-drill .rc-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
html.at-done .msa-drill .rc-card { padding: 14px 16px; border-radius: 12px; box-shadow: none; border: 1px solid var(--a-line); background: var(--a-bg); min-width: 0; }
html.at-done .msa-drill .rc-cl { display: flex; align-items: center; justify-content: space-between; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-done .msa-drill .rc-cl i { color: var(--a-mute); font-size: 15px; }
html.at-done .msa-drill .rc-cv { margin-top: 18px; font: 500 18px/26px Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; color: var(--a-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.at-done .msa-drill .rc-cs { font: 500 13px/18px Inter, system-ui, sans-serif; color: var(--a-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.at-done .msa-drill .rc-box { border-radius: 12px; box-shadow: none; border: 1px solid var(--a-line); padding: 4px; }
html.at-done .msa-drill .rc-r { display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 0 10px; border-radius: 8px; cursor: pointer; font: 500 14px/20px Inter, system-ui, sans-serif; }
html.at-done .msa-drill .rc-r:hover { background: var(--a-hover); }
html.at-done .msa-drill .rc-rl { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--a-ink); }
html.at-done .msa-drill .rc-rl b { font-weight: 500; }
html.at-done .msa-drill .rc-rl a { color: var(--a-ink); text-decoration: none; } html.at-done .msa-drill .rc-rl a:hover { text-decoration: underline; text-underline-offset: 3px; }
html.at-done .msa-drill .rc-rr { flex: none; font-size: 13px; }
html.at-done .msa-drill .rc-empty { padding: 12px 14px; border-radius: 12px; box-shadow: none; border: 1px solid var(--a-line); color: var(--a-mute); font: 500 14px/20px Inter, system-ui, sans-serif; }
html.at-done .msa-drill .rc .mute { color: var(--a-mute); }
html.at-done .msa-drill .rc .pos { color: var(--a-pos-ink, #127A52); } html.at-done .msa-drill .rc .neg { color: var(--a-neg-ink, #B4213D); }
/* inside the record: the chart's 360px side list goes (a stock picker sits in the chart toolbar instead) */
html.at-done .msa-drill .rc .tq { grid-template-columns: minmax(0, 1fr) !important; display: block; }
html.at-done .msa-drill .rc .tq-list { display: none !important; }
html.at-done .msa-drill .rc .tq-chart { padding: 12px 16px; }
html.at-done .msa-drill .tq-cspick { height: 28px; margin-right: 8px; padding: 0 8px; border: 0; border-radius: 8px; box-shadow: var(--a-btn); background: var(--a-bg);
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); max-width: 260px; }
html.at-done .msa-drill .rc .tm-pane { padding: 0 !important; }
html.at-done .msa-at .msa-drill-only[hidden] { display: none !important; }
html.at-done .msa-drill .rc .sy-logo { display: inline-block; width: 18px !important; height: 18px !important; flex: none; border-radius: 4px; object-fit: contain; vertical-align: -4px; margin-right: 8px; }
html.at-done .msa-drill .rc-r .sy-logo { margin-right: 0; }
html.at-done .msa-drill .rc .tq .tm-chart.is-stock:not(#_) { height: max(360px, calc(100vh - 230px)); flex: none; }
/* record panel: sector share bars */
html.at-done .msa-drill .rc-bar { display: grid; grid-template-columns: 112px minmax(0, 1fr) 40px; align-items: center; gap: 10px; min-height: 30px; font: 500 14px/20px Inter, system-ui, sans-serif; }
html.at-done .msa-drill .rc-bar > span { color: var(--a-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.at-done .msa-drill .rc-bar > i { height: 6px; border-radius: 3px; background: var(--a-fill, rgba(0,0,0,.05)); overflow: hidden; }
html.at-done .msa-drill .rc-bar > i > b { display: block; height: 100%; border-radius: 3px; background: var(--a-blue); opacity: .8; }
html.at-done .msa-drill .rc-bar > em { font-style: normal; text-align: right; color: var(--a-mute); font-variant-numeric: tabular-nums; }
html.at-done .msa-drill .rc-kv > span { flex-basis: 112px; }
/* record News table */
html.at-done .msa-drill .rn-t tr[data-url] { cursor: pointer; }
html.at-done .msa-drill .rn-t td.rn-d { width: 72px; color: var(--a-mute) !important; }
html.at-done .msa-drill .rn-t td b { font-weight: 500; }
html.at-done .msa-drill .rn-t .rn-tag:not(#_) { color: var(--tn) !important; height: 20px; font-size: 12px; }
html.at-done .msa-drill .rn-t td.rn-src { max-width: 160px; overflow: hidden; text-overflow: ellipsis; color: var(--a-mute) !important; }
/* Builder: the Range card goes (its slider is the "10Y ▾" button in the chart header now) */
html.at-nav-h #tab-charts .fv-range.at-range-gone:not(#_):not(#_) { display: none !important; }
html.at-nav-h #tab-charts .fv-tools .at-rangepill:not(#_):not(#_):not(#_) { height: 28px !important; font-size: 14px !important; }
html.at-done .msa-drill .rn-t:not(#_):not(#_) td:nth-child(2) { width: 96px; min-width: 96px; overflow: visible; }
html.at-done .msa-drill .rn-t:not(#_):not(#_) td:nth-child(3) { width: 84px; }
html.at-done .msa-drill .rn-t:not(#_):not(#_) td.rn-src { width: 130px; max-width: 130px; }

/* ══ Round 59: page controls rows, page by page (user: follow-ups — "bringing the remaining Financials pages'
   controls into the Attio controls row"). Modeling: its bar (Advanced ▾ · DCF ▾ … Reset) = row 3 — full width, 48px,
   hairline under, 16px to the cards, like the statements and the Screener. ══ */
html.at-nav-h #tab-modeling #md-root:not(#_):not(#_) { padding-top: 0 !important; }
html.at-nav-h #tab-modeling .md-bar:not(#_):not(#_):not(#_) { display: flex !important; align-items: center !important; min-height: 48px; gap: 8px;
  margin: -16px -14px 16px !important; padding: 0 14px 0 12px !important; border-bottom: 1px solid var(--a-line) !important; background: var(--a-bg) !important; }
html.at-nav-h #tab-modeling .md-bar :is(.md-sep, .md-vsep, .ct-sep):not(#_):not(#_) { display: none !important; }
html.at-done .msa-drill .wy-t:not(#_):not(#_) td:first-child { width: 96px; min-width: 96px; overflow: visible; }
html.at-done .msa-drill .wy-t:not(#_):not(#_) td:nth-child(4) { width: 130px; }
html.at-done .msa-drill .wy-t:not(#_):not(#_) td.rn-d { width: 90px; }
html.at-done .msa-drill .wy-t tr[data-t] { cursor: pointer; }
html.at-done .msa-drill :is(.rc-tab, .rc-tv) { white-space: nowrap; flex: none; }
html.at-done .msa-drill .rc-tab { padding: 0 8px; }
html.at-done .msa-drill .rc-tabs { padding: 0 10px; overflow-x: auto; scrollbar-width: none; }
html.at-done .msa-drill .rc-tabs::-webkit-scrollbar { display: none; }
/* Comparables: the controls row (View ▾ · Peers · Configure … CSV); the side list of views goes */
html.at-nav-h #comp-root > .cmp-row3 { display: flex; align-items: center; gap: 8px; min-height: 48px; margin: -16px -14px 16px; padding: 0 14px 0 12px;
  border-bottom: 1px solid var(--a-line); background: var(--a-bg); }
html.at-nav-h #comp-root > .cmp-row3 .at-row3-grow { flex: 1; }
html.at-nav-h #comp-root > .cmp-row3 .cmp-btn:not(#_):not(#_):not(#_) { height: 28px !important; padding: 4px 8px !important; border: 0 !important; border-radius: 8px !important;
  background: var(--a-bg) !important; box-shadow: var(--a-btn) !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-ink) !important;
  display: inline-flex; align-items: center; gap: 6px; }
html.at-nav-h #comp-root .cmp-side:not(#_):not(#_) { display: none !important; }
html.at-nav-h #comp-root .cmp-tbl-body:not(#_):not(#_) { grid-template-columns: minmax(0, 1fr) !important; }
/* the record name renames on double-click: a faint hover, an Attio input ring while editing */
html.at-done .msa-drill .rc-head h2[data-rename] { cursor: text; border-radius: 6px; padding: 0 4px; margin-left: -4px; outline: 0; }
html.at-done .msa-drill .rc-head h2[data-rename]:hover { background: var(--a-hover); }
html.at-done .msa-drill .rc-head h2.is-editing { background: var(--a-bg) !important; box-shadow: 0 0 0 1px var(--a-blue), 0 0 0 3px rgba(38,109,240,.16); }
/* eight record tabs: a little tighter */
html.at-done .msa-drill .rc-tab { padding: 0 7px; gap: 5px; }
html.at-done .msa-drill .rc-tab i { font-size: 14px; }
/* Analytics inside the record: Attio's type on its tables */
html.at-done .msa-drill .rc .ta-t { font: 500 14px/20px Inter, system-ui, sans-serif; }
html.at-done .msa-drill .rc .tm-pane > :is(.ta, .tm-an, section) { padding: 16px 20px; }

/* ══ Congress (redone 2026-10-25, next after Insiders in the user's order) — flush like Insiders: the name row, one view
   row, the table edge to edge in one scroll. The Most active members tiles and the Most bought card become views of the
   table (view ⌄ Trades / Members / Most bought); the header's summary line, faces and pop-out go. ══ */
html:not(.at-done) .cg-at { display: none !important; }
html.at-shell.at-done .app-shell > main:has(.cg-main-wrap) { padding: 0 !important; }
html.at-shell.at-done .cg { --nav-h: 0px; max-width: none !important; margin: 0 !important; }
html.at-shell.at-done .cg :is(.cg-head, .cg-act, .cg-side, .cg-foot) { display: none !important; }
html.at-shell.at-done .at-pagebar #cg-popout { display: none !important; }
html.at-shell.at-done .cg-main { display: block !important; }
html.at-shell.at-done .cg .cg-bar { min-height: 48px; margin: 0 !important; padding: 0 12px !important; gap: 8px !important; flex-wrap: nowrap;
  border-bottom: 1px solid var(--a-line) !important; }
html.at-shell.at-done .cg-bar :is(#cg-tx, #cg-party) { display: none !important; }
html.at-shell.at-done .cg-bar > #cg-vbtn { order: 1; }
html.at-shell.at-done .cg-bar > .cg-sortbtn { order: 2; }
html.at-shell.at-done .cg-bar > .cg-fbtn { order: 3; }
html.at-shell.at-done .cg-bar > .cg-chips { order: 4; display: inline-flex; gap: 6px; }
html.at-shell.at-done .cg-bar > #cg-period { order: 5; }
html.at-shell.at-done .cg-bar > .cg-sp { order: 6; flex: 1 1 auto; }
html.at-shell.at-done .cg-bar > .cg-search { order: 7; }
html.at-shell.at-done .cg-bar > .cg-sum { order: 8; flex: none; color: var(--a-mute); font: 500 13px/20px Inter, system-ui, sans-serif; white-space: nowrap; }
html.at-shell.at-done .cg-bar > #cg-dl { order: 9; }
html.at-shell.at-done .cg-bar .at-btn svg { width: 15px; height: 15px; color: var(--a-mute); flex: none; }
html.at-shell.at-done .cg-bar #cg-vbtn svg.cd { width: 12px; height: 12px; margin-left: -2px; }
html.at-shell.at-done .cg-sortbtn span { color: var(--a-label); } html.at-shell.at-done .cg-sortbtn b { font-weight: 500; color: var(--a-ink); }
/* Filter: Attio's faint filled button */
html.at-shell.at-done main .cg-bar .cg-fbtn:not(#_) { box-shadow: none !important; background: var(--a-fill) !important; color: var(--a-mute) !important; }
/* period select + Export: Attio's secondary button */
html.at-shell.at-done main .cg-bar :is(#cg-period, #cg-dl):not(#_) {
  height: 28px !important; padding: 0 8px !important; gap: 6px; border: 0 !important; border-radius: 8px !important; background-color: var(--a-bg) !important;
  box-shadow: var(--a-btn, inset 0 0 0 1px var(--a-ring)) !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; color: var(--a-ink) !important;
  display: inline-flex; align-items: center; cursor: pointer; }
html.at-shell.at-done main .cg-bar #cg-period:not(#_) { padding-right: 26px !important; }
html.at-shell.at-done main .cg-bar :is(#cg-period, #cg-dl):hover:not(#_) { background-color: var(--a-hover) !important; }
html.at-shell.at-done main .cg-bar #cg-dl svg { color: var(--a-mute); }
/* search: a quiet field, not a boxed input */
html.at-shell.at-done .cg-bar .cg-search svg { left: 6px; width: 15px; height: 15px; color: var(--a-mute); }
html.at-shell.at-done .cg-bar .cg-search input:not(#_) { width: 170px; height: 28px; padding-left: 27px; border: 0 !important; border-radius: 8px; background: transparent !important;
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell.at-done .cg-bar .cg-search input:focus:not(#_) { background: var(--a-fill) !important; }
/* filter chips (as Insiders') */
html.at-shell.at-done .cg-chip { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 4px 0 8px; border-radius: 8px;
  background: rgba(38,109,240,.08); color: var(--a-blue); font: 500 13px/20px Inter, system-ui, sans-serif; white-space: nowrap; }
html.at-shell.at-done .cg-chip .k { color: color-mix(in srgb, var(--a-blue) 70%, transparent); margin-right: 2px; }
html.at-shell.at-done .cg-chip button { width: 18px; height: 18px; border: 0; border-radius: 5px; background: none; color: inherit; cursor: pointer; display: grid; place-items: center; }
html.at-shell.at-done .cg-chip button:hover { background: rgba(38,109,240,.12); }
/* the table: no card, one scroll under the two rows */
html.at-shell.at-done .cg .cg-tbl-wrap { max-height: calc(100vh - 98px); overflow: auto; }
html.at-shell.at-done .cg .cg-tbl { background: var(--a-bg) !important; border-radius: 0 !important; }
html.at-shell.at-done .cg .cg-tbl :is(th, td) { border-radius: 0 !important; }
html.at-shell.at-done .cg .cg-tbl .cg-ent-n { font-weight: 500; color: var(--a-ink); }
html.at-shell.at-done .cg .cg-tbl a.cg-ent-n:hover { color: var(--a-ink); }
html.at-shell.at-done .cg .cg-tbl .cg-sub { color: var(--a-mute); font-size: 13px; }
html.at-shell.at-done .cg .cg-rec { gap: 8px; min-width: 0; }
html.at-shell.at-done .cg .cg-rec-n { color: var(--a-mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; }
/* company: plain ink text in its own column, beside the logo + ticker */
html.at-shell.at-done .cg .cg-tbl .cg-co { color: var(--a-ink); }
html.at-shell.at-done .cg .cg-tbl .cg-face, html.at-shell.at-done .cg .cg-tbl .cg-logo { width: 20px; height: 20px; }
html.at-shell.at-done .cg .cg-tbl tr.cg-link { cursor: pointer; }
html.at-shell.at-done .cg .cg-lock { margin: 0 !important; border: 0 !important; border-top: 1px solid var(--a-line) !important; border-radius: 0 !important; }
/* laptop widths: the record cells give way by the table's own width, not the window's (the sidebar eats 275px) */
html.at-shell.at-done .cg .cg-tbl-wrap { container-type: inline-size; }
@container (max-width: 1320px) { html.at-shell.at-done .cg:not(.cgm) .cg-co { max-width: 170px; } }
@container (max-width: 1200px) { html.at-shell.at-done .cg [data-view="trades"] td:first-child .cg-sub { display: none; } html.at-shell.at-done .cg:not(.cgm) .cg-co { max-width: 110px; } }
/* the asset tag after a company ("Corp bond", "Option") widened the column by 70px: it lives in the cell's tooltip */
html.at-shell.at-done .cg :is([data-view="trades"], .cgm .cg-tbl) .cg-co + .cg-sub { display: none; }
@container (max-width: 1200px) { html.at-shell.at-done .cg [data-view="trades"] .cg-ent-n { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
/* ══ Round 60: spacing pass (user: "do a comprehensive view of spacing and fix margins") — every card on one 16px rhythm
   (cardGaps in aiq-attio-draft.js), Revenue breakdown's controls in its row, its table on the cards' edges ══ */
html.at-nav-h .lkl-fin #stmts-toolbar #stmts-title:not(#_):not(#_) { display: none !important; }   /* the picker / tabs name the page */
html.at-nav-h .lkl-fin #stmts-toolbar .at-segrange[hidden], html.at-nav-h .lkl-fin #stmts-toolbar .at-off:not(#_):not(#_) { display: none !important; }
html.at-nav-h .lkl-fin #stmts-toolbar #stmt-seg-show:not(#_):not(#_) { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html.at-nav-h .lkl-fin .stmt-seg-range:not(#_):not(#_) { display: none !important; }
html.at-nav-h #stmt-panel-segments > :first-child:not(#_):not(#_) { margin-top: 16px !important; }
/* the segments table is one of the page's cards (same edges as the chart), not an edge-to-edge list */
html.at-fin-d.tb-attio .lkl-fin #stmt-panel-segments .stmt-table-wrap:not(#_):not(#_):not(#_):not(#_) { margin: 16px 0 0 !important; border-top: 0 !important;
  border-radius: 12px !important; box-shadow: inset 0 0 0 1px var(--a-line) !important; overflow: hidden; }

/* ══ Analytics inside the record (user, 2026-10-25: "very messy and not styled well"): one section at a time, Attio's
   section rhythm — 16/500 titles with a muted note, every panel's content in a 12px-ringed box, tables in Attio rows
   (36px, 14/500, label muted on the left, figures right), the same cards as Highlights ══ */
html.at-done .msa-drill .ta.ta-rec:not(#_) { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px 20px; padding: 20px 24px 32px; align-items: start; }
html.at-done .msa-drill .ta-rec .ta-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
html.at-done .msa-drill .ta-rec .ta-p > header:not(#_) { margin: 0 0 10px; gap: 8px; }
html.at-done .msa-drill .ta-rec .ta-p > header h3:not(#_) { font: 500 16px/24px Inter, system-ui, sans-serif !important; color: var(--a-ink); }
html.at-done .msa-drill .ta-rec .ta-p > header .r:not(#_) { font: 500 13px/18px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-done .msa-drill .ta-rec .ta-p > .b:not(#_) { border-radius: 12px; box-shadow: none; border: 1px solid var(--a-line); background: var(--a-bg); padding: 4px 14px; overflow-x: auto; }
html.at-done .msa-drill .ta-rec .ta-t:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; }
html.at-done .msa-drill .ta-rec .ta-t th:not(#_) { height: 36px; padding: 0 10px; font: 500 13px/18px Inter, system-ui, sans-serif; color: var(--a-label, var(--a-mute)); border-bottom: 1px solid var(--a-line); }
html.at-done .msa-drill .ta-rec .ta-t td:not(#_) { height: 36px; padding: 0 10px; font-weight: 500; color: var(--a-ink); border-bottom: 1px solid var(--a-line); }
html.at-done .msa-drill .ta-rec .ta-t tr:last-child td:not(#_) { border-bottom: 0; }
html.at-done .msa-drill .ta-rec .ta-t td:first-child:not(#_) { color: var(--a-ink); padding-left: 0; }
html.at-done .msa-drill .ta-rec .ta-t th:first-child:not(#_) { padding-left: 0; }
html.at-done .msa-drill .ta-rec .ta-t td:last-child:not(#_), html.at-done .msa-drill .ta-rec .ta-t th:last-child:not(#_) { padding-right: 0; }
html.at-done .msa-drill .ta-rec .ta-t td b { font-weight: 500; color: var(--a-ink); }
html.at-done .msa-drill .ta-rec .ta-t td em { font-style: normal; color: var(--a-mute); margin-left: 6px; }
html.at-done .msa-drill .ta-rec .ta-t.heat td:not(#_) { font-size: 13px; text-align: center; border-bottom: 1px solid var(--a-bg); }
html.at-done .msa-drill .ta-rec .ta-t.heat td:first-child:not(#_) { text-align: left; }
html.at-done .msa-drill .ta-rec .pos { color: var(--a-pos-ink, #127A52); } html.at-done .msa-drill .ta-rec .neg { color: var(--a-neg-ink, #B4213D); }
html.at-done .msa-drill .ta-rec .ta-ch { height: 200px; }
html.at-done .msa-drill .ta-rec :is(.ta-note, .tm-pnote) { font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute); padding: 10px 0; }
html.at-done .msa-drill .ta-rec .ta-t td:is(.pos):not(#_):not(#_) { color: var(--a-pos-ink, #127A52); }
html.at-done .msa-drill .ta-rec .ta-t td:is(.neg):not(#_):not(#_) { color: var(--a-neg-ink, #B4213D); }
/* Analytics sub-tabs (Summary · Risk · Holdings …) = Stock screens' sub-tabs (user 2026-10-31): plain words on a 48px
   row flush under the record's tab row, hairline edge to edge (cancels .ta-rec's 20px/24px padding), words lined up with the tabs above; the open tab is ink 600 with a 2px ink bar on that rule. */
html.at-done .msa-drill .ta-rec .ta-sub { display: flex; align-items: stretch; gap: 2px; height: 48px; margin: -20px -24px -4px; padding: 0 24px 0 10px;
  border-bottom: 1px solid var(--a-line); overflow-x: auto; scrollbar-width: none; }
html.at-done .msa-drill .ta-rec .ta-sub button { position: relative; flex: none; height: auto; padding: 0 9px; border: 0; border-radius: 0; background: none; cursor: pointer;
  white-space: nowrap; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-label, var(--a-mute)); }
html.at-done .msa-drill .ta-rec .ta-sub button:hover { color: var(--a-ink); background: none; }
html.at-done .msa-drill .ta-rec .ta-sub button.on { color: var(--a-ink); font-weight: 600; background: none; box-shadow: none; }
html.at-done .msa-drill .ta-rec .ta-sub button.on::after { content: ''; position: absolute; left: 9px; right: 9px; bottom: 0; height: 2px;
  border-radius: 2px 2px 0 0; background: var(--a-ink); }
/* Analytics panels, Attio look (user, 2026-10-31: "the text you use, the lack of color and icons and the font color"):
   title 14/600 ink after a 20px tinted icon square (Attio's object icons), short notes as a grey count pill, long ones
   behind an ⓘ tooltip; labels in ink, not grey; tickers with their logo; sectors / trends as tinted pills. */
html.at-done .msa-drill .ta-rec .ta-p > header h3:not(#_):not(#_) { display: flex; align-items: center; gap: 8px; font: 600 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-ink); }
html.at-done .msa-drill .ta-rec .ta-p > header:not(#_):not(#_) { align-items: center; min-height: 28px; margin-bottom: 8px; }
html.at-done .msa-drill .ta-rec .ta-ic { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 20px; height: 20px; border-radius: 6px;
  background: var(--tb); color: var(--tn); font-size: 12px; }
html.at-done .msa-drill .ta-rec .ta-tip { font-size: 13px; color: var(--a-mute); cursor: help; margin-left: -2px; }
html.at-done .msa-drill .ta-rec .ta-pill { display: inline-flex; align-items: center; height: 20px; padding: 0 6px; border-radius: 6px; background: var(--a-fill, rgba(0,0,0,.04));
  box-shadow: inset 0 0 0 1px var(--a-line); font: 500 12px/16px Inter, system-ui, sans-serif; color: #505155; white-space: nowrap; }
html[data-theme="dark"].at-done .msa-drill .ta-rec .ta-pill { color: #D9DADE; background: rgba(255,255,255,.05); }
html.at-done .msa-drill .ta-rec .rc-cl i.rc-ti:not(#_) { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 7px;
  background: var(--tb); color: var(--tn); font-size: 13px; }
html.at-done .msa-drill .ta-rec :is(.ta-t, .tm-li) .sy-logo:not(#_) { display: inline-block; width: 18px; height: 18px; border-radius: 4px; object-fit: contain; vertical-align: -4px; margin-right: 8px; }
html.at-done .msa-drill .ta-rec .ta-t td em:not(#_) { color: var(--a-label); }
html.at-done .msa-drill .ta-rec .ta-t td .at-tag-p { height: 22px; font-size: 12px; }
html.at-done .msa-drill .ta-rec .ta-stress h4:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .at-t-blue   { --tn: #8EA0F0; --tb: rgba(69,93,220,.22); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .at-t-green  { --tn: #43D1A7; --tb: rgba(67,209,167,.14); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .at-t-rose   { --tn: #F7809B; --tb: rgba(247,52,99,.16); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .at-t-amber  { --tn: #FFC46B; --tb: rgba(255,170,40,.16); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .at-t-orange { --tn: #FFA463; --tb: rgba(255,134,46,.16); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .at-t-violet { --tn: #B98AF5; --tb: rgba(150,70,239,.18); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .at-t-teal   { --tn: #5FD3E0; --tb: rgba(20,170,190,.16); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .at-t-slate  { --tn: #A0A9C0; --tb: rgba(160,169,192,.14); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .at-t-grey   { --tn: rgba(255,255,255,.6); --tb: rgba(255,255,255,.06); }
/* Attio's segmented control (Diversifiers' All · Stocks · Funds, the factor drafts' switch): grey track r10, white thumb r8 */
html.at-done .msa-drill .ta-rec .tm-seg:not(#_):not(#_) { display: inline-flex; gap: 2px; height: 28px; padding: 2px; border: 0; border-radius: 10px; background: rgba(0,0,0,.04); box-shadow: none; }
html.at-done .msa-drill .ta-rec .tm-seg button:not(#_):not(#_) { height: 24px; padding: 0 10px; border: 0; border-radius: 8px; background: none; box-shadow: none;
  font: 500 13px/16px Inter, system-ui, sans-serif; color: var(--a-label); cursor: pointer; }
html.at-done .msa-drill .ta-rec .tm-seg button:hover:not(#_):not(#_) { color: var(--a-ink); }
html.at-done .msa-drill .ta-rec .tm-seg button.on:not(#_):not(#_) { background: var(--a-bg); color: var(--a-ink); box-shadow: 0 0 0 1px var(--a-line), 0 1px 2px -1px rgba(0,0,0,.06); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .tm-seg:not(#_):not(#_) { background: rgba(255,255,255,.05); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .tm-seg button.on:not(#_):not(#_) { background: rgba(255,255,255,.1); }
html.at-done .msa-drill .ta-rec .ta-dvh:not(#_) { min-height: 44px; margin: 0; border-bottom: 1px solid var(--a-line); }
html.at-done .msa-drill .ta-rec .ta-dvh .ta-sum:not(#_) { font: 500 13px/18px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-done .msa-drill .ta-rec .ta-t th:not(#_):not(#_) { white-space: nowrap; }
/* Factor exposure table (user picked it from four drafts, 2026-10-31) */
html.at-done .msa-drill .ta-rec .ta-fxn { display: inline-flex; align-items: center; gap: 8px; }
html.at-done .msa-drill .ta-rec .ta-fxb { position: relative; display: block; height: 6px; min-width: 120px; }
html.at-done .msa-drill .ta-rec .ta-fxb::after { content: ''; position: absolute; left: 50%; top: -5px; bottom: -5px; width: 1px; background: var(--a-line); }
html.at-done .msa-drill .ta-rec .ta-fxb em { position: absolute; top: 0; bottom: 0; border-radius: 3px; }
html.at-done .msa-drill .ta-rec .ta-fxb .up { background: #455DDC; } html.at-done .msa-drill .ta-rec .ta-fxb .dn { background: #FF862E; }
html.at-done .msa-drill .ta-rec .ta-fxtbl td:nth-child(2) { width: 90px; text-align: right; }
html.at-done .msa-drill .ta-rec .ta-fxtbl td:nth-child(3) { width: 45%; padding: 0 24px; }
html.at-done .msa-drill .ta-rec .ta-fxtbl td:nth-child(4), html.at-done .msa-drill .ta-rec .ta-fxtbl th:nth-child(4) { text-align: right; }
html.at-done .msa-drill .ta-rec .ta-fxtbl th:nth-child(3) { text-align: center; }
/* the inline record sits outside .tm, so give it the Terminal's colour tokens in Attio's palette (bars, pills, charts) */
html.at-done .msa-drill { --tm-bg: var(--a-bg); --tm-card: var(--a-bg); --tm-in: var(--a-hover); --tm-line: var(--a-line); --tm-row: var(--a-line);
  --tm-ink: var(--a-ink); --tm-sub: var(--a-mute); --tm-mute: var(--a-mute); --tm-blue: #455DDC; --tm-pos: #0d8a66; --tm-neg: #c8203f;
  --tm-pos-bg: rgba(67,209,167,.15); --tm-neg-bg: rgba(247,52,99,.1); --tm-tip: #0A2540; }
html[data-theme="dark"].at-done .msa-drill { --tm-blue: #6f83ea; --tm-pos: #43D1A7; --tm-neg: #F73463; --tm-pos-bg: rgba(67,209,167,.14); --tm-neg-bg: rgba(247,52,99,.13); }
/* (the value button's own display rule outranks [hidden]; .at-off hides one for good) */
html.at-nav-h .lkl-fin .at-off:not(#_):not(#_):not(#_):not(#_) { display: none !important; }

/* ══ Round 61: Statistics as a table (user: "statistics could be turned into a table with an option for charts view") —
   row 3 = View Table ▾ / Charts · Show Values ▾; the table is the statements' table: edge to edge, 14/500, the metric
   column sticky, category heading rows on Attio's quiet fill with the grade as a tag; a row opens its chart ══ */
html.at-nav-h #tab-statistics .stx-row3 { display: flex; align-items: center; gap: 8px; min-height: 48px; margin: -16px -14px 0; padding: 0 14px 0 12px;
  border-bottom: 1px solid var(--a-line); background: var(--a-bg); }
html.at-nav-h #tab-statistics .stx-row3 + .stx-tview + .stx.at-off, html.at-nav-h #tab-statistics .stx-tview.at-off { display: none !important; }
html.at-nav-h #tab-statistics .stx-tview:not(.at-off) ~ .stx { display: none !important; }
html.at-nav-h #tab-statistics .stx-tview + .stx:not(.at-off) { margin-top: 16px; }
html.at-nav-h #tab-statistics .stx-tview { margin: 0 -14px; overflow-x: auto; scrollbar-width: none; }
html.at-nav-h #tab-statistics table.stx-at { width: 100%; min-width: max-content; border-collapse: separate; border-spacing: 0; }
html.tb-attio #tab-statistics table.stx-at.aiq-tbl:not(#_):not(#_) > :is(thead, tbody) > tr > :is(th, td) { font-size: 14px !important; text-align: right; white-space: nowrap; }
html.tb-attio #tab-statistics table.stx-at.aiq-tbl:not(#_):not(#_) > :is(thead, tbody) > tr > :is(th, td):first-child { text-align: left; padding-left: 14px !important;
  position: sticky; left: 0; z-index: 2; background: var(--a-bg); min-width: 240px; border-right: 1px solid var(--a-line) !important; }
html.tb-attio #tab-statistics table.stx-at.aiq-tbl:not(#_):not(#_) > :is(thead, tbody) > tr > :is(th, td):last-child { padding-right: 14px !important; }
html.tb-attio #tab-statistics table.stx-at.aiq-tbl:not(#_):not(#_) > tbody > tr[data-m] { cursor: pointer; }
html.tb-attio #tab-statistics table.stx-at.aiq-tbl:not(#_):not(#_) > tbody > tr.stx-grp > td { background: var(--a-pill) !important; font-weight: 600 !important; color: var(--a-ink) !important;
  text-align: left; height: 36px; padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: middle !important; }
html.at-shell .stx-at .stx-gn:not(#_):not(#_):not(#_) { color: var(--a-faint) !important; margin-left: 8px; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-faint); }
html.at-shell .stx-at .stx-gr { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; margin-right: 8px;
  border-radius: 6px; font: 600 12px/20px Inter, system-ui, sans-serif; background: #EEF0F3; color: #474C56; }
html.at-shell .stx-at .stx-gr.g-A:not(#_):not(#_):not(#_) { background: #E9F7F0 !important; color: #127A52 !important; }
html.at-shell .stx-at .stx-gr.g-B:not(#_):not(#_):not(#_) { background: #E8F3FC !important; color: #1F6AA5 !important; }
html.at-shell .stx-at .stx-gr.g-C:not(#_):not(#_):not(#_) { background: #FDF6DC !important; color: #8A6A08 !important; }
html.at-shell .stx-at .stx-gr.g-D:not(#_):not(#_):not(#_) { background: #FDEEE6 !important; color: #B04E17 !important; }
html.at-shell .stx-at .stx-gr.g-F:not(#_):not(#_):not(#_) { background: #FDECEF !important; color: #B4213D !important; }
/* category heading rows: tag · name · count centred on one line, 8px apart (user: "fix spacing") */
html.at-shell .stx-at tr.stx-grp > td > :is(.stx-gr, .stx-gn) { vertical-align: middle; }
/* sub-section rows inside a category (Earnings, Sales, Cash flow …; user, 2026-10-29: "more rows, more sections") */
html.tb-attio #tab-statistics table.stx-at.aiq-tbl:not(#_):not(#_) > tbody > tr.stx-sub > td { background: var(--a-bg) !important; font-weight: 600 !important;
  color: var(--a-faint) !important; font-size: 12px !important; text-align: left; height: 32px; padding-top: 10px !important; padding-bottom: 0 !important; vertical-align: bottom !important; }
html.at-shell .stx-at .stx-gr:not(#_):not(#_):not(#_) { margin: -2px 8px 0 0 !important; }
html.at-shell .stx-at .stx-gn:not(#_):not(#_):not(#_) { margin-left: 6px !important; }


/* ══ Congress member page = Attio's record page (user, 2026-10-25: the banded layout "doesn't look like Attio theme").
   Measured from a live Attio company record: left panel 320px + 1px rule; 32px avatar (30% radius), name 18/24 600;
   section label 12/16 500 at .63; attribute rows = 13px icon + 12/16 label at .63 | 14/20 500 value; tabs 28px, radius 8,
   active = #FBFBFB + inset 1px #EEEFF1, count pill 10/14 500 radius 4 rgba(0,0,0,.04); headings 14/20 500 at .63;
   Highlights = 3-col cards radius 12, inset 1px rgba(0,0,0,.06), 86px, label top / value bottom; lists in a 12px-radius
   box with a 1px #EEEFF1 border. Markup: templates/congress/member.html (.cgr). ══ */
html:not(.at-done) .cgr { display: none !important; }
html.at-shell.at-done .app-shell > main:has(.cgm) { padding: 0 !important; }
html.at-shell.at-done .cgm > :not(.cgr) { display: none !important; }
html.at-shell.at-done .at-pagebar a.at-pb-name { color: var(--a-mute); text-decoration: none; }
html.at-shell.at-done .at-pagebar a.at-pb-name:hover { color: var(--a-ink); }
html.at-shell.at-done .cgm { container-type: inline-size; }   /* the container is the wrapper: a query can't restyle its own container */
html.at-shell.at-done .cgr { display: grid; grid-template-columns: 320px minmax(0,1fr); min-height: calc(100vh - 49px);
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }
html.at-shell.at-done.is-popout .cgr { min-height: calc(100vh - 49px); }
/* left: identity + Record details */
html.at-shell.at-done .cgr-left { border-right: 1px solid var(--a-line); padding: 12px 0; min-width: 0; }
html.at-shell.at-done .cgr-id { display: flex; align-items: center; gap: 8px; padding: 4px 12px 12px; }
html.at-shell.at-done .cgr-ph { width: 32px; height: 32px; border-radius: 30%; object-fit: cover; object-position: 50% 20%; flex: none; box-shadow: 0 0 0 1px var(--a-line); }
html.at-shell.at-done .cgr-ph.mono { display: grid; place-items: center; background: var(--a-fill); font-size: 12px; color: var(--a-mute); }
html.at-shell.at-done .cgr-nm { font: 600 18px/24px Inter, system-ui, sans-serif; letter-spacing: -0.2px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.at-shell.at-done .cgr-acts { display: flex; gap: 6px; padding: 0 12px 14px; border-bottom: 1px solid var(--a-line); }
html.at-shell.at-done .cgr-acts .at-btn { height: 28px; padding: 0 8px; gap: 6px; border-radius: 8px; display: inline-flex; align-items: center; text-decoration: none;
  color: var(--a-ink); background: var(--a-bg); box-shadow: var(--a-btn, inset 0 0 0 1px var(--a-ring)); }
html.at-shell.at-done .cgr-acts .at-btn i { font-size: 15px; color: var(--a-mute); }
html.at-shell.at-done .cgr-acts .at-btn:hover { background: var(--a-hover); }
html.at-shell.at-done .cgr-sec { padding: 14px 16px 6px; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-shell.at-done .cgr-attrs { margin: 0; padding: 0 8px; }
html.at-shell.at-done .cgr-attrs > div { display: grid; grid-template-columns: 112px minmax(0,1fr); align-items: center; min-height: 34px; padding: 0 8px; border-radius: 8px; }
html.at-shell.at-done .cgr-attrs > div:hover { background: var(--a-hover); }
html.at-shell.at-done .cgr-attrs dt { display: flex; align-items: center; gap: 8px; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label); white-space: nowrap; }
html.at-shell.at-done .cgr-attrs dt i { font-size: 13px; color: var(--a-mute); width: 14px; }
html.at-shell.at-done .cgr-attrs dd { margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.at-shell.at-done .cgr-attrs .at-tag-p { height: 22px; font: 500 13px/22px Inter, system-ui, sans-serif; padding: 0 6px; border-radius: 7px; }
/* right: tabs */
html.at-shell.at-done .cgr-main { min-width: 0; }
html.at-shell.at-done .cgr-tabs { display: flex; gap: 4px; padding: 8px 12px; border-bottom: 1px solid var(--a-line); }
html.at-shell.at-done .cgr-tabs button { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 4px 8px; border: 0; border-radius: 8px; background: none; cursor: pointer;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-mute); }
html.at-shell.at-done .cgr-tabs button i { font-size: 15px; }
html.at-shell.at-done .cgr-tabs button:hover { color: var(--a-ink); }
html.at-shell.at-done .cgr-tabs button.on { color: var(--a-ink); background: var(--a-side, #FBFBFB); box-shadow: inset 0 0 0 1px var(--a-line); }
html.at-shell.at-done .cgr .cgr-n { display: inline-grid; place-items: center; min-width: 14px; height: 14px; padding: 0 4px; border-radius: 4px; margin-left: 6px;
  font: 500 10px/14px Inter, system-ui, sans-serif; color: #505155; background: rgba(0,0,0,.04); box-shadow: inset 0 0 0 1px var(--a-line); }
html.at-shell.at-done .cgr-tabs .cgr-n { margin-left: 0; }
html[data-theme="dark"].at-shell.at-done .cgr .cgr-n { color: rgba(255,255,255,.7); background: rgba(255,255,255,.06); }
html.at-shell.at-done .cgr-pane[hidden] { display: none !important; }
html.at-shell.at-done .cgr-pane[data-cgr-pane="overview"] { padding: 4px 20px 32px; max-width: 1100px; }
/* headings + Highlights */
html.at-shell.at-done .cgr-h { display: flex; align-items: center; margin: 20px 0 10px; padding: 0 12px; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-shell.at-done .cgr-all { margin-left: auto; border: 0; background: none; cursor: pointer; padding: 0; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-shell.at-done .cgr-all:hover { color: var(--a-ink); }
html.at-shell.at-done .cgr-hl { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
html.at-shell.at-done .cgr-card { display: flex; flex-direction: column; justify-content: space-between; height: 86px; padding: 10px 12px 10px; border-radius: 12px;
  background: var(--a-bg); box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
html[data-theme="dark"].at-shell.at-done .cgr-card { box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
html.at-shell.at-done .cgr-card .l { display: flex; align-items: center; justify-content: space-between; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-shell.at-done .cgr-card .l i { font-size: 13px; color: var(--a-mute); }
html.at-shell.at-done .cgr-card .v { display: flex; align-items: center; gap: 6px; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); white-space: nowrap; overflow: hidden; }
html.at-shell.at-done .cgr-card .cg-logo { width: 18px; height: 18px; }
html.at-shell.at-done .cgr .cgr-mute { color: var(--a-mute); }
/* boxed lists (Attio's Activity box) */
html.at-shell.at-done .cgr-box { border: 1px solid var(--a-line); border-radius: 12px; padding: 4px; background: var(--a-bg); }
html.at-shell.at-done .cgr-row { display: grid; grid-template-columns: 20px auto minmax(0,1fr) auto; align-items: center; gap: 8px; min-height: 32px; padding: 0 8px;
  border-radius: 8px; text-decoration: none; color: var(--a-ink); }
html.at-shell.at-done .cgr-row:hover { background: var(--a-hover); }
html.at-shell.at-done .cgr-row b { font-weight: 500; white-space: nowrap; }
html.at-shell.at-done .cgr-row .cgr-mute { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.at-shell.at-done .cgr-row .r { text-align: right; white-space: nowrap; }
html.at-shell.at-done .cgr-row .cg-logo { width: 20px; height: 20px; }
html.at-shell.at-done .cgr-none { padding: 8px; color: var(--a-mute); }
html.at-shell.at-done .cgr-two { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
/* Portfolio box: the two donuts side by side */
html.at-shell.at-done .cgr-pies { padding: 8px 4px; }
html.at-shell.at-done .cgr-pies .cgm-pies { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0; padding: 0; }
html.at-shell.at-done .cgr-pies .cgm-pies > div { min-width: 0; padding: 0 8px; }
html.at-shell.at-done .cgr-pies .cgm-pies > div + div { border-left: 1px solid var(--a-line); }
html.at-shell.at-done .cgr-pies .cgm-pie-t { padding: 2px 4px 0; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-shell.at-done .cgr-pies .cgm-pie { height: 180px; }
/* Trades tab: the table edge to edge */
html.at-shell.at-done .cgr [data-cgr-pane="trades"] .cg-tbl-wrap { overflow-x: auto; }
html.at-shell.at-done .cgr .cg-tbl { background: var(--a-bg) !important; border-radius: 0 !important; }
html.at-shell.at-done .cgr .cg-tbl :is(th, td) { border-radius: 0 !important; }
html.at-shell.at-done .cgr .cg-tbl .cg-ent-n { font-weight: 500; color: var(--a-ink); }
html.at-shell.at-done .cgr .cg-tbl .cg-co { color: var(--a-ink); max-width: 260px; }
html.at-shell.at-done .cgr .cg-tbl .cg-co + .cg-sub { display: none; }
html.at-shell.at-done .cgr .cg-lock { margin: 0 !important; border: 0 !important; border-top: 1px solid var(--a-line) !important; border-radius: 0 !important; }
/* narrow: the left panel goes on top; Highlights 2 across, lists stacked */
@container (max-width: 1000px) { html.at-shell.at-done .cgr { grid-template-columns: minmax(0,1fr); }
  html.at-shell.at-done .cgr-left { border-right: 0; border-bottom: 1px solid var(--a-line); padding-bottom: 8px; }
  html.at-shell.at-done .cgr-id { padding-bottom: 8px; }
  html.at-shell.at-done .cgr-acts { position: absolute; right: 12px; top: 16px; padding: 0; border: 0; }
  html.at-shell.at-done .cgr-left { position: relative; }
  html.at-shell.at-done .cgr-attrs { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); } }
@container (max-width: 700px) { html.at-shell.at-done .cgr-hl { grid-template-columns: repeat(2, minmax(0,1fr)); }
  html.at-shell.at-done :is(.cgr-two, .cgr-pies .cgm-pies) { grid-template-columns: minmax(0,1fr); }
  html.at-shell.at-done .cgr-pies .cgm-pies > div + div { border-left: 0; border-top: 1px solid var(--a-line); } }
/* (restored 2026-10-25: another session's Financials button-icon rules, lost when the Congress member block was rewritten) */
html.at-shell .at-bic:not(#_) { font-size: 16px; line-height: 1; color: var(--a-label, rgba(0,0,0,.63)); flex: none; margin-right: 0; }
html.at-shell :is(.at-segpill, .at-btn, .md-btn, .ct-btn, #stmt-opt-btn) > .at-bic + * { margin-left: 0; }
html.at-nav-h .lkl-fin :is(.at-segpill, .at-rangepill, .at-segrange):not(#_):not(#_):not(#_) { gap: 6px !important; padding-left: 7px !important; }
html.at-nav-h .lkl-fin :is(#stmt-opt-btn, #preset-dropdown-wrap > button, .md-bar .md-btn):not(#_):not(#_):not(#_) { display: inline-flex !important; align-items: center; gap: 6px; }

/* ══ Round 65: Modeling cleanup (user: "this page looks horrible and needs to be cleaned up and styled better") +
   native selects → value buttons everywhere on Financials ══ */
html.at-nav-h .lkl-fin .at-sel-src:not(#_):not(#_):not(#_) { display: none !important; }
html.at-nav-h .lkl-fin .at-selpill:not(#_):not(#_):not(#_) { height: 28px !important; }
/* the DCF card header: title left, its value buttons right, one line */
html.at-nav-h #md-root .md-ch:not(#_):not(#_) { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 12px; }
html.at-nav-h #md-root .md-ch > .r:not(#_):not(#_) { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 8px !important; margin-left: auto !important; width: auto !important; }
html.at-nav-h #md-root .md-ch .md-xl:not(#_):not(#_):not(#_) { display: inline-flex !important; align-items: center; gap: 6px; }
/* "Open in Excel" ran past the card at laptop widths: icon-only (its title says it), like the page bar's actions */
html.at-nav-h #md-root .md-ch .md-xl:not(#_):not(#_):not(#_) { font-size: 0 !important; gap: 0 !important; width: 28px; padding: 0 !important; justify-content: center; }
html.at-nav-h #md-root .md-ch .md-xl :is(svg, i):not(#_) { width: 16px; height: 16px; font-size: 16px; }

/* ══ Round 67: Modeling Simple (user: "this needs to be cleaned up and restyled") — the assumptions table fits its card
   (it was 742px fixed in a 652px card: High and "My assumptions" ran off), plain history figures, sentence-case
   section, Attio checkbox ══ */
html.at-nav-h #md-root .md-smt:not(#_):not(#_) { min-width: 0 !important; width: 100% !important; table-layout: fixed !important; }
html.at-nav-h #md-root .md-smt col.l:not(#_) { width: auto !important; }
html.at-nav-h #md-root .md-smt col.h:not(#_) { width: 62px !important; }
html.at-nav-h #md-root .md-smt col.g:not(#_) { width: 8px !important; }
html.at-nav-h #md-root .md-smt col.a:not(#_) { width: 92px !important; }
html.at-nav-h #md-root .md-smt :is(td, th):not(:first-child):not(#_):not(#_):not(#_) { padding-left: 6px !important; padding-right: 6px !important; }
html.at-nav-h #md-root .md-smt :is(td, th):first-child:not(#_):not(#_):not(#_) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.at-nav-h #md-root .md-smt .md-ni:not(#_):not(#_) { width: 54px !important; font: 600 13px/18px Inter, system-ui, sans-serif !important; border-radius: 6px !important; }
html.at-nav-h #md-root .md-smt .cell em:not(#_) { width: 12px; font-size: 12px; }
/* history figures: plain numbers that read as numbers; the "use this" affordance shows on hover */
html.at-nav-h #md-root .md-smt .md-use:not(#_):not(#_) { color: var(--a-ink) !important; border-bottom: 0 !important; border-radius: 4px; padding: 1px 3px; margin: -1px -3px; }
html.at-nav-h #md-root .md-smt .md-use:hover:not(#_):not(#_) { color: var(--a-blue) !important; background: rgba(38,109,240,.08); }
html.at-nav-h #md-root .md-smt thead th.grp:not(#_):not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-label) !important; }
html.at-nav-h #md-root .md-smt tr.sect td:not(#_):not(#_):not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important; text-transform: none !important;
  letter-spacing: 0 !important; color: var(--a-label) !important; padding-top: 16px !important; }
/* the "Add net cash" checkbox: Attio's 16px box, blue when ticked */
html.at-nav-h #md-root .md-tog:not(#_) { display: inline-flex; align-items: center; gap: 8px; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); cursor: pointer; white-space: nowrap; }
html.at-nav-h #md-root .md-tog input[type="checkbox"]:not(#_) { appearance: none; -webkit-appearance: none; width: 16px; height: 16px; margin: 0; border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--a-check, #D6D8DD); background: var(--a-bg); cursor: pointer; display: inline-grid; place-content: center; }
html.at-nav-h #md-root .md-tog input[type="checkbox"]:checked:not(#_) { background: var(--a-blue); box-shadow: none; }
html.at-nav-h #md-root .md-tog input[type="checkbox"]:checked::after { content: ""; width: 4px; height: 8px; margin-top: -2px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
/* the "Open the Mid case in Advanced" link: Attio's link (blue, no underline until hover) */
html.at-nav-h #md-root .fx-card a.md-use[data-smadv]:not(#_):not(#_) { color: var(--a-blue) !important; border-bottom: 0 !important; font: 500 13px/18px Inter, system-ui, sans-serif; }
html.at-nav-h #md-root .fx-card a.md-use[data-smadv]:hover:not(#_) { text-decoration: underline; text-underline-offset: 3px; }
/* Simple's card header has three controls + a long checkbox label: they wrap under the title rather than run past
   the card (the DCF header stays on one line) */
html.at-nav-h #md-root .fx-card:has(.md-smt) .md-ch:not(#_):not(#_):not(#_) { flex-wrap: wrap !important; row-gap: 8px; }
html.at-nav-h #md-root .fx-card:has(.md-smt) .md-ch > .r:not(#_):not(#_):not(#_) { flex-wrap: wrap !important; justify-content: flex-end; row-gap: 8px; }
html.at-nav-h #md-root .md-edit:not(#_):not(#_):not(#_) { color: var(--a-blue) !important; font: 500 13px/18px Inter, system-ui, sans-serif !important; background: transparent !important; }
html.at-nav-h #md-root .md-edit:hover:not(#_) { text-decoration: underline; text-underline-offset: 3px; }

/* ══ Round 69: Simple's tables restyled (user: "these tables are ugly and poorly styled") — Attio's light header (no
   grey band, no white gutters breaking it, 12/500 grey labels, one hairline), 36px rows, history in grey, the answer
   column ("Price needs") tinted blue ══ */
html.at-nav-h #md-root .md-smt:not(#_):not(#_) > thead > tr > th:not(#_):not(#_) { background: transparent !important; height: 32px; padding-top: 6px !important; padding-bottom: 6px !important;
  font: 500 12px/16px Inter, system-ui, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--a-label) !important;
  border-bottom: 1px solid var(--a-line) !important; border-top: 0 !important; }
html.at-nav-h #md-root .md-smt:not(#_):not(#_) > thead > tr:first-child:not(:last-child) > th:not(#_):not(#_) { border-bottom: 0 !important; height: 24px; padding-bottom: 0 !important; color: var(--a-faint) !important; }
html.at-nav-h #md-root .md-smt :is(th, td).gap:not(#_):not(#_):not(#_) { background: transparent !important; border: 0 !important; }
html.at-nav-h #md-root .md-smt:not(#_):not(#_) > tbody > tr > td:not(#_):not(#_) { height: 36px; font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px;
  color: var(--a-ink) !important; border-bottom: 1px solid var(--a-line) !important; background: transparent !important; }
html.at-nav-h #md-root .md-smt:not(#_):not(#_) > tbody > tr:last-child > td:not(#_):not(#_) { border-bottom: 0 !important; }
html.at-nav-h #md-root .md-smt :is(td.hist, td.num:not(.f):not(.need)):not(#_):not(#_):not(#_) { color: var(--a-label) !important; }
html.at-nav-h #md-root .md-srt :is(th, td).need:not(#_):not(#_):not(#_) { background: rgba(38,109,240,.05) !important; color: var(--a-ink) !important; }
html.at-nav-h #md-root .md-srt td.need b { font-weight: 600; }
html.at-nav-h #md-root .md-smt tr.tot td:not(#_):not(#_):not(#_) { font-weight: 600 !important; }
html.at-nav-h #md-root .md-smt :is(td, th):first-child:not(#_):not(#_):not(#_) { padding-left: 14px !important; }
html.at-nav-h #md-root .md-smt :is(td, th):last-child:not(#_):not(#_):not(#_) { padding-right: 14px !important; }
html.at-nav-h #md-root .md-srt col.l:not(#_) { width: auto !important; }
html.at-nav-h #md-root .md-srt col.a:not(#_) { width: 104px !important; }
html.at-nav-h #md-root .md-srt col.h:not(#_) { width: 92px !important; }
html.at-nav-h #md-root .md-sirr col.a:not(#_) { width: 120px !important; }
/* labels fit (number columns a touch narrower), totals keep their weight, the answer column's tint shows */
html.at-nav-h #md-root .md-srt col.a:not(#_):not(#_) { width: 92px !important; }
html.at-nav-h #md-root .md-srt col.h:not(#_):not(#_) { width: 82px !important; }
html.at-nav-h #md-root .md-smt:not(.md-srt):not(.md-sirr) col.h:not(#_):not(#_) { width: 56px !important; }
html.at-nav-h #md-root .md-smt:not(.md-srt):not(.md-sirr) col.a:not(#_):not(#_) { width: 86px !important; }
html.at-nav-h #md-root .md-smt:not(#_):not(#_) > tbody > tr.tot > td:not(#_):not(#_):not(#_) { font-weight: 600 !important; }
html.at-nav-h #md-root .md-srt :is(th, td).need:not(#_):not(#_):not(#_):not(#_) { background: rgba(38,109,240,.07) !important; }

/* Round 38 (user, 2026-10-25: "all icons in top bar and hamburger bar the exact same size as Attio"), measured on
   app.attio.com: header icon buttons 28×28 touching (no gap), 13px glyph ink; sidebar line icons ~12px ink in a 16px
   slot (Phosphor bold at 13px ≈ 12.3px ink; 14px was 13.3px). */
html.at-shell .at-top-tools:not(#_) { gap: 0; flex-wrap: nowrap !important; width: max-content !important; }
html.at-shell .at-top-tools:not(#_) > * { height: 28px; }
html.at-shell .at-top-tools:not(#_) :is(#fullscreen-toggle, #theme-toggle, #aiq-help-btn) {
  width: 28px !important; min-width: 28px !important; height: 28px !important; border-radius: 8px; }
html.at-shell .at-top-tools:not(#_) #aiq-help-btn i { width: 15px; height: 15px; font-size: 15px; }   /* 13px ink */
html.at-shell .at-top-tools:not(#_) #fullscreen-toggle svg { width: 17px; height: 17px; }           /* 11.3 → 13px ink */
html.at-shell .at-top-tools:not(#_) #theme-toggle svg { width: 16px; height: 16px; }                /* 12.5 → 13px ink */
html.at-shell.aiq-shell[data-theme][class] #app-sidebar :is(a, button, .sb-item, .sb-sub-item) > i.ph-bold:first-child:not(.ph-caret-down):not(.ph-caret-right):not(.ph-plus):not(.ph-x):not(.ph-bell):not(#_):not(#_) { font-size: 13px !important; }
html.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item:is([href^="/ai"], [href^="/superinvestors"], [href^="/insiders"], [href^="/congress"], [href^="/government"], [href^="/excel"]) > i.ph-bold:first-child:not(#_):not(#_):not(#_) { font-size: 10px !important; }

/* Admin "View as" Pro | Free | Signed out back in the top bar (user, 2026-10-25), left of Help: Attio segmented look,
   24px track, the on segment a white thumb tinted by plan. */
html.at-shell .at-top-tools #aiq-viewas:not(#_) { display: inline-flex; align-items: center; gap: 2px; height: 24px !important; padding: 2px !important;
  margin: 0 8px 0 0 !important; border: 0 !important; border-radius: 6px !important; background: var(--a-fill, rgba(0,0,0,.05)) !important; box-shadow: none !important; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) .va-label { display: none; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) .va-seg { display: flex; gap: 2px; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) a { display: inline-flex; align-items: center; height: 20px !important; padding: 0 8px !important; border: 0 !important;
  border-radius: 4px !important; font: 500 12px/20px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; background: transparent !important; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) a:hover { color: var(--a-ink) !important; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) a.is-on { background: var(--a-bg) !important; color: var(--a-ink) !important; box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 0 0 1px var(--a-line) !important; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) a.is-on::before { content: ''; width: 6px; height: 6px; border-radius: 50%; margin-right: 6px; background: #455DDC; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) a.is-on.va-free::before { background: #9646EF; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) a.is-on.va-anon::before { background: #FF862E; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) a.va-admin { margin-left: 2px; box-shadow: inset 1px 0 0 var(--a-line) !important; border-radius: 0 4px 4px 0 !important; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) { flex-wrap: nowrap !important; width: auto !important; order: 0 !important; }
html.at-shell .at-top-tools #aiq-viewas:not(#_) .va-seg { flex-wrap: nowrap !important; }
/* page-name rows keep room for the wider cluster (View as is admin-only; tab iframes: aiq-attio-classic.css) */
html.at-shell:has(.at-top-tools #aiq-viewas) .at-pagebar:not(#_) { padding-right: 384px !important; }
html.at-shell.at-done:has(.at-top-tools #aiq-viewas) :is(#scx-head, .ins-top):not(#_) { padding-right: 384px !important; }
@media (max-width: 767px) { html.at-shell .at-top-tools #aiq-viewas { display: none !important; } }

/* ══ Icon-style drafts (user, 2026-10-25: icons "look very generic", + buttons "don't look clean"). Regular was picked
   (pickers removed 2026-10-25); base.html adds html.at-ic.at-ic-regular early.
   Bold = today's look. Regular / Light swap the Phosphor weight (same codepoints, so only the font changes) on the
   sidebar, top-right tools and bottom tab bar; "Fill on" = Light with the open page's icon filled. The coloured
   Intelligence squares keep Bold (a thin glyph vanishes on colour). All three also get the quieter + toggle. ══ */
@font-face { font-family: "Phosphor-Regular"; src: url("../vendor/phosphor/Phosphor.woff2") format("woff2"); font-display: block; }
@font-face { font-family: "Phosphor-Light"; src: url("../vendor/phosphor/Phosphor-Light.woff2") format("woff2"); font-display: block; }
@font-face { font-family: "Phosphor-Fill"; src: url("../vendor/phosphor/Phosphor-Fill.woff2") format("woff2"); font-display: block; }
html.at-ic-regular :is(#app-sidebar, .at-top-tools, #aiq-tabbar) i.ph-bold:not(#_) { font-family: "Phosphor-Regular" !important; }
html:is(.at-ic-light, .at-ic-fillon) :is(#app-sidebar, .at-top-tools, #aiq-tabbar) i.ph-bold:not(#_) { font-family: "Phosphor-Light" !important; }
html.at-ic #app-sidebar .sb-item:is([href^="/ai"], [href^="/superinvestors"], [href^="/insiders"], [href^="/congress"], [href^="/government"], [href^="/excel"]) > i.ph-bold:not(#_):not(#_) { font-family: "Phosphor-Bold" !important; }
html.at-ic-fillon #app-sidebar :is(.sb-item.active, .sb-sub-item.sub-active):not([href^="/ai"]):not([href^="/superinvestors"]):not([href^="/insiders"]):not([href^="/congress"]):not([href^="/government"]):not([href^="/excel"]) > i.ph-bold:not(#_):not(#_) { font-family: "Phosphor-Fill" !important; color: var(--sh-ink) !important; }
/* thinner glyphs read smaller: 14px puts their ink back at Attio's ~12px */
html.at-ic.at-shell.aiq-shell[data-theme][class] #app-sidebar :is(a, button, .sb-item, .sb-sub-item) > i.ph-bold:first-child:not(.ph-caret-down):not(.ph-caret-right):not(.ph-plus):not(.ph-x):not(.ph-bell):not(#_):not(#_):not(#_) { font-size: 14px !important; }
html.at-ic.at-shell.aiq-shell[data-theme][class] #app-sidebar .sb-item:is([href^="/ai"], [href^="/superinvestors"], [href^="/insiders"], [href^="/congress"], [href^="/government"], [href^="/excel"]) > i.ph-bold:first-child:not(#_):not(#_):not(#_):not(#_) { font-size: 10px !important; }
html.at-ic .at-top-tools:not(#_) #aiq-help-btn i { width: 16px; height: 16px; font-size: 16px; }
html.at-ic .at-sb-inbox i:not(#_) { font-size: 16px !important; }
html.at-ic-regular :is(#app-sidebar, .at-top-tools) svg:is([stroke], [stroke-width]) :is(path, line, rect, circle, polyline):not(#_) { stroke-width: 1.5; }
html:is(.at-ic-light, .at-ic-fillon) :is(#app-sidebar, .at-top-tools) svg:is([stroke], [stroke-width]) :is(path, line, rect, circle, polyline):not(#_) { stroke-width: 1.25; }
html:is(.at-ic-regular, .at-ic-light, .at-ic-fillon) :is(#app-sidebar, .at-top-tools) svg[stroke-width]:not(#_) { stroke-width: 1.5; }
/* the + / − toggle: hair-thin bars, only on the row's hover (or while open / focused), as Attio's row actions */
html.at-ic body:not(.sb-collapsed) #app-sidebar .sb-fin-toggle:not(#_)::before,
html.at-ic body:not(.sb-collapsed) #app-sidebar .sb-fin-toggle:not(#_)::after { width: 8px; height: 1.25px; margin: -0.625px 0 0 -4px; }
html.at-ic body:not(.sb-collapsed) #app-sidebar .sb-fin-row .sb-fin-toggle:not(#_) { opacity: 0; }
html.at-ic body:not(.sb-collapsed) #app-sidebar .sb-fin-row:is(:hover, :focus-within) .sb-fin-toggle:not(#_) { opacity: 1; }
html.at-ic body:not(.sb-collapsed) #app-sidebar .sb-fin-group.is-open .sb-fin-row .sb-fin-toggle:not(#_) { opacity: 1; background: transparent !important; }
html.at-ic body:not(.sb-collapsed) #app-sidebar .sb-fin-group:not(.is-open) .sb-fin-row:not(:hover):not(:focus-within) .sb-fin-count:not(#_) { margin-right: -22px; }
/* user, 2026-10-25: no item counts (22 / 6 / 8) — the + alone says the row opens, and it shows all the time */
html.at-shell body:not(.sb-collapsed) #app-sidebar .sb-fin-count:not(#_):not(#_) { display: none !important; }
html.at-ic body:not(.sb-collapsed) #app-sidebar .sb-fin-row .sb-fin-toggle:not(#_):not(#_) { opacity: 1; margin-left: auto; }
/* Financials list, all open but tighter (user, 2026-10-25: "too long"; folds were tried and disliked the same day):
   26px rows, small sentence-case section labels, no divider lines. */
html.at-shell body:not(.sb-collapsed) #sb-fin-group .sb-sub-item:not(#_) { min-height: 26px; height: 26px; padding-top: 0 !important; padding-bottom: 0 !important; }
html.at-shell body:not(.sb-collapsed) #sb-fin-group .sb-sub-label:not(#_) { border-top: 0 !important; margin: 6px 0 0 28px !important; padding: 4px 10px 2px 8px !important;
  height: auto !important; font: 500 12px/16px Inter, system-ui, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; }
html.at-shell body:not(.sb-collapsed) #sb-fin-group .sb-sub-label:not(#_) span { font: inherit !important; letter-spacing: 0 !important; text-transform: none !important; }
html.at-shell body:not(.sb-collapsed) #sb-fin-group .sb-fin-sub-inner :is(hr, .sb-sub-sep):not(#_) { display: none !important; }

/* ══ Round 70: Financials nav drafts 1–7 (html.at-nav-h + at-nav-h1…h7; js navAlt). Each keeps H's bars and swaps
   only the Section ▾ picker. ══ */
html.at-nav-h .at-viewrow :is(.at-atab, .at-crumb) { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 4px 8px; border: 0; border-radius: 8px;
  background: transparent; cursor: pointer; white-space: nowrap; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-nav-h .at-viewrow :is(.at-atab, .at-crumb):hover { background: var(--a-side-hover); color: var(--a-ink); }
html.at-nav-h .at-viewrow .at-atab.on { background: var(--a-side, #FBFBFB); box-shadow: inset 0 0 0 1px var(--a-line); color: var(--a-ink); }
html.at-nav-h .at-pg-ic { font-size: 15px; color: var(--a-mute); flex: none; }
html.at-nav-h .at-viewrow .at-atab.on .at-pg-ic { color: var(--a-ink); }
html.at-nav-h .at-viewrow .at-car { font-size: 11px; color: var(--a-mute); }
/* 1: tabs; the open section also names its page in grey */
html.at-nav-h .at-alt1 { gap: 2px; overflow-x: auto; scrollbar-width: none; }
html.at-nav-h .at-atab-sub { color: var(--a-mute); padding-left: 6px; margin-left: 2px; box-shadow: inset 1px 0 0 var(--a-line); }
/* menus in these drafts: icon + label rows */
html.at-shell .aiq-menu.at-alt-m:not(#_) { min-width: 220px; }
html.at-shell :is(.at-alt-m, .at-twop-m) .aiq-mi:not(#_) { display: flex; align-items: center; gap: 8px; }
html.at-shell :is(.at-alt-m, .at-twop-m) .aiq-mi.on:not(#_) { color: #266DF0; background: var(--a-hover); }
html.at-shell :is(.at-alt-m, .at-twop-m) .aiq-mi.on .at-pg-ic { color: #266DF0; }
/* 2: page tabs + more */
html.at-nav-h .at-alt2 { gap: 2px; overflow: hidden; }
html.at-nav-h .at-ptabs { display: flex; gap: 2px; min-width: 0; }
html.at-nav-h .at-alt2 .at-atab[hidden] { display: none; }
html.at-nav-h .at-alt2 .at-more { color: var(--a-mute); }
/* 3: breadcrumb */
html.at-nav-h .at-alt3 { gap: 2px; }
html.at-nav-h .at-alt3 .at-crumb { color: var(--a-mute); }
html.at-nav-h .at-alt3 .at-crumb-pg { color: var(--a-ink); }
html.at-nav-h :is(.at-alt3, .at-alt6) .at-crumb-sep { color: var(--a-faint); padding: 0 2px; font: 500 14px/20px Inter, system-ui, sans-serif; }
/* 4: one button, two-pane menu */
html.at-nav-h .at-twop, html.at-nav-h .at-goto { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 4px 8px 4px 6px; border-radius: 8px; cursor: pointer;
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell .aiq-menu.at-twop-m:not(#_) { display: flex; padding: 0; width: 460px; max-width: calc(100vw - 24px); overflow: hidden; }
.at-twop-l { width: 190px; flex: none; padding: 4px; box-shadow: inset -1px 0 0 var(--a-line, #EEEFF1); }
.at-twop-r { flex: 1; padding: 4px; min-height: 100%; }
.at-twop-h { padding: 6px 8px 4px; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .at-twop-m .at-twop-l .aiq-mi.is-hl:not(#_) { background: var(--a-hover); }
.at-twop-c { margin-left: auto; font-size: 11px; color: var(--a-mute); }
/* 5: go-to palette (Attio's ⌘K frame) */
html.at-nav-h .at-goto kbd { margin-left: 4px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 5px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
  font: 400 11px/18px Inter, system-ui, sans-serif; color: var(--a-mute); text-align: center; background: transparent; }
html.at-nav-h .at-goto-in { font: 500 13px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
.at-pal { position: fixed; inset: 0; z-index: 3000; display: flex; justify-content: center; align-items: flex-start; padding-top: 14vh; }
.at-pal-in { width: 560px; max-width: calc(100vw - 32px); max-height: 66vh; display: flex; flex-direction: column; padding: 3px; border-radius: 16px;
  background: rgba(255,255,255,.6); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
  box-shadow: 0 8px 28px -6px rgba(28,40,64,.12), 0 18px 88px -4px rgba(28,40,64,.16), 0 0 1px 0 rgba(28,40,64,.16); }
.at-pal-in > * { background: var(--a-bg, #fff); }
.at-pal-q { display: flex; align-items: center; gap: 10px; height: 52px; padding: 4px 16px; border-radius: 12px 12px 0 0; box-shadow: inset 0 -1px 0 var(--a-line, #EEEFF1); }
.at-pal-q i { font-size: 16px; color: var(--a-mute); }
.at-pal-q input { flex: 1; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; font: 500 16px/24px Inter, system-ui, sans-serif; color: var(--a-ink); }
.at-pal-l { overflow-y: auto; padding: 4px 6px 8px; flex: 1; }
.at-pal-h { padding: 10px 8px 4px; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
.at-pal-i { display: flex; align-items: center; gap: 10px; width: 100%; height: 37px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; cursor: pointer;
  text-align: left; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
.at-pal-i.on { background: var(--a-hover, #F6F7F7); }
.at-pal-box { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: var(--a-hover, #F6F7F7); box-shadow: inset 0 0 0 1px var(--a-ring, #E6E7EA); }
.at-pal-box .at-pg-ic { font-size: 14px; color: var(--a-mute); }
.at-pal-cur { margin-left: auto; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
.at-pal-f { display: flex; gap: 16px; height: 40px; align-items: center; padding: 0 16px; border-radius: 0 0 12px 12px; box-shadow: inset 0 1px 0 var(--a-line, #EEEFF1);
  font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
.at-pal-f kbd { display: inline-block; min-width: 16px; height: 16px; margin-right: 2px; padding: 0 3px; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
  font: 400 11px/16px Inter, system-ui, sans-serif; text-align: center; background: transparent; }
html[data-theme="dark"] .at-pal-in { background: rgba(30,32,36,.6); }
html[data-theme="dark"] :is(.at-pal-f, .at-goto) kbd { box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
/* 6: no nav row — page name only; the sidebar list does the navigating */
html.at-nav-h .at-alt6 { gap: 2px; font: 500 14px/20px Inter, system-ui, sans-serif; }
html.at-nav-h .at-s6-sec { color: var(--a-mute); padding-left: 4px; }
html.at-nav-h .at-s6-pg { display: inline-flex; align-items: center; gap: 6px; color: var(--a-ink); }
/* 7: tabs + the section's pages down the left of the content */
html.at-nav-h7 .app-shell > main.lkl-fin { position: relative; }
html.at-nav-h7 .at-rail7 { display: none; }
html.at-nav-h7.at-r7-on .at-rail7 { display: block; position: sticky; top: 8px; float: left; width: 188px; padding: 0 12px 24px 0; }
html.at-nav-h7.at-r7-on .lkl-fin .tab-panel, html.at-nav-h7.at-r7-on .lkl-fin .aiq-disclaimer { margin-left: 200px; }
.at-r7-h { padding: 12px 8px 4px; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
.at-r7-box > .at-r7-h:first-child { padding-top: 0; }
.at-r7-t { display: none; }
.at-r7-i { display: flex; align-items: center; gap: 8px; width: 100%; height: 30px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; cursor: pointer;
  text-align: left; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
.at-r7-i > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.at-r7-i { flex-wrap: nowrap; }
.at-r7-i:hover { background: var(--a-side-hover, rgba(0,0,0,.04)); color: var(--a-ink); }
.at-r7-i.on { background: var(--a-side-on, rgba(0,0,0,.06)); color: var(--a-ink); }
.at-r7-i.on .at-pg-ic { color: var(--a-ink); }

/* ══ Round 71: variations of draft 7's side list (html.at-r7-a…e; only the list changes) ══
   A plain list (as built) · B guide line (the old sidebar dropdown look) · C boxed (Attio's boxed list) ·
   D full-height column + section title (Attio's record page left column) · E compact (no icons, rules between groups) */
/* B: no icons; a hairline down the left, the open page marked on it in ink */
html.at-r7-b .at-r7-i .at-pg-ic { display: none; }
html.at-r7-b .at-r7-box { box-shadow: inset 1px 0 0 var(--a-line, #EEEFF1); padding-left: 2px; }
html.at-r7-b .at-r7-h { padding-left: 12px; }
html.at-r7-b .at-r7-i { position: relative; height: 28px; padding-left: 12px; border-radius: 0 8px 8px 0; }
html.at-r7-b .at-r7-i.on { background: transparent; }
html.at-r7-b .at-r7-i.on::before { content: ''; position: absolute; left: -2px; top: 4px; bottom: 4px; width: 2px; border-radius: 2px; background: var(--a-ink, #101112); }
/* C: the list in a card (r12, hairline ring), like Attio's boxed lists */
html.at-r7-c .at-r7-box { padding: 4px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--a-line, #EEEFF1); }
html.at-r7-c .at-r7-box > .at-r7-h:first-child { padding-top: 6px; }
html.at-r7-c .at-r7-h + .at-r7-i, html.at-r7-c .at-r7-i { height: 32px; }
html.at-r7-c .at-r7-box .at-r7-h:not(:first-child) { margin-top: 4px; padding-top: 10px; box-shadow: inset 0 1px 0 var(--a-line, #EEEFF1); }
/* D: a full-height column split from the content by a rule, with the section's name on top */
html.at-r7-d.at-r7-on .at-rail7 { padding: 4px 12px 24px 0; box-shadow: inset -1px 0 0 var(--a-line, #EEEFF1); min-height: calc(100vh - 160px); }
html.at-r7-d .at-r7-t { display: flex; align-items: center; gap: 8px; padding: 0 8px 12px; font: 600 16px/20px Inter, system-ui, sans-serif; color: var(--a-ink, #101112); }
html.at-r7-d .at-r7-t .at-pg-ic { font-size: 16px; }
html.at-r7-d .at-r7-i.on { color: #266DF0; background: var(--a-hover, #F6F7F7); }
html.at-r7-d .at-r7-i.on .at-pg-ic { color: #266DF0; }
/* E: compact — narrower, 13px, no icons, a rule between groups instead of headings' extra space */
html.at-nav-h7.at-r7-e.at-r7-on .at-rail7 { width: 168px; }
html.at-nav-h7.at-r7-e.at-r7-on .lkl-fin .tab-panel, html.at-nav-h7.at-r7-e.at-r7-on .lkl-fin .aiq-disclaimer { margin-left: 180px; }
html.at-nav-h7.at-r7-c.at-r7-on .at-rail7 { width: 212px; }
html.at-nav-h7.at-r7-c.at-r7-on .lkl-fin .tab-panel, html.at-nav-h7.at-r7-c.at-r7-on .lkl-fin .aiq-disclaimer { margin-left: 224px; }
html.at-r7-e .at-r7-i { height: 26px; font-size: 13px; }
html.at-r7-e .at-r7-i .at-pg-ic { display: none; }
html.at-r7-e .at-r7-h { padding: 8px 8px 2px; font-size: 11px; }
html.at-r7-e .at-r7-box .at-r7-h:not(:first-child) { margin-top: 6px; box-shadow: inset 0 1px 0 var(--a-line, #EEEFF1); }
/* the page under an open bottom-bar tab keeps its draft dock hidden: the tab's own page shows one (user saw two, 2026-10-25) */
html:has(#aiq-tabframes > iframe:not([hidden])) .at-dock:not(#_) { display: none !important; }

/* ══ Round 73: where the company sits on draft 1 (html.at-nav-h1 + at-hd-a|b|c; "Head" switch in the dock) ══ */
/* shared: Attio record name (18/600), plain grey ticker, price + change as plain text, no chips */
html.at-nav-h1 .lkl-fin #company-header .ch-tkr:not(#_):not(#_) { box-shadow: none !important; border: 0 !important; padding: 0 !important; height: auto; font: 500 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; }
html.at-nav-h1 .lkl-fin #company-header :is(.ch-when, .ch-chg svg, .ch-vsep, #fin-acts):not(#_):not(#_) { display: none !important; }
html.at-nav-h1 .lkl-fin #company-header .ch-chg:not(#_):not(#_) { background: transparent !important; padding: 0 !important; height: auto; font: 500 14px/20px Inter, system-ui, sans-serif !important; }
html.at-nav-h1 .lkl-fin #company-header .ch-logo:not(#_):not(#_) { width: 28px !important; height: 28px !important; padding: 3px !important; border-radius: 8px !important; flex: none; }
html.at-nav-h1 .lkl-fin #company-header .ch-price:not(#_):not(#_) { font: 600 16px/24px Inter, system-ui, sans-serif !important; font-variant-numeric: tabular-nums; }
html.at-nav-h1 .lkl-fin #company-header .ch-quote:not(#_):not(#_) { flex-direction: row !important; align-items: baseline !important; gap: 8px !important; }
html.at-nav-h1 .lkl-fin #company-header .ch-id:not(#_):not(#_) { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0; flex: 0 1 auto; }
/* A: one slim row (56px) under the page bar — logo, name, ticker, price, change */
html.at-hd-a .lkl-fin #company-header:not(#_):not(#_) { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html.at-hd-a .lkl-fin #ch-inner:not(#_):not(#_) { justify-content: flex-start !important; gap: 14px !important; height: 52px; padding: 0 !important; flex-wrap: nowrap !important; }
html.at-hd-a .lkl-fin #company-header .ch-meta:not(#_):not(#_) { display: none !important; }
html.at-hd-a .lkl-fin #company-header .ch-quote:not(#_):not(#_) { order: 0 !important; padding-left: 14px; box-shadow: inset 1px 0 0 var(--a-line); }
/* B: the company and the tabs share one row */
html.at-hd-b .lkl-fin #fin-top:not(#_):not(#_):not(#_) { display: flex !important; align-items: center !important; gap: 0; }
html.at-hd-b .lkl-fin #company-header:not(#_):not(#_) { container-type: normal !important; width: auto !important; flex: none; padding: 0 16px 0 0 !important; margin: 0 16px 0 0 !important; border: 0 !important; background: transparent !important; box-shadow: inset -1px 0 0 var(--a-line) !important; height: 28px; display: flex; align-items: center; }
html.at-hd-b .lkl-fin #ch-inner:not(#_):not(#_) { justify-content: flex-start !important; gap: 10px !important; min-height: 0 !important; padding: 0 !important; flex-wrap: nowrap !important; }
html.at-hd-b .lkl-fin #company-header :is(.ch-meta, .ch-tkr):not(#_):not(#_) { display: none !important; }
html.at-hd-b .lkl-fin #company-header .ch-logo:not(#_):not(#_) { width: 22px !important; height: 22px !important; padding: 2px !important; border-radius: 6px !important; }
html.at-hd-b .lkl-fin #company-header .ch-name:not(#_):not(#_):not(#_) { font: 600 15px/20px Inter, system-ui, sans-serif !important; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.at-hd-b .lkl-fin #company-header .ch-price:not(#_):not(#_):not(#_) { font: 600 14px/20px Inter, system-ui, sans-serif !important; }
html.at-hd-b .lkl-fin #company-header .ch-chg:not(#_):not(#_):not(#_) { font-size: 13px !important; }
html.at-hd-b .lkl-fin #fin-tabs-wrap:not(#_):not(#_):not(#_) { flex: 1 1 auto; min-width: 0; margin: 0 !important; }
html.at-hd-b .lkl-fin #fin-top:not(#_):not(#_):not(#_):not(#_) { height: 49px; margin: -12px -14px 16px !important; padding: 0 14px !important; box-shadow: inset 0 -1px 0 var(--a-line) !important; }
html.at-hd-b.at-nav-h .lkl-fin #fin-tabs-wrap:not(#_):not(#_):not(#_):not(#_) { height: 48px; box-shadow: none !important; border: 0 !important; padding: 0 !important; }
/* C: Attio's record page — company + Record details in a left column, the tabs and page to its right */
html.at-hd-c .app-shell > main.lkl-fin { position: relative; }
html.at-hd-c .at-rec { float: left; position: sticky; top: 0; z-index: 31; background: var(--a-bg, #fff); width: 280px; margin: -12px 0 0 -14px; padding: 16px 16px 24px; min-height: calc(100vh - 90px);
  box-shadow: inset -1px 0 0 var(--a-line); }
html.at-hd-c .lkl-fin :is(#fin-top, .tab-panel, .aiq-disclaimer) { margin-left: 282px !important; }
html.at-hd-c .lkl-fin #company-header:not(#_):not(#_) { padding: 0 0 16px !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: inset 0 -1px 0 var(--a-line) !important; }
html.at-hd-c .lkl-fin #ch-inner:not(#_):not(#_) { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; flex-wrap: nowrap !important; }
html.at-hd-c .lkl-fin #company-header .ch-id:not(#_):not(#_) { flex-wrap: wrap; row-gap: 2px !important; width: 100%; }
html.at-hd-c .lkl-fin #company-header .ch-logo:not(#_):not(#_) { width: 32px !important; height: 32px !important; }
html.at-hd-c .lkl-fin #company-header .ch-name:not(#_):not(#_):not(#_) { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.at-hd-c .lkl-fin #company-header :is(.ch-meta, .ch-tkr):not(#_):not(#_) { display: none !important; }
html.at-hd-c .lkl-fin #company-header .ch-quote:not(#_):not(#_) { order: 0 !important; }
html.at-hd-c .lkl-fin #company-header .ch-price:not(#_):not(#_):not(#_) { font: 600 20px/28px Inter, system-ui, sans-serif !important; }
.at-rec-h { padding: 14px 0 6px; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label, rgba(0,0,0,.63)); }
.at-rec-r { display: flex; align-items: center; gap: 8px; height: 34px; font: 500 14px/20px Inter, system-ui, sans-serif; }
.at-rec-r i { font-size: 15px; color: var(--a-mute); flex: none; }
.at-rec-k { width: 112px; flex: none; font-size: 12px; color: var(--a-label, rgba(0,0,0,.63)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.at-rec-v { color: var(--a-ink); font-variant-numeric: tabular-nums; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.at-rec-v.none { color: var(--a-faint); }

/* ══ Round 74: Head D/E/F (html.at-hd-d|e|f on draft 1) ══ */
/* D and E: no company row on the page; the tabs start under the page bar */
html:is(.at-hd-d, .at-hd-e) .lkl-fin #company-header:not(#_):not(#_):not(#_) { display: none !important; }
/* D: the company card in the sidebar, under the Financials row (styled without html classes: in a bottom-bar tab it
   lives in the outer page) */
.at-sb-co { display: flex; align-items: center; gap: 8px; margin: 2px 0 4px 8px; padding: 6px 8px; border-radius: 9px; cursor: pointer;
  background: var(--a-bg, #fff); box-shadow: inset 0 0 0 1px var(--a-line, #EEEFF1); font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute, rgba(0,0,0,.55)); }
.at-sb-co:hover { box-shadow: inset 0 0 0 1px var(--a-ring, #E6E7EA); }
.at-sb-co-lg { width: 24px; height: 24px; padding: 2px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--a-line, #EEEFF1); object-fit: contain; flex: none; background: #fff; }
.at-sb-co-t { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.at-sb-co-r { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; min-width: 0; }
.at-sb-co-r b { font: 600 13px/18px Inter, system-ui, sans-serif; color: var(--a-ink, #101112); }
.at-sb-co-p { font: 600 13px/18px Inter, system-ui, sans-serif; color: var(--a-ink, #101112); font-variant-numeric: tabular-nums; }
.at-sb-co-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.at-sb-co-c { flex: none; font-variant-numeric: tabular-nums; }
.at-sb-co-c.pos { color: var(--tb-pos, #0d8a66); } .at-sb-co-c.neg { color: var(--tb-neg, #c8203f); }
body.sb-collapsed .at-sb-co { display: none; }
/* E: Attio's record bar in place of the page name */
html.at-hd-e .at-pagebar :is(.at-ico, .at-pb-name, .at-pb-sep, .at-pb-crumb):not(#_):not(#_) { display: none !important; }
.at-recbar { display: inline-flex; align-items: center; gap: 4px; min-width: 0; flex: 0 1 auto; font: 500 14px/20px Inter, system-ui, sans-serif; }
.at-rb-nav { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: transparent; cursor: pointer; color: var(--a-mute); }
.at-rb-nav:hover:not(:disabled) { background: var(--a-side-hover, rgba(0,0,0,.04)); color: var(--a-ink); }
.at-rb-nav:disabled { opacity: .35; cursor: default; }
.at-rb-co { display: inline-flex; align-items: baseline; gap: 8px; margin-left: 6px; min-width: 0; white-space: nowrap; }
.at-rb-co img { width: 20px; height: 20px; padding: 2px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--a-line); align-self: center; object-fit: contain; }
.at-rb-co b { font-weight: 600; color: var(--a-ink); overflow: hidden; text-overflow: ellipsis; }
.at-rb-tk { color: var(--a-mute); }
.at-rb-p { font-weight: 600; color: var(--a-ink); font-variant-numeric: tabular-nums; margin-left: 4px; }
.at-rb-c { font-variant-numeric: tabular-nums; } .at-rb-c.pos { color: var(--tb-pos, #0d8a66); } .at-rb-c.neg { color: var(--tb-neg, #c8203f); }
.at-rb-pos { margin-left: 12px; font-size: 12px; color: var(--a-mute); white-space: nowrap; }
.at-rb-pos:empty { display: none; }
/* F (Fiscal.ai): company row and tabs in one card — no rule between them */
html.at-hd-f .lkl-fin #fin-top:not(#_):not(#_):not(#_):not(#_) { margin: 0 0 16px !important; padding: 10px 12px 0 !important; border-radius: 12px !important;
  box-shadow: inset 0 0 0 1px var(--a-line) !important; background: var(--a-bg) !important; }
html.at-hd-f .lkl-fin #company-header:not(#_):not(#_) { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; container-type: normal !important; }
html.at-hd-f .lkl-fin #ch-inner:not(#_):not(#_) { justify-content: flex-start !important; gap: 14px !important; min-height: 36px !important; padding: 0 2px !important; flex-wrap: nowrap !important; }
html.at-hd-f .lkl-fin #company-header .ch-meta:not(#_):not(#_) { display: none !important; }
html.at-hd-f .lkl-fin #company-header .ch-name:not(#_):not(#_):not(#_) { font: 600 16px/22px Inter, system-ui, sans-serif !important; }
html.at-hd-f.at-nav-h .lkl-fin #fin-tabs-wrap:not(#_):not(#_):not(#_):not(#_) { margin: 2px 0 0 !important; height: 44px; box-shadow: none !important; border: 0 !important; padding: 0 !important; background: transparent !important; }

/* ══ Round 75: Head G — the original header and tabs where they were, in F's card, with small Attio touches:
   one ring (r12, no shadow), the exchange / sector as grey text (not pills), quieter buttons, draft 1's tabs ══ */
html.at-hd-g .lkl-fin #fin-top:not(#_):not(#_):not(#_):not(#_) { margin: 0 0 16px !important; padding: 14px 16px 0 !important; border-radius: 12px !important;
  box-shadow: inset 0 0 0 1px var(--a-line) !important; background: var(--a-bg) !important; border: 0 !important; }
html.at-hd-g .lkl-fin #company-header:not(#_):not(#_):not(#_) { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
/* undo draft 1's header trims: buttons, labels and the divider come back */
html.at-hd-g .lkl-fin #company-header :is(#fin-acts, .ch-vsep):not(#_):not(#_):not(#_) { display: flex !important; }
html.at-hd-g .lkl-fin #company-header .ch-vsep:not(#_):not(#_):not(#_) { display: block !important; }
html.at-hd-g .lkl-fin .fa-btn .fa-lbl:not(#_) { display: inline !important; }
html.at-hd-g .lkl-fin #fin-report .fin-tool-lbl:not(#_) { display: inline !important; }
html.at-hd-g .lkl-fin #company-header .ch-logo:not(#_):not(#_):not(#_) { width: 40px !important; height: 40px !important; padding: 5px !important; border-radius: 10px !important; }
html.at-hd-g .lkl-fin #company-header .ch-name:not(#_):not(#_):not(#_) { font: 600 18px/24px Inter, system-ui, sans-serif !important; }
/* exchange · sector as plain grey text */
html.at-hd-g .lkl-fin #company-header .ch-mx .at-pill:not(#_):not(#_) { background: none !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; height: auto; font: 500 13px/16px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; }
html.at-hd-g .lkl-fin #company-header .ch-mx .at-pill + .at-pill::before { content: '·'; margin: 0 6px; }
html.at-hd-g .lkl-fin #company-header .ch-id:not(#_):not(#_):not(#_) { flex: 1 1 auto !important; }
html.at-hd-g .lkl-fin #ch-inner:not(#_):not(#_):not(#_) { justify-content: space-between !important; }
html.at-hd-g .lkl-fin #company-header .ch-mx:not(#_):not(#_) { gap: 0 !important; }
html.at-hd-g .lkl-fin #company-header .ch-meta:not(#_):not(#_):not(#_) { display: inline-flex !important; }
/* price on the right as before, change as a soft pill */
html.at-hd-g .lkl-fin #company-header .ch-quote:not(#_):not(#_):not(#_) { flex-direction: column !important; align-items: flex-end !important; gap: 4px !important; }
html.at-hd-g .lkl-fin #company-header .ch-price:not(#_):not(#_):not(#_) { font: 600 20px/26px Inter, system-ui, sans-serif !important; }
html.at-hd-g .lkl-fin #company-header .ch-chg:not(#_):not(#_):not(#_) { padding: 0 6px !important; height: 22px; border-radius: 6px; font: 500 12px/16px Inter, system-ui, sans-serif !important; }
html.at-hd-g .lkl-fin #company-header .ch-chg-pos:not(#_):not(#_):not(#_) { background: rgba(67,209,167,.14) !important; }
html.at-hd-g .lkl-fin #company-header .ch-chg-neg:not(#_):not(#_):not(#_) { background: rgba(247,52,99,.10) !important; }
html.at-hd-g .lkl-fin #company-header .ch-when:not(#_):not(#_):not(#_) { display: inline !important; color: var(--a-mute); }
/* tabs sit in the card, under the company, with no extra rule */
html.at-hd-g.at-nav-h .lkl-fin #fin-tabs-wrap:not(#_):not(#_):not(#_):not(#_) { margin: 10px 0 0 !important; height: 44px; box-shadow: none !important; border: 0 !important; padding: 0 !important; background: transparent !important; }

/* ══ Round 76: radical heads R1–R5 (html.at-hd-r1…r5 on draft 1) ══ */
/* R1–R3: no header and no tab row on the page */
html:is(.at-hd-r1, .at-hd-r2, .at-hd-r3) .lkl-fin #fin-top:not(#_):not(#_):not(#_) { display: none !important; }
/* R1: the sidebar becomes the stock (styled without html classes: in a bottom-bar tab it lives in the outer page) */
#app-sidebar.at-r1-on .sb-nav { display: none !important; }
#app-sidebar:not(.at-r1-on) .at-r1 { display: none; }
body.sb-collapsed .at-r1 { display: none; }
.at-r1 { padding: 4px 8px 16px; overflow-y: auto; flex: 1 1 auto; min-height: 0; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink, #101112); }
.at-r1-back { display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 6px; margin: 2px 0 10px; border: 0; border-radius: 8px; background: transparent; cursor: pointer;
  font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute, rgba(0,0,0,.55)); }
.at-r1-back:hover { background: var(--a-side-hover, rgba(0,0,0,.04)); color: var(--a-ink); }
.at-r1-co { display: flex; align-items: center; gap: 10px; padding: 0 6px; }
.at-r1-co img { width: 32px; height: 32px; padding: 4px; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px var(--a-line, #EEEFF1); object-fit: contain; }
.at-r1-co div { display: flex; flex-direction: column; min-width: 0; }
.at-r1-co b { font: 600 15px/20px Inter, system-ui, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.at-r1-co span { font-size: 12px; line-height: 16px; color: var(--a-mute); }
.at-r1-q { display: flex; align-items: baseline; gap: 8px; padding: 10px 6px 0; }
.at-r1-p { font: 600 20px/26px Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.at-r1-c { font-size: 13px; font-variant-numeric: tabular-nums; }
.at-r1-acts { display: flex; gap: 2px; padding: 10px 2px 10px; margin-bottom: 6px; box-shadow: inset 0 -1px 0 var(--a-line, #EEEFF1); }
.at-r1-a { flex: 1; display: inline-flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 0; border: 0; border-radius: 8px; background: transparent; cursor: pointer;
  text-decoration: none; font: 500 11px/14px Inter, system-ui, sans-serif; color: var(--a-mute); }
.at-r1-a i { font-size: 16px; color: var(--a-ink); }
.at-r1-a:hover { background: var(--a-side-hover, rgba(0,0,0,.04)); }
.at-r1-i-h { padding: 12px 8px 4px; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
.at-r1-i { display: flex; align-items: center; gap: 8px; width: 100%; height: 28px; padding: 0 8px; border: 0; border-radius: 9px; background: transparent; cursor: pointer; text-align: left;
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
.at-r1-i .at-pg-ic { font-size: 15px; color: var(--a-mute); }
.at-r1-i:hover { background: var(--a-side-hover, rgba(0,0,0,.04)); }
.at-r1-i.on { background: var(--a-side-on, rgba(0,0,0,.06)); }
:is(.at-r1-c, .at-r2-c, .at-r3-c, .at-r4-mini span, .at-r5 span).pos { color: var(--tb-pos, #0d8a66); }
:is(.at-r1-c, .at-r2-c, .at-r3-c, .at-r4-mini span, .at-r5 span).neg { color: var(--tb-neg, #c8203f); }
/* R2: one command bar */
html.at-hd-r2 .at-pagebar :is(.at-ico, .at-pb-name, .at-pb-sep, .at-pb-crumb, .at-pb-tools):not(#_):not(#_) { display: none !important; }
.at-r2 { display: flex; align-items: center; gap: 10px; flex: 1 1 auto; min-width: 0; font: 500 14px/20px Inter, system-ui, sans-serif; }
.at-r2-stk { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 8px 0 4px; border: 0; border-radius: 8px; cursor: pointer; background: transparent; color: var(--a-ink);
  box-shadow: inset 0 0 0 1px var(--a-ring, #E6E7EA); font: 600 14px/20px Inter, system-ui, sans-serif; }
.at-r2-stk:hover { background: var(--a-hover); }
.at-r2-stk img { width: 22px; height: 22px; padding: 2px; border-radius: 6px; object-fit: contain; }
.at-r2-stk i { font-size: 12px; color: var(--a-mute); }
.at-r2-p { font-weight: 600; font-variant-numeric: tabular-nums; }
.at-r2-c { font-variant-numeric: tabular-nums; }
.at-r2-seg { display: inline-flex; gap: 2px; margin-left: 10px; padding: 2px; border-radius: 10px; background: rgba(0,0,0,.04); }
html[data-theme="dark"] .at-r2-seg { background: rgba(255,255,255,.05); }
.at-r2-seg button { height: 26px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; white-space: nowrap; font: 500 13px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
.at-r2-seg button:hover { color: var(--a-ink); }
.at-r2-seg button.on { background: var(--a-bg, #fff); color: var(--a-ink); box-shadow: 0 1px 2px -1px rgba(0,0,0,.08), inset 0 0 0 1px var(--a-line); }
.at-r2-pg { font-size: 13px; color: var(--a-mute); white-space: nowrap; }
.at-r2-acts { display: inline-flex; gap: 2px; margin-left: auto; }
.at-r2-a { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; color: var(--a-mute); text-decoration: none; }
.at-r2-a span { display: none; }
.at-r2-a:hover { background: var(--a-side-hover, rgba(0,0,0,.04)); color: var(--a-ink); }
.at-r2-a i { font-size: 16px; }
/* R3: floating dock */
html.at-hd-r3 .at-dock:not(#_) { bottom: auto !important; top: 60px; }
html.at-hd-r3 .lkl-fin { padding-bottom: 80px; }
.at-r3 { position: fixed; left: 50%; transform: translateX(-50%); bottom: 16px; z-index: 210; display: flex; align-items: center; gap: 2px; overflow-x: auto; scrollbar-width: none;
  padding: 5px; border-radius: 14px; background: #fff;
  /* solid + a visible outline: the frosted 82% white melted into the white tables (user, 2026-10-26) */
  box-shadow: 0 0 0 1px rgba(28,40,64,.14), 0 6px 20px -4px rgba(28,40,64,.22), 0 18px 48px -10px rgba(28,40,64,.22); font: 500 13px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html[data-theme="dark"] .at-r3 { background: #26282d; box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 8px 28px -6px rgba(0,0,0,.5); }
/* short of room (narrow window, My stocks button beside it): the sections lose their icons, never their words
   (user, 2026-10-26: "Don't use the icons use words for the main ones"); then the day change goes */
.at-r3.at-r3-tight .at-r3-s .at-pg-ic { display: none; }
.at-r3.at-r3-tight .at-r3-s { padding: 0 8px; }
.at-r3.at-r3-tight2 .at-r3-c { display: none; }
.at-r3.at-r3-tight2 .at-r3-s { padding: 0 6px; }
/* last step: the price always stays (user, 2026-10-26: "Keep the price in the bottom bar; drop the ticker's day change
   and tighten the actions instead") — the actions, dividers and sections close up */
.at-r3.at-r3-tight3 { gap: 0; }
.at-r3.at-r3-tight3 .at-r3-sep { margin: 4px 2px; }
.at-r3.at-r3-tight3 .at-r3-co { padding: 0 4px 0 2px; }
.at-r3.at-r3-tight4 .at-r3-a { width: 24px; }
.at-r3.at-r3-tight4 .at-r3-s { padding: 0 4px; }
/* the three statements' switch on their controls row (2026-10-26): an Attio segmented control */
.at-stseg { display: inline-flex; flex: none; gap: 2px; padding: 2px; border-radius: 8px; background: rgba(0,0,0,.05); }
html[data-theme="dark"] .at-stseg { background: rgba(255,255,255,.06); }
.at-stseg button { height: 24px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent; cursor: pointer; white-space: nowrap;
  font: 500 13px/18px Inter, system-ui, sans-serif; color: var(--a-mute); }
.at-stseg button:hover { color: var(--a-ink); }
.at-stseg button.on { background: var(--a-bg); color: var(--a-ink); box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 0 0 1px var(--a-ring); cursor: default; }
/* nothing in the dock shrinks (user, 2026-10-26: the price ran over the divider): squeezed items hid the overflow,
   so the short-of-room steps (.at-r3-tight / -tight2) never kicked in */
.at-r3 > * { flex-shrink: 0; }
/* a fixed box with left:50% only gets the room from there to the window's right edge, so the dock was squeezed below
   its max-width and always ran ~18px short: size it to its content (max-width from centre() still caps it) */
.at-r3 { width: max-content; }
.at-r3-co { display: inline-flex; align-items: center; gap: 6px; padding: 0 8px 0 4px; white-space: nowrap; }
.at-r3-co img { width: 22px; height: 22px; padding: 2px; border-radius: 6px; background: #fff; object-fit: contain; }
.at-r3-co b { font-weight: 600; }
.at-r3-p { font-weight: 600; font-variant-numeric: tabular-nums; }
.at-r3-sep { width: 1px; align-self: stretch; margin: 4px 4px; background: var(--a-line, #EEEFF1); }
.at-r3-s { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border: 0; border-radius: 10px; background: transparent; cursor: pointer; white-space: nowrap; font: inherit; color: var(--a-mute); }
.at-r3-s:hover { background: rgba(0,0,0,.04); color: var(--a-ink); }
.at-r3-s.on { background: var(--a-ink, #101112); color: #fff; }
.at-r3-s.on .at-pg-ic { color: #fff; }
/* dark: --a-ink is near-white, so ink + white text vanished (user, 2026-10-26) — the open section takes the dark
   theme's brand blue, as buttons and the open tab do */
html[data-theme="dark"] .at-r3-s.on { background: #455DDC; color: #fff; }
.at-r3-a { text-decoration: none; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 10px; background: transparent; cursor: pointer; color: var(--a-mute); }
.at-r3-a:hover { background: rgba(0,0,0,.04); color: var(--a-ink); }
.at-r3-a i { font-size: 16px; }
/* R4: a cover that collapses into the tab row */
html.at-hd-r4 .lkl-fin #fin-top:not(#_):not(#_):not(#_):not(#_):not(#_) { position: sticky !important; z-index: 30; margin: -12px -14px 16px !important; padding: 28px 28px 0 !important;
  border-radius: 0 !important; box-shadow: inset 0 -1px 0 var(--a-line) !important;
  background: linear-gradient(180deg, color-mix(in srgb, #455DDC 5%, var(--a-bg)) 0%, var(--a-bg) 70%) !important; }
html.at-hd-r4 .lkl-fin #company-header .ch-logo:not(#_):not(#_):not(#_):not(#_) { width: 56px !important; height: 56px !important; padding: 8px !important; border-radius: 14px !important; }
html.at-hd-r4 .lkl-fin #company-header .ch-name:not(#_):not(#_):not(#_):not(#_) { font: 650 28px/34px Inter, system-ui, sans-serif !important; letter-spacing: -0.4px !important; }
html.at-hd-r4 .lkl-fin #company-header .ch-price:not(#_):not(#_):not(#_):not(#_) { font: 650 28px/34px Inter, system-ui, sans-serif !important; letter-spacing: -0.3px; }
html.at-hd-r4 .lkl-fin #company-header .ch-id:not(#_):not(#_):not(#_):not(#_) { flex-wrap: wrap !important; row-gap: 4px !important; }
html.at-hd-r4.at-nav-h .lkl-fin #fin-tabs-wrap:not(#_):not(#_):not(#_):not(#_):not(#_) { margin: 18px 0 0 !important; height: 44px; }
.at-r4-mini { display: none; align-items: center; gap: 6px; padding-right: 12px; margin-right: 6px; box-shadow: inset -1px 0 0 var(--a-line); white-space: nowrap; font: 500 14px/20px Inter, system-ui, sans-serif; }
html.at-hd-r4.at-r4-stuck .at-r4-mini { display: inline-flex; }
.at-r4-mini img { width: 20px; height: 20px; padding: 2px; border-radius: 6px; object-fit: contain; }
.at-r4-mini b { font-weight: 600; }
.at-r4-mini span { font-weight: 600; font-variant-numeric: tabular-nums; }
html.at-hd-r4.at-r4-stuck .lkl-fin #fin-top:not(#_):not(#_):not(#_):not(#_):not(#_) { background: var(--a-bg) !important; }
/* R5: your list as tabs in the page bar */
html.at-hd-r5 .at-pagebar :is(.at-ico, .at-pb-name, .at-pb-sep, .at-pb-crumb):not(#_):not(#_) { display: none !important; }
html.at-hd-r5 .lkl-fin #company-header:not(#_):not(#_):not(#_) { display: none !important; }
.at-r5 { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; font: 500 13px/20px Inter, system-ui, sans-serif; }
.at-r5-l { flex: none; font-size: 12px; color: var(--a-mute); padding-right: 8px; box-shadow: inset -1px 0 0 var(--a-line); }
.at-r5-s { display: flex; gap: 2px; min-width: 0; overflow-x: auto; scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent); padding-right: 32px; }
.at-r5-t { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 9px 0 6px; border-radius: 8px; text-decoration: none; color: var(--a-mute); white-space: nowrap; }
.at-r5-t:hover { background: var(--a-side-hover, rgba(0,0,0,.04)); color: var(--a-ink); }
.at-r5-t img { width: 18px; height: 18px; padding: 1px; border-radius: 5px; object-fit: contain; }
.at-r5-t b { font-weight: 600; color: var(--a-ink); }
.at-r5-t span { font-variant-numeric: tabular-nums; }
.at-r5-t.on { background: var(--a-bg, #fff); box-shadow: inset 0 0 0 1px var(--a-ring, #E6E7EA), 0 1px 2px rgba(0,0,0,.04); color: var(--a-ink); }
.at-r5-n { color: var(--a-ink); max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
.at-r5-pr { font-weight: 600; color: var(--a-ink); }

/* R3 chosen (user, 2026-10-25): no draft switch bar on the stock page (Nav / Head / Original | Draft), and the page under
   an open bottom-bar tab hides its floating dock (it showed through bottom left) */
html.at-nav-h1 .at-dock:not(#_):not(#_) { display: none !important; }
html:has(#aiq-tabframes > iframe:not([hidden])) .at-r3:not(#_) { display: none !important; }

/* ══ Round 77: statements table polish + one blue button (user, 2026-10-26: "make the table nicer and make one blue
   button on the upper right"). Subtotals lead (ink names, a firmer rule above) and the lines under them read in Attio's
   grey; TTM is the highlighted period column (lavender tint + blue dot); dashes fade; rows hover the Screener's light
   blue; the dock never covers the last row. Ask AI in the page bar is the one blue primary. ══ */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr[data-separator] > td { background: var(--a-bg) !important;
  box-shadow: inset 0 1px 0 var(--a-ring) !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:not([data-separator]) > td:first-child,
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:not([data-separator]) > td:first-child * { color: var(--a-label) !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr[data-separator] > td:first-child { color: var(--a-ink) !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > :is(thead, tbody) > tr > :is([data-period="TTM"], .stmt-ttm) { background: #F7F7FD !important; }
html.at-fin-d.tb-attio[data-theme="dark"] .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > :is(thead, tbody) > tr > :is([data-period="TTM"], .stmt-ttm) { background: #1B1D2A !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > thead > tr > th.stmt-ttm::before { content: ""; display: inline-block; width: 5px; height: 5px;
  margin: 0 6px 2px 0; border-radius: 50%; background: var(--a-blue); vertical-align: middle; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr > td[data-raw=""] { color: var(--a-faint) !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:hover > td { background: #F7F8FD !important; }
html.at-fin-d.tb-attio[data-theme="dark"] .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:hover > td { background: #1E2130 !important; }
html.at-hd-r3 .lkl-fin #statements-inner:not(#_) { padding-bottom: 72px !important; }
/* Round 78 (user, 2026-10-26: "no need to display duplicates … all placed in one area. Also the Blue button should be on
   the row under"; then Download Excel out of Options, "next to ask ai"): the page bar's notes / alerts / Ask AI copies go
   (the dock keeps ★ notes alerts report), and rowTwo() puts [Download Excel] [Ask AI blue] at the right end of the open
   tab's controls row (Overview gets a slim row of its own). */
html.at-hd-r3 .at-pagebar .at-pb-tools:not(#_):not(#_) { display: none !important; }
html.at-hd-r3 .lkl-fin .at-r2 { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; order: 10; flex: none; }
html.at-hd-r3 .lkl-fin #stmts-toolbar #stmt-unit-note:not(#_):not(#_):not(#_) { margin-right: 4px; }
html.at-hd-r3 .lkl-fin #stmts-toolbar #stmt-unit-note + .at-r2, html.at-hd-r3 .lkl-fin #stmts-toolbar .at-r2 { margin-left: 8px; }
html.at-hd-r3 .lkl-fin .at-r2 .at-btn:not(#_):not(#_):not(#_) { display: inline-flex; align-items: center; gap: 6px; height: 28px !important; padding: 4px 8px 4px 6px !important;
  border-radius: 8px !important; border: 0 !important; font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; text-decoration: none !important;
  margin: 0 !important; width: auto !important; white-space: nowrap; }
html.at-hd-r3 .lkl-fin .at-r2 .at-btn[hidden] { display: none !important; }
html.at-hd-r3 .lkl-fin .at-r2 .at-r2-xl:not(#_):not(#_):not(#_) { background: var(--a-bg) !important; color: var(--a-ink) !important; box-shadow: var(--a-btn) !important; }
html.at-hd-r3 .lkl-fin .at-r2 .at-r2-xl:not(#_):not(#_):not(#_):hover { background: var(--a-hover) !important; }
html.at-hd-r3 .lkl-fin .at-r2 .at-r2-xl i { font-size: 16px; color: #107C41; }
html.at-hd-r3 .lkl-fin .at-r2 #fin-ask-ai:not(#_):not(#_):not(#_) { background: var(--a-blue) !important; color: #FFFFFF !important; box-shadow: var(--a-btn-pri) !important; }
html.at-hd-r3 .lkl-fin .at-r2 #fin-ask-ai:not(#_):not(#_):not(#_):hover { background: var(--a-blue-h) !important; }
html.at-hd-r3 .lkl-fin .at-r2 #fin-ask-ai :is(i, svg, span):not(#_):not(#_):not(#_) { color: #FFFFFF !important; font-size: inherit; display: inline !important; }
html.at-hd-r3 .lkl-fin .at-r2 #fin-ask-ai i:not(#_):not(#_):not(#_) { font-size: 16px; }
/* 16px under the row so the Overview's first cards never touch its rule (user, 2026-10-26: "so they don't touch") */
html.at-hd-r3 .lkl-fin .at-r2-row { display: flex; align-items: center; min-height: 48px; margin: -16px -14px 16px; padding: 0 14px; border-bottom: 1px solid var(--a-line); }
/* Every Financials controls row (Statements, Charts, Comparables, Statistics, the Overview's row) is pulled up 16px onto
   the page bar, but base.html's <main> only has 12px (pt-3) above it: rows sat 4px under the bar and their contents read
   2px high (user, 2026-10-26: "this needs to be centered vertically"). 16px makes every -16px land on the bar's edge. */
html.at-hd-r3 main.lkl-fin:not(#_) { padding-top: 16px !important; }
/* Download Excel lives on the row now, not in Options (the item stays in the DOM: the button clicks it, keeping its gates) */
html.at-hd-r3 .lkl-fin #stmt-opt-menu .stmt-excel-btn, html.at-hd-r3 .lkl-fin #stmt-opt-menu hr:has(+ .stmt-excel-btn) { display: none !important; }

/* ══ Round 79: Charts › Configure charts (#configure-card) as an Attio popover (user, 2026-10-26: "make this popup in
   the new attio style"). Measured kit (attio-style §9/§10): r12 + the dialog shadow; 44px header with a hairline, 14/500
   title, ghost ×; borderless search (14/500, icon inside) over a full-width rule; categories as Attio tabs (28px, active
   = side fill + inset ring); 32px rows, r8, hover fill, no rules between, 16px r5 tick box (blue when on); footer 44px
   over a rule: 32px r9 field + the blue primary. The search icon used .ph, which a ph-bold glyph doesn't have, so it
   sat above the field. ══ */
html.at-shell #configure-card:not(#_):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 #configure-card #configure-header:not(#_):not(#_) { min-height: 44px; padding: 8px 8px 8px 16px !important; box-shadow: inset 0 -1px 0 var(--a-line); border: 0 !important; }
html.at-shell #configure-card #configure-title:not(#_):not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; color: var(--a-ink) !important; }
html.at-shell #configure-card #configure-close:not(#_):not(#_) { width: 28px; height: 28px; border-radius: 8px; color: var(--a-mute); }
html.at-shell #configure-card #configure-close:hover { background: var(--a-hover) !important; color: var(--a-ink); }
html.at-shell #configure-card .cfg-search:not(#_) { padding: 0; box-shadow: inset 0 -1px 0 var(--a-line); }
html.at-shell #configure-card .cfg-search > i:not(#_) { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 16px; color: var(--a-mute); pointer-events: none; }
html.at-shell #configure-card #metric-search.cfg-in:not(#_):not(#_) { height: 44px; padding: 0 16px 0 40px; border: 0 !important; border-radius: 0; background: transparent !important;
  box-shadow: none !important; outline: none !important; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell #configure-card .cfg-in::placeholder { color: var(--a-mute); }
html.at-shell #configure-card .cfg-tabs:not(#_) { padding: 8px 12px; box-shadow: inset 0 -1px 0 var(--a-line); }
html.at-shell #configure-card #metric-cat-tabs:not(#_) { gap: 2px; }
html.at-shell #configure-card .cfg-cat:not(#_):not(#_) { height: 28px; padding: 4px 8px; border: 0 !important; border-radius: 8px; background: transparent;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-label); }
html.at-shell #configure-card .cfg-cat:hover { background: var(--a-hover); color: var(--a-ink); }
html.at-shell #configure-card .cfg-cat.is-on:not(#_):not(#_) { background: var(--a-side, #FBFBFB) !important; box-shadow: inset 0 0 0 1px var(--a-line); color: var(--a-ink); }
html.at-shell #configure-card #metric-list:not(#_) { padding: 4px; margin: 0; }
html.at-shell #configure-card .cfg-row:not(#_):not(#_) { min-height: 32px; gap: 8px; padding: 6px 8px; margin: 0; border: 0 !important; border-radius: 8px; }
html.at-shell #configure-card .cfg-row:hover { background: var(--a-hover); }
html.at-shell #configure-card .cfg-cb:not(#_):not(#_) { width: 16px; height: 16px; border-radius: 5px; border: 0; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); background: var(--at-pop-bg); }
html.at-shell[data-theme="dark"] #configure-card .cfg-cb:not(#_):not(#_) { box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
html.at-shell #configure-card .cfg-row.is-on .cfg-cb:not(#_):not(#_) { background: var(--a-blue); box-shadow: none; }
html.at-shell #configure-card .cfg-lbl:not(#_):not(#_), html.at-shell #configure-card .cfg-row.is-on .cfg-lbl:not(#_):not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell #configure-card .cfg-empty:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell #configure-card #configure-footer:not(#_):not(#_) { min-height: 52px; padding: 10px 12px; gap: 8px; box-shadow: inset 0 1px 0 var(--a-line); }
html.at-shell #configure-card #configure-preset-name.cfg-in:not(#_):not(#_) { height: 32px; padding: 6px 8px; border: 0 !important; border-radius: 9px; background: transparent;
  box-shadow: inset 0 0 0 1px var(--a-ring) !important; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell #configure-card #configure-preset-name.cfg-in:focus { box-shadow: inset 0 0 0 1px var(--a-blue) !important; }
html.at-shell #configure-card #configure-footer .aiq-btn.pri:not(#_):not(#_) { height: 28px; padding: 4px 10px; border: 0; border-radius: 8px; background: var(--a-blue) !important;
  color: #FFFFFF !important; box-shadow: var(--a-btn-pri) !important; font: 500 14px/20px Inter, system-ui, sans-serif; }
html.at-shell #configure-card #configure-footer .aiq-btn.pri:hover { background: var(--a-blue-h) !important; }
html.at-shell #configure-card #configure-resize:not(#_) { color: var(--a-mute); opacity: .35; }
/* the list scrolls under the footer: fade its last 24px, never a sliced row (no-hard-cutoffs rule) */
html.at-shell #configure-card #metric-list:not(#_) { -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 24px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 24px), transparent); padding-bottom: 16px; }
/* Options ▾ as an Attio menu: r12 card, 12/500 grey group label, 32px items with a 16px grey icon on the left (stmtOptIcons),
   the picked one in blue with a check on the right — the old left-hand ✓ column goes (user, 2026-10-26) */
html.at-fin-d .lkl-fin #stmt-opt-menu.stmt-opt-menu:not(#_):not(#_) { padding: 4px !important; border: 0 !important; border-radius: 12px !important;
  background: var(--at-pop-bg) !important; box-shadow: var(--at-pop-sh) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; min-width: 220px; }
html.at-fin-d .lkl-fin #stmt-opt-menu .stmt-opt-lbl:not(#_):not(#_) { padding: 8px 8px 4px !important; font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-label) !important; }
html.at-fin-d .lkl-fin #stmt-opt-menu .stmt-opt-it:not(#_):not(#_) { height: 32px; padding: 6px 8px !important; gap: 8px; border-radius: 8px !important;
  font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; color: var(--a-ink) !important; }
html.at-fin-d .lkl-fin #stmt-opt-menu .stmt-opt-it:hover:not(#_):not(#_) { background: var(--a-hover) !important; }
html.at-fin-d .lkl-fin #stmt-opt-menu .stmt-opt-it:not(#_):not(#_)::before { content: none !important; display: none !important; }
html.at-fin-d .lkl-fin #stmt-opt-menu .stmt-opt-it .at-mi-ic { font-size: 16px; color: var(--a-mute); flex: none; }
html.at-fin-d .lkl-fin #stmt-opt-menu .stmt-opt-it:is(.seg-on, .is-on):not(#_):not(#_) { color: var(--a-blue) !important; font-weight: 500 !important; }
html.at-fin-d .lkl-fin #stmt-opt-menu .stmt-opt-it:is(.seg-on, .is-on) .at-mi-ic { color: var(--a-blue); }
html.at-fin-d .lkl-fin #stmt-opt-menu .stmt-opt-it:is(.seg-on, .is-on):not(#_):not(#_)::after { content: "\2713"; margin-left: auto; font-size: 13px; color: var(--a-blue); }

/* ══ Round 80: statement hover card, cleaner (user, 2026-10-26: "make these popups cleaner and more in the Attio style").
   Attio's record-field look: no boxed 2×2 grid — the figures are one list of field rows (12/500 grey label left,
   14/500 value right, 28px, no rules) under one full-width hairline; 20/600 figure (Attio's largest in a popover); the
   change line 12/500 with the period in grey; grey 10px axis labels; a shorter chart. ══ */
html.at-fin-d #stmt-insp:not(#_):not(#_) { width: 280px; padding: 12px 14px 6px !important; }
html.at-fin-d #stmt-insp .si-t:not(#_) { margin-top: 2px; }
html.at-fin-d #stmt-insp .si-big:not(#_) { font: 600 20px/28px Inter, system-ui, sans-serif !important; letter-spacing: -0.2px; margin-top: 8px; }
html.at-fin-d #stmt-insp .si-big span:not(#_) { margin-left: 6px; }
html.at-fin-d #stmt-insp .si-chg:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif !important; margin-top: 2px; }
html.at-fin-d #stmt-insp .si-chart:not(#_) { margin: 12px 0 2px; }
html.at-fin-d #stmt-insp svg:not(#_) { height: 92px; }
html.at-fin-d #stmt-insp svg text:not(#_) { fill: var(--a-mute) !important; font-size: 10px; font-weight: 500; }
html.at-fin-d #stmt-insp .si-kv:not(#_):not(#_) { display: block; margin: 8px -14px 0; padding: 4px 6px 0; border-top: 1px solid var(--a-line); }
html.at-fin-d #stmt-insp .si-kv > div:not(#_):not(#_) { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 28px;
  padding: 4px 8px !important; border: 0 !important; }
html.at-fin-d #stmt-insp .si-kv small:not(#_):not(#_) { display: inline; }
html.at-fin-d #stmt-insp .si-kv b:not(#_):not(#_) { display: inline; margin: 0; font: 500 14px/20px Inter, system-ui, sans-serif !important; font-variant-numeric: tabular-nums; }
html.at-hd-r3 .lkl-fin .at-r2 .at-r2-png i:not(#_) { color: var(--a-mute); }
/* the other statement-list pages (Capital, Credit, Acquisitions, Properties, Patents, Pay, Board, KPIs) hide the unit
   note that pushed the buttons right, and their content sat on the row's rule (user, 2026-10-26: "fix the spacing/margins
   on each page"): the buttons take the free space, and 16px separates the row from what follows */
html.at-hd-r3 .lkl-fin #statements-inner:is(.cap-on, .cr-on, .acq-on, .prp-on, .pat-on, .pay-on, .brd-on, .kpi-on) #stmts-toolbar .at-r2 { margin-left: auto; }
html.at-hd-r3 .lkl-fin #statements-inner:is(.cap-on, .cr-on, .acq-on, .prp-on, .pat-on, .pay-on, .brd-on, .kpi-on) #stmts-toolbar:not(#_):not(#_):not(#_) { margin-bottom: 16px !important; }
/* nothing in the row on this page (emptyToolbar() in aiq-attio-draft.js): no blank band under the tabs (2026-10-30) */
html .lkl-fin #stmts-toolbar.at-tb-empty:not(#_):not(#_):not(#_):not(#_) { display: none !important; }
/* Revenue breakdown fills the row (Period, years, Values, Products, Flow): it wrapped and dropped the buttons onto a
   second line at the left — the row stays one line and the unit note gives way (ellipsis) */
html.at-hd-r3 .lkl-fin #stmts-toolbar:not(#_):not(#_):not(#_) { flex-wrap: nowrap !important; }
html.at-hd-r3 .lkl-fin #stmts-toolbar #stmt-unit-note:not(#_):not(#_):not(#_) { min-width: 0; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* narrow rows (≈1000px windows: Revenue breakdown's seven controls overflowed by 90px): the download buttons keep only
   their icon (the tooltip names them); container query on the row, not the viewport (the sidebar takes 220–275px) */
html.at-hd-r3 .lkl-fin :is(#stmts-toolbar, #ch-bar) { container-type: inline-size; }
@container (max-width: 980px) {
  html.at-hd-r3 .lkl-fin .at-r2 .at-r2-xl > span { display: none; }
  html.at-hd-r3 .lkl-fin .at-r2 .at-r2-xl:not(#_):not(#_):not(#_) { padding: 4px 6px !important; }
}
/* Revenue breakdown: View settings ▾ (segFold) holds Period, Years, Show and Chart; Products ▾ stays on the row */
html.at-hd-r3 .lkl-fin .at-vs { position: relative; display: inline-flex; flex: none; }
html.at-hd-r3 .lkl-fin .at-vs[hidden] { display: none !important; }
html.at-hd-r3 .lkl-fin .at-vs-btn:not(#_):not(#_):not(#_) { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 4px 8px 4px 6px !important; border-radius: 8px;
  border: 0; background: var(--a-bg); box-shadow: var(--a-btn); font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); white-space: nowrap; }
html.at-hd-r3 .lkl-fin .at-vs-btn:hover { background: var(--a-hover) !important; }
html.at-hd-r3 .lkl-fin .at-vs-btn > i:first-child { font-size: 16px; color: var(--a-mute); }
html.at-hd-r3 .lkl-fin .at-vs-btn .at-car { font-size: 11px; color: var(--a-mute); }
html.at-hd-r3 .lkl-fin .at-vs-menu:not(#_):not(#_) { position: absolute; top: calc(100% + 4px); left: 0; z-index: var(--z-pop, 1000); min-width: 240px; }
html.at-hd-r3 .lkl-fin .at-vs-menu[hidden] { display: none !important; }
html.at-hd-r3 .lkl-fin .at-vs-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; padding: 2px 4px 2px 8px;
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-hd-r3 .lkl-fin .at-vs-row[hidden] { display: none !important; }
html.at-hd-r3 .lkl-fin .at-vs-row > span:first-child { color: var(--a-label); }
html.at-hd-r3 .lkl-fin .at-vs-row :is(.at-period, .at-segpill):not(#_):not(#_) { margin: 0 !important; }
html.at-hd-r3 .lkl-fin .at-vs-row :is(#stmt-seg-show, #stmt-seg-view-wrap):not(#_):not(#_) { display: inline-flex !important; margin: 0 !important; }
html.at-hd-r3 .lkl-fin .at-vs-row .at-period .at-sort-k { display: none; }
html.at-hd-r3 .lkl-fin #stmts-toolbar .at-vs:not(#_) { order: 2; }

/* ══ Round 81: KPI tab tables in Attio's style (user, 2026-10-26: "All of these tables and bar charts and line charts
   need to be restyled in Attio theme"). Same look as the statements: white header (no grey band), 14/500 ink header +
   cells, 40 / 36px rows, hairlines with vertical rules, a pinned name column with a rule on its right (cells scrolled
   under it no longer peek out as stray "…8" / "ts"), quiet 32px group bands, light-blue hover, selected KPI row = faint
   blue + 2px blue edge, no bold (totals take a firmer rule above instead). ══ */
html.at-fin-d #kd-root .aiq-tbl:not(#_):not(#_) { border-collapse: separate !important; border-spacing: 0 !important; font-variant-numeric: tabular-nums; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > thead > tr > th { background: var(--a-bg) !important; height: 40px; padding: 0 12px !important;
  font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; text-transform: none !important; color: var(--a-ink) !important;
  border: 0 !important; border-bottom: 1px solid var(--a-line) !important; border-right: 1px solid var(--a-line) !important; border-radius: 0 !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr > td { background: var(--a-bg) !important; height: 36px; padding: 0 12px !important;
  font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px; color: var(--a-ink);
  border: 0 !important; border-bottom: 1px solid var(--a-line) !important; border-right: 1px solid var(--a-line) !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > * > tr > :is(th, td):last-child { border-right: 0 !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > * > tr > :is(th, td):first-child { padding-left: 14px !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > * > tr > :is(th, td).kd-brk { border-left: 1px dashed var(--a-ring) !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:hover > td { background: #F7F8FD !important; }
html.at-fin-d[data-theme="dark"] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:hover > td { background: #1E2130 !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr :is(.kd-u, .kd-last) { font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-mute) !important; margin-left: 6px; }
/* group bands: "No longer reported", "Reported separately until …", "Operating income by business", "Operating margin" */
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:is(.kd-gone-h, .kd-grp) > td { height: 32px; padding-top: 0 !important;
  background: var(--a-side, #FBFBFB) !important; font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-label) !important; border-right: 0 !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr.kd-gone > td { color: var(--a-label) !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr.kd-gone > td:is(.kd-pos, .kd-neg) { opacity: .75; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr.kd-total > td { font-weight: 500 !important; border-top: 1px solid var(--a-ring) !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr.kd-sub > td { font-weight: 500 !important; color: var(--a-label) !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr.is-on > td { background: #F3F6FE !important; }
html.at-fin-d[data-theme="dark"] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr.is-on > td { background: #1B2236 !important; }
html.at-fin-d #kd-root .kd-dot:not(#_) { width: 8px; height: 8px; border-radius: 3px; margin-right: 8px; }
/* the card holds the table edge to edge under its switch row, like the statements */
html.at-fin-d #kd-root .kd-card:has(> .kd-tblwrap, > .kd-ktools):not(#_):not(#_) { padding: 0 !important; overflow: hidden; }
html.at-fin-d #kd-root .kd-card > .kd-ktools:not(#_) { padding: 10px 12px; margin: 0 !important; border-bottom: 1px solid var(--a-line); }
html.at-fin-d #kd-root .kd-card > .kd-tblwrap:not(#_) { border-radius: 0 !important; }
html.at-fin-d #kd-root .kd-card > .kd-tblwrap .aiq-tbl > tbody > tr:last-child > td { border-bottom: 0 !important; }
html.at-fin-d #kd-root .kd-sec-h .kd-sec:not(#_) { font: 600 14px/20px Inter, system-ui, sans-serif !important; color: var(--a-ink) !important; text-transform: none; letter-spacing: -0.07px; }
/* the pinned name column casts a soft edge, so a year scrolled half under it reads as under it, not as a stray "…76M" */
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > * > tr > :is(th, td):first-child { box-shadow: 8px 0 8px -8px rgba(16,17,18,.12); }
html.at-fin-d[data-theme="dark"] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > * > tr > :is(th, td):first-child { box-shadow: 8px 0 8px -8px rgba(0,0,0,.6); }
/* KPIs in the Statistics tabs' look (user, 2026-10-29: "all of the tables are in the same style … the Attio style"; js kpiView):
   no card, edge to edge like #tab-statistics .stx-tview, the toggles live in View settings ▾ on the tab row, a grey band row
   names each table, group rows read as Statistics' sub-section rows. */
html.at-fin-d #kd-root .kd-ktools:not(#_):not(#_), html.at-fin-d #kd-root .kd-sec-h:not(#_):not(#_) { display: none !important; }
html.at-fin-d .lkl-fin .tab-panel #kd-root .kd-card:not(.kd-empty):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { margin: 0 -14px !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; outline: 0 !important; overflow: visible; }
html.at-fin-d .lkl-fin .tab-panel #kd-root .kd-card:not(.kd-empty):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::after { content: none !important; }
html.at-fin-d #kd-root .kd-card:not(.kd-empty) + .kd-card:not(.kd-empty):not(#_):not(#_) { margin-top: 24px !important; }
html.at-fin-d #kd-root .kd-card > .kd-tblwrap:not(#_):not(#_) { overflow-x: auto; scrollbar-width: none; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > * > tr > :is(th, td):first-child { min-width: 240px; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr.kd-band > td { background: var(--a-pill) !important; font-weight: 600 !important;
  color: var(--a-ink) !important; text-align: left; height: 36px; padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: middle !important; position: static; box-shadow: none; }
html.at-fin-d #kd-root tr.kd-band .stx-gn:not(#_):not(#_):not(#_) { margin-left: 6px !important; font: 500 12px/16px Inter, system-ui, sans-serif !important; color: var(--a-faint) !important; }
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:is(.kd-grp, .kd-gone-h) > td { background: var(--a-bg) !important; font-weight: 600 !important;
  color: var(--a-faint) !important; font-size: 12px !important; height: 32px; padding-top: 10px !important; padding-bottom: 0 !important; vertical-align: bottom !important; }
html.at-fin-d #kd-root .kd-muted:not(#_) { padding: 10px 0 0; }
/* View settings ▾ shows only while KPIs is open (it lives in the shared tab row) */
html:not(:has(#tab-kpi.active)) .at-ft-tools .at-kd-vs:not(#_):not(#_):not(#_):not(#_) { display: none !important; }
/* The Screener's table look on KPIs + the Statistics tabs (user, 2026-10-29: "match the exact style of this screenshot"):
   grey header icons (its criteria funnels), every dividing row as the category band (icon square · name · count; data
   rows stay plain), the newest period in its sorted-column tint (--a-sorted) with a blue dot. */
:is(#tab-statistics, #kd-root) .stx-hi { font-size: 12px; margin-right: 6px; color: var(--a-faint, rgba(0,0,0,.35)) !important; vertical-align: -1px; }
:is(#tab-statistics, #kd-root) .stx-ic { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; flex: none;
  border-radius: 6px; margin: -2px 8px 0 0; vertical-align: middle; background: var(--tb); color: var(--tn); font-size: 12px; }
:is(#tab-statistics, #kd-root) .stx-ic i { color: var(--tn) !important; }
html[data-theme="dark"] :is(#tab-statistics, #kd-root) :is(.stx-ic, .stx-subp) { color: color-mix(in srgb, var(--tn) 55%, #fff) !important; }
html[data-theme="dark"] :is(#tab-statistics, #kd-root) :is(.stx-ic, .stx-subp) i { color: color-mix(in srgb, var(--tn) 55%, #fff) !important; }
:is(#tab-statistics, #kd-root) .stx-subp { gap: 5px; font-weight: 500 !important; font-size: 12px !important; height: 22px; }
:is(#tab-statistics, #kd-root) .stx-subp i { font-size: 12px; color: inherit; }
html.tb-attio #tab-statistics table.stx-at.aiq-tbl:not(#_):not(#_) > tbody > tr.stx-sub > td,
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:is(.kd-grp, .kd-gone-h) > td { height: 40px; padding-top: 0 !important; vertical-align: middle !important; }
html[data-theme] #tab-statistics table.stx-at.aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr > td.stx-new,
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr > td.stx-new { background: var(--a-sorted) !important; }
:is(#tab-statistics, #kd-root) th.stx-new::after { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #266DF0; margin-left: 6px; vertical-align: 2px; }
/* KPI columns run newest first (kpiView .kd-rev): a change of reporting basis is marked on the newer column, so its
   dashed rule moves to that column's right edge */
html.at-fin-d[data-theme] #kd-root .aiq-tbl.kd-rev:not(#_):not(#_):not(#_) > * > tr > :is(th, td).kd-brk { border-left: 0 !important; border-right: 1px dashed var(--a-ring) !important; }
/* KPIs: no pinned-column shadow (Statistics has none) */
html.at-fin-d[data-theme] #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_) > * > tr > :is(th, td):first-child { box-shadow: none !important; }
/* no blue left edge on a picked row (user, 2026-10-26: "I don't like the way that you highlight on the left with a blue
   line"): the faint tint alone marks it; the statements' open-filing-note row (tr.fn-sel) too */
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr.fn-sel > td { background: #F3F6FE !important; }
html.at-fin-d.tb-attio[data-theme="dark"] .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr.fn-sel > td { background: #1B2236 !important; }
html.at-fin-d.tb-attio .lkl-fin .stmt-data-table:not(.at-own).aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr.fn-sel > td:first-child { box-shadow: none !important; }

/* ══ Round 82 (user, 2026-10-26: "Cards should never have blank sides"): a card's hairline was an inset box-shadow,
   which its children paint over — a full-width table (KPIs, Comparables) hid the card's left / right / bottom edge.
   The hairline is now an outline drawn inside the edge (offset −1px), painted above the card's content, so no child
   can cover it. The statements' table stays edge to edge (it has no card). ══ */
html.at-fin-d .lkl-fin .tab-panel :is(.card, .cg-card, .ch-kpis, .kd-card, .stx-card, .fx-card, .cmp-card, .cap-card, .acq-card, .prp-card,
  .brd-card, .pay-card, .stmt-seg-chartcard, .dv-note):not(.lkl-promo):not(#_):not(#_):not(#_):not(#_) {
  box-shadow: none !important; outline: 1px solid var(--a-line) !important; outline-offset: -1px; }

/* ══ Round 83 (user, 2026-10-26: "As I said before, tables should have full borders"): Round 82's outline still lost
   its left edge on the KPI tables — a pinned (position: sticky, z-index 1) name column paints above its card's own
   outline. The card's hairline is now an overlay (::after, z-index 6, inset 0, border-radius inherit) drawn above every
   child, sticky or not. It also replaces the old dark-mode grain these cards carried in ::after. ══ */
html.at-fin-d .lkl-fin .tab-panel :is(.card, .cg-card, .ch-kpis, .kd-card, .stx-card, .fx-card, .cmp-card, .cap-card, .acq-card, .prp-card,
  .brd-card, .pay-card, .stmt-seg-chartcard, .dv-note):not(.lkl-promo):not(#_):not(#_):not(#_):not(#_):not(#_) {
  position: relative; outline: 0 !important; box-shadow: none !important; }
html.at-fin-d .lkl-fin .tab-panel :is(.card, .cg-card, .ch-kpis, .kd-card, .stx-card, .fx-card, .cmp-card, .cap-card, .acq-card, .prp-card,
  .brd-card, .pay-card, .stmt-seg-chartcard, .dv-note):not(.lkl-promo):not(#_):not(#_):not(#_):not(#_):not(#_)::after {
  content: "" !important; position: absolute !important; inset: 0 !important; z-index: 6 !important; pointer-events: none !important;
  border: 1px solid var(--a-line) !important; border-radius: inherit !important; background: none !important; opacity: 1 !important; }

/* ══ Section tabs above the stock page (aiq-attio-draft.js secTabs, html.at-ft-on; Koyfin's Financial Analysis tabs,
   boxed style picked 2026-10-29). Replaced the bottom dock; the statements' own switch hides. */
html.at-ft-on .at-stseg { display: none !important; }
/* tight top (user, 2026-10-29: "get rid of some of the white space above the ticker"): ~10px under the page bar */
.at-ft { margin: -10px 0 12px; }   /* main's 16px top padding is pinned by a stronger Attio rule: pull up instead */
.at-ft-co { display: flex; align-items: center; gap: 12px; min-height: 36px; margin-bottom: 4px; }
.at-ft-id { display: flex; align-items: center; gap: 8px; min-width: 0; white-space: nowrap; }
.at-ft-id img { width: 26px; height: 26px; padding: 2px; border-radius: 6px; background: #fff; object-fit: contain; box-shadow: inset 0 0 0 1px var(--a-line); }
.at-ft-id b { font: 650 17px/1 Inter, system-ui, sans-serif; color: var(--a-ink); letter-spacing: -0.01em; }
.at-ft-nm { font: 500 14px Inter, system-ui, sans-serif; color: var(--a-mute); overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 0 1 auto; }
/* only the name shrinks: the ticker button, price and change keep their width (a squeezed .at-ft-tk let "AMD ⌄" spill
   over the name on Charts, 2026-11-09; tests/test_layout_overlap.py) */
.at-ft-id > .at-ft-tk, .at-ft-id > .at-ft-p, .at-ft-id > .at-ft-c { flex: none; }
/* a short row (820–900px windows: ticker + price + change ~260px, the four labelled actions ~303px) ran the change under
   Lists: there the actions are icons (their title says the name). The pop-ups mount on <body>, so the container is safe. */
.at-ft-co { container: atftco / inline-size; }
@container atftco (max-width: 640px) {
  .at-ft-acts .at-ft-a > span { display: none; }
  .at-ft-acts .at-ft-a:not(#_) { padding: 0 7px; }
}
.at-ft-p { font: 600 14px Inter, system-ui, sans-serif; color: var(--a-ink); font-variant-numeric: tabular-nums; margin-left: 4px; }
.at-ft-c { font: 500 13px Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.at-ft-c.pos { color: var(--tb-pos, #0d8a66); } .at-ft-c.neg { color: var(--tb-neg, #c8203f); }
.at-ft-acts { margin-left: auto; display: flex; gap: 6px; flex: none; }
.at-ft-acts .at-ft-a { height: 28px; padding: 0 10px; gap: 6px; font-size: 13px; }
/* boxed tabs: a tinted box per tab, the open one lifted; a one-page section has none (the row is empty) */
/* the tab row: tabs on the left, the page's own controls (.at-ft-tools: Statistics' Show ▾) on the right */
.at-ft-bar { display: flex; align-items: center; gap: 8px; padding-bottom: 6px; border-bottom: 1px solid var(--a-line); }
.at-ft-bar:has(> .at-ft-tabs:empty) { display: none; }
.at-ft-tabs { display: flex; align-items: center; gap: 4px; min-width: 0; flex: 1 1 auto; overflow-x: auto; scrollbar-width: none; }
.at-ft-tools { display: flex; align-items: center; gap: 6px; flex: none; margin-left: auto; }
.at-ft-tools:empty { display: none; }
/* Statistics' Show ▾ shows only while Statistics is open (it lives in the shared tab row) */
html:not(:has(#tab-statistics.active)) .at-ft-tools .at-stx-mode:not(#_):not(#_):not(#_):not(#_) { display: none !important; }   /* beats the .lkl-fin pill rule */
#tab-statistics .stx-row3.at-off { display: none !important; }
.at-ft-tabs::-webkit-scrollbar { display: none; }
.at-ft-t { flex: none; height: 32px; padding: 0 14px; border: 0; border-radius: 4px; cursor: pointer; white-space: nowrap;
  font: 500 14px Inter, system-ui, sans-serif; color: var(--a-mute); background: var(--a-fill, rgba(0,0,0,.04)); }
.at-ft-t:hover { color: var(--a-ink); background: var(--a-hover, rgba(0,0,0,.06)); }
.at-ft-t.on { background: var(--a-bg, #fff); color: var(--a-ink); box-shadow: inset 0 0 0 1px var(--a-line), 0 1px 2px rgba(0,0,0,.06); }
html[data-theme="dark"] .at-ft-t.on { box-shadow: inset 0 0 0 1px #455DDC; }
@media (max-width: 767px) { .at-ft-nm, .at-ft-acts span { display: none; } }

/* ══ Screener Plot card in Attio's style (user, 2026-10-29: "all of this in the attio style", the tool row first).
   No card (user, 2026-10-29: "it can span to the edges"): the chart runs edge to edge under the criteria row. Title = the metric pickers at 16/600 (dashboard title).
   Scope chip = the "Sorted by" chip. Quadrants / Trend / Select = ghost buttons; on = Attio's active-tab pill (faint fill +
   hairline ring, ink text, blue icon). Display = a secondary button with a chevron and a grey count pill (never blue).
   The template's own #sc-plot-* rules stay as the non-Attio fallback. ══ */
html.at-shell #sc-plot-pane:not(#_) { background: var(--a-bg) !important; }
html.at-shell #sc-plot-card:not(#_) { margin: 0; border: 0; border-radius: 0; background: var(--a-bg); box-shadow: none; overflow: visible; }
html.at-shell #sc-plot-card #sc-plot-skel:not(#_) { border-radius: 8px; }
html.at-shell #sc-plot-head:not(#_) { padding: 12px 12px 4px 16px; gap: 8px 12px; letter-spacing: -0.07px; }
/* title: the two metric pickers */
html.at-shell #sc-plot-head .q1 .sc-pick:not(#_) { height: 28px; padding: 0 6px; border-radius: 8px;
  font: 600 16px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }
html.at-shell #sc-plot-head .q1 .sc-pick:first-of-type:not(#_) { margin-left: -6px; }
html.at-shell #sc-plot-head .q1 .sc-pick:hover:not(#_) { background: var(--a-fill); }
html.at-shell #sc-plot-head .q1 .sc-pick[aria-expanded="true"]:not(#_) { background: var(--a-fill); box-shadow: inset 0 0 0 1px var(--a-line); }
html.at-shell #sc-plot-head .q1 .sc-pick svg:not(#_), html.at-shell #sc-plot-head .q1 .sc-pick[aria-expanded="true"] svg:not(#_) { color: var(--a-mute); }
html.at-shell #sc-plot-head .q1 .vs:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-label); padding: 0 4px; }
/* scope chip + note */
html.at-shell #sc-plot-head .scope:not(#_) { height: 28px; padding: 0 8px; gap: 6px; border: 0; border-radius: 8px; background: var(--a-bg);
  box-shadow: inset 0 0 0 1px var(--a-ring); font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell #sc-plot-head .scope:hover:not(#_), html.at-shell #sc-plot-head .scope[aria-expanded="true"]:not(#_) { background: var(--a-hover); color: var(--a-ink); }
html.at-shell #sc-plot-head .scope svg:not(#_) { color: var(--a-mute) !important; }
html.at-shell #sc-plot-sub:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label); }
/* tool row */
html.at-shell #sc-plot-head .tools:not(#_) { gap: 4px; padding: 0; background: none; border-radius: 0; }
html.at-shell #sc-plot-head .tools .sep:not(#_) { height: 16px; margin: 0 4px; background: var(--a-line); }
html.at-shell #sc-plot-head .tg:not(#_) { height: 28px; padding: 4px 8px 4px 6px; gap: 6px; border-radius: 8px; background: none; box-shadow: none;
  font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-mute); }
html.at-shell #sc-plot-head .tg svg:not(#_) { width: 16px; height: 16px; color: var(--a-mute); flex: none; }
html.at-shell #sc-plot-head .tg:hover:not(#_) { background: var(--a-fill); color: var(--a-ink); }
html.at-shell #sc-plot-head .tg[aria-pressed="true"]:not(#_) { background: var(--a-side-on); box-shadow: inset 0 0 0 1px var(--a-line); color: var(--a-ink); }
html.at-shell #sc-plot-head .tg[aria-pressed="true"] svg:not(#_) { color: var(--a-blue); }
html.at-shell #sc-plot-head .tg.icon:not(#_) { width: 28px; padding: 0; }
/* Display: secondary button with a chevron */
html.at-shell #sc-plot-head #sc-plot-tg-disp:not(#_) { background: var(--a-bg); box-shadow: var(--a-btn); color: var(--a-ink); }
html.at-shell #sc-plot-head #sc-plot-tg-disp:hover:not(#_), html.at-shell #sc-plot-head #sc-plot-tg-disp[aria-expanded="true"]:not(#_) { background: var(--a-hover); }
html.at-shell #sc-plot-head #sc-plot-tg-disp::after { content: ""; width: 10px; height: 10px; flex: none; background: var(--a-mute);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 5 6.5 8 3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 5 6.5 8 3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
html.at-shell #sc-plot-head .tg .badge:not(#_) { min-width: 16px; height: 16px; padding: 0 4px; border-radius: 5px; background: var(--a-fill);
  box-shadow: inset 0 0 0 1px var(--a-line); color: var(--a-label); font: 500 11px/16px Inter, system-ui, sans-serif; }
html.at-shell #sc-plot-head .tg .badge:empty:not(#_) { display: none; }
html.at-shell #sc-plot-head :is(.tg, .scope, .sc-pick):focus-visible:not(#_) { outline: 2px solid var(--a-blue); outline-offset: 1px; }
/* the two popovers: Attio form popover (surface from the pop-up block above) */
html.at-shell .sc-plot-popover:not(#_):not(#_) { top: 48px; right: 12px; padding: 12px; gap: 12px; animation: none; }
html.at-shell .sc-plot-popover .lab:not(#_) { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-shell .sc-plot-popover .sc-seg:not(#_) { height: 28px; padding: 2px; gap: 0; border: 0; border-radius: 10px; background: rgba(0,0,0,.04); }
html.at-shell[data-theme="dark"] .sc-plot-popover .sc-seg:not(#_) { background: rgba(255,255,255,.06); }
html.at-shell .sc-plot-popover .sc-seg button:not(#_) { height: 24px; padding: 0 8px; border-radius: 8px; font: 500 13px/20px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell .sc-plot-popover .sc-seg button.on:not(#_) { background: var(--a-bg); color: var(--a-ink); box-shadow: 0 1px 2px -1px rgba(0,0,0,.04), inset 0 0 0 1px var(--a-line); }
html.at-shell .sc-plot-popover .sc-pick:not(#_) { height: 28px; border: 0; border-radius: 8px; background: var(--a-bg); box-shadow: var(--a-btn);
  font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell #sc-plot-scope input#sc-plot-n:not(#_) { height: 28px; border: 0; border-radius: 8px; background: var(--a-bg);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
html.at-shell[data-theme="dark"] #sc-plot-scope input#sc-plot-n:not(#_) { box-shadow: inset 0 0 0 1px var(--a-ring); }
html.at-shell #sc-plot-scope input#sc-plot-n:focus:not(#_) { box-shadow: inset 0 0 0 1px var(--a-blue); }
/* Reset zoom: a small secondary button */
html.at-shell #sc-plot-zoom:not(#_) { height: 24px; padding: 0 8px; border: 0; border-radius: 8px; background: var(--a-bg); box-shadow: var(--a-btn);
  font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); }
html.at-shell #sc-plot-zoom.is-zoomed:not(#_) { color: var(--a-ink); }
/* footer in Plot view: chart tabs = Attio tabs (on = faint fill + hairline ring, ink), never a blue pill; PNG / CSV = small
   secondary buttons */
html.at-shell #sc-plot-tabs .ct:not(#_), html.at-shell #sc-footer .sc-foot-btn:not(#_) { height: 24px; padding: 0 8px; border: 0; border-radius: 8px;
  background: none; box-shadow: none; font-size: 13px !important; }
html.at-shell #sc-plot-tabs .ct:hover:not(#_) { background: var(--a-fill); }
html.at-shell #sc-plot-tabs .ct.on:not(#_) { background: var(--a-side-on); box-shadow: inset 0 0 0 1px var(--a-line); }
html.at-shell #sc-footer #sc-plot-tabs .ct.on:not(#_), html.at-shell #sc-footer #sc-plot-tabs .ct.on *:not(.x):not(#_) { color: var(--a-ink) !important; }
html.at-shell #sc-plot-tabs .ct .x:hover:not(#_) { color: var(--a-ink) !important; }
html.at-shell #sc-footer .sc-foot-btn:not(#_) { background: var(--a-bg); box-shadow: var(--a-btn); }
html.at-shell #sc-footer .sc-foot-btn:hover:not(#_) { background: var(--a-hover); }
html.at-shell #sc-footer .sc-foot-btn:hover:not(#_), html.at-shell #sc-footer .sc-foot-btn:hover *:not(#_) { color: var(--a-ink) !important; }
/* the floating My stocks button (aiq-rail.css #aiq-ms-fab, 16px from the right) sat over PNG / CSV: keep the footer's
   right end clear of it */
@media (min-width: 768px) {
  html.at-shell:not(.at-classic):is(:not(.is-popout), .is-tab) .sc-results-pane.plot-mode #sc-footer:not(#_) { padding-right: 132px !important; }
}
/* …and over the last row's Price / Day cells even scrolled to the end (2026-11-09): the table scrolls 48px past it */
html.aiq-desk.at-shell:not(.at-classic):is(:not(.is-popout), .is-tab) .sc-grid-scroll:not(#_) { padding-bottom: 48px; }

/* ══ Statements in the Statistics / KPI tabs' look (user, 2026-10-29: "make income statement, balance sheet and cash flow
   tables more similar to the other tabs … keeping the row height / denseness the same, and the fonts and size").
   Rows, fonts and banding stay as they were (.at-own, fin-row-menu.js); what changes is the frame: a heading on the page
   colour with grey icons (calendar / clock; the first cell keeps naming the statement), a hairline under it and beside the pinned column, and the newest
   fiscal year in the sorted-column tint with a blue dot (the first column after TTM — `:has(th.stmt-ttm)`; a row that
   spans the table has too few cells to match). fin-row-menu.js adds the icons. The tint is an overlay so the banding shows through. ══ */
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(#_):not(#_):not(#_) > thead > tr { background: var(--a-bg) !important; }
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(#_):not(#_):not(#_) > thead > tr > th {
  background: var(--a-bg) !important; color: var(--a-ink) !important; font-weight: 500 !important; border-bottom: 1px solid var(--a-line) !important; }
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(#_):not(#_):not(#_) > thead > tr > th.stmt-ttm { color: var(--a-ink) !important; font-weight: 500 !important; }
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(#_):not(#_):not(#_) > :is(thead, tbody) > tr > :first-child {
  border-right: 1px solid var(--a-line) !important; }
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr > td { border-bottom-color: var(--a-line) !important; }
html.at-fin-d .lkl-fin #statements-inner .stmt-data-table .stx-hi { font-size: 12px; margin-right: 6px; color: var(--a-faint, rgba(0,0,0,.35)) !important; vertical-align: -1px; }
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:has(th.stmt-ttm):not(#_):not(#_):not(#_) > tbody > tr > td:nth-child(3),
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(:has(th.stmt-ttm)):not(#_):not(#_):not(#_) > tbody > tr > td:nth-child(2) {
  background-image: linear-gradient(rgba(38,109,240,.07), rgba(38,109,240,.07)) !important; }
html.at-fin-d .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:has(th.stmt-ttm) > thead > tr > th:nth-child(3)::after,
html.at-fin-d .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(:has(th.stmt-ttm)) > thead > tr > th:nth-child(2)::after {
  content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #266DF0; margin-left: 6px; vertical-align: 2px; }

/* No flash of the old layout (2026-10-29): the Attio pages are rebuilt by deferred JS after the server's markup paints.
   Hidden until base.html adds .at-ready (DOMContentLoaded + 20 ms); the animation is the failsafe reveal. */
html.at-shell:not(.at-ready) body { opacity: 0; animation: at-reveal 0s linear 5s forwards; }
@keyframes at-reveal { to { opacity: 1; } }
/* …and the rows take the same plain colour (user, 2026-10-29: "every other row is colored and doesn't match"): the
   statements' alternating banding is off, every row on the page colour like Multiples, hover in the Attio hover tint. */
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr > td { background-color: var(--a-bg) !important; }
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr:hover > td { background-color: var(--a-hover) !important; }
/* key rows (Gross Profit, Operating Income, Net Income, Total Assets …: the page's tr[data-separator]) get the quiet band
   fill of the Statistics tabs' dividing rows (user, 2026-10-29: "highlighted so it's easier to read"); opaque so the
   pinned cell hides what scrolls under it */
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr[data-separator] > td,
html.at-fin-d[data-theme] .lkl-fin #statements-inner .stmt-data-table.at-own.aiq-tbl:not(#_):not(#_):not(#_) > tbody > tr[data-separator]:hover > td {
  background-color: color-mix(in srgb, var(--a-ink) 6%, var(--a-bg)) !important; }

/* One blue button on every Financials page (user, 2026-10-29: "one of the buttons on each page should always be blue"):
   Ask AI is gone from the page bar, so Report — upper right of the company row, on every tab — is the primary */
html.at-fin-d .at-ft-acts .at-ft-a[data-act="report"]:not(#_):not(#_):not(#_) { background: var(--a-blue) !important; color: #FFFFFF !important; box-shadow: var(--a-btn-pri) !important; }
html.at-fin-d .at-ft-acts .at-ft-a[data-act="report"]:not(#_):not(#_):not(#_):hover { background: var(--a-blue-h) !important; }
html.at-fin-d .at-ft-acts .at-ft-a[data-act="report"] :is(i, span):not(#_):not(#_):not(#_) { color: #FFFFFF !important; }
/* Loader: the Eight blocks assemble (user picked "Assemble", 2026-10-29). Built by base.html while the page is veiled;
   appears only if the wait passes 120 ms, so quick loads never flash it. Reduced motion: still logo, no movement. */
#aiq-ld { position: fixed; top: 50%; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; z-index: 99999; pointer-events: none;
  opacity: 0; animation: at-ld-in 0s linear .12s forwards; }
#aiq-ld svg { width: 100%; height: 100%; overflow: visible; }
#aiq-ld .cube { --ox: calc((var(--x) - 16) * 2.2px); --oy: calc((var(--y) - 16) * 2.2px);
  animation: at-ld 2.4s cubic-bezier(.45, 0, .2, 1) infinite; animation-delay: calc(var(--i) * .07s); }
#aiq-ld .cube:last-child { --ox: 0px; --oy: 0px; }
@keyframes at-ld { 0% { transform: translate(var(--ox), var(--oy)); opacity: 0; } 30%, 70% { transform: none; opacity: 1; } 100% { transform: translate(var(--ox), var(--oy)); opacity: 0; } }
@keyframes at-ld-in { to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #aiq-ld .cube { animation: none; } }

/* header-row type icons left of the label (My screens, My stocks, My dashboards in markup; Insiders + Superinvestors
   via js/aiq-th-icons.js; My models has its own .ty) */
th i.th-ic { color: var(--a-mute, rgba(29,32,37,.55)); font-size: 14px; vertical-align: -2px; margin-right: 6px; }
@media (max-width: 767px) { th i.th-ic.auto { display: none; } }   /* the script's icons: off on phones, as .si-hic */

/* ══ The Sample chip on every My page's samples (user, 2026-10-31: "each page the sample thing is slightly different,
   standardize them"): My stocks' chip, one rule over each page's own tag kit (at-tag-p / mw-tag / ws-ix-tag sizes). ══ */
html .aiq-sample:not(#_):not(#_):not(#_) {   /* 3 ids: beats the tables' "every span is ink" rule */ display: inline-flex; align-items: center; flex: none; height: 20px; padding: 0 6px; margin: 0;
  border-radius: 6px; font-size: 12px; font-weight: 500; line-height: 1; white-space: nowrap;
  background: var(--tb) !important; color: var(--tn) !important; box-shadow: none !important; }
/* Dividends · Income by month (user, 2026-10-31: values as labels + on hover, restyled): solid house-blue bars on a
   hairline baseline, the amount above each bar (desktop only: phones show no bar figures), a hover card per month */
html.at-done .msa-drill .ta-rec .ta-mh { padding: 12px 0 4px; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-done .msa-drill .ta-rec .ta-mch { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4px; padding-bottom: 8px; }
html.at-done .msa-drill .ta-rec .ta-mcol { position: relative; display: flex; flex-direction: column; align-items: stretch; border-radius: 8px; cursor: default; }
html.at-done .msa-drill .ta-rec .ta-mcol:hover { background: rgba(69,93,220,.05); }
html.at-done .msa-drill .ta-rec .ta-mbar { padding: 22px 0 0; border-bottom: 1px solid var(--a-line); }
html.at-done .msa-drill .ta-rec .ta-mbar > div { position: relative; height: 140px; }
html.at-done .msa-drill .ta-rec .ta-mbar i { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: min(60%, 34px); min-height: 2px;
  border-radius: 6px 6px 2px 2px; background: #455DDC; opacity: .85; }
html.at-done .msa-drill .ta-rec .ta-mcol:hover .ta-mbar i { opacity: 1; }
html.at-done .msa-drill .ta-rec .ta-mcol.zero .ta-mbar i { background: var(--a-line); opacity: 1; }
html.at-done .msa-drill .ta-rec .ta-mbar .v { position: absolute; left: 0; right: 0; text-align: center; white-space: nowrap;
  font: 500 12px/16px Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; color: var(--a-label); }
html.at-done .msa-drill .ta-rec .ta-mcol.top .ta-mbar .v, html.at-done .msa-drill .ta-rec .ta-mcol:hover .ta-mbar .v { color: var(--a-ink); font-weight: 600; }
html.at-done .msa-drill .ta-rec .ta-mcol.zero .ta-mbar .v { color: var(--a-mute); }
html:not(.aiq-desk).at-done .msa-drill .ta-rec .ta-mbar .v { display: none; }
html.at-done .msa-drill .ta-rec .ta-mcol > .m { padding: 6px 0 2px; text-align: center; font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-label); }
html.at-done .msa-drill .ta-rec .ta-mcol:hover > .m { color: var(--a-ink); }
html.at-done .msa-drill .ta-rec .ta-mtip { display: none; position: absolute; z-index: 5; top: 4px; left: 50%; transform: translateX(-50%); min-width: 170px; padding: 6px;
  border-radius: 12px; background: var(--a-bg); box-shadow: inset 0 0 0 1px rgba(0,0,0,0), 0 0 0 1px rgba(28,40,64,.06), 0 4px 8px -4px rgba(28,40,64,.12), 0 4px 12px -2px rgba(24,41,75,.16);
  font: 500 13px/18px Inter, system-ui, sans-serif; color: var(--a-ink); pointer-events: none; }
html.at-done .msa-drill .ta-rec .ta-mtip.l { left: 0; transform: none; } html.at-done .msa-drill .ta-rec .ta-mtip.r { left: auto; right: 0; transform: none; }
html.at-done .msa-drill .ta-rec .ta-mcol:hover .ta-mtip { display: block; }
html.at-done .msa-drill .ta-rec .ta-mtip .hd { display: flex; justify-content: space-between; gap: 12px; padding: 2px 4px 6px; margin-bottom: 4px; border-bottom: 1px solid var(--a-line); }
html.at-done .msa-drill .ta-rec .ta-mtip .hd b { font-weight: 600; font-variant-numeric: tabular-nums; }
html.at-done .msa-drill .ta-rec .ta-mtip .ln { display: flex; align-items: center; gap: 6px; padding: 3px 4px; white-space: nowrap; }
html.at-done .msa-drill .ta-rec .ta-mtip .ln .sy-logo { width: 16px; height: 16px; margin: 0; border-radius: 4px; }
html.at-done .msa-drill .ta-rec .ta-mtip .ln em { margin-left: auto; padding-left: 12px; font-style: normal; font-variant-numeric: tabular-nums; color: var(--a-label); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .ta-mtip { background: #1B1C1F; box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 8px 24px rgba(0,0,0,.4); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .ta-mcol:hover { background: rgba(111,131,234,.08); }
html[data-theme="dark"].at-done .msa-drill .ta-rec .ta-mbar i { background: #6F83EA; }
/* My stocks: the open list's name is the list switcher (user, 2026-10-31), so the ↑ ↓ "N of M in My stocks" row goes */
html.at-done .msa-drill .pfr-h1 .pfr-tt.pfr-sw:not(#_):not(#_) { display: inline-flex; flex-direction: row; flex: none; align-items: center; gap: 6px; margin-left: -6px; padding: 2px 6px; border-radius: 8px; cursor: pointer; }
html.at-done .msa-drill .pfr-sw:hover { background: var(--a-hover, rgba(0,0,0,.04)); }
html.at-done .msa-drill .pfr-sw .pfr-cd { font-size: 14px; color: var(--a-mute); flex: none; }
html.at-done .msa-drill .pfr-sw:hover .pfr-cd { color: var(--a-ink); }
html.at-done .msa-at.is-drill :is(#msa-dprev, #msa-dnext, #msa-dpos) { display: none !important; }
html.aiq-desk.at-done .msa-at.is-drill > .msa-bar { display: none; }   /* nothing left in it on desktop (the back button is the breadcrumb) */

/* Locked-rows upgrade line (user, 2026-11-01: the boxed "N more trades with Plus" adverts were "too loud"): one quiet
   row under the table — muted lock + count, then a small outlined Upgrade like the sidebar's. Explanation = tooltip. */
.aiq-uprow:not(#_):not(#_):not(#_):not(#_):not(#_) { display: flex !important; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;
  margin: 0 !important; padding: 8px 16px !important; background: transparent !important; box-shadow: none !important;
  border: 0 !important; border-top: 1px solid var(--a-line, rgba(127,127,127,.2)) !important; border-radius: 0 !important; }
.aiq-uprow > span:not(#_):not(#_):not(#_):not(#_):not(#_) { display: inline-flex; align-items: center; gap: 6px;
  font: 500 13px/20px Inter, system-ui, sans-serif !important; color: var(--a-mute, #727C94) !important; }
.aiq-uprow > span svg { flex: none; opacity: .8; }
.aiq-uprow > a:not(#_):not(#_):not(#_):not(#_):not(#_) { display: inline-flex; align-items: center; height: 26px; padding: 0 10px !important;
  border-radius: 4px !important; background: transparent !important; box-shadow: none !important; border: 1px solid var(--a-line-2, rgba(127,127,127,.3)) !important;
  font: 500 12.5px/1 Inter, system-ui, sans-serif !important; color: var(--a-ink, inherit) !important; text-decoration: none; white-space: nowrap; }
.aiq-uprow > a:hover:not(#_):not(#_):not(#_):not(#_):not(#_) { background: var(--a-hover, rgba(127,127,127,.08)) !important; }

/* View settings › Columns rows on the menu's own columns (spacing pass 2026-11-07): the grip sits in the icon slot of the
   items around it (Table, Plot, Add column…, Layouts…) and the name starts where their labels start; it began 14px left. */
html.at-shell .aiq-menu .at-col-row:not(#_) { padding-left: 8px; }
html.at-shell .aiq-menu .at-col-row .at-col-grip:not(#_) { width: 15px; justify-content: center; margin-right: 11px; flex: none; }