@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* ── Basis ── */
*, *::before, *::after {
  font-family: 'Inter', sans-serif !important;
  box-sizing: border-box;
}

/* ── Hintergrund ── */
body, #__next, main {
  background: #0d0d14 !important;
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(139, 92, 246, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(59, 130, 246, 0.1) 0%, transparent 50%) !important;
  min-height: 100vh;
}

/* ── Alle Cards / Widgets ── */
.bg-theme-100\/10,
.bg-white\/5,
[class*="bg-theme"] {
  background: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important;
}

/* ── Hover auf Service Cards ── */
a:hover > div,
a:hover [class*="bg-theme"] {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(139, 92, 246, 0.3) !important;
  transform: translateY(-1px);
  transition: all 0.2s ease !important;
}

/* ── Section Labels (SERVICES, SYSTEM etc.) ── */
h2, [class*="text-theme"][class*="uppercase"] {
  color: rgba(255, 255, 255, 0.3) !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
}

/* ── Service Namen ── */
[class*="text-theme-700"],
.font-medium {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 500 !important;
}

/* ── Beschreibungen / Subtexte ── */
[class*="text-theme-500"],
[class*="text-theme-400"] {
  color: rgba(255, 255, 255, 0.38) !important;
  font-size: 0.78rem !important;
}

/* ── Datum & Uhrzeit Widget ── */
#information-widgets {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── Uhrzeit Farbe ── */
[class*="datetime"] span:first-child {
  background: linear-gradient(90deg, #a78bfa, #60a5fa) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ── Status Badges (WIRD AUSGEFÜHRT etc.) ── */
[class*="bg-emerald"],
[class*="running"] {
  background: rgba(52, 211, 153, 0.15) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.25) !important;
  border-radius: 6px !important;
}

/* ── Fehler Badge verstecken wenn kein echter Fehler ── */
[class*="bg-orange"],
[class*="bg-red"] {
  background: rgba(251, 113, 133, 0.12) !important;
  color: #fb7185 !important;
  border: 1px solid rgba(251, 113, 133, 0.2) !important;
  border-radius: 6px !important;
}

/* ── Bookmarks ── */
[class*="bookmark"] a,
[class*="bookmark"] span {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 0.85rem !important;
}

[class*="bookmark"] a:hover span {
  color: #a78bfa !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(139, 92, 246, 0.3);
  border-radius: 99px;
}