/**
 * Queue status color scheme — same as local_ai for consistency.
 * Apply .status-color-mode on container to show rows/cards by status color.
 */
:root {
  --status-new-bg: #60a5fa;
  --status-new-text: #fff;
  --status-in_progress-bg: #2563eb;
  --status-in_progress-text: #fff;
  --status-pending_approval-bg: #eab308;
  --status-pending_approval-text: #fff;
  --status-approved-bg: #ca8a04;
  --status-approved-text: #fff;
  --status-rejected-bg: #ea580c;
  --status-rejected-text: #fff;
  --status-cancelled-bg: #000;
  --status-cancelled-text: #ef4444;
  --status-executed-bg: #16a34a;
  --status-executed-text: #fff;
  --status-failed-bg: #dc2626;
  --status-failed-text: #fff;
}

/* Color mode: table — row separation, borders, spacing */
.status-color-mode .qv-table-wrap table.qv-table { border-collapse: separate; border-spacing: 0 4px; }
.status-color-mode table.qv-table tbody tr[data-status] { box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.status-color-mode table.qv-table tbody tr[data-status] td {
  border-top: 1px solid rgba(0,0,0,0.12);
  border-bottom: 1px solid rgba(0,0,0,0.2);
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}
.status-color-mode table.qv-table tbody tr[data-status] td:first-child {
  border-left: 1px solid rgba(0,0,0,0.12);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding-left: 0.85rem;
}
.status-color-mode table.qv-table tbody tr[data-status] td:last-child {
  border-right: 1px solid rgba(0,0,0,0.12);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-right: 0.85rem;
}
.status-color-mode table.qv-table tbody tr[data-status="new"] td { background: var(--status-new-bg); color: var(--status-new-text); }
.status-color-mode table.qv-table tbody tr[data-status="in_progress"] td { background: var(--status-in_progress-bg); color: var(--status-in_progress-text); }
.status-color-mode table.qv-table tbody tr[data-status="pending_approval"] td { background: var(--status-pending_approval-bg); color: var(--status-pending_approval-text); }
.status-color-mode table.qv-table tbody tr[data-status="approved"] td { background: var(--status-approved-bg); color: var(--status-approved-text); }
.status-color-mode table.qv-table tbody tr[data-status="rejected"] td { background: var(--status-rejected-bg); color: var(--status-rejected-text); }
.status-color-mode table.qv-table tbody tr[data-status="cancelled"] td { background: var(--status-cancelled-bg); color: var(--status-cancelled-text); }
.status-color-mode table.qv-table tbody tr[data-status="executed"] td { background: var(--status-executed-bg); color: var(--status-executed-text); }
.status-color-mode table.qv-table tbody tr[data-status="failed"] td { background: var(--status-failed-bg); color: var(--status-failed-text); }

.status-color-mode .badge.badge-new { background: var(--status-new-bg); color: var(--status-new-text); border: none; }
.status-color-mode .badge.badge-in_progress { background: var(--status-in_progress-bg); color: var(--status-in_progress-text); border: none; }
.status-color-mode .badge.badge-pending_approval { background: var(--status-pending_approval-bg); color: var(--status-pending_approval-text); border: none; }
.status-color-mode .badge.badge-approved { background: var(--status-approved-bg); color: var(--status-approved-text); border: none; }
.status-color-mode .badge.badge-rejected { background: var(--status-rejected-bg); color: var(--status-rejected-text); border: none; }
.status-color-mode .badge.badge-cancelled { background: var(--status-cancelled-bg); color: var(--status-cancelled-text); border: none; }
.status-color-mode .badge.badge-executed { background: var(--status-executed-bg); color: var(--status-executed-text); border: none; }
.status-color-mode .badge.badge-failed { background: var(--status-failed-bg); color: var(--status-failed-text); border: none; }

/* Color mode: cards — borders, spacing, separation */
.status-color-mode .qv-items-cards .qv-item-card[data-status] {
  border: 2px solid rgba(0,0,0,0.15);
  border-radius: 10px;
  margin-bottom: 0.85rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.status-color-mode .qv-item-card[data-status="new"] { background: var(--status-new-bg); color: var(--status-new-text); border-color: rgba(0,0,0,0.12); }
.status-color-mode .qv-item-card[data-status="in_progress"] { background: var(--status-in_progress-bg); color: var(--status-in_progress-text); border-color: rgba(0,0,0,0.12); }
.status-color-mode .qv-item-card[data-status="pending_approval"] { background: var(--status-pending_approval-bg); color: var(--status-pending_approval-text); border-color: rgba(0,0,0,0.12); }
.status-color-mode .qv-item-card[data-status="approved"] { background: var(--status-approved-bg); color: var(--status-approved-text); border-color: rgba(0,0,0,0.12); }
.status-color-mode .qv-item-card[data-status="rejected"] { background: var(--status-rejected-bg); color: var(--status-rejected-text); border-color: rgba(0,0,0,0.12); }
.status-color-mode .qv-item-card[data-status="cancelled"] { background: var(--status-cancelled-bg); color: var(--status-cancelled-text); border-color: rgba(255,255,255,0.15); }
.status-color-mode .qv-item-card[data-status="executed"] { background: var(--status-executed-bg); color: var(--status-executed-text); border-color: rgba(0,0,0,0.12); }
.status-color-mode .qv-item-card[data-status="failed"] { background: var(--status-failed-bg); color: var(--status-failed-text); border-color: rgba(0,0,0,0.12); }
.status-color-mode .qv-item-card[data-status] .qv-item-card-id a { color: inherit; }
.status-color-mode .qv-item-card[data-status] .qv-item-card-meta { color: rgba(255,255,255,0.9); }
.status-color-mode .qv-item-card[data-status] .qv-item-card-summary { color: rgba(255,255,255,0.85); }