/* =========================================
   DARK MODE ADJUSTMENTS
   ========================================= */

[data-theme="dark"] .panel-header {
  background-color: var(--workspace-bg-primary);
  border-bottom-color: var(--workspace-border-default);
}

[data-theme="dark"] .latex-panel,
[data-theme="dark"] .preview-panel {
  background-color: var(--workspace-bg-primary) !important;
  border-color: var(--workspace-border-subtle);
  box-shadow: none; /* flat workspace design — resizers handle separation */
}

/* PDF viewer and preview areas - match Monaco editor background */
[data-theme="dark"] .pdf-preview-container,
[data-theme="dark"] .pdf-preview-viewer,
[data-theme="dark"] #pdf-view,
[data-theme="dark"] .right-panel-view {
  background-color: #1e1e1e !important;
}

[data-theme="dark"] .split-view {
  background-color: var(--workspace-bg-primary) !important;
}

/* Editor container wrappers - match Monaco JS theme background (#1e1e1e) */
[data-theme="dark"] .writer-editor,
[data-theme="dark"] .editor-content-wrapper,
[data-theme="dark"] .latex-panel,
[data-theme="dark"] .writer-monaco-editor {
  background-color: #1e1e1e !important;
}

/* Monaco editor background controlled by shared MonacoTheme.ts (scitex-dark/scitex-light) */
/* No CSS overrides — let Monaco's JS theme system handle editor colors (same as Console) */

[data-theme="dark"] .horizontal-selector-group:hover {
  background: var(--workspace-bg-tertiary);
}

[data-theme="dark"] .horizontal-selector-group:focus-within {
  background: var(--workspace-bg-tertiary);
}

[data-theme="dark"] .horizontal-selector .form-select:hover {
  background: var(--workspace-bg-tertiary);
}

/* Sidebar/File tree area - dark tint-black (#0d1117) via --workspace-bg-monaco */
[data-theme="dark"] .writer-sidebar,
[data-theme="dark"] .sidebar-content,
[data-theme="dark"] #writer-file-tree,
[data-theme="dark"] .workspace-files-tree {
  background-color: var(--workspace-bg-monaco, #0d1117) !important;
}

/* Writer workspace main container */
[data-theme="dark"] .writer-workspace,
[data-theme="dark"] .writer-container {
  background-color: var(--workspace-bg-primary) !important;
}