/* 预警页（阶段 2）：沿用 index.html 的海报规范，只补页面私有的几处；选择器带 #alerts 或 .al- 前缀，只用 tokens。 */
#alerts .stack.al{gap:36px}
#alerts input[type=date]{height:32px;padding:0 10px;min-width:150px;border:1px solid var(--line-3);border-radius:0;background:var(--bg);color:var(--ink);font-size:var(--fs-s);font-weight:500}
#alerts input[type=date]:hover{border-color:var(--ink-3)}
#alerts input[type=date]:focus{outline:none;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#alerts input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75}
.al-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.al-filters{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;padding:10px 0 12px}
.al-filters .chips+.chips{border-left:1px solid var(--line);padding-left:18px}
#alerts tr.al-day td{padding-top:14px;padding-bottom:4px;font-size:var(--fs-xs);color:var(--ink-3);border-bottom:1px solid var(--line-2)}
#alerts tr.al-day b{color:var(--ink);font-weight:700}
#alerts td.al-detail{max-width:520px;color:var(--ink-2)}
.al-form{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end;padding:12px 0 8px}
.al-form .field input[type=url]{min-width:340px}
.al-form .field input[type=number]{width:96px}
.al-form .field.check{flex-direction:row;align-items:center;gap:8px;height:32px;color:var(--ink);font-weight:600}
.al-form .field.check input{width:15px;height:15px;margin:0;accent-color:var(--ink)}
.al-btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex-basis:100%}
.al-log{margin-top:6px}
.al-log td.ok{color:var(--good);font-weight:600}
.al-log td.fail{color:var(--bad)}
@media (max-width:900px){.al-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .al-form .field input[type=url]{min-width:0;width:100%}}