/* Widget drag-and-drop */

/* Ghost (placeholder shown while dragging) — mirrors .widget-ghost for backward compat */
.widget-ghost,
.placeholder-dashboard-widgets {
    background: transparent !important;
    border: 2px dashed #94a3b8 !important;
    border-radius: 0.5rem;
    opacity: 1 !important;
}

.widget-ghost *,
.placeholder-dashboard-widgets * {
    visibility: hidden;
}

.dark .widget-ghost,
.dark .placeholder-dashboard-widgets {
    border-color: #475569 !important;
}

/* Drag handle — standard class name (same as Perfex) */
.widget-dragger {
    cursor: grab;
}

.widget-dragger:active {
    cursor: grabbing;
}

/* Empty container drop target — keeps a minimum height so widgets can be dropped in */
.dashboard-container:empty,
.dashboard-container > .placeholder-dashboard-widgets:only-child {
    min-height: 4rem;
}

.ql-container.ql-snow {
    min-height: 250px;
}

.ql-editor {
    min-height: 250px;
}

.ql-editor {
    max-height: 500px;
    overflow-y: auto;
}

.ql-toolbar {
    border-radius: 0.25rem 0.25rem 0px 0px;
}

.dark .ql-container {
    background-color: #1E293B;
    /* Dark background */
    color: white;
    /* Light text */
}

.dark .ql-toolbar {
    background-color: #1E293B;
    color: white;
    /* Dark toolbar background */
}

.dark .ql-toolbar svg {
    filter: invert(1);
}

.dark .ql-picker {
    background-color: #1E293B !important;
    /* Dark background */
    color: white !important;
    /* White text */
    border: 1px solid #444;
    /* Slight border for contrast */
}

.dark .ql-picker-label {
    color: white !important;
}

/* Dropdown menu styles */
.dark .ql-picker-options {
    background-color: #1E293B !important;
    /* Dark dropdown */
    color: white !important;
    border: 1px solid #444;
}

.dark .ql-picker-options :hover {
    color: orange !important;

}

.dark .ql-editor {
    background-color: #1E293B;
    /* Dark background for the editor */
    color: white;
    /* Light text color */
}

.dark .ql-editor.ql-blank {
    color: #888;
    /* Placeholder color */
}