/* ===== Parse Panel ===== */
.parse-panel {
  position: relative;
}

.parse-panel__trigger {
  font-size: 12px;
  white-space: nowrap;
}

.parse-panel__err {
  color: var(--accent-pink);
}

.parse-panel__dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 6px;
  background: var(--bg-card);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--radius);
  padding: 0.6rem;
  z-index: 30;
  min-width: 220px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.parse-panel__stats {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.6rem;
}

.parse-panel__row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  padding: 0.15rem 0;
}

.parse-panel__bar {
  height: 4px;
  background: var(--bg-main);
  border-radius: 2px;
  margin-top: 0.3rem;
  overflow: hidden;
}

.parse-panel__fill {
  height: 100%;
  background: var(--accent-cyan);
  border-radius: 2px;
  transition: width 0.3s;
}

.parse-panel__actions {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.parse-panel__actions .btn {
  width: 100%;
  font-size: 12px;
  text-align: center;
}

.btn--warn {
  border-color: var(--accent-yellow) !important;
  color: var(--accent-yellow) !important;
}

.btn--danger {
  border-color: var(--accent-pink) !important;
  color: var(--accent-pink) !important;
}