/* SmartEditor2 커스텀 스타일 */

/* 메인 컨테이너 */
#smart_editor2 {
  width: 100% !important;
  min-height: 400px !important;
  font-family: '돋움', Dotum, Helvetica, sans-serif !important;
}

#smart_editor2_content {
  width: 100% !important;
  min-height: 400px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 4px !important;
}

/* 에디터 입력 영역 */
.se2_input_area {
  min-height: 400px !important;
  height: 400px !important;
  width: 100% !important;
}

.se2_input_wysiwyg {
  min-height: 400px !important;
  height: 400px !important;
  width: 100% !important;
  padding: 10px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* 툴바 스타일 */
.se2_tool {
  border: 1px solid #d1d5db !important;
  background: #f4f4f4 !important;
  border-radius: 4px 4px 0 0 !important;
}

.se2_text_tool {
  background: #f4f4f4 !important;
  border-bottom: 1px solid #d1d5db !important;
}

.se2_tool .se2_tool_btn {
  border-right: 1px solid #e5e7eb !important;
  transition: background-color 0.2s ease !important;
}

.se2_tool .se2_tool_btn:hover {
  background-color: #f3f4f6 !important;
}

/* iframe 스타일 */
iframe[src*="SmartEditor2Skin.html"] {
  width: 100% !important;
  min-height: 400px !important;
  border: none !important;
  border-radius: 0 0 4px 4px !important;
}

/* 에디터 내부 iframe 스타일 강제 적용 */
iframe[src*="SmartEditor2Skin.html"] body {
  margin: 0 !important;
  padding: 0 !important;
}

/* 로딩 상태 스타일 */
.smart-editor-loading {
  width: 100%;
  height: 400px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f9fafb;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
  #smart_editor2,
  #smart_editor2_content,
  .se2_input_area,
  .se2_input_wysiwyg {
    min-height: 300px !important;
  }
  
  iframe[src*="SmartEditor2Skin.html"] {
    min-height: 300px !important;
  }
}