
/* 커스텀 저장 버튼이 포함된 버튼 그룹 단락만 최우측으로 안전하게 float 처리 */
.fr-btn-grp:has([data-cmd="customSave"]) {
	float: right !important;
}

/* [개선] 저장, 미리보기, 취소 아이콘의 크기와 색상 톤을 순정 버튼 디자인과 100% 일치하도록 보정 */
.fr-command[data-cmd^="custom"] .fr-svg {
	transform: scale(0.82) !important; /* 아이콘 크기 미세 축소 */
	fill: #333333 !important;          /* 순정 에디터 아이콘 고유 색상 톤 매칭 */
}

/* 미리보기 취소 버튼이 비활성화(fr-disabled) 일 때 undo, redo 처럼 불투명 및 클릭 잠금 처리 */
.fr-command[data-cmd="customCancelPreview"].fr-disabled {
	opacity: 0.25 !important;          /* 순정 비활성화 불투명도 동기화 */
	cursor: not-allowed !important;
	pointer-events: none !important;
}

/* 에디터 하단 실시간 미리보기 컨테이너 디자인 */
.fr-custom-preview-container {
	margin-top: 15px;
	padding: 20px;
	background-color: #fbfbfb;
	border: 1px dashed #ced4da;
	border-radius: 4px;
	min-height: 100px;
	box-sizing: border-box;
	clear: both;
}

/* 미리보기 영역 타이틀 바 */
.fr-custom-preview-title {
	font-size: 12px;
	font-weight: bold;
	color: #6c757d;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #e9ecef;
	padding-bottom: 4px;
}  

/* =========================================================================
   [오버라이드] 공통 프레임워크 리셋 방어 및 에디터/뷰어 서식 복원
   ========================================================================= */

/* 에디터 내부 및 Viewer 영역(.fr-view)의 h1 ~ h6 제목 태그 굵기 및 기본 정렬 복원 */
.fr-view h1, 
.fr-view h2, 
.fr-view h3, 
.fr-view h4, 
.fr-view h5, 
.fr-view h6 {
	font-weight: bold !important;
	color: #333333 !important;
	display: block !important;
	margin-top: 0.67em !important;
	margin-bottom: 0.67em !important;
	line-height: 1.25 !important;
}

/* 각 단락 포맷별 표준 크기 비율 강제 지정 */
.fr-view h1 { font-size: 2.00em !important; } /* 제목 1 */
.fr-view h2 { font-size: 1.50em !important; } /* 제목 2 */
.fr-view h3 { font-size: 1.17em !important; } /* 제목 3 */
.fr-view h4 { font-size: 1.00em !important; } /* 제목 4 */
.fr-view h5 { font-size: 0.83em !important; }
.fr-view h6 { font-size: 0.67em !important; }

/* em 태그(기울임꼴)의 스타일 속성 강제 복원 */
.fr-view em {
	font-style: italic !important;
}

/* =========================================================================
   표 속성 컬러 팔레트 표시 보정
   colors.min.css의 .fr-color-set { display: none; } 규칙보다 우선 적용
   ========================================================================= */

.fr-popup .fr-color-set.fr-table-colors {
    display: block !important;
    line-height: 0;
    padding: 20px;
    padding-bottom: 0;
}