/* Scoping wrapper untuk Lexxy editor di halaman edit document.
 *
 * Lexxy gem sudah menggunakan :where() (zero specificity) dan prefix
 * --lexxy-* untuk variabelnya, jadi tidak akan konflik dengan Tailwind.
 *
 * File ini memastikan variabel --lexxy-* hanya relevan di dalam container
 * .lexxy-scope. Variabel di :root (dari gem) tidak berbahaya karena hanya
 * dipakai oleh elemen lexxy-editor dan .lexxy-content, tapi kita deklarasikan
 * ulang di .lexxy-scope agar eksplisit bahwa area ini adalah area Lexxy.
 */
.lexxy-scope {
  /* Lexxy editor perlu tinggi minimum agar toolbar dan area tulis terlihat */
  lexxy-editor {
    display: block;
    min-height: 300px;
  }

  /* Di area flex (edit form), editor melebar vertikal mengisi ruang tersisa */
  .lexxy-editor-wrapper lexxy-editor {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .lexxy-editor-wrapper lexxy-editor .lexxy-editor__content {
    flex: 1;
    min-height: 0;
    overflow: auto;
  }

  /* Toolbar tetap di atas saat konten discroll */
  .lexxy-editor-wrapper lexxy-toolbar {
    position: sticky;
    top: 0;
    z-index: 2;
    flex-shrink: 0;
    background-color: var(--lexxy-color-canvas, #fff);
  }
}