/* Priority belongs to the button; progress belongs to the card. */
.card>.card-row .card-actions .priority-flag.p1{background:rgba(220,64,64,.22)!important;color:#bf2424!important}
.card>.card-row .card-actions .priority-flag.p2{background:rgba(236,190,38,.24)!important;color:#9b7300!important}
.card>.card-row .card-actions .priority-flag.p3{background:rgba(64,132,232,.21)!important;color:#2869c7!important}
body.dark .card>.card-row .card-actions .priority-flag.p1{color:#ff7e7e!important}
body.dark .card>.card-row .card-actions .priority-flag.p2{color:#ffe070!important}
body.dark .card>.card-row .card-actions .priority-flag.p3{color:#85b7ff!important}
.card.v33-complete{background:rgba(46,170,100,.22)!important;border:3px solid rgba(35,145,80,.82)}
.card.v33-inprogress{background:rgba(236,190,38,.24)!important;border:3px solid rgba(190,145,0,.82)}
.card>.card-row .card-actions .priority-flag[data-mark="complete"],
.card>.card-row .card-actions .priority-flag[data-mark="inprogress"]{background:var(--v31-control-bg,var(--surface-2))!important}
.card>.card-row .card-actions .priority-flag[data-mark="complete"],
.card>.card-row .card-actions .priority-flag[data-preview="complete"]{color:#168644!important}
.card>.card-row .card-actions .priority-flag[data-mark="inprogress"],
.card>.card-row .card-actions .priority-flag[data-preview="inprogress"]{color:#a87800!important}
body.dark .card>.card-row .card-actions .priority-flag[data-mark="complete"],
body.dark .card>.card-row .card-actions .priority-flag[data-preview="complete"]{color:#55d88c!important}
body.dark .card>.card-row .card-actions .priority-flag[data-mark="inprogress"],
body.dark .card>.card-row .card-actions .priority-flag[data-preview="inprogress"]{color:#ffe070!important}
.card>.card-row .card-actions .priority-flag[data-preview="complete"]:hover{background:rgba(46,170,100,.22)!important}
.card>.card-row .card-actions .priority-flag[data-preview="inprogress"]:hover{background:rgba(236,190,38,.24)!important}
.subtask-indicator{white-space:nowrap}
/* The held modifier previews the next action, even on a differently marked task. */
.card>.card-row .card-actions .priority-flag[data-preview="complete"]{color:#168644!important}
.card>.card-row .card-actions .priority-flag[data-preview="inprogress"]{color:#a87800!important}
body.dark .card>.card-row .card-actions .priority-flag[data-preview="complete"]{color:#55d88c!important}
body.dark .card>.card-row .card-actions .priority-flag[data-preview="inprogress"]{color:#ffe070!important}