.ContractAdvance {
    &-header {
        gap: 2px;
        width: 100%;

        &-secondary-text {
            color: var(--text-label);
            gap: 4px;
        }

        &-title {
            gap: 8px;
        }
    }

    &-pending-status {
        line-height: 20px;

        .not_qualified .DotGlyphIcon {
            color: var(--danger);
        }

        .qualified .DotGlyphIcon {
            border: 2px solid var(--success);
            border-radius: 10px;
            color: var(--gray-0);
        }

        .approved .DotGlyphIcon {
            color: var(--success);
        }
    }

    &-queued-status {
        line-height: 20px;

        .init .DotGlyphIcon {
            border: 2px solid var(--warning-600);
            border-radius: 10px;
            color: var(--gray-0);
        }

        .running .DotGlyphIcon {
            color: var(--warning-600);
        }

        .completed .DotGlyphIcon {
            color: var(--success);
        }

        .payment-created .DotGlyphIcon {
            border: 2px solid var(--success);
            border-radius: 10px;
            color: var(--gray-0);
        }
    }

    &-no-advances {
        margin-bottom: 25px;
    }
}