:root {
  --background: 43 33% 93%;
  --foreground: 40 14% 6%;
  --card: 43 30% 96%;
  --card-foreground: 40 14% 6%;
  --primary: 10 57% 40%;
  --primary-foreground: 43 33% 96%;
  --border: 40 14% 82%;
  --ring: 10 57% 40%;
}
:root.dark {
  --background: 40 14% 6%;
  --foreground: 43 33% 93%;
  --card: 40 10% 9%;
  --card-foreground: 43 33% 93%;
  --primary: 10 57% 52%;
  --primary-foreground: 40 14% 6%;
  --secondary: 40 8% 16%;
  --muted: 40 8% 16%;
  --accent: 40 8% 16%;
  --border: 40 8% 18%;
  --ring: 10 57% 52%;
}
.endpoint .endpoint-header .truncate {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}
.endpoint .endpoint-header .text-muted-foreground {
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0;
}