/* GovHub staff console v18b: Hazard alerts page alignment (status pills, alert history table, Test card, responsive layout). Styling only. */
.ax .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 1. status pills under "Check now" */
.ax .hz-stat{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 16px}
.ax .hz-pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--a-line);background:var(--a-panel);color:var(--a-ink);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;box-sizing:border-box}
.ax .hz-pill:before{content:"";width:8px;height:8px;border-radius:50%;flex:none;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.18)}
.ax .hz-pill--on:before{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.16)}
.ax .hz-pill--warn{border-color:rgba(217,119,6,.35)}
.ax .hz-pill--warn:before{background:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.18)}
.ax .hz-pill--bad{border-color:rgba(220,38,38,.35)}
.ax .hz-pill--bad:before{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.16)}
.ax .hz-pill--off{color:var(--a-mut)}
.ax .hz-tabs{margin-bottom:14px}
/* layout: Test card beside the table when there is room, otherwise under it */
.ax .hz-lay{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px}
.ax .hz-main{flex:999 1 720px;min-width:0}
.ax .hz-side{flex:1 1 300px;min-width:0}
/* 2/3. alert history table */
.ax .hz-tbl{table-layout:fixed;width:100%;min-width:640px}
.ax .hz-tbl col.hz-c-ic{width:52px}.ax .hz-tbl col.hz-c-lv,.ax .hz-tbl col.hz-c-st,.ax .hz-tbl col.hz-c-dl{width:112px}.ax .hz-tbl col.hz-c-act{width:132px}
.ax .hz-tbl th,.ax .hz-tbl td{vertical-align:middle;text-align:left}
.ax .hz-tbl td{padding-top:12px;padding-bottom:12px}
.ax .hz-tbl th.hz-act,.ax .hz-tbl td.hz-act{text-align:right}
.ax .hz-tbl td.hz-ic{padding-right:0}
.ax .hz-tbl .hz-t{overflow-wrap:anywhere;word-break:normal}
.ax .hz-tbl .hz-t b{display:block;line-height:1.35}
.ax .hz-tbl .hz-t small{display:block;margin-top:3px;font-size:12px;line-height:1.45}
.ax .hz-tbl .hz-t small a{font-size:inherit;color:inherit;text-decoration:underline}
.ax .hz-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.ax .hz-cell .tag{height:22px;box-sizing:border-box;padding:0 9px;font-size:11.5px;line-height:1}
.ax .hz-cell small{font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ax .hz-dl{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.35;color:var(--a-mut);white-space:nowrap}
.ax .hz-dl b{color:var(--a-ink);font-weight:600;font-variant-numeric:tabular-nums}
.ax .hz-act>div{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ax .hz-act .btn{min-width:104px;justify-content:center;margin:0}
@media (max-width:1180px){.ax .hz-tbl col.hz-c-lv,.ax .hz-tbl col.hz-c-st,.ax .hz-tbl col.hz-c-dl{width:100px}.ax .hz-tbl col.hz-c-act{width:124px}.ax .hz-act .btn{min-width:98px}}
/* Test card: form row never wider than the card */
.ax .hz-test .fgrid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.ax .hz-test .fgrid>div{min-width:0}
.ax .hz-test select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.ax .hz-test .card{overflow:hidden}
.ax .hz-cell .tag.plain:before{display:block;background:#94a3b8;opacity:1}
.ax .hz-act .btn--ghost{border:1px solid var(--a-line);background:var(--a-panel)}
.ax .hz-act .btn--ghost:hover{background:var(--a-panel2)}