/* Default styles untuk canvas builder */
body {
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
}

/* Style untuk empty canvas placeholder */
#empty-canvas {
    min-height: 100vh !important;
    background-color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #666 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
    transition: all 0.3s ease !important;
}

/* Memastikan wrapper juga memiliki background putih */
.gjs-cv-canvas {
    background-color: #ffffff !important;
}

/* Reset untuk komponen drag & drop */
.gjs-dashed * {
    box-sizing: border-box !important;
}

/* Style untuk komponen yang sedang di-drag */
.gjs-highlighted {
    outline: 2px dashed #007bff !important;
}

/* Memastikan container utama memiliki background putih */
#gjs {
    background-color: #ffffff !important;
}

/* Style untuk panel builder */
.gjs-pn-panel {
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

/* Style untuk blok komponen */
.gjs-blocks-c {
    background-color: #ffffff !important;
}

/* Style untuk property panel */
.gjs-sm-properties {
    background-color: #ffffff !important;
}