.quick-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.quick-chip {
  display: inline-block;
  padding: 10px 12px;
  border-radius: 999px;
  background: #f4f4f4;
  color: #222;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid #e3e3e3;
}

.quick-chip:hover {
  text-decoration: none;
  background: #ececec;
}

.quick-chip.active {
  background: #111;
  color: #f3c300;
  border-color: #111;
}

.badge {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.badge-status-new {
  background: #fff4cc;
  color: #8a5a00;
}

.badge-status-open {
  background: #e8f1ff;
  color: #175cd3;
}

.badge-status-progress {
  background: #e0f2fe;
  color: #0369a1;
}

.badge-status-waiting {
  background: #fff1e8;
  color: #c2410c;
}

.badge-status-resolved {
  background: #eafaf1;
  color: #067647;
}

.badge-status-closed {
  background: #f2f4f7;
  color: #344054;
}

.badge-priority-urgent {
  background: #fee4e2;
  color: #b42318;
}

.badge-priority-high {
  background: #ffead5;
  color: #c2410c;
}

.badge-priority-normal {
  background: #eef2ff;
  color: #4338ca;
}

.badge-priority-low {
  background: #f4f4f5;
  color: #3f3f46;
}

.row-urgent td:first-child,
.row-high td:first-child {
  position: relative;
}

.row-urgent td:first-child::before,
.row-high td:first-child::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 100%;
  min-height: 32px;
  border-radius: 999px;
  margin-right: 10px;
  vertical-align: middle;
}

.row-urgent td:first-child::before {
  background: #b42318;
}

.row-high td:first-child::before {
  background: #c2410c;
}

@media (max-width: 900px) {
  .quick-filter-row {
    justify-content: flex-start;
  }
}