/* Dorax Finance — the owner's transaction opened and the Transactions filter, in the v6 look (v350; the markup: features/phone/r6-txv.js; the
   canvas "Transaccion-V6", "Filtro-V6", "Vacio-Filtro-V6").
   A transaction: the whole phone on the page's black #070808; its header as the board's top row ("Transaction" at 22 px, "···" and × side by
   side as round glass buttons); its drawing, what it was, how much at 52 px light, two pills; its details as a slip (#121414 with the edge of
   light) torn above what the bank sent; Edit in lime at the thumb, the page fading under it.
   The filter: a sheet over the list, square at the top and with no handle (owner, 2026-10-27), on the cards' #121414; the chosen choices in
   muted white #D9DCE1 (owner, 2026-10-28), lime only for the dots that stay, a day's dot and "See N".
   On the list behind it (look-r6-tx.css is the list's): the filter's button muted white while filters are on, and the empty result as a dashed
   card with its clearing in lime. Only while the panel holds .r6-tv / .r6-tf (r6Mine): a transaction can open over a screen outside the v6
   look (the summary's week, a category), so nothing for the panels leans on :root.r6. */
@media (max-width: 920px) {
  /* ---------- the frames ---------- */
  :root #overlay .drawer:has(> .body.r6-tv) { top: 0; bottom: 0; height: 100dvh; max-height: none; padding-top: var(--safe-t, 0px); box-sizing: border-box; border: 0; border-radius: 0; background: #070808; color: #EFF1F6; }
  :root #overlay .drawer:has(> .body.r6-tf) { top: calc(72px + var(--safe-t, 0px)); bottom: 0; height: auto; max-height: none; border: 0; border-radius: 0; color: #EFF1F6;
    background: radial-gradient(120% 40% at 0% 0%, rgba(255, 255, 255, .055), rgba(255, 255, 255, 0) 55%), #121414; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), 0 -18px 40px -12px rgba(0, 0, 0, .7); }
  :root #overlay .drawer:is(:has(> .body.r6-tv), :has(> .body.r6-tf)) > .grab { display: none; }
  /* the top row: the name at the left, "···" and × side by side at the right, as round glass buttons */
  :root #overlay .drawer:is(:has(> .body.r6-tv), :has(> .body.r6-tf)) > header { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 14px 16px 10px; border: 0; background: none; }
  :root #overlay .drawer:has(> .body.r6-tf) > header { padding: 18px 20px 6px; }
  :root #overlay .drawer:is(:has(> .body.r6-tv), :has(> .body.r6-tf)) > header h2 { flex: 1 1 auto; min-width: 0; margin: 0; overflow: hidden; color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
  :root #overlay .drawer:is(:has(> .body.r6-tv), :has(> .body.r6-tf)) > header :is([data-a="close"], .cvl-more, .dr-back) { all: unset; box-sizing: border-box; flex: none; cursor: pointer; -webkit-tap-highlight-color: transparent; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
    background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); color: #EFF1F6; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); }
  :root #overlay .drawer:is(:has(> .body.r6-tv), :has(> .body.r6-tf)) > header :is([data-a="close"], .cvl-more, .dr-back) svg { width: 18px; height: 18px; }
  :root #overlay .drawer:is(:has(> .body.r6-tv), :has(> .body.r6-tf)) > header :is([data-a="close"], .cvl-more, .dr-back):active { transform: scale(.94); }
  :root #overlay .drawer:is(:has(> .body.r6-tv), :has(> .body.r6-tf)) > header :is([data-a="close"], .cvl-more, .dr-back):focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }

  /* ---------- a transaction: "···", Ignore (with what it means) and Delete in coral, in a card under it ---------- */
  :root #overlay .drawer:has(> .body.r6-tv) > header .cvl-mw { position: relative; flex: none; }
  :root #overlay .drawer:has(> .body.r6-tv) > header .r6-tv-menu { position: absolute; top: 54px; bottom: auto; left: auto; right: 0; z-index: 6; display: flex; flex-direction: column; width: 250px; padding: 6px; border: 1px solid transparent; border-radius: 22px;
    background: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0) 55%) padding-box, linear-gradient(#121414, #121414) padding-box, linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05) 30%, rgba(255, 255, 255, .025) 70%, rgba(255, 255, 255, .06)) border-box;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .8); transform-origin: top right; animation: r6tv-pop .18s ease-out both; }
  :root #overlay .r6-tv-menu .umenu-item { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 0 12px; border-radius: 16px; color: #EFF1F6; text-align: left; }
  :root #overlay .r6-tv-menu .umenu-item svg { flex: none; width: 18px; height: 18px; color: rgba(239, 241, 246, .7); }
  :root #overlay .r6-tv-menu .umenu-item > span { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
  :root #overlay .r6-tv-menu .umenu-item b { font-size: 15px; font-weight: 500; }
  :root #overlay .r6-tv-menu .umenu-item small { color: rgba(239, 241, 246, .5); font-size: 12.5px; }
  :root #overlay .r6-tv-menu .umenu-item.danger { min-height: 50px; border-top: 1px solid rgba(239, 241, 246, .07); border-radius: 0 0 16px 16px; color: #FF8A80; }
  :root #overlay .r6-tv-menu .umenu-item.danger svg { color: #FF8A80; }
  :root #overlay .r6-tv-menu .umenu-item:active { background: rgba(239, 241, 246, .06); }
  :root #overlay .r6-tv-menu .umenu-item:focus-visible { outline: 2px solid #9FD182; outline-offset: -2px; }

  /* ---------- a transaction: the page ---------- */
  :root #overlay .drawer > .body.r6-tv { gap: 0; padding: 14px 16px 150px; background: #070808; color: #EFF1F6; overflow-x: hidden; }
  :root #overlay .r6-tv-gone { margin: 8px 0 0; color: rgba(239, 241, 246, .6); font-size: 15px; line-height: 1.45; }
  /* its drawing in its category's colour, the bank's logo on it; what it was and its category */
  :root #overlay .r6-tv-top { display: flex; align-items: center; gap: 14px; }
  :root #overlay .r6-tv-ico { position: relative; flex: none; display: grid; place-items: center; width: 56px; height: 56px; }
  :root #overlay .r6-tv-ico > .cg { width: 56px; height: 56px; background: color-mix(in srgb, var(--c) 16%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 30%, transparent); }
  :root #overlay .r6-tv-ico > .cg.pic { background: #FFFFFF; box-shadow: none; }
  :root #overlay .r6-tv-ico > .cg svg { width: 24px; height: 24px; stroke-width: 1.9; }
  :root #overlay .r6-tv-ico > .r6-tv-g.plain { background: rgba(239, 241, 246, .07); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .1); color: rgba(239, 241, 246, .9); }
  :root #overlay .r6-tv-ico > .r6-tv-g.in { background: rgba(159, 209, 130, .16); box-shadow: inset 0 0 0 1px rgba(159, 209, 130, .3); color: #9FD182; }
  :root #overlay .r6-tv-ico .bq-op-l { font-size: 20px; font-weight: 500; }
  :root #overlay .r6-tv-bank { position: absolute; right: -4px; bottom: -3px; display: grid; border-radius: 50%; box-shadow: 0 0 0 2.5px #070808; }
  :root #overlay .r6-tv-bank .inst, :root #overlay .r6-tv-bank .inst img { width: 24px; height: 24px; min-width: 24px; border-radius: 50%; font-size: 8px; }
  :root #overlay .r6-tv-what { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  :root #overlay .r6-tv-what b { overflow: hidden; color: #EFF1F6; font-size: 16px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
  :root #overlay .r6-tv-what small { color: rgba(239, 241, 246, .55); font-size: 14px; }
  /* how much: large and light, its cents dimmer */
  :root #overlay .r6-tv-amt { display: block; margin-top: 18px; color: #EFF1F6; font-size: min(52px, 13.4vw); font-weight: 300; letter-spacing: -.045em; line-height: 1; white-space: nowrap; }
  :root #overlay .r6-tv-amt .cents { opacity: 1; color: rgba(239, 241, 246, .42); font-size: .5em; letter-spacing: -.02em; }
  :root #overlay .r6-tv-amt.in { color: #9FD182; }
  :root #overlay .r6-tv-amt.in .cents { color: rgba(159, 209, 130, .6); }
  /* its day and its state */
  :root #overlay .r6-tv-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
  :root #overlay .r6-tv-pill { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 13px; box-sizing: border-box; border-radius: 999px; background: rgba(239, 241, 246, .08); color: #EFF1F6; font-size: 13.5px; font-weight: 500; white-space: nowrap; }
  :root #overlay .r6-tv-pill svg { flex: none; width: 14px; height: 14px; stroke-width: 2.2; }
  :root #overlay .r6-tv-pill i { flex: none; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
  :root #overlay .r6-tv-pill.warn { background: rgba(247, 210, 122, .14); color: #F7D27A; }
  :root #overlay .r6-tv-pill.ok i { background: rgba(239, 241, 246, .55); }
  :root #overlay .r6-tv-pill.off { color: rgba(239, 241, 246, .55); }
  /* the slip: its details printed on it */
  :root #overlay .r6-tv-slip { position: relative; margin-top: 28px; border: 1px solid transparent; border-radius: 28px;
    background: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0) 55%) padding-box, linear-gradient(#121414, #121414) padding-box, linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05) 30%, rgba(255, 255, 255, .025) 70%, rgba(255, 255, 255, .06)) border-box; }
  :root #overlay .r6-tv-defs { display: flex; flex-direction: column; padding: 18px 20px 10px; }
  :root #overlay .r6-tv-defs h3 { margin: 0 0 4px; color: rgba(239, 241, 246, .5); font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
  :root #overlay .r6-tv-def { display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 6px 0; box-sizing: border-box; }
  :root #overlay .r6-tv-def + .r6-tv-def { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root #overlay .r6-tv-k { flex: none; width: 92px; color: rgba(239, 241, 246, .55); font-size: 14px; }
  :root #overlay .r6-tv-m { flex: none; display: grid; place-items: center; width: 24px; height: 24px; color: rgba(239, 241, 246, .7); }
  :root #overlay .r6-tv-m svg { width: 17px; height: 17px; stroke-width: 2; }
  :root #overlay .r6-tv-m .inst, :root #overlay .r6-tv-m .inst img { width: 22px; height: 22px; min-width: 22px; border-radius: 50%; font-size: 8px; }
  :root #overlay .r6-tv-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--c); }
  :root #overlay .r6-tv-def > b { flex: 1 1 auto; min-width: 0; color: #EFF1F6; font-size: 15px; font-weight: 500; line-height: 1.35; overflow-wrap: anywhere; }
  /* the tear: two notches and a dotted line; under it, what the bank sent, folded */
  :root #overlay .r6-tv-tear { position: relative; display: block; height: 22px; }
  :root #overlay .r6-tv-tear i { position: absolute; top: 0; width: 22px; height: 22px; border-radius: 50%; background: #070808; }
  :root #overlay .r6-tv-tear i:nth-child(1) { left: -12px; box-shadow: inset -1px 0 0 rgba(239, 241, 246, .12); }
  :root #overlay .r6-tv-tear i:nth-child(2) { right: -12px; box-shadow: inset 1px 0 0 rgba(239, 241, 246, .12); }
  :root #overlay .r6-tv-tear i:nth-child(3) { left: 22px; right: 22px; top: 10px; width: auto; height: 0; border-radius: 0; border-top: 2px dotted rgba(239, 241, 246, .16); background: none; }
  :root #overlay .r6-tv-fold { display: flex; flex-direction: column; padding: 4px 20px 12px; }
  :root.land #overlay .r6-tv-fold .txv-fold { color: rgba(239, 241, 246, .55); }
  :root.land #overlay .r6-tv-fold .txv-fold:focus-visible { outline-color: #9FD182; }
  :root.land #overlay .r6-tv-fold .txv-said > dl { gap: 10px 12px; }
  :root.land #overlay .r6-tv-fold .txv-said dt { color: rgba(239, 241, 246, .45); font-size: 12.5px; }
  :root.land #overlay .r6-tv-fold .txv-said dd { color: rgba(239, 241, 246, .75); font-family: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace; letter-spacing: .02em; }
  /* at the thumb: Edit, in lime; the page fades under it */
  :root #overlay .drawer:has(> .body.r6-tv) > footer.r6-tv-foot { position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; display: flex; flex-wrap: nowrap; justify-content: flex-end; padding: 60px 20px calc(28px + var(--safe-b, 0px)); border: 0;
    background: linear-gradient(180deg, rgba(7, 8, 8, 0), rgba(7, 8, 8, .92) 55%, #070808); pointer-events: none; }
  :root #overlay .r6-tv-go { all: unset; box-sizing: border-box; pointer-events: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; display: inline-flex; align-items: center; gap: 8px; height: 52px; padding: 0 24px 0 20px; border-radius: 999px;
    background: #9FD182; box-shadow: 0 8px 22px rgba(0, 0, 0, .45); color: #101212; font-size: 15px; font-weight: 500; white-space: nowrap; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); }
  :root #overlay .r6-tv-go svg { flex: none; width: 18px; height: 18px; stroke-width: 2.2; }
  :root #overlay .r6-tv-go:active { transform: scale(.965); }
  :root #overlay .r6-tv-go:focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }

  /* ---------- the filter: under its name, a dot for each of the month's transactions, lit while it stays in ---------- */
  :root #overlay .drawer > .body.r6-tf { gap: 24px; padding: 0 20px 22px; background: none; color: #EFF1F6; overflow-x: hidden; scrollbar-width: none; }
  :root #overlay .drawer > .body.r6-tf::-webkit-scrollbar { display: none; }
  :root #overlay .r6-tf-dots { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-bottom: -6px; }
  :root #overlay .r6-tf-dots:not(.line) > i { width: 9px; height: 9px; border-radius: 50%; background: rgba(239, 241, 246, .14); transition: background .25s ease, box-shadow .25s ease; }
  :root #overlay .r6-tf-dots:not(.line) > i.on { background: #9FD182; box-shadow: 0 0 8px rgba(159, 209, 130, .55); }
  :root #overlay .r6-tf-dots.line { flex-wrap: nowrap; gap: 10px; }
  :root #overlay .r6-tf-dots.line > span { flex: 1 1 auto; height: 6px; overflow: hidden; border-radius: 999px; background: rgba(239, 241, 246, .14); }
  :root #overlay .r6-tf-dots.line > span > i { display: block; height: 100%; border-radius: inherit; background: #9FD182; box-shadow: 0 0 8px rgba(159, 209, 130, .55); transition: width .25s ease; }
  :root #overlay .r6-tf-dots.line small { flex: none; color: rgba(239, 241, 246, .55); font-size: 12.5px; }
  /* every choice a button to touch; the chosen one muted white */
  :root #overlay .r6-tf-sec { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
  :root #overlay .r6-tf-sec h3 { margin: 0; color: rgba(239, 241, 246, .6); font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; }
  :root #overlay .r6-tf-chs { display: flex; flex-wrap: wrap; gap: 8px; }
  :root #overlay .r6-tf-ch { all: unset; box-sizing: border-box; touch-action: manipulation; -webkit-user-select: none; user-select: none; cursor: pointer; -webkit-tap-highlight-color: transparent; display: inline-flex; align-items: center; gap: 8px; max-width: 100%; height: 44px; padding: 0 16px; border-radius: 999px;
    background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; font-size: 14px; font-weight: 500; white-space: nowrap; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25), background .2s ease, color .2s ease; }
  :root #overlay .r6-tf-ch > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  :root #overlay .r6-tf-ch[aria-pressed="true"] { background: #D9DCE1; box-shadow: none; color: #101212; font-weight: 500; }
  :root #overlay .r6-tf-ch:active { transform: scale(.965); }
  :root #overlay .r6-tf-ch:focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  :root #overlay .r6-tf-note { margin: 0; color: rgba(239, 241, 246, .5); font-size: 12.5px; line-height: 1.4; }
  /* the category: its drawing on a circle of its colour */
  :root #overlay .r6-tf-ch:has(> .r6-tf-ci) { padding-left: 12px; }
  :root #overlay .r6-tf-ci { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: color-mix(in srgb, var(--c) 18%, transparent); color: var(--c); }
  :root #overlay .r6-tf-ci svg { width: 14px; height: 14px; stroke-width: 2.1; }
  :root #overlay .r6-tf-ch[aria-pressed="true"] > .r6-tf-ci { background: rgba(7, 8, 8, .16); color: #101212; }
  :root #overlay .r6-tf-subs { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; padding-left: 14px; border-left: 2px solid color-mix(in srgb, var(--c) 50%, transparent); }
  :root #overlay .r6-tf-in { color: rgba(239, 241, 246, .6); font-size: 13px; font-weight: 500; }
  :root #overlay .r6-tf-subs .r6-tf-ch { padding: 0 15px; }
  /* the account: its bank's logo */
  :root #overlay .r6-tf-bank { flex: none; display: grid; margin-left: -8px; }
  :root #overlay .r6-tf-bank .inst, :root #overlay .r6-tf-bank .inst img { width: 26px; height: 26px; min-width: 26px; border-radius: 50%; font-size: 9px; }
  /* the month: before and after in one glass pill, every month beside it (under it on a narrow phone) */
  :root #overlay .r6-tf-mrow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  :root #overlay .r6-tf-mon { flex: 1 1 190px; min-width: 0; display: flex; align-items: center; justify-content: space-between; height: 44px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); }
  :root #overlay .r6-tf-mon b { min-width: 0; overflow: hidden; color: #EFF1F6; font-size: 15px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
  :root #overlay .r6-tf-mrow > .r6-tf-ch { flex: none; }
  :root #overlay .r6-tf-arrow { all: unset; box-sizing: border-box; flex: none; cursor: pointer; -webkit-tap-highlight-color: transparent; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: #EFF1F6; }
  :root #overlay .r6-tf-arrow svg { width: 16px; height: 16px; stroke-width: 2.2; }
  :root #overlay .r6-tf-arrow:disabled { color: rgba(239, 241, 246, .28); cursor: default; }
  :root #overlay .r6-tf-arrow:focus-visible { outline: 2px solid #9FD182; outline-offset: -2px; }
  /* the day: the month's days in a row that slides, the latest first; a lime dot where something was recorded */
  :root #overlay .r6-tf-days { display: flex; gap: 8px; margin: 0 -20px; padding: 0 20px 2px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
  :root #overlay .r6-tf-days::-webkit-scrollbar { display: none; }
  :root #overlay .r6-tf-days > .r6-tf-ch { flex: none; height: 60px; padding: 0 18px; border-radius: 20px; }
  :root #overlay .r6-tf-day { all: unset; box-sizing: border-box; touch-action: manipulation; cursor: pointer; -webkit-tap-highlight-color: transparent; flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 52px; height: 60px; border-radius: 20px;
    background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); }
  :root #overlay .r6-tf-day small { font-size: 11.5px; opacity: .72; }
  :root #overlay .r6-tf-day b { font-size: 15px; font-weight: 500; }
  :root #overlay .r6-tf-day i { width: 4px; height: 4px; border-radius: 50%; background: transparent; }
  :root #overlay .r6-tf-day i.on { background: #9FD182; }
  :root #overlay .r6-tf-day[aria-pressed="true"] { background: #D9DCE1; box-shadow: none; color: #101212; }
  :root #overlay .r6-tf-day[aria-pressed="true"] i.on { background: #101212; }
  :root #overlay .r6-tf-day:active { transform: scale(.96); }
  :root #overlay .r6-tf-day:focus-visible { outline: 2px solid #9FD182; outline-offset: -2px; }
  /* at the foot: Clear and how many are left, in lime */
  :root #overlay .drawer:has(> .body.r6-tf) > footer.r6-tf-foot { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding: 14px 20px calc(28px + var(--safe-b, 0px)); border-top: 1px solid rgba(239, 241, 246, .07); background: none; }
  :root #overlay :is(.r6-tf-clear, .r6-tf-see) { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: block; min-width: 0; height: 52px; padding: 0 22px; overflow: hidden; border-radius: 999px; font-size: 15px; font-weight: 500; line-height: 52px; text-align: center; text-overflow: ellipsis; white-space: nowrap;
    transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); }
  :root #overlay .r6-tf-clear { background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
  :root #overlay .r6-tf-clear:disabled { color: rgba(239, 241, 246, .35); cursor: default; }
  :root #overlay .r6-tf-see { padding: 0 18px; background: #9FD182; box-shadow: 0 8px 22px rgba(0, 0, 0, .45); color: #101212; }
  :root #overlay :is(.r6-tf-clear:not(:disabled), .r6-tf-see):active { transform: scale(.965); }
  :root #overlay :is(.r6-tf-clear, .r6-tf-see):focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }

  /* ---------- on the list behind it (the owner's Transactions, look-r6-tx.css) ---------- */
  /* the filter's button: muted white while filters are on, how many on a black dot */
  :root.r6.r6-pg .r6-dock #tx-filters-btn.go { background: #D9DCE1; box-shadow: 0 8px 22px rgba(0, 0, 0, .45); color: #101212; }
  :root.r6.r6-pg .r6-dock #tx-filters-btn.go .r6-n { background: #070808; color: #EFF1F6; }
  /* what is applied, under the month's name, clear of it */
  :root.r6.r6-pg .r6-tx .txl-on { margin: 0; color: rgba(239, 241, 246, .55); font-size: 13.5px; line-height: 1.4; }
  /* nothing left: a dashed card, its line at 22 px, the clearing in lime */
  :root.r6.r6-pg .r6-tx .txl-none { gap: 6px; margin-top: 6px; padding: 24px 20px 22px; border: 1px dashed rgba(239, 241, 246, .16); border-radius: 32px; }
  :root.r6.r6-pg .r6-tx .txl-none b { color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; line-height: 1.2; }
  :root.r6.r6-pg .r6-tx .txl-none span { color: rgba(239, 241, 246, .6); font-size: 15px; line-height: 1.45; }
  :root.r6.r6-pg .r6-tx .txl-none .btn.sm { display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; padding: 0 20px; border: 0; border-radius: 999px; background: #9FD182;
    box-shadow: none; color: #101212; font-size: 15px; font-weight: 500; }

  @keyframes r6tv-pop { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: none; } }
  @media (prefers-reduced-motion: reduce) {
    :root #overlay .drawer:has(> .body.r6-tv) > header .r6-tv-menu { animation: none; }
    :root #overlay :is(.r6-tv-go, .r6-tf-ch, .r6-tf-day, .r6-tf-clear, .r6-tf-see, .r6-tf-dots i), :root #overlay .drawer:is(:has(> .body.r6-tv), :has(> .body.r6-tf)) > header :is([data-a="close"], .cvl-more, .dr-back) { transition: none; }
  }
}