/* Priority badge — shown on tickets in list and thread views */

.priority-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--space-2);
  border-radius: var(--radius-sm);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  vertical-align: middle;
}

.priority-badge--low {
  color: var(--color-ash);
  background-color: rgba(122, 110, 95, 0.15);
  border: 1px solid rgba(122, 110, 95, 0.25);
}

.priority-badge--high {
  color: var(--color-amber);
  background-color: var(--color-amber-10);
  border: 1px solid var(--color-amber-20);
}

.priority-badge--urgent {
  color: #c94020;
  background-color: var(--color-ember-20);
  border: 1px solid rgba(139, 46, 15, 0.35);
  font-weight: 700;
}

/* Priority selector — admin segmented button group in ticket thread */

.priority-selector {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.priority-selector__label {
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--color-ash);
  white-space: nowrap;
}

.priority-selector__options {
  display: flex;
  gap: var(--space-1);
  flex-wrap: wrap;
}

.priority-selector__btn {
  padding: 4px var(--space-3);
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  font-weight: 500;
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--color-ash);
  cursor: pointer;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.priority-selector__btn:hover {
  background: var(--color-white-05);
  color: var(--color-parchment);
}

.priority-selector__btn--active {
  background: var(--color-white-06);
  color: var(--color-parchment);
  border-color: rgba(232, 213, 163, 0.3);
}

.priority-selector__btn--active.priority-selector__btn--low {
  color: var(--color-ash);
  border-color: rgba(122, 110, 95, 0.4);
}

.priority-selector__btn--active.priority-selector__btn--high {
  color: var(--color-amber);
  border-color: var(--color-amber-30);
  background: var(--color-amber-08);
}

.priority-selector__btn--active.priority-selector__btn--urgent {
  color: #c94020;
  border-color: rgba(139, 46, 15, 0.5);
  background: var(--color-ember-20);
}

/* Priority filter bar — admin ticket queue */

.admin-tickets__open-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.priority-filter {
  display: flex;
  gap: var(--space-1);
  flex-wrap: wrap;
}

.priority-filter__btn {
  padding: 4px var(--space-3);
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  font-weight: 500;
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--color-ash);
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}

.priority-filter__btn:hover,
.priority-filter__btn--active {
  background: var(--color-white-06);
  color: var(--color-parchment);
  border-color: rgba(232, 213, 163, 0.25);
}

/* Urgent ticket row — ember left border in admin queue */

.admin-table__row--urgent {
  border-left: 3px solid var(--color-ember);
}
