/* ========================================================================
   Inline CSS extracted from editor.html
   ======================================================================== */

/* Import shared data table context menu styles */
@import '../../../../../../static/shared/css/components/data-table/context-menu.css';

/* Tree empty state */
.tree-empty-state {
    padding: 12px;
    color: var(--text-muted);
    font-size: 12px;
}

.tree-empty-state .fa-folder-open {
    margin-bottom: 8px;
    opacity: 0.5;
}

/* Export plot CSV button (initially hidden) */
#export-plot-csv-btn {
    display: none;
}

/* Guide colorbar properties (initially hidden) */
#guide-colorbar-props {
    display: none;
}

/* Status circle indicator */
.status-item .fa-circle {
    color: var(--status-success);
    font-size: 8px;
}

/* Hidden file input */
#data-file-input {
    display: none;
}

/* Modal containers (initially hidden) */
#font-modal,
#colors-modal,
#size-modal,
#sort-modal,
#filter-modal,
#compute-modal,
#shortcuts-modal {
    display: none;
}

/* Modal content max-widths */
#font-modal .modal-content,
#colors-modal .modal-content,
#size-modal .modal-content,
#sort-modal .modal-content {
    max-width: 400px;
}

#filter-modal .modal-content,
#compute-modal .modal-content {
    max-width: 450px;
}

/* Keyboard Shortcuts Modal styles are defined dynamically in interactions.ts */