@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


body {
  font-family: Arial, sans-serif;
}

.feather {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.m {
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
}

#python-script-container .CodeMirror {
  background-color: #f9fafb;
  border: 1px solid #f2efe8;
  border-radius: 0;
}

#json-script-container .CodeMirror {
  background-color: #f9fafb;
  border: 1px solid #f2efe8;
  border-radius: 0;
}

#python-script-container .CodeMirror-gutters {
  background-color: #f9fafb;
  border-right: transparent;
}

#json-script-container .CodeMirror-gutters {
  background-color: #f9fafb;
  border-right: transparent;
}

#editor-toolbar {
  background-color: #ffffff;
  border: 1px solid #f2efe8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
}

#diff-toolbar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
}

#input-toolbar {
  background-color: #ffffff;
  border: 1px solid #f2efe8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.output_data {
  background-color: #f9fafb;
  border: 1px solid #f2efe8;
  border-radius: 0;
}

/* Enhanced Modal Styling */
.modal-content {
  border: none;
  border-radius: 6px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.modal-header {
  background-color: #0A2240;
  color: white;
  border-bottom: none;
  padding: 1.25rem 1.5rem;
}

.modal-header .btn-close {
  filter: brightness(0) invert(1);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.modal-header .btn-close:hover {
  opacity: 1;
}

.modal-title {
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.modal-body {
  padding: 1.75rem 1.5rem;
  line-height: 1.6;
}

.modal-footer {
  background-color: #fcfcfc;
  border-top: 1px solid #edf2f7;
  padding: 1rem 1.5rem;
}

.modal-footer .btn {
  padding: 0.5rem 1.25rem;
  font-weight: 500;
  border-radius: 4px;
}

/* PACS theme specific modal overrides */
.pacs-theme .modal-content {
  background-color: #1a2b42;
  color: #e2e8f0;
  border: 1px solid #2d3748;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
}

.pacs-theme .modal-header {
  background-color: #243a54;
  border-bottom: 1px solid #2d3748;
}

.pacs-theme .modal-footer {
  background-color: #121e2d;
  border-top: 1px solid #2d3748;
}

.pacs-theme .modal-body .bg-light {
  background-color: #0f1a28 !important;
  color: #ffffff;
  border-color: #2d3748 !important;
}

.pacs-theme .modal-body .text-muted {
  color: #a0aec0 !important;
}