/* CKEditor Word-like Styling - Background abu-abu seperti Word */
.word-style-editor,
#word-editor-body {
    font-family: 'Times New Roman', Times, serif !important;
    font-size: 12pt !important;
    line-height: 1.5 !important;
    color: #000 !important;
    background: #e5e5e5 !important;
    padding: 20px !important;
}

/* CKEditor Content Area - Tampilan seperti Word dengan kertas putih */
.cke_editable {
    font-family: 'Times New Roman', Times, serif !important;
    font-size: 12pt !important;
    line-height: 1.5 !important;
    color: #000 !important;
    background: #ffffff !important;
    padding: 2.5cm 2cm !important;
    max-width: 21cm !important;
    min-height: 29.7cm !important;
    margin: 20px auto !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.3) !important;
    border: 1px solid #999 !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* CKEditor Frame - Background abu-abu */
.cke_contents {
    background: #e5e5e5 !important;
    padding: 20px !important;
    border: 1px solid #ccc !important;
}

/* CKEditor Editor Container - Background abu-abu */
.cke_inner {
    background: #e5e5e5 !important;
    border: 1px solid #ccc !important;
}

/* CKEditor Wrapper */
.cke_wrapper {
    background: #e5e5e5 !important;
}

/* CKEditor Editor */
.cke {
    background: #e5e5e5 !important;
}

/* Table styling seperti Word */
.cke_editable table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 10px 0 !important;
}

.cke_editable table td,
.cke_editable table th {
    border: 1px solid #000 !important;
    padding: 8px !important;
    text-align: left !important;
}

/* Paragraph spacing */
.cke_editable p {
    margin: 0 0 12pt 0 !important;
    text-align: justify !important;
}

.cke_editable img {
    max-width: 100% !important;
    height: auto !important;
}

.cke_editable p[style*="text-align: center"] img,
.cke_editable div[style*="text-align: center"] img {
    display: inline-block !important;
}

.cke_editable img[align="center"],
.cke_editable img.aligncenter,
.cke_editable img.image-style-align-center,
.cke_editable img[style*="margin-left: auto"][style*="margin-right: auto"] {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Heading styles */
.cke_editable h1 {
    font-size: 18pt !important;
    font-weight: bold !important;
    margin: 12pt 0 !important;
}

.cke_editable h2 {
    font-size: 16pt !important;
    font-weight: bold !important;
    margin: 10pt 0 !important;
}

.cke_editable h3 {
    font-size: 14pt !important;
    font-weight: bold !important;
    margin: 8pt 0 !important;
}

/* List styling */
.cke_editable ul,
.cke_editable ol {
    margin: 12pt 0 !important;
    padding-left: 40px !important;
}

.cke_editable li {
    margin: 6pt 0 !important;
}

/* Horizontal rule */
.cke_editable hr {
    border: none !important;
    border-top: 2px solid #000 !important;
    margin: 20px 0 !important;
}

/* Center alignment */
.cke_editable [style*="text-align: center"] {
    text-align: center !important;
}

/* Right alignment */
.cke_editable [style*="text-align: right"] {
    text-align: right !important;
}

/* Placeholder styling */
.cke_editable code {
    background: #f0f0f0 !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
    font-family: 'Courier New', monospace !important;
    color: #d63384 !important;
}