:root,
:root.dark {
  color-scheme: light !important;
  --background: 0 0% 100% !important;
  --foreground: 222.2 84% 4.9% !important;
  --card: 0 0% 100% !important;
  --card-foreground: 222.2 84% 4.9% !important;
  --popover: 0 0% 100% !important;
  --popover-foreground: 222.2 84% 4.9% !important;
  --primary: 222.2 47.4% 11.2% !important;
  --primary-foreground: 210 40% 98% !important;
  --secondary: 210 40% 96.1% !important;
  --secondary-foreground: 222.2 47.4% 11.2% !important;
  --muted: 210 40% 96.1% !important;
  --muted-foreground: 215.4 16.3% 46.9% !important;
  --accent: 210 40% 96.1% !important;
  --accent-foreground: 222.2 47.4% 11.2% !important;
  --border: 214.3 31.8% 91.4% !important;
  --input: 214.3 31.8% 91.4% !important;
  --ring: 222.2 84% 4.9% !important;
}
header,
footer,
#settings,
.dashboard-container .mb-6 > div:has(#search-input),
.dashboard-container .mb-6 > .flex:first-child > .flex:last-child,
.dashboard-container .mb-6 > .flex:first-child p {
  display: none !important;
}
.dashboard-container > .container {
  max-width: 56rem;
  padding-bottom: 4rem;
  padding-top: 4rem;
}
.dashboard-container .mb-6 > .flex:first-child {
  justify-content: center;
  margin-bottom: 0;
  text-align: center;
}
.dashboard-container .grid {
  grid-template-columns: minmax(0, 1fr) !important;
}
.endpoint {
  box-shadow: none !important;
  transform: none !important;
}
.dark .bg-gray-700 {
  background-color: rgb(229 231 235) !important;
}