/* panel_debug tabs (debug.js) */
img.ico { width: 32px; height: 32px; object-fit: contain; vertical-align: middle; background: var(--bg); border-radius: 4px; }
img.ico.big { width: 64px; height: 64px; }
img.ico.missing { visibility: hidden; }
table.dbg td { vertical-align: middle; }
table.dbg th.sortable { cursor: pointer; user-select: none; }
table.dbg th.sortable:hover { color: var(--accent); }
.pager { margin: 8px 0; }
.targetbar { position: sticky; top: 52px; z-index: 4; padding: 8px 14px; }
.picker { position: relative; }
.picker .suggest { position: absolute; z-index: 20; min-width: 360px; box-shadow: 0 6px 24px rgba(0,0,0,.18); }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--muted); margin-right: 6px; }
.dot.on { background: var(--ok); }
.detail { border-color: var(--accent); }
.swatch { text-align: center; }
.giveform label { min-width: 90px; }
.q9 { color: #e0a800; font-weight: 600; } .q8 { color: #2f6fde; font-weight: 600; }
.q7 { color: #b04fd8; font-weight: 600; } .q6 { color: #1f8a4c; font-weight: 600; }
@media (prefers-color-scheme: dark) { .q8 { color: #6da2ff; } .q7 { color: #d48bff; } .q6 { color: #4cc27f; } }
.mono { font-family: ui-monospace, Menlo, monospace; }
details summary { cursor: pointer; color: var(--muted); margin: 10px 0 6px; }
@media (max-width: 700px) { .targetbar { position: static; } .picker .suggest { min-width: 0; width: 100%; } }