/**
 * Fusion 3.0 — tickets dashboard (ticket-specific only).
 * Shared primitives live in `fe30-components.css`.
 */

.fe30-tickets-dash {
  max-width: 1440px;
  margin: 0 auto;
}

.fe30-tickets-page-header {
  align-items: flex-end;
}

.fe30-tickets-page-meta {
  margin-top: 6px;
}

.fe30-tickets-type-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  max-width: 52%;
}

.fe30-tickets-type-pill {
  border: 1px solid var(--gray-300, #d1d5db);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  background: #fff;
  color: var(--dark-navy, #202f3d);
  cursor: pointer;
}

.fe30-tickets-type-pill.is-active {
  box-shadow: inset 0 0 0 1px currentColor;
}

.fe30-tickets-type-pill--red.is-active { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.fe30-tickets-type-pill--blue.is-active { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
.fe30-tickets-type-pill--navy.is-active { background: #f0f4f8; border-color: #cbd5e1; color: #202f3d; }
.fe30-tickets-type-pill--amber.is-active { background: #fffbeb; border-color: #fde68a; color: #b45309; }
.fe30-tickets-type-pill--slate.is-active { background: #f8fafc; border-color: #e2e8f0; color: #475569; }

/* 3-step pipeline bar (tokenized from New Business `.progress-steps`). */
.fe30-tickets-progress {
  display: flex;
  align-items: stretch;
  gap: 4px;
  min-width: 120px;
  max-width: 160px;
}

.fe30-tickets-progress-step {
  flex: 1 1 0;
  height: 8px;
  border-radius: 4px;
  background: var(--bg-gray-100);
  border: 1px solid var(--bg-gray-100);
}

.fe30-tickets-progress-step.is-done {
  background: var(--brand-orange);
  border-color: var(--brand-orange);
}

.fe30-tickets-progress-step.is-current {
  background: var(--brand-orange-light);
  border-color: var(--brand-orange);
}

/* Quiet card shell — hairline only; no heavy shadow */
.fe30-tickets-card {
  margin-top: 0;
  padding: 0;
  border-radius: var(--radius-lg);
  border: 1px solid var(--hairline);
  background: var(--bg-white);
  box-shadow: none;
  overflow: hidden;
}

.fe30-tickets-card-body {
  padding: 0;
  overflow-x: auto;
}

/* Star column — same semantics as `public/client/TS/Dashboard-v2a.html` */
.fe30-tickets-dash .TicketStar span {
  display: none;
}

.fe30-tickets-dash .TicketStar {
  cursor: pointer;
}

.fe30-tickets-dash .TicketStar.Starredtrue {
  color: #d4af37;
}

.fe30-tickets-dash .TicketStar.Starredfalse {
  color: var(--gray-400);
}

.fe30-tickets-dash .TicketStar.fa-spinner {
  cursor: wait;
}