/* Revenue > Overview and the deposit panel (10/03), as the owner reviewed
   them on the design branch. Loaded after skin/money.css.

   Transactions, Square and Lodging tax were rebuilt on testing (#3783) on
   their own rules, so nothing here may reach them. The design branch rooted
   this skin at .yw-revenue-page; here the Overview's rules root at
   .yw-money-page:where([data-rev-view="overview"]) (the same weight; page.tsx
   marks the view on screen) and the deposit panel's at .yw-rev-deposit
   (line-panel.tsx). Rules for the other views' classes are left out. */

/* ---- the shared rows these two ride on, narrowed to them ---- */
.yw-money-page:where([data-rev-view="overview"]) { font-family: var(--font-geist-sans), Geist, system-ui, sans-serif; font-size: 14px; letter-spacing: -.25px; /* The dashboard's warm greys (skin/base.css, overview.css): hairline #eae8ec, card border #e2e1e4, captions #929097, labels #87818c, row value #131f35, ink #202024. */ --color-zinc-50: #f8f7f9; --color-zinc-100: #eeedf0; --color-zinc-200: #e2e1e4; --color-zinc-300: #d6d2da; --color-zinc-400: #a09aa4; --color-zinc-500: #8a8490; --color-zinc-600: #6f6975; --color-zinc-700: #59535f; --color-zinc-800: #131f35; --color-zinc-900: #202024; --color-zinc-950: #0a0f1e; /* The accent and its tints. */ --color-violet-50: #f6f1fb; --color-violet-100: #eee5fd; --color-violet-200: #e3d6f6; --color-violet-300: #cdb5ee; --color-violet-400: #a883ee; --color-violet-500: #8553c2; --color-violet-600: #7c3aed; --color-violet-700: #7433d4; --color-violet-800: #5d2bb0; /* Good, bad and amber words (never values). */ --color-emerald-50: #eef7f3; --color-emerald-200: #cfe7dd; --color-emerald-300: #b5dccb; --color-emerald-500: #397965; --color-emerald-600: #279876; --color-emerald-700: #2f8a6d; --color-emerald-800: #397965; --color-rose-50: #fbf0f4; --color-rose-200: #f0d2dd; --color-rose-300: #e7b9cb; --color-rose-400: #d98aa9; --color-rose-500: #c85f84; --color-rose-600: #c85f84; --color-rose-700: #a96883; --color-rose-800: #9f6586; --color-amber-50: #fbf6ee; --color-amber-100: #f6ecdc; --color-amber-200: #ecdcc0; --color-amber-300: #e0c79c; --color-amber-600: #9a805f; --color-amber-700: #9a805f; --color-amber-800: #86704f; --color-amber-900: #6f5c40; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-row-count { margin-left: 8px; color: #a59fab; font-size: 11px; }
.hw-info-body .yw-money-hover-meta { display: block; margin-bottom: 8px; color: #8f8996; font-size: 11px; line-height: 1.45; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-parts > .yw-row-stat, :where(.yw-money-page[data-rev-view="overview"]) .yw-money-parts > details > summary.yw-row-stat { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; row-gap: 9px; padding: 15px 0 14px; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-grid:not(.yw-money-grid--after) > .yw-money-card { display: flex; flex-direction: column; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-grid:not(.yw-money-grid--after) > .yw-money-card > .yw-money-card-body { display: flex; flex: 1 1 auto; flex-direction: column; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-parts { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-share { display: block; grid-column: 1 / -1; height: 8px; overflow: hidden; border-radius: 4px; background: #eeedf1; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-parts .yw-row-stat-value { color: #202024; font-size: 22px; letter-spacing: -.7px; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-parts > .yw-row-stat > span:first-child, :where(.yw-money-page[data-rev-view="overview"]) .yw-money-parts > details > summary > span:first-child { color: #59535f; font-size: 13px; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-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; }
[data-theme-root].dark .hw-info-body .yw-money-hover-meta, [data-theme-root].dark :where(.yw-money-page[data-rev-view="overview"]) .yw-money-row-count { color: #a297ab; }
[data-theme-root].dark :where(.yw-money-page[data-rev-view="overview"]) .yw-money-share { background: #142036; }
[data-theme-root].dark :where(.yw-money-page[data-rev-view="overview"]) .yw-money-parts .yw-row-stat-value { color: #f3eef8; }
[data-theme-root].dark :where(.yw-money-page[data-rev-view="overview"]) .yw-money-parts > .yw-row-stat > span:first-child, [data-theme-root].dark :where(.yw-money-page[data-rev-view="overview"]) .yw-money-parts > details > summary > span:first-child { color: #c3b9cc; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-row-stat[data-quiet] > .yw-row-stat-value { color: #8f8996; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-input { min-height: 32px; padding: 0 10px; border: 1px solid #e2e1e4; border-radius: 10px; background: #fff; color: #202024; font-size: 12px; outline: none; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-rev-card-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; color: #929097; font-size: 12px; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-note[data-tone="watch"] { color: #9a805f; }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-share[data-tone="grey"] > i { background: repeating-linear-gradient(125deg, #a6a0ac 0 2px, #dcd7e0 2px 4px); }
:where(.yw-money-page[data-rev-view="overview"]) .yw-money-share[data-tone="pink"] > i { background: repeating-linear-gradient(125deg, #d85e9e 0 2px, #f8dae9 2px 4px); }
[data-theme-root].dark :where(.yw-money-page[data-rev-view="overview"]) .yw-money-note[data-tone="watch"] { color: #e6bd7f; }
[data-theme-root].dark :where(.yw-money-page[data-rev-view="overview"]) .yw-money-share[data-tone="grey"] > i { background: repeating-linear-gradient(125deg, #8b8794 0 2px, #17243d 2px 4px); }
[data-theme-root].dark :where(.yw-money-page[data-rev-view="overview"]) .yw-money-share[data-tone="pink"] > i { background: repeating-linear-gradient(125deg, #e07fb4 0 2px, #5a3a4b 2px 4px); }
:where(.yw-rev-deposit) .yw-money-page { font-family: var(--font-geist-sans), Geist, system-ui, sans-serif; font-size: 14px; letter-spacing: -.25px; /* The dashboard's warm greys (skin/base.css, overview.css): hairline #eae8ec, card border #e2e1e4, captions #929097, labels #87818c, row value #131f35, ink #202024. */ --color-zinc-50: #f8f7f9; --color-zinc-100: #eeedf0; --color-zinc-200: #e2e1e4; --color-zinc-300: #d6d2da; --color-zinc-400: #a09aa4; --color-zinc-500: #8a8490; --color-zinc-600: #6f6975; --color-zinc-700: #59535f; --color-zinc-800: #131f35; --color-zinc-900: #202024; --color-zinc-950: #0a0f1e; /* The accent and its tints. */ --color-violet-50: #f6f1fb; --color-violet-100: #eee5fd; --color-violet-200: #e3d6f6; --color-violet-300: #cdb5ee; --color-violet-400: #a883ee; --color-violet-500: #8553c2; --color-violet-600: #7c3aed; --color-violet-700: #7433d4; --color-violet-800: #5d2bb0; /* Good, bad and amber words (never values). */ --color-emerald-50: #eef7f3; --color-emerald-200: #cfe7dd; --color-emerald-300: #b5dccb; --color-emerald-500: #397965; --color-emerald-600: #279876; --color-emerald-700: #2f8a6d; --color-emerald-800: #397965; --color-rose-50: #fbf0f4; --color-rose-200: #f0d2dd; --color-rose-300: #e7b9cb; --color-rose-400: #d98aa9; --color-rose-500: #c85f84; --color-rose-600: #c85f84; --color-rose-700: #a96883; --color-rose-800: #9f6586; --color-amber-50: #fbf6ee; --color-amber-100: #f6ecdc; --color-amber-200: #ecdcc0; --color-amber-300: #e0c79c; --color-amber-600: #9a805f; --color-amber-700: #9a805f; --color-amber-800: #86704f; --color-amber-900: #6f5c40; }
.yw-money-page :where(.yw-rev-deposit) .yw-rev-input { min-height: 32px; padding: 0 10px; border: 1px solid #e2e1e4; border-radius: 10px; background: #fff; color: #202024; font-size: 12px; outline: none; }
:where(.yw-rev-deposit) .yw-rev-dialog-total > span { color: #929097; font-size: 12px; font-weight: 400; letter-spacing: -.25px; }
:where(.yw-rev-deposit) .yw-rev-dialog-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; color: #343039; font-size: 13px; }

/* ---- the design branch's skin/money-revenue.css, re-rooted ---- */
/* Revenue redesign (10/03): the new Dashboard design on this Money section.
   Loaded after skin/money.css, so a rule here at the same weight wins.
   Light rules first, their dark twins under [data-theme-root].dark.

   Owner, for every Money tab: "use our new design ... no ai slop text ...
   explanations should be on the hover modals ... container layouts and
   graphs ... add integrated scrollers ... correct sizing to containers".
   Everything is scoped under .yw-revenue-page (revenue/page.tsx puts it on
   the yw-money-page body), so nothing here reaches another Money page. The
   10/01 wave 4 rules in money.css (yw-rev-*) still dress what this file does
   not restate. Values stay ink; flags, pills, marks and notes carry the tone. */

/* ------------------------------------------------- the shared row parts -- */
/* The quiet pill (the Dashboard's secondary move) and the one violet. */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill, .yw-rev-deposit .yw-rev-pill {
  display: inline-flex; align-items: center; gap: 6px; height: 30px; margin: 0; padding: 0 12px;
  border: 0; border-radius: 10px; background: #eeeded; color: #202024;
  font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: -.1px;
  text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .16s, color .16s;
}
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill:hover, .yw-rev-deposit .yw-rev-pill:hover { background: #e8e4ed; color: #202024; text-decoration: none; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill:focus-visible, .yw-rev-deposit .yw-rev-pill:focus-visible { outline: 2px solid #b993ff; outline-offset: 2px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill:disabled, .yw-rev-deposit .yw-rev-pill:disabled { cursor: wait; opacity: .6; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill.yw-rev-primary, .yw-rev-deposit .yw-rev-pill.yw-rev-primary { background: #7c3aed; color: #fff; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill.yw-rev-primary:hover, .yw-rev-deposit .yw-rev-pill.yw-rev-primary:hover { background: #7130df; color: #fff; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill.yw-rev-primary:disabled, .yw-rev-deposit .yw-rev-pill.yw-rev-primary:disabled { cursor: not-allowed; }
.yw-money-page:where([data-rev-view="overview"]) summary.yw-rev-pill, .yw-rev-deposit summary.yw-rev-pill { list-style: none; }
.yw-money-page:where([data-rev-view="overview"]) summary.yw-rev-pill::-webkit-details-marker, .yw-rev-deposit summary.yw-rev-pill::-webkit-details-marker { display: none; }

/* The round mark: a short word or a glyph, toned by kind (violet by default). */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-mark, .yw-rev-deposit .yw-rev-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; line-height: 1; letter-spacing: 0;
}
/* A Needs you row's copy: the title, one quiet line under it. */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-row-copy, .yw-rev-deposit .yw-rev-row-copy { min-width: 0; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-row-title, .yw-rev-deposit .yw-rev-row-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; min-width: 0; color: #202024; font-size: 14px; font-weight: 500; letter-spacing: -.2px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-row-title .hw-info-label, .yw-rev-deposit .yw-rev-row-title .hw-info-label { font-weight: 500; text-align: left; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-row-line, .yw-rev-deposit .yw-rev-row-line { margin-top: 3px; overflow: hidden; color: #929097; font-size: 12px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-row-moves { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; }
.yw-rev-deposit .yw-rev-row-amount { min-width: 64px; color: #202024; font-size: 16px; font-weight: 500; letter-spacing: -.4px; text-align: right; white-space: nowrap; }
.yw-rev-deposit .yw-rev-row-amount[data-muted] { color: #a09aa4; font-size: 13px; font-weight: 400; }
/* A long name inside a row label: one line, the rest in its title. */
/* A list that scrolls inside its card, every row in the DOM. */
.yw-money-page:where([data-rev-view="overview"]) :is(.yw-rev-deposits, .yw-rev-report-list, .yw-rev-sources)[data-scroll="list"] {
  max-height: 32rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd2e7 transparent;
}
.yw-money-page:where([data-rev-view="overview"]) .yw-card-head .yw-rev-pill, .yw-rev-deposit .yw-card-head .yw-rev-pill { flex-shrink: 0; }
/* A row with nothing measured ("Not read", "n/a") is quiet at row size, not
   the 22px of a measured value over its track. */
.yw-money-page:where([data-rev-view="overview"]) .yw-money-parts .yw-row-stat-value[data-muted] { font-size: 13px; letter-spacing: -.2px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-input, .yw-rev-deposit .yw-rev-input { height: 32px; }
.yw-money-page:where([data-rev-view="overview"]) select.yw-rev-input, .yw-rev-deposit select.yw-rev-input { padding-right: 26px; }

/* -------------------------------------------------------------- Overview -- */
/* The hero's status: one pill, a muted word. */
.yw-money-page:where([data-rev-view="overview"]) .yw-money-hero .yw-hero-status { margin-top: 2px; }
/* Row 2: Money in beside the departments (two columns), level with each
   other; Money in's rows spread down the card over their share tracks. */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-overview-row { align-items: stretch; margin-top: 16px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-moneyin .yw-money-parts .yw-row-stat-label { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 0; min-width: 0; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-moneyin .yw-money-parts .yw-row-stat-label > .yw-money-flag { margin-left: 8px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-moneyin .yw-rev-prompts { margin-top: 14px; }

/* The room revenue trend: the Dashboard's month columns, hatched violet, a
   column still filling the lighter hatch; the picked one is the line under. */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-trend { display: flex; flex: 1 1 auto; flex-direction: column; margin-top: 16px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-cols { display: grid; flex: 1 1 auto; gap: 6px; min-height: 220px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-cols[data-dense] { gap: 3px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-col { display: flex; min-width: 0; flex-direction: column; height: 100%; margin: 0; padding: 0 2px; border: 0; border-radius: 8px; background: transparent; color: #202024; font: inherit; cursor: default; transition: background-color .2s ease; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-col:hover, .yw-money-page:where([data-rev-view="overview"]) .yw-rev-col[data-active="true"] { background: #f4eefb; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-col:focus-visible { outline: 2px solid #7836e9; outline-offset: -2px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-col-value { display: block; height: 22px; padding-top: 5px; overflow: visible; color: #87818c; font-size: 11px; font-weight: 500; line-height: 1.3; text-align: center; white-space: nowrap; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-col[data-active="true"] .yw-rev-col-value { color: #202024; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-col-rail { position: relative; display: block; flex: 1 1 auto; border-bottom: 1px solid #cfc8d5; background: linear-gradient(to bottom, #ece8f0 0 1px, transparent 1px calc(50% - .5px), #ece8f0 calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)); }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-col-bar { position: absolute; bottom: 0; left: 50%; width: min(58%, 40px); min-height: 1px; 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-money-page:where([data-rev-view="overview"]) .yw-rev-cols[data-dense] .yw-rev-col-bar { width: min(70%, 30px); border-radius: 3px 3px 0 0; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-col[data-partial] .yw-rev-col-bar { background: repeating-linear-gradient(125deg, #b996f2 0 2px, #eee5fd 2px 4px); }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-col-label { display: block; height: 24px; padding-top: 7px; overflow: visible; color: #8b8290; font-size: 10.5px; text-align: center; white-space: nowrap; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-cols[data-dense] .yw-rev-col-label { text-align: left; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-trend .yw-month-detail { min-height: 40px; margin-top: 6px; }

/* Departments you run: one Needs you row per department, its mark violet
   when it is on. The controls sit on the right; Save is a quiet pill. */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-depts { display: flex; flex-direction: column; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-dept-list { margin: 10px 0 0; padding: 0; list-style: none; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-dept-list > li { border-bottom: 1px solid #eae8ec; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-dept-list > li:last-child { border-bottom: 0; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-dept { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 0 14px; min-height: 62px; padding: 8px 6px; border-radius: 14px; transition: background-color .16s; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-dept:hover { background: #f8f6fa; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-dept-mark { background: #f0eef2; color: #87818c; font-size: 10px; font-weight: 600; letter-spacing: .01em; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-dept[data-on] .yw-rev-dept-mark { background: #efe8fb; color: #7c3aed; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-switch { display: inline-flex; align-items: center; gap: 6px; padding: 0 4px; color: #59535f; font-size: 12px; cursor: pointer; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-switch > input { width: 15px; height: 15px; margin: 0; accent-color: #7c3aed; cursor: pointer; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-dept input[type="month"] { width: 10.5rem; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-depts > .yw-rev-card-foot { margin-top: auto; padding-top: 14px; }

/* Sales to report: its own full row, every month a row, the list scrolls. */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-report-list { margin: 10px 0 0; padding: 0; list-style: none; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-report-list > li { border-bottom: 1px solid #eae8ec; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-report-list > li:last-child { border-bottom: 0; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-report { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 0 14px; min-height: 64px; padding: 8px 6px; border-radius: 14px; transition: background-color .16s; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-report:hover { background: #f8f6fa; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-report-mark { font-size: 11px; font-weight: 600; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-amount-input { width: 8.5rem; text-align: right; }

/* ---------------------------------------------------------- Transactions -- */
/* The deposits to tag: idle, the select-all line; picked, a quiet toolbar. */
.yw-rev-deposit .yw-rev-deposit { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto auto; align-items: center; gap: 0 14px; min-height: 64px; padding: 8px 6px; border-bottom: 1px solid #eae8ec; border-radius: 14px; transition: background-color .16s; }
.yw-rev-deposit .yw-rev-deposit:last-child { border-bottom: 0; }
.yw-rev-deposit .yw-rev-deposit:hover { background: #f8f6fa; }
.yw-rev-deposit .yw-rev-deposit[data-picked] { background: #f6f1fd; }
.yw-rev-deposit .yw-rev-deposit[data-picked] .yw-rev-pick { background: #7c3aed; color: #fff; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-deposit .yw-rev-row-line .yw-text-link, .yw-rev-deposit .yw-rev-deposit .yw-rev-row-line .yw-text-link { font-size: 12px; }
.yw-rev-deposit .yw-rev-deposit > select { max-width: 11rem; }
/* The list of bank credits: dates on one line. */

/* The deposits behind a number (line-panel.tsx): Needs you rows in the dialog. */
.yw-rev-deposit .yw-rev-dialog-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 0 14px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-dialog-rows > li[data-untagged] .yw-rev-mark, .yw-rev-deposit .yw-rev-dialog-rows > li[data-untagged] .yw-rev-mark { background: #f8e8ef; color: #bd6a91; }
.yw-rev-deposit .yw-rev-dialog-tag { margin-top: 8px; padding-left: 50px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-dialog-head .yw-rev-pill, .yw-rev-deposit .yw-rev-dialog-head .yw-rev-pill { flex-shrink: 0; }

/* ---------------------------------------------------------------- Square -- */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-filters .yw-rev-pill, .yw-rev-deposit .yw-rev-filters .yw-rev-pill { height: 32px; }
/* Moving, Not moving and By location: a name, its quiet count, the value
   over its track. A long name keeps one line. */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-board-rows .yw-row-stat-label { display: flex; align-items: baseline; min-width: 0; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-board-rows .yw-row-stat-label > .yw-rev-row-name { flex: 0 1 auto; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-board-rows .yw-row-stat-label > .yw-money-row-count { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* The hero's best seller: its name is the row's quiet count, one line. */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-square-hero .yw-row-stat-label:has(> .yw-money-row-count) { display: inline-flex; align-items: baseline; min-width: 0; overflow: hidden; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-square-hero .yw-row-stat-label > .yw-money-row-count { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-square-hero .yw-rev-sync .yw-rev-pill, .yw-rev-deposit .yw-rev-square-hero .yw-rev-sync .yw-rev-pill { margin-top: 2px; }

/* ------------------------------------------------------------ Lodging tax -- */
/* The top row: the hero, Setup details and the sales tax on Square, one
   height. With no Square card, Setup details takes the two columns. */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-checks .yw-money-parts .yw-row-stat-label { display: flex; align-items: baseline; min-width: 0; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-checks .yw-money-parts .yw-row-stat-label > .yw-money-flag { margin-left: 8px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-postax > .yw-money-empty, .yw-rev-deposit .yw-rev-postax > .yw-money-empty { margin-top: auto; }
.yw-money-page:where([data-rev-view="overview"]) .yw-money-hero .yw-hero-status .yw-hero-muted { line-height: 1.45; }
/* A note that is its own hover: the label keeps the note's colour and wraps. */
.yw-money-page:where([data-rev-view="overview"]) .yw-money-note .hw-info-label { text-align: left; }

/* Tax by booking source: a Needs you row per source, toned by its verdict. */
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-sources-total > .yw-row-stat { padding-top: 13px; }
.yw-money-page:where([data-rev-view="overview"]) .yw-rev-sources-total .yw-row-stat-value { font-size: 16px; }

/* -------------------------------------------------------------- narrower -- */
@media (max-width: 1100px) {
  /* Two columns: Money in and the departments each take the row. */
  .yw-money-page:where([data-rev-view="overview"]) .yw-rev-overview-row > .yw-rev-moneyin { grid-column: 1 / -1; }
  /* A hero with one card beside it does not span two rows (a hole under the card). */
  .yw-money-page:where([data-rev-view="overview"]) .yw-rev-tax-row > .yw-money-hero:first-child:nth-last-child(2) { grid-row: auto; }
}
@media (max-width: 800px) {
  /* The moves drop under the title; the mark and the dollars stay put. */
  .yw-money-page:where([data-rev-view="overview"]) :is(.yw-rev-dept, .yw-rev-report) { grid-template-columns: 36px minmax(0, 1fr); row-gap: 8px; }
  .yw-money-page:where([data-rev-view="overview"]) :is(.yw-rev-dept, .yw-rev-report) > .yw-rev-row-moves { grid-column: 2; justify-content: flex-start; }
  .yw-rev-deposit .yw-rev-deposit { grid-template-columns: 36px minmax(0, 1fr) auto; row-gap: 8px; }
  .yw-rev-deposit .yw-rev-deposit > select { grid-column: 2 / -1; grid-row: 2; justify-self: start; }
  .yw-rev-deposit .yw-rev-dialog-tag { padding-left: 0; }
}
@media (max-width: 640px) {
  .yw-money-page:where([data-rev-view="overview"]) .yw-rev-col-value { visibility: hidden; }
  .yw-money-page:where([data-rev-view="overview"]) .yw-rev-cols { gap: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .yw-money-page:where([data-rev-view="overview"]) .yw-rev-col-bar { animation: none; }
  .yw-money-page:where([data-rev-view="overview"]) :is(.yw-rev-col, .yw-rev-dept, .yw-rev-report, .yw-rev-deposit, .yw-rev-source-row, .yw-rev-pill, .yw-rev-pick), .yw-rev-deposit :is(.yw-rev-col, .yw-rev-dept, .yw-rev-report, .yw-rev-deposit, .yw-rev-source-row, .yw-rev-pill, .yw-rev-pick) { transition: none; }
}

/* ------------------------------------------------------------------ dark -- */
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill, [data-theme-root].dark .yw-rev-deposit .yw-rev-pill { background: #142036; color: #f3eef8; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill:hover, [data-theme-root].dark .yw-rev-deposit .yw-rev-pill:hover { background: #1c2843; color: #f3eef8; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill.yw-rev-primary, [data-theme-root].dark .yw-rev-deposit .yw-rev-pill.yw-rev-primary { background: #7c3aed; color: #fff; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-pill.yw-rev-primary:hover, [data-theme-root].dark .yw-rev-deposit .yw-rev-pill.yw-rev-primary:hover { background: #8b4dfb; color: #fff; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-mark, [data-theme-root].dark .yw-rev-deposit .yw-rev-mark { background: #3d3350; color: #c5a8ff; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-dept-mark { background: #142036; color: #a297ab; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-dept[data-on] .yw-rev-dept-mark { background: #3d3350; color: #c5a8ff; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) :is(.yw-rev-dialog-rows > li[data-untagged] .yw-rev-mark, .yw-rev-sources > li[data-verdict="leak"] .yw-rev-source-mark), [data-theme-root].dark .yw-rev-deposit :is(.yw-rev-dialog-rows > li[data-untagged] .yw-rev-mark, .yw-rev-sources > li[data-verdict="leak"] .yw-rev-source-mark) { background: #4d3345; color: #f0b8d2; }
[data-theme-root].dark .yw-rev-deposit .yw-rev-deposit[data-picked] .yw-rev-pick { background: #7c3aed; color: #fff; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) :is(.yw-rev-row-title, .yw-rev-row-amount, .yw-rev-bulk[data-state], .yw-rev-col[data-active="true"] .yw-rev-col-value), [data-theme-root].dark .yw-rev-deposit :is(.yw-rev-row-title, .yw-rev-row-amount, .yw-rev-bulk[data-state], .yw-rev-col[data-active="true"] .yw-rev-col-value) { color: #f3eef8; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) :is(.yw-rev-row-line, .yw-rev-col-value, .yw-rev-col-label, .yw-rev-kpi-detail, .yw-rev-row-amount[data-muted]), [data-theme-root].dark .yw-rev-deposit :is(.yw-rev-row-line, .yw-rev-col-value, .yw-rev-col-label, .yw-rev-kpi-detail, .yw-rev-row-amount[data-muted]) { color: #a297ab; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-switch { color: #c3b9cc; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) :is(.yw-rev-dept-list > li, .yw-rev-report-list > li, .yw-rev-deposit, .yw-rev-sources > li), [data-theme-root].dark .yw-rev-deposit :is(.yw-rev-dept-list > li, .yw-rev-report-list > li, .yw-rev-deposit, .yw-rev-sources > li) { border-color: #1c2843; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) :is(.yw-rev-dept:hover, .yw-rev-report:hover, .yw-rev-deposit:hover, .yw-rev-source-row:hover), [data-theme-root].dark .yw-rev-deposit :is(.yw-rev-dept:hover, .yw-rev-report:hover, .yw-rev-deposit:hover, .yw-rev-source-row:hover) { background: #111b30; }
[data-theme-root].dark .yw-rev-deposit .yw-rev-deposit[data-picked] { background: #33293f; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) :is(.yw-rev-deposits, .yw-rev-report-list, .yw-rev-sources)[data-scroll="list"] { scrollbar-color: #273656 transparent; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-col:hover, [data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-col[data-active="true"] { background: #30263a; }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-col-rail { border-bottom-color: #5b5063; background: linear-gradient(to bottom, #39323f 0 1px, transparent 1px calc(50% - .5px), #39323f calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)); }
[data-theme-root].dark .yw-money-page:where([data-rev-view="overview"]) .yw-rev-col[data-partial] .yw-rev-col-bar { background: repeating-linear-gradient(125deg, #8f6fc4 0 2px, #3f3352 2px 4px); }

/* Expenses > Books (the closed books, its uploads and dialogs) and the
   Upload a statement page (10/03 to 10/07), as the owner reviewed them on
   the design branch. Loaded after skin/money.css.

   Overview, Transactions, Recurring and Log an expense were rebuilt on
   testing (#3766, #3768) on their own rules, so every rule here is narrowed
   to the Books tab (.yw-books) or the statement page (.yw-stmt-page) with
   :where(), which adds no weight; nothing reaches the rebuilt tabs. */

/* ---- .yw-books ---- */
.yw-money-page:where(.yw-books) { font-family: var(--font-geist-sans), Geist, system-ui, sans-serif; font-size: 14px; letter-spacing: -.25px; /* The dashboard's warm greys (skin/base.css, overview.css): hairline #eae8ec, card border #e2e1e4, captions #929097, labels #87818c, row value #131f35, ink #202024. */ --color-zinc-50: #f8f7f9; --color-zinc-100: #eeedf0; --color-zinc-200: #e2e1e4; --color-zinc-300: #d6d2da; --color-zinc-400: #a09aa4; --color-zinc-500: #8a8490; --color-zinc-600: #6f6975; --color-zinc-700: #59535f; --color-zinc-800: #131f35; --color-zinc-900: #202024; --color-zinc-950: #0a0f1e; /* The accent and its tints. */ --color-violet-50: #f6f1fb; --color-violet-100: #eee5fd; --color-violet-200: #e3d6f6; --color-violet-300: #cdb5ee; --color-violet-400: #a883ee; --color-violet-500: #8553c2; --color-violet-600: #7c3aed; --color-violet-700: #7433d4; --color-violet-800: #5d2bb0; /* Good, bad and amber words (never values). */ --color-emerald-50: #eef7f3; --color-emerald-200: #cfe7dd; --color-emerald-300: #b5dccb; --color-emerald-500: #397965; --color-emerald-600: #279876; --color-emerald-700: #2f8a6d; --color-emerald-800: #397965; --color-rose-50: #fbf0f4; --color-rose-200: #f0d2dd; --color-rose-300: #e7b9cb; --color-rose-400: #d98aa9; --color-rose-500: #c85f84; --color-rose-600: #c85f84; --color-rose-700: #a96883; --color-rose-800: #9f6586; --color-amber-50: #fbf6ee; --color-amber-100: #f6ecdc; --color-amber-200: #ecdcc0; --color-amber-300: #e0c79c; --color-amber-600: #9a805f; --color-amber-700: #9a805f; --color-amber-800: #86704f; --color-amber-900: #6f5c40; }
:where(.yw-books) .yw-money-row-count { margin-left: 8px; color: #a59fab; font-size: 11px; }
.hw-info-body .yw-money-hover-meta { display: block; margin-bottom: 8px; color: #8f8996; font-size: 11px; line-height: 1.45; }
:where(.yw-books) .yw-money-grid:not(.yw-money-grid--after) > .yw-money-card { display: flex; flex-direction: column; }
:where(.yw-books) .yw-money-grid:not(.yw-money-grid--after) > .yw-money-card > .yw-money-card-body { display: flex; flex: 1 1 auto; flex-direction: column; }
[data-theme-root].dark .hw-info-body .yw-money-hover-meta, [data-theme-root].dark :where(.yw-books) .yw-money-row-count { color: #a297ab; }
[data-theme-root].dark .yw-money-page:where(.yw-books) .yw-row-stat[data-quiet] > .yw-row-stat-value { color: #8f8996; }
:where(.yw-books) .yw-money-overflow[data-scroll="list"] { max-height: 34rem; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd2e7 transparent; }
:where(.yw-books) .yw-money-overflow[data-scroll="list"] > .yw-money-table thead th { box-shadow: inset 0 -1px 0 #eae8ec; }
[data-theme-root].dark :where(.yw-books) .yw-money-overflow[data-scroll="list"] > .yw-money-table thead th { box-shadow: inset 0 -1px 0 #1c2843; }
[data-theme-root].dark :where(.yw-books) .yw-money-overflow[data-scroll="list"] { scrollbar-color: #273656 transparent; }
[data-theme-root].dark :where(.yw-books) dialog.yw-exp-dialog button[aria-pressed="false"][class~="border-zinc-300"] { border-color: #1c2843; background-color: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-books) dialog.yw-exp-dialog button[aria-pressed="true"][class~="border-violet-600"] { border-color: #7c3aed; background-color: #7c3aed; color: #fff; }
:where(.yw-books) .yw-xb-list { margin: 8px 0 0; padding: 0; list-style: none; }
:where(.yw-books) .yw-card-head + .yw-xb-list { margin-top: 12px; }
:where(.yw-books) .yw-xb-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 0 14px; min-height: 64px; padding: 10px 6px; border-bottom: 1px solid #eae8ec; border-radius: 0; transition: background-color .16s; }
:where(.yw-books) .yw-xb-row:last-child { border-bottom: 0; }
:where(.yw-books) .yw-xb-row:hover { background: #f8f6fa; }
:where(.yw-books) .yw-xb-row--tight { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 0 12px; min-height: 50px; padding: 7px 4px; }
:where(.yw-books) .yw-xb-row--stack { align-items: start; }
:where(.yw-books) .yw-xb-row--stack > .yw-xb-mark { margin-top: 1px; }
:where(.yw-books) .yw-xb-mark { display: grid; width: 36px; height: 36px; overflow: hidden; place-items: center; border-radius: 50%; background: #f0eef2; color: #87818c; font-size: 9.5px; font-weight: 600; line-height: 1; letter-spacing: .03em; white-space: nowrap; }
:where(.yw-books) .yw-xb-row--tight .yw-xb-mark { width: 30px; height: 30px; font-size: 13px; font-weight: 500; letter-spacing: 0; }
:where(.yw-books) .yw-xb-row[data-tone="accent"] .yw-xb-mark { background: #efe8fb; color: #7c3aed; }
:where(.yw-books) .yw-xb-row[data-tone="bad"] .yw-xb-mark { background: #f8e8ef; color: #bd6a91; }
:where(.yw-books) .yw-xb-row[data-tone="amber"] .yw-xb-mark { background: #f6eddc; color: #9a805f; }
:where(.yw-books) .yw-xb-row[data-tone="good"] .yw-xb-mark { background: #e7f3ee; color: #2f8a6d; }
:where(.yw-books) .yw-xb-main { min-width: 0; }
:where(.yw-books) .yw-xb-title { display: flex; min-width: 0; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; color: #202024; font-size: 14px; font-weight: 500; line-height: 1.35; letter-spacing: -.2px; }
:where(.yw-books) .yw-xb-name { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(.yw-books) .yw-xb-line { display: block; min-width: 0; margin-top: 3px; overflow: hidden; color: #929097; font-size: 12px; font-weight: 400; line-height: 1.45; letter-spacing: -.1px; text-overflow: ellipsis; white-space: nowrap; }
:where(.yw-books) .yw-xb-line[data-tone="bad"] { color: #a96883; }
:where(.yw-books) .yw-xb-line--wrap { overflow: visible; white-space: normal; }
:where(.yw-books) .yw-xb-line--quiet { color: #a59fab; font-size: 11px; }
:where(.yw-books) .yw-xb-clip { display: block; min-width: 0; max-width: 100%; overflow: hidden; }
:where(.yw-books) .yw-xb-clip > .hw-info-label { display: block; max-width: 100%; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
:where(.yw-books) .yw-xb-clip--ink > .hw-info-label { color: #343039; font-size: 13px; }
:where(.yw-books) .yw-xb-clip > .hw-info-label:is(:hover, [aria-expanded="true"]) { color: #8546d7; }
:where(.yw-books) .yw-xb-end { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 12px; }
:where(.yw-books) .yw-xb-date { color: #929097; font-size: 12px; font-weight: 400; letter-spacing: -.1px; white-space: nowrap; }
:where(.yw-books) .yw-xb-amount { min-width: 64px; color: #202024; font-size: 16px; font-weight: 500; letter-spacing: -.4px; text-align: right; white-space: nowrap; }
:where(.yw-books) .yw-xb-push { margin-left: auto; }
:where(.yw-books) .yw-xb-scroll { max-height: 30rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd2e7 transparent; }
:where(.yw-books) .yw-xb-pill { display: inline-flex; height: 30px; flex-shrink: 0; align-items: center; justify-content: center; gap: 6px; margin: 0; padding: 0 12px; border: 0; border-radius: 10px; background: #eeeded; color: #202024; font-family: inherit; font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: -.1px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .16s, color .16s; }
:where(.yw-books) .yw-xb-pill:hover { background: #e8e4ed; color: #202024; }
:where(.yw-books) .yw-xb-pill:focus-visible { outline: 2px solid #b993ff; outline-offset: 2px; }
:where(.yw-books) .yw-xb-pill:disabled { cursor: not-allowed; opacity: .5; }
:where(.yw-books) .yw-xb-pill--primary, :where(.yw-books) .yw-xb-pill--primary:hover { color: #fff; }
:where(.yw-books) .yw-xb-pill--primary { background: #7c3aed; }
:where(.yw-books) .yw-xb-pill--primary:hover { background: #7130df; }
:where(.yw-books) .yw-xb-pill--quiet { background: transparent; color: #59535f; }
:where(.yw-books) .yw-xb-pill--quiet:hover { background: #f1eef4; color: #202024; }
:where(.yw-books) .yw-xb-pill--danger { color: #c85f84; }
:where(.yw-books) .yw-xb-pill--danger:hover { background: #f8e8ef; color: #b9507a; }
:where(.yw-books) .yw-xb-moves { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
:where(.yw-books) .yw-xb-move { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
:where(.yw-books) .yw-xb-moves-note { flex-basis: 100%; margin: 2px 0 0; }
:where(.yw-books) .yw-xb-remove { padding: 0; border: 0; background: none; color: #a09aa4; font-size: 11px; font-weight: 500; cursor: pointer; transition: color .16s; }
:where(.yw-books) .yw-xb-remove:hover { color: #c85f84; }
:where(.yw-books) .yw-xb-input { display: block; width: 100%; min-height: 36px; padding: 0 11px; border: 1px solid #e2e1e4; border-radius: 10px; background: #fff; color: #202024; font-family: inherit; font-size: 13px; letter-spacing: -.1px; outline: none; transition: border-color .16s, box-shadow .16s; }
:where(.yw-books) .yw-xb-input:focus { border-color: #b993ff; box-shadow: 0 0 0 3px #efe6fd; }
:where(.yw-books) .yw-xb-input--sm { display: inline-block; width: auto; max-width: 100%; min-height: 30px; padding: 0 9px; font-size: 12px; }
:where(.yw-books) .yw-xb-field { display: flex; min-width: 0; flex-direction: column; gap: 5px; margin: 0; color: #87818c; font-size: 12px; font-weight: 400; }
:where(.yw-books) .yw-xb-field > span:first-child { color: #87818c; font-size: 12px; font-weight: 400; letter-spacing: -.1px; }
:where(.yw-books) .yw-xb-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
:where(.yw-books) .yw-xb-fields-wide, :where(.yw-books) .yw-xb-fields-foot { grid-column: 1 / -1; }
:where(.yw-books) .yw-xb-fields-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; }
:where(.yw-books) .yw-xb-fields-foot > .yw-money-note { margin: 0; }
:where(.yw-books) .yw-xb-stack { display: flex; flex-direction: column; gap: 12px; }
:where(.yw-books) .yw-xb-stack > .yw-xb-moves { margin-top: 0; }
:where(.yw-books) .yw-xb-inline-form { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
:where(.yw-books) .yw-xb-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 22px 16px; border: 1.5px dashed #ddd3e6; border-radius: 16px; background: #faf8fc; text-align: center; cursor: pointer; transition: border-color .2s, background-color .2s; }
:where(.yw-books) .yw-xb-drop:hover { border-color: #cdb5ee; }
:where(.yw-books) .yw-xb-drop-title { color: #202024; font-size: 13px; font-weight: 500; }
:where(.yw-books) .yw-xb-drop-sub { color: #929097; font-size: 12px; }
:where(.yw-books) .yw-xb-file { max-width: 100%; margin-top: 10px; color: #6f6975; font-family: inherit; font-size: 12px; }
:where(.yw-books) .yw-xb-file::file-selector-button { margin-right: 10px; padding: 8px 12px; border: 0; border-radius: 10px; background: #eeeded; color: #202024; font: inherit; font-weight: 500; cursor: pointer; }
:where(.yw-books) .yw-xb-drop .yw-xb-file::file-selector-button { background: #7c3aed; color: #fff; }
:where(.yw-books) .yw-xb-choice { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; min-width: 0; margin: 0; padding: 0; border: 0; }
:where(.yw-books) .yw-xb-choice > legend { float: left; margin-right: 4px; padding: 0; color: #87818c; font-size: 12px; }
:where(.yw-books) .yw-xb-choice > label { display: inline-flex; align-items: center; gap: 6px; color: #343039; font-size: 13px; cursor: pointer; }
:where(.yw-books) .yw-xb-choice input { width: 14px; height: 14px; accent-color: #7c3aed; }
dialog.yw-exp-dialog.yw-books-dialog { padding: 0; overflow: hidden; border: 1px solid rgba(226, 225, 228, .9); border-radius: 20px; background: rgba(253, 252, 254, .92); -webkit-backdrop-filter: saturate(140%) blur(18px); backdrop-filter: saturate(140%) blur(18px); box-shadow: 0 24px 60px rgba(48, 32, 64, .16), 0 3px 9px rgba(58, 33, 68, .04); color: #202024; font-family: var(--font-geist-sans), Geist, system-ui, sans-serif; letter-spacing: -.25px; }
dialog.yw-exp-dialog.yw-books-dialog[open] { display: flex; max-height: min(88vh, 46rem); flex-direction: column; }
dialog.yw-books-dialog::backdrop { background: rgba(32, 32, 36, .3); }
.yw-books-dialog-head { display: flex; flex-shrink: 0; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 22px 14px; border-bottom: 1px solid #eae8ec; }
.yw-books-dialog .yw-exp-dialog-title { font-size: 17px; font-weight: 500; letter-spacing: -.4px; }
.yw-books-dialog .yw-exp-dialog-sub { margin-top: 3px; }
.yw-books-dialog-close { display: inline-grid; width: 30px; height: 30px; flex-shrink: 0; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #87818c; font-size: 13px; line-height: 1; cursor: pointer; transition: background-color .16s, color .16s; }
.yw-books-dialog-close:hover { background: #f1eef4; color: #202024; }
.yw-books-dialog-close:focus-visible { outline: 2px solid #b993ff; outline-offset: 2px; }
.yw-books-dialog-body { min-height: 0; flex: 1 1 auto; overflow-y: auto; padding: 16px 22px 20px; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd2e7 transparent; }
.yw-books-dialog-foot { display: flex; flex-shrink: 0; justify-content: flex-end; gap: 8px; padding: 12px 22px; border-top: 1px solid #eae8ec; }
.yw-books-dialog-group + .yw-books-dialog-group { margin-top: 14px; padding-top: 12px; border-top: 1px solid #eae8ec; }
.yw-books-dialog .yw-xb-list { margin-top: 6px; }
.yw-books-dialog .yw-xb-row { padding-right: 2px; padding-left: 2px; }
.yw-books-dialog .yw-xb-row:hover { background: transparent; }
.yw-books-dialog .yw-xb-moves { margin-top: 10px; }
.yw-books-pop { padding: 14px 16px; border: 1px solid rgba(226, 225, 228, .9); border-radius: 20px; background: rgba(253, 252, 254, .92); -webkit-backdrop-filter: saturate(140%) blur(18px); backdrop-filter: saturate(140%) blur(18px); box-shadow: 0 24px 60px rgba(48, 32, 64, .16); font-family: var(--font-geist-sans), Geist, system-ui, sans-serif; letter-spacing: -.25px; }
.yw-books-pop-list { max-height: 16rem; }
.yw-books-pop-row { padding: 9px 0; border-bottom: 1px solid #eae8ec; }
.yw-books-pop-row:last-child { border-bottom: 0; }
.yw-books-pop-caret { display: inline-block; color: #a09aa4; font-size: 10px; transition: transform .16s; }
.yw-books-pop-caret.is-open { transform: rotate(180deg); }
.yw-books > .yw-money-grid + .yw-money-grid { margin-top: 16px; }
.yw-books-of { margin-left: 3px; color: #a59fab; font-size: .42em; font-weight: 500; letter-spacing: -.02em; }
.yw-books-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; margin: 20px 0 0; padding: 0; list-style: none; }
.yw-books-strip > li { padding: 7px 0; border-radius: 8px; background: #f0edf2; color: #a09aa4; font-size: 11px; font-weight: 500; text-align: center; cursor: default; }
.yw-books-strip > li:is([data-source="qbo"], [data-source="upload"], [data-source="both"]) { background: #eee5fd; color: #7433d4; }
.yw-books-strip > li[data-source="entered"] { background: #f7f2fc; color: #8553c2; box-shadow: inset 0 0 0 1px #e3d6f6; }
.yw-books-moves { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.yw-books-hero > .yw-money-note { margin-top: 10px; }
.yw-books-hero > .yw-money-rows { padding-top: 16px; }
.yw-books-hero .yw-row-stats > a.yw-row-stat:hover .yw-text-link { text-decoration: underline; text-underline-offset: 2px; }
.yw-books-scroll { flex: 1 1 auto; }
.yw-books-table td { vertical-align: middle; white-space: nowrap; }
.yw-books-table tr[data-missing] td, .yw-books-table tr[data-missing] td strong { color: #b3adb8; }
.yw-books-source { display: inline-flex; align-items: baseline; gap: 7px; color: #49434e; }
.yw-books-landed { max-width: 15rem; overflow: hidden; color: #87818c; font-size: 12px; text-overflow: ellipsis; }
.yw-money-grid.yw-books-recon > .yw-books-month.yw-money-card > .yw-money-card-body { display: block; flex: 0 0 auto; }
.yw-books-month-title { display: flex; min-width: 0; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.yw-books-month-moves { display: flex; flex-shrink: 0; align-items: center; gap: 8px; }
.yw-books-month .yw-card-head { align-items: center; }
.yw-books-loud { margin-left: 8px; }
.yw-books-why { flex: 1 1 auto; max-height: 16rem; margin-top: 8px; }
.yw-money-card-body + .yw-books-why { padding-top: 4px; border-top: 1px solid #eae8ec; }
.yw-books-month > .yw-money-note { margin-top: 12px; }
@media (min-width: 1101px) { .yw-books-recon:has(> :only-child) { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 1101px) { .yw-books-recon:has(> :nth-child(2)):not(:has(> :nth-child(3))), .yw-books-recon:has(> :nth-child(4)):not(:has(> :nth-child(5))) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1101px) { .yw-books-recon > :nth-child(5):last-child { grid-column: span 2; } }
.yw-books-logs--solo > .yw-books-log { grid-column: 1 / -1; }
.yw-books-log > .yw-xb-scroll, .yw-books-typed > .yw-xb-scroll { max-height: 26rem; }
@media (max-width: 800px) { :where(.yw-books) .yw-xb-row { grid-template-columns: 36px minmax(0, 1fr); } }
@media (max-width: 800px) { :where(.yw-books) .yw-xb-row > :is(.yw-xb-end, .yw-xb-date, .yw-xb-amount) { grid-column: 2; justify-self: start; justify-content: flex-start; margin-top: 6px; } }
@media (max-width: 800px) { :where(.yw-books) .yw-xb-row--tight { grid-template-columns: 30px minmax(0, 1fr); } }
@media (max-width: 800px) { :where(.yw-books) .yw-xb-fields { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 800px) { .yw-books-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { :where(.yw-books) .yw-xb-row, :where(.yw-books) .yw-xb-pill, :where(.yw-books) .yw-xb-input, :where(.yw-books) .yw-xb-drop, .yw-books-pop-caret, :where(.yw-books) .yw-xb-remove, .yw-books-dialog-close { transition: none; } }
[data-theme-root].dark :where(.yw-books) .yw-xb-row { border-bottom-color: #1c2843; }
[data-theme-root].dark :where(.yw-books) .yw-xb-row:hover { background: #111b30; }
[data-theme-root].dark :where(.yw-books) .yw-xb-mark { background: #142036; color: #a297ab; }
[data-theme-root].dark :where(.yw-books) .yw-xb-row[data-tone="accent"] .yw-xb-mark { background: #3d3350; color: #c5a8ff; }
[data-theme-root].dark :where(.yw-books) .yw-xb-row[data-tone="bad"] .yw-xb-mark { background: #4d3345; color: #f0b8d2; }
[data-theme-root].dark :where(.yw-books) .yw-xb-row[data-tone="amber"] .yw-xb-mark { background: #3f3628; color: #e6bd7f; }
[data-theme-root].dark :where(.yw-books) .yw-xb-row[data-tone="good"] .yw-xb-mark { background: #26332e; color: #7fd3b4; }
[data-theme-root].dark :where(.yw-books) .yw-xb-title, [data-theme-root].dark :where(.yw-books) .yw-xb-amount, [data-theme-root].dark :where(.yw-books) .yw-xb-drop-title { color: #f3eef8; }
[data-theme-root].dark :where(.yw-books) .yw-xb-line, [data-theme-root].dark :where(.yw-books) .yw-xb-date, [data-theme-root].dark :where(.yw-books) .yw-xb-field, [data-theme-root].dark :where(.yw-books) .yw-xb-drop-sub, [data-theme-root].dark .yw-books-of, [data-theme-root].dark .yw-books-landed { color: #a297ab; }
[data-theme-root].dark :where(.yw-books) .yw-xb-field > span:first-child, [data-theme-root].dark :where(.yw-books) .yw-xb-choice > legend { color: #a297ab; }
[data-theme-root].dark :where(.yw-books) .yw-xb-line[data-tone="bad"] { color: #e69ac4; }
[data-theme-root].dark :where(.yw-books) .yw-xb-line--quiet { color: #8f8996; }
[data-theme-root].dark :where(.yw-books) .yw-xb-clip--ink > .hw-info-label { color: #d9d2e3; }
[data-theme-root].dark :where(.yw-books) .yw-xb-clip > .hw-info-label:is(:hover, [aria-expanded="true"]) { color: #b99ae9; }
[data-theme-root].dark :where(.yw-books) .yw-xb-scroll, [data-theme-root].dark .yw-books-dialog-body { scrollbar-color: #273656 transparent; }
[data-theme-root].dark :where(.yw-books) .yw-xb-pill { background: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-books) .yw-xb-pill:hover { background: #1c2843; color: #f3eef8; }
[data-theme-root].dark :where(.yw-books) .yw-xb-pill--primary, [data-theme-root].dark :where(.yw-books) .yw-xb-pill--primary:hover { color: #fff; }
[data-theme-root].dark :where(.yw-books) .yw-xb-pill--primary { background: #7c3aed; }
[data-theme-root].dark :where(.yw-books) .yw-xb-pill--primary:hover { background: #8b4dfb; }
[data-theme-root].dark :where(.yw-books) .yw-xb-pill--quiet { background: transparent; color: #c3b9cc; }
[data-theme-root].dark :where(.yw-books) .yw-xb-pill--quiet:hover { background: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-books) .yw-xb-pill--danger { color: #e69ac4; }
[data-theme-root].dark :where(.yw-books) .yw-xb-pill--danger:hover { background: #4d3345; color: #f0b8d2; }
[data-theme-root].dark :where(.yw-books) .yw-xb-remove { color: #8f8996; }
[data-theme-root].dark :where(.yw-books) .yw-xb-remove:hover { color: #e69ac4; }
[data-theme-root].dark :where(.yw-books) .yw-xb-input { border-color: #1c2843; background: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-books) .yw-xb-input:focus { border-color: #8b6cc4; box-shadow: 0 0 0 3px #3f2d5c; }
[data-theme-root].dark :where(.yw-books) .yw-xb-drop { border-color: #273656; background: #101a2f; }
[data-theme-root].dark :where(.yw-books) .yw-xb-drop:hover { border-color: #5c4a78; }
[data-theme-root].dark :where(.yw-books) .yw-xb-file { color: #c3b9cc; }
[data-theme-root].dark :where(.yw-books) .yw-xb-file::file-selector-button { background: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-books) .yw-xb-drop .yw-xb-file::file-selector-button { background: #7c3aed; color: #fff; }
[data-theme-root].dark :where(.yw-books) .yw-xb-choice > label { color: #d9d2e3; }
[data-theme-root].dark .yw-money-card-body + .yw-books-why, [data-theme-root].dark .yw-books-pop-row { border-color: #1c2843; }
[data-theme-root].dark .yw-books-strip > li { background: #142036; color: #8f8996; }
[data-theme-root].dark .yw-books-strip > li:is([data-source="qbo"], [data-source="upload"], [data-source="both"]) { background: #3f2d5c; color: #c9b1ff; }
[data-theme-root].dark .yw-books-strip > li[data-source="entered"] { background: #2f2638; color: #c5a8ff; box-shadow: inset 0 0 0 1px #4a3a63; }
[data-theme-root].dark .yw-books-table tr[data-missing] td, [data-theme-root].dark .yw-books-table tr[data-missing] td strong { color: #6f6975; }
[data-theme-root].dark .yw-books-source { color: #c3b9cc; }
[data-theme-root].dark dialog.yw-exp-dialog.yw-books-dialog { border-color: #1c2843; background: rgba(13, 21, 39, .92); box-shadow: 0 24px 60px rgba(0, 0, 0, .45), 0 3px 9px rgba(0, 0, 0, .2); color: #f3eef8; }
[data-theme-root].dark dialog.yw-books-dialog::backdrop { background: rgba(0, 0, 0, .5); }
[data-theme-root].dark .yw-books-dialog :is(.yw-books-dialog-head, .yw-books-dialog-foot, .yw-books-dialog-group + .yw-books-dialog-group) { border-color: #1c2843; }
[data-theme-root].dark .yw-books-dialog .yw-exp-subhead { color: #f3eef8; }
[data-theme-root].dark .yw-books-dialog-close { color: #a297ab; }
[data-theme-root].dark .yw-books-dialog-close:hover { background: #142036; color: #f3eef8; }
[data-theme-root].dark .yw-books-pop { border-color: #1c2843; background: rgba(13, 21, 39, .92); box-shadow: 0 24px 60px rgba(0, 0, 0, .45); color: #f3eef8; }
:where(.yw-books) .yw-money-note[data-tone="watch"] { color: #9a805f; }
[data-theme-root].dark :where(.yw-books) .yw-money-note[data-tone="watch"] { color: #e6bd7f; }

/* ---- .yw-stmt-page ---- */
.yw-money-page:where(.yw-stmt-page) { font-family: var(--font-geist-sans), Geist, system-ui, sans-serif; font-size: 14px; letter-spacing: -.25px; /* The dashboard's warm greys (skin/base.css, overview.css): hairline #eae8ec, card border #e2e1e4, captions #929097, labels #87818c, row value #131f35, ink #202024. */ --color-zinc-50: #f8f7f9; --color-zinc-100: #eeedf0; --color-zinc-200: #e2e1e4; --color-zinc-300: #d6d2da; --color-zinc-400: #a09aa4; --color-zinc-500: #8a8490; --color-zinc-600: #6f6975; --color-zinc-700: #59535f; --color-zinc-800: #131f35; --color-zinc-900: #202024; --color-zinc-950: #0a0f1e; /* The accent and its tints. */ --color-violet-50: #f6f1fb; --color-violet-100: #eee5fd; --color-violet-200: #e3d6f6; --color-violet-300: #cdb5ee; --color-violet-400: #a883ee; --color-violet-500: #8553c2; --color-violet-600: #7c3aed; --color-violet-700: #7433d4; --color-violet-800: #5d2bb0; /* Good, bad and amber words (never values). */ --color-emerald-50: #eef7f3; --color-emerald-200: #cfe7dd; --color-emerald-300: #b5dccb; --color-emerald-500: #397965; --color-emerald-600: #279876; --color-emerald-700: #2f8a6d; --color-emerald-800: #397965; --color-rose-50: #fbf0f4; --color-rose-200: #f0d2dd; --color-rose-300: #e7b9cb; --color-rose-400: #d98aa9; --color-rose-500: #c85f84; --color-rose-600: #c85f84; --color-rose-700: #a96883; --color-rose-800: #9f6586; --color-amber-50: #fbf6ee; --color-amber-100: #f6ecdc; --color-amber-200: #ecdcc0; --color-amber-300: #e0c79c; --color-amber-600: #9a805f; --color-amber-700: #9a805f; --color-amber-800: #86704f; --color-amber-900: #6f5c40; }
.hw-info-body .yw-money-hover-meta { display: block; margin-bottom: 8px; color: #8f8996; font-size: 11px; line-height: 1.45; }
:where(.yw-stmt-page) .yw-money-grid:not(.yw-money-grid--after) > .yw-money-card { display: flex; flex-direction: column; }
[data-theme-root].dark .hw-info-body .yw-money-hover-meta { color: #a297ab; }
[data-theme-root].dark .yw-money-page:where(.yw-stmt-page) .yw-row-stat[data-quiet] > .yw-row-stat-value { color: #8f8996; }
:where(.yw-stmt-page) .yw-exp-row-note { display: block; margin-top: 2px; color: #a09aa4; font-size: 11px; font-weight: 400; line-height: 1.45; }
:where(.yw-stmt-page) .yw-money-overflow[data-scroll="list"] { max-height: 34rem; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd2e7 transparent; }
:where(.yw-stmt-page) .yw-money-overflow[data-scroll="list"] > .yw-money-table thead th { box-shadow: inset 0 -1px 0 #eae8ec; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-money-overflow[data-scroll="list"] > .yw-money-table thead th { box-shadow: inset 0 -1px 0 #1c2843; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-money-overflow[data-scroll="list"] { scrollbar-color: #273656 transparent; }
:where(.yw-stmt-page) .yw-xb-list { margin: 8px 0 0; padding: 0; list-style: none; }
:where(.yw-stmt-page) .yw-card-head + .yw-xb-list { margin-top: 12px; }
:where(.yw-stmt-page) .yw-xb-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 0 14px; min-height: 64px; padding: 10px 6px; border-bottom: 1px solid #eae8ec; border-radius: 0; transition: background-color .16s; }
:where(.yw-stmt-page) .yw-xb-row:last-child { border-bottom: 0; }
:where(.yw-stmt-page) .yw-xb-row:hover { background: #f8f6fa; }
:where(.yw-stmt-page) .yw-xb-mark { display: grid; width: 36px; height: 36px; overflow: hidden; place-items: center; border-radius: 50%; background: #f0eef2; color: #87818c; font-size: 9.5px; font-weight: 600; line-height: 1; letter-spacing: .03em; white-space: nowrap; }
:where(.yw-stmt-page) .yw-xb-row[data-tone="accent"] .yw-xb-mark { background: #efe8fb; color: #7c3aed; }
:where(.yw-stmt-page) .yw-xb-row[data-tone="bad"] .yw-xb-mark { background: #f8e8ef; color: #bd6a91; }
:where(.yw-stmt-page) .yw-xb-row[data-tone="amber"] .yw-xb-mark { background: #f6eddc; color: #9a805f; }
:where(.yw-stmt-page) .yw-xb-row[data-tone="good"] .yw-xb-mark { background: #e7f3ee; color: #2f8a6d; }
:where(.yw-stmt-page) .yw-xb-main { min-width: 0; }
:where(.yw-stmt-page) .yw-xb-title { display: flex; min-width: 0; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; color: #202024; font-size: 14px; font-weight: 500; line-height: 1.35; letter-spacing: -.2px; }
:where(.yw-stmt-page) .yw-xb-name { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(.yw-stmt-page) .yw-xb-line { display: block; min-width: 0; margin-top: 3px; overflow: hidden; color: #929097; font-size: 12px; font-weight: 400; line-height: 1.45; letter-spacing: -.1px; text-overflow: ellipsis; white-space: nowrap; }
:where(.yw-stmt-page) .yw-xb-line[data-tone="bad"] { color: #a96883; }
:where(.yw-stmt-page) .yw-xb-line--wrap { overflow: visible; white-space: normal; }
:where(.yw-stmt-page) .yw-xb-scroll { max-height: 30rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd2e7 transparent; }
:where(.yw-stmt-page) .yw-xb-pill { display: inline-flex; height: 30px; flex-shrink: 0; align-items: center; justify-content: center; gap: 6px; margin: 0; padding: 0 12px; border: 0; border-radius: 10px; background: #eeeded; color: #202024; font-family: inherit; font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: -.1px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .16s, color .16s; }
:where(.yw-stmt-page) .yw-xb-pill:hover { background: #e8e4ed; color: #202024; }
:where(.yw-stmt-page) .yw-xb-pill:focus-visible { outline: 2px solid #b993ff; outline-offset: 2px; }
:where(.yw-stmt-page) .yw-xb-pill:disabled { cursor: not-allowed; opacity: .5; }
:where(.yw-stmt-page) .yw-xb-pill--primary, :where(.yw-stmt-page) .yw-xb-pill--primary:hover { color: #fff; }
:where(.yw-stmt-page) .yw-xb-pill--primary { background: #7c3aed; }
:where(.yw-stmt-page) .yw-xb-pill--primary:hover { background: #7130df; }
:where(.yw-stmt-page) .yw-xb-pill--quiet { background: transparent; color: #59535f; }
:where(.yw-stmt-page) .yw-xb-pill--quiet:hover { background: #f1eef4; color: #202024; }
:where(.yw-stmt-page) .yw-xb-moves { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
:where(.yw-stmt-page) .yw-xb-input { display: block; width: 100%; min-height: 36px; padding: 0 11px; border: 1px solid #e2e1e4; border-radius: 10px; background: #fff; color: #202024; font-family: inherit; font-size: 13px; letter-spacing: -.1px; outline: none; transition: border-color .16s, box-shadow .16s; }
:where(.yw-stmt-page) .yw-xb-input:focus { border-color: #b993ff; box-shadow: 0 0 0 3px #efe6fd; }
:where(.yw-stmt-page) .yw-xb-field { display: flex; min-width: 0; flex-direction: column; gap: 5px; margin: 0; color: #87818c; font-size: 12px; font-weight: 400; }
:where(.yw-stmt-page) .yw-xb-field > span:first-child { color: #87818c; font-size: 12px; font-weight: 400; letter-spacing: -.1px; }
:where(.yw-stmt-page) .yw-xb-hint { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 2px 0 0; color: #a09aa4; font-size: 11px; font-weight: 400; line-height: 1.45; }
:where(.yw-stmt-page) .yw-xb-file { max-width: 100%; margin-top: 10px; color: #6f6975; font-family: inherit; font-size: 12px; }
:where(.yw-stmt-page) .yw-xb-file::file-selector-button { margin-right: 10px; padding: 8px 12px; border: 0; border-radius: 10px; background: #eeeded; color: #202024; font: inherit; font-weight: 500; cursor: pointer; }
:where(.yw-stmt-page) .yw-stmt-choice input { width: 14px; height: 14px; accent-color: #7c3aed; }
:where(.yw-stmt-page) .yw-stmt { display: flex; min-width: 0; flex-direction: column; }
.yw-money-page:where(.yw-stmt-page) .yw-stmt-main > .yw-stmt { height: 100%; }
:where(.yw-stmt-page) .yw-stmt-main { display: flex; min-width: 0; flex-direction: column; }
:where(.yw-stmt-page) .yw-stmt-grid > .yw-stmt-main:only-child { grid-column: 1 / -1; }
.yw-money-page:where(.yw-stmt-page) > .yw-stmt-grid + .yw-card { margin-top: 16px; }
:where(.yw-stmt-page) .yw-stmt-done { margin-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #eae8ec; }
:where(.yw-stmt-page) .yw-stmt-done > .yw-row-stats { margin-top: 8px; }
:where(.yw-stmt-page) .yw-stmt-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; margin-top: 16px; }
:where(.yw-stmt-page) .yw-stmt-file { margin-top: 12px; }
:where(.yw-stmt-page) .yw-stmt-file > .yw-xb-file { margin-top: 0; }
:where(.yw-stmt-page) .yw-stmt-error { margin-top: 10px; }
:where(.yw-stmt-page) .yw-stmt-go { margin-top: 14px; }
:where(.yw-stmt-page) .yw-stmt-check { margin-top: 16px; padding-top: 14px; border-top: 1px solid #eae8ec; }
:where(.yw-stmt-page) .yw-stmt-check > .yw-xb-line { margin-top: 4px; }
:where(.yw-stmt-page) .yw-stmt-check > .yw-money-note { margin-top: 8px; }
:where(.yw-stmt-page) .yw-stmt-totals { margin-top: 10px; }
:where(.yw-stmt-page) .yw-stmt-totals > .yw-row-stat { align-items: baseline; padding: 13px 0; }
:where(.yw-stmt-page) .yw-stmt-totals > .yw-row-stat:first-child { border-top: 0; }
:where(.yw-stmt-page) .yw-stmt-totals > .yw-row-stat > dt { color: #59535f; font-size: 13px; }
:where(.yw-stmt-page) .yw-stmt-totals > .yw-row-stat > dd { color: #202024; font-size: 22px; font-weight: 500; letter-spacing: -.7px; }
:where(.yw-stmt-page) .yw-stmt-sign { min-width: 0; margin: 12px 0 0; padding: 0; border: 0; }
:where(.yw-stmt-page) .yw-stmt-sign-legend { padding: 0; color: #202024; font-size: 13px; font-weight: 500; }
:where(.yw-stmt-page) .yw-stmt-sign .yw-exp-row-note { margin-top: 6px; }
:where(.yw-stmt-page) .yw-stmt-choices { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
:where(.yw-stmt-page) .yw-stmt-choice { display: flex; align-items: flex-start; gap: 9px; padding: 9px 12px; border: 1px solid #e7e3eb; border-radius: 12px; background: #fff; color: #343039; font-size: 12.5px; line-height: 1.45; cursor: pointer; transition: border-color .16s, background-color .16s; }
:where(.yw-stmt-page) .yw-stmt-choice:hover { border-color: #cdb5ee; }
:where(.yw-stmt-page) .yw-stmt-choice[data-on] { border-color: #b993ff; background: #f6f1fd; }
:where(.yw-stmt-page) .yw-stmt-choice input { flex-shrink: 0; margin-top: 2px; }
:where(.yw-stmt-page) .yw-money-overflow.yw-stmt-sample[data-scroll="list"] { max-height: 16rem; margin-top: 12px; }
:where(.yw-stmt-page) .yw-stmt-sample .yw-money-table { font-size: 12px; }
:where(.yw-stmt-page) .yw-stmt-sample .yw-money-table thead th { position: sticky; top: 0; z-index: 1; background: #fbfbfb; box-shadow: inset 0 -1px 0 #eae8ec; }
:where(.yw-stmt-page) .yw-stmt-date, :where(.yw-stmt-page) .yw-stmt-amount { white-space: nowrap; }
:where(.yw-stmt-page) .yw-stmt-warnings { margin: 10px 0 0; padding: 0; list-style: none; }
:where(.yw-stmt-page) .yw-stmt-warnings > li + li { margin-top: 3px; }
:where(.yw-stmt-page) .yw-stmt-check > .yw-xb-moves { margin-top: 14px; }
:where(.yw-stmt-page) .yw-stmt-trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; column-gap: 28px; }
:where(.yw-stmt-page) .yw-stmt-trust > :is(.yw-card-head, .yw-money-note) { grid-column: 1 / -1; }
@media (min-width: 1101px) { :where(.yw-stmt-page) .yw-stmt-grid > .yw-stmt-main:only-child .yw-stmt-fields { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1100px) { :where(.yw-stmt-page) .yw-stmt-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 800px) { :where(.yw-stmt-page) .yw-xb-row { grid-template-columns: 36px minmax(0, 1fr); } }
@media (max-width: 800px) { :where(.yw-stmt-page) .yw-stmt-fields { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 800px) { :where(.yw-stmt-page) .yw-stmt-trust { display: block; } }
@media (prefers-reduced-motion: reduce) { :where(.yw-stmt-page) .yw-xb-row, :where(.yw-stmt-page) .yw-xb-pill, :where(.yw-stmt-page) .yw-xb-input, :where(.yw-stmt-page) .yw-stmt-choice { transition: none; } }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-row { border-bottom-color: #1c2843; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-row:hover { background: #111b30; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-mark { background: #142036; color: #a297ab; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-row[data-tone="accent"] .yw-xb-mark { background: #3d3350; color: #c5a8ff; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-row[data-tone="bad"] .yw-xb-mark { background: #4d3345; color: #f0b8d2; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-row[data-tone="amber"] .yw-xb-mark { background: #3f3628; color: #e6bd7f; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-row[data-tone="good"] .yw-xb-mark { background: #26332e; color: #7fd3b4; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-title, [data-theme-root].dark :where(.yw-stmt-page) .yw-stmt-sign-legend, [data-theme-root].dark :where(.yw-stmt-page) .yw-stmt-totals > .yw-row-stat > dd { color: #f3eef8; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-line, [data-theme-root].dark :where(.yw-stmt-page) .yw-xb-hint, [data-theme-root].dark :where(.yw-stmt-page) .yw-xb-field { color: #a297ab; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-field > span:first-child, [data-theme-root].dark :where(.yw-stmt-page) .yw-stmt-totals > .yw-row-stat > dt { color: #a297ab; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-line[data-tone="bad"] { color: #e69ac4; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-scroll { scrollbar-color: #273656 transparent; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-pill { background: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-pill:hover { background: #1c2843; color: #f3eef8; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-pill--primary, [data-theme-root].dark :where(.yw-stmt-page) .yw-xb-pill--primary:hover { color: #fff; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-pill--primary { background: #7c3aed; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-pill--primary:hover { background: #8b4dfb; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-pill--quiet { background: transparent; color: #c3b9cc; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-pill--quiet:hover { background: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-input { border-color: #1c2843; background: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-input:focus { border-color: #8b6cc4; box-shadow: 0 0 0 3px #3f2d5c; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-file { color: #c3b9cc; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-xb-file::file-selector-button { background: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-stmt-choice { border-color: #1c2843; background: #101a2f; color: #d9d2e3; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-stmt-choice:hover { border-color: #5c4a78; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-stmt-choice[data-on] { border-color: #8b6cc4; background: #2f2638; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-stmt-check, [data-theme-root].dark :where(.yw-stmt-page) .yw-stmt-done { border-color: #1c2843; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-stmt-sample .yw-money-table thead th { background: #0d1527; box-shadow: inset 0 -1px 0 #1c2843; }
:where(.yw-stmt-page) .yw-money-note[data-tone="watch"] { color: #9a805f; }
[data-theme-root].dark :where(.yw-stmt-page) .yw-money-note[data-tone="watch"] { color: #e6bd7f; }

/* Pricing's base (10/10): the shared Money and Overview rules the Pricing
   redesign rides on, narrowed to the Pricing root. On the design branch these
   rules lived in skin/money.css and skin/overview.css as `:is(.yw-money-page,
   ..., .yw-pricing-page)` roots; testing's copies of those files moved on with
   the Money waves, so Pricing carries its own here and Money is untouched.
   Loaded after skin/money.css and before the pricing-*.css section skins. */
/*  ---- from the Pricing pass on skin/overview.css ----  */
.yw-pricing-page .yw-needs { flex: 1 1 auto; }
.yw-pricing-page a.yw-more, .yw-pricing-page .yw-more button { display: inline-grid; place-items: center; width: 35px; height: 35px; border: 1px solid #e4e2e6; border-radius: 50%; background: transparent; color: #202024; font-size: 17px; line-height: 1; letter-spacing: 0; }
.yw-pricing-page .yw-more button { font-size: 0; color: transparent; }
.yw-pricing-page .yw-more button::after { content: "\00b7\00b7\00b7"; color: #202024; font-size: 17px; letter-spacing: 1px; }
.yw-pricing-page a.yw-more:hover, .yw-pricing-page .yw-more button:hover, .yw-pricing-page .yw-more button[aria-expanded="true"] { background: #eeeeee; }
.yw-pricing-page .yw-more button:focus-visible { outline: 2px solid #b993ff; outline-offset: 2px; }
.yw-pricing-page .yw-hero-value { margin: 19px 0 8px; font-size: clamp(38px, 3.6vw, 53px); font-weight: 500; line-height: 1.17; letter-spacing: -.05em; color: #202024; }
.yw-pricing-page .yw-hero-status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: 11px; }
.yw-pricing-page .yw-needs-row-actions { margin: 6px 0 2px 43px; }
.yw-pricing-page .yw-needs-row-actions > div { margin: 0; }
.yw-pricing-page .yw-needs-row-actions > div > div { flex-wrap: wrap; gap: 6px; }
.yw-pricing-page .yw-hero-summary { margin: 16px 0 16px; color: #777; font-size: 13px; line-height: 1.5; }
.yw-pricing-page .yw-hero-note { margin: -8px 0 16px; color: #929097; font-size: 12px; }
.yw-pricing-page .yw-hero-status .yw-text-link { font-size: 12px; }
.yw-pricing-page .yw-needs { position: relative; display: flex; flex-direction: column; }
.yw-pricing-page .yw-needs-more { position: absolute; top: 23px; right: 23px; z-index: 2; }
.yw-pricing-page .yw-needs-card { position: relative; display: flex; min-height: 412px; flex: 1 1 auto; flex-direction: column; padding: 23px; border: 1px solid #e2e1e4; border-radius: 24px; background: #fbfbfb; box-shadow: 0 2px 3px rgba(0, 0, 0, .008); }
.yw-pricing-page .yw-needs-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 0 0 14px; padding-right: 44px; }
.yw-pricing-page .yw-needs-card-head h2 { margin: 0; color: #202024; font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing: -.55px; }
.yw-pricing-page .yw-needs-card-head p { margin: 3px 0 0; color: #929097; font-size: 12px; line-height: 1.5; }
.yw-pricing-page .yw-needs-list { display: flex; flex: 1 1 auto; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.yw-pricing-page .yw-needs-row { position: relative; display: flex; align-items: center; min-height: 74px; border-bottom: 1px solid #eae8ec; transition: padding .2s ease, border-color .2s ease; }
.yw-pricing-page .yw-needs-row:last-child { border-bottom: 0; }
.yw-pricing-page .yw-needs-row-link { display: flex; flex: 1 1 auto; min-width: 0; align-items: center; gap: 13px; padding: 12px 3px; color: inherit; text-decoration: none; }
.yw-pricing-page .yw-needs-mark { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 50%; background: #f8e8ef; color: #bd6a91; }
.yw-pricing-page .yw-needs-mark svg { width: 17px; height: 17px; }
.yw-pricing-page .yw-needs-mark-legal { background: #fbf0dc; color: #b98234; }
.yw-pricing-page .yw-needs-mark-mine { background: #eee7f8; color: #8a66bc; }
.yw-pricing-page .yw-needs-row-copy { display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column; gap: 3px; }
.yw-pricing-page .yw-needs-row-title { overflow: hidden; color: #202024; font-size: 12px; font-weight: 500; line-height: 1.4; text-overflow: ellipsis; }
.yw-pricing-page .yw-needs-row-detail { overflow: hidden; color: #a09aa4; font-size: 10px; line-height: 1.45; text-overflow: ellipsis; }
.yw-pricing-page .yw-needs-row-chevron { width: 14px; height: 14px; flex: 0 0 14px; stroke: #aaa4ad; stroke-width: 1.4; transition: transform .2s ease, stroke .2s ease; }
.yw-pricing-page .yw-needs-row-link:hover .yw-needs-row-chevron, .yw-pricing-page .yw-needs-row-link:focus-visible .yw-needs-row-chevron { transform: translateX(3px); stroke: #8151b7; }
.yw-pricing-page .yw-needs-row-link:focus-visible { border-radius: 10px; outline: 2px solid #b993ff; outline-offset: -2px; }
.yw-pricing-page .yw-needs-empty { margin: 14px 0; color: #77717c; font-size: 13px; line-height: 1.5; }
.yw-pricing-page .yw-needs-empty a, .yw-pricing-page .yw-needs-card-foot a { color: #8553c2; }
.yw-pricing-page .yw-needs-card-foot { display: flex; min-height: 22px; align-items: flex-end; justify-content: flex-end; gap: 8px; margin-top: auto; padding-top: 10px; color: #a09aa4; font-size: 10px; }
.yw-pricing-page .yw-needs-card-foot a { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; }
.yw-pricing-page .yw-needs > .yw-needs-card { min-height: 412px; padding: 23px; transition: border-color .2s ease, box-shadow .2s ease; }
.yw-pricing-page .yw-needs-card > a:not(.yw-more) { display: inline-flex; align-self: flex-start; align-items: center; min-height: 34px; margin-top: 4px; padding: 0 12px; border: 1px solid #e3d9ee; border-radius: 10px; color: #7445a7; font-size: 12px; text-decoration: none; transition: background .16s, border-color .16s; }
.yw-pricing-page .yw-needs-card > a:not(.yw-more):hover { border-color: #d5c4e6; background: #f5f0fa; }
.yw-pricing-page .yw-needs > .yw-needs-card:hover { border-color: #d9d2e0; box-shadow: 0 8px 22px rgba(48, 32, 64, .045); }
@media (max-width: 800px) {
  .yw-pricing-page .yw-needs > .yw-needs-card { min-height: 0; }
}
@media (max-width: 520px) {
  .yw-pricing-page .yw-needs > .yw-needs-card { padding: 18px; }
}
@media (max-width: 520px) {
  .yw-pricing-page .yw-needs-more { top: 18px; right: 18px; }
}
[data-theme-root].dark .yw-pricing-page .yw-needs > .yw-needs-card { border-color: #1c2843; background: #0d1527; }
[data-theme-root].dark .yw-pricing-page .yw-needs-card-head h2, [data-theme-root].dark .yw-pricing-page .yw-needs-row-title { color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page .yw-needs-card-head p, [data-theme-root].dark .yw-pricing-page .yw-needs-row-detail, [data-theme-root].dark .yw-pricing-page .yw-needs-card-foot, [data-theme-root].dark .yw-pricing-page .yw-needs-empty { color: #a297ab; }
[data-theme-root].dark .yw-pricing-page .yw-needs-row { border-color: #1c2843; }
[data-theme-root].dark .yw-pricing-page .yw-needs-mark { background: #4a3040; color: #e6a9c4; }
[data-theme-root].dark .yw-pricing-page .yw-needs-mark-legal { background: #493c2c; color: #e6bd7f; }
[data-theme-root].dark .yw-pricing-page .yw-needs-mark-mine { background: #3d3150; color: #c5a8ff; }
[data-theme-root].dark .yw-pricing-page .yw-needs > .yw-needs-card:hover { border-color: #3b3350; box-shadow: 0 8px 22px rgba(0, 0, 0, .18); }
/*  ---- from the Pricing pass on skin/money.css ----  */
.yw-pricing-page {
  font-family: var(--font-geist-sans), Geist, system-ui, sans-serif;
  font-size: 14px;
  letter-spacing: -.25px;
  /* The dashboard's warm greys (skin/base.css, overview.css): hairline
     #eae8ec, card border #e2e1e4, captions #929097, labels #87818c, row value
     #131f35, ink #202024. */
  --color-zinc-50: #f8f7f9;
  --color-zinc-100: #eeedf0;
  --color-zinc-200: #e2e1e4;
  --color-zinc-300: #d6d2da;
  --color-zinc-400: #a09aa4;
  --color-zinc-500: #8a8490;
  --color-zinc-600: #6f6975;
  --color-zinc-700: #59535f;
  --color-zinc-800: #131f35;
  --color-zinc-900: #202024;
  --color-zinc-950: #0a0f1e;
  /* The accent and its tints. */
  --color-violet-50: #f6f1fb;
  --color-violet-100: #eee5fd;
  --color-violet-200: #e3d6f6;
  --color-violet-300: #cdb5ee;
  --color-violet-400: #a883ee;
  --color-violet-500: #8553c2;
  --color-violet-600: #7c3aed;
  --color-violet-700: #7433d4;
  --color-violet-800: #5d2bb0;
  /* Good, bad and amber words (never values). */
  --color-emerald-50: #eef7f3;
  --color-emerald-200: #cfe7dd;
  --color-emerald-300: #b5dccb;
  --color-emerald-500: #397965;
  --color-emerald-600: #279876;
  --color-emerald-700: #2f8a6d;
  --color-emerald-800: #397965;
  --color-rose-50: #fbf0f4;
  --color-rose-200: #f0d2dd;
  --color-rose-300: #e7b9cb;
  --color-rose-400: #d98aa9;
  --color-rose-500: #c85f84;
  --color-rose-600: #c85f84;
  --color-rose-700: #a96883;
  --color-rose-800: #9f6586;
  --color-amber-50: #fbf6ee;
  --color-amber-100: #f6ecdc;
  --color-amber-200: #ecdcc0;
  --color-amber-300: #e0c79c;
  --color-amber-600: #9a805f;
  --color-amber-700: #9a805f;
  --color-amber-800: #86704f;
  --color-amber-900: #6f5c40;
}
.yw-pricing-page :is(button, input, select, textarea, table) { font-family: inherit; }
.yw-pricing-page :is(.num, .tabular-nums) { font-variant-numeric: tabular-nums lining-nums; font-feature-settings: "tnum" 1, "lnum" 1; }
.yw-pricing-page :is(.font-bold, .font-semibold) { font-weight: 500; }
.yw-pricing-page :is(.text-2xl, .text-3xl, .text-4xl) { font-weight: 500; letter-spacing: -.04em; }
.yw-pricing-page :where(
  :is(section, div, article, form, p, ul, ol)[class~="rounded-2xl"][class~="border"],
  section[data-panel], [data-ui="stat-card"], [data-ui="moves-card"], [data-ui="connect-prompt"], [data-ui="notice"]
) {
  border-color: #e2e1e4; border-radius: 24px; background-color: #fbfbfb; box-shadow: 0 2px 3px rgba(0, 0, 0, .008);
}
.yw-pricing-page :where(:is(section, div, article, form, p)[class~="rounded-2xl"][class~="p-4"], [data-ui="notice"], [data-ui="preparing"]) { padding: 23px; }
.yw-pricing-page :where(
  :is([class~="rounded-2xl"][class~="border"], section[data-panel], .yw-card)
  :is([class~="rounded-2xl"], [class~="rounded-xl"])[class~="border"]:not([data-ui="segmented"], [data-ui="tab-bar"])
) {
  border-color: transparent; border-radius: 14px; background-color: #f6f5f7; box-shadow: none;
}
.yw-pricing-page :where([class~="border-dashed"]) { border-color: #ddd3e6; border-radius: 24px; background-color: #fbfbfb; }
.yw-pricing-page section[data-panel] > div:first-child { padding: 19px 23px 10px; background: transparent; }
.yw-pricing-page section[data-panel] > div:first-child > h2 { color: #202024; font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing: -.55px; }
.yw-pricing-page section[data-panel] > div:first-child > span.num { padding: 0; border-radius: 0; background: transparent; color: #99909e; font-size: 12px; font-weight: 400; }
.yw-pricing-page section[data-panel] > div:last-child { padding: 14px 23px 23px; border-top-color: #eae8ec; }
.yw-pricing-page [data-ui="section-label"] { color: #202024; font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing: -.55px; }
.yw-pricing-page [data-ui="stat-card"] > div:first-child > div:first-child { color: #87818c; font-size: 12px; letter-spacing: 0; text-transform: none; }
.yw-pricing-page [data-ui="stat-card"] > .num { margin-top: 6px; color: #202024; font-size: 27px; font-weight: 500; line-height: 1.15; letter-spacing: -.05em; }
.yw-pricing-page [data-ui="stat-card"] > div:last-child:not(.num) { margin-top: 4px; color: #929097; font-size: 12px; }
.yw-pricing-page :is([data-ui="tab-bar"], [data-ui="segmented"]) {
  display: inline-flex; width: auto; max-width: 100%; gap: 2px; padding: 3px; border: 0; border-radius: 12px; background-color: #eeeded;
}
.yw-pricing-page :is([data-ui="tab-bar"], [data-ui="segmented"]) > :is(a, button, span) {
  padding: 7px 12px; border-radius: 9px; background: transparent; color: #6f6975; font-size: 12px; font-weight: 500; box-shadow: none;
}
.yw-pricing-page :is([data-ui="tab-bar"], [data-ui="segmented"]) > :is(a, button):hover { background-color: rgba(255, 255, 255, .6); color: #202024; }
.yw-pricing-page :is([data-ui="tab-bar"], [data-ui="segmented"]) > [class~="bg-violet-600"] {
  background-color: #fff; background-image: none; color: #202024; box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}
.yw-pricing-page :is([data-ui="tab-bar"], [data-ui="segmented"]) > [class~="bg-violet-600"] > span[aria-label] { background-color: #7c3aed; }
.yw-pricing-page table { font-variant-numeric: tabular-nums; }
.yw-pricing-page thead :is(th, tr) { color: #766d7c; font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.yw-pricing-page tbody tr { border-color: #eae8ec; }
.yw-pricing-page tbody tr:hover { background-color: #faf8fc; }
.yw-pricing-page tfoot tr { background-color: #f8f4fb; }
.yw-pricing-page [data-ui="badge"] { padding: 4px 9px; border-radius: 20px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .024); color: #59535f; font-size: 10px; font-weight: 500; letter-spacing: .03em; }
.yw-pricing-page [data-ui="badge"][data-tone="push"] { color: #2f8a6d; }
.yw-pricing-page [data-ui="badge"]:is([data-tone="rescue"], [data-tone="gold"]) { color: #a96883; }
.yw-pricing-page [data-ui="badge"][data-tone="violet"] { color: #7433d4; }
.yw-pricing-page [data-ui="badge"][data-tone="blue"] { color: #5f6aa3; }
.yw-pricing-page [data-ui="count-chip"] { border-radius: 20px; background-color: #fff; color: #59535f; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, .024); --tw-ring-color: transparent; }
.yw-pricing-page [data-ui="count-chip"][data-on] { background-color: #eee5fd; color: #7433d4; }
.yw-pricing-page :is(button, a, span)[class~="rounded-lg"] { border-radius: 10px; }
.yw-pricing-page :is(button, a)[class~="bg-violet-600"] { background-color: #7c3aed; background-image: none; }
.yw-pricing-page :is(button, a)[class~="bg-violet-600"]:hover { background-color: #7130df; }
.yw-pricing-page :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) { border-color: #e2e1e4; border-radius: 10px; }
.yw-pricing-page :is(input, select, textarea):focus { border-color: #b993ff; }
.yw-pricing-page a[class~="text-violet-600"] { color: #8553c2; }
.yw-pricing-page [data-ui="connect-prompt"] { padding: 23px; }
.yw-pricing-page [data-ui="connect-prompt"] > div:first-child { color: #8553c2; font-size: 11px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.yw-pricing-page [data-ui="connect-prompt"] > h3 { color: #202024; font-size: 19px; font-weight: 500; letter-spacing: -.55px; }
.yw-pricing-page :is([data-ui="notice"], [data-ui="preparing"]) > :first-child { color: #202024; font-size: 15px; font-weight: 500; }
.yw-pricing-page :is([data-ui="notice"], [data-ui="preparing"], [data-ui="connect-prompt"]) p { color: #777; font-size: 13px; }
.yw-pricing-page [data-ui="moves-card"] > header { padding: 20px 23px 14px; border-color: #eae8ec; }
.yw-pricing-page [data-ui="moves-card"] > ol > li { border-color: #eae8ec; }
.yw-pricing-page [data-ui="moves-card"] > div:last-child:not(:first-child) { padding: 12px 23px; border-color: #eae8ec; color: #929097; font-size: 12px; }
.yw-pricing-page [data-ui="bulk-bar"] { border-color: #e5ddea; border-radius: 14px; background-color: rgba(253, 252, 254, .92); box-shadow: 0 8px 22px rgba(48, 32, 64, .06); padding: 10px 14px; }
.yw-pricing-page [data-ui="bulk-bar"][data-state="idle"] { position: static; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.yw-pricing-page [data-ui="bulk-bar"][data-state="idle"] > div:first-child { color: #929097; font-size: 12px; }
.yw-pricing-page [data-ui="bulk-bar"] .text-violet-800 { color: #202024; }
.yw-pricing-page .yw-hero-pill[data-pace="behind"] { color: #a96883; }
[data-theme-root].dark .yw-pricing-page {
  color: #f3eef8;
  --color-zinc-50: #101a2f;
  --color-zinc-100: #142036;
  --color-zinc-200: #1c2843;
  --color-zinc-300: #273656;
  --color-zinc-400: #8f8996;
  --color-zinc-500: #a297ab;
  --color-zinc-600: #c3b9cc;
  --color-zinc-700: #d9d2e3;
  --color-zinc-800: #ece6f2;
  --color-zinc-900: #f3eef8;
  --color-zinc-950: #faf8fc;
  --color-violet-50: #2f2638;
  --color-violet-100: #3f2d5c;
  --color-violet-200: #4a3a63;
  --color-violet-300: #5c4a78;
  --color-violet-500: #c5a8ff;
  --color-violet-700: #c9b1ff;
  --color-violet-800: #d9c8f0;
  --color-emerald-50: #26332e;
  --color-emerald-200: #345a4c;
  --color-emerald-300: #3f6b5a;
  --color-rose-50: #3a2a31;
  --color-rose-200: #5a3a4b;
  --color-rose-300: #6b4659;
  --color-amber-50: #3d3122;
  --color-amber-100: #45382a;
  --color-amber-200: #594a35;
  --color-amber-300: #6b5a40;
}
[data-theme-root].dark .yw-pricing-page :where(
  .bg-white, :is(section, div, article, form, p, ul, ol)[class~="rounded-2xl"][class~="border"],
  section[data-panel], [data-ui="stat-card"], [data-ui="moves-card"], [data-ui="connect-prompt"], [data-ui="notice"],
  .yw-card, [class~="border-dashed"]
) { border-color: #1c2843; background-color: #0d1527; background-image: none; box-shadow: none; }
[data-theme-root].dark .yw-pricing-page :where(
  :is([class~="rounded-2xl"][class~="border"], section[data-panel], .yw-card)
  :is([class~="rounded-2xl"], [class~="rounded-xl"])[class~="border"]:not([data-ui="segmented"], [data-ui="tab-bar"]),
  .yw-money-drill-body, .yw-money-email pre
) { border-color: transparent; background-color: #142036; }
[data-theme-root].dark .yw-pricing-page .yw-money-aging [data-surface="money.aging"], [data-theme-root].dark .yw-pricing-page .yw-money-owed [data-ui="moves-card"] { border-color: transparent; background-color: transparent; }
[data-theme-root].dark .yw-pricing-page :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { border-color: #1c2843; background-color: #142036; color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page :is([class*="text-rose-6"], [class*="text-rose-7"], [class*="text-rose-8"]) { color: #e69ac4; }
[data-theme-root].dark .yw-pricing-page :is([class*="text-emerald-6"], [class*="text-emerald-7"], [class*="text-emerald-8"]) { color: #7fd3b4; }
[data-theme-root].dark .yw-pricing-page :is([class*="text-amber-6"], [class*="text-amber-7"], [class*="text-amber-8"], [class*="text-amber-9"]) { color: #e6bd7f; }
[data-theme-root].dark .yw-pricing-page :is(button, a)[class~="bg-violet-600"] { background-color: #7c3aed; background-image: none; box-shadow: none; }
[data-theme-root].dark .yw-pricing-page :is(button, a)[class~="bg-violet-600"]:hover { background-color: #8b4dfb; }
[data-theme-root].dark .yw-pricing-page a[class~="text-violet-600"] { color: #c5a8ff; }
[data-theme-root].dark .yw-pricing-page :is([data-ui="section-label"], section[data-panel] > div:first-child > h2, [data-ui="connect-prompt"] > h3, [data-ui="notice"] > :first-child, [data-ui="preparing"] > :first-child) { color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page [data-ui="stat-card"] > .num { color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page :is([data-ui="stat-card"] > div:first-child > div:first-child, [data-ui="stat-card"] > div:last-child:not(.num), section[data-panel] > div:first-child > span.num) { color: #a297ab; }
[data-theme-root].dark .yw-pricing-page :is([data-ui="notice"], [data-ui="preparing"], [data-ui="connect-prompt"]) p { color: #c3b9cc; }
[data-theme-root].dark .yw-pricing-page section[data-panel] > div:last-child, [data-theme-root].dark .yw-pricing-page [data-ui="moves-card"] > :is(header, ol > li, div:last-child), [data-theme-root].dark .yw-pricing-page tbody tr { border-color: #1c2843; }
[data-theme-root].dark .yw-pricing-page tbody tr:hover { background-color: #111b30; }
[data-theme-root].dark .yw-pricing-page thead :is(th, tr) { color: #a297ab; }
[data-theme-root].dark .yw-pricing-page :is([data-ui="tab-bar"], [data-ui="segmented"]) { background-color: #142036; }
[data-theme-root].dark .yw-pricing-page :is([data-ui="tab-bar"], [data-ui="segmented"]) > :is(a, button, span) { color: #c3b9cc; }
[data-theme-root].dark .yw-pricing-page :is([data-ui="tab-bar"], [data-ui="segmented"]) > :is(a, button):hover { background-color: #1c2843; color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page :is([data-ui="tab-bar"], [data-ui="segmented"]) > [class~="bg-violet-600"] { background-color: #3f2d5c; color: #c9b1ff; box-shadow: none; }
[data-theme-root].dark .yw-pricing-page [data-ui="badge"] { background: #142036; box-shadow: none; color: #c3b9cc; }
[data-theme-root].dark .yw-pricing-page [data-ui="badge"][data-tone="push"] { color: #7fd3b4; }
[data-theme-root].dark .yw-pricing-page [data-ui="badge"]:is([data-tone="rescue"], [data-tone="gold"]) { color: #e69ac4; }
[data-theme-root].dark .yw-pricing-page [data-ui="badge"][data-tone="violet"] { color: #c9b1ff; }
[data-theme-root].dark .yw-pricing-page [data-ui="badge"][data-tone="blue"] { color: #a9b4e6; }
[data-theme-root].dark .yw-pricing-page [data-ui="count-chip"] { background-color: #142036; color: #c3b9cc; box-shadow: none; }
[data-theme-root].dark .yw-pricing-page [data-ui="count-chip"][data-on] { background-color: #3f2d5c; color: #c9b1ff; }
[data-theme-root].dark .yw-pricing-page [data-ui="bulk-bar"] { border-color: #1c2843; background-color: rgba(13, 21, 39, .94); box-shadow: 0 8px 22px rgba(0, 0, 0, .25); }
[data-theme-root].dark .yw-pricing-page [data-ui="bulk-bar"][data-state="idle"] { background: transparent; box-shadow: none; }
[data-theme-root].dark .yw-pricing-page [data-ui="bulk-bar"][data-state="picked"] .text-violet-800 { color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page [data-ui="bulk-bar"][data-state="idle"] > div:first-child { color: #a297ab; }
[data-theme-root].dark .yw-pricing-page :is(.yw-card-title, .yw-hero-value, .yw-money-lead, .yw-row-stat-value, .yw-row-stat dd, .yw-money-group, .yw-money-group-amount, .yw-money-lane-total, .yw-money-lines > li > strong) { color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page :is(.yw-card-sub, .yw-hero-muted, .yw-row-stat, .yw-money-note, .yw-money-group-note, .yw-money-group-count, .yw-money-muted, .yw-money-empty) { color: #a297ab; }
[data-theme-root].dark .yw-pricing-page .yw-money-note[data-tone="bad"] { color: #e69ac4; }
[data-theme-root].dark .yw-pricing-page .yw-hero-summary, [data-theme-root].dark .yw-pricing-page .yw-money-lines > li, [data-theme-root].dark .yw-pricing-page .yw-money-table td { color: #c3b9cc; }
[data-theme-root].dark .yw-pricing-page :is(.yw-text-link, .yw-money-drill-count, .yw-money-why .hw-info-label) { color: #c5a8ff; }
[data-theme-root].dark .yw-pricing-page :is(.yw-row-stat, .yw-money-lines > li, .yw-money-table td, .yw-money-control-row, .yw-money-email, .yw-money-request, .yw-money-owed [data-ui="moves-card"] > ol, .yw-money-owed [data-ui="moves-card"] > ol > li) { border-color: #1c2843; }
[data-theme-root].dark .yw-pricing-page .yw-hero-pill { background: #142036; box-shadow: none; color: #d9cfe3; }
[data-theme-root].dark .yw-pricing-page .yw-hero-pill[data-pace="ahead"] { color: #7fd3b4; }
[data-theme-root].dark .yw-pricing-page :is(a.yw-more, .yw-more button) { border-color: #1c2843; color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page .yw-more button::after { color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page :is(a.yw-more:hover, .yw-more button:hover, .yw-more button[aria-expanded="true"]) { background: #142036; }
[data-theme-root].dark .yw-pricing-page .yw-money-group[data-owed-focus] { background: #2f2638; }
[data-theme-root].dark .yw-pricing-page .yw-money-control-row .hw-info-label { color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page .yw-hero-pill[data-pace="behind"] { color: #e69ac4; }
[data-theme-root].dark .yw-pricing-page :is(.yw-cancel-name, .yw-cancel-amount > div:first-child, .yw-money-bar-row > strong, .yw-money-table td strong, .yw-channel-legend > li > strong, .yw-channel-donut-center strong, .yw-money-need-title) { color: #f3eef8; }
[data-theme-root].dark .yw-pricing-page :is(.yw-cancel-meta, .yw-cancel-amount > div + div, .yw-cancel-blurb, .yw-money-bar-row, .yw-money-bar-row > strong > span, .yw-money-flag, .yw-channel-legend > li > span:last-child, .yw-channel-donut-center span, .yw-channel-share > span:last-child) { color: #a297ab; }
[data-theme-root].dark .yw-pricing-page .yw-money-flag[data-tone="bad"] { color: #e69ac4; }
[data-theme-root].dark .yw-pricing-page .yw-money-flag[data-tone="good"] { color: #7fd3b4; }
[data-theme-root].dark .yw-pricing-page .yw-money-flag[data-tone="accent"] { color: #c9b1ff; }
[data-theme-root].dark .yw-pricing-page :is(.yw-money-scroll, .yw-money-overflow) > .yw-money-table thead th { background: #0d1527; }
@media (hover: hover) {
  [data-theme-root].dark .yw-pricing-page .yw-card:hover { border-color: #55505d; box-shadow: 0 8px 22px rgba(0, 0, 0, .18); }
}
[data-theme-root].dark .yw-pricing-page .yw-commission-statements .yw-money-flag[data-tone="amber"] { color: #e6bd7f; }
.yw-pricing-page [data-ui="filter-select"] { height: 32px; border-color: #e8e6e9; border-radius: 10px; background: #fff; color: #202024; font-weight: 400; box-shadow: 0 2px 6px #00000009; }
[data-theme-root].dark .yw-pricing-page [data-ui="filter-select"] { border-color: #1c2843; background: #142036; color: #f3eef8; box-shadow: none; }
[data-theme-root].dark .yw-pricing-page [data-ui="filter-select"]:hover { background: #1c2843; }
.yw-pricing-page .yw-hero-value[data-muted], .yw-pricing-page .yw-row-stat-value[data-muted] { color: #a09aa4; }
.yw-pricing-page .yw-hero-pill[data-pace="watch"] { color: #9a805f; }
[data-theme-root].dark .yw-pricing-page .yw-hero-value[data-muted], [data-theme-root].dark .yw-pricing-page .yw-row-stat-value[data-muted] { color: #8f8996; }
[data-theme-root].dark .yw-pricing-page .yw-hero-pill[data-pace="watch"], [data-theme-root].dark .yw-pricing-page .yw-money-flag[data-tone="watch"] { color: #e6bd7f; }
[data-theme-root].dark .yw-pricing-page .yw-exp-tx-table thead th { background: #0d1527; color: #a297ab; box-shadow: inset 0 -1px 0 #1c2843; }
[data-theme-root].dark .yw-pricing-page .yw-money-flag[data-tone="amber"] { color: #e6bd7f; }

/* ---- the shared Money rules the design rides on (10/10, owner: "what
   happened to this rates design? you modified it without asking me"). The
   design checkout had these unscoped in skin/money.css; testing's Money
   waves do not carry them, so Setup, Closures, Groups, Min Stay and Room
   Types rendered with Money's plainer defaults. Verbatim from that checkout,
   scoped with :where(.yw-pricing-page), which adds no specificity, so the
   cascade on a Pricing page is exactly the one the owner approved. ---- */

:where(.yw-pricing-page) .yw-money-row-count { margin-left: 8px; color: #a59fab; font-size: 11px; }
:where(.yw-pricing-page) .hw-info-body .yw-money-hover-meta { display: block; margin-bottom: 8px; color: #8f8996; font-size: 11px; line-height: 1.45; }
:where(.yw-pricing-page) .yw-money-parts > .yw-row-stat, :where(.yw-pricing-page) .yw-money-parts > details > summary.yw-row-stat { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; row-gap: 9px; padding: 15px 0 14px; }
:where(.yw-pricing-page) .yw-money-parts { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; }
:where(.yw-pricing-page) .yw-money-share { display: block; grid-column: 1 / -1; height: 8px; overflow: hidden; border-radius: 4px; background: #eeedf1; }
:where(.yw-pricing-page) .yw-money-parts .yw-row-stat-value { color: #202024; font-size: 22px; letter-spacing: -.7px; }
:where(.yw-pricing-page) .yw-money-parts > .yw-row-stat > span:first-child, :where(.yw-pricing-page) .yw-money-parts > details > summary > span:first-child { color: #59535f; font-size: 13px; }
:where(.yw-pricing-page) .yw-money-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; }
[data-theme-root].dark :where(.yw-pricing-page) .hw-info-body .yw-money-hover-meta, [data-theme-root].dark :where(.yw-pricing-page) .yw-money-row-count { color: #a297ab; }
[data-theme-root].dark :where(.yw-pricing-page) .yw-money-share { background: #142036; }
[data-theme-root].dark :where(.yw-pricing-page) .yw-money-parts .yw-row-stat-value { color: #f3eef8; }
[data-theme-root].dark :where(.yw-pricing-page) .yw-money-parts > .yw-row-stat > span:first-child, [data-theme-root].dark :where(.yw-pricing-page) .yw-money-parts > details > summary > span:first-child { color: #c3b9cc; }
:where(.yw-pricing-page) .yw-money-note[data-tone="good"] { color: #2f8a6d; }
:where(.yw-pricing-page) .yw-money-overflow[data-scroll="list"] { max-height: 34rem; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd2e7 transparent; }
:where(.yw-pricing-page) .yw-money-overflow[data-scroll="list"] > .yw-money-table thead th { box-shadow: inset 0 -1px 0 #eae8ec; }

[data-theme-root].dark :where(.yw-pricing-page) .yw-money-overflow[data-scroll="list"] > .yw-money-table thead th { box-shadow: inset 0 -1px 0 #1c2843; }

/* The hover panel as the design has it (10/02): frosted, Geist. It is
   portaled to the theme root, so the scope is "a Pricing page is open". */
[data-theme-root]:has(.yw-pricing-page) .hw-info-panel { border: 1px solid rgba(229, 221, 234, .85); background: rgba(253, 252, 254, .8); font-family: var(--font-geist-sans), Geist, system-ui, sans-serif; letter-spacing: -.25px; -webkit-backdrop-filter: saturate(140%) blur(18px); backdrop-filter: saturate(140%) blur(18px); }
[data-theme-root].dark:has(.yw-pricing-page) .hw-info-panel { border-color: rgba(28, 40, 67, .9); background: rgba(13, 21, 39, .82); }
/* The title menu's section label sits on the title (section-title-menu.tsx). */
.yw-pricing-section-menu .yw-dashboard-title { position: relative; }

/* Pricing, shared (the lead's): the title menu and anything every Pricing page needs redesign (10/05): the new Dashboard design on this Pricing section.
   Loaded after skin/money.css (whose root rules now include .yw-pricing-page),
   so a rule here at the same weight wins. Light rules first, their dark twins
   under [data-theme-root].dark. */

/* The title menu's second group (section-title-menu.tsx): Pricing's Setup
   and Min stay rules, under a hairline. */
.yw-title-menu-group { margin-top: 8px !important; padding-top: 12px !important; border-top: 1px solid #eae8ec; }
[data-theme-root].dark .yw-title-menu-group { border-top-color: #1c2843; }