.wk-matter-card {
  display: flex;
  flex-direction: column;
  gap: var(--wk-sp-1, 4px);
  padding: var(--wk-sp-3, 12px);
  margin-bottom: 6px;
  background: var(--wk-bg-surface, #fff);
  border: 1px solid var(--wk-border-default, #e5e5e5);
  border-radius: var(--wk-r-sm, 6px);
  cursor: pointer;
  transition: box-shadow 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.wk-matter-card:hover {
  border-color: var(--wk-brand-primary, #7C5CFC);
  box-shadow: 0 2px 8px var(--wk-shadow-sm, rgba(0, 0, 0, 0.06));
}

.wk-matter-card--selected {
  background: var(--wk-bg-hover, #f5f5f5);
  border-color: var(--wk-brand-primary, #7C5CFC);
}

/* 第一行：checkbox + 事项名 + 截止日期 */
.wk-matter-card__row-1 {
  display: flex;
  align-items: flex-start;
  gap: var(--wk-sp-2, 8px);
}

.wk-matter-card__checkbox {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border: 1.5px solid var(--wk-text-tertiary, #aaa);
  border-radius: var(--wk-r-xs, 3px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
  background: var(--wk-bg-surface, #fff);
}

.wk-matter-card__checkbox:hover {
  border-color: var(--wk-brand-primary, #7C5CFC);
  background: var(--wk-bg-hover, #f9f9f9);
}

.wk-matter-card__checkbox--disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.wk-matter-card__checkbox[aria-checked="true"] {
  background: var(--wk-brand-primary, #7C5CFC);
  border-color: var(--wk-brand-primary, #7C5CFC);
}

.wk-matter-card__checkbox-check {
  color: white;
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
}

.wk-matter-card__title {
  flex: 1;
  font-size: var(--wk-text-size-sm, 14px);
  font-weight: 500;
  color: var(--wk-text-primary, #1a1a1a);
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.wk-matter-card__title--done {
  text-decoration: line-through;
  color: var(--wk-text-tertiary, #999);
}

.wk-matter-card__title--archived {
  text-decoration: line-through;
  color: var(--wk-text-disabled, #bbb);
  font-style: italic;
}

.wk-matter-card__deadline {
  flex-shrink: 0;
  font-size: var(--wk-text-size-xs, 12px);
  color: var(--wk-text-tertiary, #999);
  line-height: 1.5;
}

.wk-matter-card__deadline--today {
  color: var(--wk-color-success, #22c55e);
  font-weight: 500;
}

.wk-matter-card__deadline--overdue {
  color: var(--wk-color-error, #ef4444);
  font-weight: 500;
}

/* 第二行：项目名 + 频道名 + 负责人头像 */
.wk-matter-card__row-2 {
  display: flex;
  align-items: center;
  gap: var(--wk-sp-1, 4px);
  margin-left: 24px; /* checkbox width + gap */
  font-size: var(--wk-text-size-xs, 12px);
  color: var(--wk-text-secondary, #666);
}

.wk-matter-card__separator {
  color: var(--wk-text-tertiary, #ccc);
  margin: 0 2px;
}


.wk-matter-card__channel {
  color: var(--wk-text-secondary, #666);
}

.wk-matter-card__assignees {
  display: flex;
  align-items: center;
  gap: 2px;
}

.wk-matter-card__assignees-more {
  margin-left: 2px;
  font-size: var(--wk-text-size-xs, 12px);
  color: var(--wk-text-tertiary, #999);
}
