ul.inline-checkboxes li {
  display: inline-block;
}

/* "Show variables" cheat-sheet toggle. The variable list rendered as
 * `em.info.available-variables.toggle-variables` next to a
 * `link_to_show_variables` link stays hidden until the user opts in.
 * Shared by every plugin that uses RedmineAutomation::Helpers#link_to_show_variables
 * (redmine_servicedesk, redmine_templates, redmine_issue_checklists, ...).
 * Click handler lives in automation_rule.js. */
.available-variables.toggle-variables {
  display: none;
}

.tabular.settings ul.inline-checkboxes li label {
  margin-left: 0;
  float: none;
}

.automation-rule.fixed-rule .flex-center {
  justify-content: center;
  border: 0;
}

.automation-rule.fixed-rule.unsupported {
  color: var(--a-color-info);
}

table.list.automation-rules {
  margin-bottom: 20px;
}

table.automation-rules .next-run.inactive {
  font-style: italic;
}

table.list.automation-rules td.active { width: 5%; }

#tab-content-rules fieldset.trigger-filter p {
  padding-left: 70px;
}

#tab-content-rules fieldset.trigger-filter {
  margin-bottom: 10px;
}

#automation_interval_description {
  display: none;
}

#automation_interval_description dt {
  font-weight: bold;
}

#automation_interval_description dd {
  margin: 0;
  padding: 0 0 1em;
}

.rule-caution-info {
  font-weight: bold;
  padding-bottom: 10px;
  color: var(--a-color-default);
}

.rule-caution-info::before {
  color: var(--a-color-default);
  font-family: 'Font Awesome 5 Free';
  font-size: var(--a-font-size-base);
  font-weight: 900;
  content: '\f061'; /* fas fa-arrow-right */
  padding-right: 4px;
}

.automation-repeat-variables {
  padding-top: 5px;
}

/* Hint shown on issue history entries that were created by a silent
 * automation rule (suppress_notifications=true on the rule). */
.automation-silent-hint {
  color: var(--a-color-muted);
  font-size: var(--a-font-size-sm);
  font-style: italic;
  padding-top: 4px;
}

/* YAML syntax textarea styling */
.yaml-syntax textarea {
  background-image:
    repeating-linear-gradient(
      45deg,
      rgb(0 0 0 / 0%),
      rgb(0 0 0 / 0%) 5px,
      rgb(0 0 0 / 2%) 10px,
      rgb(0 0 0 / 2%) 10px
    );
}