/* Debug Panel: floating chip + expandable panel */
.dbg-chip{
  position:fixed; right:12px; bottom:12px; z-index:2147483647;
  background:#1f2330; color:#e6e9ef; border:1px solid #3b4054; border-radius:16px; padding:6px 10px; cursor:pointer;
  font:12px/1.2 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  box-shadow:0 2px 8px rgba(0,0,0,0.25);
}
.dbg-chip:hover{ background:#262b3a; }

/* When docked in the status bar, make it compact and inline */
footer.statusbar .dbg-chip{
  position:static !important;
  right:auto; bottom:auto; z-index:auto;
  padding:2px 8px;
  border-radius:10px;
  display:inline-block;
  font-size:11px;
  line-height:1.2;
  box-shadow:none;
  background:rgba(43,49,68,0.8);
  border-color:rgba(30,44,70,0.7);
  margin-left:6px;
}
footer.statusbar .dbg-chip:hover{ background:#343b52; }

.dbg-panel{ position:fixed; left:12px; top:56px;
  width:clamp(420px, 38vw, 680px); max-height:78vh; z-index:2147483647;
  background:rgba(19,23,34,0.86); color:#e6e9ef; border:1px solid #3b4054; border-radius:10px; display:none;
  box-shadow:0 10px 28px rgba(0,0,0,0.45);
  resize: both; overflow: hidden;
}
.dbg-panel.visible{ display:flex; flex-direction:column; }
.dbg-header{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:10px; border-bottom:1px solid #3b4054;
  position:sticky; top:0; background:inherit; backdrop-filter:saturate(1.15) blur(2px); z-index:1; }
.dbg-title{ font-weight:600; opacity:0.9; padding-right:8px; cursor:move; user-select:none; }
.dbg-panel.dbg-dragging{ cursor:grabbing; }
.dbg-filters{ display:flex; gap:6px; flex:1 1 260px; min-width:0; }
.dbg-filters select{ flex:0 0 100px; min-width:90px; }
.dbg-filters input{ flex:1 1 140px; min-width:100px; }
.dbg-actions{ display:flex; gap:6px; flex:1 0 100%; /* force new row */
  white-space:nowrap; margin-left:0; margin-top:6px; justify-content:flex-start; }
.dbg-header select,.dbg-header input{ background:#0f1320; color:#e6e9ef; border:1px solid #3b4054; border-radius:6px; padding:6px 8px; font:12px system-ui; }
.dbg-header button{ background:#2b3144; color:#e6e9ef; border:1px solid #3b4054; border-radius:4px; padding:4px 8px; font:12px system-ui; cursor:pointer; }
.dbg-header button:hover{ background:#343b52; }
.dbg-body{ overflow:auto; flex:1; font:12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; padding:10px; }
.dbg-row{ padding:6px 8px; border-bottom:1px dashed #2b3144; word-break:break-word; white-space:pre-wrap; }
.dbg-row .t{ opacity:0.65; margin-right:6px; }
.dbg-row .cat{ font-weight:600; margin-right:4px; }
.dbg-footer{ display:flex; align-items:center; justify-content:space-between; padding:8px 10px; border-top:1px solid #3b4054; font:11px system-ui; opacity:0.9; backdrop-filter:saturate(1.1) blur(2px); }
/* Editor: Waypoint selection highlight */
.wp.selected {
  outline: 2px solid #00F5FF;
  outline-offset: 0;
  background-color: rgba(0,245,255,0.08);
}
.wp .wpFlag {
  /* reserved for future theming; inline styles set color */
}