/* App-only tweaks layered on top of Bootstrap. */

body { font-size: 0.95rem; }

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.status-cell {
  min-width: 9rem;
}

.color-dot {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.color-dot-open        { background-color: #6c757d; }
.color-dot-in-progress { background-color: #fd7e14; }
.color-dot-done        { background-color: #198754; }

td.actions, th.actions { white-space: nowrap; text-align: end; width: 1%; }
td.actions form, td.actions a { display: inline-block; }
td.actions .btn { padding: 0.25rem 0.5rem; line-height: 1; }

.subtask-list { margin: 0; padding-left: 1.25rem; }
.subtask-list li.done > span { text-decoration: line-through; color: var(--bs-secondary-color); }

.subtask-add-form { max-width: 28rem; }