/* Minimal custom overrides on top of Tailwind CDN */
html, body { height: 100%; }
#app { min-height: 100%; }

/* Monaco editor container */
.monaco-editor-host {
  height: 100%;
  min-height: 400px;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  overflow: hidden;
}

/* File tree */
.file-tree-item:hover { background-color: #f1f5f9; }
.file-tree-item.active { background-color: #dbeafe; color: #1d4ed8; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }

/* Loading spinner */
.spinner {
  width: 1.25rem; height: 1.25rem;
  border: 2px solid #e2e8f0;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* File manager table */
table tbody tr:hover td { transition: background-color 0.1s ease; }