/* Nội dung ghi chú — DANH SÁCH dùng chung (BA 2026-10-07: "AntiNote lùi đầu dòng
   nhiều cấp không hiển thị, Notebook thì có — rà soát đồng bộ").

   Quill chỉ gắn data-list + .ql-indent-N; dấu đầu dòng, số thứ tự, ô checklist và
   khoảng thụt theo cấp đều do CSS tự viết (app không nạp quill.core.css). Trước đây
   khối này chép riêng ở notics.css (.notics-editor) và antinote.css (.sticky-editor);
   bản AntiNote thiếu hẳn thụt lề .ql-indent-N và ô ☐/☑ nên danh sách con hiện
   phẳng. Một bản ở đây, nạp ở cả index.html và antiNote.html.

   Riêng từng cửa sổ (giữ ở file của nó): lề đoạn/danh sách (margin), màu chữ.
   Màu mục đã xong lấy --note-content-muted nếu cửa sổ đặt (AntiNote → --note-muted),
   mặc định --ui-text-muted. */
@layer legacy {
  :is(.notics-editor, .sticky-editor) .ql-editor :is(p, h1, h2, h3, h4, h5, h6, blockquote, pre, table, hr, antinote-att) {
    counter-set: list-0 0 list-1 0 list-2 0 list-3 0;
    counter-reset: list-0 list-1 list-2 list-3;
  }
  :is(.notics-editor, .sticky-editor) .ql-editor ol { padding-left: 1.5em; counter-reset: list-0 list-1 list-2 list-3; }
  :is(.notics-editor, .sticky-editor) .ql-editor li { position: relative; padding-left: 1.5em; list-style: none; }
  :is(.notics-editor, .sticky-editor) .ql-editor li > .ql-ui::before {
    display: inline-block; width: 1.2em; margin-left: -1.5em; margin-right: .3em;
    text-align: right; white-space: nowrap;
  }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="bullet"] > .ql-ui::before { content: "•"; }

  /* Bộ đếm theo cấp (Quill dựng mọi cấp phẳng trong một <ol>, phân cấp bằng
     .ql-indent-N): mỗi mục đặt lại bộ đếm của các cấp SÂU hơn nó trong MỘT khai
     báo counter-set — tách rule thì rule sau đè rule trước, danh sách con của mục
     "2." đánh tiếp c, d thay vì a. Mục không đánh số đặt lại bộ đếm cùng cấp. */
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list]:not([class*="ql-indent-"]) { counter-set: list-1 0 list-2 0 list-3 0; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list]:not([data-list="ordered"]):not([class*="ql-indent-"]) { counter-set: list-0 0 list-1 0 list-2 0 list-3 0; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list].ql-indent-1 { counter-set: list-2 0 list-3 0; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list]:not([data-list="ordered"]).ql-indent-1 { counter-set: list-1 0 list-2 0 list-3 0; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list].ql-indent-2 { counter-set: list-3 0; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list]:not([data-list="ordered"]).ql-indent-2 { counter-set: list-2 0 list-3 0; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list]:not([data-list="ordered"]):is(.ql-indent-3, .ql-indent-4, .ql-indent-5, .ql-indent-6, .ql-indent-7, .ql-indent-8) { counter-set: list-3 0; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="ordered"] { counter-increment: list-0; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="ordered"] > .ql-ui::before { content: counter(list-0, decimal) ". "; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="ordered"].ql-indent-1 { counter-increment: list-1; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui::before { content: counter(list-1, lower-alpha) ". "; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="ordered"].ql-indent-2 { counter-increment: list-2; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui::before { content: counter(list-2, lower-roman) ". "; }
  /* Cấp 4 trở xuống dùng chung một bộ đếm số. */
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="ordered"]:is(.ql-indent-3, .ql-indent-4, .ql-indent-5, .ql-indent-6, .ql-indent-7, .ql-indent-8) { counter-increment: list-3; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="ordered"]:is(.ql-indent-3, .ql-indent-4, .ql-indent-5, .ql-indent-6, .ql-indent-7, .ql-indent-8) > .ql-ui::before { content: counter(list-3, decimal) ". "; }

  /* Thụt lề theo cấp: đoạn thường lùi 3em/cấp; mục danh sách cộng thêm 1.5em
     chỗ cho dấu đầu dòng. */
  :is(.notics-editor, .sticky-editor) .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; }
  :is(.notics-editor, .sticky-editor) .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; }
  :is(.notics-editor, .sticky-editor) .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; }
  :is(.notics-editor, .sticky-editor) .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; }
  :is(.notics-editor, .sticky-editor) .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; }
  :is(.notics-editor, .sticky-editor) .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; }
  :is(.notics-editor, .sticky-editor) .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; }
  :is(.notics-editor, .sticky-editor) .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; }
  :is(.notics-editor, .sticky-editor) .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; }
  :is(.notics-editor, .sticky-editor) .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; }
  :is(.notics-editor, .sticky-editor) .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; }
  :is(.notics-editor, .sticky-editor) .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; }
  :is(.notics-editor, .sticky-editor) .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; }
  :is(.notics-editor, .sticky-editor) .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; }
  :is(.notics-editor, .sticky-editor) .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; }
  :is(.notics-editor, .sticky-editor) .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; }

  /* Checklist ("Task List" trong nội dung). Bấm thẳng ô vuông đổi trạng thái
     (Quill core, formats/list.js) — không cần JS riêng. */
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="unchecked"] > .ql-ui,
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="checked"] > .ql-ui {
    cursor: pointer;
    font-size: 1.05em;
  }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="unchecked"] > .ql-ui::before { content: "\2610"; }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="checked"] > .ql-ui::before { content: "\2611"; color: var(--ui-accent); }
  :is(.notics-editor, .sticky-editor) .ql-editor li[data-list="checked"] {
    color: var(--note-content-muted, var(--ui-text-muted));
    text-decoration: line-through;
  }
}