.lbaic-settings-actions-pi {
  &-table {
    &-title {
      &-wrapper {
        display: flex;
        gap: 4px;
      }
    }
  }
}

// Buttons Options List (similar to HTTP key-value list but with 4 columns)
.lbaic-settings-buttons-options {
  &-list {
    display: flex;
    flex-direction: column;
    gap: 16px;

    &-items {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
  }

  &-headings {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 12px;
    padding-inline-end: 4px;
    color: var(--lbaic-settings-text-secondary, #666);
    font-size: var(--lbaic-settings-fs-10);
    font-weight: var(--lbaic-settings-fw-500);
  }

  &-heading {
    &-actions {
      width: 24px;
    }
  }

  &-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
  }

  &-remove {
    width: 24px;
    height: 24px;
    padding: 4px;
    border-radius: 4px;

    &:hover {
      background-color: rgba(var(--lbaic-settings-red-rgb), 0.06);

      .lbaic-settings-buttons-options-remove-i {
        fill: var(--lbaic-settings-red);
      }
    }

    &-i {
      width: 16px;
      height: 16px;
      fill: var(--lbaic-settings-button-neutral-color);
    }
  }
}