/* Priority on the row, option B (Drew, 2026-11-10: "Priority should highlight the task on the list"; picked B, tinted row;
   spec proposals/priority.html). Levels as stored (0004): 0 none = nothing, 1 low, 2 medium, 3 high.
   The tint is a translucent layer (background-image) over whatever the row's own background is, so it works on the page,
   inside cards, in the lifted copy of the to-do menu and while dragging. No size changes: rows keep their height.
   Overdue dates stay legible: the tints are kept low (contrast of the red date on a High row checked >= 4.5:1, dark + light),
   and the dividers next to a tinted row are hidden so it reads as one band. Done rows drop the tint. */
:root { --pri1: #2F7BEA; --pri2: #D97F00; --pri3: #E5383B; --pri1a: 7%; --pri2a: 10%; --pri3a: 9%; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --pri1: #71B2FF; --pri2: #FBA441; --pri3: #FF5A5D; --pri1a: 9%; --pri2a: 11%; --pri3a: 13%; } }
:root[data-theme="dark"] { --pri1: #71B2FF; --pri2: #FBA441; --pri3: #FF5A5D; --pri1a: 9%; --pri2a: 11%; --pri3a: 13%; }

.pri.p1 { --pc: var(--pri1); --pa: var(--pri1a); } .pri.p2 { --pc: var(--pri2); --pa: var(--pri2a); } .pri.p3 { --pc: var(--pri3); --pa: var(--pri3a); }
.trow.pri.p1, .trow.pri.p2, .trow.pri.p3, .ds-row.pri.p1, .ds-row.pri.p2, .ds-row.pri.p3 {
  background-image: linear-gradient(color-mix(in srgb, var(--pc) var(--pa), transparent), color-mix(in srgb, var(--pc) var(--pa), transparent)); }
.trow.pri.done, .ds-row.pri.done { background-image: none; }
/* the checkbox ring takes the level colour (the date line keeps saying overdue) */
.trow.pri:not(.done) > .box, .ds-row.pri .ds-box { box-shadow: inset 0 0 0 2px var(--pc); }
/* one band: no hairline on or right under a tinted row */
.trow.pri::before, .trow-wrap:has(> .trow.pri) + .trow-wrap > .trow::before,
.ds-row.pri::before, .ds-row.pri + .ds-row::before { display: none; }
/* to-do menu › Priority: each pick shows its tint */
.pri-sw { display: block; width: 14px; height: 14px; border-radius: 4.5px; box-shadow: inset 0 0 0 1.6px var(--pc); background: color-mix(in srgb, var(--pc) calc(var(--pa) * 2.2), transparent); }
.pri-sw.p0 { --pc: var(--ink22); --pa: 0%; }