/* ===== 툴바/플라이아웃 기본 ===== */
.jjeditor-root,
.jjeditor-root .jj-wrap,
.jjeditor-root .jj-toolbar{ overflow:visible !important; }

.jj-toolbar{
  position:relative;
  z-index:auto !important;          /* ← z-index ‘없앰’ */
  overflow:visible !important;
}

.jj-toolbar .jj-listmenu,
.jj-toolbar .jj-alignmenu{
  position:relative; display:inline-flex; align-items:center;
}

/* 패널: 상단 툴바 기준으로 아래로 펼침(drop-down) */
.jj-toolbar .jj-listmenu .jj-list-fly,
.jj-toolbar .jj-alignmenu .jj-align-fly{
  position:absolute;
  left:0;
  top:100%;
  bottom:auto;
  margin-top:6px;              /* 간격 */
  min-width:160px; padding:6px;
  background:#fff; border:0; border-radius:var(--jj-radius,0);
  box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);
  z-index:2147483647; /* 툴바보다 높은 z-index */
  pointer-events:auto;
  display:none;
}
.jj-toolbar .jj-alignmenu[data-open="1"] .jj-align-fly,
.jj-toolbar .jj-listmenu[data-open="1"] .jj-list-fly{ 
  display:block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.jj-toolbar [role="menu"][hidden],
.jj-toolbar .jj-align-fly[hidden],
.jj-toolbar .jj-list-fly[hidden]{ 
  display:none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 항목 */
.jj-toolbar .jj-fly-item{
  display:flex; align-items:center; gap:8px; width:100%;
  padding:8px 10px; background:transparent; border:0; cursor:pointer;
  font:inherit; line-height:1.4; text-align:left;
}
.jj-toolbar .jj-fly-item:hover{ background:rgba(0,0,0,.06); }
.jj-toolbar .jj-fly-item.danger{ color:#d12a2a; }
.jj-toolbar .jj-fly-item.danger:hover{ background:rgba(209,42,42,.08); }

/* ===== 본문 목록(리셋 대응) ===== */
.jjeditor-root .jj-editor{ line-height:var(--jj-line,1.6); }
.jjeditor-root .jj-editor ul{
  list-style: disc outside !important;
  margin:0.15em 0; padding-inline-start:1.25em;
}
.jjeditor-root .jj-editor ol{
  list-style: decimal outside !important;
  margin:0.15em 0; padding-inline-start:1.25em;
}
.jjeditor-root .jj-editor li{
  display:list-item !important;
  margin:0; padding:0; line-height:inherit;
}
.jjeditor-root .jj-editor li::marker{ color: currentColor !important; }
.jjeditor-root .jj-editor li > p:only-child,
.jjeditor-root .jj-editor li > div:only-child{ margin:0; padding:0; display:contents; }
.jjeditor-root .jj-editor li ul,
.jjeditor-root .jj-editor li ol{ margin:0.15em 0; padding-inline-start:1.15em; }

/* ===== Toolbar: 스타일 셀렉터 + 문서모드 라벨 ===== */
:root{
  /* 이전 64px의 75% ≈ 48px */
  --jj-mode-w: 48px;
}

/* 분리선: 더 좁게 */
.jjeditor-root .jj-toolbar .jj-mode-sep{
  display:inline-block; width:1px; height:22px;
  background: rgba(0,0,0,.12);
  margin-left:3px; margin-right:3px;    /* 좌우 간격 확 줄임 */
  vertical-align:middle;
}
.jjeditor-root .jj-toolbar .jj-mode-sep--auto{ margin-left:auto; }

/* 문서모드 라벨: 투명 버튼(고정폭) */
.jjeditor-root .jj-toolbar .jj-mode-label{
  min-width:var(--jj-mode-w); max-width:var(--jj-mode-w); width:var(--jj-mode-w);
  height:30px;
  padding:0;
  border:0; background:transparent;
  font:700 13.5px/30px system-ui,-apple-system,Segoe UI,Roboto,Inter,"Noto Sans KR",sans-serif;
  color:#111827; text-align:center;
  cursor:pointer; user-select:none;
}
.jjeditor-root .jj-toolbar .jj-mode-label:hover{ color:#0f172a; }

/* 우측 고정 순서(스타일 → 분리선 → 라벨) */
.jjeditor-root .jj-toolbar .jj-format{ order: 999; }
.jjeditor-root .jj-toolbar .jj-mode-sep{ order: 999; }
.jjeditor-root .jj-toolbar .jj-mode-label{ order: 1000; }
.jjeditor-root .jj-left{ flex: 1 1 auto; }

/* 상태바/띠 숨김 + 텍스트/HTML 상단 보더 제거 */
.jjeditor-root .jj-statusbar,
.jjeditor-root .jj-resize-handle{ display:none !important; }
.jjeditor-root .jj-htmlview,
.jjeditor-root .jj-textview{ border-top:0 !important; }

/* ===== 툴바 상단 배치 (레이아웃 고정) ===== */
.jjeditor-root .jj-wrap{ display:flex; flex-direction:column; }
.jjeditor-root .jj-toolbar{
  order:10;
  border-bottom:1px solid var(--jj-border) !important;
  border-top:0 !important;
}
.jjeditor-root .jj-editor,
.jjeditor-root .jj-htmlview,
.jjeditor-root .jj-textview{ order:20; }
.jjeditor-root .jj-statusbar{ order:40; }

/* ===== 더보기의 중복 아이콘 완전 제거 ===== */
.jj-toolbar .jj-more-menu [data-act="ul"],
.jj-toolbar .jj-more-menu [data-act="ol"],
.jj-toolbar .jj-more-menu [data-cmd="insertUnorderedList"],
.jj-toolbar .jj-more-menu [data-cmd="insertOrderedList"],
.jj-toolbar .jj-more-menu [data-menu="ul"],
.jj-toolbar .jj-more-menu [data-menu="ol"],
.jj-toolbar .jj-more-menu [title*="숫자목록"],
.jj-toolbar .jj-more-menu [title*="기호목록"],
.jj-toolbar .jj-more-menu [aria-label*="숫자목록"],
.jj-toolbar .jj-more-menu [aria-label*="기호목록"],
.jj-toolbar .jj-more-menu i.fa-list-ul,
.jj-toolbar .jj-more-menu i.fa-list-ol {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}

/* ===== 색상 선택기 관련 오버레이 문제 해결 ===== */
.jj-color-pop {
  z-index: 2147483646 !important; /* 툴바보다 한 단계 아래 */
}
.jj-color-overlay,
.color-picker-overlay,
.jj-toolbar ~ .overlay {
  display: none !important;
}

/* ===== 정렬 및 목록 토글 버튼 스타일 ===== */
.jj-align-toggle, .jj-list-toggle {
  cursor: pointer;
}