/* New: Switch wizard plan selection list */
.tipino-switch-plan-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 12px;
}

.tipino-switch-plan-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    border: 2px solid rgb(from var(--tipino-white) r g b / 0.12);
    border-radius: var(--tipino-border-radius);
    cursor: pointer;
    transition: var(--tipino-transition);
    background: rgb(from var(--tipino-white) r g b / 0.03);
}

.tipino-switch-plan-option:hover {
    border-color: rgb(from var(--tipino-white) r g b / 0.3);
    background: rgb(from var(--tipino-white) r g b / 0.06);
}

.tipino-switch-plan-option--current {
    border-color: rgb(from var(--tipino-accent) r g b / 0.45);
}

.tipino-switch-plan-option--selected {
    border-color: var(--tipino-accent);
    background: rgb(from var(--tipino-accent) r g b / 0.08);
}

.tipino-switch-plan-name {
    color: var(--tipino-text-white);
    font-size: var(--tipino-font-size-normal);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tipino-switch-plan-current-tag {
    font-size: var(--tipino-font-size-small);
    font-weight: normal;
    background: var(--tipino-primary);
    color: var(--tipino-white);
    border-radius: var(--tipino-border-radius);
    padding: 2px 6px;
}

.tipino-switch-plan-price {
    color: var(--tipino-text);
    font-size: var(--tipino-font-size-small);
    white-space: nowrap;
    flex-shrink: 0;
    padding-left: 8px;
}