.ai-queue-list,
.ai-history-list,
.ai-check-list {
  display: grid;
  gap: 12px;
}

.ai-queue-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 16px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--blue-600) 12%, var(--ai-line));
  background: color-mix(in srgb, var(--surface) 94%, transparent);
}

.ai-queue-toolbar__text {
  display: grid;
  gap: 6px;
}

.ai-queue-toolbar__text strong {
  font-size: 15px;
}

.ai-queue-toolbar__text span {
  color: var(--ai-muted);
  font-size: 13px;
  line-height: 1.5;
}

.ai-queue-batch-status {
  display: grid;
  gap: 10px;
}

.ai-queue-batch-progress {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}

.ai-queue-batch-progress span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--ai-line);
  background: color-mix(in srgb, var(--surface-soft) 90%, transparent);
  color: var(--ai-muted);
  font-size: 12px;
}

.ai-queue-batch-progress strong {
  color: var(--ai-text);
}

.ai-queue-item,
.ai-history-item {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--blue-600) 10%, var(--ai-line));
  background: color-mix(in srgb, var(--surface) 94%, transparent);
}

.ai-queue-item.is-selected,
.ai-history-item.is-latest {
  box-shadow: inset 0 0 0 1px rgba(95, 124, 255, 0.22);
  background: linear-gradient(180deg, rgba(95, 124, 255, 0.12), rgba(95, 124, 255, 0.04));
}

.ai-queue-item__head,
.ai-history-item__head,
.ai-queue-item__foot,
.ai-history-item__meta,
.ai-queue-item__meta,
.ai-queue-item__facts,
.ai-queue-item__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: center;
  justify-content: space-between;
}

.ai-queue-item__head strong,
.ai-history-item__head strong {
  display: block;
  font-size: 17px;
  margin-bottom: 4px;
}

.ai-queue-item__head span,
.ai-history-item__head span,
.ai-history-item__meta span,
.ai-queue-item__facts span {
  color: var(--ai-muted);
  font-size: 13px;
}

.ai-queue-item__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.ai-queue-item__block,
.ai-check-list__item {
  padding: 14px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--blue-600) 10%, var(--ai-line));
  background: color-mix(in srgb, var(--surface-soft) 92%, transparent);
}

.ai-queue-item__block span,
.ai-check-list__item span {
  display: block;
  margin-bottom: 8px;
  color: var(--ai-muted);
  font-size: 13px;
}

.ai-queue-item__block strong,
.ai-check-list__item strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
}

.ai-queue-item__block--ready_now,
.ai-queue-item__block--success {
  box-shadow: inset 3px 0 0 rgba(57, 200, 121, 0.85);
}

.ai-queue-item__block--recheck,
.ai-queue-item__block--warning {
  box-shadow: inset 3px 0 0 rgba(241, 181, 59, 0.85);
}

.ai-queue-item__block--needs_context,
.ai-queue-item__block--danger {
  box-shadow: inset 3px 0 0 rgba(227, 77, 77, 0.85);
}

.ai-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  width: fit-content;
  margin-bottom: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--ai-line);
  font-style: normal;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.ai-status-badge--success {
  color: #228955;
  border-color: rgba(57, 200, 121, 0.28);
  background: rgba(57, 200, 121, 0.1);
}

.ai-status-badge--warning {
  color: #b87410;
  border-color: rgba(241, 181, 59, 0.3);
  background: rgba(241, 181, 59, 0.12);
}

.ai-status-badge--danger {
  color: #c14b4b;
  border-color: rgba(227, 77, 77, 0.28);
  background: rgba(227, 77, 77, 0.1);
}

.ai-status-badge--neutral {
  color: var(--ai-text);
  border-color: rgba(85, 113, 255, 0.22);
  background: rgba(85, 113, 255, 0.08);
}

.ai-queue-item__block p,
.ai-history-item p {
  margin: 0;
  line-height: 1.55;
  color: color-mix(in srgb, var(--ai-text) 92%, var(--ai-muted));
}

.ai-queue-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--ai-line);
  background: color-mix(in srgb, var(--surface-soft) 90%, transparent);
  color: var(--ai-text);
  font-size: 12px;
}

.ai-queue-pill--ready_now {
  border-color: rgba(57, 200, 121, 0.26);
  background: rgba(57, 200, 121, 0.1);
}

.ai-queue-pill--recheck,
.ai-check-list__item.is-missing {
  border-color: rgba(241, 181, 59, 0.26);
  background: rgba(241, 181, 59, 0.1);
}

.ai-queue-pill--reviewed,
.ai-check-list__item.is-ok {
  border-color: rgba(85, 113, 255, 0.22);
  background: rgba(85, 113, 255, 0.08);
}

.ai-queue-pill--needs_context {
  border-color: rgba(227, 77, 77, 0.22);
  background: rgba(227, 77, 77, 0.1);
}

.ai-queue-item__actions .button,
.ai-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}

:root[data-theme='dark'] .ai-status-badge--success {
  color: #82e0ad;
}

:root[data-theme='dark'] .ai-status-badge--warning {
  color: #ffd089;
}

:root[data-theme='dark'] .ai-status-badge--danger {
  color: #ff9a9a;
}

@media (max-width: 1120px) {
  .ai-queue-toolbar {
    align-items: stretch;
  }

  .ai-queue-item__grid {
    grid-template-columns: 1fr;
  }
}