/* Счётчики. Три состояния позиции окрашены по СМЫСЛУ, а не по «вверх/вниз»:
   сдано — спокойный зелёный, ждёт срока — серый, просрочено — красный. */
.mt-summary { padding: 14px 16px; }
.mt-sum { font-weight: 600; }
.mt-sum.late { color: var(--danger); }

.mt-row { cursor: pointer; align-items: center; }
.mt-row .row-right { display: flex; align-items: center; gap: 10px; }

.mt-badge {
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 999px;
  white-space: nowrap;
  background: var(--chip-bg, rgba(120, 120, 128, 0.14));
  color: var(--text-dim, #6b7280);
}
.mt-badge.done { background: rgba(48, 176, 96, 0.16); color: #2f9e5f; }
.mt-badge.late { background: rgba(255, 69, 58, 0.16); color: var(--danger); }

.mt-delta { color: var(--text-dim, #6b7280); font-variant-numeric: tabular-nums; }

/* Строка позиции: текст во всю ширину, действие — компактный «+».
   Кнопка со словом «Внести» отбирала половину строки, и название с адресатом
   обрезались многоточием на любом телефоне. */
.mt-row { gap: 10px; }
.mt-row .row-main { min-width: 0; flex: 1; }
.mt-row .row-title,
.mt-row .row-sub { overflow: hidden; text-overflow: ellipsis; }
.mt-meta { display: flex; align-items: center; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
.mt-where { font-size: 12px; color: var(--text-dim, #6b7280); }

.btn.mt-add {
  flex: 0 0 auto;
  width: 40px; height: 40px;
  padding: 0;
  border-radius: 12px;
  font-size: 22px; line-height: 1;
  background: var(--accent, #0a63f6); color: #fff;
}