/* Get Found > Ads: the Marketing view (ads/marketing/*) and the Setup
   screens (setup-board, connect-step, gtm-wizard, tracking-settings,
   verification-panel, cpa-targets-card) in the new Dashboard design (10/06).
   Loaded after skin/get-found-ads.css. Light rules first, their dark twins
   under [data-theme-root].dark at the foot. Owner, 10/06: see
   get-found-ads.css ("the ads tab still needs a complete rework ... no ai
   slop text. hover info modals ... new style containers, font types and font
   sizes").

   Scope. The page body is .yw-get-found-page.yw-ads-page[data-ads-tab]
   (ads/page.tsx). Marketing's layout reads [data-ads-tab="marketing"],
   Setup's [data-ads-tab="setup"]. Three of these screens render on another
   tab value, so their rules read their own root class under .yw-ads-page
   instead: the connect wizard (?step=, .yw-gfa-connect) and the tag wizard
   (?gtmStep=, .yw-gfa-gtm) render whatever ?tab= says, and the Verification
   card (.yw-gfa-verify) sits under the Report's More. Every class here is
   yw-gfa-* (Get Found Ads), so nothing collides with the Report's yw-ads-*.
   The hover panels portal outside the page and reuse get-found.css's
   unscoped hover classes.

   Type: content on a card face is 13px or more (row titles 14px, values
   15px and up, inputs 14px); 12px only for column heads, chart labels and
   the code in a tag's HTML. Values are ink; only words, marks and pills take
   a tone. One violet button per card. */

/* ------------------------------------------------- shared primitives -- */
/* The one violet button (the Dashboard's 36px primary) and the quiet pill. */
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; margin: 0; padding: 0 15px; border: 0; border-radius: 12px; background: #7c3aed; box-shadow: none; color: #fff; font-size: 13px; font-weight: 500; letter-spacing: -.1px; white-space: nowrap; text-decoration: none; cursor: pointer; transition: background .15s; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-btn:hover { background: #7130df; color: #fff; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) :is(.yw-gfa-btn, .yw-gfa-pill, .yw-gfa-chip):focus-visible { outline: 2px solid #b993ff; outline-offset: 2px; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) :is(.yw-gfa-pill, button.yw-gfa-copy[class]) { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 6px; height: 32px; margin: 0; padding: 0 12px; border: 0; border-radius: 10px; background: #eeeded; box-shadow: none; color: #202024; font-size: 12.5px; font-weight: 500; letter-spacing: -.1px; white-space: nowrap; text-decoration: none; cursor: pointer; transition: background .15s, color .15s; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) :is(.yw-gfa-pill, button.yw-gfa-copy[class]):hover { background: #e8e4ed; color: #202024; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) button.yw-gfa-copy[class~="bg-emerald-600"] { background: #e3f4ec; color: #2f8a6d; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gfa-pill.yw-gfa-pill-bad { color: #c85f84; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gfa-pill.yw-gfa-pill-bad:hover { background: #fbe9f1; color: #c85f84; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) button:disabled { opacity: .6; cursor: default; }

/* Words, lines and small pieces every screen uses. */
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-card-title .hw-info-label { font-weight: 500; text-align: left; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-word { flex-shrink: 0; color: #87818c; font-size: 13px; font-weight: 500; white-space: nowrap; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-word[data-state="done"] { color: #2f8a6d; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-word[data-state="wait"] { color: #9a805f; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-word[data-state="bad"] { color: #a96883; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-word .hw-info-label { color: inherit; font-weight: 500; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-card-head > .yw-gfa-word { padding-top: 5px; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-head-right { display: inline-flex; flex-shrink: 0; align-items: center; gap: 10px; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-quiet { color: #929097; font-size: 13px; font-weight: 400; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-money-note { font-size: 13px; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-money-note .hw-info-label { color: inherit; text-align: left; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-money-note .yw-text-link { font-size: 13px; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gf-empty { margin: 14px 0 0; font-size: 14px; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-actions > p { margin: 0; font-size: 13px; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-card-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: auto; padding-top: 14px; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-card-foot > .yw-money-note { margin: 0; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-code { display: inline-block; min-width: 0; max-width: 17rem; overflow: hidden; padding: 3px 8px; border-radius: 8px; background: #f1f0f3; color: #343039; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) :is(.yw-gfa-line-bad, .yw-gfa-step-line [data-tone="bad"]) { color: #a96883; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-line-good { color: #2f8a6d; }
/* Fields: labels 13px, inputs 14px (get-found.css draws 12 and 13). */
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gf-field > span { font-size: 13px; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gf-field > span .hw-info-label { color: inherit; font-weight: 400; text-align: left; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gf-input { font-size: 14px; }

/* A list or table that scrolls inside its card, every row still in the page. */
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup, .yw-gfa-verify) .yw-gfa-scroll { flex: 1 1 auto; min-height: 0; margin-top: 12px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd2e7 transparent; }
/* The house table, its head held while the rows scroll. */
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup, .yw-gfa-verify) .yw-gfa-table thead th { position: sticky; top: 0; z-index: 1; padding-top: 0; background: #fbfbfb; box-shadow: inset 0 -1px 0 #eae8ec; color: #766d7c; font-size: 12px; font-weight: 500; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup, .yw-gfa-verify) .yw-gfa-table td { padding: 11px 8px; color: #49434e; font-size: 14px; vertical-align: middle; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup, .yw-gfa-verify) .yw-gfa-table tbody tr:first-child > td { border-top: 0; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup, .yw-gfa-verify) .yw-gfa-table-name { overflow: hidden; color: #202024; text-overflow: ellipsis; white-space: nowrap; }
.yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup) .yw-gfa-table { table-layout: fixed; }

/* The round mark of a Needs you row, toned by state. */
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 50%; background: #efe8fb; color: #7c3aed; font-size: 14px; font-weight: 500; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark svg { width: 17px; height: 17px; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark[data-state="done"] { background: #e3f4ec; color: #2f8a6d; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark[data-state="wait"] { background: #fbf0dc; color: #b98234; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark[data-state="bad"] { background: #f8e8ef; color: #bd6a91; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark[data-state="info"] { background: #f0eef2; color: #87818c; }
/* A step: the mark, the title (its hover is the how-to), ONE quiet line,
   the state word, the step's one action. */
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-steps { margin: 8px 0 0; padding: 0; list-style: none; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step { position: relative; margin: 0; border-bottom: 1px solid #eae8ec; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step:last-child { border-bottom: 0; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto auto; align-items: center; gap: 0 14px; min-height: 66px; padding: 10px 4px; border-radius: 14px; transition: background-color .16s; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step:hover > .yw-gfa-step-row { background: #f8f6fa; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step[data-open] > .yw-gfa-step-row { background: #f6f1fd; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-copy { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-title { min-width: 0; color: #202024; font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: -.2px; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-title .hw-info-label { display: block; max-width: 100%; overflow: hidden; font-weight: 500; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-line { min-width: 0; overflow: hidden; color: #929097; font-size: 13px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-moves { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6px; }
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-row > :is(.yw-gfa-btn, .yw-gfa-pill) { justify-self: end; }
/* What opens in place under a row: a tinted panel, indented to the title. */
.yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-open { margin: 2px 4px 14px 54px; padding: 14px 16px; border-radius: 14px; background: #f4f3f6; }

/* ----------------------------------------------------- the marketing -- */
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt { display: flex; flex-direction: column; gap: 16px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt > * { min-width: 0; margin: 0; }
/* The hero: the lead figure and its rows on the left, the months beside. */
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.85fr); padding: 0; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero-main { display: flex; min-width: 0; flex-direction: column; padding: 23px 26px 23px 23px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero-chart { display: flex; min-width: 0; flex-direction: column; padding: 23px 26px 18px; border-left: 1px solid #ecebef; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero .yw-hero-value { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero .yw-gf-hero-of { font-size: 14px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero .yw-hero-status { font-size: 13px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero .yw-hero-pill { font-size: 12.5px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-hero-rows { margin-top: auto; padding-top: 22px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-hero-rows .yw-row-stat { align-items: center; padding: 12px 0; border-top: 1px solid #eae8ec; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-hero-rows dt { color: #59535f; font-size: 14px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-hero-rows dd { color: #202024; font-size: 17px; font-weight: 500; letter-spacing: -.4px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-hero-rows dd .yw-gfa-quiet { font-size: 14px; letter-spacing: -.2px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero-main > .yw-money-note { margin-top: 10px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-subhead { margin: 0; color: #202024; font-size: 15px; font-weight: 500; letter-spacing: -.3px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-subhead .hw-info-label { font-weight: 500; text-align: left; }
/* Revenue by month: the chips pick the channel, the columns are the
   Dashboard's months, hatched violet, the picked month said under them. */
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev { display: flex; flex: 1 1 auto; flex-direction: column; gap: 6px; margin-top: 12px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-chip { display: inline-flex; max-width: 15rem; height: 30px; align-items: center; overflow: hidden; padding: 0 12px; border: 0; border-radius: 20px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .04), inset 0 0 0 1px #ecebef; color: #59535f; font: inherit; font-size: 13px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; transition: background .15s, color .15s; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-chip:hover { background: #f0e9fb; color: #202024; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-chip[aria-pressed="true"] { background: #eee5fd; box-shadow: inset 0 0 0 1px #d8c6f7; color: #7433d4; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-cols { display: grid; flex: 1 1 auto; gap: 4px; align-items: end; margin-top: 8px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-col { height: 232px; padding: 0 4px; border: 0; border-radius: 10px; background: none; font: inherit; cursor: pointer; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-col .yw-month-column-rail { height: 182px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-col .yw-month-column-value { color: #87818c; font-size: 12px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-col[data-active="true"] .yw-month-column-value { color: #202024; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-col .yw-month-column-label { font-size: 12px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-fill { position: absolute; bottom: 0; left: 50%; width: min(52%, 40px); border-radius: 4px 4px 0 0; background: repeating-linear-gradient(125deg, #8a45f0 0 2px, #d4b6fb 2px 4px); transform: translateX(-50%); transform-origin: bottom; animation: yw-month-grow .65s cubic-bezier(.2, .7, .2, 1) both; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-detail { min-height: 44px; margin-top: 4px; align-content: flex-start; font-size: 13px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-detail .yw-month-detail-period { font-size: 13px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-detail strong { font-size: 14px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-detail > span[data-picked] { color: #7433d4; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-detail > span[data-picked] strong { color: #7433d4; }
/* Where visitors come from: two lists laid over their cells, the markets
   and the devices stacked in the third column; the stack sets the height,
   so the three end level and the long lists scroll inside. */
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-lists { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-tables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-tables[data-single] { grid-template-columns: minmax(0, 1fr); }
.yw-ads-page[data-ads-tab="marketing"] :is(.yw-gfa-mkt-lists, .yw-gfa-mkt-tables) > * { min-width: 0; margin: 0; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-slot { position: relative; min-height: 22rem; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-slot > .yw-card { position: absolute; inset: 0; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-stack { display: flex; min-width: 0; flex-direction: column; gap: 16px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-stack > .yw-card { flex: 1 1 auto; margin: 0; }
.yw-ads-page[data-ads-tab="marketing"] :is(.yw-gfa-mkt-list, .yw-gfa-mkt-table) { display: flex; min-height: 0; flex-direction: column; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-stack .yw-gfa-scroll { max-height: 15rem; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-tables > .yw-gfa-mkt-table .yw-gfa-scroll { max-height: 30rem; }
/* The share rows: label, visits, share, and a hatched track under them. */
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share-rows { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share-rows[data-spread] { min-height: 100%; justify-content: space-between; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 8px 12px; margin: 0; padding: 12px 0 11px; border-top: 1px solid #eae8ec; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share-row:first-child { padding-top: 4px; border-top: 0; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share-label { min-width: 0; overflow: hidden; color: #343039; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share-value { display: inline-flex; align-items: baseline; gap: 10px; color: #202024; font-size: 15px; font-weight: 500; letter-spacing: -.3px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share-pct { min-width: 46px; color: #87818c; font-size: 13px; font-weight: 400; letter-spacing: 0; text-align: right; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share { display: block; grid-column: 1 / -1; height: 6px; overflow: hidden; border-radius: 4px; background: #eeedf1; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share > i { display: block; height: 100%; border-radius: inherit; background: repeating-linear-gradient(125deg, #9161df 0 2px, #dcccfa 2px 4px); transform-origin: left; animation: yw-scale-in 1s cubic-bezier(.2, .8, .2, 1) backwards; }
/* The two tables. */
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-table .yw-gfa-table thead th:nth-child(n+2) { width: 78px; }
/* Connect and first-read states: one card, the ask, the one button. */
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-state { display: flex; flex-direction: column; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-state-lead { max-width: 62ch; margin: 14px 0 0; color: #343039; font-size: 15px; line-height: 1.5; letter-spacing: -.25px; }
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-clock { margin: 8px 0 0; color: #929097; font-size: 13px; }

/* --------------------------------------------------------- the setup -- */
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-setup { display: flex; flex-direction: column; gap: 16px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-setup > * { min-width: 0; margin: 0; }
/* Connections beside the tracking card; both end level. */
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-setup-top { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-setup-top > * { min-width: 0; margin: 0; }
.yw-ads-page[data-ads-tab="setup"] :is(.yw-gfa-steps-card, .yw-gfa-track, .yw-gfa-spend, .yw-gfa-cpa) { display: flex; flex-direction: column; }
/* Spend cards two by two; one alone, or the last of three, takes the row. */
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-grid:empty { display: none; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-grid > * { min-width: 0; margin: 0; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; margin-top: 12px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-stats .yw-row-stat { align-items: center; border-top: 1px solid #eae8ec; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-stats dt { color: #59535f; font-size: 14px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-stats dt .hw-info-label { text-align: left; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-stats dd { color: #202024; font-size: 16px; font-weight: 500; letter-spacing: -.3px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend .yw-gfa-scroll { max-height: 22rem; }
/* The campaign name takes what the four figures leave. */
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend .yw-gfa-table thead th:nth-child(2) { width: 86px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend .yw-gfa-table thead th:nth-child(3) { width: 58px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend .yw-gfa-table thead th:nth-child(4) { width: 68px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend .yw-gfa-table thead th:nth-child(5) { width: 56px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend .yw-gfa-table td:first-child { white-space: normal; overflow-wrap: anywhere; line-height: 1.35; }
/* The Google brand split's Panel head at a card title's size. */
.yw-ads-page[data-ads-tab="setup"] #ads-brand-split > div:first-child h2 { color: #202024; font-size: 19px; font-weight: 500; letter-spacing: -.55px; }
.yw-ads-page[data-ads-tab="setup"] #ads-brand-split > div:first-child > span { font-size: 13px; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="setup"] #ads-brand-split > div:first-child h2 { color: #f3eef8; }
/* The tracking card: rows, the hosts field, the server secret at its foot. */
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-track-stats { margin-top: 12px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-track-stats .yw-row-stat { align-items: center; border-top: 1px solid #eae8ec; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-track-stats dt { color: #59535f; font-size: 14px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-track-stats dt .hw-info-label { text-align: left; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-track-stats dd { display: inline-flex; min-width: 0; align-items: center; gap: 8px; color: #202024; font-size: 16px; font-weight: 500; letter-spacing: -.3px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-form { display: flex; flex-direction: column; gap: 10px; margin: 16px 0 0; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-form > :is(.yw-gfa-actions, .yw-money-note) { margin: 0; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-track .yw-gfa-form { margin-bottom: 16px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-textarea { height: auto; min-height: 78px; padding: 9px 12px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.5; resize: vertical; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-secret { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px 14px; margin-top: auto; padding-top: 14px; border-top: 1px solid #eae8ec; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-secret-label { color: #59535f; font-size: 14px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-secret-label .hw-info-label { text-align: left; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-secret-value { min-width: 0; overflow: hidden; color: #87818c; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-secret-moves { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-secret-moves form { display: flex; flex-direction: row-reverse; align-items: center; gap: 6px; margin: 0; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-secret-moves form > p { margin: 0; font-size: 13px; }
/* Cost per booking targets: the four fields and Save on one row. */
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-cpa-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; align-items: end; gap: 12px 14px; margin-top: 14px; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-cpa-form > .yw-gfa-actions { flex-wrap: nowrap; margin: 0; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-money-input { position: relative; display: block; }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-money-input > span { position: absolute; top: 50%; left: 12px; color: #87818c; font-size: 14px; pointer-events: none; transform: translateY(-50%); }
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-money-input > input { padding-left: 25px; }
/* The metasearch controls, opened in place under its row. */
.yw-ads-page[data-ads-tab="setup"] .yw-gfa-controls { color: #343039; font-size: 13px; }
/* The Google brand split keeps its own Panel (marketing/google-ads-view);
   it sits in the stack like every other card. */
.yw-ads-page[data-ads-tab="setup"] #ads-brand-split { margin: 0; }

/* ------------------------------- connector controls, wherever they sit -- */
/* settings/connect-controls.tsx draws with Tailwind; in the connect step
   and the metasearch row it wears the Dashboard's buttons and fields. */
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(a, button)[class~="bg-violet-600"] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 15px; border: 0; border-radius: 12px; background: #7c3aed; box-shadow: none; color: #fff; font-size: 13px; font-weight: 500; white-space: nowrap; text-decoration: none; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(a, button)[class~="bg-violet-600"]:hover { background: #7130df; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(a, button)[class~="border-zinc-200"] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; padding: 0 12px; border: 0; border-radius: 10px; background: #eeeded; box-shadow: none; color: #202024; font-size: 12.5px; font-weight: 500; white-space: nowrap; text-decoration: none; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(a, button)[class~="border-zinc-200"]:hover { background: #e8e4ed; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) button[class~="text-rose-600"] { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 10px; background: transparent; color: #c85f84; font-size: 12.5px; font-weight: 500; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) button[class~="text-rose-600"]:hover { background: #fbe9f1; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select)[class~="rounded-lg"] { height: 38px; margin-top: 6px; padding: 0 12px; border: 1px solid transparent; border-radius: 12px; background: #f1f0f3; box-shadow: none; color: #202024; font-size: 14px; outline: none; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(input, select)[class~="rounded-lg"]:focus { border-color: #b993ff; background: #fbfbfb; box-shadow: none; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) label > span[class~="text-[11px]"] { color: #87818c; font-size: 13px; font-weight: 400; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(p, ul, div)[class~="text-[11px]"], .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(p, ul)[class~="text-xs"] { color: #87818c; font-size: 13px; letter-spacing: -.1px; text-transform: none; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) p[role="status"] { font-size: 13px; }
.yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) [class~="border-t"] { border-color: #eae8ec; }

/* ------------------------------------------------ the connect step card -- */
.yw-ads-page .yw-gfa-connect .yw-gfa-connect-card { display: flex; flex-direction: column; gap: 14px; }
.yw-ads-page .yw-gfa-connect .yw-gfa-connect-card > * { margin: 0; }
/* The one honesty line the page hands in (a pending app approval, a blocked
   account): a pink line on the card, not a box inside it. */
.yw-ads-page .yw-gfa-connect .yw-gfa-connect-note > p { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #a96883; font-size: 13px; font-weight: 400; line-height: 1.5; }
.yw-ads-page .yw-gfa-connect .yw-gfa-paste > summary { width: max-content; list-style: none; }
.yw-ads-page .yw-gfa-connect .yw-gfa-paste > summary::-webkit-details-marker { display: none; }
.yw-ads-page .yw-gfa-connect .yw-gfa-paste > summary::marker { content: ""; }
.yw-ads-page .yw-gfa-connect .yw-gfa-paste[open] > summary { background: #eee5fd; color: #6c2fd4; }
.yw-ads-page .yw-gfa-connect .yw-gfa-paste-body { margin-top: 12px; padding: 14px 16px; border-radius: 14px; background: #f4f3f6; }
/* The how-to inside the title's hover (portaled, so unscoped). */
.hw-info-body .yw-gfa-hover-steps { margin: 4px 0 8px; padding-left: 18px; list-style: decimal; }
.hw-info-body .yw-gfa-hover-steps li { padding: 2px 0; }

/* -------------------------------------------------- the tag wizard -- */
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-card { display: flex; flex-direction: column; }
.yw-ads-page .yw-gfa-gtm .yw-card-head { align-items: center; }
/* The two screens as the Dashboard's quiet segmented switch. */
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail { display: flex; flex-shrink: 0; gap: 3px; margin: 0; padding: 3px; border-radius: 12px; background: #f1f0f3; list-style: none; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail li { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 12px 0 6px; border-radius: 9px; color: #87818c; font-size: 13px; font-weight: 500; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail li[aria-current="step"] { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .07); color: #202024; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail-n { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: #e4e1e8; color: #59535f; font-size: 12px; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail li[aria-current="step"] .yw-gfa-gtm-rail-n { background: #7c3aed; color: #fff; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail li[data-done]:not([aria-current]) .yw-gfa-gtm-rail-n { background: #e3f4ec; color: #2f8a6d; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-lead { margin: 12px 0 0; color: #343039; font-size: 15px; line-height: 1.5; letter-spacing: -.25px; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-id { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; padding: 10px 12px; border-radius: 14px; background: #f4f3f6; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-id-label { color: #59535f; font-size: 14px; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-id .yw-gfa-code { background: #fbfbfb; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-id > button { margin-left: auto; }
/* A tag's row: Copy is its action, View opens its HTML under it. */
.yw-ads-page .yw-gfa-gtm .yw-gfa-snippet > .yw-gfa-step-row { padding-right: 84px; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-snippet-more > summary { list-style: none; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-snippet-more > summary::-webkit-details-marker { display: none; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-snippet-more > summary::marker { content: ""; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-view { position: absolute; top: 17px; right: 4px; z-index: 1; min-width: 70px; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-view-close { display: none; }
.yw-ads-page .yw-gfa-gtm details[open] > .yw-gfa-view { background: #eee5fd; color: #6c2fd4; }
.yw-ads-page .yw-gfa-gtm details[open] > .yw-gfa-view .yw-gfa-view-open { display: none; }
.yw-ads-page .yw-gfa-gtm details[open] > .yw-gfa-view .yw-gfa-view-close { display: inline; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-snippet-body { margin: 2px 4px 14px 54px; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-pre { max-height: 16rem; margin: 0; overflow: auto; padding: 12px 14px; border-radius: 14px; background: #1f1d24; color: #ece8f2; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; line-height: 1.55; white-space: pre; scrollbar-width: thin; scrollbar-color: #4d4d55 transparent; }
/* The foot: Back, Skip for now, and the one violet button. */
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #eae8ec; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-foot-right { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-foot form { margin: 0; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > button { padding: 0 6px; border: 0; background: none; color: #87818c; font-size: 13px; font-weight: 500; text-decoration: none; cursor: pointer; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > button:hover { color: #202024; }
/* SkipGuard's confirm: a tinted panel with its two moves. */
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div { width: min(22rem, 100%); padding: 12px 14px; border: 0; border-radius: 16px; background: #f4f3f6; box-shadow: none; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div > p { margin: 0; color: #343039; font-size: 13px; line-height: 1.5; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div > p:first-child { color: #202024; font-size: 14px; font-weight: 500; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div > div { margin-top: 10px; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div button { height: 32px; padding: 0 12px; border-radius: 10px; font-size: 12.5px; font-weight: 500; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div button[class~="bg-violet-600"] { background: #7c3aed; color: #fff; }
.yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div form button { background: #eeeded; color: #202024; text-decoration: none; }

/* ------------------------------------------------- the verification -- */
.yw-ads-page .yw-gfa-verify { display: flex; flex-direction: column; }
.yw-ads-page .yw-gfa-verify .yw-gfa-verify-scroll { overflow-x: auto; }
.yw-ads-page .yw-gfa-verify .yw-gfa-table { min-width: 44rem; }
.yw-ads-page .yw-gfa-verify .yw-gfa-table thead th:nth-child(n+2):not(:last-child) { width: 104px; }
.yw-ads-page .yw-gfa-verify .yw-gfa-table tr[data-total] td { color: #202024; font-weight: 500; }
.yw-ads-page .yw-gfa-verify .yw-gfa-verify-alert { margin-top: 10px; }

/* --------------------------------------------------------- narrower -- */
@media (max-width: 1100px) {
  .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero { grid-template-columns: minmax(0, 1fr); }
  .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero-chart { border-top: 1px solid #ecebef; border-left: 0; }
  .yw-ads-page[data-ads-tab="marketing"] :is(.yw-gfa-mkt-lists, .yw-gfa-mkt-tables) { grid-template-columns: minmax(0, 1fr); }
  .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-slot { min-height: 0; }
  .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-slot > .yw-card { position: relative; inset: auto; }
  .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-slot .yw-gfa-scroll { max-height: 24rem; }
  .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share-rows[data-spread] { min-height: 0; }
  .yw-ads-page[data-ads-tab="setup"] .yw-gfa-setup-top, .yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-grid { grid-template-columns: minmax(0, 1fr); }
  .yw-ads-page[data-ads-tab="setup"] .yw-gfa-cpa-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yw-ads-page[data-ads-tab="setup"] .yw-gfa-cpa-form > .yw-gfa-actions { grid-column: 1 / -1; }
}
@media (max-width: 800px) {
  .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-col { height: 190px; }
  .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-col .yw-month-column-rail { height: 142px; }
  .yw-ads-page[data-ads-tab="setup"] .yw-gfa-spend-stats { column-gap: 16px; }
  .yw-ads-page .yw-gfa-gtm .yw-card-head { flex-wrap: wrap; }
}
@media (max-width: 640px) {
  /* On a phone the action leaves the row for its own line under the title. */
  .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-row { grid-template-columns: 36px minmax(0, 1fr) auto; }
  .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-row > :is(.yw-gfa-btn, .yw-gfa-pill, .yw-gfa-step-moves) { grid-column: 2 / -1; justify-self: start; margin-top: 8px; }
  .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-open, .yw-ads-page .yw-gfa-gtm .yw-gfa-snippet-body { margin-left: 4px; }
  .yw-ads-page .yw-gfa-gtm .yw-gfa-snippet > .yw-gfa-step-row { padding-right: 4px; }
  .yw-ads-page .yw-gfa-gtm .yw-gfa-view { position: static; margin: 0 0 12px 54px; }
  .yw-ads-page[data-ads-tab="setup"] .yw-gfa-secret { grid-template-columns: minmax(0, 1fr); }
  .yw-ads-page[data-ads-tab="setup"] :is(.yw-gfa-cpa-form, .yw-gfa-spend-stats) { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .yw-ads-page[data-ads-tab="marketing"] :is(.yw-gfa-rev-fill, .yw-gfa-share > i) { animation: none; }
  .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-row { transition: none; }
}

/* ---------------------------------------------------------------- dark -- */
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-btn { background: #7c3aed; color: #fff; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-btn:hover { background: #8b4dfb; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) :is(.yw-gfa-pill, button.yw-gfa-copy[class]) { background: #142036; color: #f3eef8; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) :is(.yw-gfa-pill, button.yw-gfa-copy[class]):hover { background: #1c2843; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) button.yw-gfa-copy[class~="bg-emerald-600"] { background: #1f3a31; color: #7fd3b4; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gfa-pill.yw-gfa-pill-bad { color: #e69ac4; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gfa-pill.yw-gfa-pill-bad:hover { background: #46303c; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-word { color: #a297ab; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-word[data-state="done"] { color: #7fd3b4; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-word[data-state="wait"] { color: #e6bd7f; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-word[data-state="bad"] { color: #e69ac4; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) :is(.yw-gfa-quiet, .yw-gfa-clock, .yw-gfa-step-line, .yw-gfa-secret-value, .yw-gfa-share-pct) { color: #a297ab; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) :is(.yw-gfa-line-bad, .yw-gfa-step-line [data-tone="bad"]) { color: #e69ac4; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-line-good { color: #7fd3b4; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-state, .yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm, .yw-gfa-verify) .yw-gfa-code { background: #142036; color: #e8e2ef; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup, .yw-gfa-verify) .yw-gfa-scroll { scrollbar-color: #273656 transparent; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup, .yw-gfa-verify) .yw-gfa-table thead th { background: #0d1527; box-shadow: inset 0 -1px 0 #1c2843; color: #a297ab; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup, .yw-gfa-verify) .yw-gfa-table td { border-color: #1c2843; color: #d9d2e3; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-mkt, .yw-gfa-setup, .yw-gfa-verify) .yw-gfa-table-name, [data-theme-root].dark .yw-ads-page .yw-gfa-verify .yw-gfa-table tr[data-total] td { color: #f3eef8; }
/* Marks and steps. */
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark { background: #3d3150; color: #c5a8ff; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark[data-state="done"] { background: #1f3a31; color: #7fd3b4; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark[data-state="wait"] { background: #3d3122; color: #e6bd7f; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark[data-state="bad"] { background: #46303c; color: #e69ac4; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-mark[data-state="info"] { background: #142036; color: #a297ab; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step { border-color: #1c2843; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-title { color: #f3eef8; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step:hover > .yw-gfa-step-row { background: #111b30; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step[data-open] > .yw-gfa-step-row { background: #3a3046; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-gtm) .yw-gfa-step-open { background: #142036; }
/* Marketing. */
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-mkt-hero-chart { border-color: #1c2843; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-hero-rows .yw-row-stat { border-color: #1c2843; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-hero-rows dt { color: #d9d2e3; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] :is(.yw-gfa-hero-rows dd, .yw-gfa-subhead, .yw-gfa-share-value) { color: #f3eef8; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] :is(.yw-gfa-share-label, .yw-gfa-state-lead) { color: #d9d2e3; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share-row { border-color: #1c2843; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share { background: #142036; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-share > i { background: repeating-linear-gradient(125deg, #a883ee 0 2px, #4a3a63 2px 4px); }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-chip { background: #101a2f; box-shadow: inset 0 0 0 1px #1c2843; color: #d9d2e3; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-chip:hover { background: #142036; color: #f3eef8; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-chip[aria-pressed="true"] { background: #3f2d5c; box-shadow: inset 0 0 0 1px #5b4785; color: #c9b1ff; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-col .yw-month-column-value { color: #a297ab; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-col[data-active="true"] .yw-month-column-value { color: #f3eef8; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-col .yw-month-column-label { color: #a297ab; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-fill { background: repeating-linear-gradient(125deg, #a883ee 0 2px, #4a3a63 2px 4px); }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-detail > span[data-picked], [data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-rev-detail > span[data-picked] strong { color: #c5a8ff; }
/* Setup. */
[data-theme-root].dark .yw-ads-page[data-ads-tab="setup"] :is(.yw-gfa-spend-stats .yw-row-stat, .yw-gfa-track-stats .yw-row-stat, .yw-gfa-secret) { border-color: #1c2843; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="setup"] :is(.yw-gfa-spend-stats dt, .yw-gfa-track-stats dt, .yw-gfa-secret-label) { color: #d9d2e3; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="setup"] :is(.yw-gfa-spend-stats dd, .yw-gfa-track-stats dd) { color: #f3eef8; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="setup"] .yw-gfa-money-input > span { color: #a297ab; }
/* The fields: the root's dark field rule does not reach this page. */
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gf-input { border-color: transparent; background: #142036; color: #f3eef8; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gf-input:focus { border-color: #7c5cc4; background: #0d1527; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gf-input::placeholder { color: #7d7584; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-setup, .yw-gfa-connect, .yw-gfa-gtm) .yw-gf-field > span { color: #a297ab; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="setup"] .yw-gfa-controls { color: #d9d2e3; }
/* Connector controls. */
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(a, button)[class~="border-zinc-200"] { background: #142036; color: #f3eef8; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(a, button)[class~="border-zinc-200"]:hover { background: #1c2843; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) button[class~="text-rose-600"] { color: #e69ac4; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) button[class~="text-rose-600"]:hover { background: #46303c; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select)[class~="rounded-lg"] { background: #142036; color: #f3eef8; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(input, select)[class~="rounded-lg"]:focus { border-color: #7c5cc4; background: #0d1527; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) label > span[class~="text-[11px]"], [data-theme-root].dark .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(p, ul, div)[class~="text-[11px]"], [data-theme-root].dark .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) :is(p, ul)[class~="text-xs"] { color: #a297ab; }
[data-theme-root].dark .yw-ads-page :is(.yw-gfa-connect, .yw-gfa-controls) [class~="border-t"] { border-color: #1c2843; }
[data-theme-root].dark .yw-ads-page .yw-gfa-connect .yw-gfa-connect-note > p { color: #e69ac4; }
[data-theme-root].dark .yw-ads-page .yw-gfa-connect .yw-gfa-paste[open] > summary { background: #3f2d5c; color: #c9b1ff; }
[data-theme-root].dark .yw-ads-page .yw-gfa-connect .yw-gfa-paste-body { background: #142036; }
/* The tag wizard. */
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail { background: #142036; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail li { color: #a297ab; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail li[aria-current="step"] { background: #0d1527; color: #f3eef8; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail-n { background: #1c2843; color: #d9d2e3; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail li[aria-current="step"] .yw-gfa-gtm-rail-n { background: #7c3aed; color: #fff; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-rail li[data-done]:not([aria-current]) .yw-gfa-gtm-rail-n { background: #1f3a31; color: #7fd3b4; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-lead { color: #d9d2e3; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-id { background: #142036; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-id-label { color: #d9d2e3; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-id .yw-gfa-code { background: #0d1527; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm details[open] > .yw-gfa-view { background: #3f2d5c; color: #c9b1ff; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-pre { background: #0a0f1e; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-foot { border-color: #1c2843; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > button { color: #a297ab; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > button:hover { color: #f3eef8; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div { background: #142036; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div > p { color: #d9d2e3; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div > p:first-child { color: #f3eef8; }
[data-theme-root].dark .yw-ads-page .yw-gfa-gtm .yw-gfa-gtm-skip > div form button { background: #1c2843; color: #f3eef8; }

/* 10/06 lead pass: a hero with no reading (Google Analytics returned nothing)
   says so in a quiet, smaller lead instead of a measured-looking $0. */
.yw-ads-page[data-ads-tab="marketing"] .yw-hero-value[data-muted] { color: #a09aa4; font-size: 34px; letter-spacing: -1px; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-hero-value[data-muted] { color: #8f8996; }
/* 10/12: Google search terms moved to Search & Social (report tab), beside the
   spend mix. It keeps the Website tab's table look through its yw-gfa-mkt
   wrapper; these give it the same scroller height and column widths there. */
.yw-ads-page[data-ads-tab="report"] .yw-gfa-mkt { display: flex; min-width: 0; flex-direction: column; }
.yw-ads-page[data-ads-tab="report"] .yw-gfa-mkt > .yw-gfa-mkt-table { display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column; margin: 0; }
.yw-ads-page[data-ads-tab="report"] .yw-gfa-mkt-table .yw-gfa-scroll { max-height: 30rem; }
.yw-ads-page[data-ads-tab="report"] .yw-gfa-mkt-table .yw-gfa-table thead th:nth-child(n+2) { width: 78px; }
/* 10/12: "Where bookings came from" moved to the Website tab, under the traffic cards. */
.yw-ads-page[data-ads-tab="marketing"] #ads-booking-sources { margin-top: 16px; }

/* Get Found > Ads > Paid media (10/12). The provider's Performance screen in
   our skin: hero with verdict + KPI strip, a row of ROAS gauges, the trend,
   the placement table, then price check and leaks side by side.
   Light rules first, dark twins under [data-theme-root].dark at the foot.
   Group colours: metasearch green, OTA sand, search blue, social rose,
   spend violet-grey. */

.yw-ads-page[data-ads-tab="paid"] .yw-gfa-paid { display: flex; flex-direction: column; gap: 16px; }

/* Hero */
.yw-gfa-paid .yw-paid-hero { padding: 22px 24px; }
.yw-gfa-paid .yw-paid-hero-top { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 24px; }
.yw-gfa-paid .yw-paid-verdict { flex: 1 1 26rem; margin: 0; color: #202024; font-size: 17px; font-weight: 500; line-height: 1.45; letter-spacing: -.15px; }
.yw-gfa-paid .yw-paid-range { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 3px; border-radius: 12px; background: #f1f0f3; }
.yw-gfa-paid .yw-paid-range-link { padding: 6px 11px; border-radius: 9px; color: #6c6573; font-size: 13px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.yw-gfa-paid .yw-paid-range-link[data-active] { background: #fff; box-shadow: 0 1px 2px rgba(20, 16, 30, .08); color: #202024; }
.yw-gfa-paid .yw-paid-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 18px 0 0; }
.yw-gfa-paid .yw-paid-kpi { display: flex; min-width: 0; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 12px; background: #f7f6f8; }
.yw-gfa-paid .yw-paid-kpi dt { color: #766d7c; font-size: 12.5px; font-weight: 500; }
.yw-gfa-paid .yw-paid-kpi dd { margin: 0; color: #202024; font-size: 24px; font-weight: 500; letter-spacing: -.4px; }
.yw-gfa-paid .yw-paid-delta { color: #87818c; font-size: 12px; font-weight: 500; }
.yw-gfa-paid .yw-paid-delta[data-tone="up"] { color: #2f8a6d; }
.yw-gfa-paid .yw-paid-delta[data-tone="down"] { color: #a96883; }
.yw-gfa-paid td .yw-paid-delta { margin-left: 6px; }
.yw-gfa-paid .yw-paid-sub { margin: 12px 0 0; color: #87818c; font-size: 13px; }

/* Gauges */
.yw-gfa-paid .yw-paid-gauges { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.yw-gfa-paid .yw-paid-gauge { display: flex; min-width: 0; flex-direction: column; padding: 16px 16px 14px; }
.yw-gfa-paid .yw-paid-gauge-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.yw-gfa-paid .yw-paid-gauge-head h3 { margin: 0; color: #202024; font-size: 14px; font-weight: 500; }
.yw-gfa-paid .yw-paid-target { color: #2f8a6d; font-size: 12px; font-weight: 500; white-space: nowrap; }
.yw-gfa-paid .yw-paid-gauge svg { width: 100%; max-width: 220px; margin: 6px auto 2px; }
.yw-gfa-paid .yw-paid-arc-track { fill: none; stroke: #efedf1; stroke-width: 16; stroke-linecap: round; }
.yw-gfa-paid .yw-paid-arc { fill: none; stroke: #d9b178; stroke-width: 16; stroke-linecap: round; }
.yw-gfa-paid .yw-paid-gauge[data-tone="good"] .yw-paid-arc { stroke: #2f8a6d; }
.yw-gfa-paid .yw-paid-arc-target { stroke: #2f8a6d; stroke-width: 2.5; stroke-dasharray: 3 2; }
.yw-gfa-paid .yw-paid-arc-value { fill: #202024; font-size: 22px; font-weight: 600; }
.yw-gfa-paid .yw-paid-arc-value[data-small] { fill: #87818c; font-size: 12px; font-weight: 500; }
.yw-gfa-paid .yw-paid-arc-label { fill: #87818c; font-size: 10px; letter-spacing: .6px; }
.yw-gfa-paid .yw-paid-gauge-rows { display: flex; flex-direction: column; gap: 6px; margin: 4px 0 0; }
.yw-gfa-paid .yw-paid-gauge-rows > div { display: flex; justify-content: space-between; gap: 8px; color: #49434e; font-size: 13.5px; }
.yw-gfa-paid .yw-paid-gauge-rows > div[data-strong] { margin-top: 2px; padding: 8px 10px; border-radius: 9px; background: #e3f4ec; color: #1f5f4b; font-weight: 500; }
.yw-gfa-paid .yw-paid-gauge-rows dt, .yw-gfa-paid .yw-paid-gauge-rows dd { margin: 0; }
.yw-gfa-paid .yw-paid-gauge-off { margin: auto 0 0; padding-top: 8px; color: #87818c; font-size: 13px; text-align: center; }

/* Trend */
.yw-gfa-paid .yw-paid-trend { width: 100%; height: auto; margin-top: 12px; }
.yw-gfa-paid .yw-paid-grid { stroke: #eeecf0; stroke-width: 1; }
.yw-gfa-paid .yw-paid-axis { fill: #8f8895; font-size: 10.5px; }
.yw-gfa-paid .yw-paid-legend { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; color: #766d7c; font-size: 12.5px; }
.yw-gfa-paid .yw-paid-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; }
.yw-gfa-paid [data-group="metasearch"] { fill: #2f8a6d; background: #2f8a6d; }
.yw-gfa-paid [data-group="ota"] { fill: #d9b178; background: #d9b178; }
.yw-gfa-paid [data-group="sem"] { fill: #5b84c4; background: #5b84c4; }
.yw-gfa-paid [data-group="social"] { fill: #c85f84; background: #c85f84; }
.yw-gfa-paid [data-group="spend"] { fill: #b6a9c8; background: #b6a9c8; }
.yw-gfa-paid .yw-paid-bar { rx: 2px; }

/* Placement table */
.yw-gfa-paid .yw-paid-table-wrap { margin-top: 12px; overflow-x: auto; scrollbar-width: thin; }
.yw-ads-page .yw-gfa-paid .yw-gfa-table.yw-paid-table { width: 100%; min-width: 900px; border-collapse: collapse; table-layout: auto; }
.yw-ads-page .yw-gfa-paid .yw-gfa-table.yw-paid-table td:first-child { min-width: 210px; }
.yw-gfa-paid .yw-paid-table th { padding: 0 8px 8px; color: #766d7c; font-size: 12px; font-weight: 500; text-align: right; white-space: nowrap; }
.yw-gfa-paid .yw-paid-table th:first-child, .yw-gfa-paid .yw-paid-table td:first-child { text-align: left; }
.yw-gfa-paid .yw-paid-table td { padding: 11px 8px; border-top: 1px solid #f0eef2; color: #49434e; font-size: 14px; text-align: right; white-space: nowrap; }
.yw-gfa-paid .yw-paid-table td[data-tone="good"] { color: #2f8a6d; font-weight: 500; }
.yw-gfa-paid .yw-paid-table td[data-tone="under"] { color: #a96883; font-weight: 500; }
.yw-gfa-paid .yw-paid-table tr[data-free] td { color: #87818c; }
.yw-gfa-paid .yw-paid-dot { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; vertical-align: 1px; }
.yw-gfa-paid .yw-paid-free { margin-left: 8px; padding: 1px 7px; border-radius: 999px; background: #e3f4ec; color: #2f8a6d; font-size: 11px; font-weight: 500; }

/* Price check + leaks */
.yw-gfa-paid .yw-paid-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.yw-gfa-paid .yw-paid-price-bar { display: flex; height: 34px; margin-top: 14px; overflow: hidden; border-radius: 10px; }
.yw-gfa-paid .yw-paid-price-bar span { display: block; height: 100%; }
.yw-gfa-paid [data-k="beat"] { background: #2f8a6d; }
.yw-gfa-paid [data-k="meet"] { background: #b6a9c8; }
.yw-gfa-paid [data-k="lose"] { background: #c85f84; }
.yw-gfa-paid [data-k="none"] { background: #e8e6eb; }
.yw-gfa-paid .yw-paid-price-legend { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px 16px; margin: 12px 0 0; }
.yw-gfa-paid .yw-paid-price-legend > div { display: flex; justify-content: space-between; gap: 8px; color: #49434e; font-size: 13.5px; }
.yw-gfa-paid .yw-paid-price-legend dt, .yw-gfa-paid .yw-paid-price-legend dd { margin: 0; }
.yw-gfa-paid .yw-paid-price-legend i { display: inline-block; width: 9px; height: 9px; margin-right: 7px; border-radius: 3px; }
.yw-gfa-paid .yw-paid-note { margin: 10px 0 0; color: #87818c; font-size: 13px; }
.yw-gfa-paid .yw-paid-leaks { display: flex; flex-direction: column; gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; }
.yw-gfa-paid .yw-paid-leaks li { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 10px; background: #fbf3f6; }
.yw-gfa-paid .yw-paid-leaks strong { color: #7d3f5a; font-size: 13.5px; font-weight: 500; }
.yw-gfa-paid .yw-paid-leaks span { color: #6c6573; font-size: 13px; }
.yw-gfa-paid .yw-paid-evidence { margin: 0; color: #87818c; font-size: 12.5px; }

/* Narrow screens */
@media (max-width: 1100px) {
  .yw-gfa-paid .yw-paid-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yw-gfa-paid .yw-paid-gauges { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .yw-gfa-paid .yw-paid-hero { padding: 18px 16px; }
  .yw-gfa-paid .yw-paid-kpis, .yw-gfa-paid .yw-paid-gauges { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yw-gfa-paid .yw-paid-pair { grid-template-columns: minmax(0, 1fr); }
  .yw-gfa-paid .yw-paid-kpi dd { font-size: 20px; }
}

/* ---------------------------------------------------------------- dark -- */
[data-theme-root].dark .yw-gfa-paid .yw-paid-verdict,
[data-theme-root].dark .yw-gfa-paid .yw-paid-kpi dd,
[data-theme-root].dark .yw-gfa-paid .yw-paid-gauge-head h3 { color: #f3eef8; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-range { background: #142036; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-range-link { color: #b9b2c4; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-range-link[data-active] { background: #1c2843; color: #f3eef8; box-shadow: none; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-kpi { background: #142036; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-kpi dt { color: #b9b2c4; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-arc-track { stroke: #1c2843; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-arc-value { fill: #f3eef8; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-gauge-rows > div { color: #d6d0de; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-gauge-rows > div[data-strong] { background: #1f3a31; color: #a9e5cf; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-grid { stroke: #1c2843; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-table td { border-top-color: #1c2843; color: #d6d0de; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-table td[data-tone="good"],
[data-theme-root].dark .yw-gfa-paid .yw-paid-delta[data-tone="up"] { color: #7fd3b4; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-table td[data-tone="under"],
[data-theme-root].dark .yw-gfa-paid .yw-paid-delta[data-tone="down"] { color: #e69ac4; }
[data-theme-root].dark .yw-gfa-paid [data-k="none"] { background: #1c2843; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-price-legend > div { color: #d6d0de; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-free { background: #1f3a31; color: #7fd3b4; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-leaks li { background: #2a1a26; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-leaks strong { color: #f0b5cf; }
[data-theme-root].dark .yw-gfa-paid .yw-paid-leaks span { color: #b9b2c4; }

/* Report address row (evidence footer + connect card). */
.yw-gfa-paid .yw-paid-mint, .yw-gfa-state .yw-paid-mint { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.yw-gfa-paid .yw-paid-mint .yw-paid-note, .yw-gfa-state .yw-paid-mint .yw-paid-note { margin: 0; color: #87818c; font-size: 13px; }
.yw-ads-page .yw-gfa-paid .yw-paid-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }

/* Get Found, the pieces testing restructured after the 10/02 re-skin, in the
   same look (10/07): the one-page AI Search (#3518, the To-do tab folded into
   its fix list), the Google accounts card's three services (#3485) and the
   Marketing tab's Analytics states (#3508).

   Owner, 10/07, on the To-do list the fix list took over: "the containers
   are wrong and the ones that need it dont have integrated scroller also the
   font is too small in some places and hard to understand". So here:
     - every block is a house card (radius 24, hairline, #fbfbfb; the card
       rules are skin/kit.css and get-found-base.css), with no box inside it;
     - a list that can run long scrolls inside its card (the house scroller,
       .yw-money-overflow[data-scroll="list"], get-found-base.css) with its
       header row held; cards in a row end level and none stretches over an
       empty floor;
     - the fix rows are the Dashboard's Needs you rows: a 36px round mark, a
       14px title, one quiet 13px line, the state word, one action;
     - no text under 12px; content at least 13px.
   Scoped under .yw-get-found-page (the Get Found root). Dark twins at the
   foot, on the navy ladder. */

/* ------------------------------------------------------- the one page -- */
.yw-gf-ai-page { display: flex; flex-direction: column; gap: 16px; }
.yw-gf-ai-page > * { min-width: 0; margin: 0; }
.yw-gf-ai-page .yw-card-title .hw-info-label { font-weight: 500; text-align: left; }
.yw-gf-ai-quiet { margin: 12px 0 0; color: #77717c; font-size: 13px; line-height: 1.5; }
.yw-gf-ai-foot { margin: 0; color: #8f8996; font-size: 13px; line-height: 1.5; }

/* Not set up: the card's state word and its one button. */
.yw-gf-ai-start-act { margin-top: 16px; }

/* The key numbers: five cells across one card, a label, the value, and one
   quiet line; the window dropdown and the "···" sit in the head. */
.yw-gf-ai-head-right { display: inline-flex; flex-shrink: 0; align-items: center; gap: 10px; }
.yw-gf-ai-window { margin: 0; }
.yw-gf-ai-window-label { color: #87818c; font-size: 13px; white-space: nowrap; }
.yw-get-found-page .yw-gf-ai-window [data-ui="filter-select"] { height: 34px; padding: 0 12px; border: 1px solid #e8e6e9; border-radius: 10px; background: #fff; color: #202024; font-size: 13px; font-weight: 400; box-shadow: 0 2px 6px #00000009; }
.yw-get-found-page .yw-gf-ai-window [data-ui="filter-select"]:hover { background: #faf8fc; }
.yw-gf-ai-keys { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 16px 0 0; }
.yw-gf-ai-key { display: flex; min-width: 0; flex-direction: column; gap: 6px; padding: 4px 18px 2px; border-left: 1px solid #eae8ec; }
.yw-gf-ai-key:first-child { padding-left: 0; border-left: 0; }
.yw-gf-ai-key > dt { color: #6f6975; font-size: 13px; line-height: 1.35; }
.yw-gf-ai-key > dd { margin: 0; }
.yw-gf-ai-key-value { color: #202024; font-size: 27px; font-weight: 500; line-height: 1.15; letter-spacing: -.05em; white-space: nowrap; }
.yw-gf-ai-key-value[data-unmeasured] { color: #87818c; font-size: 17px; letter-spacing: -.3px; line-height: 1.6; }
.yw-gf-ai-key-sub { color: #8f8996; font-size: 13px; line-height: 1.45; }

/* Bookings from AI, by assistant. */
.yw-gf-ai-alert { margin: 14px 0 0; color: #b4567f; font-size: 14px; font-weight: 500; line-height: 1.5; }
.yw-gf-ai-alert .yw-text-link { font-size: 13px; }
.yw-gf-ai-lead { margin: 12px 0 0; color: #343039; font-size: 15px; line-height: 1.5; letter-spacing: -.2px; }
.yw-gf-ai-alert + .yw-gf-ai-lead { margin-top: 6px; }
.yw-gf-ai-scroll[data-scroll="list"] { max-height: 22rem; margin-top: 14px; }
.yw-gf-ai-name { min-width: 0; max-width: 0; width: 55%; overflow: hidden; color: #202024; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.yw-get-found-page .yw-gf-ai-page .yw-money-table td { font-size: 14px; }
.yw-get-found-page .yw-gf-ai-page .yw-money-table th { font-size: 12px; }
.yw-get-found-page .yw-gf-ai-page .yw-money-table tr[data-you] td { color: #7433d4; font-weight: 500; }

/* The competitors and where AI sends guests: two cards that end level. */
.yw-gf-ai-rivals { margin: 0; }
.yw-gf-ai-pair { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.yw-gf-ai-pair > .yw-card { display: flex; min-width: 0; flex-direction: column; margin: 0; }

/* Share rows: the label, the share and what it is of, a hatched track. */
.yw-gf-rates { margin: 12px 0 0; padding: 0; list-style: none; }
.yw-gf-rate { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 8px 12px; padding: 12px 0 11px; border-top: 1px solid #eae8ec; }
.yw-gf-rate:first-child { padding-top: 4px; border-top: 0; }
.yw-gf-rate-label { min-width: 0; overflow: hidden; color: #343039; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.yw-gf-rate-value { color: #202024; font-size: 14px; font-weight: 500; white-space: nowrap; }
.yw-gf-rate-of { margin-left: 6px; color: #8f8996; font-size: 13px; font-weight: 400; }
.yw-gf-rate-track { display: block; grid-column: 1 / -1; height: 6px; overflow: hidden; border-radius: 4px; background: #eeedf1; }
.yw-gf-rate-track > i { display: block; height: 100%; border-radius: inherit; background: repeating-linear-gradient(125deg, #9161df 0 2px, #dcccfa 2px 4px); transform-origin: left; animation: yw-scale-in 1s cubic-bezier(.2, .8, .2, 1) backwards; }

/* What to fix: the Dashboard's Needs you rows, scrolling inside the card. */
.yw-gf-fix { display: flex; flex-direction: column; }
.yw-gf-fix-scroll[data-scroll="list"] { max-height: 30rem; margin-top: 8px; overflow-x: hidden; }
.yw-get-found-page .yw-gf-fix-list { flex: 0 0 auto; }
.yw-get-found-page .yw-gf-fix-row { gap: 14px; min-height: 68px; padding: 11px 3px; }
.yw-get-found-page .yw-gf-fix-mark { width: 36px; height: 36px; flex: 0 0 36px; }
.yw-get-found-page .yw-gf-fix-mark svg { width: 18px; height: 18px; }
.yw-get-found-page .yw-gf-fix-mark[data-state="done"] { background: #e3f4ec; color: #2f8a6d; }
.yw-get-found-page .yw-gf-fix-mark[data-state="todo"] { background: #f8e8ef; color: #bd6a91; }
.yw-get-found-page .yw-gf-fix-mark[data-state="unknown"] { background: #f1f0f3; color: #87818c; }
.yw-get-found-page .yw-gf-fix-row .yw-needs-row-title { font-size: 14px; white-space: normal; }
.yw-get-found-page .yw-gf-fix-row .yw-needs-row-title .hw-info-label { font-weight: 500; text-align: left; }
.yw-get-found-page .yw-gf-fix-row .yw-needs-row-detail { display: -webkit-box; color: #77717c; font-size: 13px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.yw-gf-fix-word { flex-shrink: 0; color: #87818c; font-size: 13px; font-weight: 500; white-space: nowrap; }
.yw-gf-fix-word[data-state="done"] { color: #2f8a6d; }
.yw-gf-fix-word[data-state="todo"] { color: #a96883; }
.yw-gf-fix-act { display: inline-flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; max-width: 40%; }
.yw-gf-fix-act .yw-text-link { font-size: 13px; white-space: nowrap; }
.yw-gf-fix-act button { min-height: 34px; padding: 0 13px; border: 0; border-radius: 10px; background: #eeeded; color: #202024; font-size: 13px; font-weight: 500; box-shadow: none; }
.yw-gf-fix-act button:hover { background: #e8e4ed; }
.yw-gf-fix-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #eae8ec; }
.yw-gf-fix-foot button { min-height: 36px; font-size: 13px; }

/* The monthly PDF: one slim card, its name and its controls on one row. */
.yw-gf-ai-pdf.yw-card { padding-top: 16px; padding-bottom: 16px; }
.yw-gf-ai-pdf-form { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0; }
.yw-gf-ai-pdf-title { color: #202024; font-size: 15px; font-weight: 500; letter-spacing: -.2px; }
.yw-gf-ai-pdf-act { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.yw-gf-ai-pdf-act button.yw-gf-btn { border: 0; cursor: pointer; }
.yw-get-found-page .yw-gf-ai-pdf [data-ui="filter-select"] { height: 34px; padding: 0 12px; border: 1px solid #e8e6e9; border-radius: 10px; background: #fff; color: #202024; font-size: 13px; font-weight: 400; }

/* AI Search Setup: the guest types and the staff budget sit in the setup
   grid, a row of their own. Guest types are rows, not boxes. */
.yw-gf-ai-setup-rank { grid-column: 1 / -1; }
/* The hosted AI file card (10/8): a row of its own, its links can be long. */
.yw-gf-anchor-card { grid-column: 1 / -1; }
.yw-gf-anchor-card .yw-row-stat { align-items: flex-start; gap: 12px; }
.yw-gf-ai-rank-setup { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.yw-gf-ai-rank-setup > * { min-width: 0; margin: 0; }
.yw-gf-personas-form { margin-top: 10px; }
.yw-gf-personas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; margin: 0; padding: 0; list-style: none; }
.yw-gf-persona { display: flex; align-items: flex-start; gap: 10px; padding: 11px 0; border-top: 1px solid #eae8ec; cursor: pointer; }
.yw-gf-persona input { margin-top: 3px; }
.yw-gf-persona-copy { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.yw-gf-persona-name { color: #202024; font-size: 14px; font-weight: 500; }
.yw-gf-persona-why { color: #8f8996; font-size: 13px; line-height: 1.45; }
.yw-gf-personas-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.yw-gf-ai-budget-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.yw-gf-ai-budget-field { display: inline-flex; align-items: center; gap: 8px; color: #59535f; font-size: 13px; }
.yw-gf-ai-budget-field .yw-gf-input { width: 110px; }

/* --------------------------------------------- the Google accounts card -- */
.yw-get-found-page .yw-gf-google-row { align-items: flex-start; }
.yw-gf-google-sentence { margin: 6px 0 0; max-width: 62ch; color: #59535f; font-size: 13px; line-height: 1.5; }
.yw-gf-google-actions { display: inline-flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.yw-gf-google-actions form { margin: 0; }
.yw-gf-google-picks { margin-top: 10px; }
.yw-gf-google-picks ul { margin: 0 0 10px; padding: 0; list-style: none; }
.yw-gf-google-picks label { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid #eae8ec; color: #202024; font-size: 13px; cursor: pointer; }
.yw-gf-google-wait { margin: 0; padding-top: 14px; border-top: 1px solid #eae8ec; color: #59535f; font-size: 13px; line-height: 1.5; }

/* ------------------------------------------- Marketing, the Analytics states -- */
.yw-ads-page[data-ads-tab="marketing"] .yw-gfa-lede { margin: 8px 0 0; color: #77717c; font-size: 13px; line-height: 1.45; }
.yw-ads-page .yw-gfa-state-controls { margin-top: 14px; }
.yw-ads-page .yw-gfa-mkt > .yw-gfa-state { margin: 0; }

/* Your hotel in AI apps (GEO Wave 4, 10/8): four key numbers, the table by
   app, and two short lists under a quiet sub-head. */
.yw-gf-ai-apps .yw-gf-ai-keys { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.yw-gf-ai-sub { margin: 20px 0 0; color: #343039; font-size: 14px; font-weight: 500; line-height: 1.4; }
.yw-gf-ai-apps .yw-row-stats { margin: 10px 0 0; padding: 0; list-style: none; }

/* AI readiness (GEO Wave 5, 10/8): the score as one key number, its parts
   in the money table, and the compset beside it in a second table. */
.yw-gf-ready-keys { grid-template-columns: minmax(0, 1fr); }
.yw-gf-ready-of { color: #87818c; font-size: 15px; letter-spacing: -.2px; }
.yw-gf-ready-part { width: 26%; color: #202024; font-weight: 500; white-space: nowrap; }
.yw-gf-ready-seen { color: #59535f; white-space: normal; }
.yw-gf-ready-pts { width: 18%; white-space: nowrap; }
.yw-gf-ai-ready tr:not([data-measured]) .yw-gf-ready-pts { color: #87818c; }

/* The AI booking funnel (GEO W6, 10/8): four key numbers, then the rates
   between them as share rows; a missing rate says why under its row. */
.yw-gf-ai-funnel .yw-gf-ai-keys { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.yw-gf-ai-funnel-money { color: #59535f; font-size: 15px; letter-spacing: -.2px; }
.yw-gf-ai-funnel-why { grid-column: 1 / -1; margin: 0; font-size: 13px; }

/* ------------------------------------------------------------- phone ---- */
@media (max-width: 1100px) {
  .yw-gf-ai-keys { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 16px; }
  .yw-gf-ai-key:nth-child(4) { padding-left: 0; border-left: 0; }
  .yw-gf-ai-apps .yw-gf-ai-keys, .yw-gf-ai-funnel .yw-gf-ai-keys { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yw-gf-ai-apps .yw-gf-ai-key:nth-child(4), .yw-gf-ai-funnel .yw-gf-ai-key:nth-child(4) { padding-left: 18px; border-left: 1px solid #eae8ec; }
  .yw-gf-ai-apps .yw-gf-ai-key:nth-child(odd), .yw-gf-ai-funnel .yw-gf-ai-key:nth-child(odd) { padding-left: 0; border-left: 0; }
}
@media (max-width: 800px) {
  .yw-gf-ai-pair, .yw-gf-ai-rank-setup { grid-template-columns: minmax(0, 1fr); }
  .yw-gf-ai-keys { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yw-gf-ai-key:nth-child(4) { padding-left: 18px; border-left: 1px solid #eae8ec; }
  .yw-gf-ai-key:nth-child(odd) { padding-left: 0; border-left: 0; }
  .yw-get-found-page .yw-gf-fix-row { flex-wrap: wrap; }
  .yw-gf-fix-act { max-width: none; width: 100%; justify-content: flex-start; padding-left: 50px; }
  .yw-gf-personas { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .yw-gf-rate-track > i { animation: none; }
}

/* -------------------------------------------------------------- dark ---- */
[data-theme-root].dark .yw-get-found-page :is(.yw-gf-ai-key-value, .yw-gf-rate-value, .yw-gf-ai-name, .yw-gf-ai-pdf-title, .yw-gf-persona-name) { color: #f3eef8; }
[data-theme-root].dark .yw-get-found-page :is(.yw-gf-ai-key > dt, .yw-gf-ai-window-label, .yw-gf-ai-key-value[data-unmeasured]) { color: #c3b9cc; }
[data-theme-root].dark .yw-get-found-page :is(.yw-gf-ai-key-sub, .yw-gf-ai-quiet, .yw-gf-ai-foot, .yw-gf-rate-of, .yw-gf-persona-why, .yw-gf-fix-word) { color: #a297ab; }
[data-theme-root].dark .yw-get-found-page :is(.yw-gf-ai-lead, .yw-gf-ai-sub, .yw-gf-rate-label, .yw-gf-google-sentence, .yw-gf-google-wait, .yw-gf-google-picks label, .yw-gf-ai-budget-field) { color: #d9d2e3; }
[data-theme-root].dark .yw-get-found-page .yw-gf-ai-alert { color: #e69ac4; }
[data-theme-root].dark .yw-get-found-page .yw-gf-fix-row .yw-needs-row-detail { color: #a297ab; }
[data-theme-root].dark .yw-get-found-page .yw-gf-fix-word[data-state="done"] { color: #7fd3b4; }
[data-theme-root].dark .yw-get-found-page .yw-gf-fix-word[data-state="todo"] { color: #e69ac4; }
[data-theme-root].dark .yw-get-found-page .yw-gf-fix-mark[data-state="done"] { background: #26332e; color: #7fd3b4; }
[data-theme-root].dark .yw-get-found-page .yw-gf-fix-mark[data-state="todo"] { background: #4a3040; color: #e6a9c4; }
[data-theme-root].dark .yw-get-found-page .yw-gf-fix-mark[data-state="unknown"] { background: #142036; color: #a297ab; }
[data-theme-root].dark .yw-get-found-page :is(.yw-gf-ai-key, .yw-gf-rate, .yw-gf-fix-foot, .yw-gf-persona, .yw-gf-google-picks label, .yw-gf-google-wait) { border-color: #1c2843; }
[data-theme-root].dark .yw-get-found-page .yw-gf-rate-track { background: #1c2843; }
[data-theme-root].dark .yw-get-found-page .yw-gf-rate-track > i { background: repeating-linear-gradient(125deg, #a883ee 0 2px, #4a3a63 2px 4px); }
[data-theme-root].dark .yw-get-found-page .yw-gf-ai-page .yw-money-table tr[data-you] td { color: #c9b1ff; }
[data-theme-root].dark .yw-get-found-page :is(.yw-gf-ai-window, .yw-gf-ai-pdf) [data-ui="filter-select"] { border-color: #1c2843; background: #142036; color: #f3eef8; box-shadow: none; }
[data-theme-root].dark .yw-get-found-page :is(.yw-gf-ai-window, .yw-gf-ai-pdf) [data-ui="filter-select"]:hover { background: #1c2843; }
[data-theme-root].dark .yw-get-found-page .yw-gf-fix-act button { background: #142036; color: #f3eef8; }
[data-theme-root].dark .yw-get-found-page .yw-gf-fix-act button:hover { background: #1c2843; }
/* The held table header sits on the card, so in dark it is the card. */
[data-theme-root].dark .yw-get-found-page .yw-money-overflow > .yw-money-table thead th { background: #0d1527; }
[data-theme-root].dark .yw-get-found-page .yw-money-overflow[data-scroll="list"] { scrollbar-color: #273656 transparent; }
[data-theme-root].dark .yw-ads-page[data-ads-tab="marketing"] .yw-gfa-lede { color: #a297ab; }
[data-theme-root].dark .yw-get-found-page :is(.yw-gf-ready-part) { color: #f3eef8; }
[data-theme-root].dark .yw-get-found-page :is(.yw-gf-ready-of, .yw-gf-ready-seen, .yw-gf-ai-ready tr:not([data-measured]) .yw-gf-ready-pts) { color: #a297ab; }