/* Задания (Мои задания) */
.tasks-toolbar {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin-bottom: 16px;
}

/* ── Нативный фильтр: сегмент-контрол scope + тоггл статуса ── */
.tasks-seg {
  display: flex; background: var(--bg3, #f1f5f9);
  border-radius: 10px; padding: 3px; gap: 2px;
}
.tasks-seg-btn {
  flex: 1; border: none; background: transparent; cursor: pointer;
  padding: 6px 8px; border-radius: 8px; font-size: 12.5px; font-weight: 600;
  color: var(--text-secondary, #64748b); white-space: nowrap;
  display: inline-flex; align-items: center; justify-content: center; gap: 5px;
}
.tasks-seg-btn:hover { color: var(--text); }
.tasks-seg-btn.active { background: var(--bg2, #fff); color: var(--text); box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.tasks-seg-n {
  min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px;
  font-size: 10px; font-weight: 800; line-height: 16px;
  background: #FF3366; color: #fff;
}
.tasks-seg-btn:not(.active) .tasks-seg-n { background: var(--text-muted, #94a3b8); }

.tasks-bar2 { display: flex; align-items: center; gap: 8px; }
.tasks-status-toggle { display: flex; gap: 2px; flex: 1; }
.tasks-status-btn {
  border: none; background: transparent; cursor: pointer;
  padding: 4px 10px; border-radius: 7px; font-size: 12px; font-weight: 600;
  color: var(--text-muted, #94a3b8);
}
.tasks-status-btn.active { background: var(--text); color: #fff; }
.tasks-report-bug {
  border: 1px solid var(--border); background: transparent; cursor: pointer;
  color: var(--text-secondary, #64748b); border-radius: 8px;
  padding: 5px 10px; font-size: 12px; font-weight: 600; white-space: nowrap;
}
.tasks-report-bug:hover { border-color: #f59e0b; color: #d97706; }

.tasks-list { display: flex; flex-direction: column; gap: 7px; }

.task-card {
  display: flex; align-items: stretch; gap: 10px;
  background: var(--card-bg, #fff); border: 1px solid var(--border, #e5e7eb);
  border-radius: 11px; padding: 9px 11px;
}
.task-card.task-done { opacity: .6; }
.task-card.task-done .task-title { text-decoration: line-through; }
.task-card.task-bug { border-left: 3px solid #f59e0b; }

.task-check {
  flex: 0 0 auto; width: 28px; height: 28px; border-radius: 8px;
  border: 1px solid var(--border, #e5e7eb); background: transparent;
  font-size: 14px; cursor: pointer; color: var(--text-secondary, #64748b);
}
.task-check:hover { background: #16a34a; color: #fff; border-color: #16a34a; }
.task-done .task-check:hover { background: #64748b; border-color: #64748b; }

.task-body { flex: 1; min-width: 0; cursor: pointer; }
.task-title { font-weight: 700; font-size: 14px; margin-bottom: 2px; line-height: 1.25; }
.task-desc {
  font-size: 12.5px; color: var(--text-secondary, #64748b); margin-bottom: 5px; white-space: pre-wrap;
  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.task-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.task-chip {
  font-size: 11px; color: var(--text-muted, #94a3b8);
  background: var(--chip-bg, #f1f5f9); border-radius: 999px; padding: 2px 8px;
}
.task-overdue { background: #fee2e2; color: #b91c1c; font-weight: 600; }
.bug-stage { font-weight: 700; }
.bug-stage-new      { background: #fef3c7; color: #b45309; }
.bug-stage-reviewed { background: #dbeafe; color: #1d4ed8; }
.bug-stage-done     { background: #dcfce7; color: #15803d; }
.bug-readonly { padding: 9px 11px; background: var(--bg3, #f1f5f9); border-radius: 8px; white-space: pre-wrap; font-size: 13px; line-height: 1.45; }

.task-del {
  flex: 0 0 auto; background: transparent; border: none; cursor: pointer;
  color: var(--text-muted, #94a3b8); font-size: 13px; width: 24px; align-self: flex-start;
}
.task-del:hover { color: #ef4444; }

/* бейдж количества заданий в навигации */
.nav-count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; padding: 0 5px; margin-left: 4px;
  background: #f59e0b; color: #fff; border-radius: 999px;
  font-size: 11px; font-weight: 800; vertical-align: middle;
}