/* ExtJS Panel Overrides for a cleaner look */
.x-panel {
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  border: none !important;
}

.x-panel-header {
  background-color: #f3f7fc !important;
  border-color: #e2e8f0 !important;
  color: #3a5a8c !important;
  font-family: consolas, monospace, Arial, sans-serif !important;
  border-width: 0 0 1px 0 !important;
  padding: 8px 10px !important;
}

.x-panel-body {
  border: none !important;
  background-color: #ffffff !important;
}

/* Remove unnecessary borders */
.x-border-layout-ct {
  border: none !important;
}

.x-panel-default-framed {
  border: none !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* Clean up splitters */
.x-splitter {
  background-color: #f0f4f8 !important;
  border: none !important;
}

.x-splitter-hover {
  background-color: #e2e8f0 !important;
}

/* CodeMirror area styling */
.code-editor {
  border: none !important;
}

/* Form field styling */
.x-form-text {
  border-color: #e2e8f0 !important;
  background-color: #f8fafc !important;
  color: #374151 !important;
}

.x-form-text:focus {
  border-color: #93c5fd !important;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3) !important;
}

/* Headers and buttons */
.x-panel-header-text {
  color: #3a5a8c !important;
  font-weight: 500 !important;
}

/* Tool buttons */
.x-tool img {
  background-color: #f3f7fc !important;
}

/* Clean up borders between panes */
.x-border-item {
  border: none !important;
}

/* Panel with ID panel-1009-body and similar */
[id*="panel-"][id*="-body"] {
  border: none !important;
  background-color: #ffffff !important;
}