:root {
  /* Quasar default brand colors for visual consistency */
  --primary-color: #1976D2; 
  --bg-color: #f4f6f8;
  --text-color: #2c3e50;
}
body { 
  background-color: var(--bg-color); 
  color: var(--text-color);
}
/* Style the top header and logo area */
header { 
  border-bottom: 3px solid var(--primary-color) !important; 
}
header .title { 
  color: var(--primary-color) !important; 
  font-weight: bold;
}
/* Make the "Back to CRM" button match the brand */
.btn-primary { 
  background-color: var(--primary-color) !important; 
  border-color: var(--primary-color) !important; 
}
/* Customize the health check status badges */
.status-up { background-color: #21BA45 !important; } /* Quasar Positive Green */
.status-down { background-color: #C10015 !important; } /* Quasar Negative Red */