/* ─── CORVUS-SPECIFIC STYLES ─── */

/* Hero gradient */
.hero {
  background: linear-gradient(135deg, var(--corvus) 0%, var(--kite) 100%);
}

/* Dashboard showcase */
.dashboard-showcase {
  background: linear-gradient(180deg, #0a0e1a 0%, #1a1f35 100%);
  color: var(--paper);
}

.dashboard-showcase::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.1), transparent 70%);
  pointer-events: none;
}

.showcase-header .mono { color: #60a5fa; }

/* Tab nav */
.dashboard-tabs-nav {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 3rem;
  position: relative;
  z-index: 2;
}

.dashboard-nav-btn {
  padding: 1rem 2.5rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(244, 241, 235, 0.7);
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s;
  font-family: 'Outfit', sans-serif;
}

.dashboard-nav-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(59, 130, 246, 0.4);
}

.dashboard-nav-btn.active {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border-color: #3b82f6;
  color: white;
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);
}

/* Dashboard views */
.dashboard-view { display: none; animation: fadeIn 0.5s ease-in; }
.dashboard-view.active { display: block; }

/* Corvus dash-logo colour */
.dash-logo { background: linear-gradient(135deg, #3b82f6, #2563eb); }

/* Metric progress percentage colour */
.progress-percentage { color: #3b82f6; }

/* CTA override: corvus uses its own dark gradient via product.css default */