.qfl-errors__filters {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.qfl-errors__filters .qfl-input { max-width: 200px; }

.qfl-errors__title {
  max-width: 420px;
  font-family: ui-monospace, monospace;
  font-size: 12px;
}

.qfl-errors__global { color: var(--muted); font-size: 12px; }

.qfl-errors__status { font-size: 12px; }

.qfl-errors__detail-row td { background: var(--bg, #f6f6f7); }
.qfl-errors__detail { padding: 8px 4px; }
.qfl-errors__meta {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 6px;
}
.qfl-errors__sample {
  margin: 0;
  padding: 8px;
  background: #1e1e1e;
  color: #e6e6e6;
  border-radius: 6px;
  font-size: 11px;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 320px;
}
.qfl-errors__trace {
  margin-top: 6px;
  font-size: 12px;
  color: var(--muted);
}
tr[data-row] { cursor: pointer; }

/* Frontend / backend origin badge */
.qfl-kind {
  display: inline-block; padding: 0 6px; border-radius: 4px; margin-right: 6px;
  font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px;
  vertical-align: middle;
}
.qfl-kind--frontend { background: #dbeafe; color: #1e40af; }
.qfl-kind--backend  { background: var(--code-bg); color: var(--muted); }
:root[data-theme="dark"] .qfl-kind--frontend { background: #14306b; color: #93c5fd; }

/* Backtrace context grid */
.qfl-errors__ctx {
  display: grid; grid-template-columns: max-content 1fr; gap: 2px 12px;
  margin: 4px 0 8px; font-size: 12px;
}
.qfl-errors__ctx-row { display: contents; }
.qfl-errors__ctx-k { color: var(--muted); }
.qfl-errors__ctx-v { word-break: break-all; background: none; padding: 0; color: var(--fg); }