/* Financial statements in the other tables' look (user, 2026-11-04: "restyle the financial statement tabs to look more like the other tables") — DRAFT,
   only with ?drafts=1 (financials/index.html adds this file with html.fin-tbx). The numbers are the Statistics / KPIs table's (css/fin-years-table.css,
   statistics-attio.css): 14px / 500 ink text, 40px header, 36px rows, no header icons, total rows as the grey band rows, hairlines only. */
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > thead > tr > th { font: 500 14px/20px Inter, system-ui, sans-serif !important; letter-spacing: -0.07px !important; color: var(--a-ink, #101112) !important; height: 40px !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > thead > tr > th .stx-hi { display: none !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr > td { font-size: 14px !important; font-weight: 500 !important; letter-spacing: -0.07px !important; height: 36px !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr > td:not(.stmt-locked) { color: var(--a-ink, #101112) !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr[data-separator] { border-top: var(--hair, 1px) solid var(--a-line, #EEEFF1) !important; }
/* total rows and the segment header row stay white, only bold (user, 2026-11-04: "get rid of the grey rows, it should all be white") */
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr:is([data-separator], [data-seg-head]) > td { background-color: var(--sh-bed, #fff) !important; font-weight: 700 !important; }   /* background-color, not the shorthand: the newest-year tint is a background-image */
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr > td.stmt-locked:not([colspan]) { background-color: var(--sh-bed, #fff) !important; }
/* the locked segment years: one quiet greyed block with a muted Upgrade, instead of a bright cell per row */
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr > td.stmt-locked[colspan] { background: color-mix(in srgb, var(--a-ink, #101112) 4%, var(--sh-bed, #fff)) !important; color: var(--a-mute, #727C94) !important; font-weight: 400 !important; text-align: center !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr > td.stmt-locked[colspan] .stmt-lock-ico { color: var(--a-mute, #727C94) !important; }

/* segment rows without the colour squares (user, 2026-11-04) */
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .stmt-seg-sq { display: none !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .stmt-seg-kinds { display: inline-flex !important; align-items: center; gap: 0 !important; padding: 0 !important; background: none !important; border-radius: 0 !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .stmt-seg-kinds > button { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; height: 24px; cursor: pointer; font: 500 14px/1 Inter, system-ui, sans-serif; color: var(--a-mute, #727C94); }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .stmt-seg-kinds > button:hover { color: var(--a-ink, #101112); }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .stmt-seg-kinds > button.is-on { color: var(--a-ink, #101112); }
/* Products | Regions: one plain word with a caret that opens a small menu (user pick 1 of 4, 2026-11-04) */
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .stmt-seg-kinds > button:not(.is-on) { display: none !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .stmt-seg-kinds > button.is-on::after { content: ''; width: 5px; height: 5px; margin: -2px 0 0 8px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); opacity: .6; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .stmt-seg-kinds > button.is-on { padding: 0 6px 0 0; }
.fin-tg-menu { position: fixed; z-index: 300; min-width: 140px; padding: 4px; border-radius: 6px; background: var(--sh-bed, #fff); box-shadow: 0 0 0 var(--hair, 1px) var(--a-line, #E3E4E8), 0 8px 24px rgba(0, 0, 0, .14); font: 500 14px Inter, system-ui, sans-serif; color: var(--a-ink, #101112); }
.fin-tg-menu button { all: unset; box-sizing: border-box; display: flex; width: 100%; height: 30px; padding: 0 10px; align-items: center; border-radius: 4px; cursor: pointer; }
.fin-tg-menu button:hover { background: rgba(128, 128, 128, .12); }

/* no blue column tint on the newest year, and none on the lock cell in the Products row (user, 2026-11-04) */
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr > td { background-image: none !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr:is([data-separator], [data-seg-head]) > td * { font-weight: 700 !important; }

/* no "Reported until FY26" heading row (user, 2026-11-04: blank space for no reason): the stopped lines stay, muted, and say it on hover (script in index.html) */
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr.stmt-seg-gone-h { display: none !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr.is-old[data-seg-line] > td:first-child { color: var(--a-mute, #727C94) !important; }

/* no row of its own for Products | Regions (user, 2026-11-04: "get rid of the row that says products"): the segment header row collapses to nothing and its switch
   sits at the right end of the Revenue row (the line above it), just left of the - / + button; it survives a re-render, it is only CSS */
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr[data-seg-head] { height: 0 !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr[data-seg-head] > td { height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border: 0 !important; line-height: 0 !important; overflow: visible !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr[data-seg-head] > td:first-child { position: sticky !important; }
html.fin-tbx.aiq-desk #statements-inner table.stmt-data-table:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr[data-seg-head] .stmt-seg-kinds { position: absolute !important; right: 52px; top: -30px; z-index: 3; }
