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

/* Q787 (Sam 25 Oct 14:53): Alerts dashboard day heading, the building day's span after the date in grey */
html body .at21-sh h4 .at787:not(#z787){color:#6b7280;font-weight:400}
html[data-mode="dark"] body .at21-sh h4 .at787:not(#z787){color:var(--muted)}

/* Q788 (Sam 25 Oct 14:57): Alerts dashboard, the alert time ("7:15 PM") is plain text, no grey background */
html body .at21-meta .at21-t:not(#z788){background:none!important}

/* Q778 (Sam 25 Oct 12:28): Timeline status bar text black and bold (was white) */
html body .bd97.tk22b span:not(#z778){color:#000!important;font-weight:800;text-shadow:none}
/* Q785 (Sam 25 Oct 14:26): "Boiler firing" on the red bar black and bold (was white) */
html body .fr41.fr22 span:not(#z785){color:#000!important;font-weight:800}

/* Q779 (Sam 25 Oct 12:38): Today's history never scrolls, open and resolved; text wraps and the row grows */
html body .ad74-sc.ad779:not(#z779){overflow:visible}
html body .ad74-t.ad779-t:not(#z779){width:100%;table-layout:auto}
html body .ad74-t.ad779-t:not(#z779) :is(th,td):not(#z47):not(#z48):not(#z779){white-space:normal;overflow-wrap:anywhere}

/* Q783 (Sam 25 Oct 12:50-12:51): the Resolved cell, resolved = light green with dark green bold text; Still open / Open = bold red, background as it is */
html body .ad74-t tr td.ad783-ok:not(#z47):not(#z48):not(#z777):not(#z783){background:#dcfce7;color:#14532d;font-weight:700}
html body .ad74-t tr td.ad783-op:not(#z47):not(#z48):not(#z777):not(#z783){color:#b91c1c;font-weight:700}
html[data-mode="dark"] body .ad74-t tr td.ad783-ok:not(#z47):not(#z48):not(#z777):not(#z783){background:#14532d;color:#bbf7d0}
html[data-mode="dark"] body .ad74-t tr td.ad783-op:not(#z47):not(#z48):not(#z777):not(#z783){color:#f87171}

/* Q781 (Sam 25 Oct 12:42): Anagha AI trend pop-ups at the Alert details size; the charts use the pop-up's whole width */
html body .swal2-popup.ad50.ai781 .ch37:not(#z781){width:100%;max-width:none;overflow:visible}
html body .swal2-popup.ad50.ai781 .ch37 svg:not(#z781){width:100%!important;max-width:none!important;max-height:none!important}

/* Q782 (Sam 25 Oct 12:44): Metrics, the closed Buildings picker took part in the page height (its list stays laid out inside a closed <details>),
   so the report box was cut to its 160px minimum; closed, the list is not laid out at all and the box fills to the bottom */
html body details.mt-bp:not([open]) > .mt-bpp:not(#z782){display:none!important}

/* Q780 (Sam 25 Oct 12:39): Buildings, the table scrolls inside its box with the header row fixed (blFit780 sizes the box) */
html body main .card.scroll.bl780:not(#z780){overflow:auto!important}
html body main .card.scroll.bl780 table.bl-t thead th:not(#z780){z-index:3}
html body main.page:has(> .card.scroll.bl780):not(#z780){padding-bottom:8px!important}

/* Q786 (Sam 25 Oct 14:40-14:47, mock-up v3 samples-25oct/alerts-child-indent.html): Alerts screen.
   Grouped alerts only: the inner dashed bar with its dots sits under the group's alert icon, each building row's checkbox moves left into
   the alert checkboxes' column, and the building rows hang further right under the alert name; the time label keeps its column. */
html body .at21-grp > .at21-kids:not(#z786){margin-left:53px}
html body .at21-grp .at21-kid > .ck28:not(#z786){transform:translateX(-78px)}
html body .at21-grp .at21-kid > .at21-nd:not(#z22):not(#z786){left:-235px}
/* every row: a shorter time bar with clear space before Live / Details; the duration at its end in grey */
html body .at21-r > .at21-meta:not(#z786){padding-right:110px;box-sizing:border-box}
html body .at21-meta .at21-so:not(#z786){color:#6b7280!important;font-weight:500!important}
html[data-mode="dark"] body .at21-meta .at21-so:not(#z786){color:var(--muted)!important}
/* a little more space between two alerts */
html body .at21-list > .at21-ti + .at21-ti:not(#z786){margin-top:14px}