/**
 * 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.
 *
 * Anchored bottom-LEFT (not the msd-dates default of bottom-right): this
 * layout's floating profile card owns the bottom-right corner on
 * tablet/desktop and the top-right corner on mobile (see styles.css), so
 * bottom-left is the one spot that stays clear on every breakpoint.
 */

#msd-debug-panel {
  position: fixed;
  bottom: 70px;
  left: 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;
}