.chip-blue   { background: #dbeafe; color: #1d4ed8; }
.chip-red    { background: #fee2e2; color: #b91c1c; }
.chip-orange { background: #ffedd5; color: #c2410c; }
.chip-green  { background: #dcfce7; color: #15803d; }
.chip-purple { background: #f3e8ff; color: #7e22ce; }
.chip-yellow { background: #fef9c3; color: #a16207; }
.chip-gray   { background: #e5e7eb; color: #374151; }
.chip-customer { background: #fce7f3; color: #be185d; }

.dark .chip-blue   { background: rgb(30 58 138 / 0.3);  color: #93c5fd; }
.dark .chip-red    { background: rgb(127 29 29 / 0.3);  color: #fca5a5; }
.dark .chip-orange { background: rgb(124 45 18 / 0.3);  color: #fdba74; }
.dark .chip-green  { background: rgb(20 83 45 / 0.3);   color: #86efac; }
.dark .chip-purple { background: rgb(88 28 135 / 0.3);  color: #d8b4fe; }
.dark .chip-yellow { background: rgb(113 63 18 / 0.3);  color: #fde047; }
.dark .chip-gray   { background: rgb(55 65 81 / 0.5);   color: #d1d5db; }
.dark .chip-customer { background: rgb(131 24 67 / 0.35); color: #f9a8d4; }

/* Device row highlight when a scale/sensor is offline (apiary detail). Palette matches chip-red. */
.device-row-offline { background: #fef2f2; border-left: 3px solid #ef4444; }
.dark .device-row-offline { background: rgb(127 29 29 / 0.18); border-left-color: #f87171; }