/* Minimal Custom Header Only - Default Theme Preserved */

/* Custom header - visible in both light and dark themes */
.container:first-of-type::before {
  content: "🎬 Eniolabi's Media Server Dashboard";
  display: block;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 700;
  /* Use CSS that works in both themes */
  color: var(--text-color, #1e293b);
  background: linear-gradient(135deg, #3b82f6, #6366f1, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  padding: 1.5rem 2rem;
  margin-bottom: 2rem;
  /* Fallback for browsers that don't support background-clip */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

/* Ensure header shows in both light and dark modes */
html[data-theme="dark"] .container:first-of-type::before,
.dark .container:first-of-type::before {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background: linear-gradient(135deg, #60a5fa, #818cf8, #a78bfa) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* Light theme specific styling */
html[data-theme="light"] .container:first-of-type::before,
.light .container:first-of-type::before {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: linear-gradient(135deg, #3b82f6, #6366f1, #8b5cf6) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* Hide "Unknown" status labels */
.service-card [class*="bg-"][class*="text-"]:not([class*="bg-green"]):not([class*="bg-emerald"]):not([class*="bg-red"]):not([class*="bg-yellow"]) {
  display: none !important;
}

/* Alternative: Style unknown status to be less prominent */
.service-card .bg-gray-500,
.service-card .bg-slate-500,
.service-card [class*="text-"]:contains("UNKNOWN"),
[class*="unknown" i] {
  display: none !important;
}