/* Get Paid, Refunds and Channels (10/02 to 10/05): the pages as the owner
   reviewed them on the design branch. Loaded after skin/money.css.

   On the design branch these rules were Money-wide (the "Get Paid shape":
   the hero's aging columns, the row stats, the share bars, the open
   balances, the refund rows, the channel fee columns). Testing's other Money
   pages were rebuilt on testing's own versions of those classes, so each
   rule here is narrowed to its page's root (.yw-getpaid-page,
   .yw-refunds-page, .yw-channels-page) with :where(), which adds no weight:
   these pages match the reviewed design and no other page moves. */

/* ---- .yw-getpaid-page ---- */
.yw-money-page:where(.yw-getpaid-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; }
:where(.yw-getpaid-page) .yw-money-clock { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
:where(.yw-getpaid-page) .yw-money-refresh { display: inline; }
:where(.yw-getpaid-page) .yw-money-refresh .yw-text-link { padding: 0; border: 0; background: none; font-size: 12px; cursor: pointer; }
:where(.yw-getpaid-page) .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-getpaid-page) .yw-money-aging { margin-top: 20px; }
:where(.yw-getpaid-page) .yw-money-age .yw-month-column { height: 142px; padding: 0 3px; border-radius: 10px; cursor: default; }
:where(.yw-getpaid-page) .yw-money-age .yw-month-column-value { height: 20px; font-size: 11px; }
:where(.yw-getpaid-page) .yw-money-age .yw-month-column-value:only-child, :where(.yw-getpaid-page) .yw-money-age .yw-month-column[data-active="true"] .yw-month-column-value { color: #202024; }
:where(.yw-getpaid-page) .yw-money-age .yw-month-column-rail { height: 96px; }
:where(.yw-getpaid-page) .yw-money-age .yw-month-column-label { margin-top: 6px; font-size: 10.5px; }
:where(.yw-getpaid-page) .yw-money-age-bar { position: absolute; bottom: 0; left: 50%; width: min(52%, 30px); 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; }
:where(.yw-getpaid-page) .yw-money-age .yw-month-column[data-age="old"] .yw-money-age-bar { background: repeating-linear-gradient(125deg, #d85e9e 0 2px, #f8dae9 2px 4px); }
:where(.yw-getpaid-page) .yw-money-age .yw-month-detail { min-height: 38px; margin-top: 4px; padding-top: 11px; }
:where(.yw-getpaid-page) .yw-money-aging > .yw-money-note { margin-top: 8px; }
@media (prefers-reduced-motion: reduce) { :where(.yw-getpaid-page) .yw-money-age-bar { animation: none; } }
:where(.yw-getpaid-page) .yw-money-parts > .yw-row-stat, :where(.yw-getpaid-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-getpaid-page) .yw-money-grid:not(.yw-money-grid--after) > .yw-money-card { display: flex; flex-direction: column; }
:where(.yw-getpaid-page) .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-getpaid-page) .yw-money-parts { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; }
:where(.yw-getpaid-page) .yw-money-share { display: block; grid-column: 1 / -1; height: 8px; overflow: hidden; border-radius: 4px; background: #eeedf1; }
:where(.yw-getpaid-page) .yw-money-parts .yw-row-stat-value { color: #202024; font-size: 22px; letter-spacing: -.7px; }
:where(.yw-getpaid-page) .yw-money-parts > .yw-row-stat > span:first-child, :where(.yw-getpaid-page) .yw-money-parts > details > summary > span:first-child { color: #59535f; font-size: 13px; }
:where(.yw-getpaid-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; }
:where(.yw-getpaid-page) .yw-insight.yw-money-agent { height: auto; min-height: 0; }
:where(.yw-getpaid-page) .yw-money-agent-art { position: absolute; right: 0; bottom: 0; left: 0; z-index: -2; height: 64%; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 45%); mask-image: linear-gradient(180deg, transparent 0, #000 45%); }
:where(.yw-getpaid-page) .yw-money-agent-art > canvas { display: block; width: 100%; height: 100%; mix-blend-mode: multiply; }
:where(.yw-getpaid-page) .yw-money-agent .yw-insight-tag .hw-info-label { color: inherit; font-size: 10px; font-weight: 400; }
:where(.yw-getpaid-page) .yw-money-agent .yw-insight-count { padding: 5px 9px; border-radius: 20px; background: rgba(255, 255, 255, .55); color: #5e4380; font-weight: 500; }
:where(.yw-getpaid-page) .yw-money-agent .yw-insight-value { margin-top: 22px; }
:where(.yw-getpaid-page) .yw-money-agent h3 { max-width: 300px; font-size: 21px; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="moves-card"] { margin-top: 10px; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="moves-card"] > ol { border-top: 1px solid #eae8ec; }
:where(.yw-getpaid-page) .yw-money-group { display: flex; align-items: baseline; gap: 12px; padding: 20px 2px 6px; color: #59535f; font-size: 12px; font-weight: 500; }
:where(.yw-getpaid-page) .yw-money-group:first-child { padding-top: 6px; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="moves-card"] > ol { border-top: 0; }
:where(.yw-getpaid-page) .yw-money-bill { border-bottom: 1px solid #eae8ec; list-style: none; }
:where(.yw-getpaid-page) .yw-money-bill-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto auto; align-items: center; gap: 0 14px; min-height: 72px; padding: 10px 6px; border-radius: 14px; transition: background-color .16s, padding .2s; }
:where(.yw-getpaid-page) .yw-money-bill-row:hover { background: #f8f6fa; }
:where(.yw-getpaid-page) .yw-money-bill-mark { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: #efe8fb; color: #7c3aed; font-size: 14px; font-weight: 500; cursor: pointer; transition: background-color .15s, color .15s, box-shadow .15s; }
:where(.yw-getpaid-page) .yw-money-bill[data-tone="check"] .yw-money-bill-mark { background: #f8e8ef; color: #bd6a91; }
:where(.yw-getpaid-page) .yw-money-bill-mark:hover { box-shadow: 0 0 0 2px #d8c6f7; }
:where(.yw-getpaid-page) .yw-money-bill-mark:focus-within { box-shadow: 0 0 0 2px #8a45f0; }
:where(.yw-getpaid-page) .yw-money-bill[data-picked] .yw-money-bill-mark { background: #7c3aed; color: #fff; }
:where(.yw-getpaid-page) .yw-money-bill[data-picked] .yw-money-bill-row { background: #f6f1fd; }
:where(.yw-getpaid-page) .yw-money-bill-copy { min-width: 0; }
:where(.yw-getpaid-page) .yw-money-bill-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; color: #202024; font-size: 14px; font-weight: 500; letter-spacing: -.2px; }
:where(.yw-getpaid-page) .yw-money-bill-title .hw-info-label { font-weight: 500; }
:where(.yw-getpaid-page) .yw-money-bill-badge { color: #87818c; font-size: 11px; font-weight: 400; }
:where(.yw-getpaid-page) .yw-money-bill-detail { margin-top: 3px; overflow: hidden; color: #929097; font-size: 12px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
:where(.yw-getpaid-page) .yw-money-bill-agent { display: block; margin-top: 2px; color: #7c6f86; }
:where(.yw-getpaid-page) .yw-money-bill-moves { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6px; }
:where(.yw-getpaid-page) .yw-money-bill-moves > :is(a, button, span) { display: inline-flex; width: auto; height: 30px; align-items: center; margin: 0; padding: 0 12px; border: 0; border-radius: 10px; background: #eeeded; color: #202024; font-size: 12px; font-weight: 500; white-space: nowrap; }
:where(.yw-getpaid-page) .yw-money-bill-moves > button:hover { background: #e8e4ed; color: #202024; }
:where(.yw-getpaid-page) .yw-money-bill-moves > [class~="bg-violet-600"] { background: #7c3aed; color: #fff; }
:where(.yw-getpaid-page) .yw-money-bill-moves > [class~="bg-violet-600"]:hover { background: #7130df; color: #fff; }
:where(.yw-getpaid-page) .yw-money-bill-amount { min-width: 76px; color: #202024; font-size: 17px; font-weight: 500; letter-spacing: -.4px; text-align: right; }
:where(.yw-getpaid-page) .yw-money-bill-form { padding: 0 6px 14px 56px; }
:where(.yw-getpaid-page) .yw-money-owed .yw-money-row-extra { padding: 0 6px 12px 56px; }
:where(.yw-getpaid-page) .yw-money-dialog { border-color: rgba(226, 225, 228, .9); border-radius: 20px; background: rgba(253, 252, 254, .92); box-shadow: 0 24px 60px rgba(48, 32, 64, .16); backdrop-filter: saturate(140%) blur(18px); font-family: var(--font-geist-sans), Geist, system-ui, sans-serif; letter-spacing: -.25px; }
:where(.yw-getpaid-page) .yw-money-dialog h3 { color: #202024; font-size: 17px; font-weight: 500; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] { border-color: #e7e0ee; border-radius: 16px; background: rgba(253, 252, 254, .9); box-shadow: 0 10px 28px rgba(48, 32, 64, .08); backdrop-filter: saturate(140%) blur(16px); }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] > div:first-child { color: #202024; font-size: 14px; font-weight: 500; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] :is(button, select, input:not([type="hidden"])) { height: 32px; border-radius: 10px; font-size: 12px; font-weight: 500; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] button:not([class~="bg-rose-600"]) { border: 0; background: #eeeded; color: #202024; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] button:not([class~="bg-rose-600"]):hover { background: #e8e4ed; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] :is(select, input:not([type="hidden"])) { border: 1px solid #e2e1e4; background: #fff; color: #202024; font-weight: 400; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] button[class~="bg-rose-600"] { padding: 0 14px; background: #c85f84; color: #fff; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] button[class~="bg-rose-600"]:hover { background: #b9507a; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"] + p { margin: 0 6px; color: #929097; font-size: 11.5px; }
:where(.yw-getpaid-page) .yw-money-selectall { display: inline-flex; align-items: center; gap: 14px; padding: 2px 6px; border: 0; background: none; color: #59535f; font-size: 12.5px; font-weight: 500; cursor: pointer; }
:where(.yw-getpaid-page) .yw-money-selectall-box { width: 36px; height: 36px; border: 1.5px dashed #cbbfe0; border-radius: 50%; background: transparent; transition: border-color .15s; }
:where(.yw-getpaid-page) .yw-money-selectall:hover { color: #202024; }
:where(.yw-getpaid-page) .yw-money-selectall:hover .yw-money-selectall-box { border-color: #8a45f0; }
.yw-money-page:where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="idle"] { padding: 0 2px; }
:where(.yw-getpaid-page) .yw-money-owed [data-ui="moves-card"] { margin-top: 0; }
@media (min-width: 768px) { :where(.yw-getpaid-page) .yw-money-owed .yw-money-row-extra { padding-left: 130px; } }
:where(.yw-getpaid-page) .yw-money-table td.yw-money-reason { max-width: 0; width: 46%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(.yw-getpaid-page) .yw-money-closed .yw-money-table form button { padding: 3px 8px; border-radius: 8px; color: #87818c; font-size: 11px; font-weight: 500; }
:where(.yw-getpaid-page) .yw-money-closed .yw-money-table form button:hover { background: #f1eef4; color: #202024; }
@media (prefers-reduced-motion: reduce) { :where(.yw-getpaid-page) .yw-money-bill-row { transition: none; } }
[data-theme-root].dark .hw-info-body .yw-money-hover-meta, [data-theme-root].dark :where(.yw-getpaid-page) .yw-money-row-count { color: #a297ab; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-age .yw-month-column[data-active="true"] .yw-month-column-value { color: #f3eef8; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-share { background: #142036; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-parts .yw-row-stat-value { color: #f3eef8; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-parts > .yw-row-stat > span:first-child, [data-theme-root].dark :where(.yw-getpaid-page) .yw-money-parts > details > summary > span:first-child { color: #c3b9cc; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-agent-art > canvas { filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen; opacity: .55; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-agent .yw-insight-count { background: rgba(255, 255, 255, .1); color: #d9c8f0; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-selectall { color: #c3b9cc; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] { border-color: #1c2843; background: rgba(13, 21, 39, .9); }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] > div:first-child { color: #f3eef8; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] button:not([class~="bg-rose-600"]) { background: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-owed [data-ui="bulk-bar"][data-state="picked"] :is(select, input:not([type="hidden"])) { border-color: #1c2843; background: #0d1527; color: #f3eef8; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-group { color: #c3b9cc; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-bill { border-bottom-color: #1c2843; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-bill-row:hover { background: #111b30; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-bill-mark { background: #3d3350; color: #c5a8ff; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-bill[data-tone="check"] .yw-money-bill-mark { background: #4d3345; color: #f0b8d2; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-bill[data-picked] .yw-money-bill-mark { background: #7c3aed; color: #fff; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-bill[data-picked] .yw-money-bill-row { background: #33293f; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-bill-title, [data-theme-root].dark :where(.yw-getpaid-page) .yw-money-bill-amount { color: #f3eef8; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-bill-detail { color: #a297ab; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-bill-moves > :is(a, button, span):not([class~="bg-violet-600"]) { background: #142036; color: #f3eef8; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-dialog { border-color: #1c2843; background: rgba(13, 21, 39, .92); color: #f3eef8; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-dialog h3 { color: #f3eef8; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-selectall-box { border-color: #5b5663; background: transparent; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-closed .yw-money-table form button:hover { background: #142036; color: #f3eef8; }
[data-theme-root].dark .yw-money-page:where(.yw-getpaid-page) .yw-row-stat[data-quiet] > .yw-row-stat-value { color: #8f8996; }
:where(.yw-getpaid-page) .yw-money-note[data-tone="watch"] { color: #9a805f; }
:where(.yw-getpaid-page) .yw-money-share[data-tone="grey"] > i { background: repeating-linear-gradient(125deg, #a6a0ac 0 2px, #dcd7e0 2px 4px); }
:where(.yw-getpaid-page) .yw-money-share[data-tone="pink"] > i { background: repeating-linear-gradient(125deg, #d85e9e 0 2px, #f8dae9 2px 4px); }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-note[data-tone="watch"] { color: #e6bd7f; }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-share[data-tone="grey"] > i { background: repeating-linear-gradient(125deg, #8b8794 0 2px, #17243d 2px 4px); }
[data-theme-root].dark :where(.yw-getpaid-page) .yw-money-share[data-tone="pink"] > i { background: repeating-linear-gradient(125deg, #e07fb4 0 2px, #5a3a4b 2px 4px); }

/* ---- .yw-refunds-page ---- */
.yw-money-page:where(.yw-refunds-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; }
:where(.yw-refunds-page) .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-refunds-page) .yw-money-parts > .yw-row-stat, :where(.yw-refunds-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-refunds-page) .yw-money-grid:not(.yw-money-grid--after) > .yw-money-card { display: flex; flex-direction: column; }
:where(.yw-refunds-page) .yw-money-parts { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; }
:where(.yw-refunds-page) .yw-money-share { display: block; grid-column: 1 / -1; height: 8px; overflow: hidden; border-radius: 4px; background: #eeedf1; }
:where(.yw-refunds-page) .yw-money-parts .yw-row-stat-value { color: #202024; font-size: 22px; letter-spacing: -.7px; }
:where(.yw-refunds-page) .yw-money-parts > .yw-row-stat > span:first-child, :where(.yw-refunds-page) .yw-money-parts > details > summary > span:first-child { color: #59535f; font-size: 13px; }
:where(.yw-refunds-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 .hw-info-body .yw-money-hover-meta, [data-theme-root].dark :where(.yw-refunds-page) .yw-money-row-count { color: #a297ab; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-money-share { background: #142036; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-money-parts .yw-row-stat-value { color: #f3eef8; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-money-parts > .yw-row-stat > span:first-child, [data-theme-root].dark :where(.yw-refunds-page) .yw-money-parts > details > summary > span:first-child { color: #c3b9cc; }
[data-theme-root].dark .yw-money-page:where(.yw-refunds-page) .yw-row-stat[data-quiet] > .yw-row-stat-value { color: #8f8996; }
:where(.yw-refunds-page) .yw-refund-trend-card { display: flex; flex-direction: column; }
:where(.yw-refunds-page) .yw-refund-trend { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: flex-end; margin-top: 14px; }
:where(.yw-refunds-page) .yw-refund-cols { display: grid; gap: 3px; height: 196px; }
:where(.yw-refunds-page) .yw-refund-col { display: flex; min-width: 0; flex-direction: column; height: 100%; padding: 0; border: 0; border-radius: 6px; background: transparent; cursor: default; transition: background .2s ease; }
:where(.yw-refunds-page) .yw-refund-col:hover, :where(.yw-refunds-page) .yw-refund-col[data-active="true"] { background: #f4eefb; }
:where(.yw-refunds-page) .yw-refund-col:focus-visible { outline: 2px solid #7836e9; outline-offset: -2px; }
:where(.yw-refunds-page) .yw-refund-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)); }
:where(.yw-refunds-page) .yw-refund-col-bar { position: absolute; right: 14%; bottom: 0; left: 14%; border-radius: 3px 3px 0 0; background: repeating-linear-gradient(125deg, #8a45f0 0 2px, #d4b6fb 2px 4px); transform-origin: bottom; animation: yw-refund-grow .65s cubic-bezier(.2, .7, .2, 1) both; }
:where(.yw-refunds-page) .yw-refund-col-label { display: block; height: 22px; padding-top: 6px; overflow: visible; color: #8b8290; font-size: 10px; text-align: left; white-space: nowrap; }
:where(.yw-refunds-page) .yw-refund-trend .yw-month-detail { min-height: 40px; margin-top: 6px; }
:where(.yw-refunds-page) .yw-row-stats > .yw-refund-pms { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; row-gap: 9px; }
:where(.yw-refunds-page) .yw-refund-split { display: flex; grid-column: 1 / -1; gap: 2px; height: 8px; overflow: hidden; border-radius: 4px; }
:where(.yw-refunds-page) .yw-refund-split > i { display: block; min-width: 3px; flex-basis: 0; }
:where(.yw-refunds-page) .yw-refund-split > i[data-part="team"] { background: repeating-linear-gradient(125deg, #8a45f0 0 2px, #d4b6fb 2px 4px); }
:where(.yw-refunds-page) .yw-refund-split > i[data-part="auto"] { background: #dcd7e0; }
:where(.yw-refunds-page) .yw-refund-split > i[data-part="dispute"] { background: repeating-linear-gradient(125deg, #d85e9e 0 2px, #f8dae9 2px 4px); }
:where(.yw-refunds-page) .yw-refund-list { margin: 8px 0 0; padding: 0; list-style: none; }
:where(.yw-refunds-page) .yw-refund { display: grid; grid-template-columns: 36px minmax(0, 1fr) 104px 76px; align-items: center; gap: 0 14px; min-height: 70px; padding: 10px 6px; border-bottom: 1px solid #eae8ec; transition: background-color .16s; }
:where(.yw-refunds-page) .yw-refund-list[data-by] > .yw-refund { grid-template-columns: 36px minmax(0, 1fr) 150px 104px 76px; }
:where(.yw-refunds-page) .yw-refund:last-child { border-bottom: 0; }
:where(.yw-refunds-page) .yw-refund:hover { background: #f8f6fa; }
:where(.yw-refunds-page) .yw-refund-mark { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: #f0eef2; color: #87818c; font-size: 15px; font-weight: 500; }
:where(.yw-refunds-page) .yw-refund[data-kind="policy"] .yw-refund-mark { background: #efe8fb; color: #7c3aed; }
:where(.yw-refunds-page) .yw-refund[data-kind="error"] .yw-refund-mark { background: #f8e8ef; color: #bd6a91; }
:where(.yw-refunds-page) .yw-refund[data-kind="dispute"] .yw-refund-mark { background: #f6eddc; color: #9a805f; }
:where(.yw-refunds-page) .yw-refund-main { min-width: 0; }
:where(.yw-refunds-page) .yw-refund-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
:where(.yw-refunds-page) .yw-refund-title > .num { color: #202024; font-size: 14px; font-weight: 500; letter-spacing: -.2px; }
:where(.yw-refunds-page) .yw-refund-cause { color: #87818c; font-size: 12px; }
:where(.yw-refunds-page) .yw-refund-note { display: flex; min-width: 0; align-items: baseline; gap: 8px; margin-top: 3px; overflow: hidden; color: #929097; font-size: 12px; line-height: 1.45; white-space: nowrap; }
:where(.yw-refunds-page) .yw-refund-note > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
:where(.yw-refunds-page) .yw-refund-clip { display: block; min-width: 0; max-width: 100%; overflow: hidden; }
:where(.yw-refunds-page) .yw-refund-clip > .hw-info-label { display: block; max-width: 100%; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
:where(.yw-refunds-page) .yw-refund-note > .yw-money-flag { flex-shrink: 0; }
:where(.yw-refunds-page) .yw-refund-list:not([data-by]) .yw-refund-by { display: none; }
:where(.yw-refunds-page) .yw-refund-by { min-width: 0; overflow: hidden; color: #59535f; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
:where(.yw-refunds-page) .yw-refund-date { color: #929097; font-size: 12px; text-align: right; white-space: nowrap; }
:where(.yw-refunds-page) .yw-refund-amount { color: #202024; font-size: 16px; font-weight: 500; letter-spacing: -.4px; text-align: right; }
:where(.yw-refunds-page) .yw-refund-notes { grid-column: 2 / -1; padding-top: 6px; }
@media (max-width: 800px) { :where(.yw-refunds-page) .yw-refund, :where(.yw-refunds-page) .yw-refund-list[data-by] > .yw-refund { grid-template-columns: 36px minmax(0, 1fr) auto; } }
@media (max-width: 800px) { :where(.yw-refunds-page) .yw-refund-by, :where(.yw-refunds-page) .yw-refund-date { display: none; } }
@media (prefers-reduced-motion: reduce) { :where(.yw-refunds-page) .yw-refund-col-bar { animation: none; } }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund-col:hover, [data-theme-root].dark :where(.yw-refunds-page) .yw-refund-col[data-active="true"] { background: #30263a; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund-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 :where(.yw-refunds-page) .yw-refund-split > i[data-part="auto"] { background: #243352; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund { border-bottom-color: #1c2843; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund:hover { background: #111b30; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund-mark { background: #142036; color: #a297ab; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund[data-kind="policy"] .yw-refund-mark { background: #3d3350; color: #c5a8ff; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund[data-kind="error"] .yw-refund-mark { background: #4d3345; color: #f0b8d2; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund[data-kind="dispute"] .yw-refund-mark { background: #3f3628; color: #e6bd7f; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund-title > .num, [data-theme-root].dark :where(.yw-refunds-page) .yw-refund-amount { color: #f3eef8; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund-cause, [data-theme-root].dark :where(.yw-refunds-page) .yw-refund-note, [data-theme-root].dark :where(.yw-refunds-page) .yw-refund-date { color: #a297ab; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-refund-by { color: #d9d2e3; }
:where(.yw-refunds-page) .yw-money-overflow[data-scroll="list"] { max-height: 34rem; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd2e7 transparent; }
:where(.yw-refunds-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-refunds-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-refunds-page) .yw-money-overflow[data-scroll="list"] { scrollbar-color: #273656 transparent; }
:where(.yw-refunds-page) .yw-money-note[data-tone="watch"] { color: #9a805f; }
:where(.yw-refunds-page) .yw-money-share[data-tone="grey"] > i { background: repeating-linear-gradient(125deg, #a6a0ac 0 2px, #dcd7e0 2px 4px); }
:where(.yw-refunds-page) .yw-money-share[data-tone="pink"] > i { background: repeating-linear-gradient(125deg, #d85e9e 0 2px, #f8dae9 2px 4px); }
[data-theme-root].dark :where(.yw-refunds-page) .yw-money-note[data-tone="watch"] { color: #e6bd7f; }
[data-theme-root].dark :where(.yw-refunds-page) .yw-money-share[data-tone="grey"] > i { background: repeating-linear-gradient(125deg, #8b8794 0 2px, #17243d 2px 4px); }
[data-theme-root].dark :where(.yw-refunds-page) .yw-money-share[data-tone="pink"] > i { background: repeating-linear-gradient(125deg, #e07fb4 0 2px, #5a3a4b 2px 4px); }

/* ---- .yw-channels-page ---- */
.yw-money-page:where(.yw-channels-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; }
:where(.yw-channels-page) .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-channels-page) .yw-money-age-bar { position: absolute; bottom: 0; left: 50%; width: min(52%, 30px); 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; }
@media (prefers-reduced-motion: reduce) { :where(.yw-channels-page) .yw-money-age-bar { animation: none; } }
:where(.yw-channels-page) .yw-money-parts > .yw-row-stat, :where(.yw-channels-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-channels-page) .yw-money-grid:not(.yw-money-grid--after) > .yw-money-card { display: flex; flex-direction: column; }
:where(.yw-channels-page) .yw-money-parts { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; }
:where(.yw-channels-page) .yw-money-share { display: block; grid-column: 1 / -1; height: 8px; overflow: hidden; border-radius: 4px; background: #eeedf1; }
:where(.yw-channels-page) .yw-money-parts .yw-row-stat-value { color: #202024; font-size: 22px; letter-spacing: -.7px; }
:where(.yw-channels-page) .yw-money-parts > .yw-row-stat > span:first-child, :where(.yw-channels-page) .yw-money-parts > details > summary > span:first-child { color: #59535f; font-size: 13px; }
:where(.yw-channels-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 .hw-info-body .yw-money-hover-meta, [data-theme-root].dark :where(.yw-channels-page) .yw-money-row-count { color: #a297ab; }
[data-theme-root].dark :where(.yw-channels-page) .yw-money-share { background: #142036; }
[data-theme-root].dark :where(.yw-channels-page) .yw-money-parts .yw-row-stat-value { color: #f3eef8; }
[data-theme-root].dark :where(.yw-channels-page) .yw-money-parts > .yw-row-stat > span:first-child, [data-theme-root].dark :where(.yw-channels-page) .yw-money-parts > details > summary > span:first-child { color: #c3b9cc; }
[data-theme-root].dark .yw-money-page:where(.yw-channels-page) .yw-row-stat[data-quiet] > .yw-row-stat-value { color: #8f8996; }
:where(.yw-channels-page) .yw-money-overflow[data-scroll="list"] { max-height: 34rem; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd2e7 transparent; }
:where(.yw-channels-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-channels-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-channels-page) .yw-money-overflow[data-scroll="list"] { scrollbar-color: #273656 transparent; }
:where(.yw-channels-page) .yw-money-share[data-tone="grey"] > i { background: repeating-linear-gradient(125deg, #a6a0ac 0 2px, #dcd7e0 2px 4px); }
:where(.yw-channels-page) .yw-money-share[data-tone="pink"] > i { background: repeating-linear-gradient(125deg, #d85e9e 0 2px, #f8dae9 2px 4px); }
[data-theme-root].dark :where(.yw-channels-page) .yw-money-share[data-tone="grey"] > i { background: repeating-linear-gradient(125deg, #8b8794 0 2px, #17243d 2px 4px); }
[data-theme-root].dark :where(.yw-channels-page) .yw-money-share[data-tone="pink"] > i { background: repeating-linear-gradient(125deg, #e07fb4 0 2px, #5a3a4b 2px 4px); }
.yw-channels-page .yw-money-grid + .yw-money-grid { margin-top: 16px; }
.yw-channels-page .yw-row-stats > .yw-channel-direct { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; row-gap: 9px; }
.yw-channels-page .yw-channel-direct-track { position: relative; overflow: visible; }
.yw-channels-page .yw-channel-direct-track > i { border-radius: 4px; }
.yw-channels-page .yw-channel-direct-track > b { position: absolute; top: -3px; width: 2px; height: 14px; margin-left: -1px; border-radius: 1px; background: #a76c8a; }
.yw-channels-page .yw-channel-parts { display: grid; flex: 1 1 auto; align-content: space-between; margin-top: 10px; }
.yw-channels-page .yw-channel-parts[data-cols="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
.yw-channels-page .yw-channel-parts[data-cols="2"] > .yw-row-stat:nth-child(2) { border-top: 0; }
.yw-channels-page .yw-channel-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yw-channels-page .yw-channel-fee-card { display: flex; flex-direction: column; }
.yw-channels-page .yw-channel-fees { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: flex-end; margin-top: 14px; }
.yw-channels-page .yw-channel-fees .yw-month-column { height: 172px; padding: 0 3px; border-radius: 10px; cursor: default; }
.yw-channels-page .yw-channel-fees .yw-month-column-value { height: 20px; font-size: 11px; }
.yw-channels-page .yw-channel-fees .yw-month-column[data-active="true"] .yw-month-column-value { color: #202024; }
.yw-channels-page .yw-channel-fees .yw-month-column-rail { height: 122px; }
.yw-channels-page .yw-channel-fees .yw-month-column-label { display: block; max-width: 100%; margin-top: 6px; overflow: hidden; font-size: 10.5px; text-align: center; text-overflow: ellipsis; }
.yw-channels-page .yw-channel-fees .yw-month-detail { min-height: 40px; margin-top: 4px; padding-top: 11px; }
.yw-channels-page .yw-channel-head-side { display: inline-flex; flex-shrink: 0; align-items: center; gap: 8px; }
.yw-channels-page .yw-card-head > .yw-money-flag, .yw-channels-page .yw-channel-head-side > .yw-money-flag { flex-shrink: 0; margin-top: 7px; font-size: 11px; }
.yw-channels-page .yw-channel-bill .yw-money-overflow { margin-top: 14px; }
@media (max-width: 800px) { .yw-channels-page .yw-channel-parts[data-cols="2"] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 800px) { .yw-channels-page .yw-channel-parts[data-cols="2"] > .yw-row-stat:nth-child(2) { border-top: 1px solid #eae8ec; } }
[data-theme-root].dark .yw-channels-page .yw-channel-direct-track > b { background: #e69ac4; }
[data-theme-root].dark .yw-channels-page .yw-channel-fees .yw-month-column[data-active="true"] .yw-month-column-value { color: #f3eef8; }
@media (max-width: 800px) { [data-theme-root].dark .yw-channels-page .yw-channel-parts[data-cols="2"] > .yw-row-stat:nth-child(2) { border-top-color: #1c2843; } }

/* ---- properties testing adds to a selector the design branch also has ---- */
/* Testing pins Get Paid's Refresh to the card's corner; the reviewed design
   keeps it in the card head's row. */
:where(.yw-getpaid-page) .yw-money-refresh { position: static; }

/* ---- the keyframes these rules name ---- */
@keyframes yw-refund-grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }