/* pages module: Alerts and Change log. Every class starts with .pg- */
/* alerts page */
.pg-strip { display: block; width: 100%; height: auto; margin: 2px 0 14px; }
.pg-strip .ax { stroke: var(--hair); stroke-width: 1; }
.pg-strip .tk { stroke: var(--hair); }
.pg-strip .tl { font-size: 11px; fill: var(--muted); }
.pg-strip .now { stroke: var(--info); stroke-dasharray: 3 3; }
.pg-strip .nowl { font-size: 11px; fill: var(--info); font-weight: 600; }
.pg-strip .ml { font-size: 11.5px; font-weight: 600; fill: var(--ink); }
.pg-who { display: grid; gap: 10px; }
.pg-who > div { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 2px 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--hair); border-radius: var(--r-md); }
.pg-who b { font-size: 13.5px; font-weight: 600; }
.pg-who span.pg-wd { grid-column: 2; font-size: 12.5px; color: var(--muted); }
.pg-who .pg-wn { grid-row: 1 / span 2; grid-column: 3; align-self: center; font-size: 26px; font-weight: 700; letter-spacing: -.02em; }
.pg-who .tico { grid-row: 1 / span 2; align-self: center; }
.pg-who b { grid-column: 2; grid-row: 1; }
.pg-who span.pg-wd { grid-row: 2; }
.pg-al { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.pg-al > * { min-width: 0; }
@media (max-width: 1100px) { .pg-al { grid-template-columns: minmax(0, 1fr); } }
/* change log */
.pg-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 36px 16px; text-align: center; color: var(--muted); }
.pg-empty b { color: var(--ink); font-weight: 600; font-size: 14px; }
.pg-empty span { font-size: 13px; }
.pg-log td { vertical-align: middle; }
.pg-log .pg-what { font-weight: 600; white-space: nowrap; }
.pg-log .diff s, .pg-log .diff b { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom; }