/* Lab — overrides específicos */
.meta-badges {
  position: absolute; top: 8px; left: 8px;
  display: flex; gap: 4px; flex-direction: column;
  z-index: 3;
}
.meta-badge {
  background: rgba(0,0,0,0.78);
  color: #fff; font-size: 10px; font-weight: 600;
  padding: 3px 6px; border-radius: 4px; border: 1px solid rgba(255,255,255,0.12);
}
.meta-badge.q-above { color: #5ee37c; border-color: rgba(94,227,124,0.4); }
.meta-badge.q-avg   { color: #ffb84d; border-color: rgba(255,184,77,0.4); }
.meta-badge.q-below { color: #ff4500; border-color: rgba(255,69,0,0.5); }
.meta-badge.q-unk   { color: var(--text-faded); }
.meta-badge.ret     { background: rgba(255,140,26,0.18); color: #ff8c1a; border-color: rgba(255,140,26,0.4); }

.meta-summary {
  font-size: 11px; color: var(--text-dim);
  margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--border);
}
.meta-summary.muted { color: var(--text-faded); font-style: italic; }
.meta-summary span { color: var(--text); font-weight: 600; }

.ret-curve {
  display: flex; gap: 6px; align-items: flex-end;
  height: 120px; padding: 8px 4px;
  background: var(--bg-2); border-radius: 6px;
}
.ret-bar-wrap {
  flex: 1; display: flex; flex-direction: column; align-items: center;
  height: 100%; justify-content: flex-end; gap: 4px;
}
.ret-bar {
  width: 100%; min-height: 2px;
  background: linear-gradient(180deg, #ff8c1a, #ff4500);
  border-radius: 3px 3px 0 0;
}
.ret-tick { font-size: 10px; color: var(--text-faded); }
.ret-val { font-size: 11px; color: var(--text); font-weight: 600; }

.pixel-funnel {
  display: flex; flex-direction: column; gap: 4px;
}
.pf-step {
  display: flex; justify-content: space-between;
  padding: 6px 10px; background: var(--bg-2); border-radius: 4px;
  font-size: 12px;
}
.pf-step.bigger { background: rgba(94,227,124,0.12); border: 1px solid rgba(94,227,124,0.3); }
.pf-label { color: var(--text-dim); }
.pf-val { color: var(--text); font-weight: 700; font-family: ui-monospace, monospace; }

#refresh-meta-btn.spinning { background: rgba(255,140,26,0.2); }
#refresh-meta-btn.success { background: rgba(94,227,124,0.2); color: var(--good); }
#refresh-meta-btn.error { background: rgba(255,69,0,0.2); color: var(--warn); }