body { font-family: 'Inter', sans-serif; }
html, body { height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; }
#map { height: 100%; width: 100%; background-color: #1a202c; }
#editor-panel { transition: transform 0.3s ease-in-out; }
.editor-hidden { transform: translateX(100%); }
        
#editor-content::-webkit-scrollbar, #validation-errors::-webkit-scrollbar { width: 8px; }
#editor-content::-webkit-scrollbar-track, #validation-errors::-webkit-scrollbar-track { background: #2d3748; }
#editor-content::-webkit-scrollbar-thumb, #validation-errors::-webkit-scrollbar-thumb { background: #718096; border-radius: 4px; }
#editor-content::-webkit-scrollbar-thumb:hover, #validation-errors::-webkit-scrollbar-thumb:hover { background: #a0aec0; }
        
.leaflet-popup-content-wrapper { background: #2d3748; color: #e2e8f0; border-radius: 8px; box-shadow: 0 3px 14px rgba(0,0,0,0.4); }
.leaflet-popup-tip { background: #2d3748; }
.leaflet-popup-content { margin: 13px 19px; font-size: 14px; line-height: 1.4; }
.leaflet-popup-close-button { color: #e2e8f0 !important; }

.leaflet-control-layers { background: #2d3748; border-radius: 8px; box-shadow: 0 1px 5px rgba(0,0,0,0.4); color: #e2e8f0; }
.leaflet-control-layers-toggle { width: 36px; height: 36px; background-color: #2d3748; }

.custom-svg-icon { background: none; border: none; }
.custom-svg-icon svg { filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5)); }
#app-container { padding-top: 64px; }

/**** Schema Explorer******/
.tree-node { transition: all 0.2s ease-in-out;}
.tree-node.filtered-out { display: none; }
.highlight { background-color: #451a03; color: #fbbf24; }