.run-header-actions{display:flex;align-items:center;gap:12px}.run-header-actions form{margin:0}.run-header-actions .secondary-button{min-width:110px;height:42px;display:inline-flex;align-items:center;justify-content:center}
.comment-thread { margin-top: 10px; font: 11px Arial, sans-serif; }
.action-row, .attention-row { scroll-margin-top: 24px; scroll-margin-bottom: 24px; }
.latest-artifact .inline-form { display: none; }
.comment-thread summary { display: inline-block; color: var(--coral); cursor: pointer; font-weight: 700; }
.comment-entry { margin-top: 9px; padding: 9px 10px; border-left: 3px solid #d9e4de; background: #f7f9f6; }
.comment-entry strong { color: var(--ink); font-size: 11px; }
.comment-entry span { margin-left: 7px; color: var(--muted); font-size: 10px; }
.comment-entry p { margin: 5px 0 0; color: #5d6b68; line-height: 1.4; white-space: pre-wrap; }
.comment-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; margin-top: 10px; }
.comment-form textarea { width: 100%; resize: vertical; min-height: 42px; border: 1px solid var(--line); border-radius: 4px; padding: 8px; background: #fff; color: var(--ink); font: 11px Arial; }
.comment-form input[type="submit"] { align-self: end; border: 0; border-radius: 4px; padding: 9px 11px; background: var(--navy); color: #fff; cursor: pointer; font: 700 11px Arial; }
.attention-row .comment-thread { grid-column: 1 / -1; }
@media (max-width: 620px) { .comment-form { grid-template-columns: 1fr; } .comment-form input[type="submit"] { justify-self: start; } }
.task-manager{margin-top:20px;font:13px Arial,sans-serif}.task-heading,.task-title{display:flex;align-items:center;gap:12px}.task-heading{justify-content:space-between;margin-bottom:12px}.task-heading>span{color:var(--muted)}.task-card{padding:20px 0;border-top:1px solid var(--line);scroll-margin-top:24px}.task-title>strong{flex:1;font-size:15px}.task-title .priority{height:24px;min-width:5px}.task-description{color:var(--muted);line-height:1.5;white-space:pre-wrap}.task-status{padding:5px 10px;border-radius:20px;background:#f1eee4;color:#79632a;font-size:11px;white-space:nowrap}.task-status.in_progress{background:#e8eff8;color:#35577e}.task-status.done{background:#e6f2e9;color:#376b48}.task-status.rejected{background:#fbe8e5;color:#a64636}.task-edit-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:14px 0}.task-edit-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;flex:1;min-width:160px}.task-edit-form select,.task-edit-form textarea,.task-edit-form input[type=text]{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);font:13px Arial;padding:9px}.task-edit-form .task-update{flex:2;min-width:240px}.task-edit-form input[type=submit]{background:var(--navy);color:white;border:0;border-radius:5px;padding:10px 14px;cursor:pointer}.task-create{border-top:1px solid var(--line);padding-top:16px}.task-create summary{color:var(--coral);font-weight:700;cursor:pointer}.task-create .task-update{flex-basis:100%}@media(max-width:620px){.task-edit-form label,.task-edit-form .task-update{min-width:0;flex-basis:100%}.task-title{flex-wrap:wrap}}

/* Keep task labels and controls aligned, including the multiline update field.
   The task list sits in panels of different widths, so the layout follows the list's width, not the window's. */
.task-manager {
  container-type: inline-size;
}
.task-card .task-edit-form {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(180px, 1fr) minmax(240px, 2fr) auto;
  align-items: start;
  gap: 12px;
}
.task-card .task-edit-form label {
  min-width: 0;
  line-height: 16px;
  gap: 6px;
}
.task-card .task-edit-form select,
.task-card .task-edit-form textarea,
.task-card .task-edit-form input[type="submit"] {
  box-sizing: border-box;
  height: 42px;
  min-height: 42px;
  line-height: 20px;
  font-size: 13px;
}
.task-card .task-edit-form textarea {
  resize: vertical;
}
.task-card .task-edit-form input[type="submit"] {
  align-self: start;
  margin-top: 22px;
  min-width: 76px;
}
@container (max-width: 720px) {
  .task-card .task-edit-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .task-card .task-edit-form .task-update {
    grid-column: 1 / -1;
  }
  .task-card .task-edit-form input[type="submit"] {
    margin-top: 0;
    justify-self: start;
  }
}
@container (max-width: 420px) {
  .task-card .task-edit-form {
    grid-template-columns: minmax(0, 1fr);
  }
}