.new-project-form .field-multiple-table td > div:not(.form-type-entity-autocomplete),
.edit-project-form .field--name-field-objectives .field-multiple-table td > div:not(.form-type-entity-autocomplete),
.edit-project-form .field--name-field-shared-project-orgs .field-multiple-table td > div:not(.form-type-entity-autocomplete) {
  background-color: #FAFAF9;
  border: 1px solid #B3AEAA;
  padding: 20px;
  margin: 10px 0;
}

.form-steps-form .paragraphs-subform,
.form-steps-form .field-multiple-table td > div > div > div.form-wrapper,
.form-steps-form .field-multiple-table td > div > div.form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form-steps-form .paragraph-type-top {
  order: 2;
}

.form-steps-form .field-multiple-table th.field-label h4 {
  font-family: var(--font-body);
  text-transform: none;
  font-size: 18px;
  text-align: left;
}

.form-steps-form .field-multiple-table th.field-label h4 .description {
  font-size: 16px;
  font-weight: 400;
}

.form-steps-form .tabledrag-toggle-weight-wrapper,
.form-steps-form td.field-multiple-drag,
.form-steps-form .paragraph-type-top .paragraph-type-title,
.form-steps-form .js-filter-wrapper,
.edit-project-form .field--name-field-annual-report .paragraphs-actions,
.edit-project-form .field--name-field-annual-report .paragraph-info,
.edit-project-form .field--name-field-annual-report .field-multiple-table > thead > tr > th.field-label h4.label,
.edit-project-form .field--name-field-annual-report .field-multiple-table .paragraph-type-label {
  display: none;
}
.form-steps-form .term-reference-tree-open-icon,
.form-steps-form .term-reference-tree-collapsed .term-reference-tree-closed-icon {
  display: none;
}
.form-steps-form .term-reference-tree-collapsed .term-reference-tree-open-icon {
  display: block;
}

@media (min-width: 768px) {
  .form-steps-form .form-checkboxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 10px;
  }
}

.form-steps-form .field--widget-entity-reference-autocomplete {
  background-color: #FAFAF9;
  border: 1px solid #B3AEAA;
  padding: 20px;
  margin:  0;
}

.form-steps-form .field--widget-entity-reference-autocomplete .field-multiple-table td {
  padding: 10px 0;
}

.form-steps-form .field--widget-entity-reference-autocomplete .field-multiple-table td > div {
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
}

.form-steps-form .field--widget-entity-reference-autocomplete .form-type-entity-autocomplete {
  margin-bottom: 0 !important;
}

.form-steps-form .field--widget-entity-reference-autocomplete .form-type-entity-autocomplete input {
  background-color: #fff !important;
}

.form-steps-form .field--widget-entity-reference-autocomplete .field-multiple-table {
  width: 100%;
}

.form-steps-form .field--widget-entity-reference-autocomplete .field-multiple-table button[value="Remove"] {
  margin-left: 10px;
}

.forms-steps-progress li.previous-step > a {
  display: inline-flex;
  align-items: center;
  padding-right: 1.25rem;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1rem 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%232522B4'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.js .edit-project-form .field--widget-paragraphs .draggable td {
  padding: 0 !important;
}

/* CKEditor 5 toolbar overflow fix.
 * CKEditor 5 injects its own <style> tags at runtime via JS, so !important is
 * required to win the cascade. Note: the outer wrapper uses .ck-editor (no .ck
 * class); the toolbar and its children use .ck. The grouping toolbar sets
 * flex-wrap:nowrap intentionally — override to allow the toolbar to wrap. */
.form-steps-form .ck-editor {
  max-width: 100%;
}

.form-steps-form .ck.ck-toolbar .ck.ck-toolbar__items,
.form-steps-form .ck.ck-toolbar.ck-toolbar_grouping > .ck.ck-toolbar__items {
  flex-wrap: wrap !important;
}