/* 0.49.10: spacing belongs to named action containers, never every button.
   Load after the feature/mobile sheets. Segmented switches, icon controls,
   rich-text tools, swatches and drag handles deliberately retain their layout. */

/* The screenshot buttons are direct children, alongside the status and image.
   Give text/image their own line without changing DOM order or event handlers. */
html .dev-feedback-screenshot:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
html .dev-feedback-screenshot > :not(button) {
  flex-basis: 100%;
  min-width: 0;
  margin-block: 0;
}
html .dev-feedback-screenshot > button {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}

/* Text action rows: keep existing alignment and grid/flex display ownership.
   Both axes get space when buttons wrap. These named rows normalize to 8px;
   more-specific component rules (for example compact/editor grids) retain
   their existing gap. Other toolbars are outside this normalization. */
html :is(.dialog-actions, .kanban-dialog-actions, .employee-feedback-actions,
  .planning-follow-up-actions, .description-actions, .personal-settings-actions,
  .availability-actions, .calendar-invitation-actions, .expense-actions,
  .report-preset-actions, .task-list-preference-actions, .task-attachments-actions,
  .task-attachments-order-actions, .task-comment-actions, .task-comment-row-actions,
  .dev-feedback-actions, .timer-review-recovery, .planning-create-options,
  .interface-colors-actions, .briefing-actions, .task-inline-deadline-actions) {
  flex-wrap: wrap;
  gap: 8px;
}

/* Long labels must wrap inside the available dialog width, rather than push
   a sibling out of the viewport. Existing heights, focus rings and colors stay. */
html :is(.dialog-actions, .kanban-dialog-actions, .employee-feedback-actions,
  .planning-follow-up-actions, .dev-feedback-actions, .personal-settings-actions,
  .availability-actions, .calendar-invitation-actions, .timer-review-recovery,
  .interface-colors-actions) > button {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
/* These two rows previously shrank labels onto one line instead of wrapping
   the buttons. A modest preferred width permits side-by-side and stacked use. */
html :is(.employee-feedback-actions, .planning-follow-up-actions) > button {
  flex: 1 1 140px;
}

/* DF-55 · 0.49.14: actual comment actions include row-level hide/restore/edit. */
#task-activity :is(.task-comment-actions,.task-comment-row-actions)>button{padding-inline:14px;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}