/* Чек-лист ручного поручения — общий для employee-home и «Поручений». Переменные проекта с fallback-ами (обёртку
   зоны — padding/границу — даёт страница). Палитра существующая. */
.ts-title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--muted, #6b7280); margin: 0 0 6px; }
.ts-list { display: flex; flex-direction: column; gap: 2px; }
.ts-empty { font-size: 13px; color: var(--muted, #6b7280); }
.ts-item { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 3px 8px; padding: 3px 0; font-size: 14px; }
.ts-check { display: flex; align-items: flex-start; gap: 8px; flex: 1; min-width: 0; cursor: pointer; }
.ts-check input { margin: 2px 0 0; flex: none; width: 16px; height: 16px; cursor: pointer; }
.ts-text { flex: 1; min-width: 0; color: #374151; line-height: 1.4; word-break: break-word; }
.ts-item.is-checked .ts-text { color: #9ca3af; text-decoration: line-through; }
/* Отметка «кто выполнил · когда» — ОТДЕЛЬНОЙ строкой ПОД текстом (order+basis:100% → перенос на свою строку, отступ под
   текст). Раньше flex:none + white-space:nowrap забирал ширину справа → текст пункта схлопывался в колонку по буквам. */
.ts-by { order: 1; flex: 0 0 100%; box-sizing: border-box; padding-left: 24px; font-size: 12px; color: #16a34a; }
.ts-del { flex: none; border: 0; background: none; color: var(--danger, #d1242f); cursor: pointer; font-size: 12px; line-height: 1; padding: 2px 4px; }
.ts-add { display: flex; gap: 8px; margin-top: 8px; }
.ts-add-input { flex: 1; min-width: 0; box-sizing: border-box; padding: 7px 10px; border: 1px solid var(--border, #e5e7eb); border-radius: 8px; font-size: 14px; font-family: inherit; }
.ts-add-btn { flex: none; border: 0; border-radius: 8px; padding: 7px 12px; font-size: 13px; font-weight: 600; cursor: pointer; background: var(--fill-accent, #4f46e5); color: var(--on-accent, #fff); }
.ts-add-btn:hover { filter: brightness(1.06); }
.ts-err { font-size: 12px; color: var(--danger, #d1242f); margin-top: 4px; }