body { font-family: 'Plus Jakarta Sans', sans-serif; }

.custom-scrollbar::-webkit-scrollbar { width: 5px; height: 5px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.tab-content { animation: sidiskaFade 0.18s ease-in; }
@keyframes sidiskaFade {
    from { opacity: 0.35; }
    to   { opacity: 1; }
}

/* Dropdown ekspor: sembunyikan marker default <summary> */
summary.export-summary { list-style: none; }
summary.export-summary::-webkit-details-marker { display: none; }

.tpl-tab-active {
    background: #047857;
    color: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.15);
}

/* --------------------------------------------------------------------------
   Pratinjau & cetak dokumen (A4)
   -------------------------------------------------------------------------- */
.doc-a4 {
    width: 210mm;
    min-height: 297mm;
    padding: 20mm 25mm 20mm 30mm;
    background: #ffffff;
    color: #000000;
    font-family: 'Times New Roman', Times, serif;
    font-size: 16px;
    line-height: 1.45;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.12);
    margin: 0 auto;
    box-sizing: border-box;
    overflow-wrap: break-word;
    transform-origin: top center;
    zoom: 0.78;
}
.doc-a4 h1, .doc-a4 h2, .doc-a4 h3 { font-weight: bold; }
.doc-a4 p { margin: 6px 0; }
.doc-a4 table { border-collapse: collapse; width: 100%; }
.doc-a4 img { max-width: 100%; }

/* Mode perbesar: panel preview template memenuhi layar */
#tplPreviewPanel.tpl-preview-full {
    position: fixed;
    inset: 0;
    z-index: 70;
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    box-shadow: none;
}
#tplPreviewPanel.tpl-preview-full #tplPreviewViewport {
    flex: 1;
    max-height: none;
}
body.tpl-preview-open { overflow: hidden; }