/* ============================================================================
 * traps/traps.css — Styles owned by the trap harness.
 *
 * Trap-specific rules are injected by each arm at init so that a disabled arm
 * contributes no CSS at all. What lives here is only what has to exist before
 * any arm runs: the debug panel.
 * ==========================================================================*/

.trap-debug {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 2147483000;
  max-width: 340px;
  max-height: 70vh;
  overflow: auto;
  padding: 10px 12px;
  border-radius: 6px;
  background: #10141b;
  color: #d6dde8;
  font: 11px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
  pointer-events: auto;
}

.trap-debug-title {
  margin-bottom: 6px;
  padding-bottom: 5px;
  border-bottom: 1px solid #2a3240;
  color: #7fd6b0;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.trap-debug-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.trap-debug-key {
  color: #8996a8;
  white-space: nowrap;
}

.trap-debug-val {
  color: #e8eef6;
  text-align: right;
  word-break: break-all;
}