/* Tasks UI. */

.task-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 2px 10px; border-radius: 999px;
  background: color-mix(in srgb, var(--c) 12%, white);
  color: color-mix(in srgb, var(--c) 80%, black);
  border: 1px solid color-mix(in srgb, var(--c) 35%, white);
  font-size: 11.5px; font-weight: 600; line-height: 1;
}
.task-pill-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--c); }

.widget-tasks .widget-list { list-style: none; padding: 0; margin: 0; }
.widget-tasks .widget-list li { padding: 6px 0; border-bottom: 1px solid #F1F5F9; }
.widget-tasks .widget-list li:last-child { border-bottom: 0; }