::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #e2e8f0; }
::-webkit-scrollbar-thumb { background: #a0aec0; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #718096; }

.tab-content:not(.active) { display: none !important; }

.tab-button { border-bottom: 2px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.75rem; font-weight: 500; color: #4a5568; }
.tab-button:hover { color: #2c5282; }
.tab-button.active { border-bottom-color: #4299e1; color: #2b6cb0; }

.file-item:hover, .symbol-item:hover { background-color: #e2e8f0; }
.file-item.active, .symbol-item.active { background-color: #bee3f8; color: #2b6cb0; }
.CodeMirror { height: 100%; font-size: 14px; border: 1px solid #cbd5e0; border-radius: 0.375rem; }
#outputResizer { height: 8px; background-color: #e2e8f0; cursor: ns-resize; transition: background-color 0.2s; }
#outputResizer:hover { background-color: #cbd5e0; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: #f9fafb; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); z-index: 100; border: 1px solid #e5e7eb; border-radius: 0.25rem; }
.dropdown-content button, .dropdown-content a, .dropdown-content label { color: #374151; padding: 8px 12px; text-decoration: none; display: block; width: 100%; text-align: left; font-size: 0.875rem; cursor: pointer; }
.dropdown-content button:hover, .dropdown-content a:hover, .dropdown-content label:hover { background-color: #e5e7eb; }
.dropdown:hover .dropdown-content { display: block; }
.menu-separator { height: 1px; background-color: #e5e7eb; margin: 4px 0; }
.menu-item-checkbox { margin-right: 8px; vertical-align: middle; }
.dropdown-content label { display: flex; align-items: center; }
.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 500px; border-radius: 0.375rem; color: #1f2937; }
.modal-header { padding-bottom: 10px; border-bottom: 1px solid #e5e7eb; }
.modal-footer { padding-top: 10px; border-top: 1px solid #e5e7eb; text-align: right; }
.close-button { color: #aaa; float: right; font-size: 28px; font-weight: bold; }
.close-button:hover, .close-button:focus { color: black; text-decoration: none; cursor: pointer; }

.bottom-panel-tab-content { height: 100%; display: flex; flex-direction: column; }
/* Single textarea for all console output */
#consoleOutput {
flex-grow: 1;
width: 100%;
background-color: #f9fafb;
color: #374151;
padding: 0.5rem;
font-size: 0.75rem;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
border-radius: 0.375rem;
border: 1px solid #d1d5db;
resize: none;
min-height: 100px; /* Ensure it's visible */
}
.immediate-input-area { display: flex; gap: 0.5rem; padding-top: 0.5rem; }
#immediateCommandInput { flex-grow: 1; font-size: 0.75rem; padding: 0.25rem 0.5rem; border: 1px solid #d1d5db; border-radius: 0.375rem; }
#runImmediateCmdBtn { padding: 0.25rem 0.75rem; font-size: 0.75rem; }

.symbol-item { padding: 0.25rem 0.375rem; border-radius: 0.25rem; cursor: pointer; display: flex; align-items: center; font-size: 0.75rem; }
.symbol-icon { margin-right: 0.375rem; width: 0.875rem; height: 0.875rem; }