.prod-edit {
  width: 31px; height: 31px; border: 0; border-radius: 9px;
  background: #eef5eb; color: var(--green); font-size: 17px; cursor: pointer;
}
.prod-priority.critical { background: #8f1f1f; color: #fff; }
.prod-template-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 10px; }
.prod-template-grid button { display: grid; gap: 5px; padding: 14px; text-align: left; border: 1px solid var(--line); border-radius: 13px; background: var(--soft); cursor: pointer; }
.prod-template-grid button:hover { border-color: var(--gold); background: #fffaf0; }
.prod-template-grid small, .prod-comments article small { color: var(--muted); }
.prod-task-detail, .prod-comments { display: grid; gap: 16px; }
.prod-task-detail > #taskBack { justify-self: start; }
.prod-comments { gap: 9px; margin: 14px 0; }
.prod-comments article { padding: 12px; border-radius: 12px; background: var(--soft); }
.prod-comments article strong, .prod-comments article small { display: block; }
.prod-comments article p { margin: 8px 0 0; white-space: pre-wrap; }
.prod-comment-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: end; }
.prod-comment-form textarea { min-height: 80px; }
.prod-item:has([data-task-edit]) { grid-template-columns: auto minmax(0,1fr) auto auto auto; }
@media (max-width:720px) {
  .prod-item:has([data-task-edit]) { grid-template-columns: auto minmax(0,1fr) auto auto; }
  .prod-comment-form { grid-template-columns: 1fr; }
}