﻿.ProductModalApprovalSidecarV2 {
    &-Form {
        &-Notice {
            @include block-shadow;

            padding-right: 1rem;
            margin-bottom: 2rem;
        }
    }

    .TruncatedText {
        display: flex;
    }

    &-reason-definitions {
        margin-top: 0.5rem;
        color: var(--text-secondary);

        &-link {
            color: var(--midnight-700);
            font-weight: 700;
            text-decoration: underline;
            cursor: pointer;
        }
    }

    &-notice-infringement {
        font-weight: 500;
    }

    &-approval-definitions {
        margin-top: 1rem;
        color: var(--text-secondary);

        &-link {
            color: var(--midnight-700);
            font-weight: 400;
            cursor: pointer;
        }
    }

    &-select-approval-reason-notice {
        color: var(--text-secondary);
        font-size: 0.9rem;
        font-weight: 400;
    }

    &-definitions-link {
        margin-left: 3px;
        font-weight: 400;
        text-decoration: underline;
    }
}

.ProductLevelForm {
    &-group {
        margin-top: 10px;
        margin-bottom: 0;
    }

    &-note {
        min-height: 88px;
    }

    .form-label {
        margin-bottom: 4px;
    }

    &-reason-select {
        .SuiteListView-option-label {
            white-space: wrap;
        }
    }
}

.TrackLevelForm {
    &-tracks-form {
        display: flex;
        flex-direction: column;
        background-color: #f7f7f8;
        border-radius: 8px;
        padding: 8px 8px 0;
        margin: 18px 0 6px;
    }

    &-group {
        margin-top: 10px;
        margin-bottom: 0;
    }

    &-divider {
        margin: 15px 0;
    }

    &-tracks-header {
        display: flex;
        gap: 0.5rem;
        cursor: pointer;
        align-items: baseline;
        padding-top: 1rem;
    }

    &-reason-notice {
        color: var(--text-secondary);
        font-size: 12px;
        font-weight: 400;
        margin-top: 3px;
    }

    &-note {
        min-height: 88px;
    }

    .form-label {
        margin-bottom: 4px;
    }
}

.IndividualTrackForm {
    &-tracks {
        &-form-group {
            width: 100%;
        }

        &-name {
            color: initial;
            font-size: 16px;
            font-weight: 500;
            display: block;
            margin-bottom: 16px !important;
        }

        &-approval-reason {
            margin-bottom: 0.5rem;
            display: block;
        }
    }
}
