/*
  Dracor Consulting v1.1
  Reusable assessment engine styles. Loaded only by future approved assessment routes.
*/

.assessment-shell {
  display: grid;
  gap: var(--space-6);
}

.assessment-progress {
  accent-color: var(--color-highlight);
  min-height: 1rem;
  inline-size: 100%;
}

.assessment-status {
  color: var(--color-text-muted);
  font-size: var(--font-size-caption);
}

.assessment-error-summary {
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.36);
  border-radius: var(--radius-sm);
  color: #fecaca;
  padding: var(--space-4);
}

.assessment-form {
  display: grid;
  gap: var(--space-5);
}

.assessment-question {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  display: grid;
  gap: var(--space-4);
  padding: var(--card-padding);
}

.assessment-question-title {
  color: var(--color-text);
  font-family: var(--font-secondary);
  font-size: clamp(1.15rem, 2.3vw, 1.45rem);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-heading);
}

.assessment-help,
.assessment-limitation,
.assessment-premium-preview {
  color: var(--color-text-secondary);
  font-size: var(--font-size-small);
}

.assessment-options {
  display: grid;
  gap: var(--space-3);
}

.assessment-option {
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  display: flex;
  gap: var(--space-3);
  min-height: 2.75rem;
  padding: var(--space-4);
}

.assessment-option input {
  flex: 0 0 auto;
}

.assessment-step-title:focus,
.assessment-result:focus,
.assessment-error-summary:focus {
  outline: 3px solid var(--color-highlight);
  outline-offset: 0.35rem;
}

.assessment-reset-confirmation {
  border: 1px solid rgba(var(--color-highlight-rgb), 0.42);
  border-radius: var(--radius-sm);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: var(--space-4);
}

.assessment-reset-confirmation p {
  flex-basis: 100%;
}

.assessment-option:hover,
.assessment-option:focus-within {
  border-color: rgba(var(--color-highlight-rgb), 0.42);
}

.assessment-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.assessment-result {
  background: var(--gradient-surface);
  border: 1px solid rgba(var(--color-highlight-rgb), 0.24);
  border-radius: var(--radius-2xl);
  display: grid;
  gap: var(--space-5);
  padding: clamp(1.5rem, 4vw, 2.5rem);
}

.assessment-score {
  color: var(--color-glacier);
  font-family: var(--font-accent);
  font-size: clamp(1.8rem, 5vw, 2.8rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
}

.assessment-category-list,
.assessment-actions {
  display: grid;
  gap: var(--space-2);
}

.assessment-finding {
  border-left: 3px solid var(--color-highlight);
  padding-left: var(--space-4);
}

@media (prefers-reduced-motion: reduce) {
  [data-assessment-root],
  [data-assessment-root] * {
    animation: none !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}