/* quality_ui.css — Styles for shared quality-grade UI components.
 * Loaded globally in index.hbs for all 3 pipelines.
 */

/* ---------------------------------------------------------------------------
   Grade badge
   --------------------------------------------------------------------------- */

.quality-grade-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  cursor: default;
  user-select: none;
  flex-shrink: 0;
}

/* ---------------------------------------------------------------------------
   Refine button
   --------------------------------------------------------------------------- */

.quality-refine-btn {
  /* No margin-top — parent `.snippet-actions` uses flex-wrap + gap for
     spacing, so the refine button wraps naturally alongside siblings. */
}

.quality-refine-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Inline error text shown below the refine button on failure */
.quality-refine-error {
  color: #ef4444;
  font-size: 0.8rem;
  display: block;
  margin-top: 0.25rem;
}

/* ---------------------------------------------------------------------------
   Admin-only model selector visibility
   --------------------------------------------------------------------------- */

/* Hidden by default for non-admins — overridden by JS when IS_ADMIN === true.
   See ebay_live_funnel.js for the DOM-ready visibility setup.          */
#live-model-select-wrapper {
  display: none;
}