/* Isolated flow geometry: external CSS works under the application's strict CSP. */
.task-branches .branch-event.flow-update {
  --flow-width: 78%;
  --flow-indent: 64px;
  width: var(--flow-width) !important;
  margin-left: var(--flow-indent) !important;
  margin-top: 24px;
  min-width: 0 !important;
}
.task-branches .branch-event.flow-update > .branch-card {
  padding: 10px 14px;
  min-height: 0;
  border-radius: 12px;
}
.task-branches .flow-update .branch-compose-actions { margin-top: 6px; padding-top: 6px; }
.task-branches .flow-update .update-fields { grid-template-columns: minmax(0,1fr) 80px; }
.task-branches .flow-update .update-file-row { flex-wrap: wrap; }
.task-branches .flow-update .update-file-picker { flex-wrap: wrap; min-width: 0; max-width: 100%; }
.task-branches .flow-update .update-file-picker input { max-width: 100%; }
.task-branches .flow-update > .branch-node {
  display: grid !important;
  left: -15px;
  top: 10px;
  width: 27px;
  height: 27px;
  border-radius: 9px;
  z-index: 5;
  transform: none;
}
.task-branches .activity-connectors { z-index: 1 !important; }
.task-branches .branch-stream { z-index: 2; }
.task-branches .child-connector { filter: none !important; stroke-width: 1; stroke: #718096; }
html[data-theme="dark"] .task-branches .child-connector { stroke: #c5ced8; }
.task-branches .child-connector-end { display: none; }
html[data-theme="dark"] .task-branches .child-connector-end { fill: #e1e7ed; }
@media(max-width:700px) {
  .task-branches { overflow-x: auto; }
  .task-branches .branch-stream { min-width: 430px; }
}