/* tasks.css — Calendar · task feed + filters (tool-style) */

.tasks-toolbar { display: flex; align-items: center; gap: var(--sp-4); margin-bottom: var(--sp-6); }

.filter {
  display: inline-flex;
  gap: 2px;
  border: 1px solid var(--ink-200);
  border-radius: var(--r-2);
  padding: 2px;
  background: var(--white);
}
.filter button {
  border: 0;
  background: transparent;
  padding: var(--sp-2) var(--sp-4);
  border-radius: var(--r-1);
  font-family: var(--font-body);
  font-size: var(--fs-sm);
  color: var(--ink-600);
  cursor: pointer;
  transition: background var(--dur-1), color var(--dur-1);
}
.filter button:hover { background: var(--ink-50); }
.filter button.is-active { background: var(--accent); color: var(--accent-on); }

/* ── Day groups ── */
.day-group { margin-bottom: var(--sp-8); }
.day-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: var(--sp-3);
  margin-bottom: var(--sp-4);
  border-bottom: 1px solid var(--ink-200);
}
.day-label > span:first-child { font-family: var(--font-display); font-size: var(--fs-lg); font-weight: 600; text-transform: capitalize; }

/* Task rows / list (identical to clients.css for standalone loading) */
.task-list { display: flex; flex-direction: column; gap: var(--sp-2); }
.task-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
  padding: var(--sp-3) var(--sp-4);
  border: 1px solid var(--ink-200);
  border-radius: var(--r-2);
  background: var(--white);
  text-align: left;
  cursor: pointer;
  transition: border-color var(--dur-1), box-shadow var(--dur-1);
}
.task-row:hover { border-color: var(--ink-300); box-shadow: var(--shadow-flat); }
.task-row.is-done .title { text-decoration: line-through; color: var(--ink-500); }
.task-row .title { font-size: var(--fs-sm); font-weight: 500; }
.task-row .when { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--ink-500); }

/* ── Тулбар: поиск, фильтр клиента, счётчик ── */
.tasks-toolbar { flex-wrap: wrap; }
.tasks-search { width: 200px; }
.tasks-total { margin-left: auto; font-size: var(--fs-xs); }

/* ── Массовые действия ── */
.tasks-bulkbar {
  display: flex; align-items: center; gap: var(--sp-3);
  padding: var(--sp-3) var(--sp-4);
  margin-bottom: var(--sp-5);
  border: 1px solid var(--lime-200);
  background: var(--lime-100);
  border-radius: var(--r-2);
}
.tasks-bulkbar[hidden] { display: none; }
.tasks-bulk-count { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--ink-600); }

/* ── Чекбокс выделения в строке (span, не input: строка — <button>) ── */
.task-check {
  width: 16px; height: 16px; flex: none;
  border: 1.5px solid var(--ink-300);
  border-radius: 50%;
  cursor: pointer;
  transition: border-color var(--dur-1), background var(--dur-1);
}
.task-check:hover { border-color: var(--ink-500); }
.task-check.is-checked { background: var(--lime); border-color: var(--lime-600); }
.task-row.is-selected { border-color: var(--lime-600); }