/**
 * OPUS UI V2 — onboarding (couche présentation, sans modifier onboarding.js).
 */

body.opus-ui-v2 .onboarding-overlay {
  background: rgba(24, 32, 51, .55);
  backdrop-filter: blur(4px);
}

body.opus-ui-v2 .onboarding-container {
  border-radius: 18px;
  max-width: 560px;
  box-shadow: 0 24px 64px rgba(24, 32, 51, .18);
  border: 1px solid #e7e8ee;
}

body.opus-ui-v2 .onboarding-header {
  padding: 20px 22px;
  border-bottom: 1px solid #e7e8ee;
}

body.opus-ui-v2 .onboarding-header h2 {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -.02em;
  color: #182033;
}

body.opus-ui-v2 .onboarding-close {
  border-radius: 10px;
  color: #4c566b;
}

body.opus-ui-v2 .onboarding-close:hover {
  background: #f3f4f8;
  color: #182033;
}

body.opus-ui-v2 .onboarding-content {
  padding: 20px 22px;
}

body.opus-ui-v2 .onboarding-footer {
  padding: 16px 22px 20px;
  border-top: 1px solid #e7e8ee;
}

body.opus-ui-v2 .onboarding-progress-bar {
  background: rgba(109, 59, 255, .12);
}

body.opus-ui-v2 .onboarding-progress-fill {
  background: linear-gradient(90deg, #6d3bff, #ff6b57);
}

body.opus-ui-v2 .onboarding-footer .primary,
body.opus-ui-v2 .onboarding-footer button.primary {
  background: linear-gradient(135deg, #6d3bff, #5726dc);
  border: none;
  border-radius: 12px;
  font-weight: 600;
}

body.opus-ui-v2 .onboarding-footer .secondary {
  border-radius: 12px;
}