/* LIFE-152. Propshaft serves :app; keep every rule inside the routine lane. */
.t-routine .t-task__meta { flex-wrap: wrap; justify-content: flex-end; gap: .35rem; max-width: 65%; }
.t-routine .t-task__when { display: inline-flex; align-items: center; gap: .2rem; white-space: nowrap; }
.t-routine .t-routine__check {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 1.1rem;
  height: 1.1rem; border: 1px solid var(--t-line); border-radius: 4px;
  background: var(--t-panel-2); color: var(--t-dim); line-height: 1;
}
.t-routine .t-task--completed { color: var(--t-dim); }
.t-routine .t-task--completed .t-task__title { color: var(--t-dim); text-decoration: line-through; }
.t-routine .t-task--completed .t-chip { color: var(--t-dim); }
@media (max-width: 560px) {
  .t-routine .t-task { flex-wrap: wrap; }
  .t-routine .t-task__title { flex: 1 1 calc(100% - 3rem); }
  .t-routine .t-task__meta { margin-left: 1.6rem; max-width: calc(100% - 1.6rem); justify-content: flex-start; }
  /* A completed title and its compact date do not need a forced second line. */
  .t-routine .t-task--completed { flex-wrap: nowrap; }
  .t-routine .t-task--completed .t-task__title { flex: 1 1 0; }
  .t-routine .t-task--completed .t-task__meta { margin-left: auto; max-width: 65%; }
}