/**
 * CSS Niveau 3 — Modale Manuel SSOT (manual-spec.css)
 */
.manual-modal__tabs {
  display: flex;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-5);
  background: rgba(15, 23, 42, 0.4);
  border-bottom: 1px solid var(--color-border);
}

.manual-tab-btn {
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--color-text-muted);
  font-family: var(--font-family-display);
  font-size: var(--font-size-xs);
  font-weight: 700;
  padding: var(--space-2) var(--space-3);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.manual-tab-btn:hover {
  color: var(--color-text-primary);
}

.manual-tab-btn.is-active {
  color: var(--color-brand-blue);
  border-bottom-color: var(--color-brand-blue);
}

.manual-modal__body {
  max-height: 70vh;
  overflow-y: auto;
}

.manual-card {
  background: var(--color-bg-base);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}

.manual-spec-pre {
  font-family: var(--font-family-mono);
  font-size: 0.78rem;
  line-height: 1.6;
  color: #e2e8f0;
  white-space: pre-wrap;
  word-break: break-word;
}