.custom-dark-tooltip {
  background: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 12px 14px;
  max-width: 720px;
  max-height: 420px;
  overflow: auto;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  font-size: 13px;
  line-height: 1.5;
  z-index: 9999;
  font-family: system-ui, sans-serif;
}

.custom-dark-tooltip .tooltip-content pre {
  margin: 0;
  white-space: pre-wrap;
  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
  font-size: 12px;
  color: #111827;
}

.custom-dark-tooltip .tooltip-content pre {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: Consolas, 'Courier New', Monaco, Menlo, monospace;
  font-size: 14px;    /* content font size */
  color: inherit;     /* keep black */
}

/* Light grey scrollbars */
.custom-dark-tooltip::-webkit-scrollbar { width: 8px; height: 8px; }
.custom-dark-tooltip::-webkit-scrollbar-track { background: #ededed; border-radius: 4px; }
.custom-dark-tooltip::-webkit-scrollbar-thumb { background: #cfcfcf; border-radius: 4px; }
.custom-dark-tooltip::-webkit-scrollbar-thumb:hover { background: #bdbdbd; }