.ef-step-indicator {
    display: flex;
    align-items: center;
    gap: var(--ef-space-s);
    flex: 0 0 auto;
    padding: var(--ef-space-xs) var(--ef-space-s);
    border-radius: 999px;
    background: var(--ef-color-surface);
    color: var(--ef-color-text);
}
.ef-step-indicator.is-active,
.ef-step-indicator.is-done {
    color: var(--ef-color-text);
    transform: translateY(-1px);
}
.ef-step-indicator.is-active {
    background: var(--ef-color-primary-soft);
    border-color: var(--ef-color-primary-soft);
    font-weight: 600;
}
.ef-step-indicator.is-done {
    background: var(--ef-color-surface);
    border-color: var(--ef-color-surface);
    color: var(--ef-color-text);
}
.ef-step-badge {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ef-text-base);
    font-weight: 700;
    background: #e3e6eb;
    color: var(--ef-color-text);
    flex: 0 0 auto;
}
.ef-step-indicator.is-active .ef-step-badge,
.ef-step-indicator.is-done .ef-step-badge {
    background: var(--ef-color-primary);
    color: var(--ef-color-surface-raised);
}
.ef-step-indicator.is-done .ef-step-badge {
    background: var(--ef-color-primary);
    color: var(--ef-color-surface-raised);
}
.ef-step-line {
    display: none;
}
.ef-step-label {
    font-size: var(--ef-text-base);
}