// @import '@/styles/custom-theme.scss';
// 导入变量
@import './variables';

.product-script {
    display: flex;
    flex-flow: column nowrap;
    gap: 1rem;

    .product-script-video-req {
        .video-req-form {
            display: flex;
            flex-flow: column nowrap;
            gap: 0.5rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid $neutral-200;

            .form-header {
                font-size: 1.25rem;
                font-weight: 700;
            }
            .form-label {
                color: $neutral-700;
                font-weight: 700;
                margin: 0;
                margin-bottom: 0.25rem;
            }
        }
        .product-ai-script {
            padding: 1rem 0;
            .header {
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                align-items: center;
                .title {
                    font-weight: 700;
                    font-size: 1.125rem;
                }
            }
            .form-label {
                color: $neutral-700;
                font-weight: 700;
                margin: 0;
                margin-bottom: 0.25rem;
            }
        }
    }
}

.inline-step-progress {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    justify-content: space-between;
    padding: 16px 0 65px 0;

    .inline-step {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .circle {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        font-size: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
    }

    .completed {
        background-color: #6f6ee3;
        color: white;
    }

    .pending {
        background-color: #fff;
        border: 1px solid #ccc;
        color: transparent;
    }

    .line {
        height: 2px;
        width: 100%;
        background-color: #ccc;
        z-index: 0;
    }
    .label {
        position: absolute;
        top: 18px;
        text-align: center;
        left: -45%;
        width: 100%;
        .label-text {
            display: inline-block;
        }
        .label-date {
            display: inline-block;
        }
    }
}

.matching-result-table {
    th, td {
        text-align: center;
    }
}