/* ===== 基础卡片 ===== */
.card.task {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  box-shadow: none;
  transition: transform .12s ease, box-shadow .12s ease;
  cursor: grab;
  margin-bottom: .6rem;
}
.card.task:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}

.task-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 13px;
}
.task-body {
  margin-top: 6px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  font-size: 12px;
}
.task-foot {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.task-chip {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #f6f8fb;
  border: 1px solid #e9eef5;
}

.countdown { font-weight: 600; font-size: 12px; }
.countdown .count.urgent,
.countdown .count.overdue { color: #d83a3a; } /* 不足 24h 或已过期：红色 */

/* 列容器 */
.list-column { min-height: 40px; }

/* 完成卡片灰度 */
.task.done { opacity: .6; filter: grayscale(30%); }

/* 主题色：四列 */
.section-long   .card-header { background: #e8f2ff; }
.section-doing  .card-header { background: #e9f8ef; }
.section-wait   .card-header { background: #fff4d8; }
.section-done   .card-header { background: #f1f3f5; }

/* 卡片底色（偏浅）+ 边框色 */
.section-long   .task { background:#f5f9ff; border-color:#d6e6ff; }
.section-doing  .task { background:#f4fff7; border-color:#d9f2e0; }
.section-wait   .task { background:#fff9ea; border-color:#f3e2b8; }
.section-done   .task { background:#f7f8fa; border-color:#e8eaef; }

/* 主题内的可编辑区域边框更柔和 */
.section-long  [contenteditable="true"] { outline: 2px dashed rgba(0, 90, 200, .12); }
.section-doing [contenteditable="true"] { outline: 2px dashed rgba(10,160, 80, .12); }
.section-wait  [contenteditable="true"] { outline: 2px dashed rgba(210,160, 20, .18); }
.section-done  [contenteditable="true"] { outline: 2px dashed rgba(90, 90, 90, .12); }

/* 顶部按钮组 */
.btn-list .btn + .btn { margin-left: .5rem; }

/* 紧凑内边距 */
.card.task .card-body { padding: .6rem .75rem; }
