/* Next build after 26 Oct (Q791-Q797): web screen changes, loaded last */

/* Q792 (Sam 26 Oct 07:24 "finalize d as for all interfaces"): the red and amber VALUE text flickers on the Live pop-up (Live tab), Watch,
   Real-Time and Live all only; no other screen. Live pop-up and Watch: #lvpb on its Live tab (c49 values, table cells t33, diagram t33s,
   Tripped / On cells r48, ignition failures); Real-Time: a tile value with an open alert (al) or amber water loss (wlz); Live all: the
   table's c-r / c-a cells. A value's one-time change flash (lvflash / rtflash) plays first. */
/* Q802 (Sam 26 Oct 12:41): one flicker on every interface, its own name so the diagram flame's "flick" (app.css) keeps its own movement.
   Q810 (Sam 26 Oct 16:42, option B "Bold longer" on every interface): bold about 1.9 s, light about 0.6 s of each 2.5 s */
@keyframes flick802{75%{opacity:.35}}
html body #lvpb[data-ptab="live"] :is(.c49-warn,.c49-crit,.t33s.c-r,.t33s.c-a,td.r48,.f48.bad .v48):not(.lvflash .chg):not(#z792),
html body #lvpb[data-ptab="live"] td.t33:is(.c-r,.c-a):not(:has(.c49-warn,.c49-crit)):not(#z792),
html body #rtgrid .rt-c:is(.al,.wlz) b:not(.rtflash .rt-c.chg b):not(#z792),
html body main.la .la-t td:is(.c-r,.c-a):not(#z792){animation:flick802 2.5s step-end infinite}
@media (prefers-reduced-motion:reduce){
	html body #lvpb[data-ptab="live"] :is(.c49-warn,.c49-crit,.t33s.c-r,.t33s.c-a,td.r48,.f48.bad .v48):not(.lvflash .chg):not(#z792),
	html body #lvpb[data-ptab="live"] td.t33:is(.c-r,.c-a):not(:has(.c49-warn,.c49-crit)):not(#z792),
	html body #rtgrid .rt-c:is(.al,.wlz) b:not(.rtflash .rt-c.chg b):not(#z792),
	html body main.la .la-t td:is(.c-r,.c-a):not(#z792){animation:none}
}

/* Q800 (Sam 26 Oct 12:12-12:17 "yes", "all screens using flicker"): blue (too low) values flicker too, the same way as red and amber:
   Live pop-up and Watch (c49 cold / cool values, blue table cells, cold apartment chips, and the Apt avg tile coloured against DIT) and Live all (blue cells). */
html body #lvpb[data-ptab="live"] :is(.c49-cold,.c49-cool,.t33s.c-b,.t33s.c-lb):not(.lvflash .chg):not(#z800),
html body #lvpb[data-ptab="live"] td.t33:is(.c-b,.c-lb):not(:has(.c49-cold,.c49-cool)):not(#z800),
html body #lvpb[data-ptab="live"] .s48:is(.cold,.c-b,.c-lb,.tn48.c-r,.tn48.c-a) .v48:not(#z800),
html body main.la .la-t td:is(.c-b,.c-lb):not(#z800){animation:flick802 2.5s step-end infinite}
@media (prefers-reduced-motion:reduce){
	html body #lvpb[data-ptab="live"] :is(.c49-cold,.c49-cool,.t33s.c-b,.t33s.c-lb):not(.lvflash .chg):not(#z800),
	html body #lvpb[data-ptab="live"] td.t33:is(.c-b,.c-lb):not(:has(.c49-cold,.c49-cool)):not(#z800),
	html body #lvpb[data-ptab="live"] .s48:is(.cold,.c-b,.c-lb,.tn48.c-r,.tn48.c-a) .v48:not(#z800),
	html body main.la .la-t td:is(.c-b,.c-lb):not(#z800){animation:none}
}

/* Q810 (Sam 26 Oct 16:41 "water loss must also flicker"): a water meter row red at 50 gal or more (Water loss, rb48.c on the Live pop-up
   and Watch) shows its value red like Feed, and it flickers. */
html body #lvpb .lv48 .rb48.m48.c .val > span:first-child:not(.c49):not(#z810){color:var(--crit)}
html body #lvpb[data-ptab="live"] .rb48.m48.c .val > span:first-child:not(.lvflash .chg):not(#z810){animation:flick802 2.5s step-end infinite}
@media (prefers-reduced-motion:reduce){
	html body #lvpb[data-ptab="live"] .rb48.m48.c .val > span:first-child:not(.lvflash .chg):not(#z810){animation:none}
}