/**
 * Debug panel styles.
 *
 * This panel is a development/QA aid only — it is NOT part of the final
 * design and shows the live tracking state (see js/debug.js) so the
 * referral chain can be verified without opening devtools.
 */

#msd-debug-panel {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 999;
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid var(--color-accent, #c82151);
  border-radius: 8px;
  padding: 10px 14px;
  font-family: monospace;
  font-size: 11px;
  color: #0f0;
  max-width: 320px;
}

#msd-debug-panel summary {
  cursor: pointer;
  color: #fff;
  font-family: var(--font-body, sans-serif);
}

#msd-debug-panel pre {
  white-space: pre-wrap;
  word-break: break-all;
  margin-top: 8px;
}