@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

html, body, #app, .app-wrapper, main, .main-content, div[class*="background"], [class*="layout"] {
  background-color: #0b0f17 !important;
  background-image: none !important;
  color: #f8fafc !important;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
}

div[class*="bg-radial"], div[class*="smoke"], div[class*="wave"], svg[class*="wave"] {
  display: none !important;
}

aside, .sidebar, [class*="sidebar"] {
  background-color: #0d131f !important;
  background-image: none !important;
  border-right: 1px solid #1e293b !important;
}

.sidebar a[href*="server/create"] {
  background: transparent !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
}

.sidebar a[href*="server/create"]:hover {
  background-color: rgba(30, 41, 59, 0.7) !important;
  color: #fff !important;
}

.sidebar a.router-link-exact-active,
.sidebar a.router-link-active:not([href*="server/create"]) {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4) !important;
}

/* Ocultar el título antiguo duplicado */
.p-6.space-y-6 > div:first-child:not(#wisp-dash) {
  display: none !important;
}

.wisp-box {
  background: #0f172a;
  border: 1px solid #1e293b;
  border-radius: 16px;
  padding: 22px;
}

.wisp-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(15,23,42,0.9);
  border: 1px solid #1e293b;
  padding: 5px 12px;
  border-radius: 9999px;
  font-size: 0.78rem;
  font-weight: 600;
  color: #cbd5e1;
  white-space: nowrap;
}

.wisp-btn-blue {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #fff;
  font-weight: 700;
  font-size: 0.8rem;
  padding: 7px 16px;
  border-radius: 9999px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(37,99,235,0.4);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}