/* Statements rows in the Attio look (js/fin-row-menu.js, 2026-10-26): one "⋯" on the hovered row in place of the pin /
   % / filing-notes icons that were drawn over long line names. */
/* the three icons stay in the cell (the menu clicks them) but are never drawn — on every row, not only rows that have
   their ⋯ yet (a re-rendered table, e.g. Annual → Quarterly, showed HCC's Revenue pin + % again; user: "make sure to
   remove") */
html.at-fin-d .lkl-fin .stmt-data-table tbody tr > td:first-child :is(.stmt-pin-btn, .stmt-pct-badge, .stmt-fn-btn):not(#_):not(#_) {
  opacity: 0 !important; pointer-events: none !important; }
/* the names get their room back (74px was held for the icons) and fade at the edge if one still runs long */
html.at-fin-d .lkl-fin .stmt-data-table tbody tr > td:first-child:not(#_):not(#_) { padding-right: 12px !important; overflow: hidden; text-overflow: clip; }
.stmt-more-btn { position: absolute; right: 0; top: 0; bottom: 0; width: 44px; padding: 0 8px 0 0; border: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: flex-end; color: var(--a-mute, #727C94); opacity: 0;
  background: linear-gradient(90deg, transparent, var(--tb-hover, var(--a-hover, #F8F8FA)) 45%); }   /* the table's own row hover */
.stmt-more-btn i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; font-size: 15px; }
.stmt-more-btn:hover i, .stmt-more-btn[aria-expanded="true"] i { background: var(--a-fill, rgba(15,17,21,.06)); color: var(--a-ink, #1D2025); }
html.at-fin-d .lkl-fin .stmt-data-table tbody tr:hover > td:first-child > .stmt-more-btn { opacity: 1; }
.stmt-more-btn[hidden] { display: none; }
.stmt-row-menu .aiq-mi i { margin-right: 8px; font-size: 15px; color: var(--pop-sub, #727C94); }
/* the row's hover card stays out of the way of the ⋯ and its menu (they stacked: "it can become cluttered") */
html.stmt-menu-open #stmt-insp, html:has(.stmt-more-btn:hover) #stmt-insp { display: none !important; }

/* Revenue's segment fold, as the pre-Attio table had it (user, 2026-10-26: "fix formatting here" — "Revenue chevron",
   "Segment block"). The chevron sat after the word ("Revenue⌄"); it now leads the label ("⌄ Revenue"), and the tabs,
   segment lines and the "Reported until FYxx" group all hang from the same 34px indent. */
html.at-fin-d .lkl-fin .stmt-data-table tbody tr > td:first-child:has(> .stmt-seg-chev):not(#_):not(#_) { padding-left: 34px !important; }
html.at-fin-d .lkl-fin .stmt-data-table .stmt-seg-chev:not(#_):not(#_) { position: absolute; left: 10px; top: 50%; margin: 0; transform: translateY(-50%); vertical-align: 0; }
html.at-fin-d .lkl-fin .stmt-data-table tr[data-seg-head] td:not(#_):not(#_) { padding-top: 6px !important; padding-bottom: 4px !important; }
html.at-fin-d .lkl-fin .stmt-seg-kinds:not(#_) { gap: 14px; }
html.at-fin-d .lkl-fin .stmt-seg-kinds button:not(#_) { font-size: 12px; line-height: 18px; }
/* the reconciling line ("All Other") reads as a quieter line, not a slanted one */
html.at-fin-d .lkl-fin .stmt-data-table tr[data-seg-line].is-recon td:first-child:not(#_):not(#_) { font-style: normal; color: var(--tb-sub, #727C94) !important; }
/* "Reported until FY18" lines up with the segment names it heads, a little tighter above */
html.at-fin-d .lkl-fin #statements-inner.stmt-v2 .stmt-data-table tbody tr.stmt-seg-gone-h td:first-child:not(#_):not(#_):not(#_) { padding: 10px 14px 4px 34px !important; }
