:host {
  display: flex;
  flex-direction: column;
  gap: 20px;

  .settings-button {
    align-self: flex-end;
  }

  .name-edit {
    flex: 1;
    width: 100%;

    ::ng-deep {
      wg-readonly-view {
        padding: 0;
      }

      wg-readonly-view,
      input {
        font-size: 18px;
        font-weight: bold;
      }
    }
  }

  .settings-row {
    display: flex;
    gap: 7px;
  }

  .save-button {
    height: 36px;
    color: var(--app-bg-color-l1);
    background-color: var(--accent-color-bg);
  }

  .rows-wrapper {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .report-row {
    margin-right: 10px;
  }
}