/* crisis.css —— 危机管理模块样式（高危干预与跟进）
   复用 counsel.css 中的 .rec-* 通用记录样式与 .x-status 状态标签。 */

.crisis{ max-width:1200px; margin:0 auto; }

/* 危机卡片：左侧等级色条由行内 style 提供 */
.x-card{ position:relative; }
.x-last{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:280px; }

/* 跟进时间线 */
.fu-list{ display:grid; gap:8px; margin-top:6px; }
.fu-item{
  display:grid;
  grid-template-columns:92px 1fr auto;
  gap:10px;
  align-items:start;
  padding:9px 11px;
  background:var(--brand-soft);
  border-radius:8px;
}
.fu-date{ font-size:12px; font-weight:600; color:var(--brand-deep); padding-top:1px; }
.fu-note{ font-size:13px; color:var(--ink); line-height:1.7; }
.fu-item .fu-x{ padding:2px 8px; font-size:11px; border-radius:6px; }
.fu-empty{ color:var(--muted); font-size:12px; padding:6px 0; }

/* 添加跟进 */
.fu-add{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.fu-add input[type="date"]{ width:150px; flex:none; }
.fu-add input[type="text"]{ flex:1; min-width:180px; }

@media (max-width: 620px){
  .fu-item{ grid-template-columns:1fr; }
  .fu-item .fu-x{ justify-self:start; }
  .fu-add input[type="date"],
  .fu-add input[type="text"]{ width:100%; flex:1 1 100%; }
}