.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-task-filters { display: flex; gap: 7px; overflow-x: auto; margin: 0 0 14px; padding-bottom: 3px; }
.prod-task-filters button { white-space: nowrap; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--muted); padding: 7px 11px; font-weight: 800; cursor: pointer; }
.prod-task-filters button.active { border-color: var(--green); background: var(--green); color: #fff; }
.prod-day-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; margin-top: 16px; }
.prod-day-kpis span { padding: 12px; border-radius: 12px; background: #f5f8f3; }
.prod-day-kpis small, .prod-day-kpis b { display: block; }
.prod-day-kpis small { color: var(--muted); margin-bottom: 4px; }
.event-lifecycle { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.event-lifecycle h3 { margin: 3px 0 0; }
.event-lifecycle-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.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; }
  .prod-day-kpis { grid-template-columns: 1fr 1fr; }
  .event-lifecycle { align-items: stretch; flex-direction: column; }
  .event-lifecycle-actions { justify-content: stretch; }
  .event-lifecycle-actions .btn { flex: 1 1 auto; }
}