/* RondoServ Ultra-Premium Theme for MeshMonitor */
:root {
  --color-bg: #0b0e14 !important;
  --color-bg-raised: #12161f !important;
  --color-bg-sunken: #07090d !important;
  --color-surface: rgba(18, 22, 31, 0.85) !important;
  --color-surface-hover: rgba(32, 39, 54, 0.9) !important;
  --color-surface-active: rgba(42, 51, 70, 0.95) !important;
  --color-surface-inactive: #11151e !important;
  
  --color-text: #ffffff !important;
  --color-text-muted: #cbd5e1 !important;
  --color-text-subtle: #94a3b8 !important;
  --color-text-disabled: #64748b !important;
  --color-text-faint: #475569 !important;
  
  --color-border: #1e293b !important;
  --color-border-strong: #334155 !important;
  --color-border-subtle: #0f172a !important;
  
  --color-accent: #6366f1 !important;
  --color-accent-hover: #4f46e5 !important;
  --color-accent-alt: #a855f7 !important;
  --color-accent-muted: #3730a3 !important;
  --color-accent-text: #ffffff !important;
  
  --accent: #6366f1 !important;
  --accent-gradient: linear-gradient(135deg, #6366f1, #a855f7) !important;
}

body {
  background-color: #0b0e14 !important;
  color: #ffffff !important;
}

/* Glassmorphism for Navbar, Sidebar, and Status Panels */
header, nav, [class*="_statusBar"], [class*="_tableSection"], .bg-slate-900, .bg-gray-900, .bg-zinc-900, .bg-slate-800, .bg-gray-800 {
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
}

/* Card hover glow and rounded borders */
[class*="_remotePanel"], .rounded-lg, .rounded-xl, .rounded-2xl {
  border-color: rgba(99, 102, 241, 0.2) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

/* Accent Buttons & Active States */
button[class*="saveBtn"], button[class*="remoteQueryBtn"], button.bg-blue-600, button.bg-indigo-600, .bg-blue-600, .bg-indigo-600 {
  background: linear-gradient(135deg, #6366f1, #a855f7) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.35) !important;
  transition: all 0.2s ease !important;
  border: none !important;
}

button[class*="saveBtn"]:hover, button[class*="remoteQueryBtn"]:hover, button.bg-blue-600:hover, button.bg-indigo-600:hover {
  transform: scale(1.02) !important;
  box-shadow: 0 6px 20px rgba(168, 85, 247, 0.5) !important;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: rgba(11, 14, 20, 0.6);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #6366f1, #a855f7);
  border-radius: 10px;
}