/* WorkorderFilters — sleeker pill/chip overrides (scoped under .workorder-filters).
   :where(.dark) is valid standard CSS — kept as-is. NOTE: two declarations are malformed in
   the source and currently ignored by the browser (padding:6px10px, box-shadow:0001px ...);
   preserved verbatim so this relocation is zero behavior change (a separate fix can space them). */
.workorder-filters .chip {
  border-radius:9999px; /* full pill */
  border:1px solid rgba(0,0,0,0.18); /* enable visible border */
  background: rgba(0,0,0,0.05);
  padding:6px10px;
  font-size:12px;
  line-height:1;
  outline:1px solid transparent;
  outline-offset:1px;
}
/* Dark theme tuning */
:where(.dark) .workorder-filters .chip { border-color: rgba(255,255,255,0.22); background: rgba(255,255,255,0.06); }

.workorder-filters .chip[data-selected="true"],
.workorder-filters .chip[aria-pressed="true"] {
  background: #1d4ed8; /* blue-700 */
  border-color: #1d4ed8;
  color: white;
  outline:2px solid #60a5fa; /* blue-400 */
  outline-offset:1px;
  box-shadow:0001px rgba(96,165,250,0.25) inset;
}
.workorder-filters .chip:hover { filter: saturate(1.1); }
.workorder-filters .chip:focus-visible {
  outline:2px solid #60a5fa;
  outline-offset:1px;
}

/* Keep group halves seamlessly connected */
.workorder-filters .chip.rounded-r-none { border-top-right-radius:0; border-bottom-right-radius:0; }
.workorder-filters .chip.rounded-l-none { border-top-left-radius:0; border-bottom-left-radius:0; margin-left: -1px; }

/* Horizontal scroll area for pills */
.workorder-filters .chip-scroll { scrollbar-width: thin; }
.workorder-filters .chip-scroll::-webkit-scrollbar { height:10px; }
.workorder-filters .chip-scroll::-webkit-scrollbar-thumb { background: rgba(120,120,120,.45); border-radius:6px; }
.workorder-filters .chip-scroll::-webkit-scrollbar-track { background: transparent; }

/* Prevent layout jump when selection changes */
.workorder-filters .selected-chips-row { min-height:30px; }