/* Rintoqi Note - warna dan gaya isi catatan (dipakai di editor dan halaman berbagi) */
:root {
  --latar: #f5f7fb;
  --kartu: #ffffff;
  --kartu2: #f0f3f9;
  --teks: #1b2433;
  --teks2: #5b6678;
  --garis: #e2e7f0;
  --aksen: #3b6cf6;
  --aksen-teks: #ffffff;
  --aksen-lembut: #e8eefe;
  --bahaya: #d6403a;
  --sukses: #12805c;
  --peringatan: #9a6700;
  --bayangan: 0 6px 24px rgba(20, 30, 60, .12);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="terang"]) {
    --latar: #0e121a;
    --kartu: #161b26;
    --kartu2: #1d2433;
    --teks: #e8ecf3;
    --teks2: #9aa5b8;
    --garis: #2a3243;
    --aksen: #6c93ff;
    --aksen-teks: #0b1020;
    --aksen-lembut: #1e2a4a;
    --bahaya: #ff7a6e;
    --sukses: #3ccf9b;
    --peringatan: #e3b341;
    --bayangan: 0 6px 24px rgba(0, 0, 0, .5);
    color-scheme: dark;
  }
}
:root[data-tema="gelap"] {
  --latar: #0e121a;
  --kartu: #161b26;
  --kartu2: #1d2433;
  --teks: #e8ecf3;
  --teks2: #9aa5b8;
  --garis: #2a3243;
  --aksen: #6c93ff;
  --aksen-teks: #0b1020;
  --aksen-lembut: #1e2a4a;
  --bahaya: #ff7a6e;
  --sukses: #3ccf9b;
  --peringatan: #e3b341;
  --bayangan: 0 6px 24px rgba(0, 0, 0, .5);
  color-scheme: dark;
}

.isi-catatan {
  font-size: 16px;
  line-height: 1.65;
  color: var(--teks);
  outline: none;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.isi-catatan > *:first-child { margin-top: 0; }
.isi-catatan p { margin: .55em 0; }
.isi-catatan h1, .isi-catatan h2, .isi-catatan h3, .isi-catatan h4 { line-height: 1.3; margin: 1.1em 0 .4em; }
.isi-catatan h1 { font-size: 1.85em; }
.isi-catatan h2 { font-size: 1.5em; }
.isi-catatan h3 { font-size: 1.25em; }
.isi-catatan h4 { font-size: 1.08em; }
.isi-catatan ul, .isi-catatan ol { padding-left: 1.6em; margin: .5em 0; }
.isi-catatan li > p { margin: .15em 0; }
.isi-catatan ol { list-style: decimal; }
.isi-catatan ol ol { list-style: lower-alpha; }
.isi-catatan ol ol ol { list-style: lower-roman; }
.isi-catatan ul { list-style: disc; }
.isi-catatan ul ul { list-style: circle; }
.isi-catatan ul ul ul { list-style: square; }
.isi-catatan ul[data-type="taskList"] { list-style: none; padding-left: .2em; }
.isi-catatan ul[data-type="taskList"] > li { display: flex; gap: .55em; align-items: flex-start; }
.isi-catatan ul[data-type="taskList"] > li > label { flex: 0 0 auto; margin-top: .32em; user-select: none; }
.isi-catatan ul[data-type="taskList"] > li > label input { width: 1.1em; height: 1.1em; accent-color: var(--aksen); cursor: pointer; }
.isi-catatan ul[data-type="taskList"] > li > div { flex: 1 1 auto; min-width: 0; }
.isi-catatan ul[data-type="taskList"] > li[data-checked="true"] > div { color: var(--teks2); text-decoration: line-through; }
.isi-catatan ul[data-type="taskList"] ul[data-type="taskList"] { margin: 0; }
.isi-catatan blockquote { margin: .8em 0; padding: .2em 1em; border-left: 4px solid var(--aksen); color: var(--teks2); background: var(--kartu2); border-radius: 0 8px 8px 0; }
.isi-catatan code { background: var(--kartu2); padding: .1em .35em; border-radius: 6px; font: .92em ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.isi-catatan pre { background: var(--kartu2); padding: .8em 1em; border-radius: 10px; overflow-x: auto; }
.isi-catatan pre code { background: none; padding: 0; }
.isi-catatan hr { border: 0; border-top: 2px solid var(--garis); margin: 1.4em 0; }
.isi-catatan a { color: var(--aksen); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.isi-catatan img { max-width: 100%; height: auto; border-radius: 8px; display: block; margin: .6em 0; }
.isi-catatan img.ProseMirror-selectednode { outline: 3px solid var(--aksen); }
.isi-catatan mark { border-radius: 3px; padding: 0 .1em; color: inherit; }
.isi-catatan table { border-collapse: collapse; table-layout: fixed; width: 100%; margin: 1em 0; overflow: hidden; }
.isi-catatan td, .isi-catatan th { border: 1px solid var(--garis); padding: .4em .6em; vertical-align: top; position: relative; min-width: 1em; box-sizing: border-box; }
.isi-catatan th { background: var(--kartu2); font-weight: 700; text-align: left; }
.isi-catatan td > p, .isi-catatan th > p { margin: .15em 0; }
.isi-catatan .tableWrapper { overflow-x: auto; }
.isi-catatan .selectedCell::after { content: ""; position: absolute; inset: 0; background: rgba(59, 108, 246, .2); pointer-events: none; }
.isi-catatan .column-resize-handle { position: absolute; right: -2px; top: 0; bottom: -2px; width: 4px; background: var(--aksen); pointer-events: none; }
.isi-catatan.resize-cursor, .resize-cursor .isi-catatan { cursor: col-resize; }
.isi-catatan p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: var(--teks2);
  opacity: .7;
  pointer-events: none;
  height: 0;
}

/* ukuran dan posisi gambar */
.isi-catatan img[data-align="center"] { margin-left: auto; margin-right: auto; }
.isi-catatan img[data-align="right"] { margin-left: auto; margin-right: 0; }
.isi-catatan img[data-align="left"] { margin-left: 0; margin-right: auto; }
.isi-catatan.bagikan img, .isi-catatan img { cursor: zoom-in; }
[contenteditable="true"].isi-catatan img { cursor: pointer; }

/* perbesar gambar (zoom) */
.zoom-lapisan { position: fixed; inset: 0; z-index: 5000; background: rgba(8, 10, 16, .92); display: flex; flex-direction: column; }
.zoom-bar { display: flex; gap: 8px; align-items: center; justify-content: center; padding: 10px; }
.zoom-bar button { min-width: 42px; height: 42px; padding: 0 12px; border: 0; border-radius: 10px; background: rgba(255, 255, 255, .14); color: #fff; font: inherit; font-size: 1.2rem; cursor: pointer; }
.zoom-bar button:hover { background: rgba(255, 255, 255, .25); }
.zoom-nilai { color: #fff; min-width: 54px; text-align: center; font-size: .95rem; }
.zoom-kanvas { flex: 1; min-height: 0; display: grid; place-items: center; overflow: hidden; touch-action: none; }
.zoom-kanvas img { max-width: 96vw; max-height: 100%; object-fit: contain; transform-origin: center; user-select: none; -webkit-user-drag: none; border-radius: 0; margin: 0; cursor: grab; }