/* TRADERSTOX - Updated styles with logo colours (blue / red / cyber) */

html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #05070d;
}
::-webkit-scrollbar-thumb {
  background: #243044;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

.logo-glow {
  filter: drop-shadow(0 0 8px rgba(0, 180, 255, 0.45));
}

.btn-primary {
  background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
  color: #05070d;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #33ddff 0%, #00b4e6 100%);
}

.text-brand-blue { color: #00d4ff; }
.bg-brand-soft { background: rgba(0, 212, 255, 0.08); }
.border-brand { border-color: rgba(0, 212, 255, 0.25); }

/* Status badges */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}
.badge-active { background: rgba(16, 185, 129, 0.1); color: #34d399; }
.badge-pending { background: rgba(245, 158, 11, 0.1); color: #fbbf24; }
.badge-completed { background: rgba(59, 130, 246, 0.1); color: #60a5fa; }
.badge-cancelled, .badge-rejected { background: rgba(239, 68, 68, 0.1); color: #f87171; }
.badge-processing { background: rgba(168, 85, 247, 0.1); color: #c084fc; }
.badge-approved { background: rgba(16, 185, 129, 0.1); color: #34d399; }

/* Sidebar */
.sidebar-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  color: #9ca3af;
  transition: all 0.15s;
}
.sidebar-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
.sidebar-link.active {
  color: #00d4ff;
  background: rgba(0, 212, 255, 0.1);
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}