/* alarm.html 页面样式（P3-3 CSS下沉阶段A，2026-10-10 从页内 <style> 逐字提取，级联位置不变） */
/* 推送总开关（管理员） */
.push-switch-wrap{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}
.push-switch{position:relative;width:40px;height:22px;cursor:pointer}
.push-switch input{opacity:0;width:0;height:0}
.push-switch .track{position:absolute;inset:0;background:var(--bg-input);border:1px solid var(--border);border-radius:22px;transition:.2s}
.push-switch .track:before{content:'';position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:var(--text-secondary);transition:.2s}
.push-switch input:checked + .track{background:rgba(34,197,94,.18);border-color:var(--success)}
.push-switch input:checked + .track:before{transform:translateX(18px);background:var(--success)}
.push-switch .state{min-width:48px;font-size:12px}
.push-switch.on .state{color:var(--success)}
.push-switch:not(.on) .state{color:var(--danger,#ef4444)}
/* 情况档位 chip */
.sit-chip{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:600;line-height:18px}
.sit-紧急{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.4)}
.sit-重要{background:rgba(210,153,29,.15);color:var(--warning);border:1px solid rgba(210,153,29,.4)}
.sit-一般{background:rgba(34,211,238,.1);color:var(--accent);border:1px solid rgba(34,211,238,.3)}
.evt-chip{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);line-height:18px}
.paused-tag{color:var(--warning);font-size:12px;font-weight:600}
  /* —— 推送消息显示优化 · V2.0.0（2026-08-27）—— */
  .alarm-card { border-left:4px solid var(--border); }
  .alarm-card:has(.sit-紧急) { border-left-color:#ef4444; }
  .alarm-card:has(.sit-重要) { border-left-color:var(--warning); }
  .alarm-card:has(.sit-一般) { border-left-color:var(--accent); }
  .alarm-content { white-space:pre-wrap; line-height:1.6; }
  /* —— 分级任务闭环 · P1+P2（2026-09-07）—— */
  .task-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:600;line-height:18px}
  .tb-pending{background:rgba(34,211,238,.1);color:var(--accent);border:1px solid rgba(34,211,238,.3)}
  .tb-confirmed{background:rgba(56,189,248,.12);color:#38bdf8;border:1px solid rgba(56,189,248,.3)}
  .tb-submitted{background:rgba(210,153,29,.15);color:var(--warning);border:1px solid rgba(210,153,29,.4)}
  .tb-rejected{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.4)}
  .tb-approved{background:rgba(34,197,94,.15);color:var(--success);border:1px solid rgba(34,197,94,.4)}
  .tb-done{background:rgba(34,197,94,.15);color:var(--success);border:1px solid rgba(34,197,94,.4)}
  .sent-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:10px}
  .sent-title{font-size:15px;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .photo-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  .photo-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--bg-input)}
  .photo-thumb:hover{border-color:var(--accent)}
  .task-timeline{margin:8px 0;padding:8px 12px;background:var(--bg-input);border-radius:8px;font-size:12.5px;line-height:2;color:var(--text-secondary)}
  .task-timeline b{color:var(--text-primary);font-weight:600}
  .photo-count{font-size:12px;color:var(--text-secondary)}
  .reject-note{margin-top:8px;padding:8px 12px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);border-radius:8px;font-size:13px;color:#f87171}
  @media (max-width:768px) {
    .alarm-card { padding:12px; }
    .alarm-title { font-size:16px; }
    .alarm-actions { display:flex; flex-wrap:wrap; gap:8px; }
    .alarm-actions .btn { flex:1; min-width:96px; padding:8px 6px; }
    /* B1：推送总开关命中区 38px（轨道视觉仍 22px 居中，不再是 40×22 的小目标） */
    .push-switch { height:38px; }
    .push-switch .track { top:8px; bottom:8px; }
    nav { overflow-x:auto; }
    /* iOS 聚焦不缩放阈值：控件字号 ≥16px */
    .modal input, .modal select, .modal textarea { font-size:16px !important; }
    /* 历史表首列粘滞 + 横滚提示，解决 9 列宽表在手机上的可读性 */
    .table-container { position:relative; }
    .table-container th:first-child, .table-container td:first-child {
      position:sticky; left:0; z-index:2;
      background:var(--bg-card);
      box-shadow:2px 0 4px rgba(0,0,0,.18);
      max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    .table-container th:first-child { background:var(--bg-secondary, var(--bg-card)); }
    .scroll-hint { display:block; }
  }
  .scroll-hint { display:none; text-align:center; font-size:12px; color:var(--text-secondary); padding:6px 0 2px; }
  /* details 收起兜底：部分 WebView 对孙元素不传导 UA 隐藏，显式关断 */
  details:not([open]) > *:not(summary) { display:none !important; }