@import 'tinymce/skins/ui/oxide/content.inline.min.css';
@import '/common/angular/cmf-ui/cmf-editors/editor.css';
@import '/common/angular/cmf-ui/cmf-editors/assets/tinymce/plugins/pageColumns/css/pageColumns.css';
@import '/common/angular/cmf-ui/cmf-editors/cmf-wiki-modules/cmf-wiki-list/cmf-wiki-list.css';
@import '/common/angular/cmf-ui/cmf-editors/cmf-wiki-modules/tables/styles/style.css';
@import '/common/angular/cmf-ui/cmf-editors/cmf-wiki-modules/cmf-wiki-drawio/cmf-wiki-drawio.css';

@mixin diff-node {
  &[data-diff-node='ins'] {
    background-color: #ecfdf0;
  }

  &[data-diff-node='del'] {
    background-color: #fbe9eb;
  }
}

.html-text-view {
  ins,
  del {
    display: inline-block;
    padding: 3px;
    word-break: break-word;
  }

  del {
    text-decoration: line-through;
    background-color: #fbe9eb;
  }

  ins {
    text-decoration: underline;
    background-color: #ecfdf0;
  }

  .extension-container {
    display: flex;

    .macros-actions {
      display: none;
    }
  }

  blockquote {
    margin-left: 1.5rem;
    padding-left: 1rem;
    border-left: 1px solid #ccc;
  }

  /* Мультимедиа */
  ins:has(video),
  del:has(video),
  ins:has(iframe),
  del:has(iframe) {
    padding: 10px;
  }

  /* Разделитель */
  ins:has(hr),
  del:has(hr) {
    width: 100%;
  }

  /* Start: Wiki-link */
  ins a.wiki-card-text,
  del a.wiki-card-text {
    background-color: inherit;
  }

  .wiki-link-wrap.wiki-link-wrap__card {
    min-height: auto;
  }

  // Показываем скрытую ссылку у вики-линк в виде карточки, т.к. карточку мы не отрисовываем
  .wiki-link-wrap.wiki-link-wrap__card a.hidden {
    display: unset;
  }

  /* End: Wiki-link */

  /* Start: Преобразованные макросы */
  .formatted-macros-block,
  .macros-params > table {
    @include diff-node;

    border-spacing: 3px;
    border-collapse: separate;
    background-color: inherit;
    border: 1px solid var(--color-gray-eee);

    tbody {
      background-color: inherit;
    }

    del,
    ins {
      padding: 0 2px;
    }

    pre {
      margin: 0;
    }
  }

  .formatted-macros-block {
    min-width: 160px;
    margin-top: 3px;

    &:has(.macros-content) {
      width: 100%;
    }

    .macros-title {
      padding: 0;

      font: var(--default-text-font);
      text-align: left;

      background-color: inherit;
      border: none;
    }
  }

  .macros-params {
    padding: 0;

    > table {
      width: auto;
      margin: 0;
      padding: 0;
      border: none;

      th,
      td {
        padding: 2px 4px;
        background-color: rgb(0 0 0 / 10%);
        border: none;
      }
    }
  }

  .macros-content {
    padding: 8px;
    background-color: var(--color-gray-fff);
    border-top: 1px solid var(--color-gray-eee);
  }

  /* End: Преобразованные макросы */

  /* Макеты */
  div[data-layout-section='true'] {
    div[data-layout-column] {
      @include diff-node;

      cursor: auto;
      border-color: var(--color-gray-eee);
    }

    div[data-layout-column] [data-layout-content] {
      min-height: 24px;
    }
  }

  /* Вложение */
  div[data-attach-id].app-tinymce-card-preview {
    @include diff-node;

    pointer-events: none;

    .app-tinymce-href-preview {
      cursor: unset;
    }

    .app-tinymce-preview-actions {
      display: none;
    }

    ins,
    del {
      width: 100%;
      height: 100%;
    }
  }

  /* Start: Таблицы */
  .tableView-content-wrap[data-diff-node='ins'] table {
    th,
    td {
      background-color: #ecfdf0;
    }
  }

  .tableView-content-wrap[data-diff-node='del'] table {
    th,
    td {
      background-color: #fbe9eb;
    }
  }

  /* End */

  // Упоминания
  .mentions-macros .ak-renderer-wrapper {
    display: none;
  }
}