/* todo — стили трекера багов/задач/идей.
 * Подключается из шаблона: {% static 'todo/css/custom.css' %}
 * Каркас и палитра — как в site1 (scattering_profile, ill_posed, samsonit).
 */

/* ---- каркас списка ---- */
.td-list .list-group-item { background: transparent; border-color: #e3e9ef; }

.td-header {
  background: rgba(var(--bs-primary-rgb), .08);
  color: #1f2d3d;
  border-bottom: 2px solid rgba(var(--bs-primary-rgb), .25) !important;
}

.td-row:nth-of-type(odd)  { background: #ffffff; }
.td-row:nth-of-type(even) { background: #f1f5f9; }
.td-row:hover             { background: rgba(var(--bs-primary-rgb), .06); }
.td-list .col, .td-list .col-auto { border-color: #e3e9ef !important; }

/* ---- строка записи ---- */
.td-row.is-closed .td-title { text-decoration: line-through; opacity: .55; }
.td-row.prio-2 { box-shadow: inset 3px 0 0 #fd7e14; }
.td-row.prio-3 { box-shadow: inset 3px 0 0 #dc3545; }

.td-title {
  border: 0; background: none; color: inherit; font: inherit;
  text-align: left; cursor: pointer; padding: 0;
}
.td-title:hover { text-decoration: underline; }

/* ---- метка типа ---- */
.td-kind {
  font-size: .72rem; text-transform: uppercase; letter-spacing: .04em;
  color: #fff; padding: .05rem .45rem; border-radius: .25rem; background: #6c757d;
}
.td-kind-bug  { background: #b02a37; }
.td-kind-task { background: #0d6efd; }
.td-kind-idea { background: #6f42c1; }

/* ---- бейджи приложений и тэгов ---- */
.td-badge {
  --chip: #6c757d; font-size: .74rem; padding: .05rem .45rem;
  border: 1px solid var(--chip); border-radius: 999px; white-space: nowrap;
}
.td-badge.is-ghost { border-style: dashed; }

/* ---- чипсы фильтров ---- */
.td-chip {
  --chip: #6c757d; display: inline-block; padding: .05rem .55rem;
  border: 1px solid var(--chip); border-radius: 999px; font-size: .82rem;
  text-decoration: none; color: inherit; white-space: nowrap;
}
.td-chip:hover { text-decoration: none; }
.td-chip.is-active { background: var(--chip); border-color: var(--chip); color: #fff; }
.td-chip-label {
  font-size: .74rem; text-transform: uppercase; letter-spacing: .06em;
  opacity: .55; min-width: 6rem; display: inline-block;
}

/* ---- тело и метаданные ---- */
.td-body {
  margin-top: .4rem; padding: .5rem .6rem;
  border-left: 2px solid #e3e9ef; font-size: .92rem;
}
.td-meta { font-size: .74rem; opacity: .5; }

/* ---- состояния fetch-патча (классы ставит row-patch.js) ---- */
.rowpatch-saving { opacity: .55; }
.rowpatch-error  { outline: 2px solid #dc3545; outline-offset: -2px; }
