/* Parse Settings — card-based layout styles */

/* Quota */
.ps-quota-wrap {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.ps-quota-gauge { flex-shrink: 0; }
.ps-quota-stats { flex: 1; }
.ps-val {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}
.ps-val.green { color: var(--green); }
.ps-val.tw { color: var(--twitch); }

/* Query tags */
.ps-queries {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
  min-height: 32px;
}

/* Pipeline steps */
.ps-pipeline {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
.ps-pipe-step {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--text-sec);
}
.ps-pipe-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.ps-pipe-dot.green { background: var(--green); }
.ps-pipe-dot.blue { background: var(--blue); }
.ps-pipe-dot.purple { background: var(--accent); }
.ps-pipe-dot.orange { background: var(--orange); }
.ps-pipe-dot.cyan { background: var(--cyan); }
.ps-pipe-dot.tw { background: var(--twitch); }
.ps-pipe-cost {
  margin-left: auto;
  font-size: 10px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 4px;
}
.ps-pipe-cost.free {
  background: rgba(34,197,94,0.1);
  color: var(--green);
}
.ps-pipe-cost.api {
  background: rgba(59,130,246,0.1);
  color: var(--blue);
}

/* Twitch API info */
.ps-tw-api-info {
  margin-bottom: 4px;
}

/* Parse tabs (reuses mon-tab styles) */
.parse-tabs {
  display: flex;
  gap: 4px;
}