/**
 * D-Net Content Builder v6 - CKEditor Styling
 * Custom styling to match platform theme
 */

/* Container styling */
.cb-container {
    border-radius: 8px;
    overflow: hidden;
}

/* Override CKEditor chrome to match platform */
.cke_chrome {
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px !important;
    overflow: hidden;
}

.cke_inner {
    background: var(--dss-color-background-module, #12121a) !important;
}

/* Toolbar styling */
.cke_top {
    background: linear-gradient(180deg, 
        rgba(var(--dss-color-background-module-rgb, 18, 18, 26), 0.95), 
        rgba(var(--dss-color-background-module-rgb, 18, 18, 26), 0.85)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Editor content area */
.cke_contents {
    background: var(--dss-color-background-module, #12121a) !important;
}

.cke_wysiwyg_frame,
.cke_wysiwyg_div {
    background: var(--dss-color-background-module, #12121a) !important;
}

/* Bottom bar */
.cke_bottom {
    background: var(--dss-color-background-module, #12121a) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Toolbar buttons */
.cke_button {
    border-radius: 4px !important;
}

.cke_button:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.cke_button_on {
    background: rgba(var(--dss-color-accent-glow-rgb, 0, 255, 136), 0.2) !important;
}

/* Dropdowns */
.cke_combo_button {
    border-radius: 4px !important;
}

.cke_combo_button:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Panel styling for dropdowns */
.cke_panel {
    background: var(--dss-color-background-module, #12121a) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px !important;
}

.cke_panel_listItem a {
    color: var(--dss-color-text-primary, #fff) !important;
}

.cke_panel_listItem a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Source mode styling */
.cke_source {
    background: var(--dss-color-background-module, #12121a) !important;
    color: var(--dss-color-text-primary, #fff) !important;
    font-family: 'Courier New', monospace !important;
}

/* Preview styling in editor content */
.cb-preview {
    background: transparent !important;
    color: var(--dss-color-text-primary, #fff) !important;
    font-family: var(--dss-font-family-primary, 'Segoe UI', sans-serif) !important;
    padding: 1rem !important;
}

/* Product embed styling */
.product-embed {
    padding: 16px;
    margin: 16px 0;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    background: rgba(0,0,0,0.2);
}

/* Resize handle */
.cke_resizer {
    border-color: transparent rgba(255, 255, 255, 0.3) transparent transparent !important;
}