/* === Gino Infrastructure — Enterprise Glassmorphism === */

/* Service cards */
#services-container div[class*="service"] > div {
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(20px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(200%) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  border-radius: 14px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#services-container div[class*="service"] > div:hover {
  background: rgba(15, 23, 42, 0.7) !important;
  border-color: rgba(129, 140, 248, 0.4) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 40px rgba(129, 140, 248, 0.12), 0 0 0 1px rgba(129, 140, 248, 0.1) !important;
}

/* Widget stat cards (Kuma etc) */
div[class*="widget"] {
  background: rgba(15, 23, 42, 0.3) !important;
  border-radius: 8px !important;
}

/* Info widgets bar */
#information-widgets {
  background: rgba(15, 23, 42, 0.4) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(148, 163, 184, 0.08) !important;
  border-radius: 14px !important;
  padding: 4px 8px !important;
}

/* Section headers — subtle glow */
h2 {
  color: rgba(203, 213, 225, 0.95) !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
  text-shadow: 0 0 20px rgba(129, 140, 248, 0.3) !important;
}

/* Status dot glow effects */
.bg-green-500, .bg-emerald-500, [class*="bg-green"] {
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.5), 0 0 20px rgba(34, 197, 94, 0.2) !important;
}

.bg-red-500, [class*="bg-red"] {
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.5), 0 0 20px rgba(239, 68, 68, 0.2) !important;
  animation: pulse-red 2s ease-in-out infinite !important;
}

@keyframes pulse-red {
  0%, 100% { box-shadow: 0 0 10px rgba(239, 68, 68, 0.5); }
  50% { box-shadow: 0 0 20px rgba(239, 68, 68, 0.8), 0 0 40px rgba(239, 68, 68, 0.3); }
}

/* Greeting text */
#greeting {
  text-shadow: 0 2px 20px rgba(129, 140, 248, 0.3) !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
}

/* Resource bars styling */
div[class*="resource"] {
  background: rgba(15, 23, 42, 0.4) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 10px !important;
}

/* Page container spacing */
#page_container {
  padding-top: 1rem !important;
  max-width: 1400px !important;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.2);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.4);
}