/* Forge uses shared TGK component styles.
   Visual difference should come from accent tokens only. */
@layer components {

/* ── Forge surface ─────────────────────────────────────── */

.forge-surface {
  border-top: 2px solid var(--accent, currentColor);
}

.forge-review-surface {
  border-top: 0;
}

/* ── Forge surface ─────────────────────────────────────── */

.tgk-form.tgk-form-wide {
  max-width: 100%;
}

.forge-queue-filter-panel {
  margin-top: var(--space-md);
}

.forge-queue-filter-panel .forge-queue-filter-controls {
  grid-template-columns: minmax(10rem, 0.8fr) minmax(16rem, 1.6fr) auto;
}

.forge-queue-filter-panel .shop-filter input {
  width: 100%;
  min-height: 44px;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--section-border);
  border-radius: var(--border-radius-base);
  background: color-mix(in srgb, var(--bg-surface) 92%, transparent);
  color: var(--text-primary);
}

.forge-queue-filter-panel #forge-queue-stats {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .forge-queue-filter-panel .forge-queue-filter-controls {
    grid-template-columns: 1fr;
  }

  .forge-queue-filter-panel #forge-queue-stats {
    min-height: 0;
    white-space: normal;
  }
}

#forge-prepublish-checklist {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

#forge-prepublish-checklist li {
  position: relative;
  padding-left: 1.4rem;
  margin: 0.25rem 0;
}

#forge-prepublish-checklist li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "○";
  opacity: 0.7;
}

#forge-prepublish-checklist li.is-pass::before {
  content: "✓";
  opacity: 1;
}

#forge-prepublish-checklist li.is-fail {
  opacity: 0.78;
}

#forge-prepublish-summary.is-pass {
  font-weight: var(--type-weight-semibold, 600);
}

#forge-prepublish-summary.is-fail {
  opacity: 0.9;
}

#forge-queue-body tr {
  cursor: pointer;
}

#forge-queue-body tr.is-active td {
  background: color-mix(in oklab, var(--accent, #b08a2e) 18%, transparent);
}
}