/* ===========================================================
   SQL FORMATTER STYLES
=========================================================== */
.sf-root .sf-body { gap: 4px; }
.sf-input-pane { flex: 1; min-width: 0; }
.sf-output-pane { flex: 1; min-width: 0; }

.sf-input-pane textarea {
  font-family: "Courier New", monospace !important;
  font-size: 12px;
  white-space: pre; word-wrap: normal; overflow: auto;
}

.sf-output {
  flex: 1; overflow: auto;
  background: #ffffff;
  margin: 0; padding: 8px 12px;
  font-family: "Courier New", monospace; font-size: 12px;
  line-height: 1.5;
  color: #000080;
  white-space: pre;
  min-height: 0;
}