/* GovHub staff console v18d: Hazard alerts spacing - 16/24px rhythm, underline tabs (same as Settings), segmented filter pills in the card header,
   top-aligned Test card, equal gutters, "Last check" + auto-send explanation, logged-row reasons. Styling only. */
.ax .hz-now{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ax .hz-last{font-size:12.5px;color:var(--a-mut);white-space:nowrap}
.ax .hz-last__t{opacity:.85}
.ax .hz-stat{margin:0 0 8px}
.ax .hz-expl{margin:0 0 16px;font-size:12.5px;line-height:1.5;color:var(--a-mut);max-width:880px}
/* tabs: plain underline bar, no box (matches Admin > Settings) */
.ax .hz-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 24px;padding:0;border:0;border-bottom:1px solid var(--a-line);border-radius:0;background:none;box-shadow:none}
.ax .hz-tabs button{height:auto;margin:0 0 -1px;padding:8px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;box-shadow:none;font-size:13px;font-weight:600;color:var(--a-mut);cursor:pointer}
.ax .hz-tabs button:hover{color:var(--a-ink)}
.ax .hz-tabs button.on{color:var(--a-acc);border-bottom-color:var(--a-acc);background:none;box-shadow:none}
/* two columns with one 24px gutter; both cards start on the same line */
.ax .hz-lay{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;margin:0}
.ax .hz-main{flex:999 1 760px;min-width:0}
.ax .hz-side{flex:1 1 300px;min-width:0;max-width:100%}
.ax .hz-main>*:first-child,.ax .hz-side>*:first-child,.ax .hz-main>.hz-hist>.card,.ax .hz-side .card{margin-top:0}
.ax .hz-main .card,.ax .hz-side .card{padding:16px}
.ax .hz-main .card+.card,.ax .hz-main form+form{margin-top:24px}
/* Alert history header: title left, segmented filter pills right (wraps under on narrow widths), no inner box */
.ax .hz-hist .card__h{flex-wrap:wrap;align-items:flex-start;gap:12px 16px;margin:0 0 16px}
.ax .hz-hist .card__h>div:first-child{flex:1 1 260px;min-width:0}
.ax .hz-flt{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:0;border-radius:999px;background:var(--a-panel2);flex:none}
.ax .hz-flt button{height:28px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--a-mut);font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center}
.ax .hz-flt button:hover{color:var(--a-ink)}
.ax .hz-flt button.on{background:var(--a-panel);color:var(--a-ink);box-shadow:0 1px 2px rgba(15,23,42,.12),0 0 0 1px var(--a-line)}
.ax .hz-hist .tblw{margin:0}
/* reason line under each alert */
.ax .hz-tbl .hz-t small.hz-why{margin-top:4px;font-size:11.5px;color:var(--a-mut);font-style:italic}
.ax .hz-tbl .hz-t small.hz-why--sent{font-style:normal;color:#15803d}
.ax .hz-tbl .hz-t small.hz-why--pending{font-style:normal;color:#b45309}
.ax .hz-test .card__h{margin:0 0 12px}
@media (max-width:1100px){.ax .hz-hist .card__h>div:first-child{flex-basis:100%}}
/* v18e: tab panels are just their cards (no fieldset frame), field helper text, masked key without a password field, cleared alerts */
.ax .hz-form fieldset{border:0;padding:0;margin:0;min-width:0;min-inline-size:0}
.ax .hz-form fieldset>.card{margin-top:0}
.ax .hz-help{display:block;margin-top:4px;font-size:.76rem;line-height:1.35}
.ax .hz-secret{-webkit-text-security:disc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.ax .hz-st--cleared{text-decoration:line-through;opacity:.85}
.ax .hz-why--cleared{color:var(--mut,#64748b)}
.ax tr[data-hz] .hz-act .hz-clr{color:#b42318}