/* Omnis Tâches — styles propres à l'application.
   Tout le reste (barre, lanceur, colonnes) vient de /shell.css. */

.quick-add-btn {
  display: flex; align-items: center; gap: 12px; align-self: flex-start;
  padding: 14px 22px; border: 1px solid var(--border); border-radius: 16px;
  background: var(--bg-primary); cursor: pointer; font-weight: 600; font-size: 14px;
  box-shadow: 0 1px 3px rgba(16,24,40,.1); color: var(--t-primary); margin: 4px 0 4px 2px;
}
.quick-add-btn:hover { box-shadow: 0 4px 14px -4px rgba(16,24,40,.2); }
.quick-add-btn .icon { color: var(--amber); }
.app.nav-collapsed .quick-add-btn { padding: 14px; border-radius: 50%; }

.side-action {
  margin-top: 8px; width: 100%; display: flex; align-items: center; gap: 14px;
  background: none; border: none; border-radius: 0 999px 999px 0;
  padding: 8px 14px; cursor: pointer; color: var(--amber); font-size: 13.5px; font-weight: 600;
}
.side-action:hover { background: rgba(183,110,0,.1); }

.quick-add {
  display: flex; gap: 8px; padding: 12px 24px;
  border-bottom: 1px solid var(--border); background: var(--bg-primary);
}
.quick-add input[name="title"] { flex: 1; min-width: 0; }
.quick-add input, .quick-add select {
  padding: 9px 12px; border: 1px solid var(--border); border-radius: var(--radius);
  background: var(--bg-primary); outline: none;
}
.quick-add input:focus, .quick-add select:focus {
  border-color: var(--amber); box-shadow: 0 0 0 3px rgba(183,110,0,.12);
}
.quick-add .btn { padding: 9px 18px; }

.tasks { list-style: none; margin: 0; padding: 0; }
.tasks li {
  display: flex; align-items: flex-start; gap: 14px; padding: 11px 24px;
  border-bottom: 1px solid var(--border); overflow: hidden;
}
.tasks li:hover { background: var(--bg-secondary); }
.tasks li.done .task-title { text-decoration: line-through; color: var(--t-dim); }

.task-check {
  width: 19px; height: 19px; flex-shrink: 0; margin-top: 2px; cursor: pointer;
  border: 1.75px solid var(--border-hov); border-radius: 50%; background: none;
  display: grid; place-items: center; color: transparent;
}
.task-check:hover { border-color: var(--amber); }
.tasks li.done .task-check { background: var(--green); border-color: var(--green); color: #fff; }
.task-check .icon { width: 12px; height: 12px; stroke-width: 3; }

.task-main { flex: 1; min-width: 0; }
.task-title { display: block; font-size: 14px; word-break: break-word; }
.task-meta { display: flex; gap: 8px; align-items: center; margin-top: 3px; flex-wrap: wrap; }
.chip {
  font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 999px;
  background: var(--bg-tertiary); color: var(--t-muted);
}
.chip.due-retard { background: rgba(204,63,63,.12); color: var(--red); }
.chip.due-aujourdhui { background: rgba(183,110,0,.14); color: var(--amber); }
.chip.prio-haute { background: rgba(204,63,63,.11); color: var(--red); }
.chip.prio-basse { background: var(--bg-tertiary); color: var(--t-dim); }
.chip.source { background: rgba(92,124,250,.12); color: var(--indigo-d); }

.task-actions { display: flex; gap: 2px; opacity: 0; transition: opacity .12s ease; }
.tasks li:hover .task-actions { opacity: 1; }

@media (max-width: 760px) {
  .quick-add { flex-wrap: wrap; padding: 12px 16px; }
  .quick-add input[name="title"] { flex-basis: 100%; }
  .tasks li { padding: 11px 16px; }
  .task-actions { opacity: 1; }
}