/* 26 Oct build (weba): web styles of Q745, Q764 and Q770 (prototype v361, proto_s51.css) */

/* ---------- Q745 FINAL (Sam 24 Oct 18:20 "A"): the alert icons are filled (n25.js); the line marks a little thicker; the CO badge solid with
   white letters ---------- */
html body .i25 svg:not(#z703):not(#z745){stroke-width:2.4}
html body .i25 .i25co:not(#z703):not(#z745){background:currentColor;border-color:currentColor;-webkit-text-fill-color:#fff}

/* ---------- Q764 (Sam 25 Oct 08:49-08:55): on the main Alerts screen (All alerts, Open alerts, Alert history; single rows and group heads)
   the alert name sits on a light background in its own severity colour, the same as the severity pills; radius 6, padding 2px 10px, navy,
   1.1em (v358 Q704). Not in the Live pop-up. ---------- */
html body .nm764:not(#z47):not(#z48):not(#z704):not(#z764){display:inline-flex;align-items:center;padding:2px 10px;border-radius:6px;color:#1e3a8a!important;font-size:1.1em!important}
html body .nm764.s764-crit:not(#z764){background:#f8e1de} html body .nm764.s764-warn:not(#z764){background:#fbefd7} html body .nm764.s764-info:not(#z764){background:#e0ecf6}
html body #lvp .nm764:not(#z47):not(#z48):not(#z704):not(#z764){background:none;padding:0;display:inline}

/* ---------- Q770 (Sam 25 Oct 09:39-09:43): "Re-opened: N" keeps to one line, the same look as Open ---------- */
.pill.b22{white-space:nowrap}

/* ---------- Q777 FINAL (Sam 25 Oct 11:54-12:07, samples-25oct/alert-details-layout.html): the Alert details pop-up, open and resolved, the same
   wherever it opens. Font sizes as before (Sam 12:22 "reduce font size back to what it was"); open alert: its title on the left of the top bar,
   Messages + a smaller note box + Add note + Close alert on the right (Sam 12:22); resolved alert: tabs, Messages, note left, Close right; 60 / 40 split, each section in its own box with a light blue header and black text; table column headers bold black with no
   background. Light blue headers in this pop-up only. ---------- */
html body .ad74-acts.ad77-acts:not(#z777){gap:10px}
html body .ad77-acts .n1-note:not(#z777){flex:0 1 460px;min-width:0}
html body .ad77-acts .ad77-sp{flex:1}
html body .ad77-acts .dtb22.ad77-tb:not(#z777){border:0;margin:0}
html body .ad77-acts .dtb22.ad77-tb button:not(#z777){border:1px solid var(--line);border-radius:8px;margin:0;padding:6px 14px}
html body .ad77-acts .dtb22.ad77-tb button.rs22.on:not(#z777){background:#dcf3e4;border-color:#a7dcb9;color:#15803d}
html body .ad77-acts .dtb22.ad77-tb button.rs22.gy22.on:not(#z777){background:#eef0f3;border-color:#cfd5dd;color:#4b5563}
html body .ad74.ad77:not(#z777){display:grid;gap:16px}
html body .ad74.ad77.ad77-res:not(#z777){gap:28px}
html body .ad77-acts.ad77-ttl .ad74-t1:not(#z777){margin:0;flex:0 1 auto;min-width:0}
html body .ad77 .ad74-meta:not(#z777){margin:4px 0 0}
html body .ad77 .ad74-tr:not(#z777){border:0;padding:0;margin-top:8px}
html body .ad77-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:start}
html body .ad77-col{display:grid;gap:16px;min-width:0}
html body .ad77-res .ad77-col{gap:24px}
html body .ad77 .ad77-b:not(#z777){border:1px solid var(--line,#d5dde8);border-radius:10px;overflow:hidden;min-width:0;margin:0;padding:0}
html body .ad77 .ad77-h:not(#z777){margin:0;background:#dbe8f6;color:#111;font-size:16px;font-weight:600;padding:9px 14px;border:0;border-bottom:1px solid var(--line,#d5dde8);letter-spacing:0;text-transform:none}
html body .ad77 .ad77-in:not(#z777){padding:12px 14px;display:grid;gap:10px}
html body .ad77-res .ad77-in:not(#z777){padding:16px}
html body .ad77 .ad77-in .ad74-p:not(#z777),html body .ad77 .ad77-in .ad74-h5:not(#z777){margin:0}
html body .ad77 .ad74-t:not(#z777){margin:0}
html body .ad77 .ad74-t thead th:not(#z47):not(#z48):not(#z777){background:none!important;color:#111!important;font-weight:600}
html body .ad77 .ad74-ol:not(#z777){margin:0;padding-left:22px;display:grid;gap:6px}
html[data-mode="dark"] body .ad77 .ad77-h:not(#z777){background:#22365e;color:#e6ebf7}
html[data-mode="dark"] body .ad77 .ad74-t thead th:not(#z47):not(#z48):not(#z777){color:var(--fg)!important}
@media (max-width:860px){html body .ad77-split{grid-template-columns:1fr}}
html body .ad77 .ad74-t:not(#z777) :is(th,td):not(#z47):not(#z48):not(#z777){border:1px solid var(--line,#d5dde8)!important}
html body .ad77 .ad74-t tr.ad77-me td:not(#z777){background:#fff7e0}
html[data-mode="dark"] body .ad77 .ad74-t tr.ad77-me td:not(#z777){background:#3a3220}