/*
 * m0 Design System — Panels: Tokenization (CANONICAL)
 * The Precious Metals Tokenization & Gold Markets view — intro + wizard host.
 * Panel-scoped, prefixed (tokenization-*). Token-driven, no literal px/hex/rgba.
 *
 * The multi-step wizard progress indicator, step connectors, and step-content
 * surfaces are shared primitives (see `.wizard-progress`, `.step-content`,
 * `.step-connector`) and remain in the legacy monolith until the component
 * layer claims them.
 */

.tokenization-view {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

.tokenization-view .view-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
}

.tokenization-view .view-header h2 {
    margin: 0;
    font-size: 1.25rem;
}

.tokenization-intro {
    padding: var(--spacing-md);
    background: color-mix(in srgb, var(--status-warning) 5%, transparent);
    border: 1px solid color-mix(in srgb, var(--status-warning) 20%, transparent);
    border-radius: var(--radius-md);
}

.tokenization-intro p {
    margin: 0 0 var(--spacing-sm);
    color: var(--text-secondary);
}

.tokenization-intro .prereq-notice {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: 0.85rem;
}