/* The Financials Overview's top in the Attio look (js/fin-ov-top.js, 2026-10-26) — header F and the
   three-column headlines under it. Attio tokens (--a-*) from aiq-table-attio.css; the row is aiq-attio-draft.js rowTwo's
   .at-r2-row. */

/* ── header (F): name over tags, facts right ── */
html .lkl-fin .at-r2-row.ovh-on:not(#_) { gap: 8px; }
/* no Ask AI on this row (user, 2026-10-26: "get rid of Ask AI in top right"); other pages' rows keep it */
html .lkl-fin .at-r2-row.ovh-on .at-r2:not(#_) { display: none !important; }
.ovh { display: flex; align-items: center; gap: 10px; flex: 1 1 auto; min-width: 0; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--a-ink); }
.ovh-logo { width: 40px; height: 40px; padding: 4px; flex: none; border-radius: 10px; object-fit: contain; background: #FFFFFF; box-shadow: inset 0 0 0 1px var(--a-line); }
.ovh-col { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1 1 auto; }
.ovh-l1 { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.ovh-name { font-size: 18px; line-height: 24px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ovh-tk { color: var(--a-mute); font-weight: 500; flex: none; }
.ovh-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.ovh-tag { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 7px; border-radius: 6px; background: var(--a-fill); box-shadow: inset 0 0 0 1px var(--a-line);
  color: var(--a-ink); font: 500 12.5px/16px Inter, system-ui, sans-serif; text-decoration: none; white-space: nowrap; }
.ovh-tag i { font-size: 12px; color: var(--a-mute); }
a.ovh-tag:hover { background: var(--a-hover); }
/* sector + industry pills (Attio tag colours: blue, violet) */
.ovh-pill { display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border-radius: 6px; font: 500 12.5px/16px Inter, system-ui, sans-serif; white-space: nowrap; }
.ovh-pill[data-c="sector"] { background: #E8F3FC; color: #1F6AA5; }
.ovh-pill[data-c="industry"] { background: #F1ECFD; color: #6B3FC4; }
html[data-theme="dark"] .ovh-pill[data-c="sector"] { background: rgba(69,93,220,.20); color: #A9B6F5; }
html[data-theme="dark"] .ovh-pill[data-c="industry"] { background: rgba(150,70,239,.20); color: #CDB0F7; }
.ovh-facts { display: flex; flex: none; margin-left: auto; align-self: center; }
.ovh-fc { display: flex; flex-direction: column; gap: 2px; padding: 0 16px; box-shadow: inset 1px 0 0 var(--a-line); }
.ovh-fc:first-child { box-shadow: none; }
.ovh-fc:last-child { padding-right: 0; }
.ovh-fc small { font: 500 12px/16px Inter, system-ui, sans-serif; color: var(--a-mute); white-space: nowrap; }
.ovh-fc b { font: 600 14px/20px Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; color: var(--a-ink); white-space: nowrap; }
@media (max-width: 1280px) { .ovh-fc:nth-child(n+4) { display: none; } }

/* ── headlines: three newest stories, three columns ── */
.ovb { margin: 0 0 16px; border: 1px solid var(--a-line); border-radius: 4px; background: var(--a-bg); color: var(--a-ink); font: 500 13px/18px Inter, system-ui, sans-serif; }
.ovb-news { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ovb-n { display: flex; flex-direction: column; gap: 6px; padding: 12px 16px; text-decoration: none; color: var(--a-ink); box-shadow: inset 1px 0 0 var(--a-line); min-width: 0; }
.ovb-n:first-child { box-shadow: none; }
.ovb-n:hover { background: var(--a-hover); }
.ovb-n .skel { display: block; border-radius: 4px; }
.ovb-nm { display: flex; align-items: center; gap: 6px; font-size: 12px; line-height: 16px; color: var(--a-mute); white-space: nowrap; overflow: hidden; }
.ovb-nm img { width: 14px; height: 14px; border-radius: 3px; }
.ovb-nm b { font-weight: 600; color: var(--a-ink); }
.ovb-nt { font-size: 13.5px; line-height: 19px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ovb-snap { padding: 12px 16px; font-size: 14px; line-height: 22px; color: var(--a-mute); }
@media (max-width: 900px) { .ovb-news { grid-template-columns: minmax(0, 1fr); } .ovb-n { box-shadow: inset 0 1px 0 var(--a-line); } .ovb-n:first-child { box-shadow: none; } }

/* ── round 5: the header as the shared 48px controls row (Screener / Dashboards) ── */
.ovh-co { flex: none; gap: 6px !important; max-width: 340px; }
.ovh-co > span:first-of-type { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ovh-pl { width: 16px; height: 16px; border-radius: 4px; object-fit: contain; flex: none; }
.ovh-pt { color: var(--a-mute); font-weight: 500; }
.ovh-co svg { color: var(--a-mute); flex: none; }
.ovh > .ovh-tags { flex-wrap: nowrap; margin-left: 4px; min-width: 0; overflow: hidden; }
.ovh-qs { display: flex; align-items: center; gap: 16px; margin: 0 auto 0 12px; padding-left: 12px; box-shadow: inset 1px 0 0 var(--a-line);
  white-space: nowrap; font-size: 13px; color: var(--a-ink); font-variant-numeric: tabular-nums; }
.ovh-q small { font-size: 13px; color: var(--a-mute); }
.ovh-add { flex: none; }
@media (max-width: 1280px) { .ovh-q:nth-child(n+3) { display: none; } }